@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#07070a;--panel:#101016;--panel2:#15131c;--text:#f7f3fb;--muted:#9d96a5;--line:rgba(255,255,255,.09);--violet:#8b5cf6;--violet2:#c084fc;--pink:#ef5da8;--green:#62e7aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(139,92,246,.14),transparent 27%),linear-gradient(135deg,#07070a,#0b0910 48%,#07070a);color:var(--text);font-family:Inter,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(7,7,10,.8);backdrop-filter:blur(18px)}.logo{display:flex;gap:11px;align-items:center}.logo>span{color:var(--violet2);font-size:22px;filter:drop-shadow(0 0 13px rgba(192,132,252,.55))}.logo div{display:grid}.logo b{letter-spacing:.15em;font-size:13px}.logo small{font:700 8px Space Mono;letter-spacing:.22em;color:#817987}.nav nav{display:flex;gap:30px;font-size:13px;color:#b9b2bf}.nav nav a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:18px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(192,132,252,.35);border-radius:8px;font-weight:700;font-size:13px;background:rgba(139,92,246,.1)}.bright{background:linear-gradient(110deg,#7c3aed,#a855f7 55%,#d9468f);border:0;box-shadow:0 12px 35px rgba(139,92,246,.25)}.ghost{background:rgba(255,255,255,.025);border-color:var(--line)}.hero{min-height:750px;max-width:1240px;margin:auto;padding:105px 32px 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow,.section-head>span,.access-copy>span,.cta>div>span{font:700 10px Space Mono;letter-spacing:.2em;color:#c7a9ff}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1{font-size:clamp(56px,7vw,92px);line-height:.95;letter-spacing:-.065em;margin:24px 0}h1 span{background:linear-gradient(110deg,#c6a7ff,#ef5da8);color:transparent;background-clip:text}.hero-copy>p{max-width:610px;font-size:17px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:34px 0}.proof{display:flex;gap:26px;flex-wrap:wrap;font:12px Space Mono;color:#8e8794}.proof b{color:white}.proof .live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:6px}.control-visual{height:560px;position:relative;isolation:isolate}.control-visual:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 64%);filter:blur(8px)}.orbit{position:absolute;border:1px solid rgba(192,132,252,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:330px;height:330px;box-shadow:0 0 60px rgba(139,92,246,.08)}.orbit-b{width:470px;height:470px;border-style:dashed;animation:spin 35s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border:1px solid rgba(192,132,252,.4);border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#24163b,#0d0a12 70%);box-shadow:0 0 60px rgba(139,92,246,.35),inset 0 0 25px rgba(139,92,246,.25)}.core small,.core span{font:700 8px Space Mono;letter-spacing:.2em;color:#a99bb6}.core b{font:800 38px Space Mono;color:#e2d2ff}.core span{color:var(--green)}.node{position:absolute;width:140px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:rgba(15,13,20,.92);box-shadow:0 12px 35px rgba(0,0,0,.35);display:grid;grid-template-columns:auto 1fr;gap:4px 8px}.node i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);grid-row:1/3;align-self:center}.node span{font:700 8px Space Mono;color:#7f7687;letter-spacing:.12em}.node b{font:700 11px Space Mono}.n1{left:2%;top:18%}.n2{right:0;top:23%}.n3{left:0;bottom:20%}.n4{right:2%;bottom:17%}.terminal{position:absolute;right:7%;bottom:-3%;width:235px;padding:14px;border:1px solid rgba(239,93,168,.2);border-left:2px solid var(--pink);background:#0b0a0e;border-radius:5px}.terminal>span{font:700 8px Space Mono;color:#9e8ca8}.terminal code{display:block;margin-top:9px;font:10px/1.7 Space Mono;color:#cbc1d2}.rail{min-height:58px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:27px;overflow:hidden;background:rgba(255,255,255,.018);font:700 9px Space Mono;letter-spacing:.13em;color:#8c8491}.rail i{width:3px;height:3px;background:var(--pink);transform:rotate(45deg)}.section{max-width:1180px;margin:auto;padding:120px 30px}.section-head{max-width:700px;margin-bottom:46px}.section-head h2,.access h2,.cta h2{font-size:clamp(36px,5vw,60px);line-height:1.05;letter-spacing:-.045em;margin:14px 0}.section-head p,.access-copy>p{color:var(--muted);line-height:1.7}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.bento article{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(21,19,28,.96),rgba(12,11,16,.98));position:relative;overflow:hidden}.bento article:after{content:"";position:absolute;right:-40px;top:-40px;width:100px;height:100px;border:1px solid rgba(192,132,252,.1);border-radius:50%}.bento .wide{grid-column:span 2}.bento em{font:700 9px Space Mono;letter-spacing:.18em;color:#9d7cd3;font-style:normal}.bento h3{font-size:24px;margin:38px 0 10px}.bento p{color:var(--muted);line-height:1.65}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.chips span{font:700 9px Space Mono;padding:7px 10px;border:1px solid rgba(192,132,252,.18);border-radius:20px;color:#bca7ce}.pulse{height:70px;display:flex;align-items:center;justify-content:center;gap:15px}.pulse i{width:12px;height:12px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 8px rgba(139,92,246,.07)}.pulse b{font:700 20px Space Mono;color:#d9c5ff}.logline{display:grid;grid-template-columns:80px 180px 1fr;gap:10px;padding:10px 12px;margin-top:10px;border-left:2px solid var(--green);background:#0c0b10;font:10px Space Mono}.logline span,.logline code{color:#827988}.logline.blocked{border-color:#ff6682}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.steps article{padding:27px;min-height:190px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps b{font:700 13px Space Mono;color:var(--pink)}.steps h3{font-size:20px;margin:30px 0 8px}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.request-card{margin-top:18px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid rgba(192,132,252,.2);border-radius:12px;background:linear-gradient(120deg,rgba(139,92,246,.1),rgba(255,255,255,.02))}.request-card>div{display:grid;align-content:center;gap:14px}.request-card>div span{font:700 9px Space Mono;letter-spacing:.18em;color:#b394df}.request-card>div b{font-size:28px}.request-card p{color:var(--muted);line-height:1.7}.request-card pre{margin:0;padding:22px;background:#08070b;border:1px solid var(--line);border-radius:8px;overflow:auto;color:#c9becf;font:11px/1.65 Space Mono}.request-card code span{color:var(--green)}.access{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.access ul{list-style:none;padding:0;margin-top:30px;color:#c6bdcb}.access li{margin:13px 0}.access li:before{content:"◆";font-size:8px;color:var(--pink);margin-right:12px}.price-card{padding:38px;border:1px solid rgba(192,132,252,.32);border-radius:14px;background:linear-gradient(145deg,rgba(139,92,246,.15),rgba(13,11,18,.98));box-shadow:0 30px 80px rgba(0,0,0,.3)}.price-card>small{font:700 9px Space Mono;letter-spacing:.18em;color:#bda7d1}.price-card>div{display:flex;align-items:end;gap:11px;margin:25px 0}.price-card>div b{font-size:78px;line-height:.9;letter-spacing:-.06em}.price-card>div span{color:var(--muted);margin-bottom:8px}.price-card p{color:var(--muted);line-height:1.6}.price-card .button{width:100%;margin:18px 0}.text-link{display:block;text-align:center;color:#c4b5d0;font-size:12px}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 5px}summary{cursor:pointer;font-weight:700;list-style:none}details p{color:var(--muted);line-height:1.7;max-width:800px}.cta{max-width:1180px;margin:50px auto 100px;padding:55px;display:flex;justify-content:space-between;align-items:end;border:1px solid rgba(192,132,252,.24);border-radius:16px;background:radial-gradient(circle at 80%,rgba(239,93,168,.12),transparent 38%),linear-gradient(120deg,rgba(139,92,246,.13),rgba(255,255,255,.02))}.cta h2{margin-bottom:0}.cta>div:last-child{display:grid;gap:15px}footer{padding:38px max(5vw,28px);border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#8d8592;font-size:11px}footer>div{display:flex;gap:20px;margin-left:auto}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.control-visual{height:480px}.bento{grid-template-columns:1fr 1fr}.access,.request-card{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.cta{margin-inline:20px}}@media(max-width:620px){.nav{padding:0 18px}.nav-actions .login{display:none}.nav-actions .button{padding:10px}.hero{padding-inline:20px}.hero h1{font-size:55px}.control-visual{height:400px;transform:scale(.87);margin-inline:-30px}.rail{justify-content:start;padding-left:20px}.bento{grid-template-columns:1fr}.bento .wide{grid-column:auto}.section{padding:85px 20px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.request-card{padding:22px}.access{gap:25px}.price-card{padding:25px}.cta{padding:30px;display:block}.cta>div:last-child{margin-top:28px}footer{flex-wrap:wrap}footer>div{margin-left:0;width:100%;flex-wrap:wrap}}


/* Pricing section — screenshot-matched three-card layout */
.access{display:block;max-width:1240px;margin:auto;padding:120px 30px}
.access .section-head{max-width:760px;margin:0 auto 52px;text-align:left}
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pricing article{position:relative;min-height:565px;padding:30px 28px 24px;border:1px solid #3a3542;border-radius:10px;background:linear-gradient(145deg,rgba(24,22,30,.98),rgba(10,9,14,.99));display:flex;flex-direction:column;overflow:visible;box-shadow:0 18px 55px rgba(0,0,0,.24)}
.pricing article.popular{border-color:#8054b6;box-shadow:0 0 0 1px rgba(128,84,182,.18),0 25px 75px rgba(105,52,170,.20)}
.pricing article>h3{font-size:22px;line-height:1.15;margin:0 0 8px;color:#fff;letter-spacing:-.02em}
.pricing article>p{font-size:13px;line-height:1.55;color:#aaa2b0;min-height:44px;margin:0;max-width:300px}
.pricing .price{display:flex;align-items:baseline;gap:5px;margin:26px 0 25px;font-size:14px;color:#c1bac5}
.pricing .price b{font-size:56px;line-height:.95;color:#fff;letter-spacing:-.055em}
.pricing ul{list-style:none;padding:20px 0 15px;margin:0 0 20px;border-top:1px solid #37323e;flex:1}
.pricing li{font-size:13px;line-height:1.45;color:#c8c1cc;margin:14px 0;display:flex;align-items:flex-start}
.pricing li:before{content:'✓';flex:0 0 auto;color:#6bbcff;font-weight:800;font-size:16px;line-height:1;margin-right:11px;margin-top:1px}
.pricing .button{width:100%;min-height:44px;margin-top:auto;border-radius:7px;font-size:13px}
.pricing article:not(.popular) .button{background:rgba(255,255,255,.025);border:1px solid #5a5260;box-shadow:none}
.pricing article.popular .button{background:linear-gradient(100deg,#7b3fe0,#b052f0 58%,#e34d9a);border:0;box-shadow:0 10px 30px rgba(139,92,246,.22)}
.pricing .ribbon{position:absolute;left:-1px;right:-1px;top:-31px;height:31px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#4388ef,#6aaeff);display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:.16em;color:#fff}
@media(max-width:900px){.access{padding:90px 22px}.pricing{grid-template-columns:1fr}.pricing article{min-height:0}.pricing .ribbon{position:static;margin:-30px -28px 24px;height:31px;border-radius:9px 9px 0 0}}

/* Sinful live product showcase */
.hero-v6{max-width:1360px;min-height:820px;grid-template-columns:.88fr 1.12fr;gap:64px;padding-top:82px}.hero-v6 .hero-copy{position:relative;z-index:2}.hero-v6 h1{font-size:clamp(58px,6.2vw,88px)}.hero-v6 .hero-actions{flex-wrap:wrap}.showcase{position:relative;min-height:600px;border:1px solid rgba(192,132,252,.24);border-radius:18px;background:linear-gradient(145deg,rgba(19,16,27,.97),rgba(7,7,11,.98));box-shadow:0 40px 100px rgba(0,0,0,.45),0 0 80px rgba(139,92,246,.12);overflow:hidden;transform:perspective(1100px) rotateY(-4deg)}.showcase:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 45% 42%,rgba(139,92,246,.15),transparent 34%);animation:showcaseGlow 7s ease-in-out infinite}.showcase-top{height:48px;display:flex;align-items:center;gap:13px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);position:relative;z-index:2;font:700 9px Space Mono;color:#8e8797;letter-spacing:.14em}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#4b4352}.window-dots i:nth-child(2){background:#6b6171}.window-dots i:nth-child(3){background:#8d7f95}.showcase-top>b{margin-left:auto;color:#8cf0bd;font-size:8px}.showcase-top>b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:5px}.showcase-tabs{display:flex;gap:5px;padding:12px;border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(0,0,0,.12)}.showcase-tabs button{border:1px solid transparent;background:transparent;color:#827a8b;font:700 9px Space Mono;padding:9px 11px;border-radius:6px;cursor:pointer}.showcase-tabs button.active{color:#fff;background:rgba(139,92,246,.14);border-color:rgba(192,132,252,.22)}.showcase-body{padding:20px;position:relative;z-index:2;min-height:455px}.preview{display:none;animation:previewIn .45s ease both}.preview.active{display:block}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.preview-head div{display:grid;gap:6px}.preview-head small{font:700 8px Space Mono;color:#766e7e;letter-spacing:.15em}.preview-head strong{font-size:19px}.mini-badge{padding:6px 8px;border:1px solid rgba(192,132,252,.2);border-radius:20px;color:#cbb9dd;font:700 8px Space Mono}.green-badge{color:#86edbb;border-color:rgba(98,231,170,.22);background:rgba(98,231,170,.05)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.metric-row>div,.runtime-grid>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}.metric-row small,.runtime-grid small{display:block;font:700 8px Space Mono;color:#6f6877;letter-spacing:.12em;margin-bottom:7px}.metric-row b{font:700 21px Space Mono}.metric-row .green{color:var(--green)}.script-list{display:grid;gap:8px}.script-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#0b0a0f}.script-icon{color:#bd93ff}.script-list b{font-size:12px}.script-list small{display:block;color:#716978;font:9px Space Mono;margin-top:4px}.script-list em{font:700 8px Space Mono;color:#7eeeb2;font-style:normal}.activity{margin-top:12px;padding:12px 14px;border-left:2px solid var(--green);background:#0b0a0e;display:grid;gap:5px;font:9px Space Mono}.activity span{color:#6d6674}.activity b{color:#c9bed2}.activity code{color:#827a89}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px}.pipeline>div{min-height:94px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#0b0a0f;display:grid;align-content:center;gap:7px}.pipeline>div.accent{border-color:rgba(239,93,168,.35);box-shadow:inset 0 0 30px rgba(239,93,168,.05)}.pipeline span{font:700 8px Space Mono;color:#6f6877}.pipeline b{font:700 9px Space Mono}.pipeline small{color:#847b8c;font-size:9px}.pipeline>i{font-style:normal;color:#a47bd0;font:700 15px Space Mono}.obf-status{margin-top:18px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(98,231,170,.18);background:rgba(98,231,170,.04);border-radius:8px}.obf-status>div{display:grid;gap:5px}.obf-status b{font-size:11px}.obf-status small{color:#817889;font-size:9px}.obf-status em{margin-left:auto;color:var(--green);font:700 8px Space Mono;font-style:normal}.spinner{width:11px;height:11px;border:2px solid rgba(98,231,170,.25);border-top-color:var(--green);border-radius:50%;animation:spinTiny 1s linear infinite}.terminal-line{margin-top:12px;padding:12px 14px;background:#08070b;border:1px solid var(--line);font:9px Space Mono;color:#8c8291}.terminal-line span{color:#b57cff;margin-right:7px}.terminal-line b{float:right;color:var(--green)}.runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.runtime-grid b{font:700 12px Space Mono;color:#d9cee2}.runtime-line{display:grid;grid-template-columns:75px 1fr auto;gap:10px;padding:12px;border-top:1px solid var(--line);font:9px Space Mono}.runtime-line span,.runtime-line code{color:#756d7b}.runtime-line.success b{color:var(--green)}.audit-chart{height:120px;padding:15px 8px 0;display:flex;align-items:end;gap:7px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(139,92,246,.07),rgba(255,255,255,.01))}.audit-chart span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#c084fc,#6d28d9);animation:barPulse 2.8s ease-in-out infinite alternate}.audit-events{margin-top:12px}.audit-events>div{display:grid;grid-template-columns:10px 1fr 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font:9px Space Mono}.audit-events i{width:7px;height:7px;border-radius:50%;background:#a47bd0}.audit-events i.ok{background:var(--green);box-shadow:0 0 8px var(--green)}.audit-events i.bad{background:#ff6682}.audit-events small,.audit-events span{color:#726a79}.showcase-caption{padding:12px 17px;border-top:1px solid var(--line);position:relative;z-index:2;color:#746c7d;font:8px Space Mono;letter-spacing:.08em}.showcase-caption>span{color:var(--green);text-shadow:0 0 8px var(--green);margin-right:5px}@keyframes previewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes showcaseGlow{50%{transform:translate(3%,2%) scale(1.03);opacity:.8}}@keyframes spinTiny{to{transform:rotate(360deg)}}@keyframes barPulse{to{filter:brightness(1.3);transform:scaleY(.86);transform-origin:bottom}}@media(max-width:1050px){.hero-v6{grid-template-columns:1fr;gap:20px}.showcase{transform:none;max-width:850px;width:100%;margin:auto}}@media(max-width:620px){.hero-v6{padding-top:60px}.showcase{min-height:520px}.showcase-body{padding:14px;min-height:390px}.pipeline{grid-template-columns:1fr 18px 1fr}.pipeline>i:nth-of-type(2),.pipeline>i:nth-of-type(3),.pipeline>div:nth-of-type(6),.pipeline>div:nth-of-type(7){display:none}.metric-row b{font-size:17px}.runtime-line{grid-template-columns:62px 1fr}.runtime-line code{display:none}.audit-events>div{grid-template-columns:10px 1fr auto}.audit-events small{display:none}}

.public-live-strip{display:flex;justify-content:space-between;gap:18px;margin-top:10px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);font:8px Space Mono;color:#746c7d}.public-live-strip span{display:flex;gap:7px;align-items:center}.public-live-strip b{color:#bdb3c7}.public-live-strip #statusDot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.public-live-strip #statusDot.bad{background:#ff6682;box-shadow:0 0 8px #ff6682}
.metric-row b[id]{font-size:12px;letter-spacing:.03em}.metric-row #liveApiStatus,.metric-row #liveSystem{color:var(--green)}
@media(max-width:620px){.public-live-strip{flex-direction:column;gap:7px}}