:root{
  --bg:#fbfaff; --bg2:#f5f1ff; --paper:#ffffff; --ink:#161128; --muted:#6f6686; --line:#e8e0ff;
  --violet:#7c3cff; --violet2:#a855f7; --violet3:#c4b5fd; --dark:#150d32; --soft:#f0e9ff;
  --shadow:0 24px 80px rgba(54,28,112,.14); --shadow2:0 18px 50px rgba(75,35,160,.18);
  --radius:32px; --radius2:44px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:radial-gradient(circle at 85% 0%,#eadcff 0,#fff 34%,#fbfaff 70%);line-height:1.5} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea,select{font:inherit} .wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(124,60,255,.12)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.02em}.brand img{width:38px;height:38px}.links{display:flex;gap:22px;align-items:center;color:#655b79;font-weight:700;font-size:14px}.links a:hover{color:var(--violet)}.nav-actions{display:flex;align-items:center;gap:10px}.pill,.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:850;cursor:pointer;transition:.22s ease;white-space:nowrap}.pill{background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(52,20,120,.08)}.btn{background:linear-gradient(135deg,var(--violet),var(--violet2));color:white;box-shadow:0 18px 42px rgba(124,60,255,.28)}.btn:hover,.pill:hover{transform:translateY(-2px)}.btn.secondary{background:#fff;color:var(--violet);border:1px solid var(--line);box-shadow:0 12px 28px rgba(52,20,120,.08)}.lang{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px}.lang a{padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px;color:#6f6686}.lang a.active{background:var(--violet);color:#fff}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:80px 0 68px}.hero:before{content:"";position:absolute;inset:-80px 0 auto auto;width:52vw;height:52vw;background:radial-gradient(circle,rgba(124,60,255,.25),transparent 60%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.72);padding:9px 14px;border-radius:999px;color:#584a74;font-weight:850}.dot{width:9px;height:9px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 8px rgba(124,60,255,.12)}h1{font-size:clamp(46px,6vw,84px);line-height:.95;margin:20px 0 20px;letter-spacing:-.07em}.grad{background:linear-gradient(135deg,#3b197e,var(--violet),#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,22px);color:#514760;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.proof div{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 14px 34px rgba(45,21,94,.08)}.proof b{display:block;font-size:26px}.proof span{color:var(--muted);font-weight:700;font-size:13px}.scene{perspective:1400px;min-height:550px}.stack{position:relative;transform-style:preserve-3d;transition:transform .18s ease;min-height:550px}.panel3d{position:absolute;border-radius:42px;background:linear-gradient(145deg,#fff,#f7f1ff);border:1px solid #e8dcff;box-shadow:var(--shadow);overflow:hidden}.panel3d:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(124,60,255,.08));pointer-events:none}.panel3d.large{width:86%;height:360px;right:0;top:40px;transform:translateZ(80px) rotateY(-8deg)}.panel3d.mid{width:62%;height:260px;left:0;top:190px;transform:translateZ(150px) rotateY(12deg)}.panel3d.small{width:44%;height:190px;right:50px;bottom:0;transform:translateZ(220px) rotateY(-16deg)}.panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);font-weight:900}.fake-ui{position:relative;padding:24px;display:grid;gap:12px}.bar{height:18px;border-radius:99px;background:linear-gradient(90deg,#eee7ff,#d6c5ff)}.bar.w60{width:60%}.bar.w75{width:75%}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.lane{height:170px;border-radius:26px;background:linear-gradient(180deg,#f4efff,#fff);border:1px solid var(--line);padding:12px}.card-mini{height:48px;border-radius:18px;background:#fff;border:1px solid var(--line);margin-top:12px;box-shadow:0 10px 22px rgba(90,51,160,.1)}.phone-shape{width:148px;height:240px;border-radius:32px;background:#180f33;margin:auto;padding:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.phone-shape .screen{height:100%;border-radius:24px;background:linear-gradient(165deg,#fff,#eee3ff);padding:16px}.orb{position:absolute;border-radius:50%;filter:blur(.2px);background:linear-gradient(135deg,#7c3cff,#f0abfc);box-shadow:0 20px 50px rgba(124,60,255,.35)}.orb.one{width:96px;height:96px;left:60px;top:50px}.orb.two{width:48px;height:48px;right:10px;top:360px}.section{padding:86px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-title h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0;letter-spacing:-.055em}.section-title p{max-width:520px;color:var(--muted);font-size:17px}.grid{display:grid;gap:18px}.modules{grid-template-columns:repeat(4,1fr)}.card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 18px 55px rgba(53,26,100,.08);transition:.25s ease;transform-style:preserve-3d}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--soft),#fff);color:var(--violet);font-size:24px;margin-bottom:16px}.card h3{margin:0 0 10px;font-size:21px;letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.dark-band{background:linear-gradient(135deg,#170f34,#28105c 58%,#7c3cff);color:#fff;border-radius:56px;padding:54px;position:relative;overflow:hidden}.dark-band:after{content:"";position:absolute;width:340px;height:340px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 62%)}.steps{grid-template-columns:repeat(5,1fr);margin-top:34px}.steps .card{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}.steps .card p{color:rgba(255,255,255,.72)}.industries{grid-template-columns:repeat(3,1fr)}.wide{grid-column:span 2}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}.brand-preview{background:#fff;border:1px solid var(--line);border-radius:44px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.brand-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,60,255,.16),transparent 50%)}.theme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}.theme{height:160px;border-radius:30px;padding:16px;font-weight:900;display:flex;align-items:end}.theme.purple{background:linear-gradient(135deg,#1d0d44,#7c3cff);color:#fff}.theme.blue{background:linear-gradient(135deg,#eaf6ff,#1ea7ff);color:#083154}.theme.lime{background:linear-gradient(135deg,#1b1d1e,#d8ff00);color:#101010}.theme.light{background:linear-gradient(135deg,#fff,#efe8ff);color:#251441;border:1px solid var(--line)}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{position:relative;overflow:hidden}.price{font-size:44px;font-weight:950;letter-spacing:-.04em;margin:12px 0}.price small{font-size:16px;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;background:#f2ebff;color:#6d2eff;padding:7px 12px;font-weight:900;font-size:13px}.list{display:grid;gap:10px;margin:18px 0 22px;padding:0;list-style:none}.list li{display:flex;gap:10px;color:#4f445f}.list li:before{content:"✓";color:var(--violet);font-weight:900}.selected-plan{outline:3px solid rgba(124,60,255,.18);box-shadow:0 28px 70px rgba(124,60,255,.18)}.form-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:48px;padding:26px;box-shadow:var(--shadow)}.form-side{border-radius:34px;background:linear-gradient(135deg,#1a103c,#7c3cff);color:#fff;padding:32px}.form-side p{color:rgba(255,255,255,.78)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:grid;gap:7px;font-weight:850;color:#3e3154}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfaff;border-radius:18px;padding:14px 15px;outline:none;color:#241a38}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(124,60,255,.1)}textarea{min-height:118px;resize:vertical}.full{grid-column:1/-1}.status{min-height:24px;font-weight:850;color:var(--violet);margin-top:10px}.gallery{grid-template-columns:repeat(3,1fr)}.shot{padding:0;overflow:hidden;border-radius:30px;background:#fff;cursor:pointer}.shot img{width:100%;height:230px;object-fit:cover;border-bottom:1px solid var(--line);transition:.28s ease}.shot:hover img{transform:scale(1.035)}.shot-body{padding:18px 20px 22px}.shot-body h3{margin:0 0 6px}.shot-body p{margin:0;color:var(--muted)}.hidden-shot{display:none}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:24px;padding:0;box-shadow:0 10px 30px rgba(40,20,90,.05)}.faq-item summary{cursor:pointer;font-weight:900;padding:18px 20px}.faq-item p{margin:0;padding:0 20px 20px;color:#62576d}.footer{background:#160f32;color:#fff;padding:58px 0;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px}.footer a,.footer p{color:rgba(255,255,255,.72)}.modal{position:fixed;inset:0;background:rgba(14,8,35,.82);backdrop-filter:blur(12px);z-index:100;display:none;align-items:center;justify-content:center;padding:26px}.modal.active{display:flex}.modal-card{width:min(1100px,96vw);max-height:92vh;background:#fff;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-card img{width:100%;max-height:76vh;object-fit:contain;background:#110a27}.modal-caption{padding:18px 24px}.close{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:24px;cursor:pointer}.buyout-hero{padding:74px 0 34px}.legal-grid{grid-template-columns:repeat(2,1fr)}.mini-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.page-content{background:#fff;border:1px solid var(--line);border-radius:40px;padding:34px;box-shadow:var(--shadow)}.page-content h1{font-size:52px}.article{max-width:900px}.article p,.article li{color:#574c67}.article h2{font-size:34px;letter-spacing:-.03em;margin-top:34px}.float-cta{position:fixed;right:22px;bottom:22px;z-index:50}.mobile-only{display:none}
@media (max-width: 980px){.links{display:none}.menu-toggle{display:block}.nav{height:66px}.hero-grid,.split,.form-shell{grid-template-columns:1fr}.scene{min-height:430px}.stack{min-height:430px}.panel3d.large{height:300px}.modules,.industries,.pricing,.gallery,.steps{grid-template-columns:1fr 1fr}.wide{grid-column:auto}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.wrap{width:min(100% - 28px,var(--max))}.hero{padding:42px 0}.hero-actions{flex-direction:column}.btn,.pill{width:100%;text-align:center}.proof,.modules,.industries,.pricing,.gallery,.steps,.legal-grid{grid-template-columns:1fr}.dark-band{border-radius:34px;padding:30px}.section{padding:58px 0}.section-title{display:block}.theme-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.nav-actions .btn{display:none}.hero-grid{gap:24px}h1{font-size:44px}.scene{display:none}.mobile-only{display:block}.float-cta{left:14px;right:14px}.float-cta .btn{width:100%}}