@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--bg:#f7f7f2;--ink:#233d32;--muted:#727d74;--line:#dce1d7;--lime:#d9ed86}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{background:var(--bg);color:var(--ink);margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #9bad54}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1370px;height:92px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-1.5px;font-size:26px;font-weight:800}.brand span{color:#7a9552;margin-left:3px}nav{align-items:center;gap:30px;font-size:12px;display:flex}.nav-pill{border:1px solid var(--line);border-radius:30px;padding:9px 17px}main{max-width:1370px;margin:auto;padding:0 5%}h1,h2,h3,p{margin:0}h1{letter-spacing:-2.8px;max-width:690px;margin:23px 0;font-size:clamp(38px,4.8vw,66px);font-weight:600;line-height:1.18}h2{letter-spacing:-1px;font-size:29px;font-weight:600;line-height:1.4}h3{letter-spacing:-.8px;font-size:24px}.eyebrow,.section-kicker{letter-spacing:1.8px;font-size:10px;font-weight:600}.eyebrow:before{content:"✳";color:#7d9250;margin-right:10px;font-size:18px}.hero{padding:65px 0 0;position:relative;overflow:hidden}.hero>p{max-width:530px;color:var(--muted);line-height:1.9}.primary{background:var(--ink);color:#fff;border:0;border-radius:40px;justify-content:space-between;gap:40px;margin:27px 0 45px;padding:15px 24px;font-size:12px;display:inline-flex}.hero-foot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:1.4px;gap:26px;padding:22px 0;font-size:9px;display:flex}.hero-camera{width:285px;height:290px;padding-top:60px;position:absolute;top:60px;right:3%;transform:rotate(-12deg)}.hero-camera:before{content:"";z-index:-1;background:#e6eadb;border-radius:50%;position:absolute;inset:0}.camera-body{background:#304138;border-top:32px solid #b7beb3;border-radius:14px;height:150px;position:relative;box-shadow:12px 20px 20px #233d3222}.camera-top{background:#778174;border-radius:6px 6px 0 0;width:52px;height:22px;margin-left:22px}.camera-body>span{letter-spacing:1px;font-size:11px;font-weight:800;position:absolute;top:-27px;left:15px}.camera-body>b{color:#b5bfb5;font-size:10px;position:absolute;top:15px;right:15px}.camera-lens{background:#172b23;border:12px solid #566257;border-radius:50%;place-items:center;width:130px;height:130px;display:grid;position:absolute;top:-15px;left:68px;box-shadow:0 0 0 5px #23342a}.camera-lens i{background:radial-gradient(circle at 35% 35%,#6a8b7c,#0b1d18 60%);border:5px solid #334c40;border-radius:50%;width:72px;height:72px}.hero-camera small{text-align:center;letter-spacing:3px;margin-top:30px;font-size:9px;display:block}.finder{grid-template-columns:285px 1fr;gap:45px;padding:55px 0;display:grid}.section-kicker{color:var(--muted);margin-bottom:13px}.field{flex-direction:column;gap:7px;margin-top:23px;font-size:12px;font-weight:500;display:flex}input[type=number],input[type=text],input[type=url],input[type=date],select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;padding:12px}input[type=checkbox]{accent-color:var(--ink);flex-shrink:0;width:16px;height:16px}.presets{gap:5px;margin-top:9px;display:flex}.presets button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:7px;padding:6px 8px;font-size:10px}.presets .selected{background:var(--lime);border-color:var(--lime);color:var(--ink)}fieldset{border:0;margin:26px 0 0;padding:0}legend{font-size:12px;font-weight:600}.hint{color:var(--muted);font-size:10px;line-height:1.6}.check{align-items:center;gap:9px;margin:14px 0;font-size:11px;line-height:1.5;display:flex}.lens-check{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.reset{color:var(--muted);background:0 0;border:0;padding:20px 0;font-size:11px}.results-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.results-head>.hint{text-align:right;max-width:150px}.count{vertical-align:middle;background:#e6ebdc;border-radius:20px;margin-left:10px;padding:4px 10px;font-size:13px}.notice{color:#68725d;background:#eef0e6;border:1px solid #e2e6d6;border-radius:8px;margin-bottom:24px;padding:13px 16px;font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card-visual{background:#e7eadf;place-items:center;height:185px;display:grid;position:relative}.card:nth-child(2n) .card-visual{background:#eae6de}.card-visual img{object-fit:contain;width:100%;height:100%;padding:20px}.type-visual{text-align:center;line-height:1.2}.type-visual>span{letter-spacing:3px;font-size:10px}.type-visual strong{letter-spacing:-3px;color:#4b6051;margin:5px;font-size:50px;display:block}.type-visual i{letter-spacing:2px;color:var(--muted);font-size:7px;font-style:normal}.badge,.best{background:#ffffffb8;border-radius:20px;padding:4px 9px;font-size:9px;position:absolute;top:13px;left:13px}.best{background:var(--lime);left:auto;right:13px}.card-content{flex-direction:column;flex:1;padding:23px;display:flex}.spec-line{letter-spacing:.6px;color:var(--muted);margin-bottom:7px;font-size:9px}.card-content>p{color:var(--muted);margin:10px 0;font-size:11px}.chips{flex-wrap:wrap;gap:6px;margin:3px 0 17px;display:flex}.chips span{background:#f4f5ef;border:1px solid #edf0e7;border-radius:5px;padding:4px 7px;font-size:9px}.why{color:#5d7343;border-top:1px solid var(--line);padding-top:13px;font-size:10px}.caveat{color:#7f796b;margin:10px 0 23px;font-size:10px}.price{letter-spacing:-1px;margin-top:auto;font-size:24px;font-weight:600}.price small{letter-spacing:0;color:var(--muted);font-size:9px;font-weight:400;display:block}.source-row{color:var(--muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:9px;display:flex}.source-row a{text-decoration:underline}.card-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;font-size:10px;display:flex}.card-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:20px;padding:6px 10px;font-size:10px}.empty{text-align:center;border:1px dashed var(--line);border-radius:10px;padding:65px 30px}.empty>span{color:#9ba985;font-size:50px}.empty p{max-width:400px;color:var(--muted);margin:15px auto;font-size:12px}.error{color:#a3342b;font-size:12px}.compare{padding:30px 0 60px}.table-scroll{margin-top:24px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px;font-size:11px}td,th{border-bottom:1px solid var(--line);text-align:left;padding:15px}th{background:#e9eddf}th button{background:0 0;border:0}.guide{background:var(--ink);color:var(--bg);border-radius:12px;margin:25px 0 50px;padding:45px}.guide .section-kicker{color:#bdc9ac}.guide h2{font-size:36px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;display:grid}.guide b{color:var(--lime);font-size:12px;font-weight:500}.guide p{color:#c2cbbf;margin-top:10px;font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:10px;display:flex}.admin{max-width:1000px;padding-top:35px}.admin p{color:var(--muted);margin:12px 0}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.admin-toolbar button,.admin-actions button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;padding:10px 15px}.admin .primary{background:var(--ink);color:#fff;margin:0}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin:20px 0;padding:25px}.admin-panel summary{cursor:pointer;font-size:18px;font-weight:600}.admin-grid{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.admin textarea{min-height:100px}.admin-actions{gap:12px;margin-top:20px;display:flex}.status{background:#e8efd9;border-radius:7px;padding:12px}.admin-footer{padding-bottom:80px}.admin .check{font-size:12px}@media (max-width:1050px){.hero-camera{opacity:.2;z-index:-1;right:-30px}.hero h1{max-width:750px}.finder{grid-template-columns:250px 1fr;gap:25px}.cards{grid-template-columns:1fr}}@media (max-width:650px){header{height:75px;padding:0 5%}nav{gap:14px;font-size:10px}nav>a:nth-child(2){display:none}.brand{font-size:23px}.nav-pill{padding:6px 10px}.hero{padding-top:40px}.hero h1{letter-spacing:-1.8px;font-size:43px}.hero>p{font-size:12px}.hero-foot{letter-spacing:.4px;gap:10px;font-size:7px}.eyebrow{letter-spacing:1px;font-size:8px}.finder{grid-template-columns:1fr;gap:35px;padding-top:35px}aside{background:#eef0e7;border-radius:12px;padding:22px}.field{margin-top:18px}.results-head{gap:10px}.results-head h2{font-size:25px}.results-head>.hint{max-width:110px;font-size:9px}.cards{grid-template-columns:1fr}.guide{padding:28px}.guide h2{font-size:30px}.guide-grid{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap;align-items:start}footer p{order:3;width:100%}.admin-grid{grid-template-columns:1fr}.admin-panel{padding:20px}.admin h1{font-size:32px}.hero-camera{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.quiz-main{max-width:1280px}.quiz-hero{text-align:center;padding:65px 0 45px}.quiz-hero h1{letter-spacing:-2.5px;max-width:850px;margin:23px auto;font-size:clamp(38px,5vw,64px)}.quiz-hero>p{max-width:660px;color:var(--muted);margin:auto;font-size:14px;line-height:1.9}.quiz-tags{letter-spacing:.8px;justify-content:center;gap:23px;margin-top:28px;font-size:10px;display:flex}.quiz-tags i{color:#99a485;font-style:normal}.quiz-shell{border:1px solid var(--line);background:#fff;border-radius:18px;scroll-margin-top:20px;overflow:hidden}.quiz-progress{border-bottom:1px solid var(--line);background:#eef1e7;gap:30px;padding:18px 35px;display:flex}.quiz-progress button{color:#7d897c;background:0 0;border:0;align-items:center;gap:10px;font-size:11px;display:flex}.quiz-progress b{border:1px solid #cbd4c0;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}.quiz-progress .active{color:var(--ink);font-weight:600}.quiz-progress .active b{background:var(--ink);color:#fff;border-color:var(--ink)}.quiz-progress .done b{background:var(--lime);border-color:var(--lime);color:var(--ink)}.quiz-body{padding:38px}.quiz-body>h2{font-size:33px}.quiz-description{max-width:700px;color:var(--muted);margin-top:12px;font-size:12px}.answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0;display:grid}.budget-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.answer{cursor:pointer;background:#fafbf7;border:1px solid #e2e7dc;border-radius:11px;align-items:flex-start;gap:13px;min-height:115px;padding:23px 18px;transition:background .15s,border-color .15s;display:flex;position:relative}.answer:hover{background:#f0f4e7;border-color:#a8b894}.answer.chosen{background:#eff5de;border:2px solid #657d45;padding:22px 17px}.answer input{accent-color:#3c5933;flex-shrink:0;width:16px;height:16px;margin:5px 0 0}.answer strong{font-size:13px;font-weight:600;line-height:1.6;display:block}.answer em{color:var(--muted);margin-top:6px;font-size:10px;font-style:normal;line-height:1.7;display:block}.budget-answer strong{letter-spacing:-.7px;font-size:24px}.budget-answer small{letter-spacing:1px;color:#7a876b;font-size:8px}.style-icon{color:#80945c;margin:0 0 12px;font-size:24px;line-height:1;display:block}.quiz-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:22px;display:flex}.quiz-actions .primary{margin:0}.back-button{color:var(--ink);background:0 0;border:0;padding:12px 0;font-size:12px}.answer-summary{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.answer-summary button{color:var(--ink);background:#f3f6eb;border:1px solid #d9e1ca;border-radius:22px;padding:9px 14px;font-size:11px}.result-count{color:var(--muted);margin:22px 0;font-size:11px}.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.kit-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.kit-images{background:#f0f2e9;justify-content:center;align-items:center;gap:15px;height:215px;padding:40px 20px 15px;display:flex;position:relative}.kit-images>img{object-fit:contain;mix-blend-mode:multiply;width:44%;height:145px}.kit-images>img:only-of-type{width:75%;height:155px}.kit-plus{color:#8c9a76;font-size:20px}.kit-tag,.kit-first{letter-spacing:.8px;color:#5c6d51;font-size:8px;position:absolute;top:13px;left:14px}.kit-first{background:var(--lime);letter-spacing:0;border-radius:20px;padding:3px 8px;font-size:8px;left:auto;right:12px}.kit-content{padding:23px}.kit-content h3{font-size:25px}.kit-content .section-kicker{margin-bottom:6px;font-size:9px}.kit-lens-name{color:var(--muted);margin:7px 0 18px;font-size:11px}.kit-why{color:#657d45;border-top:1px solid var(--line);padding-top:13px;font-size:11px;line-height:2}.kit-breakdown{background:#f7f8f3;border-radius:8px;margin:18px 0;padding:16px}.kit-breakdown>div{justify-content:space-between;align-items:center;gap:12px;margin:5px 0;font-size:10px;display:flex}.kit-breakdown b{white-space:nowrap;font-weight:500}.kit-breakdown .kit-total{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.kit-total strong{letter-spacing:-.8px;white-space:nowrap;font-size:22px}.kit-breakdown>p{color:var(--muted);text-align:right;margin-top:5px;font-size:9px}.kit-details,.price-sources{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:10px}.kit-details summary,.price-sources summary,.method summary{cursor:pointer;font-size:11px;font-weight:500;line-height:1.7}.kit-details p,.price-sources p{color:var(--muted);margin:10px 0;line-height:1.8}.kit-details a,.price-sources a{color:#60754a;margin:8px 0;text-decoration:underline;display:block}.load-more{border:1px solid var(--line);color:var(--ink);background:#eef2e4;border-radius:25px;margin:25px auto 0;padding:12px 24px;font-size:12px;display:block}.method{border-top:1px solid var(--line);margin-top:25px;padding:22px 0 0}.method p{color:var(--muted);margin:12px 0;font-size:11px}.quiz-bottom{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:70px 20px;display:grid}.quiz-bottom h2{font-size:35px}.quiz-bottom>p{color:var(--muted);font-size:13px;line-height:2}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-subhead{margin-top:30px;font-size:20px}.source-editor{border-bottom:1px solid var(--line);padding-bottom:20px}.admin select{max-width:100%}@media (max-width:800px){.answer-grid{grid-template-columns:1fr 1fr}.budget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-body{padding:25px}.quiz-progress{gap:18px;padding:18px 20px}.kit-grid{grid-template-columns:1fr}.quiz-hero{padding-top:40px}}@media (max-width:500px){.quiz-hero h1{letter-spacing:-1.8px;font-size:39px}.quiz-hero>p{font-size:12px}.quiz-tags{letter-spacing:0;gap:10px;font-size:8px}.quiz-body{padding:22px 15px}.quiz-body>h2{font-size:28px}.quiz-progress{justify-content:space-between;gap:14px;padding:15px 12px}.quiz-progress button{gap:6px;padding:0;font-size:9px}.quiz-progress b{width:23px;height:23px;font-size:9px}.budget-grid{grid-template-columns:1fr 1fr}.answer{gap:9px;min-height:110px;padding:18px 12px}.answer.chosen{padding:17px 11px}.answer strong{font-size:12px}.budget-answer strong{font-size:22px}.answer em{font-size:9px}.quiz-actions>.hint{max-width:120px;font-size:9px}.quiz-actions .primary{gap:15px;padding:13px 18px;font-size:11px}.kit-images{gap:4px;height:190px;padding-left:10px;padding-right:10px}.kit-images>img{height:130px}.kit-content{padding:20px 15px}.kit-content h3{font-size:23px}.kit-total strong{font-size:21px}.quiz-bottom{grid-template-columns:1fr;gap:20px;padding:45px 5px}.quiz-bottom h2{font-size:30px}.quiz-bottom>p{font-size:12px}.kit-tag{font-size:7px}.quiz-shell .empty{padding:30px 12px}.quiz-shell .empty h3{font-size:22px}}