:root{
  --bg:#0B1320;--panel:#0F1E2E;--panel-raised:#14283B;--panel-soft:#102338;
  --cyan:#12C2C9;--cyan-bright:#46E7E0;--white:#D6F6FF;--text:#EAF7FA;
  --muted:#8EA9B5;--line:rgba(214,246,255,.12);--line-strong:rgba(70,231,224,.22);
  --hit:rgba(18,194,201,.09);--hit-strong:rgba(18,194,201,.16);--danger:#ff7f89;
  --radius:18px;--shadow:0 26px 70px rgba(0,0,0,.3);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 14% 8%,rgba(18,194,201,.10),transparent 30%),radial-gradient(circle at 88% 34%,rgba(70,231,224,.055),transparent 26%),linear-gradient(180deg,#0B1320 0%,#0A1623 55%,#09121D 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(214,246,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(214,246,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(142,169,181,.28);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(18,194,201,.6)}*{scrollbar-width:thin;scrollbar-color:rgba(142,169,181,.38) transparent}
.site-header{position:sticky;top:0;z-index:50;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(11,19,32,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,246,255,.08)}
.site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cyan) 18%,var(--cyan-bright) 55%,rgba(82,227,209,.7) 80%,transparent 100%)}
.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand-mark{width:37px;height:37px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:.15em;color:var(--cyan)}.brand-copy small{font-size:9px;margin-top:5px;color:var(--muted);letter-spacing:.06em}
.site-nav{display:flex;align-items:center;gap:26px}.site-nav a,.footer-links a{font-size:13px;color:var(--muted);transition:.16s ease}.site-nav a:hover,.footer-links a:hover{color:var(--cyan-bright)}.header-actions{justify-self:end;display:flex;gap:9px}
.btn{border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:transparent;color:var(--text);font-weight:700;font-size:13px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible,a:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:3px}.btn-primary{background:linear-gradient(145deg,rgba(18,194,201,.23),rgba(18,194,201,.12));border-color:rgba(70,231,224,.44);color:var(--cyan-bright);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.btn-primary:hover{background:linear-gradient(145deg,rgba(18,194,201,.34),rgba(18,194,201,.18));border-color:rgba(70,231,224,.72);box-shadow:0 12px 30px rgba(0,0,0,.2)}.btn-quiet{border-color:transparent;color:var(--muted)}.btn-quiet:hover{background:var(--hit);color:var(--cyan-bright);border-color:var(--line-strong)}.btn-secondary{background:rgba(214,246,255,.035)}.btn-secondary:hover{background:var(--hit);border-color:var(--line-strong);color:var(--cyan-bright)}.btn-disabled{opacity:.55;cursor:not-allowed}.btn-disabled:hover{transform:none}.btn-large{padding:13px 19px;font-size:14px}.mobile-menu{display:none}.mobile-nav{display:none}
.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:68px;padding-block:86px 92px}.eyebrow{margin:0 0 16px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1,.section-heading h2,.privacy-grid h2,.final-cta h2,.updates h2{margin:0;letter-spacing:-.045em;line-height:.97}.hero h1{font-size:clamp(54px,7vw,92px);font-weight:670}.hero h1 span{color:var(--cyan-bright)}.hero-lead{max-width:600px;margin:28px 0 0;color:#ADC2CB;font-size:18px;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.text-link{font-size:14px;color:var(--muted);font-weight:700}.text-link:hover{color:var(--cyan-bright)}.text-link span{margin-left:5px}.hero-notes{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:24px;color:#718D99;font-size:12px}.hero-notes span::before{content:"✓";color:var(--cyan);margin-right:6px}
.product-stage{position:relative;min-width:0}.stage-glow{position:absolute;width:70%;height:60%;left:15%;top:18%;background:rgba(18,194,201,.13);filter:blur(90px);border-radius:50%;z-index:-1}.studio-frame{position:relative;overflow:hidden;border:1px solid rgba(214,246,255,.16);border-radius:22px;background:#0B1320;box-shadow:0 40px 100px rgba(0,0,0,.42),0 0 0 1px rgba(18,194,201,.025);transform:perspective(1400px) rotateY(-3deg) rotateX(1.4deg)}.studio-frame::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:4;background:linear-gradient(90deg,var(--cyan),var(--cyan-bright),#52E3D1)}.studio-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0F1E2E;border-bottom:1px solid rgba(214,246,255,.08)}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.13em}.mini-brand img{width:25px;height:25px}.topbar-tools{display:flex;gap:6px}.topbar-tools i{width:25px;height:7px;border-radius:999px;background:rgba(214,246,255,.075)}.studio-body{height:490px;display:grid;grid-template-columns:54px 1fr 155px}.tool-rail{background:#0F1E2E;border-right:1px solid rgba(214,246,255,.08);display:flex;flex-direction:column;align-items:center;padding:14px 7px;gap:6px}.tool-rail span{width:37px;height:37px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:var(--cyan);font-size:15px}.tool-rail .rail-active{background:var(--hit-strong);border-color:var(--line-strong);color:var(--cyan-bright)}.tool-rail b{width:24px;height:1px;background:rgba(214,246,255,.1);margin:4px 0}.canvas-zone{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at center,rgba(20,40,59,.62),rgba(11,19,32,.28) 60%)}.canvas-art{position:relative;width:min(340px,90%);aspect-ratio:1;background:linear-gradient(145deg,#0e2437,#090f18 70%);box-shadow:0 18px 45px rgba(0,0,0,.38);overflow:hidden;border:1px solid rgba(255,255,255,.04)}.canvas-art::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 42% 52%,rgba(18,194,201,.20),transparent 33%),radial-gradient(circle at 68% 25%,rgba(70,231,224,.12),transparent 26%)}.art-orbit{position:absolute;border:1px solid rgba(70,231,224,.32);border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:270px;height:130px;left:25px;top:95px}.orbit-b{width:235px;height:235px;left:72px;top:50px;border-color:rgba(18,194,201,.16)}.art-title{position:absolute;left:30px;bottom:62px;font-size:42px;font-weight:850;line-height:.82;letter-spacing:-.06em}.art-title em{font-style:normal;color:var(--cyan-bright);font-weight:350}.art-caption{position:absolute;left:32px;bottom:27px;color:#7395A1;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.inspector{padding:15px 11px;background:#0F1E2E;border-left:1px solid rgba(214,246,255,.08)}.panel-title{display:block;color:var(--cyan);font-size:12px;font-weight:750;margin:3px 5px 12px}.layer{height:38px;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 8px;color:#93AAB4;font-size:10px;border-left:2px solid transparent}.layer i{width:22px;height:22px;border-radius:4px;background:#172D42}.layer.selected{background:#103049;border-left-color:var(--cyan);color:var(--white)}.option-card{padding:10px;margin-top:10px;border:1px solid rgba(214,246,255,.08);border-radius:8px;background:#102338}.option-card span,.option-card strong{display:block}.option-card span{color:#6F8995;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.option-card strong{margin-top:4px;font-size:9px;color:#BCD3DC}.status-dot::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan-bright);margin-right:5px;box-shadow:0 0 9px rgba(70,231,224,.55)}
.trust-strip{width:min(1320px,calc(100% - 48px));margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip div{padding:24px 32px}.trust-strip div+div{border-left:1px solid var(--line)}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:13px;color:var(--cyan-bright)}.trust-strip span{margin-top:5px;font-size:12px;color:var(--muted)}
.workflow{padding-block:132px}.section-heading{max-width:780px}.section-heading.narrow{max-width:670px}.section-heading h2,.privacy-grid h2,.updates h2{font-size:clamp(38px,5vw,64px)}.section-heading>p:last-child{margin:24px 0 0;color:var(--muted);font-size:17px;max-width:650px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}.workflow-card,.feature-grid article,.price-card,.update-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(15,30,46,.92),rgba(12,25,39,.92))}.workflow-card::before,.feature-grid article::before,.price-card::before,.update-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(18,194,201,.0),rgba(18,194,201,.75),rgba(70,231,224,.45),rgba(18,194,201,0))}.workflow-card{padding:28px;min-height:220px}.step{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em}.workflow-card h3,.feature-grid h3{margin:55px 0 8px;font-size:20px}.workflow-card p,.feature-grid p,.price-card p,.update-card p{color:var(--muted);font-size:14px}
.features-section{padding-block:120px;background:linear-gradient(180deg,rgba(15,30,46,.32),rgba(15,30,46,.10));border-top:1px solid rgba(214,246,255,.055);border-bottom:1px solid rgba(214,246,255,.055)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.feature-grid article{padding:24px;min-height:220px}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-strong);background:var(--hit);color:var(--cyan-bright);font-weight:800}.feature-grid h3{margin-top:32px}
.pricing{padding-block:132px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;align-items:stretch}.price-card{padding:30px;display:flex;flex-direction:column;min-height:560px}.price-card.featured{border-color:rgba(70,231,224,.36);box-shadow:0 20px 70px rgba(0,0,0,.25)}.price-card.future{opacity:.76}.recommended{position:absolute;right:18px;top:16px;color:var(--cyan);font-size:8px;font-weight:900;letter-spacing:.13em}.plan-name{color:var(--cyan-bright);font-weight:750;font-size:14px}.price-card h3{margin:12px 0 0;font-size:36px;letter-spacing:-.04em}.price-card h3 small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:0}.price-note{margin:2px 0 28px!important;font-size:11px!important}.price-card>p{min-height:68px}.price-card ul{list-style:none;padding:0;margin:24px 0 34px;border-top:1px solid var(--line);padding-top:20px}.price-card li{padding:7px 0;color:#B8CDD5;font-size:13px}.price-card li::before{content:"✓";color:var(--cyan);font-weight:900;margin-right:9px}.price-card .btn{margin-top:auto;width:100%}
.privacy-section{padding-block:115px;background:#091722;border-top:1px solid rgba(214,246,255,.055);border-bottom:1px solid rgba(214,246,255,.055)}.privacy-grid{display:grid;grid-template-columns:.85fr 1fr;gap:80px}.privacy-copy p{margin:0 0 20px;color:#A5BDC6;font-size:16px}.policy-links{display:flex;gap:28px;margin-top:34px}.policy-links a{color:var(--cyan-bright);font-weight:750;font-size:13px}.policy-links a:hover span{margin-left:7px}.policy-links span{transition:.15s ease}
.updates{padding-block:132px}.updates-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.updates-head>div{max-width:720px}.update-frequency{color:#708C97;font-size:12px;padding-bottom:8px}.update-card{margin-top:48px;padding:28px 30px;max-width:860px}.update-meta{display:flex;justify-content:space-between;gap:20px;color:#708C97;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.update-meta span{color:var(--cyan)}.update-card h3{font-size:24px;margin:34px 0 8px}.update-card p{max-width:720px;font-size:15px}
.final-cta{text-align:center;padding-block:140px 155px}.final-cta-system{display:flex;flex-direction:column;align-items:center;justify-content:center}.final-cta-brand{display:flex;flex-direction:column;align-items:center;gap:28px;width:100%}.final-cta-logo{display:block;width:clamp(150px,18vw,230px);height:auto;max-height:230px;object-fit:contain}.final-cta-wordmark{display:block;width:min(520px,72vw);height:auto;max-height:190px;object-fit:contain}.final-cta-system>p{color:var(--muted);font-size:18px;margin:28px 0 30px}.final-cta-system .btn{min-width:178px}
.site-footer{position:relative;padding:42px max(24px,calc((100vw - var(--max))/2)) 26px;background:#07111B;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr 1.2fr;gap:30px}.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--cyan-bright),transparent)}.footer-brand{display:flex;gap:11px;align-items:center}.footer-brand img{width:34px;height:34px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:13px;letter-spacing:.14em;color:var(--cyan)}.footer-brand span{color:#69828E;font-size:9px;margin-top:3px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;align-content:start}.footer-company{justify-self:end;text-align:right;color:#69828E;font-size:11px}.footer-company span{display:block}.footer-company span+span{margin-top:5px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(214,246,255,.07);padding-top:18px;color:#58707B;font-size:10px}.footer-bottom a:hover{color:var(--cyan-bright)}
.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:11px 14px;border-radius:10px;border:1px solid var(--line-strong);background:#10283B;color:#CFF7F5;box-shadow:var(--shadow);font-size:12px;transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.site-nav{display:none}.site-header{grid-template-columns:1fr auto auto;gap:8px;padding-inline:20px}.header-actions{display:none}.mobile-menu{display:block;border:1px solid var(--line);background:transparent;color:var(--cyan-bright);border-radius:9px;padding:8px 10px}.mobile-nav{position:fixed;z-index:45;top:76px;left:12px;right:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0F1E2E;box-shadow:var(--shadow)}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:12px;border-radius:8px;color:var(--muted)}.mobile-nav a:hover{background:var(--hit);color:var(--cyan-bright)}.hero{grid-template-columns:1fr;gap:64px}.product-stage{max-width:760px}.studio-body{height:430px}.workflow-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .future{grid-column:1/-1;min-height:400px}.privacy-grid{grid-template-columns:1fr;gap:36px}.site-footer{grid-template-columns:1fr 1fr}.footer-company{grid-column:1/-1;justify-self:start;text-align:left}}
@media(max-width:680px){.section-shell{width:min(100% - 28px,var(--max))}.hero{padding-block:62px 75px}.hero h1{font-size:clamp(48px,16vw,72px)}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-notes{display:grid}.studio-frame{transform:none}.studio-body{grid-template-columns:44px 1fr}.inspector{display:none}.canvas-zone{padding:18px}.tool-rail span{width:31px;height:31px}.trust-strip{grid-template-columns:1fr;width:calc(100% - 28px)}.trust-strip div+div{border-left:0;border-top:1px solid var(--line)}.workflow,.pricing,.updates{padding-block:92px}.features-section,.privacy-section{padding-block:88px}.workflow-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid .future{grid-column:auto}.price-card{min-height:auto}.price-card>p{min-height:auto}.updates-head{display:block}.update-frequency{display:block;margin-top:14px}.site-footer{grid-template-columns:1fr}.footer-company{grid-column:auto}.footer-bottom{display:grid;gap:8px}.policy-links{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* v0.2: official master branding + fixed regional Studio pricing */
.brand{gap:10px}.brand-wordmark{display:block;width:116px;max-height:39px;object-fit:contain;object-position:left center}.mini-brand{gap:7px}.mini-wordmark{display:block!important;width:63px!important;height:auto!important;max-height:24px;object-fit:contain;object-position:left center}.footer-brand{gap:10px}.footer-wordmark{width:112px!important;height:auto!important;max-height:40px;object-fit:contain;object-position:left center}
.pricing-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.currency-picker{display:grid;gap:8px;justify-items:end;flex:0 0 auto}.currency-picker>span{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#708C97}.currency-options{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:rgba(214,246,255,.025)}.currency-options button{min-width:46px;border:0;border-radius:7px;padding:7px 9px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.currency-options button:hover{color:var(--cyan-bright);background:var(--hit)}.currency-options button[aria-pressed="true"]{color:var(--cyan-bright);background:var(--hit-strong);box-shadow:inset 0 0 0 1px var(--line-strong)}
@media(max-width:680px){.brand-wordmark{width:104px}.pricing-heading-row{display:grid;align-items:start}.currency-picker{justify-items:start}.currency-options{max-width:100%;overflow-x:auto}}

/* CMS-rendered public modules */
.cms-zone:empty { display:none; }
.cms-text { padding-top: 56px; padding-bottom: 56px; }
.cms-richtext { max-width: 780px; color: var(--muted); line-height: 1.75; font-size: 1.02rem; }
.cms-image-text { padding-top: 64px; padding-bottom: 64px; }
.cms-image-text-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; }
.cms-image-text-media { overflow:hidden; border-radius:24px; border:1px solid rgba(117,233,255,.12); background:rgba(4,12,22,.55); }
.cms-image-text-media img { display:block; width:100%; height:auto; }
.cms-video { padding-top:64px; padding-bottom:64px; }
.cms-video-frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:24px; border:1px solid rgba(117,233,255,.12); background:#03080e; box-shadow:0 24px 70px rgba(0,0,0,.25); }
.cms-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
@media (max-width: 760px){ .cms-image-text-grid{grid-template-columns:1fr; gap:28px;} }

/* Webmaster v0.3.1 · Image + Text */
.cms-image-text-copy > .section-heading{margin-bottom:20px;}
.cms-image-text-copy > p{color:var(--muted);line-height:1.75;white-space:pre-line;}
.cms-image-text-button{display:inline-flex;margin-top:22px;}
.cms-image-text-placeholder{min-height:280px;background:linear-gradient(135deg,rgba(117,233,255,.05),rgba(4,12,22,.55));}

/* v0.3.2 · locked brand-compliant final CTA */
@media(max-width:680px){.final-cta{padding-block:105px 118px}.final-cta-brand{gap:22px}.final-cta-logo{width:150px}.final-cta-wordmark{width:min(390px,84vw)}.final-cta-system>p{font-size:16px;margin-top:24px}}


/* v0.3.3 · official horizontal/vertical lockup masters */
.brand{display:flex;align-items:center;}
.brand-horizontal-master{display:block;width:162px;height:auto;max-height:58px;object-fit:contain;object-position:left center;}
.final-cta-brand{display:flex;align-items:center;justify-content:center;width:100%;}
.final-cta-vertical-master{display:block;width:min(500px,72vw);height:auto;object-fit:contain;}
@media(max-width:680px){
  .brand-horizontal-master{width:142px;max-height:52px;}
  .final-cta-vertical-master{width:min(420px,86vw);}
}
