@font-face{font-family:HK;src:url('assets/HKGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:HK;src:url('assets/HKGrotesk-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--cyan:#00afd7;--blue:#212490;--ink:#272833;--muted:#646770;--line:#e3e6e9;--wash:#f5f7f8}*{box-sizing:border-box}body{margin:0;font-family:HK,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.5;background:white}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}.concept{padding:7px max(5vw,22px);background:var(--blue);color:white;font-size:12px;letter-spacing:.04em;display:flex;justify-content:space-between}header{min-height:112px;margin:0 5vw;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.logo{max-width:100%;height:auto;display:block}.header-label{padding-left:32px;border-left:1px solid var(--line);color:var(--muted);font-size:15px}.header-link{margin-left:auto;text-decoration:none;font-size:15px;font-weight:600}.header-link span{color:var(--cyan);font-size:22px;margin-left:16px}main{max-width:1440px;padding:0 5vw;margin:auto;min-height:75vh}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0 34px;gap:18px}.step{border:0;background:none;display:flex;gap:12px;align-items:center;color:#74777e;text-align:left;padding:0;font-size:15px}.step-num{display:grid;place-items:center;width:31px;height:31px;border:1px solid #cdd1d6;border-radius:50%;font-size:13px;flex-shrink:0}.step.active{color:var(--blue);font-weight:600}.step.active .step-num{background:var(--blue);border-color:var(--blue);color:white}.step.done .step-num{color:var(--cyan);border-color:var(--cyan)}.step:disabled{cursor:default}.layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:start}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:600;margin:0 0 12px}h1{font-size:clamp(32px,3.6vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:0 0 17px}h1 em{font-style:normal;color:var(--cyan)}.intro{color:var(--muted);margin:0 0 29px;max-width:560px;font-size:17px}h2{font-size:25px;font-weight:600;line-height:1.2;margin:0 0 18px;letter-spacing:-.02em}h3{font-size:19px;line-height:1.25;margin:0 0 9px;font-weight:600}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend,.field-label{font-size:16px;font-weight:600;margin-bottom:11px;display:block}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid var(--line);background:white;color:var(--ink);text-align:left;border-radius:3px;padding:18px 15px;min-height:118px;transition:background .15s,border-color .15s;position:relative}.choice:hover{border-color:var(--cyan)}.choice.selected{border:2px solid var(--cyan);padding:17px 14px;background:#f0fbfd}.choice.selected:after{content:'✓';position:absolute;right:10px;top:6px;color:#007b96;font-size:14px}.choice strong{font-weight:600;font-size:16px;display:block;margin-top:12px}.choice small{display:block;color:var(--muted);font-size:13px;margin-top:5px;line-height:1.4}.ico{width:26px;height:26px;display:block;color:var(--blue)}.compact .choice{min-height:80px}.compact .choice strong{margin-top:0}.actions{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:23px;margin-top:28px;margin-bottom:35px}.primary,.secondary,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;border:0;border-radius:3px;padding:15px 23px;font-weight:600;font-size:16px;line-height:1.4}.primary{background:var(--cyan);color:#fff}.primary:hover{background:#009abe}.secondary{background:var(--wash);color:var(--blue);border:1px solid var(--line)}.text-btn{padding-left:0;background:transparent;color:var(--muted);font-weight:400}.tiny{font-size:13px;color:var(--muted)}.photo{position:relative;height:480px;border-radius:3px;overflow:hidden;background:var(--wash)}.photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}.photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,20,30,.7))}.photo-caption{position:absolute;z-index:1;bottom:28px;left:30px;right:25px;color:#fff}.photo-caption small{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.photo-caption p{font-size:28px;line-height:1.2;margin:9px 0 0;letter-spacing:-.025em}.aside-note{display:flex;gap:15px;padding:23px 0;font-size:14px;color:var(--muted)}.aside-note b{font-weight:600;color:var(--blue)}.aside-note .ico{flex-shrink:0}.room{border:1px solid var(--line);border-radius:3px;padding:20px;margin-bottom:15px;background:white}.room-top{display:flex;gap:12px;align-items:center;margin-bottom:18px}.room-top .room-index{font-size:13px;color:var(--blue);font-weight:600}.room-top input{font-weight:600;border:0;border-bottom:1px solid var(--line);min-width:0;width:100%;padding:5px;background:white}.delete{border:0;background:none;font-size:13px;color:var(--muted);padding:6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,.field select{border:1px solid #d6dbe0;border-radius:3px;width:100%;padding:10px 9px;background:white;color:var(--ink);font-size:15px;min-height:44px}.full{grid-column:1/-1}.add{width:100%;border:1px dashed #8c9da7;background:#fafcfd;color:var(--blue);padding:14px;border-radius:3px;font-size:15px}.summary-box{background:var(--blue);color:white;padding:30px;border-radius:3px;margin-bottom:22px}.summary-box h2{font-size:30px}.summary-box p{color:#d9daf1;font-size:15px}.summary-box .metric{font-size:52px;line-height:1.2;font-weight:600}.summary-box .metric small{font-size:16px;font-weight:400;color:#e0e0f4;margin-left:6px}.summary-row{padding:12px 0;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #4547a5;font-size:14px}.summary-row:last-child{border-bottom:0}.summary-row span{color:#d9daf1}.note{padding:18px 20px;background:var(--wash);border-left:3px solid var(--cyan);font-size:14px;line-height:1.6}.note p{margin:5px 0}.result-head{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:28px}.result-head h1{max-width:730px}.result-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:35px}.product{border:1px solid var(--line);display:grid;grid-template-columns:210px 1fr;border-radius:3px;overflow:hidden;margin-bottom:20px}.product img{width:100%;height:100%;min-height:275px;object-fit:cover}.product-content{padding:26px}.badge{display:inline-block;background:#eaf8fb;color:#006e85;font-size:12px;font-weight:600;padding:5px 8px;margin-bottom:13px}.product h2{font-size:30px}.product p{color:var(--muted);font-size:15px;margin:10px 0}.product a{color:var(--blue);font-size:14px;text-underline-offset:4px}.reasons{padding:0;list-style:none;margin:16px 0}.reasons li{position:relative;padding-left:21px;margin:7px 0;font-size:15px}.reasons li:before{content:'✓';position:absolute;left:0;color:#0087a6}.result-room{padding:19px 0;border-top:1px solid var(--line)}.result-room p{margin:5px 0;font-size:15px;color:var(--muted)}.result-room h3{display:flex;justify-content:space-between;gap:15px}.result-room h3 span{font-weight:400;font-size:14px;color:var(--blue)}.checklist{padding:0;list-style:none;font-size:15px}.checklist li{padding:10px 0 10px 23px;border-bottom:1px solid var(--line);position:relative}.checklist li:before{content:'□';position:absolute;left:0;color:var(--blue)}.brief{background:var(--wash);padding:28px;border-radius:3px}.brief .primary,.brief .secondary{width:100%;margin-top:12px;gap:10px}.brief dl{font-size:14px;margin:22px 0}.brief dt{color:var(--muted);margin-top:12px}.brief dd{margin:2px 0;font-weight:600;overflow-wrap:anywhere}.compare{margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:var(--wash);color:var(--blue)}.sources{font-size:13px;color:var(--muted);margin:23px 0}.sources a{margin-right:14px}footer{margin:45px 5vw 0;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;padding:14px 24px;border-radius:4px;display:none;z-index:10;max-width:90vw}.fade{animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fade{animation:none}*{scroll-behavior:auto!important}}@media(min-width:1500px){main{padding:0 55px}.photo{height:510px}}@media(max-width:1000px){.layout{gap:30px;grid-template-columns:1.15fr .85fr}.choices{gap:7px}.choice{padding:13px 10px}.choice.selected{padding:12px 9px}.photo{height:440px}.product{grid-template-columns:150px 1fr}.product-content{padding:20px}.result-grid{gap:22px}.header-label{display:none}}@media(max-width:760px){header{min-height:85px}.logo{width:166px}.concept{font-size:11px}.concept span{display:none}.header-link{font-size:13px}.steps{gap:7px;padding:24px 0}.step{font-size:12px;gap:6px;align-items:center}.step-num{height:25px;width:25px;font-size:12px}.layout,.result-grid{grid-template-columns:1fr;gap:16px}h1{font-size:37px}.photo{height:260px}.aside-note{padding:18px 0}.layout>aside{order:2}.choice strong{font-size:15px}.choice small{font-size:12px}.choice{min-height:105px}.intro{margin-bottom:24px}.actions{margin-bottom:14px}.result-head{display:block}.result-head .text-btn{margin-bottom:12px}.product{grid-template-columns:125px 1fr}.product h2{font-size:24px}.product-content{padding:17px}.product img{min-height:300px}.result-room h3{display:block}.result-room h3 span{display:block;margin-top:5px}.brief{padding:24px}.summary-box{padding:25px}.fields{gap:12px}.room{padding:15px}footer{flex-direction:column;margin-top:30px;gap:8px}}@media(max-width:380px){.choices{grid-template-columns:1fr}.choice{min-height:65px}.choice .ico{display:none}.choice strong{margin-top:0}.step{flex-direction:column;align-items:start}.product{grid-template-columns:1fr}.product img{height:170px;min-height:0}.fields{grid-template-columns:1fr}.primary,.secondary{padding:14px 17px}}@media print{header,.concept,.steps,footer,.actions,.result-head button,.brief .primary,.brief .secondary,.sources,#toast{display:none!important}main{padding:0}.result-grid{display:block}.brief{break-inside:avoid}.product{break-inside:avoid}a{color:#000;text-decoration:none}.compare{break-inside:avoid}h1{font-size:32px}.product img{max-height:240px}.result-room{break-inside:avoid}}