:root{--color-turf: #2e7d4f;--color-brick: #c4565a;--color-beige: #e3e7d3;--color-silver: #bdc2bf;--color-black: #070707;--color-white: #ffffff;--color-link: #4670a3;--font-display: "Spline Sans", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--radius: 20px;--shadow: 0 18px 40px rgb(7 7 7 / 10%);--content: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgb(255 255 255 / 55%),transparent 220px),var(--color-beige);color:var(--color-black);font-family:var(--font-display);line-height:1.5}a{color:var(--color-link)}img{max-width:100%}h1,h2,h3{line-height:1.15;letter-spacing:-.03em}h1{margin:0 0 16px;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800}h2{margin:0 0 12px;font-size:1.7rem;font-weight:800}h3{margin:0 0 8px;font-size:1.15rem;font-weight:800}p{margin:0 0 12px}.page{min-height:100vh;display:flex;flex-direction:column}.site-header,.site-footer{background:var(--color-white);border-color:var(--color-silver)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-silver)}.site-header__inner,.site-footer__inner,main{width:min(100% - 32px,var(--content));margin-inline:auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand__icon{border-radius:10px}.brand__name{font-weight:800;letter-spacing:-.04em}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{color:var(--color-black);text-decoration:none;font-weight:600}.site-nav a.active:not(.btn){color:var(--color-turf)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:16px;background:var(--color-turf);color:var(--color-white);font-weight:700;text-decoration:none}.btn:hover{filter:brightness(1.05)}.btn--small{min-height:40px;padding:8px 14px;font-size:.92rem}.btn--on-dark{background:var(--color-white);color:var(--color-black)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,320px);gap:40px;align-items:center;padding:56px 0 24px}.eyebrow{margin-bottom:10px;color:var(--color-turf);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lede{max-width:38rem;font-size:1.12rem;color:#070707c7}.hero__actions{margin-top:22px}.hint{margin-top:8px;font-size:.85rem;color:#0707079e}.band,.shots,.legal{padding:28px 0 48px}.section-intro{max-width:40rem;margin-bottom:24px;color:#070707b8}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card,.callout{background:var(--color-white);border:1px solid var(--color-silver);border-radius:var(--radius);padding:22px}.shots__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 56px;padding:28px;border-radius:var(--radius);background:var(--color-black);color:var(--color-white)}.cta-band p{max-width:40rem;color:#ffffffd1}.phone{margin:0}.phone__device{border-radius:32px;padding:12px;background:var(--color-black);box-shadow:var(--shadow)}.phone__notch{width:92px;height:8px;margin:4px auto 10px;border-radius:999px;background:#2a2a2a}.phone__screen{min-height:420px;padding:16px 14px 12px;border-radius:22px;background:var(--color-beige)}.phone__kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0707078c}.phone__title{margin:4px 0 0;font-size:1.45rem}.phone__subtitle{margin:2px 0 14px;font-size:.78rem;color:#07070799}.rating-card{padding:12px 14px;border-radius:16px;background:var(--color-black);color:var(--color-white)}.rating-card__label{margin:0 0 10px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rating-card__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rating-card__row span,.list-card__heading{display:block;font-size:.68rem;font-weight:700;opacity:.85}.rating-card__row strong{display:block;font-size:1.2rem;letter-spacing:-.04em}.list-card{margin-top:12px;padding:12px 14px;border-radius:16px;background:var(--color-white);border:1px solid var(--color-silver)}.list-card p,.rank-row{margin:0;padding:8px 0;font-size:.86rem}.list-card p+p,.rank-row+.rank-row{border-top:1px solid var(--color-silver)}.list-card--stack p{display:flex;flex-direction:column;gap:2px}.list-card--stack span{color:#07070794;font-size:.78rem}.rank-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center}.rank-row__n{color:var(--color-turf);font-weight:800}.phone__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;padding:6px;border-radius:16px;background:var(--color-white);border:1px solid var(--color-silver)}.phone__tabs span{padding:8px 4px;border-radius:12px;text-align:center;font-size:.62rem;font-weight:700;color:#0707077f}.phone__tabs .is-active{background:var(--color-silver);color:var(--color-black)}.phone figcaption{margin-top:10px;font-size:.78rem;color:#07070794}.legal{padding-bottom:72px}.legal__doc{max-width:44rem;margin-top:28px;background:var(--color-white);border:1px solid var(--color-silver);border-radius:var(--radius);padding:8px 32px 28px}.legal__header{padding:28px 0 4px}.legal__doc h1{font-size:clamp(1.8rem,4vw,2.4rem)}.legal section{margin-top:28px}.legal h2{font-size:1.25rem}.legal h3{margin-top:16px}.legal ul{padding-left:1.2rem}.legal li{margin-bottom:8px}.callout{margin-top:16px;background:var(--color-beige)}.callout h2{font-size:1.05rem}code{font-size:.92em;word-break:break-all}.site-footer{margin-top:auto;border-top:1px solid var(--color-silver)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 0;color:#070707b8;font-size:.92rem}.site-footer__links{display:flex;gap:16px}.site-footer a{font-weight:700;text-decoration:none}@media(max-width:920px){.hero,.feature-grid,.shots__row,.cta-band{grid-template-columns:1fr;display:grid}.hero{padding-top:32px}.phone{max-width:320px;justify-self:center}.cta-band .btn{justify-self:start}}@media(max-width:640px){.site-header__inner,.site-nav{flex-wrap:wrap}.feature-grid{grid-template-columns:1fr}}