:root{--bg:#121019;--ink:#f8f5f0;--muted:#b9b3c5;--accent:#c0a6fa;--lime:#dcff92;--line:#ffffff24;--panel:#201b2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(38px,4.4vw,64px);font-weight:600}h2{font-size:clamp(30px,3vw,44px);font-weight:500}h3{font-size:34px}em{font-style:normal;color:var(--accent)}p{color:var(--muted);font-size:17px;max-width:58ch}small{font-size:11px}.skip{position:fixed;top:-100px}.skip:focus{top:0;z-index:1000;background:black;padding:10px}.preview{height:34px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#18121d;font-size:10px;font-weight:700;letter-spacing:.1em}.preview button{font-size:11px}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:800;letter-spacing:-.06em;position:relative;display:flex;align-items:center;gap:8px}.wordmark img{width:33px}.wordmark span{font-size:7px;letter-spacing:.17em;position:absolute;left:42px;top:32px;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px}nav a:last-child{border:1px solid var(--line);padding:8px 20px;border-radius:50px}nav a{align-self:center}.hero{display:grid;grid-template-columns:46% 54%;min-height:720px;max-width:1600px;margin:auto;align-items:center;padding:50px 5% 55px;isolation:isolate}.hero-copy{z-index:3}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;display:block;margin-bottom:28px;color:var(--accent)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:9px;box-shadow:0 0 20px var(--lime)}.hero p{max-width:430px;margin:25px 0 28px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.primary{background:var(--lime);color:#15200c;border-radius:60px;padding:16px 23px;font-size:14px;font-weight:700}.primary span{margin-left:15px}.textlink{display:inline-block;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}.signature{display:flex;align-items:center;gap:12px;margin-top:45px;font-size:13px}.signature img{width:43px;height:43px;object-fit:cover;border-radius:50%}.signature small{display:block;color:var(--muted)}.hand{font-family:Georgia,serif;font-style:italic;color:var(--accent);font-size:18px;margin-left:12px;transform:rotate(-8deg)}.stage{position:relative;height:590px;perspective:1200px;min-width:0}.halo{position:absolute;inset:0 -10%;border-radius:50%;background:radial-gradient(ellipse,#7350ad66,transparent 65%);filter:blur(35px)}.tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out}.screen{position:absolute;overflow:hidden;box-shadow:0 40px 80px #0007;border:1px solid #ffffff38;background:#201b2e;will-change:transform}.mainphone{width:280px;height:500px;left:calc(50% - 140px);top:35px;border-radius:35px;transform:rotateY(-10deg) rotateZ(5deg) translateZ(65px);animation:phonefloat 7s ease-in-out infinite}.mainphone>img{width:100%;height:100%;object-fit:cover;object-position:50%;filter:brightness(.88)}.phone-top{z-index:2;position:absolute;top:0;left:0;right:0;padding:22px 13px;font-size:9px;letter-spacing:.04em;background:linear-gradient(#0008,transparent);display:flex;gap:5px;align-items:center}.phone-top span{color:#e8b2ff}.phone-top small{margin-left:auto;font-size:7px;border:1px solid #fff6;padding:3px 5px;border-radius:20px}.phone-copy{position:absolute;bottom:0;left:0;right:0;padding:70px 23px 30px;background:linear-gradient(transparent,#100e1bf5)}.phone-copy h2{font-size:31px;color:#fff;margin:12px 0 20px}.phone-copy small{font-size:8px;letter-spacing:.14em;color:#e4cef9}.phone-copy button{background:#f5f0f6;color:#1d1525;padding:10px 18px;border-radius:40px;font-size:11px}.side{width:190px;height:340px;top:100px;border-radius:20px}.side img{width:100%;height:100%;object-fit:cover}.side span{position:absolute;bottom:0;padding:60px 15px 20px;left:0;right:0;background:linear-gradient(transparent,#080713);color:white;font-size:18px;font-weight:700;line-height:1.1}.leftscreen{left:0;transform:rotateY(27deg) rotateZ(-12deg) translateZ(-80px);animation:leftfloat 9s ease-in-out infinite}.rightscreen{right:-8px;transform:rotateY(-30deg) rotateZ(14deg) translateZ(-90px);animation:rightfloat 8s ease-in-out infinite}.sphere{width:85px;height:85px;position:absolute;right:6%;top:10px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff,#d3b8ff 20%,#7541bb 55%,#231832 85%);box-shadow:0 25px 40px #0005;animation:bob 6s ease-in-out infinite}.ring{position:absolute;left:10%;top:10%;width:80%;height:80%;border-radius:50%;border:1px solid #c4a1ff55;transform:rotateX(65deg) rotateZ(-30deg);pointer-events:none}.ring2{transform:rotateY(55deg) rotateZ(25deg);animation:orbit 20s linear infinite}.stage-floor{position:absolute;bottom:4%;left:5%;width:90%;height:100px;background:radial-gradient(ellipse,#a16fe045,transparent 65%);transform:rotateX(65deg)}.float-tag{position:absolute;z-index:5;border-radius:15px;padding:14px 18px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(20px);background:#352746b8;border:1px solid #ffffff2f;font-size:23px;box-shadow:0 16px 30px #0003;color:white}.float-tag span{font-size:11px;line-height:1.5}.tag1{top:65px;left:0;transform:translateZ(100px) rotate(-8deg);animation:bob 5s ease-in-out infinite}.tag2{bottom:40px;right:0;transform:translateZ(110px) rotate(5deg);animation:bob 7s ease-in-out infinite}.stage-caption{position:absolute;bottom:-15px;left:28%;font-size:8px;color:var(--muted);letter-spacing:.25em}.ticker{background:var(--accent);color:#191222;overflow:hidden;padding:20px 0;transform:rotate(-1.5deg);margin:20px -2% 80px;font-size:25px;font-weight:600;letter-spacing:-.025em}.ticker>div{width:max-content;animation:ticker 30s linear infinite}.editorial{max-width:1300px;margin:0 auto;padding:60px 5% 100px;display:grid;grid-template-columns:50% 50%;gap:6%;align-items:center}.photo{position:relative;min-width:0;transform:rotate(-3deg)}.photo img{width:100%;height:540px;object-fit:cover;border-radius:180px 180px 12px 12px}.photo-label{position:absolute;top:30px;left:30px;background:#faf5f0;color:#191522;border-radius:40px;padding:8px 15px;font-size:9px;letter-spacing:.1em}.circular{position:absolute;bottom:25px;right:25px;border-radius:50%;background:var(--lime);color:#111;width:65px;height:65px;font-size:28px}.editorial-copy{padding-right:9%}.editorial-copy p{margin:25px 0}.bridge{padding:90px 8%;background:var(--panel);text-align:center}.connection{display:grid;grid-template-columns:1fr 100px 1fr;max-width:1100px;margin:70px auto 0;text-align:left;align-items:center}.connection>a{padding:20px 30px}.connection span{color:var(--accent);font-size:10px;letter-spacing:.15em}.connection h3{margin:20px 0}.connection p{font-size:16px;margin-bottom:25px}.connection b{font-size:13px;color:var(--lime)}.connector{font-size:80px;color:var(--accent);animation:spin 25s linear infinite;text-align:center}.filmstrip{margin:100px 5%;border-radius:30px;overflow:hidden;position:relative;min-height:540px;display:flex;align-items:center;background:#26202c}.filmstrip>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.filmstrip>div{position:relative;padding:60px;z-index:1}.filmstrip h2{color:#fff;margin-bottom:30px}.faq{padding:20px 8% 100px;max-width:1100px;margin:auto}.faq>p{margin:25px 0 40px;max-width:75ch}details{border-top:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px}details p{padding:15px 0;max-width:72ch;font-size:16px}footer{border-top:1px solid var(--line);padding:55px 5% 30px;display:flex;align-items:start;gap:30px;flex-wrap:wrap}footer p{font-size:13px}footer a:not(.wordmark),footer button{font-size:12px}footer small{width:100%;color:var(--muted);font-size:10px;letter-spacing:.05em}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:40px;border-radius:24px;max-width:900px;width:90vw}dialog::backdrop{background:#05020bce;backdrop-filter:blur(12px)}dialog video{width:100%;display:block;border-radius:15px}dialog p{font-size:13px;margin-top:15px}.close{position:absolute;right:10px;top:0;font-size:30px}.designs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.designs a{display:flex;flex-direction:column;min-height:230px;border-radius:15px;padding:20px;justify-content:end;background:linear-gradient(140deg,#37214e,#121019);color:#fff}.designs a:nth-child(2){background:linear-gradient(140deg,#f4dfd5,#fbf7f0);color:#332322}.designs a:nth-child(3){background:linear-gradient(140deg,#162c98,#e72c8e);color:white}.designs b{margin-bottom:auto;font-size:36px}.designs strong{font-size:20px}.designs span{font-size:10px}.subhero{max-width:1450px;margin:auto;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.subhero h1{font-size:clamp(34px,4vw,56px)}.subhero p{margin:28px 0}.subimage img{width:100%;height:550px;object-fit:cover;border-radius:24px;transform:perspective(900px) rotateY(-8deg) rotate(3deg)}.steps{max-width:1100px;padding:30px 7%;margin:auto}.steps article{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:45px 0;border-top:1px solid var(--line)}.steps h2{font-size:28px}.closing{padding:70px 7%;background:var(--panel);text-align:center}.closing p{margin:25px auto}.closing a{color:var(--accent)}.social{padding:50px 7%;text-align:center}.social h2{margin-bottom:30px}.social a{display:inline-block;margin:0 15px;border-bottom:1px solid var(--accent)}.reveal{transition:opacity .9s,translate .9s}.js .reveal:not(.visible){opacity:0;translate:0 35px}
body.ivory{--bg:#f8f4ed;--ink:#2d2326;--muted:#70636a;--accent:#9b496f;--lime:#ead0df;--line:#3a242629;--panel:#efe4df}.ivory .hero{grid-template-columns:42% 58%}.ivory .hero h1,.ivory h2{font-family:Georgia,serif;font-weight:400}.ivory .mainphone{width:335px;height:510px;left:calc(50% - 167px);border-radius:170px 170px 18px 18px;transform:rotate(-3deg);animation:bob 8s ease-in-out infinite}.ivory .mainphone .phone-top{top:115px}.ivory .mainphone>img{object-position:45%}.ivory .leftscreen{left:-20px;top:230px;height:240px;width:170px;z-index:2;border:8px solid #fff;transform:rotate(-13deg)}.ivory .rightscreen{top:5px;height:230px;right:-10px;border:8px solid #fff;transform:rotate(9deg)}.ivory .ring{border-color:#b6749744}.ivory .halo{background:radial-gradient(ellipse,#dca6bb44,transparent 65%)}.ivory .sphere{background:radial-gradient(circle at 25% 25%,white,#e6b7c9 30%,#975371)}.ivory .float-tag{background:#fff8;color:#442535}.ivory .photo img{border-radius:0}.ivory .ticker{background:#d7b1c5;transform:none}.ivory .primary{color:#472637}.ivory .hand{color:#a04676}.ivory .bridge{background:#eee1d9}.ivory .filmstrip{border-radius:0}.ivory .filmstrip em{color:#efbad5}
body.neon{--bg:#080d20;--ink:#f7f8ff;--muted:#b2bcda;--accent:#89a4ff;--lime:#ff6fb7;--panel:#111d43;--line:#a8beff2b}.neon .hero{grid-template-columns:48% 52%;background-image:linear-gradient(#668cff09 1px,transparent 1px),linear-gradient(90deg,#668cff09 1px,transparent 1px);background-size:45px 45px}.neon .hero h1{text-transform:uppercase;font-weight:800;letter-spacing:-.055em}.neon .mainphone{border-radius:12px;box-shadow:0 0 60px #365fe755;border-color:#8b9eff;animation:phonefloat 5s ease-in-out infinite}.neon .side{border-radius:8px;border-color:#e76abf88}.neon .ring{border:2px solid #6693ff66;box-shadow:0 0 25px #3760f333}.neon .ring2{border-color:#ff6eb388}.neon .sphere{background:radial-gradient(circle at 25% 20%,white,#9ba7ff 20%,#304cf2 55%,#0d133a)}.neon .halo{background:radial-gradient(ellipse,#2753ea66,transparent 70%)}.neon .float-tag{background:#162c76b0;border-radius:5px}.neon .ticker{background:#ee67ad;transform:rotate(1deg)}.neon .primary{background:#ee67ad;color:#190923}.neon .photo img{border-radius:15px;box-shadow:20px 20px 0 #254bc84d}.neon .filmstrip{border:1px solid #4968ff}
@keyframes phonefloat{50%{transform:rotateY(10deg) rotateZ(1deg) translate3d(0,-16px,80px)}}@keyframes leftfloat{50%{transform:rotateY(15deg) rotateZ(-8deg) translate3d(0,18px,-60px)}}@keyframes rightfloat{50%{transform:rotateY(-20deg) rotateZ(10deg) translate3d(0,-20px,-90px)}}@keyframes bob{50%{translate:0 -15px}}@keyframes orbit{50%{transform:rotateY(65deg) rotateZ(205deg)}100%{transform:rotateY(55deg) rotateZ(385deg)}}@keyframes spin{to{rotate:360deg}}@keyframes ticker{to{transform:translateX(-50%)}}
body.paused *,body.paused *::before{animation-play-state:paused!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1!important;translate:none!important}}@media(max-width:1000px){.hero{padding:45px 4%;grid-template-columns:45% 55%;min-height:650px}.stage{transform:scale(.87);transform-origin:center}.hero h1{font-size:45px}.hand{display:none}.float-tag{padding:10px}.leftscreen{left:-10px}.rightscreen{right:-25px}.editorial{gap:5%}.photo img{height:440px}.connection{grid-template-columns:1fr 50px 1fr}.connector{font-size:50px}nav{gap:18px}.subhero{gap:5%}.subimage img{height:440px}}@media(max-width:700px){header{height:95px;flex-wrap:wrap;padding:13px 5%;gap:13px}.wordmark{font-size:22px}.wordmark span{display:none}.wordmark img{width:25px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}nav a:last-child{padding:0;border:none}.preview{font-size:8px}.preview>span{display:none}.preview button{font-size:10px}.hero,.ivory .hero,.neon .hero{grid-template-columns:1fr;padding:40px 6% 15px;min-height:0}.hero h1{font-size:43px}.hero-copy{padding:0}.hero p{font-size:16px;max-width:38ch}.eyebrow{font-size:9px;margin-bottom:20px}.signature{margin-top:25px}.actions{gap:15px}.primary{padding:14px 20px;font-size:13px}.textlink{font-size:12px}.stage{height:530px;transform:scale(.88);margin:0 -4%;transform-origin:center}.mainphone{width:255px;height:455px;left:calc(50% - 127px)}.side{width:145px;height:270px}.leftscreen{left:-7px}.rightscreen{right:-8px}.tag1{left:-5px;top:75px}.tag2{bottom:25px;right:-8px}.float-tag{font-size:18px}.float-tag span{font-size:9px}.stage-caption{bottom:0}.sphere{width:65px;height:65px;right:-5px}.ticker{font-size:19px;margin:0 -3% 25px;padding:14px 0}.editorial{grid-template-columns:1fr;padding:40px 7%;gap:45px}.photo img{height:420px}.editorial-copy{padding:0}.editorial h2{font-size:34px}.editorial p{font-size:16px}.bridge{padding:60px 6%}.bridge h2{font-size:31px}.connection{grid-template-columns:1fr;margin-top:30px}.connection>a{padding:20px 10px}.connection h3{font-size:30px}.connector{font-size:50px;margin:10px auto}.filmstrip{margin:50px 5%;min-height:430px}.filmstrip>div{padding:30px}.filmstrip h2{font-size:32px}.faq{padding:20px 7% 55px}.faq h2{font-size:32px}.faq p{font-size:16px}summary{font-size:16px}footer{padding:35px 7%;gap:25px}footer .wordmark{width:100%}.subhero{grid-template-columns:1fr;padding:40px 7%;gap:35px}.subhero h1{font-size:39px}.subhero p{font-size:16px}.subimage img{height:370px}.steps article{grid-template-columns:1fr;gap:20px;padding:30px 0}.steps h2{font-size:27px}.closing h2{font-size:32px}.designs{grid-template-columns:1fr;gap:10px}.designs a{min-height:130px}.designs b{font-size:23px}.designs span{font-size:11px}dialog{padding:35px 20px;max-height:90vh}dialog h2{font-size:27px}.ivory .mainphone{width:270px;left:calc(50% - 135px);height:470px}.ivory .leftscreen{width:135px;height:210px;left:-10px}.ivory .rightscreen{width:135px;height:210px;right:-15px}.ivory .stage{height:540px}.ivory .hero h1{font-size:43px}}
html{overflow-x:clip}.editorial{grid-template-columns:47% 47%}@media(max-width:700px){.editorial{grid-template-columns:1fr}}
.wordmark span{white-space:nowrap}.mainphone>img{object-position:67% center}.ivory .mainphone>img{object-position:67% center}@media(max-width:700px){.hero h1,.ivory .hero h1{font-size:34px}.neon .hero h1{font-size:30px;letter-spacing:-.055em}.stage{margin-top:12px}.subhero h1{font-size:34px}}
.workspace{padding:55px 5% 85px;max-width:1500px;margin:auto}.workspace-intro{max-width:800px}.workspace-intro h1{font-size:48px}.workspace-intro p{margin:25px 0}.role-switch{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 45px}.role-switch button{border:1px solid var(--line);padding:12px 20px;border-radius:40px;font-size:13px}.role-switch button.selected{background:var(--accent);color:#18121d}.workspace-panel{border-top:1px solid var(--line);padding-top:35px}.worktop{display:flex;gap:30px;justify-content:space-between;align-items:start;margin-bottom:35px}.worktop h2{font-size:32px}.demo-label,.status{font-size:10px;background:var(--panel);color:var(--accent);padding:8px 12px;border-radius:8px}.workgrid{display:grid;grid-template-columns:27% 1fr;gap:5%}.workgrid aside{border-right:1px solid var(--line);padding-right:25px}.workgrid aside li{padding:10px 0;font-size:13px;color:var(--muted)}.workgrid p{font-size:15px;margin:20px 0}.workgrid h3{font-size:26px}.host-result{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:24px;background:var(--panel);border-radius:20px}.host-result>img{width:70px;height:70px;object-fit:cover;border-radius:50%}.host-result .eyebrow{margin-bottom:10px}.host-result p{margin:10px 0}.host-result button{margin-left:auto}.booking-steps{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--accent);margin:35px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}label{display:block;font-size:12px;color:var(--muted)}input,select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px;margin-top:8px}.fine{font-size:12px!important;color:var(--muted)}.avatar{width:90px;height:90px;border-radius:50%;margin-bottom:20px}.progress{height:6px;background:var(--line);border-radius:5px;margin:20px 0}.creator-tabs{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:15px}.creator-tabs button{font-size:13px;color:var(--accent)}.field-display,.earn-example{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 0}.field-display span,.earn-example span{font-size:13px;color:var(--muted)}.field-display strong{font-size:13px;overflow-wrap:anywhere}.earn-example b{font-size:25px;color:var(--accent)}.timeline{padding-left:20px}.timeline li{padding:13px 0;color:var(--muted);font-size:15px}.login-preview{padding:30px;background:var(--panel);border-radius:20px}.login-choice{display:flex;justify-content:space-between;width:100%;text-align:left;border:1px solid var(--line);padding:20px;margin-top:20px;border-radius:10px}.auth-flow{font-size:11px;color:var(--muted);margin-top:30px;line-height:2}@media(max-width:700px){.workspace{padding:35px 6%}.workspace-intro h1{font-size:36px}.workgrid{grid-template-columns:1fr;gap:30px}.workgrid aside{border:0;border-bottom:1px solid var(--line);padding-bottom:25px}.worktop{flex-direction:column}.worktop h2{font-size:28px}.formgrid{grid-template-columns:1fr}.host-result{padding:20px}.host-result button{margin:0}.role-switch button{font-size:11px;padding:10px 13px}.field-display{grid-template-columns:1fr}.host-result h3{font-size:25px}.login-preview{padding:20px}}