:root { --paper:#f7f5fa; --bright:#fffefd; --ink:#211829; --muted:#6d6573; --line:#ded9e3; --acid:#38d39f; --purple:#713bd2; --purple-soft:#eee8f8; --mint:#e6f8f1; --sans:"Manrope",sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 8% 4%,rgba(113,59,210,.08),transparent 28%),radial-gradient(circle at 92% 22%,rgba(34,191,139,.08),transparent 24%),linear-gradient(180deg,#faf8fc,var(--paper)); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.14; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E"); mix-blend-mode:multiply; }
a { color:inherit; }
.page-frame,.site-header { width:min(1320px,calc(100% - 64px)); margin-inline:auto; }
.site-header { height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(18,19,16,.2); }
.wordmark { width:fit-content; display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-size:1.55rem; font-weight:700; letter-spacing:-.08em; line-height:1; text-decoration:none; }
.brand-symbol { display:block; width:36px; height:36px; flex:0 0 auto; }
.brand-symbol img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.brand-name { color:var(--ink); }
.brand-name>span,.product-name span { color:var(--purple); font-weight:500; }
.page-name,.header-link,.eyebrow,.section-label,.card-top,.status,.site-footer { font-family:var(--mono); }
.page-name { color:var(--muted); font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; }
.header-link { justify-self:end; padding-bottom:4px; border-bottom:1px solid var(--ink); font-size:.64rem; text-decoration:none; text-transform:uppercase; }
.hero { padding-top:110px; padding-bottom:100px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 28px; color:var(--muted); font-size:.65rem; letter-spacing:.06em; text-transform:uppercase; }
.eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 4px rgba(56,211,159,.18); }
h1,h2 { margin-top:0; font-weight:500; letter-spacing:-.06em; }
h1 { max-width:950px; margin-bottom:34px; font-size:clamp(4rem,8vw,8rem); line-height:.9; }
.lede { max-width:670px; margin:0 0 0 auto; color:var(--muted); font-size:1.1rem; line-height:1.75; }
.access-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.access-card { position:relative; min-height:440px; padding:34px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:linear-gradient(145deg,var(--bright),#faf8fc); }
.access-card.featured { background:linear-gradient(145deg,#eee8f8 0%,#f6f1fb 50%,#e4f8f0 100%); box-shadow:inset 0 5px 0 var(--purple); }
.access-card:nth-child(2) { background:linear-gradient(145deg,#f7fcfa,var(--mint)); box-shadow:inset 0 5px 0 var(--acid); }
.access-card:nth-child(2) .product-name span { color:var(--acid); }
.card-top { display:flex; justify-content:space-between; margin-bottom:88px; color:var(--muted); font-size:.6rem; text-transform:uppercase; }
.card-top i { font-style:normal; }
.product-name { margin:0 0 24px; font-size:1.55rem; font-weight:700; letter-spacing:-.06em; }
.access-card h2 { margin-bottom:20px; font-size:clamp(2rem,4vw,3.7rem); line-height:1; }
.access-card > p:not(.product-name) { max-width:520px; color:var(--muted); font-size:.95rem; line-height:1.7; }
.status { position:absolute; right:34px; bottom:30px; left:34px; display:flex; align-items:center; gap:9px; padding-top:17px; border-top:1px solid rgba(18,19,16,.18); font-size:.6rem; text-transform:uppercase; }
.status i { width:7px; height:7px; border-radius:50%; background:var(--acid); }
.status.muted i { background:#aaa9a1; }
.contract { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:end; padding-top:130px; padding-bottom:130px; }
.section-label { margin:0 0 60px; color:var(--muted); font-size:.62rem; text-transform:uppercase; }
.contract h2 { margin:0; font-size:clamp(2.7rem,5vw,5.5rem); line-height:.98; }
.contract-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:14px; align-items:center; padding:30px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); font-size:.74rem; text-align:center; }
.contract-flow span { padding:13px 8px; background:linear-gradient(135deg,var(--bright),var(--purple-soft)); border:1px solid var(--line); }
.contract-flow span:nth-of-type(even) { background:linear-gradient(135deg,var(--bright),var(--mint)); }
.contract-flow b { font-weight:400; }
.cta { position:relative; overflow:hidden; display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:end; min-height:400px; padding:60px; background:radial-gradient(circle at 80% 20%,rgba(56,211,159,.18),transparent 28%),linear-gradient(135deg,#211529,#332044 72%,#263d39); color:white; }
.cta>div,.cta>a { position:relative; z-index:2; }
.cta-brand-mark { position:absolute; z-index:1; width:250px; max-height:calc(100% - 48px); right:32px; top:24px; object-fit:contain; opacity:.1; mix-blend-mode:screen; pointer-events:none; }
.cta p { margin:0 0 24px; color:#a7a8a0; font-family:var(--mono); font-size:.64rem; text-transform:uppercase; }
.cta h2 { max-width:780px; margin:0; font-size:clamp(2.8rem,5vw,5.8rem); line-height:.96; }
.cta > a { justify-self:end; display:flex; justify-content:space-between; gap:50px; width:min(100%,250px); padding:18px 20px; background:linear-gradient(120deg,#eee8f8,var(--mint)); color:var(--ink); text-decoration:none; font-size:.8rem; font-weight:600; }
.site-footer { min-height:150px; display:flex; align-items:end; justify-content:space-between; padding-top:40px; padding-bottom:28px; color:var(--muted); font-size:.62rem; }
.site-footer a { text-decoration:none; }
@media (max-width:850px) { .page-frame,.site-header{width:calc(100% - 32px)} .site-header{grid-template-columns:1fr auto}.page-name{display:none}.hero{padding-top:80px;padding-bottom:70px}.lede{margin-left:0}.access-grid,.contract,.cta{grid-template-columns:1fr}.access-card{min-height:410px}.contract{gap:48px}.contract-flow{grid-template-columns:1fr}.contract-flow b{transform:rotate(90deg)}.cta{padding:38px 26px;min-height:480px}.cta>a{justify-self:start}.site-footer{min-height:120px} }
@media (max-width:520px) { h1{font-size:clamp(3.6rem,17vw,5rem)}.access-card{padding:26px}.status{left:26px;right:26px}.contract{padding-top:90px;padding-bottom:90px} }