@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f4f1e9;--ink:#171717;--muted:#696761;--rule:#222;--soft-rule:#c8c3b8;--red:#e33b2f;--blue:#1747d1;--green:#117447;--amber:#a35d00;--panel:#fbfaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.48 'DM Sans',sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0,transparent 23px,#827d7120 24px);z-index:-1}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.02;margin:0 0 14px}h1{font-size:clamp(43px,7vw,88px);max-width:900px}h2{font-size:clamp(28px,4vw,46px)}h3{font-size:21px}p{margin:0 0 13px}a{color:inherit}.wrap{width:min(1240px,100%);margin:auto;padding:0 30px}.nav{height:64px;border-bottom:2px solid var(--ink);display:flex;align-items:center;background:var(--paper);position:sticky;top:0;z-index:5}.navin{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{font:700 25px/1 'Space Mono';letter-spacing:-.13em}.logo span{color:var(--red)}.links{display:flex;align-items:center;gap:2px;font:700 11px 'Space Mono';text-transform:uppercase}.links a{padding:11px 12px;text-decoration:none;border-left:1px solid transparent}.links a:hover,.links .active{background:var(--ink);color:var(--paper)}.menu{display:none;border:0;background:transparent;font:700 18px 'Space Mono';cursor:pointer}.nav.open .links{display:flex}@media(max-width:760px){.nav.open{height:auto;align-items:flex-start;padding:16px 0}.nav.open .navin{align-items:flex-start}.nav.open .links{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:18px;right:18px;top:58px;background:var(--paper);border:2px solid var(--ink);padding:8px}.nav.open .links a{border-bottom:1px solid var(--soft-rule)}.hero{padding:110px 0 85px;border-bottom:1px solid var(--rule);position:relative}.hero p{font-size:18px;max-width:620px;color:var(--muted);line-height:1.6}.hero:after{content:'FIELD NOTE 001 / DECISION SUPPORT';position:absolute;right:30px;bottom:42px;font:11px 'Space Mono';writing-mode:vertical-rl;color:var(--red)}.eyebrow,.brand{font:700 11px 'Space Mono';text-transform:uppercase;letter-spacing:.1em}.eyebrow{color:var(--red);margin-bottom:16px}.brand{color:var(--muted)}.actions{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.btn{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:11px 16px;font:700 12px 'Space Mono';text-decoration:none;cursor:pointer;display:inline-block}.btn:hover{background:var(--red);border-color:var(--red)}.btn.alt{background:transparent;color:var(--ink)}.btn.small{padding:8px 10px;font-size:11px}.section{padding:62px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:21px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.card{background:var(--panel);border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;padding:21px;box-shadow:none}.phone{height:175px;background:#e7e2d6;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center;margin:-21px -21px 20px;position:relative;overflow:hidden}.phone:after{content:'';height:148px;width:74px;border:3px solid var(--ink);border-radius:11px;background:linear-gradient(135deg,var(--phone,#536bd6),#20242c);box-shadow:8px 8px 0 #0002;transform:rotate(-7deg)}.phone:before{content:'●';z-index:1;color:#d6d8dd;position:absolute;font-size:13px;transform:translate(21px,-52px)}.phone.blue{--phone:#487c93}.phone.green{--phone:#5f937c}.phone.black{--phone:#464b55}.phone.silver{--phone:#a5afb8}.phone.navy{--phone:#2f4770}.price{font:700 18px 'Space Mono';margin:9px 0}.tag{display:inline-block;color:var(--blue);font:700 10px 'Space Mono';border:1px solid var(--blue);padding:4px 7px;margin:2px 2px 2px 0}.score{display:inline-flex;color:var(--green);border:2px solid var(--green);padding:5px 8px;font:700 12px 'Space Mono'}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.stat{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;background:var(--panel);padding:17px}.stat b{display:block;font:700 27px 'Space Mono';margin-bottom:4px}.toolbar{display:flex;gap:0;margin:25px 0;flex-wrap:wrap}.input,.select{border:1px solid var(--ink);border-radius:0;background:var(--panel);padding:11px 12px;font:13px 'Space Mono';color:var(--ink);margin-right:8px}.input{flex:1;min-width:220px}.comparehero{padding:52px 0 26px;border-bottom:1px solid var(--rule)}.comparegrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.compareproduct{display:flex;align-items:center;gap:17px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.mini-phone{height:96px;width:66px;border:2px solid var(--ink);background:var(--phone,#5268ce);box-shadow:5px 5px 0 #0002}.scorebig{font:700 40px 'Space Mono';color:var(--blue);margin-left:auto}.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--ink)}.table th,.table td{padding:14px;border:1px solid var(--soft-rule);text-align:left}.table th{font:700 10px 'Space Mono';text-transform:uppercase;letter-spacing:.08em;background:#e9e4d9}.callout{background:var(--ink);color:var(--paper);border-radius:0;padding:26px;margin-top:22px}.callout .eyebrow{color:#ff6e61}.callout.light{background:#e3eaff;color:var(--ink);border:1px solid var(--ink)}.callout.light .eyebrow{color:var(--blue)}.rankrow{display:grid;grid-template-columns:50px 1fr 125px 100px;align-items:center;gap:15px;padding:16px 20px;background:var(--panel);border-bottom:1px solid var(--ink)}.rankrow:first-child{border-top:1px solid var(--ink)}.rank{font:700 25px 'Space Mono';color:var(--red)}.recommend{display:grid;grid-template-columns:280px 1fr;gap:0}.controls{border:1px solid var(--ink);border-radius:0;background:var(--panel);height:max-content}.controls label{display:block;font:700 11px 'Space Mono';text-transform:uppercase;margin:18px 0 7px}.range{width:100%;accent-color:var(--red)}.recresult{display:flex;gap:18px;align-items:center;border-left:0}.footer{padding:32px 0;border-top:2px solid var(--ink);margin-top:50px;font:12px 'Space Mono'}.mono{font-family:'Space Mono',monospace}.field-note{padding:30px 0 0}.field-note-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px 0;font:10px 'Space Mono';color:var(--muted)}.field-note-line span:first-child{color:var(--red)}.field-note p{max-width:780px;font:22px/1.3 'Space Grotesk';margin:18px 0 0}.roadmap-meta{display:flex;gap:28px;margin-top:31px;font:11px 'Space Mono';color:var(--muted)}.roadmap-list{border-top:2px solid var(--ink)}.roadmap-item{display:grid;grid-template-columns:75px 1fr 150px;gap:22px;padding:27px 0;border-bottom:1px solid var(--ink)}.roadmap-index{font:700 31px 'Space Mono';color:var(--red)}.roadmap-kicker{font:700 10px 'Space Mono';color:var(--blue);letter-spacing:.08em;margin-bottom:8px}.roadmap-item h3{font-size:30px}.roadmap-item p{max-width:670px;font-size:16px}.roadmap-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.roadmap-tags span{border:1px solid var(--soft-rule);padding:4px 7px;font:10px 'Space Mono';color:var(--muted)}.roadmap-status{font:700 10px 'Space Mono';text-align:right;color:var(--red)}.roadmap-status span{display:block;color:var(--muted);margin-top:9px;letter-spacing:-.1em}.roadmap-prompt{display:grid;grid-template-columns:200px 1fr auto;gap:20px;align-items:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:20px 0}.roadmap-prompt b{font:20px 'Space Grotesk'}.product-head{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center;margin:30px 0 40px}.lead{font-size:18px;line-height:1.6;max-width:650px}.detail-stats{margin:22px 0 45px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--ink);border-left:1px solid var(--ink)}.detail-grid>section{padding:24px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.radar-wrap{display:grid;grid-template-columns:minmax(280px,1fr) 1fr;align-items:center;gap:28px}.radar{display:block;width:100%;max-width:430px;height:auto;overflow:visible}.radar-grid{fill:none;stroke:#bcb6a9;stroke-width:1}.radar-axis{stroke:#bcb6a9;stroke-width:1}.radar-label{font:700 10px 'Space Mono';fill:#4b4944;text-transform:capitalize}.radar-a{fill:#1747d130;stroke:var(--blue);stroke-width:2}.radar-b{fill:#e33b2f30;stroke:var(--red);stroke-width:2}.radar-single{fill:#1747d130;stroke:var(--blue);stroke-width:2}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font:11px 'Space Mono';justify-content:center}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.a{background:var(--blue)}.dot.b{background:var(--red)}.radar-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-top:14px}.radar-metric{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:7px}.radar-metric span,.radar-metric b,.radar-metric em{display:block}.radar-metric span{font:10px 'Space Mono';text-transform:uppercase;color:var(--muted)}.radar-metric b{color:var(--blue);font:700 16px 'Space Mono'}.radar-metric em{color:var(--red);font:normal 12px 'Space Mono'}.evidence{display:grid;gap:0;margin:20px 0;border-top:1px solid #fff5;border-left:1px solid #fff5}.evidence div{border-right:1px solid #fff5;border-bottom:1px solid #fff5;padding:13px}.evidence b,.evidence span{display:block}.evidence b{font:700 10px 'Space Mono';text-transform:uppercase;color:#ffb0a9}.evidence span{color:#d6dce5;margin-top:4px;line-height:1.45}@media(max-width:760px){.wrap{padding:0 18px}.links{display:none}.menu{display:block}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.comparegrid,.recommend,.product-head,.detail-grid,.radar-wrap{grid-template-columns:1fr}.product-head .phone{margin:auto}.radar{max-width:390px;margin:auto}.hero{padding:72px 0 65px}.hero:after{display:none}.rankrow{grid-template-columns:35px 1fr 75px}.nav{height:58px}}@media(max-width:470px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat b{font-size:22px}.rankrow{padding:14px 10px;gap:7px}.rankrow .score{font-size:10px;padding:5px}.hero h1{font-size:45px}.section{padding:44px 0}.radar-metrics{grid-template-columns:repeat(2,1fr)}.field-note-line{display:block}.field-note-line span{display:block;margin:4px 0}.field-note p{font-size:20px}.roadmap-meta{display:block}.roadmap-meta span{display:block;margin-top:8px}.roadmap-item{grid-template-columns:45px 1fr}.roadmap-status{grid-column:2;text-align:left}.roadmap-prompt{grid-template-columns:1fr}.roadmap-prompt .btn{width:max-content}}