/* Selected friendly concept: daylight photography, clear decisions, teal selection. */
:root{--ink:#172e3c;--muted:#586b7c;--paper:#f4f8fb;--surface:#eef4f7;--line:#dce6ee;--soft:#eaf5f8;--brand-dark:#196474;--shadow:0 8px 24px #173e5510}
body{background:var(--paper)}.shell{max-width:1240px}.site-header{border-top:0;border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:91px}.brand b{font-size:33px;color:#146579;line-height:1.1;font-weight:900}.brand small{font:500 12px system-ui,sans-serif;letter-spacing:1px;color:var(--ink);direction:ltr;text-align:right;margin-top:7px}.site-header nav{gap:28px}.site-header nav>a{font-size:14px;text-decoration:none}.site-header .nav-home{color:var(--muted)}.site-header .nav-home[aria-current]{color:var(--brand-dark)}.site-header nav .nav-guide{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;border-radius:8px}.site-header nav .nav-guide:hover,.site-header nav .nav-guide[aria-current]{background:#196474;border-color:#196474;color:#fff}.button{border-radius:8px;min-height:46px}.button.primary{color:#172e3c;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:#ffab27}.button.secondary{background:#fff;border-color:#c8dae6}.site-footer{border-top:1px solid var(--line);font-size:12px;background:transparent}.site-footer b{color:var(--brand-dark)}
.welcome-hero{position:relative;min-height:440px;margin-top:28px;background:#eaf4f8 url('../images/guide-hero.webp') center/cover no-repeat;border-radius:14px;overflow:hidden;display:flex;align-items:center}.welcome-copy{width:50%;padding:42px 44px}.welcome-copy h1{font-size:47px;font-weight:800;line-height:1.5;letter-spacing:-.03em}.welcome-copy p{font-size:16px;line-height:2;margin:17px 0 24px;max-width:39ch}.welcome-copy .button{font-size:15px}.welcome-note{display:block;font-size:12px;color:var(--muted);margin-top:13px}
.use-start{padding-block:35px}.section-heading h2{font-size:26px}.section-heading p{color:var(--muted);font-size:14px;margin-top:8px}.use-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.use-photo-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;min-width:0;transition:border-color 160ms,box-shadow 160ms}.use-photo{display:block;background-image:url('../images/use-scenes.webp');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:4/3;width:100%}.scene-office{background-position:0 0}.scene-general{background-position:100% 0}.scene-design{background-position:0 100%}.scene-gaming{background-position:100% 100%}.use-photo-card>div{padding:17px 18px}.use-photo-card strong{font-size:18px;font-weight:700}.use-photo-card p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:7px}.use-start-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--brand-dark);font-size:12px;margin-top:12px;min-height:30px}.use-start-link svg{width:26px;height:26px;padding:5px;background:var(--soft);border-radius:50%}.use-photo-card:hover{border-color:var(--brand-primary);box-shadow:0 5px 18px #24809113}.other-uses{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px;font-size:13px;color:var(--muted)}.other-uses a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-dark);text-decoration:none}.other-uses svg{width:16px;height:16px}
.guide-promise{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;margin-block:8px 32px}.guide-promise>div:first-child{display:flex;align-items:flex-start;gap:36px}.guide-promise h2{font-size:26px;min-width:230px}.guide-promise>div>p{font-size:14px;color:var(--muted);line-height:2}.promise-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:28px}.promise-points article>svg{color:var(--brand-primary);width:26px;height:26px;margin-bottom:10px}.promise-points h3{font-size:17px}.promise-points p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:8px}.decision-faq{padding-top:5px}.decision-faq>div>p{color:var(--muted)}
.guide-page .wizard-intro{max-width:1060px;margin-inline:auto;padding-block:30px 22px}.guide-page .wizard-intro h1{font-size:28px}.guide-page .wizard-layout{display:flex;flex-direction:column;gap:18px;max-width:1060px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 36px 0;box-shadow:var(--shadow)}.guide-page .wizard-aside{position:static;padding:0}.guide-page .journey-summary,.guide-page .wizard-aside>.save-note{display:none}.guide-page .step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.guide-page .step-list li{position:relative}.guide-page .step-list li:before{display:none}.guide-page .step-list button{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:75px;padding:8px;font-size:12px;background:transparent;border-radius:0}.guide-page .step-circle{border-radius:50%;height:30px;width:30px;background:#e7edf2;border:0;color:var(--muted)}.guide-page .step-list button[aria-current=step]{background:transparent;color:var(--brand-dark)}.guide-page .step-list button[aria-current=step] .step-circle{background:var(--brand-primary);color:#fff}.guide-page .step-list .done .step-circle{background:#dceff2;color:var(--brand-dark)}.guide-page .step-check{display:none}.guide-page .wizard-panel{padding:0;border:0;border-radius:0;box-shadow:none}.guide-page .wizard-top{padding-top:8px;border-top:1px solid var(--line)}.guide-page progress{margin:8px 0 25px;height:3px}.guide-page legend{font-size:30px;text-align:center;width:100%;font-weight:800}.guide-page .wizard-step>.field-hint{text-align:center;font-size:14px;margin-bottom:26px}.guide-page .use-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.guide-page .use-grid .use-choice{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0!important;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative;box-shadow:none}.guide-page .use-grid .use-choice:last-child:nth-child(odd){grid-column:auto}.guide-page .use-choice .choice-copy{padding:13px 13px 15px}.guide-page .use-choice .choice-copy strong{font-size:15px;line-height:1.8}.guide-page .use-choice .choice-copy small{font-size:12px;line-height:1.85;margin-top:5px}.guide-page .use-choice .choice-mark{top:10px;left:10px;transform:none;width:25px;height:25px;border:1px solid #fff;background:#fff}.guide-page .use-choice:has(input:checked){border-color:var(--brand-primary);background:var(--soft);box-shadow:0 0 0 1px var(--brand-primary)}.guide-page .use-choice:has(input:checked) .choice-mark{background:var(--brand-primary);color:#fff;border-color:#fff}.guide-page .use-choice:focus-within{outline:3px solid var(--brand-primary);outline-offset:3px}.guide-page .use-choice input{position:absolute;inset-inline-start:12px;top:12px}.guide-page .question-help{font-size:12px;justify-content:center;margin-top:22px}.guide-page .wizard-actions{border-top:1px solid var(--line);padding:19px 0;margin:24px 0 0;position:static}.guide-page .wizard-actions .primary{margin-inline-start:auto;min-width:190px}.guide-page .workload-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-page .workload-grid .choice-card{border-radius:10px;min-height:105px}.guide-page .budget-field{max-width:650px;margin-inline:auto}.guide-page .budget-pills{justify-content:center}.guide-page .budget-availability{background:var(--soft)}.guide-page .review-box{background:var(--surface)}
.result-page .result-header h1{font-size:30px}.result-page .summary-bar{padding:15px 20px;background:var(--soft);border:1px solid #cee1e8;border-radius:10px}.result-page .product-card{border-color:var(--line);border-radius:12px}.result-page .recommended .card-rank{background:var(--soft);border-inline-start:0}.result-page .recommended .product-stage{background:#f5f9fb;padding:24px}.result-page .recommended .card-image{background:#edf3f6;height:300px}.result-page .card-content{padding:24px}.result-page .recommended .card-content>h2{font-size:24px}.result-page .price-row strong{color:var(--ink)}.result-page .simple-facts{padding:16px;background:var(--surface);border-radius:10px;gap:16px;margin-block:18px}.result-page .fact-icon{display:block;color:var(--brand-primary)}.result-page .simple-fact strong{font-size:19px}.result-page .simple-fact p{font-size:12px}.result-page .model-actions{gap:9px}.result-page .model-actions .button{font-size:12px}.result-page .stage-specs{margin-top:18px}.result-page .card-content>details>summary{font-size:13px}.result-page .product-card:not(.recommended) .card-image{height:170px}.result-page .product-card:not(.recommended) .simple-facts{background:transparent;padding:0}.result-page .product-card:not(.recommended) .card-content{padding-top:10px}.result-page .result-method,.result-page .scenario-section{background:#fff;border-color:var(--line)}.result-page .alternatives-heading h2{font-size:24px}
.saved-page .result-header h1{font-size:30px}.saved-page .result-grid{grid-template-columns:1fr}.saved-page .product-card{display:grid;grid-template-columns:220px minmax(0,1fr);border-radius:12px}.saved-page .card-image{height:210px;background:var(--surface)}.saved-page .card-content{gap:12px}.saved-page .card-content h2{font-size:21px}.saved-page .card-content .button{width:fit-content;font-size:13px}.saved-page .empty-state{border-radius:14px}
@media(max-width:1000px){.welcome-copy{padding:32px;width:52%}.welcome-copy h1{font-size:38px}.welcome-copy p{font-size:14px}.guide-page .wizard-layout{padding-inline:24px}.guide-page .use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-photo-card>div{padding:13px}.use-photo-card strong{font-size:16px}.site-header nav{gap:18px}}
@media(max-width:700px){.shell{padding-inline:18px}.header-inner{min-height:78px;gap:12px}.brand b{font-size:27px}.brand small{font-size:10px}.site-header nav{gap:10px}.site-header nav>a{font-size:12px}.site-header .nav-home{display:none}.site-header nav .nav-guide{padding:9px 11px;font-size:12px}.site-header .nav-saved{min-width:36px}.welcome-hero{margin-top:18px;min-height:0;display:block;background-size:auto 310px;background-position:25% bottom;padding-bottom:245px;background-color:#edf5f9}.welcome-copy{width:100%;padding:25px 24px 18px;background:#edf5f9}.welcome-copy h1{font-size:34px;line-height:1.5}.welcome-copy h1 br{display:none}.welcome-copy p{font-size:14px;margin:12px 0 18px;max-width:none}.welcome-copy .button{width:100%;font-size:14px}.welcome-note{text-align:center;font-size:11px}.use-start{padding-block:26px}.section-heading h2{font-size:22px}.section-heading p{font-size:13px}.use-photo-grid{grid-template-columns:1fr 1fr;gap:12px}.use-photo-card>div{padding:12px}.use-photo-card strong{font-size:15px}.use-photo-card p{font-size:12px}.use-start-link{font-size:11px;gap:5px}.other-uses{gap:3px 18px;font-size:12px}.other-uses>span{width:100%}.guide-promise{padding:23px}.guide-promise>div:first-child{display:block}.guide-promise h2{font-size:23px}.guide-promise>div>p{margin-top:10px;font-size:13px}.promise-points{grid-template-columns:1fr;gap:23px}.promise-points article{display:grid;grid-template-columns:25px 1fr;gap:4px 12px}.promise-points article>svg{grid-row:1/3}.promise-points h3{font-size:16px}.promise-points p{margin:0}.decision-faq h2{font-size:24px}.guide-page .wizard-intro{padding-block:22px 16px}.guide-page .wizard-intro h1{font-size:24px}.guide-page .wizard-intro>p{font-size:12px}.guide-page .wizard-layout{padding:16px 16px 0;gap:10px;border-radius:12px}.guide-page .step-list{gap:2px}.guide-page .step-list button{font-size:10px;gap:5px;padding:6px 0;min-height:63px}.guide-page .step-circle{height:25px;width:25px;font-size:12px}.guide-page .wizard-top{font-size:11px}.guide-page progress{margin-bottom:20px}.guide-page legend{font-size:24px;text-align:start}.guide-page .wizard-step>.field-hint{text-align:start;font-size:13px;margin-bottom:20px}.guide-page .use-grid{grid-template-columns:1fr 1fr;gap:10px}.guide-page .use-choice .choice-copy{padding:10px}.guide-page .use-choice .choice-copy strong{font-size:13px}.guide-page .use-choice .choice-copy small{font-size:11px}.guide-page .use-choice .choice-mark{height:23px;width:23px;top:7px;left:7px}.guide-page .use-choice .use-photo{aspect-ratio:1.3}.guide-page .workload-grid{grid-template-columns:1fr}.guide-page .wizard-actions{position:sticky;bottom:0;background:white;z-index:5;padding-block:14px;gap:8px}.guide-page .wizard-actions .primary{min-width:0;font-size:12px}.guide-page .wizard-actions .secondary{font-size:11px}.guide-page .question-help{font-size:11px}.result-page .result-header h1{font-size:25px}.result-page .result-header .lead{font-size:13px}.result-page .summary-bar{padding:11px 14px}.result-page .recommended .product-stage{padding:16px}.result-page .recommended .card-image{height:230px}.result-page .card-content{padding:18px}.result-page .recommended .card-content>h2{font-size:22px}.result-page .simple-facts{padding:12px;gap:10px}.result-page .simple-fact{display:block}.result-page .fact-icon{display:none}.result-page .simple-fact strong{font-size:16px}.result-page .simple-fact p{font-size:11px}.result-page .model-actions{flex-direction:column}.saved-page .product-card{grid-template-columns:100px minmax(0,1fr)}.saved-page .card-image{height:150px;padding:10px}.saved-page .card-content{padding:15px;gap:10px}.saved-page .card-content h2{font-size:16px}.saved-page .card-content p{font-size:12px}.saved-page .card-content .button{font-size:11px;padding:8px}.saved-page .result-header h1{font-size:25px}}
@media(max-width:360px){.shell{padding-inline:12px}.brand b{font-size:25px}.site-header nav{gap:4px}.site-header nav .nav-guide{font-size:11px;padding-inline:9px}.welcome-copy{padding-inline:19px}.welcome-copy h1{font-size:30px}.guide-page .wizard-layout{padding-inline:12px}.guide-page .use-choice .choice-copy strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.use-photo-card{transition:none}}
@media print{.welcome-hero{background:none;padding:0}.welcome-copy{width:100%}.use-photo{display:none}.wizard-actions,.site-header{display:none!important}body{background:white}}
/* The progress occupies the full form width; specialist uses are compact secondary choices. */
.guide-page .wizard-aside,.guide-page .wizard-panel{width:100%;min-width:0}.guide-page .use-choice:nth-child(n+5) .use-photo{display:none}.guide-page .use-choice:nth-child(n+5) .choice-copy{padding:18px 16px 18px 43px}.saved-compare{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;cursor:pointer}.saved-compare input{width:18px;height:18px}
@media(min-width:1001px){.guide-page .use-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.guide-page .use-grid .use-choice{grid-column:span 3}.guide-page .use-grid .use-choice:nth-child(n+5),.guide-page .use-grid .use-choice:last-child:nth-child(odd){grid-column:span 4}}
@media(max-width:700px){.guide-page .use-choice:last-child{grid-column:1/-1!important}.guide-page .use-choice:nth-child(n+5) .choice-copy{padding:14px 10px 14px 34px}.saved-compare{font-size:11px}}