:root{--bg:#101419;--panel:#182129;--panel-2:#202b34;--ink:#f0ebdd;--muted:#aeb7b7;--teal:#29c7b8;--teal-dark:#0e766f;--gold:#d9a441;--violet:#7868d8;--line:rgba(240,235,221,.14);--shadow:0 24px 70px rgba(0,0,0,.38);--serif:"Spectral",Georgia,serif;--sans:"Manrope",system-ui,-apple-system,sans-serif;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(41,199,184,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(41,199,184,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--teal);color:#071210;padding:.75rem 1rem}.skip-link:focus{top:1rem}.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;color:var(--teal)}h1,h2,h3{font-family:var(--serif);line-height:1.08;font-weight:600;margin:0 0 1rem}h1{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.045em}h2{font-size:clamp(2.25rem,5vw,4.6rem);letter-spacing:-.035em}h3{font-size:1.55rem}p{margin:0 0 1.25rem;color:var(--muted)}.lede{font-size:clamp(1.08rem,2vw,1.35rem);max-width:62ch}.accent{color:var(--teal)}.gold{color:var(--gold)}.muted{color:var(--muted)}
.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(to bottom,rgba(16,20,25,.96),rgba(16,20,25,.78));backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;font-family:var(--serif);font-size:1.18rem;font-weight:600;white-space:nowrap}.brand-mark{width:31px;aspect-ratio:1;border:1px solid var(--teal);transform:rotate(45deg);position:relative;box-shadow:0 0 24px rgba(41,199,184,.25)}.brand-mark::after{content:"";position:absolute;inset:7px;border:1px solid var(--gold)}.nav-links{display:flex;align-items:center;gap:1.35rem;margin-left:auto;font-size:.86rem;font-weight:700}.nav-links a:not(.button){color:var(--muted)}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)}.menu-toggle{display:none;margin-left:auto;background:none;color:var(--ink);border:1px solid var(--line);padding:.45rem .7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:7px;background:var(--teal);color:#071210;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(41,199,184,.22);background:#51ddcf}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--teal);box-shadow:none}.button.gold-button{background:var(--gold);color:#181207}.button.small{min-height:40px;padding:.5rem .85rem;font-size:.82rem}.button-row{display:flex;flex-wrap:wrap;gap:.85rem}.text-link{color:var(--ink);font-weight:800;border-bottom:1px solid var(--teal)}
main{padding-top:82px}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#080b0e}.hero-media{position:absolute;inset:0}.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,14,.97) 0%,rgba(8,11,14,.72) 42%,rgba(8,11,14,.14) 78%),linear-gradient(0deg,#101419 0%,transparent 35%)}.hero-copy{position:relative;z-index:2;padding:10rem 0 7rem;max-width:720px}.hero h1{max-width:11ch}.hero .lede{color:#d5d7cf}.hero-note{display:flex;align-items:center;gap:.6rem;margin-top:1.25rem;color:var(--muted);font-size:.82rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(41,199,184,.12)}.video-controls{position:absolute;z-index:3;right:1.5rem;bottom:2rem;display:flex;gap:.5rem}.icon-button{border:1px solid var(--line);background:rgba(16,20,25,.72);color:var(--ink);backdrop-filter:blur(10px);border-radius:50%;width:44px;height:44px;cursor:pointer}.section{padding:clamp(5rem,10vw,9rem) 0}.section.tight{padding:4rem 0}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem;align-items:start;margin-bottom:3rem}.section-head h2{max-width:12ch}.section-head .lede{justify-self:end}.dark-band{background:#0b0f13;border-block:1px solid var(--line)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.card{padding:1.7rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(32,43,52,.74),rgba(24,33,41,.44));border-radius:10px;transition:border-color .25s,transform .25s}.card:hover{border-color:rgba(41,199,184,.5);transform:translateY(-4px)}.card .number{font-family:var(--serif);font-size:3rem;color:var(--gold);line-height:1;margin-bottom:1.3rem}.card p:last-child{margin-bottom:0}.media-card{min-height:430px;position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.media-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,14,.92),transparent 70%)}.media-card-copy{position:absolute;z-index:2;inset:auto 1.5rem 1.5rem}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);align-items:center}.feature-list{list-style:none;padding:0;margin:2rem 0}.feature-list li{padding:1rem 0 1rem 2rem;border-bottom:1px solid var(--line);position:relative;color:var(--muted)}.feature-list li::before{content:"✦";position:absolute;left:0;color:var(--teal)}.metric{padding:1.5rem 0;border-top:1px solid var(--line)}.metric strong{font-family:var(--serif);font-size:2.5rem;display:block;color:var(--ink)}.page-hero{padding:clamp(6rem,12vw,10rem) 0 5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 30%,rgba(41,199,184,.12),transparent 30%),radial-gradient(circle at 90% 10%,rgba(120,104,216,.1),transparent 25%)}.page-hero h1{max-width:13ch}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:2rem}.breadcrumb a{color:var(--teal)}
.price-card{position:relative;padding:2.25rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.price-card.featured{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),var(--shadow)}.price-label{position:absolute;top:0;right:1.5rem;transform:translateY(-50%);background:var(--teal);color:#071210;padding:.3rem .65rem;border-radius:4px;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.price{font:600 3.5rem/1 var(--serif);margin:1.5rem 0 .4rem}.price small{font:600 .9rem var(--sans);color:var(--muted)}.notice{border-left:3px solid var(--gold);padding:1rem 1.25rem;background:rgba(217,164,65,.07);color:var(--muted)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;padding:1.3rem 0;background:none;border:0;color:var(--ink);display:flex;justify-content:space-between;text-align:left;font-weight:800;cursor:pointer}.faq-answer{display:none;padding:0 2rem 1.25rem 0}.faq-item.open .faq-answer{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field{display:grid;gap:.45rem}.field.full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0c1115;color:var(--ink);padding:.85rem 1rem;border-radius:6px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.field textarea{min-height:160px;resize:vertical}.form-status{padding:1rem 0;min-height:2.5rem}.honeypot{position:absolute;left:-9999px}.logo-strip{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em}.cta{padding:clamp(3rem,7vw,6rem);border:1px solid rgba(41,199,184,.35);border-radius:14px;background:radial-gradient(circle at 90% 20%,rgba(41,199,184,.16),transparent 28%),var(--panel)}.cta h2{max-width:14ch}.legal{max-width:780px}.legal h2{font-size:2rem;margin-top:3rem}.legal h3{margin-top:2rem}.legal li,.legal p{color:var(--muted)}.site-footer{padding:4rem 0 2rem;border-top:1px solid var(--line);background:#090c0f}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.footer-grid h3{font:800 .75rem var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.footer-grid a{display:block;color:var(--muted);margin:.55rem 0;font-size:.9rem}.footer-grid a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
@media(max-width:920px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0f13;padding:1rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links .button{width:100%}.section-head,.split{grid-template-columns:1fr}.section-head .lede{justify-self:start}.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-media::after{background:linear-gradient(0deg,#101419 0%,rgba(8,11,14,.76) 54%,rgba(8,11,14,.28))}.hero-copy{padding-bottom:6rem}.video-controls{bottom:1rem}.page-hero h1{font-size:clamp(3.3rem,12vw,5.5rem)}}
@media(max-width:640px){.shell{width:min(calc(100% - 1.25rem),var(--max))}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.hero-copy{padding-top:8rem}.section{padding:4.5rem 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.button-row .button{width:100%}.video-controls{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* How-it-works tutorial library */
.tutorial-callout{padding:clamp(4.5rem,8vw,7rem) 0}.tutorial-callout h1{max-width:16ch}.tutorial-callout .lede{max-width:650px;margin-bottom:1.75rem}.tutorial-library{scroll-margin-top:82px}.tutorial-shell{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}.tutorial-heading{position:sticky;top:120px}.tutorial-heading h2{max-width:12ch}.tutorial-list{border-top:1px solid var(--line)}.tutorial-topic{border-bottom:1px solid var(--line)}.tutorial-topic summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.45rem 3rem 1.45rem 0;color:var(--ink);font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:700;cursor:pointer;list-style:none;transition:color .2s}.tutorial-topic summary::-webkit-details-marker{display:none}.tutorial-topic summary::after{content:"";position:absolute;right:.35rem;width:.65rem;height:.65rem;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);transition:transform .25s}.tutorial-topic summary:hover{color:var(--teal)}.tutorial-topic summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}.tutorial-topic[open] summary::after{transform:rotate(225deg)}.tutorial-content{margin:0 0 1.5rem;padding:1.25rem 1.35rem;border:1px solid rgba(217,164,65,.28);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:rgba(217,164,65,.06)}.tutorial-content p{margin:0;color:var(--muted)}
.tutorial-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#080b0e;box-shadow:var(--shadow)}.tutorial-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:920px){.tutorial-shell{grid-template-columns:1fr}.tutorial-heading{position:static}.tutorial-heading h2{max-width:16ch}}
@media(prefers-reduced-motion:reduce){.tutorial-topic summary,.tutorial-topic summary::after{transition:none}}

/* Collaborators */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.collaborators-page{min-height:calc(100vh - 82px)}.collaborators-page>.section{padding-top:clamp(4.5rem,9vw,8rem)}.collaborator-card{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 12% 15%,rgba(41,199,184,.12),transparent 35%),var(--panel);box-shadow:var(--shadow)}.collaborator-image{overflow:hidden;border-radius:10px;background:#fff;aspect-ratio:1;border:1px solid rgba(240,235,221,.18)}.collaborator-image img{width:100%;height:100%;object-fit:contain}.collaborator-copy h2{margin-bottom:1.25rem}.collaborator-blurb{max-width:66ch;font-size:clamp(1.05rem,1.7vw,1.22rem);color:var(--muted)}.collaborator-links{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}.collaborator-links-label{margin:0 0 .8rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:1080px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0f13;padding:1rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links .button{width:100%}}
@media(max-width:760px){.collaborator-card{grid-template-columns:1fr}.collaborator-image{max-width:360px;width:100%;margin-inline:auto}.collaborator-copy{text-align:left}}
