@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/young-serif-latin-ext-400-normal.3-bl6jrxoh4xx.woff2)format("woff2"),url(../media/young-serif-latin-ext-400-normal.0doetbgwnnlyz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/young-serif-latin-400-normal.32lku43yll3p5.woff2)format("woff2"),url(../media/young-serif-latin-400-normal.0zgssm54slpwd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-ext-wght-normal.2qbumvda87bu9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-wght-normal.07r-45yxeebem.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5efe3;--paper-deep:#ebe2d0;--card:#fffcf5;--ink:#15212b;--ink-soft:#3a4650;--rule:#15212b33;--petrol:#0e4d5c;--petrol-deep:#0a3640;--petrol-light:#bfdce0;--persimmon:#e2552f;--persimmon-text:#b23a18;--blush:#f6c7b3;--blush-tint:#fbe3d8;--mustard:#f2b52e;--butter:#fae6a6;--sage:#78ae84;--sage-light:#d5e8d1;--sky:#8fc3dd;--sky-light:#d7eaf3;--plum:#7b5c9b;--lilac:#ddd1ec;--grey:#cfc8b8;--font-display:"Young Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif;--text-small:.9rem;--text-body:1.0625rem;--text-lead:1.25rem;--radius:18px;--radius-sm:12px;--border:2px solid var(--ink);--lift:5px 5px 0 var(--ink);--lift-sm:3px 3px 0 var(--ink);--measure:66ch;--page:1200px;--gutter:clamp(18px, 4vw, 40px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem;font-size:112.5%}body{color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:var(--text-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.12}p{text-wrap:pretty;margin:0}a{color:inherit}button{font:inherit;color:inherit}img,svg{max-width:100%}::selection{color:var(--ink);background:var(--butter)}:focus{outline:none}:focus-visible{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--paper);border-radius:6px}.skip-link{z-index:100;color:#fff;background:var(--petrol);border:var(--border);border-radius:var(--radius-sm);padding:14px 20px;font-weight:700;text-decoration:none;position:absolute;top:-80px;left:12px}.skip-link:focus{top:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.art{--off:3px;--art-sw:2.5px;width:100%;height:auto;display:block;overflow:visible}.art .occ{fill:var(--art-bg,var(--card));stroke:none}.art .sf{stroke:none;transform:translate(var(--off), var(--off))}.art .ol{fill:none;stroke:var(--ink);stroke-width:var(--art-sw);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.art .ol.wh{stroke:#fff}.art .ol.ac{stroke:var(--persimmon-text)}.art .ol.sw1{stroke-width:calc(var(--art-sw) * .72)}.art .ol.sw2{stroke-width:calc(var(--art-sw) * 1.4)}.art .ol.dash{stroke-dasharray:5 5}.art .f-ink{fill:var(--ink)}.art .f-card{fill:var(--card)}.art .f-paper{fill:var(--paper-deep)}.art .f-pet{fill:var(--petrol)}.art .f-petD{fill:var(--petrol-deep)}.art .f-petL{fill:var(--petrol-light)}.art .f-per{fill:var(--persimmon)}.art .f-blush{fill:var(--blush)}.art .f-mus{fill:var(--mustard)}.art .f-but{fill:var(--butter)}.art .f-sage{fill:var(--sage)}.art .f-sageL{fill:var(--sage-light)}.art .f-sky{fill:var(--sky)}.art .f-skyL{fill:var(--sky-light)}.art .f-plum{fill:var(--plum)}.art .f-lil{fill:var(--lilac)}.art .f-grey{fill:var(--grey)}.art-hero{--off:5px;--art-sw:3px}.art-mark{--off:2px;--art-sw:2px}
.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1 0 auto}main:focus{outline:none}.icon{flex:none;width:1.25em;height:1.25em}.site-header{width:100%;max-width:var(--page);padding:1rem var(--gutter);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.brand{align-items:center;gap:.65rem;min-height:3rem;text-decoration:none;display:inline-flex}.brand-mark{--art-bg:var(--paper);flex:none;width:2.6rem;height:2.6rem}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.65rem;line-height:1}.brand-name span{color:var(--petrol)}.header-nav{align-items:center;gap:1.25rem;display:flex}.nav-link{text-underline-offset:.25em;align-items:center;gap:.5rem;min-height:3rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.nav-link:hover{color:var(--petrol)}.button{min-height:3.5rem;color:var(--ink);background:var(--card);border:var(--border);box-shadow:var(--lift-sm);font:700 var(--text-body)/1.2 var(--font-body);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.button:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.button-primary{color:#fff;background:var(--petrol)}.button-primary:hover:not(:disabled){background:var(--petrol-deep)}.button-xl{min-height:4rem;padding:0 2rem;font-size:1.25rem}.button-sm{min-height:3rem;padding:0 1.1rem}.button:disabled{cursor:not-allowed;color:var(--ink-soft);background:var(--paper-deep);box-shadow:none;border-style:dashed}.eyebrow{color:var(--petrol);font-size:var(--text-small);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.7rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--persimmon);border-radius:2px;flex:none;width:2rem;height:4px}.section-title{font-size:clamp(1.9rem,3.8vw,2.6rem)}.section-lead{max-width:var(--measure);color:var(--ink-soft);font-size:var(--text-lead);margin-top:.7rem;line-height:1.5}.hero{max-width:var(--page);padding:clamp(1.25rem, 4vw, 3rem) var(--gutter) clamp(2.5rem, 6vw, 5rem);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(2rem,5vw,4rem);margin:0 auto;display:grid}.hero h1{letter-spacing:-.02em;margin-top:1.1rem;font-size:clamp(2.7rem,6.4vw,4.8rem);line-height:1.02}.hero h1 span{color:var(--petrol);display:block}.hero-lead{max-width:33rem;color:var(--ink-soft);font-size:var(--text-lead);margin-top:1.5rem;line-height:1.55}.hero-actions{margin-top:2rem}.promises{gap:.7rem;margin:1.75rem 0 0;padding:0;font-weight:700;list-style:none;display:grid}.promises li{align-items:center;gap:.75rem;display:flex}.promises .icon{width:1.8rem;height:1.8rem;color:var(--petrol);background:var(--sage-light);border:2px solid var(--ink);border-radius:50%;padding:4px}.hero-plate{background:var(--card);border:var(--border);box-shadow:10px 10px 0 var(--ink);--art-bg:var(--card);border-radius:30px;margin:0;padding:clamp(.5rem,2vw,1.1rem);position:relative;transform:rotate(1.2deg)}.band{background:var(--paper-deep);border-block:var(--border)}.band-inner{max-width:var(--page);padding:clamp(2.25rem, 5vw, 3.75rem) var(--gutter);margin:0 auto}.topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.topic{text-align:center;background:var(--card);border:var(--border);box-shadow:var(--lift-sm);--art-bg:var(--card);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .75rem 1.15rem;font-weight:700;line-height:1.25;display:flex}.topic .art{width:min(7.5rem,100%)}.how{max-width:var(--page);padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter) clamp(3rem, 7vw, 5.5rem);margin:0 auto}.how-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.how-step{flex-direction:column;gap:.5rem;display:flex;position:relative}.how-step h3{margin-top:.75rem;font-size:1.5rem}.how-step p{color:var(--ink-soft)}.how-art{background:var(--card);border:var(--border);box-shadow:var(--lift-sm);--art-bg:var(--card);border-radius:22px;padding:.75rem}.how-num{z-index:1;color:#fff;background:var(--persimmon-text);border:var(--border);width:2.7rem;height:2.7rem;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.45rem;line-height:1;display:grid;position:absolute;top:-1rem;left:-.5rem}.quiz-section{padding:clamp(.5rem, 2vw, 1.5rem) var(--gutter) clamp(2.5rem, 6vw, 4.5rem);justify-content:center;display:flex}.quiz-frame{background:var(--card);border:var(--border);width:min(100%,56rem);box-shadow:8px 8px 0 var(--ink);--art-bg:var(--card);border-radius:28px;padding:clamp(1.1rem,3vw,2.25rem)}.quiz-topline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.back-button{text-underline-offset:.25em;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;align-items:center;gap:.6rem;min-height:3rem;padding:0 .9rem 0 .6rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.back-button:hover{background:var(--paper-deep)}.step-count{color:var(--ink-soft);font-weight:700}.step-count b{color:var(--ink);font-size:1.3rem}.progress{grid-template-columns:repeat(var(--steps,9), minmax(0, 1fr));gap:6px;margin-top:.4rem;display:grid}.progress span{background:var(--card);border:2px solid var(--ink);border-radius:6px;height:.9rem;transition:background-color .2s}.progress span.done{background:var(--petrol)}.progress span.now{background:var(--persimmon)}.level-switch{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.25rem;display:flex}.level-switch-label{color:var(--ink-soft);font-weight:700}.level-switch-options{background:var(--paper-deep);border:var(--border);border-radius:18px;flex-wrap:wrap;gap:.4rem;padding:.3rem;display:inline-flex}.level-option{min-height:2.9rem;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:13px;align-items:center;gap:.55rem;padding:0 1rem;font-weight:700;transition:background-color .12s;display:inline-flex}.level-option:hover{background:var(--card)}.level-option.selected{color:#fff;background:var(--petrol);border-color:var(--ink)}.icon-bars{flex:none;width:1.35em;height:1.35em}.question-heading{grid-template-columns:minmax(0,1fr) minmax(0,15.5rem);align-items:center;gap:1.25rem 2rem;padding:1.75rem 0 1.25rem;display:grid}.topic-chip{color:var(--ink);background:var(--paper-deep);border:2px solid var(--ink);font-size:var(--text-small);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.55rem;padding:.25rem .9rem;font-weight:700;display:inline-flex}.topic-chip:before{content:"";background:var(--persimmon);border-radius:50%;width:.6rem;height:.6rem}.question-heading h1{margin-top:.9rem;font-size:clamp(1.95rem,4.4vw,2.75rem);line-height:1.1}.question-heading h1:focus{outline:none}.question-desc{max-width:36rem;color:var(--ink-soft);margin-top:.9rem;font-size:1.15rem;line-height:1.6}.question-art{justify-self:end;width:100%;max-width:16rem}.question-context{background:var(--sky-light);border:var(--border);border-radius:18px;margin:.25rem 0 1.5rem;padding:1rem 1.25rem 1.1rem 4.1rem;position:relative}.context-icon{color:#fff;background:var(--petrol);border:var(--border);border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;display:grid;position:absolute;top:1rem;left:1rem}.context-icon .icon{width:1.2rem;height:1.2rem}.question-context strong{color:var(--petrol-deep);letter-spacing:.02em;font-size:1rem;display:block}.question-context p{margin-top:.2rem}.answer-grid{grid-template-columns:1fr;gap:1rem;display:grid}.answer-card{text-align:left;min-height:8rem;color:var(--ink);background:var(--card);border:var(--border);box-shadow:var(--lift-sm);cursor:pointer;--art-bg:var(--card);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:.85rem 1.25rem .85rem .85rem;transition:transform .12s,box-shadow .12s,background-color .12s;display:grid}.answer-card:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.answer-card:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.answer-card.selected{background:var(--butter);box-shadow:6px 6px 0 var(--petrol);--art-bg:var(--butter)}.answer-art{flex:none;width:6.75rem}.answer-copy{flex-direction:column;gap:.3rem;min-width:0;display:flex}.answer-copy strong{font-size:1.3rem;font-weight:700;line-height:1.25}.answer-desc{color:var(--ink-soft);font-size:1.05rem;line-height:1.5}.answer-card.selected .answer-desc{color:var(--ink)}.answer-mark{color:#fff;background:var(--card);border:var(--border);border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid}.answer-mark .icon{width:1.4rem;height:1.4rem}.answer-card.selected .answer-mark{background:var(--petrol)}.quiz-section[data-tech-level=beginner] .question-desc,.quiz-section[data-question-id=tech-savviness] .question-desc{font-size:1.28rem}.quiz-section[data-tech-level=beginner] .question-context p,.quiz-section[data-question-id=tech-savviness] .question-context p{font-size:1.15rem;line-height:1.65}.quiz-section[data-tech-level=beginner] .answer-card,.quiz-section[data-question-id=tech-savviness] .answer-card{min-height:9rem}.quiz-section[data-tech-level=beginner] .answer-copy strong,.quiz-section[data-question-id=tech-savviness] .answer-copy strong{font-size:1.45rem}.quiz-section[data-tech-level=beginner] .answer-desc,.quiz-section[data-question-id=tech-savviness] .answer-desc{font-size:1.18rem;line-height:1.55}.quiz-footer{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:1.75rem;display:flex}.quiz-hint{min-width:0;min-height:3.5rem;color:var(--ink-soft);flex:1}.quiz-footer .button{flex:none}.results-section{width:100%;max-width:var(--page);padding:clamp(.5rem, 2vw, 1.5rem) var(--gutter) clamp(3rem, 6vw, 5rem);margin:0 auto}.results-section>.level-switch{margin:0 0 1.5rem}.results-heading>.eyebrow{margin-bottom:1rem}.profile-card{background:var(--sage-light);border:var(--border);box-shadow:8px 8px 0 var(--ink);--art-bg:var(--sage-light);border-radius:28px;grid-template-columns:11rem minmax(0,1fr) auto;align-items:center;gap:1.75rem;padding:clamp(1.1rem,3vw,1.9rem);display:grid;position:relative}.profile-avatar{width:11rem}.profile-copy>p:first-child{color:var(--ink-soft);font-size:var(--text-lead);font-weight:700}.profile-copy h1{margin-top:.1rem;font-size:clamp(2.3rem,5.6vw,3.9rem);line-height:1.04}.profile-copy h1:focus{outline:none}.profile-desc{max-width:34rem;font-size:var(--text-lead);margin-top:.6rem;line-height:1.5}.profile-stamp{text-align:center;width:7.5rem;height:7.5rem;color:var(--petrol-deep);background:var(--card);border:3px dashed var(--petrol);font-size:var(--text-small);border-radius:50%;place-items:center;padding:.6rem;font-weight:700;line-height:1.2;display:grid;transform:rotate(8deg)}.profile-stamp b{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1;display:block}.results-lead{max-width:44rem;color:var(--ink-soft);font-size:var(--text-lead);margin-top:1.5rem;line-height:1.55}.results-content{grid-template-columns:22rem minmax(0,1fr);align-items:start;gap:2rem;margin-top:2.25rem;display:grid}.values-panel{background:var(--card);border:var(--border);box-shadow:var(--lift-sm);--art-bg:var(--card);border-radius:22px;padding:1.4rem 1.4rem 1.25rem}.values-panel h2{margin-top:.4rem;font-size:1.6rem}.values-list{gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.value-row{grid-template-columns:3.4rem minmax(0,1fr);grid-template-areas:"art name""art meter";align-items:center;gap:.2rem .9rem;display:grid}.value-art{grid-area:art;width:3.4rem}.value-name{grid-area:name;font-weight:700;line-height:1.25}.value-name small{color:var(--persimmon-text);font-family:var(--font-display);margin-right:.45rem;font-size:1.1rem}.value-meter{background:var(--paper-deep);border:2px solid var(--ink);border-radius:999px;grid-area:meter;height:.8rem;display:block;overflow:hidden}.value-meter i{background:var(--petrol);border-right:2px solid var(--ink);height:100%;display:block}.privacy-note{border-top:2px dashed var(--rule);color:var(--ink-soft);align-items:flex-start;gap:.6rem;margin-top:1.25rem;padding-top:1rem;font-size:1rem;line-height:1.5;display:flex}.privacy-note .icon{color:var(--petrol);margin-top:.15rem}.matches-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;display:flex}.matches-heading h2{margin-top:.4rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}.matches-heading p:not(.eyebrow){max-width:40rem;color:var(--ink-soft);margin-top:.6rem;line-height:1.55}.results-section[data-tech-level=beginner] .matches-heading p:not(.eyebrow){font-size:1.15rem}.demo-pill{color:var(--ink);background:var(--butter);border:2px solid var(--ink);font-size:var(--text-small);letter-spacing:.08em;border-radius:999px;padding:.25rem .8rem;font-weight:700}.demo-notice,.affiliate-note{background:var(--paper-deep);border:2px solid var(--ink);border-radius:14px;align-items:flex-start;gap:.6rem;margin-top:1rem;padding:.8rem 1rem;font-size:1rem;line-height:1.5;display:flex}.demo-notice .icon{margin-top:.15rem}.affiliate-note a{color:var(--petrol);font-weight:700}.catalog-status{background:var(--card);border:2px dashed var(--ink);border-radius:14px;margin-top:1.25rem;padding:1rem 1.25rem}.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.phone-card{background:var(--card);border:var(--border);box-shadow:var(--lift-sm);--art-bg:var(--card);border-radius:22px;flex-direction:column;gap:.25rem;padding:1.25rem;display:flex;position:relative}.phone-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.phone-art{flex:none;width:6.5rem}.phone-photo img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;width:100%;height:auto;display:block}.match-score{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.match-score b{font-family:var(--font-display);color:var(--petrol);font-size:2.6rem;font-weight:400}.match-score small{color:var(--ink-soft);font-size:var(--text-small);margin-top:.2rem;font-weight:700}.phone-info{margin-top:.5rem}.phone-brand{color:var(--ink-soft);font-size:var(--text-small);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.phone-card h3{margin-top:.15rem;font-size:1.6rem}.results-section[data-tech-level=beginner] .phone-card h3{font-size:1.9rem}.phone-specs{color:var(--ink-soft);margin-top:.3rem;font-size:1rem;font-weight:700}.phone-tagline{color:var(--ink-soft);margin-top:.4rem}.phone-highlights{color:var(--petrol-deep);flex-direction:column;gap:.35rem;margin-top:.7rem;font-size:.95rem;font-weight:700;display:flex}.phone-highlights li{align-items:flex-start;gap:.45rem;line-height:1.35;display:flex}.phone-highlights .icon{width:1.15rem;height:1.15rem;color:var(--petrol);flex:none;margin-top:.1rem}.phone-buy{margin-top:auto;padding-top:1rem}.price-row{border-top:2px dashed var(--rule);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:.8rem;display:flex}.price-row span{color:var(--ink-soft);font-size:var(--text-small);font-weight:700}.price-row strong{font-family:var(--font-display);font-size:1.65rem;font-weight:400}.partner-link{color:#fff;background:var(--petrol);border:var(--border);min-height:3.4rem;box-shadow:var(--lift-sm);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;padding:0 1.1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:flex}.partner-link:hover{background:var(--petrol-deep);box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.placeholder-caption{color:var(--ink-soft);margin-top:.8rem;font-size:1rem}.phone-card.best-match{background:var(--butter);box-shadow:7px 7px 0 var(--petrol);--art-bg:var(--butter);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label""top info""buy buy";align-items:start;gap:1rem 1.75rem;display:grid}.best-match .best-match-label{grid-area:label}.best-match .phone-card-top{flex-direction:column;grid-area:top;align-items:center}.best-match .phone-art{width:9rem}.best-match .match-score{align-items:center}.best-match .phone-info{grid-area:info;align-self:center;margin-top:0}.best-match h3{font-size:2.1rem}.best-match .phone-buy{grid-area:buy;margin-top:0;padding-top:.25rem}.best-match-label{color:#fff;background:var(--petrol);border-bottom:var(--border);font-size:var(--text-small);letter-spacing:.12em;text-transform:uppercase;border-radius:20px 20px 0 0;margin:-1.25rem -1.25rem 0;padding:.5rem 1.25rem;font-weight:700}.results-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.legal-page{width:100%;max-width:62rem;padding:clamp(1rem, 3vw, 2rem) var(--gutter) clamp(3rem, 7vw, 6rem);margin:0 auto}.page-head{border-bottom:var(--border);--art-bg:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:center;gap:1rem 2.5rem;padding-bottom:2rem;display:grid}.page-head h1{margin-top:.9rem;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.08}.legal-meta{color:var(--ink-soft);margin-top:.8rem}.legal-body{max-width:var(--measure);padding-top:1.25rem}.legal-body h2{margin:2.5rem 0 .7rem;scroll-margin-top:1.5rem;font-size:1.75rem}.legal-body p,.legal-body li{color:var(--ink);line-height:1.7}.legal-body p{margin:0 0 1rem}.legal-body ul{margin:0 0 1rem;padding-left:1.4rem}.legal-body li{margin-bottom:.5rem;padding-left:.3rem}.legal-body li::marker{color:var(--persimmon)}.legal-body a{color:var(--petrol);text-underline-offset:.2em;font-weight:700;text-decoration-thickness:2px}.legal-lead{font-family:var(--font-display);color:var(--ink)!important;font-size:1.5rem!important;line-height:1.4!important}.site-footer{background:var(--paper-deep);border-top:var(--border);margin-top:auto}.footer-inner{max-width:var(--page);padding:2rem var(--gutter);grid-template-columns:1.3fr 1fr auto;align-items:center;gap:1.5rem 2rem;margin:0 auto;display:grid}.footer-about{gap:.4rem;display:grid}.footer-about p{color:var(--ink-soft)}.footer-brand .brand-mark{--art-bg:var(--paper-deep)}.footer-links{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.footer-links a{text-underline-offset:.25em;align-items:center;min-height:2.75rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.footer-links a:hover{color:var(--petrol)}.footer-copy{color:var(--ink-soft)}.toast{z-index:20;color:#fff;background:var(--ink);border:2px solid var(--ink);max-width:calc(100vw - 2rem);box-shadow:4px 4px 0 var(--persimmon);border-radius:14px;padding:.9rem 1.25rem;font-weight:700;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.button{white-space:nowrap}@media (max-width:62rem){.hero{grid-template-columns:1fr}.hero-plate{justify-self:center;max-width:36rem}.topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.how-list{grid-template-columns:1fr;max-width:34rem}.results-content{grid-template-columns:1fr}.phone-card.best-match{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label""top info""buy buy"}}@media (max-width:44rem){.brand-name{font-size:1.45rem}.brand-mark{width:2.3rem;height:2.3rem}.header-nav .nav-link-skip{display:none}.question-heading{grid-template-columns:1fr}.question-art{order:-1;justify-self:center;max-width:12rem}.answer-card{grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"art title""desc desc";gap:.5rem .85rem;min-height:0;padding:.85rem;position:relative}.answer-mark{width:2.1rem;height:2.1rem;position:absolute;top:.75rem;right:.75rem}.answer-art{grid-area:art;width:4.5rem}.answer-copy{display:contents}.answer-copy strong{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;grid-area:title;padding-right:2.6rem;font-size:1.2rem}.answer-desc{grid-area:desc}.quiz-section[data-tech-level=beginner] .answer-card,.quiz-section[data-question-id=tech-savviness] .answer-card{min-height:0}.quiz-section[data-tech-level=beginner] .answer-copy strong,.quiz-section[data-question-id=tech-savviness] .answer-copy strong{font-size:1.3rem}.quiz-footer{flex-direction:column-reverse;align-items:stretch;gap:1rem}.quiz-hint{min-height:0}.question-context{padding-top:3.6rem;padding-left:1.25rem}.profile-card{text-align:left;grid-template-columns:minmax(0,1fr)}.profile-copy h1{overflow-wrap:anywhere;font-size:clamp(1.7rem,7.4vw,2.3rem)}.profile-avatar{width:8.5rem}.profile-stamp{display:none}.phone-grid{grid-template-columns:1fr}.phone-card.best-match{grid-template-columns:1fr;grid-template-areas:"label""top""info""buy"}.best-match .phone-card-top{flex-direction:row;justify-content:space-between;align-items:center}.best-match .match-score{align-items:flex-end}.best-match .phone-art{width:7rem}.page-head{grid-template-columns:1fr}.page-head-art{max-width:15rem}.footer-inner{grid-template-columns:1fr}.results-actions .button{width:100%}}@media (max-width:30rem){.share-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topic-list{gap:.75rem}.topic{padding:.8rem .4rem .9rem;font-size:1rem}.level-option{padding:0 .8rem}}@media (forced-colors:active){.answer-card.selected,.level-option.selected{outline:4px solid highlight}}
