/* Shared public-page presentation, using the storefront's DROP theme. */
:root{--ink:#0B0A0C;--ink-1:#100E12;--ink-2:#16131A;--ink-3:#1F1B25;--ink-soft:#16131A;--paper:#F6EDF0;--paper-dim:#CDC4CC;--paper-2:#CDC4CC;--dim:#CDC4CC;--muted:#A39AA9;--muted-2:#A39AA9;--sakura:#FF2E88;--pink:#FF2E88;--pink-soft:#FF77AE;--pink-press:#C2185B;--bloom:#FF77AE;--go:#C8FF3D;--green:#C8FF3D;--lime:#C8FF3D;--line:rgba(246,237,240,.10);--line-2:rgba(246,237,240,.20);--line-strong:rgba(246,237,240,.20);--body:"Hanken Grotesk",sans-serif;--disp:"Archivo Expanded","Archivo",sans-serif;--mono:"Space Mono",monospace;--max:1200px}
body{background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}
::selection{background:var(--sakura);color:#fff}
:focus-visible{outline:3px solid var(--bloom);outline-offset:4px}
.seo-nav,.site-head,.lnav{background:rgba(11,10,12,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;backdrop-filter:blur(14px)}
.seo-nav-in,.head-in,.lnav-in{min-height:68px;height:auto;padding-block:12px;gap:20px}
.seo-brand,.site-head .brand,.lnav .brand{font-family:"Archivo",sans-serif;font-weight:900;font-size:1.15rem;letter-spacing:-.02em;gap:10px;color:var(--paper)}
.seo-brand img,.site-head .brand img,.lnav .brand img{width:30px;height:30px;border-radius:0}
.seo-brand b,.brand b{color:var(--sakura)}
.seo-nav-links,.head-in>nav{font-family:var(--body);font-size:.94rem;font-weight:500;letter-spacing:0;text-transform:none;gap:22px}
.seo-nav-links>a,.head-in>nav a:not(.deploy){font-size:.94rem;font-weight:500;color:var(--paper-dim)}
.seo-nav-cta,.head-in .deploy,.seo-btn-primary,.button.pink,.links-theme .btn.primary{font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:13px 22px;background:var(--sakura);color:#fff!important;border:0;border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.seo-nav-cta:hover,.head-in .deploy:hover,.seo-btn-primary:hover,.button.pink:hover,.links-theme .btn.primary:hover{background:#fff;color:var(--ink)!important}
.seo-btn-secondary,.button.ghost,.lnav .back{background:transparent;color:var(--paper);border:1px solid var(--line-2);border-radius:0;font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.06em;min-height:44px}
.seo-hero,.notes-hero,.article-hero{position:relative;background:radial-gradient(ellipse at 75% 0,rgba(255,46,136,.10),transparent 65%);border-bottom:1px solid var(--line);padding-block:clamp(32px,5vw,64px)}
.seo-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(246,237,240,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(246,237,240,.025) 1px,transparent 1px);background-size:64px 64px}
.seo-hero-grid{position:relative;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center}
.seo-hero-grid>div:only-child{grid-column:1/-1;max-width:900px}
.seo-hero h1,.notes-hero h1,.article-hero h1{font-family:var(--disp);font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:1.02;letter-spacing:-.02em;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}
.seo-hero h1 em{color:var(--sakura)}
.seo-dek,.article-dek{color:var(--paper-dim);font-size:1.15rem;line-height:1.6;max-width:65ch}
.hero-grid{padding-block:0}.notes-hero:after{display:none}.article-hero .back{margin-bottom:28px}
.seo-eyebrow,.seo-data-label,.eyebrow{color:var(--sakura);font:700 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase}
.seo-section{padding-block:clamp(40px,6vw,72px)}.seo-section h2{font:900 clamp(1.8rem,3.5vw,3rem)/1.05 "Archivo",sans-serif;letter-spacing:-.02em}.seo-section-head{gap:40px;margin-bottom:28px}.seo-prose{color:var(--paper-dim)}
.seo-passport,.seo-plan,.seo-proof,.seo-related a,.seo-review-report,.note-card,.post-cta{background:var(--ink-2);border:1px solid var(--line-2);border-radius:14px;box-shadow:none}
.seo-passport:before{display:none}.seo-passport{padding:22px}.seo-proof{border-top:2px solid var(--sakura)}.seo-plan:hover,.seo-related a:hover{border-color:var(--sakura)}.seo-review-report{border-left:3px solid var(--sakura)}
.seo-plan h3,.seo-plan-name{font-family:"Archivo",sans-serif;color:var(--paper)}.seo-plan-price{font-family:"Archivo",sans-serif;letter-spacing:-.02em}.seo-plan-specs{color:var(--paper-dim)}.seo-plan-specs li{border-bottom:1px solid var(--line);padding-bottom:6px}.seo-plan .seo-btn{white-space:normal}
.seo-data-row{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);overflow-wrap:anywhere}.seo-data-value{font-size:.94rem}.seo-data-label{font-size:.65rem}
.seo-mobile-menu summary,.blog-menu summary{border:1px solid var(--line-2);font:700 .75rem var(--mono);padding:12px}.seo-mobile-menu nav,.blog-menu nav,.seo-lang-menu{background:var(--ink-2);border:1px solid var(--line-2);border-radius:8px}.seo-mobile-menu a,.blog-menu a{font-family:var(--body);font-size:.95rem;text-transform:none;letter-spacing:0}
.seo-footer,.seo-fine{color:var(--muted)}.seo-footer-links{font-family:var(--mono);font-size:.75rem}.note-card{padding:28px}.article-grid{background:transparent;gap:16px}.note-card.featured{background:linear-gradient(120deg,rgba(255,46,136,.09),transparent 65%),var(--ink-2)}.post-cta{padding:28px}.lnav .wrap{max-width:1200px}.lhead h1{font-family:var(--disp);text-transform:uppercase;letter-spacing:-.02em}
.links-theme{--bg:var(--ink);background:radial-gradient(ellipse at 50% 0,rgba(255,46,136,.12),transparent 65%),var(--ink);color:var(--paper);font-family:var(--body)}.links-theme h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,7vw,3rem)}.links-theme .btn{background:var(--ink-2);color:var(--paper);border:1px solid var(--line-2);border-radius:8px;font:700 .82rem var(--mono);text-transform:uppercase}.links-theme .btn:hover{background:var(--ink-3);color:var(--paper)}.links-theme .mark{width:42px;height:42px}.links-theme .tag,.links-theme .foot{color:var(--paper-dim)}
@media(max-width:1100px){.seo-nav-links{gap:12px}.seo-nav-in{gap:12px}.seo-nav-links>a{font-size:.82rem}.seo-nav-cta{padding:12px}}
@media(max-width:900px){.seo-hero-grid{grid-template-columns:1fr}.seo-nav-in{gap:8px}.seo-section-head{grid-template-columns:1fr;gap:22px}}
@media(max-width:620px){.seo-hero,.notes-hero,.article-hero{padding-block:32px}.seo-hero h1,.notes-hero h1,.article-hero h1{font-size:2.6rem}.seo-dek,.article-dek{font-size:1rem}.seo-brand{font-size:1rem}.seo-nav-in{min-height:68px}.seo-plan,.seo-passport{padding:20px}.seo-data-row{grid-template-columns:1fr}.seo-actions .seo-btn{width:100%;white-space:normal}.seo-section{padding-block:36px}.lhead h1{font-size:1.8rem}.lnav .back{font-size:.65rem;padding:10px}.links-theme{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}