:root{--bg:#050e0b;--panel:#081611;--panel2:#0d2119;--mint:#34d399;--mint2:#6ee7b7;--yellow:#f3c741;--text:#f0fdf4;--muted:#9fb3a9;--line:#34d39938}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-inter),Arial,sans-serif;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}code{font-family:var(--font-mono),monospace}main{background:radial-gradient(circle at 12% 8%,#34d39924,transparent 24%),radial-gradient(circle at 86% 28%,#6ee7b714,transparent 28%),var(--bg);max-width:100vw;min-height:100vh;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e0bdb;border-bottom:1px solid #6ee7b724;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 580px);display:flex}.brand{color:#fff;text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:12px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.brand span{letter-spacing:-.12em;font-size:25px;font-style:italic}.status{background:#081611b8;border:1px solid #34d3994d;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:750;display:flex}.status i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 14px var(--mint);border-radius:50%}.hero{color:#fff}.compact-hero{text-align:center;padding:84px max(24px,50vw - 560px) 72px}.eyebrow{color:var(--mint2);font:800 10px var(--font-mono);letter-spacing:.17em;margin:0 0 15px}.eyebrow.dark{color:var(--mint)}.hero h1,.step-body h2,.help-modal h2{font-family:var(--font-sora),sans-serif}.hero h1{letter-spacing:-.055em;max-width:960px;margin:0 auto;font-size:clamp(44px,7vw,84px);line-height:.98}.hero h1 em{color:#0000;background:linear-gradient(135deg,#f0fdf4,#6ee7b7 48%,#34d399);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:24px auto 0;font-size:17px;line-height:1.6}.hero-video{aspect-ratio:1672/941;background:#050e0b;border:1px solid #34d3995c;border-radius:24px;max-width:920px;margin:44px auto 26px;overflow:hidden;box-shadow:0 35px 90px #0006}.hero-video iframe{border:0;width:100%;height:100%;display:block}.video-thumbnail{color:#052017;background:#050e0b;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.video-thumbnail:after{content:"";background:linear-gradient(#0000 62%,#0000002e);transition:background .2s;position:absolute;inset:0}.video-thumbnail:hover:after{background:#34d39914}.video-play{z-index:1;background:#34d399e6;border:2px solid #ffffffe0;border-radius:50%;place-items:center;width:72px;height:72px;padding-left:5px;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0000006b;font-size:25px!important}.video-thumbnail:hover .video-play{background:var(--mint2);transform:translate(-50%,-50%)scale(1.07)}.video-thumbnail:focus-visible{outline:4px solid var(--yellow);outline-offset:-4px}.route-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:10px;max-width:920px;margin:0 auto;display:grid}.route-grid div{border:1px solid var(--line);background:#081611bf;border-radius:14px;padding:17px}.route-grid b{color:var(--mint);font:800 10px var(--font-mono);display:block}.route-grid strong{font:700 13px var(--font-sora);margin:8px 0 5px;display:block}.route-grid span{color:var(--muted);font-size:9px}.copy{color:inherit;white-space:nowrap;background:0 0;border:1px solid;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:850}.copy:disabled{opacity:.4}.wizard-shell{max-width:1120px;margin:0 auto;padding:0 28px 90px}.wizard-step{border:1px solid var(--line);background:linear-gradient(145deg,#0d2119db,#081611e6);border-radius:24px;grid-template-columns:64px minmax(0,1fr);gap:28px;margin-bottom:18px;padding:48px;display:grid;box-shadow:0 24px 70px #00000038}.step-number{width:52px;height:52px;color:var(--mint2);font:800 11px var(--font-mono);background:#34d39917;border:1px solid #34d39961;border-radius:50%;place-items:center;display:grid}.step-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.step-body h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4.5vw,52px);line-height:1}.help-button{color:var(--mint2);white-space:nowrap;background:#34d39914;border:1px solid #34d39957;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:850;display:inline-flex}.help-button span{background:var(--mint);color:#052017;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.short-steps{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.short-steps li{background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;grid-template-columns:88px 1fr;gap:12px;padding:18px;display:grid}.short-steps li:last-child{background:#f3c74114;border-color:#f3c7416b}.short-steps b{font-size:12px}.short-steps span{color:var(--muted);font-size:12px;line-height:1.52}.values-stack{gap:9px;display:grid}.values-stack>div{background:#06130f;border:1px solid #34d39929;border-radius:11px;grid-template-columns:1fr auto;gap:7px 15px;padding:15px 16px;display:grid}.values-stack span{color:var(--mint2);font:800 8px var(--font-mono);letter-spacing:.13em;grid-column:1/-1}.values-stack code{overflow-wrap:anywhere;align-self:center;font-size:11px}.values-stack .copy{color:var(--yellow)}.scope-picker{border:1px solid var(--line);background:#050e0ba3;border-radius:16px;margin-top:18px;padding:22px}.picker-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.picker-head strong{font:700 17px var(--font-sora)}.picker-head p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.45}.picker-actions{align-items:center;gap:7px;display:flex}.picker-actions>button:last-child{color:#fff;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:9px 11px;font-size:10px;font-weight:800}.bundle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bundle{text-align:left;min-width:0;color:var(--text);background:#ffffff09;border:1px solid #ffffff17;border-radius:11px;align-items:flex-start;gap:10px;padding:13px;display:flex}.bundle.active{background:#34d3991a;border-color:#34d3997a}.bundle i{height:23px;color:var(--muted);background:#ffffff17;border-radius:6px;flex:0 0 23px;place-items:center;font-style:normal;font-weight:900;display:grid}.bundle.active i{background:var(--mint);color:#052017}.bundle>span{gap:4px;min-width:0;display:grid}.bundle small{color:var(--muted);font-size:9px;line-height:1.4}.scope-output{background:#03100c;border:1px solid #34d39933;border-radius:11px;grid-template-columns:1fr auto;gap:8px 14px;margin-top:16px;padding:15px;display:grid}.scope-output>span{color:var(--mint2);font:800 8px var(--font-mono);letter-spacing:.13em;grid-column:1/-1}.scope-output code{color:#c8faed;overflow-wrap:anywhere;align-self:center;max-height:76px;font-size:8px;line-height:1.55;overflow:auto}.scope-output .copy{color:var(--yellow)}.publish-callout{background:#f3c74114;border:1px solid #f3c7416b;border-radius:11px;margin-top:12px;padding:16px 18px}.publish-callout span{color:var(--yellow);font:800 8px var(--font-mono);letter-spacing:.13em;display:block}.publish-callout strong{font:700 15px var(--font-sora);margin-top:7px;display:block}.publish-callout p{color:#d9ceb0;margin:4px 0 0;font-size:10px}.scope-warning{color:#a99972;margin:10px 0 0;font-size:10px;line-height:1.5}.scope-notes{background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;margin-top:10px}.scope-notes summary{color:#c9c2b2;cursor:pointer;padding:12px 14px;font-size:12px;font-weight:800}.scope-notes>div{color:#a9a294;padding:0 14px 14px;font-size:12px;line-height:1.55}.scope-notes p{margin:8px 0}.scope-notes code{color:#d8c7a1;overflow-wrap:anywhere;background:#06100d;border-radius:7px;padding:9px;font-size:10px;display:block}.dark-step{border-color:#34d39980}.link-form{background:#ffffff09;border:1px solid #6ee7b733;border-radius:15px;padding:24px}.link-form label,.secret-form label{gap:7px;margin-bottom:17px;display:grid}.link-form label>span,.secret-form label>span{font-size:13px;font-weight:850}.link-form label>small{color:var(--muted);font-size:10px}.field-help{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.link-form input,.secret-form input{color:#122019;width:100%;font:600 13px var(--font-mono);background:#f0fdf4;border:1px solid #ffffff38;border-radius:10px;outline:none;padding:15px 16px}.link-form input:focus,.secret-form input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #34d39926}.field-message{border-radius:8px;margin:-8px 0 16px;padding:9px 11px;font-size:11px}.field-message.success{color:#a9f5e1;background:#34d3991f}.field-message.error{color:#ffc1c1;background:#ff50501f}.microcopy{color:var(--muted);margin:-6px 0 18px;font-size:10px}.authorize{background:linear-gradient(135deg,var(--mint2),var(--mint));color:#052017;border:0;border-radius:10px;justify-content:center;gap:12px;width:100%;padding:16px 19px;font-size:14px;font-weight:900;display:flex}.authorize:disabled{opacity:.35}.generated-link{background:#03110c;border:1px solid #f3c74180;border-radius:11px;gap:11px;margin-top:15px;padding:16px;display:grid}.generated-link>span{color:var(--yellow);font:800 8px var(--font-mono);letter-spacing:.13em}.generated-link code{color:#c9faed;overflow-wrap:anywhere;max-height:70px;font-size:9px;line-height:1.5;overflow:auto}.generated-link>div{gap:8px;display:flex}.generated-link a{background:var(--yellow);color:#211b04;text-align:center;border-radius:9px;flex:1;padding:10px 14px;font-size:11px;font-weight:850;text-decoration:none}.single-action{border:1px solid #34d39933;border-left:4px solid var(--mint);background:#34d3990e;border-radius:0 12px 12px 0;padding:22px 24px}.single-action b{font:700 16px var(--font-sora)}.single-action p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.6}.security{background:#f3c74114;border:1px solid #f3c7414d;border-radius:11px;margin-top:14px;padding:17px 19px}.security strong{font-size:13px}.security p{color:#c4bda8;margin:6px 0 0;font-size:11px;line-height:1.55}footer{background:#03100c;border-top:1px solid #6ee7b724;justify-content:space-between;gap:20px;padding:30px max(24px,50vw - 530px);display:flex}footer span{font-weight:800}footer p{color:var(--muted);margin:0;font-size:11px}.privacy-note{background:#34d3991a;border:1px solid #34d3997a;border-radius:12px;align-items:flex-start;gap:13px;margin-top:14px;padding:18px 19px;display:flex}.privacy-note>span{background:var(--mint);color:#052017;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-weight:950;display:grid}.privacy-note strong{font:700 14px var(--font-sora);display:block}.privacy-note p{color:#b8d3c7;margin:6px 0 0;font-size:13px;line-height:1.55}.callback-privacy{margin:0 0 18px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010705d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{background:radial-gradient(circle at 80% 0,#34d3991f,#0000 35%),#081611;border:1px solid #34d3996b;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow:auto;box-shadow:0 40px 120px #000000a6}.modal-close{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;width:35px;height:35px;font-size:21px;position:absolute;top:17px;right:17px}.help-modal h2{letter-spacing:-.045em;margin:0;font-size:34px}.modal-intro{color:var(--muted);margin:13px 0 22px;font-size:13px;line-height:1.6}.help-modal ol{counter-reset:item;gap:9px;margin:0;padding:0;list-style:none;display:grid}.help-modal li{color:#dcebe4;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;padding:13px 14px 13px 48px;font-size:12px;line-height:1.5;position:relative}.help-modal li:before{counter-increment:item;content:counter(item);background:var(--mint);color:#052017;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;top:11px;left:13px}.mini-video{aspect-ratio:16/9;background:#34d3990b;border:1px dashed #6ee7b761;border-radius:14px;justify-content:center;align-items:center;gap:13px;margin-top:20px;display:flex}.mini-video>span{background:var(--mint);color:#052017;border-radius:50%;place-items:center;width:38px;height:38px;padding-left:2px;display:grid}.mini-video>div{gap:3px;display:grid}.mini-video strong{font-size:12px}.mini-video small{color:var(--muted);font-size:9px}.callback-page{background:radial-gradient(circle at 50% 0,#34d39938,transparent 45%),var(--bg);color:#fff;min-height:100vh}.callback-shell{max-width:720px;margin:0 auto;padding:90px 24px}.callback-shell h1{font:700 clamp(42px,7vw,68px)/1 var(--font-sora);letter-spacing:-.055em;margin:0 0 30px}.callback-error,.secret-form,.token-result,.callback-loading{background:#ffffff0d;border:1px solid #6ee7b73d;border-radius:18px;padding:27px}.callback-error strong{font-size:20px}.callback-error p,.secret-form>p,.token-result>p{color:var(--muted);font-size:11px;line-height:1.6}.callback-error a{background:var(--yellow);color:#211b04;border-radius:8px;padding:11px 14px;font-weight:800;text-decoration:none;display:inline-block}.store-confirm{border-bottom:1px solid #ffffff26;gap:5px;margin-bottom:22px;padding-bottom:18px;display:grid}.store-confirm span,.token-result>span{color:var(--mint2);font:800 9px var(--font-mono);letter-spacing:.13em}.secret-form>button{background:var(--mint);border:0;border-radius:10px;width:100%;padding:15px;font-weight:900}.token-result>div{background:#03100c;border-radius:10px;grid-template-columns:1fr auto;gap:12px;margin:16px 0;padding:14px;display:grid}.token-result code{color:#bff7e9;overflow-wrap:anywhere;align-self:center}.token-result button{background:var(--yellow);border:0;border-radius:8px;padding:10px 12px;font-weight:800}.token-result dl{gap:8px;margin:22px 0 0;display:grid}.token-result dl div{border-top:1px solid #ffffff1f;grid-template-columns:80px 1fr;padding:10px 0;display:grid}.token-result dt{color:var(--muted);font-size:10px}.token-result dd{font:9px/1.5 var(--font-mono);overflow-wrap:anywhere;margin:0}.callback-loading{color:var(--muted)}.token-result .clear-token{color:#fff;background:0 0;border:1px solid #ffffff40}@media (max-width:760px){.site-header{height:64px}.compact-hero{padding:56px 16px 52px}.hero h1{font-size:42px}.hero>p:not(.eyebrow){font-size:14px}.hero-video{border-radius:16px;margin-top:32px}.video-play{width:54px;height:54px;font-size:19px}.hero-video strong{font-size:15px}.route-grid{grid-template-columns:1fr 1fr}.wizard-shell{padding-left:12px;padding-right:12px}.wizard-step{grid-template-columns:1fr;gap:16px;padding:28px 18px}.step-number{width:43px;height:43px}.step-title{flex-direction:column;align-items:flex-start}.short-steps,.bundle-grid{grid-template-columns:1fr}.short-steps li{grid-template-columns:76px 1fr}.picker-head{flex-direction:column}.picker-actions{justify-content:space-between;width:100%}.scope-output{grid-template-columns:1fr}.scope-output .copy{width:100%}.field-help{grid-template-columns:1fr}.field-help .help-button{justify-self:start}.generated-link>div{flex-direction:column}.values-stack>div{grid-template-columns:1fr}.values-stack .copy{width:100%}footer{flex-direction:column}.token-result>div{grid-template-columns:1fr}.token-result button{width:100%}.help-modal{padding:28px 20px}.help-modal h2{font-size:28px}}@media (max-width:460px){.status{display:none}.hero h1{font-size:36px}.route-grid{grid-template-columns:1fr}.scope-picker,.link-form{padding:15px}.picker-actions{flex-direction:column;align-items:flex-start}.step-body h2{font-size:31px}}.step-intro{max-width:620px;color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.55}.setup-steps{margin:0;padding:0;list-style:none;display:grid}.setup-steps>li{min-width:0;padding:0 0 24px 58px;position:relative}.setup-steps>li:not(:last-child):before{content:"";background:linear-gradient(var(--mint),#34d3991f);width:1px;position:absolute;top:42px;bottom:0;left:20px}.setup-index{width:40px;height:40px;color:var(--mint2);font:850 11px var(--font-mono);background:#0b2a20;border:1px solid #34d3998c;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 6px #34d3990a}.setup-copy{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;padding:20px 22px}.setup-copy>b{font:700 16px var(--font-sora);display:block}.setup-copy>p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.58}.dashboard-link{background:linear-gradient(135deg,var(--mint2),var(--mint));color:#052017;border-radius:9px;align-items:center;gap:9px;width:fit-content;margin-top:14px;padding:12px 16px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 28px #34d39924}.dashboard-link:hover{filter:brightness(1.08)}.dashboard-link:focus-visible{outline-offset:3px;outline:3px solid #6ee7b752}.setup-copy>.fallback-route{color:#82988d;margin-top:12px;font-size:10px}.step-value{background:#03110d;border:1px solid #34d39938;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:15px;padding:11px 12px;display:grid}.step-value code{color:#c8faed;overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.5}.step-value .copy{color:var(--yellow)}.setup-copy .scope-picker{border-radius:12px;margin-top:16px;padding:18px}.publish-step .setup-index{color:var(--yellow);background:#30280b;border-color:#f3c7419e}.publish-step .setup-copy{background:linear-gradient(135deg,#f3c7411a,#ffffff06);border-color:#f3c7416b}@media (max-width:760px){.setup-steps>li{padding-left:47px}.setup-steps>li:not(:last-child):before{top:36px;left:16px}.setup-index{width:34px;height:34px}.setup-copy{padding:16px}.step-value{grid-template-columns:1fr}.step-value .copy{width:100%}}.brand{font-size:13px}.status,.eyebrow{font-size:12px}.hero-video span{font-size:14px}.route-grid b{font-size:12px}.route-grid strong{font-size:15px}.route-grid span{font-size:13px;line-height:1.45}.copy{font-size:13px}.step-number,.help-button{font-size:12px}.short-steps b,.short-steps span{font-size:14px}.values-stack span,.scope-output>span,.publish-callout span,.generated-link>span{font-size:11px}.values-stack code{font-size:13px}.picker-head p{font-size:14px}.picker-actions>button:last-child{font-size:12px}.bundle strong{font-size:14px}.bundle small,.scope-output code{font-size:12px}.publish-callout p,.scope-warning{font-size:13px}.link-form label>span,.secret-form label>span{font-size:15px}.link-form label>small{font-size:13px}.link-form input,.secret-form input{font-size:14px}.field-message,.microcopy{font-size:13px}.generated-link code{font-size:12px}.generated-link a,.security p{font-size:13px}.security code{font-size:12px}footer p{font-size:13px}.modal-intro{font-size:15px}.help-modal li,.mini-video strong{font-size:14px}.mini-video small{font-size:12px}.callback-error p,.secret-form>p,.token-result>p{font-size:14px}.store-confirm span,.token-result>span{font-size:11px}.token-result dt,.token-result dd{font-size:12px}.step-intro{font-size:15px}.setup-copy>b{font-size:18px}.setup-copy>p{font-size:15px}.dashboard-link{font-size:14px}.setup-copy>.fallback-route,.step-value code{font-size:13px}@media (max-width:760px){.hero>p:not(.eyebrow){font-size:16px}}