:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#19201d;background:#f3f0e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #19201d;--muted: #6d756f;--paper: #f3f0e9;--white: #fbfaf7;--line: rgba(25, 32, 29, .14);--green: #28584b;--green-soft: #dbe7e1;--orange: #ed6c43;--serif: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(237,108,67,.32);outline-offset:3px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.06em}.wordmark i,.results-footer i,.site-footer .wordmark i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--serif);font-style:normal}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1380px;margin:auto;padding:0 42px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;gap:36px;font-size:13px;color:#515a55}.site-header nav a:hover{color:var(--orange)}.nav-button,.ghost-button,.text-button{border:0;background:transparent;cursor:pointer}.nav-button{justify-self:end;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.nav-button svg{transition:transform .2s ease}.nav-button:hover svg{transform:translate(4px)}.hero{min-height:720px;max-width:1380px;margin:0 auto;padding:74px 42px 80px;display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;overflow:hidden}.hero__copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{color:var(--orange)}.hero h1{margin:24px 0 26px;font-family:var(--serif);font-size:clamp(52px,5.7vw,86px);line-height:1.12;letter-spacing:-.055em}.hero h1 span{position:relative;color:var(--green);white-space:nowrap}.hero h1 span:after{content:"";position:absolute;left:2%;right:-1%;bottom:-5px;height:11px;background:url("data:image/svg+xml,%3Csvg width='400' height='12' viewBox='0 0 400 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8c70-6 139-6 207-3 74 2 133 2 187-2' fill='none' stroke='%23ed6c43' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.hero__copy>p{max-width:565px;color:var(--muted);font-size:17px;line-height:1.9}.primary-button{min-height:45px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:700;font-size:13px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-2px);background:var(--green);box-shadow:0 10px 25px #19201d2e}.primary-button:disabled{opacity:.45;pointer-events:none}.primary-button--large{min-height:57px;padding:0 27px;font-size:14px}.hero__actions{margin-top:35px;display:flex;align-items:center;gap:22px}.hero__actions>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.hero__facts{margin-top:58px;display:flex;gap:42px}.hero__facts div{display:grid;gap:3px}.hero__facts strong{font-size:23px}.hero__facts span{color:var(--muted);font-size:11px}.hero__visual{position:relative;height:590px;border-radius:48% 48% 10% 10%/42% 42% 10% 10%;background:#dbe5df;overflow:hidden;isolation:isolate}.hero__visual:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 3%,rgba(255,255,255,.18) 35%,transparent 64%)}.visual-caption{position:absolute;z-index:8;top:28px;left:34px;display:grid;gap:4px}.visual-caption span{font-size:10px;letter-spacing:.18em;font-weight:800}.visual-caption i{color:#65736c;font-size:11px;font-style:normal}.visual-orbit{position:absolute;border:1px solid rgba(37,87,73,.18);border-radius:50%;z-index:-1}.visual-orbit--one{width:540px;height:250px;left:7%;top:28%;transform:rotate(-15deg)}.visual-orbit--two{width:400px;height:400px;right:-12%;bottom:-14%}.showcase-phone{position:absolute;width:235px;height:360px}.showcase-phone>span{position:absolute;color:#19201d40;font-size:11px;font-weight:700}.showcase-phone--1{left:5%;bottom:22px;transform:rotate(-10deg);z-index:1}.showcase-phone--2{left:35%;bottom:53px;transform:rotate(4deg);z-index:3}.showcase-phone--3{right:-2%;bottom:-2px;transform:rotate(12deg);z-index:2}.showcase-phone--1>span{left:5px;bottom:5px}.showcase-phone--2>span{top:35px;left:30px}.showcase-phone--3>span{right:30px;top:20px}.match-chip{position:absolute;z-index:7;right:24px;top:72px;width:142px;padding:18px;background:#fbfaf7e3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 40px #223b3124;border-radius:18px;display:grid}.match-chip span{color:var(--muted);font-size:10px}.match-chip strong{margin:4px 0;font-size:29px}.match-chip strong small{font-size:13px}.match-chip i{font-style:normal;color:var(--green);font-size:10px}.phone-art{--phone-a: #ddd;--phone-b: #222;position:relative;width:min(470px,100%);height:470px;display:grid;place-items:center}.phone-art--compact{width:100%;height:100%}.phone-art__glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--phone-a) 45%,transparent);filter:blur(30px)}.phone-shell{position:absolute;width:185px;height:382px;border-radius:32px;border:4px solid #252a28;box-shadow:0 28px 38px #141e1a38;overflow:hidden}.phone-shell--back{transform:translate(-48px,9px) rotate(-9deg);background:linear-gradient(145deg,var(--phone-a),var(--phone-b))}.phone-shell--front{transform:translate(45px,-8px) rotate(7deg);background:#121715;padding:5px}.phone-screen{width:100%;height:100%;border-radius:24px;background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--phone-a) 72%,white),transparent 20%),radial-gradient(circle at 62% 64%,color-mix(in srgb,var(--phone-b) 80%,black),transparent 35%),linear-gradient(150deg,#204d40,#101816);position:relative;overflow:hidden}.phone-screen:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.22);border-radius:43% 57% 65% 35%;left:-55px;bottom:-30px;transform:rotate(36deg)}.phone-screen__orb{position:absolute;left:50%;top:8px;transform:translate(-50%);width:52px;height:13px;background:#090b0a;border-radius:99px}.phone-screen__time{position:absolute;left:50%;top:65px;transform:translate(-50%);color:#ffffffde;font-size:18px;font-weight:500}.phone-brand{position:absolute;left:50%;bottom:23px;transform:translate(-50%);color:#ffffffb8;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.camera-island{position:absolute;left:17px;top:17px;width:76px;min-height:76px;padding:8px;border-radius:23px;background:color-mix(in srgb,var(--phone-a) 78%,#222);box-shadow:inset 0 0 0 1px #fff3;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.camera-island i{aspect-ratio:1;border-radius:50%;background:#121816;border:2px solid rgba(255,255,255,.5);display:grid;place-items:center;box-shadow:0 2px 4px #0006}.camera-island i b{width:41%;height:41%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#667e86,#050708 70%)}.camera-island--1{width:60px;min-height:60px;grid-template-columns:1fr}.camera-island--3 i:first-child{grid-row:span 2;align-self:center}.phone-art__rank{position:absolute;right:5%;top:8%;font-size:90px;font-weight:700;color:#19201d12}.trust-strip{max-width:1380px;margin:auto;min-height:100px;padding:0 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(6,1fr);align-items:center;gap:18px}.trust-strip span{color:var(--muted);font-size:11px}.trust-strip strong{text-align:center;font-size:13px;letter-spacing:.05em;color:#535c57}.method-section,.data-section{max-width:1380px;margin:auto;padding:130px 42px}.section-heading{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;margin-bottom:68px}.section-heading>div>span{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-heading h2{margin:14px 0 0;font-family:var(--serif);font-size:clamp(34px,3.5vw,52px);line-height:1.35;letter-spacing:-.035em}.section-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.method-grid article{position:relative;min-height:310px;padding:34px 34px 36px 0;border-right:1px solid var(--line)}.method-grid article+article{padding-left:34px}.method-grid article:last-child{border-right:0}.method-grid article>span{color:var(--orange);font-size:11px;font-weight:700}.method-icon{margin-top:55px;width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--green)}.method-grid h3{margin:24px 0 12px;font-size:19px}.method-grid p{max-width:300px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.data-section{padding-top:20px}.data-card{min-height:350px;padding:62px;display:grid;grid-template-columns:80px 1fr 350px;align-items:center;gap:46px;background:var(--green);border-radius:28px;color:#fff;box-shadow:0 25px 70px #1f43382b}.data-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#ffffff1a}.data-card>div:nth-child(2) span{color:#a9c7bc;font-size:10px;letter-spacing:.17em;font-weight:700}.data-card h2{margin:12px 0 18px;font-family:var(--serif);font-size:35px}.data-card p{max-width:560px;margin:0;color:#ffffffad;font-size:13px;line-height:1.9}.data-card ul{list-style:none;margin:0;padding:0;display:grid;gap:17px}.data-card li{display:flex;align-items:center;gap:10px;color:#ffffffd4;font-size:13px}.data-card li svg{color:#e9a17e}.home-cta{margin:70px auto 110px;max-width:900px;text-align:center}.home-cta>span{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.18em}.home-cta h2{margin:18px 0 35px;font-family:var(--serif);font-size:clamp(36px,5vw,58px)}.site-footer{min-height:125px;padding:0 42px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}.site-footer p{color:var(--muted);font-size:12px}.site-footer small{margin-left:auto;color:#8b918d;font-size:10px}.quiz-shell{min-height:100vh;background:linear-gradient(135deg,rgba(219,231,225,.56),transparent 30%),var(--paper)}.quiz-topbar{height:76px;max-width:1180px;margin:auto;padding:0 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.text-button:hover{color:var(--ink)}.quiz-progress{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;color:var(--muted)}.quiz-progress div{width:150px;height:2px;background:#19201d1f}.quiz-progress i{display:block;height:100%;background:var(--orange);transition:width .4s ease}.topbar-note{justify-self:end;color:var(--muted);font-size:11px}.quiz-panel{max-width:980px;margin:auto;padding:72px 25px 50px;animation:panel-in .45s ease both}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}}.quiz-panel>h1{margin:18px 0 12px;font-family:var(--serif);font-size:clamp(35px,4vw,50px);letter-spacing:-.04em}.quiz-lead{max-width:690px;margin:0 0 43px;color:var(--muted);font-size:14px;line-height:1.75}.budget-display{margin:28px 0 16px;padding:35px 38px;display:flex;align-items:center;gap:28px;background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px #222d280f}.budget-display span{font-size:clamp(31px,5vw,48px);font-weight:600;letter-spacing:-.05em}.budget-display i{flex:1;height:1px;background:var(--line);position:relative}.budget-display i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--orange)}.dual-range{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:42px}.dual-range label{color:var(--muted);font-size:11px}.dual-range input{display:block;width:100%;margin-top:14px;accent-color:var(--green)}.field-block{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fbfaf78c}.field-block.compact{margin-top:0}.field-label{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.field-label span{display:inline-flex;align-items:center;gap:8px;font-weight:700}.field-label small{color:var(--muted)}.option-row{display:flex;gap:10px}.option-row.wrap{flex-wrap:wrap}.select-pill{min-height:43px;min-width:92px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--white);cursor:pointer;font-size:12px}.select-pill:hover,.select-pill.active{border-color:var(--green)}.select-pill.active{background:var(--green);color:#fff}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-choice,.case-choice{position:relative;min-height:105px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fbfaf7b3;text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease,transform .2s ease}.brand-choice:hover,.case-choice:hover{transform:translateY(-2px);border-color:#28584b80}.brand-choice.active,.case-choice.active{border-color:var(--green);background:var(--green-soft)}.brand-choice strong{display:block;font-size:17px}.brand-choice small,.case-choice small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.brand-choice svg,.case-choice svg,.line-option svg{position:absolute;right:15px;top:15px;width:17px;color:var(--green);opacity:0}.brand-choice.active svg,.case-choice.active svg,.line-option.active svg{opacity:1}.exclusive-toggle{margin-top:18px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:var(--white);cursor:pointer}.exclusive-toggle span{display:grid;gap:3px}.exclusive-toggle small{color:var(--muted)}.exclusive-toggle input{display:none}.exclusive-toggle>i{position:relative;width:44px;height:24px;border-radius:99px;background:#c9cecb;transition:background .2s}.exclusive-toggle>i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}.exclusive-toggle input:checked+i{background:var(--green)}.exclusive-toggle input:checked+i:after{transform:translate(20px)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.case-choice{min-height:87px}.case-choice>span{font-weight:700;font-size:15px}.preference-grid{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.line-option{position:relative;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--white);text-align:left;cursor:pointer}.line-option span{display:block;font-size:12px;font-weight:700}.line-option small{color:var(--muted);font-size:9px}.line-option.active{border-color:var(--green);background:var(--green-soft)}.gaming-level{margin-top:25px}.gaming-level>span{display:flex;align-items:center;gap:8px;font-weight:700}.gaming-level>div{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.gaming-level button{padding:0;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer}.gaming-level button i{display:block;height:4px;margin-bottom:7px;border-radius:5px;background:#d7dad8}.gaming-level button.active{color:var(--ink);font-weight:700}.gaming-level button.active i{background:var(--orange)}.rank-list{display:grid;gap:8px}.rank-row{min-height:76px;padding:9px 14px 9px 7px;display:grid;grid-template-columns:34px 42px 1fr auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7eb;transition:box-shadow .2s ease,transform .2s ease}.rank-row--dragging{z-index:10;box-shadow:0 16px 35px #19201d24}.rank-row__handle{height:48px;border:0;border-radius:9px;background:transparent;color:#989e9a;cursor:grab;touch-action:none}.rank-row__handle:active{cursor:grabbing}.rank-row__number{color:var(--orange);font-size:11px;font-weight:700}.rank-row__copy{display:grid;gap:4px}.rank-row__copy strong{font-size:14px}.rank-row__copy small{color:var(--muted);font-size:10px}.rank-row__muted{padding-right:12px;color:#a0a5a2;font-size:10px}.strength-control{display:flex;padding:3px;border-radius:99px;background:#ecece8}.strength-control button{min-width:58px;height:28px;padding:0 8px;border:0;border-radius:99px;background:transparent;color:#7d837f;font-size:9px;cursor:pointer}.strength-control button.active{color:#fff;background:var(--green)}.quiz-actions{margin-top:42px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.quiz-actions>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.results-page{max-width:1380px;margin:auto;padding:0 42px}.results-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.results-topbar>div{display:flex;align-items:center;gap:8px}.ghost-button{min-height:38px;padding:0 15px;border:1px solid var(--line);border-radius:99px;display:inline-flex;align-items:center;gap:7px;font-size:11px}.results-intro{padding:85px 0 55px;text-align:center}.results-intro h1{margin:16px 0 12px;font-family:var(--serif);font-size:clamp(43px,5vw,65px);letter-spacing:-.045em}.results-intro>p{max-width:680px;margin:auto;color:var(--muted);line-height:1.8;font-size:14px}.results-intro p strong{color:var(--green)}.result-meta{margin-top:23px;display:flex;justify-content:center;gap:24px;color:#818783;font-size:10px}.result-meta span{display:flex;align-items:center;gap:6px}.winner-card{min-height:590px;padding:55px 58px 34px;display:grid;grid-template-columns:.88fr 1.12fr;grid-template-rows:1fr auto;column-gap:20px;color:#fff;background:var(--green);border-radius:28px;overflow:hidden;position:relative;box-shadow:0 28px 70px #1f43382b}.winner-card:before{content:"";position:absolute;width:480px;height:480px;right:6%;top:2%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.winner-copy{position:relative;z-index:3}.winner-label{display:flex;align-items:center;gap:12px}.winner-label span,.runner-card__head>span{color:#f1a07c;font-size:10px;font-weight:700;letter-spacing:.15em}.winner-label i,.runner-card__head i{padding:4px 8px;border-radius:99px;background:#ffffff1a;font-size:9px;font-style:normal;color:#b6d0c7}.winner-brand{margin:55px 0 8px;color:#a9c6bc;font-size:11px}.winner-copy h2{margin:0;font-size:clamp(36px,4.2vw,58px);letter-spacing:-.05em}.winner-tagline{max-width:410px;margin:15px 0 22px;color:#ffffffad;line-height:1.7;font-size:13px}.reason-list{display:flex;flex-wrap:wrap;gap:8px}.reason-list span{padding:7px 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.13);border-radius:99px;color:#ffffffd4;font-size:9px}.reason-list.compact span{border-color:var(--line);color:var(--green);background:var(--green-soft)}.price-block{margin:28px 0 24px;display:flex;align-items:end;flex-wrap:wrap;gap:10px 18px}.price-block>div{display:grid}.price-block small{color:inherit;opacity:.65;font-size:9px}.price-block strong{margin-top:1px;font-size:31px}.price-block>span{padding-bottom:5px;color:inherit;opacity:.62;font-size:9px}.price-block em{padding:4px 7px;border:1px solid currentColor;border-radius:99px;opacity:.65;font-size:8px;font-style:normal}.price-source{padding-bottom:5px;display:inline-flex;align-items:center;gap:3px;color:inherit;opacity:.7;font-size:8px;text-decoration:underline;text-underline-offset:2px}.winner-card>.phone-art{justify-self:center;align-self:center;height:430px}.winner-card .phone-shell{width:175px;height:360px}.winner-specs{grid-column:1 / -1;padding-top:26px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13)}.winner-specs div{min-height:52px;padding:0 20px;display:grid;align-content:center;gap:5px;border-right:1px solid rgba(255,255,255,.13)}.winner-specs div:first-child{padding-left:0}.winner-specs div:last-child{border:0}.winner-specs small{color:#8eb3a6;font-size:8px}.winner-specs strong{font-size:11px;font-weight:600}.runner-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.runner-card{min-height:560px;padding:28px 34px 30px;border:1px solid var(--line);border-radius:23px;background:var(--white);overflow:hidden}.runner-card__head{display:flex;align-items:center;justify-content:space-between}.runner-card__head i{color:var(--green);background:var(--green-soft)}.runner-card .phone-art{width:220px;height:220px;float:right;margin:0 4% 0 0}.runner-card .phone-shell{width:96px;height:196px;border-width:2px;border-radius:18px}.runner-card .phone-shell--front{padding:2px}.runner-card .phone-screen{border-radius:14px}.runner-card .phone-screen__time{top:35px;font-size:10px}.runner-card .phone-screen__orb{width:29px;height:7px;top:4px}.runner-card .camera-island{left:8px;top:8px;width:43px;min-height:43px;padding:4px;border-radius:12px;gap:2px}.runner-card .phone-brand{font-size:4px;bottom:12px}.runner-card .phone-art__rank{font-size:54px}.runner-card>p{margin:72px 0 5px;color:var(--muted);font-size:9px}.runner-card>h2{margin:0 0 18px;font-size:30px;letter-spacing:-.04em}.runner-card .price-block{clear:both;padding-top:22px;margin-bottom:0;border-top:1px solid var(--line)}.runner-card .price-block strong{color:var(--green)}.runner-card .price-block>span,.runner-card .price-block small{color:var(--muted);opacity:1}.comparison-section,.details-section{padding:125px 0 0}.comparison-section .section-heading,.details-section .section-heading{margin-bottom:50px}.comparison-table{border-top:1px solid var(--ink)}.comparison-row{min-height:66px;display:grid;grid-template-columns:180px repeat(3,1fr);align-items:center;border-bottom:1px solid var(--line)}.comparison-row>span{color:var(--muted);font-size:11px}.comparison-row--head{min-height:84px}.comparison-row--head strong{padding-right:20px;font-size:14px}.score-cell{padding-right:36px;display:flex;align-items:center;gap:10px}.score-cell>i{flex:1;height:4px;border-radius:5px;background:#dfe1de;overflow:hidden}.score-cell>i b{display:block;height:100%;background:var(--green)}.score-cell strong{width:24px;font-size:11px}.price-cell{color:var(--orange);font-size:17px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{padding:29px;border:1px solid var(--line);border-radius:20px;background:#fbfaf7a6}.detail-card>header{display:flex;gap:13px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.detail-card>header>span{color:var(--orange);font-size:10px;font-weight:700}.detail-card header div{display:grid;gap:3px}.detail-card header small{color:var(--muted);font-size:8px}.detail-card h3{margin:0;font-size:18px}.detail-group{margin-top:25px}.detail-group h4,.camera-specs h4,.source-list h4{margin:0 0 13px;display:flex;align-items:center;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.detail-group.pros h4{color:var(--green)}.detail-group.cons h4{color:#a0523b}.detail-group p{position:relative;margin:8px 0;padding-left:12px;color:var(--muted);font-size:10px;line-height:1.65}.detail-group p:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:currentColor}.camera-specs{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.camera-specs>div{padding:9px 0;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:7px;border-bottom:1px dashed var(--line)}.camera-specs>div span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.camera-specs>div i{min-width:46px;color:var(--green);font-style:normal;font-weight:700}.camera-specs>div strong{font-size:8px}.camera-specs>div small{color:var(--muted);font-size:8px}.source-list{margin-top:25px}.source-list a{padding:7px 0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;border-bottom:1px dashed var(--line)}.source-list a span{padding:3px 5px;color:var(--green);background:var(--green-soft);border-radius:4px}.source-list a svg{margin-left:auto}.price-disclaimer{margin:65px 0 80px;padding:22px 26px;display:flex;gap:13px;background:#ece9e2;border-radius:14px;color:var(--muted)}.price-disclaimer>svg{flex:0 0 auto;color:var(--orange)}.price-disclaimer strong{color:var(--ink);font-size:11px}.price-disclaimer p{margin:5px 0 0;font-size:9px;line-height:1.65}.results-footer{min-height:130px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.results-footer>div{display:flex;align-items:center;gap:12px}.results-footer span{color:var(--muted);font-size:11px}.empty-state{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center}.empty-state h2{font-family:var(--serif);font-size:38px}.empty-state p{color:var(--muted)}@media(max-width:1000px){.site-header,.hero,.trust-strip,.method-section,.data-section{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:65px}.hero__copy{text-align:center}.hero__copy>p{margin-left:auto;margin-right:auto}.hero__actions,.hero__facts{justify-content:center}.hero__visual{max-width:700px;width:100%;margin:auto}.trust-strip{grid-template-columns:repeat(3,1fr);padding-top:20px;padding-bottom:20px}.trust-strip span{grid-column:1 / -1;text-align:center}.data-card{grid-template-columns:70px 1fr}.data-card ul{grid-column:2;grid-template-columns:1fr 1fr}.winner-card{grid-template-columns:1fr 1fr;padding-left:40px;padding-right:40px}.results-page{padding:0 24px}.detail-grid{grid-template-columns:1fr}.detail-card{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.detail-card>header,.detail-card .camera-specs,.detail-card .source-list{grid-column:1 / -1}}@media(max-width:720px){.site-header{height:66px;grid-template-columns:1fr auto}.site-header nav{display:none}.nav-button{font-size:11px}.hero{min-height:auto;padding-top:55px}.hero h1{font-size:48px}.hero__copy>p{font-size:14px}.hero__actions{flex-direction:column}.hero__facts{margin-top:40px;gap:25px}.hero__visual{height:430px;border-radius:38% 38% 8% 8%}.showcase-phone{width:165px;height:270px}.showcase-phone--1{left:0}.showcase-phone--2{left:29%}.showcase-phone--3{right:-5%}.showcase-phone .phone-shell{width:104px;height:213px;border-radius:20px;border-width:2px}.showcase-phone .phone-shell--front{padding:2px}.showcase-phone .phone-screen{border-radius:15px}.showcase-phone .camera-island{width:44px;min-height:44px;left:8px;top:8px;padding:4px;border-radius:12px;gap:2px}.showcase-phone .phone-screen__time{top:35px;font-size:10px}.showcase-phone .phone-screen__orb{width:29px;height:7px;top:4px}.match-chip{right:12px;top:50px;transform:scale(.85)}.trust-strip{grid-template-columns:repeat(2,1fr)}.method-section,.data-section{padding-top:85px;padding-bottom:85px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:40px}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.method-icon{margin-top:28px}.data-card{padding:34px 27px;grid-template-columns:1fr;gap:24px}.data-card ul{grid-column:1;grid-template-columns:1fr}.site-footer{padding:30px 24px;flex-wrap:wrap}.site-footer small{margin-left:0;width:100%}.quiz-topbar{grid-template-columns:1fr auto}.topbar-note{display:none}.quiz-progress div{width:80px}.quiz-panel{padding-top:48px}.quiz-panel>h1{font-size:36px}.budget-display{padding:25px 22px;gap:14px}.budget-display span{font-size:27px}.dual-range{grid-template-columns:1fr}.brand-grid,.case-grid{grid-template-columns:1fr 1fr}.preference-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:30px 30px 1fr}.strength-control{grid-column:3;justify-self:start;margin-bottom:5px}.rank-row__muted,.rank-row__copy small{display:none}.quiz-actions{align-items:flex-end}.quiz-actions>span{max-width:120px}.results-page{padding:0 16px}.results-topbar .wordmark span{display:none}.results-intro{padding-top:60px}.result-meta{flex-wrap:wrap;gap:9px 18px}.winner-card{padding:35px 24px 25px;grid-template-columns:1fr}.winner-copy{order:2}.winner-card>.phone-art{order:1;height:340px}.winner-card .phone-shell{width:137px;height:281px}.winner-brand{margin-top:18px}.winner-specs{order:3;grid-template-columns:1fr 1fr;margin-top:28px}.winner-specs div{padding:12px;border-bottom:1px solid rgba(255,255,255,.13)}.winner-specs div:nth-child(2){border-right:0}.runner-grid{grid-template-columns:1fr}.runner-card{min-height:520px;padding:26px}.comparison-section,.details-section{padding-top:85px}.comparison-row{grid-template-columns:90px repeat(3,minmax(105px,1fr))}.comparison-table{overflow-x:auto}.comparison-row{min-width:500px}.comparison-row--head strong{font-size:10px}.score-cell{padding-right:16px}.detail-card{display:block;padding:24px}.results-footer{padding:25px 0;align-items:flex-start;flex-direction:column;gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}