:root{
  --ink:#171522;--muted:#686575;--paper:#fbfaf8;--white:#fff;
  --violet:#6d4aff;--violet-dark:#4930c7;--violet-soft:#eeeaff;
  --coral:#ff7a6b;--line:#e8e4e0;--dark:#171522;--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,250,248,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,228,224,.7)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;display:block}.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.main-nav a{opacity:.78}.main-nav a:hover{opacity:1}.nav-contact{background:var(--ink);color:#fff!important;padding:11px 18px;border-radius:999px;opacity:1!important}.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{overflow:hidden;padding:90px 0 85px;background:linear-gradient(135deg,#f7f4ff 0%,#fbfaf8 52%,#fff4f1 100%)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--violet-dark);margin-bottom:18px}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--violet);margin-right:8px}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 22px;letter-spacing:-.035em}h1{font-size:clamp(54px,6.4vw,88px)}h1 em{font-style:normal;color:var(--violet)}h2{font-size:clamp(38px,4vw,58px)}h3{font-size:38px}h4{font-size:26px}.hero-lead{font-size:19px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;gap:14px;border-radius:999px;padding:14px 21px;font-weight:750;font-size:14px}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 12px 30px rgba(109,74,255,.25)}.btn-primary:hover{background:var(--violet-dark)}.btn-ghost{border:1px solid var(--line);background:#fff}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;color:#79747f;font-size:11px}.hero-trust span{padding-right:10px;border-right:1px solid #d8d2d0}.hero-trust span:last-child{border:0}
.hero-visual{min-height:470px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:350px;height:350px;background:#d9d0ff;top:20px;right:20px}.orb-b{width:220px;height:220px;background:#ffd8d1;bottom:15px;left:20px}
.platform-card{position:relative;width:min(470px,90%);background:#fff;border:1px solid #e5e0ea;border-radius:28px;box-shadow:0 30px 70px rgba(46,33,80,.16);padding:20px;transform:rotate(2deg)}.platform-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 16px}.platform-top img{width:120px}.platform-top span{font-weight:900;color:var(--violet);font-size:13px}.screen{height:270px;border-radius:18px;background:#f4f1ff;display:flex;overflow:hidden}.screen-sidebar{width:62px;background:#29243a;padding:22px 18px;display:grid;align-content:start;gap:17px}.screen-sidebar i{height:9px;width:9px;border-radius:50%;background:#b7abd9;display:block}.screen-main{flex:1;padding:28px}.mini-title{height:15px;width:48%;border-radius:8px;background:#312b43;margin-bottom:28px}.mini-row{display:flex;gap:13px;margin-bottom:13px}.mini-block{height:72px;flex:1;border-radius:12px;background:#fff;border:1px solid #e6e1ee}.mini-block.large{flex:1.8}.mini-block.accent{background:#dcd3ff;border-color:#d2c7ff}.platform-label{text-align:center;font-size:12px;color:#777081;padding-top:15px;font-weight:700}.floating-pill{position:absolute;background:#fff;border:1px solid #ebe6ee;box-shadow:0 14px 30px rgba(46,33,80,.12);padding:10px 15px;border-radius:999px;font-size:12px;font-weight:800}.pill-one{top:60px;left:8px}.pill-two{bottom:54px;right:0}
.section{padding:105px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro p,.section-head>p,.about p{font-size:17px;color:var(--muted);margin:0}
.section-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:58px}.products{background:var(--paper)}
.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:52px 0;border-top:1px solid var(--line)}.product-feature.reverse .product-copy{order:2}.product-feature.reverse .product-visual{order:1}.product-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--violet-dark)}.product-copy p{color:var(--muted);font-size:16px}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{padding:7px 0 7px 27px;position:relative;font-weight:650;font-size:14px}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--violet);font-weight:900}.text-link{font-size:14px;font-weight:800;color:var(--violet-dark)}
.product-visual{min-height:390px;border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;position:relative}.purple{background:linear-gradient(145deg,#e6deff,#f4efff)}.coral{background:linear-gradient(145deg,#ffe2dd,#fff3f0)}
.product-window{width:78%;background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(58,43,91,.16);overflow:hidden;transform:rotate(-2deg)}.window-bar{height:34px;background:#f7f5f9;display:flex;align-items:center;gap:6px;padding:0 13px}.window-bar span{width:7px;height:7px;border-radius:50%;background:#c7c0cb}.window-body{padding:25px}.course-title{font-weight:850;font-size:18px}.course-progress{height:7px;background:#ece9f0;border-radius:10px;margin:18px 0}.course-progress b{display:block;width:62%;height:100%;background:var(--violet);border-radius:10px}.course-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.course-card{height:82px;background:#f2eff9;border-radius:12px}.course-card:first-child{grid-row:span 2;background:#ded6ff}.ai-badge{margin-top:14px;display:inline-block;padding:8px 11px;border-radius:999px;background:#eeeaff;color:var(--violet-dark);font-size:11px;font-weight:850}.frontline-card{width:74%;background:#201d2b;color:#fff;border-radius:22px;padding:25px;box-shadow:0 25px 50px rgba(58,43,91,.18);transform:rotate(2deg)}.fl-header{display:flex;justify-content:space-between;color:#d9d0ff;font-weight:800}.fl-title{font:32px/1.1 Georgia,serif;margin:42px 0 24px;max-width:320px}.fl-source{display:flex;gap:7px}.fl-source span{background:#3a3549;border-radius:8px;padding:7px 9px;font-size:9px}.fl-line{height:1px;background:#454052;margin:28px 0 10px}.fl-row{display:flex;justify-content:space-between;font-size:12px;padding:7px 0}.fl-row strong{color:#9de2bf}
.subproducts{padding-top:80px}.sub-head{margin-bottom:28px}.sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sub-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:20px;transition:.2s}.sub-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(34,28,44,.08)}.sub-number{font-size:11px;color:#958c9d;font-weight:800}.sub-card p{color:var(--muted);font-size:14px}.sub-card a{font-size:13px;font-weight:800;color:var(--violet-dark)}
.services{background:#171522;color:#fff}.services .eyebrow{color:#b9abff}.services .section-head>p{color:#b9b3c1}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{border:1px solid #373341;border-radius:20px;padding:28px;min-height:275px}.service-icon{font-size:25px;color:#c4b7ff;margin-bottom:35px}.service-card h3{font-size:28px}.service-card p{color:#aaa4b3;font-size:14px}.service-card a{font-size:13px;font-weight:800;color:#c7bbff}
.why{background:#f0edff}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.why-visual{min-height:430px;background:#29243a;color:#fff;border-radius:28px;padding:55px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.why-visual:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#7358e8;right:-120px;top:-130px}.quote-mark{font:110px/1 Georgia;color:#bfb2ff;position:absolute;top:30px;left:48px}.why-visual p{font:38px/1.1 Georgia;margin:0 0 15px;position:relative;z-index:1}.why-visual small{color:#c0bacb;position:relative;z-index:1}.why-copy>p{color:var(--muted);font-size:17px}.stats{display:flex;gap:30px;margin-top:45px}.stats div{display:flex;gap:12px;align-items:center}.stats strong{font-size:25px;color:var(--violet)}.stats span{font-size:12px;font-weight:750;line-height:1.3}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about p{margin:0 0 20px}.contact{padding-top:50px}.contact-box{background:linear-gradient(135deg,#6d4aff,#4e35ce);border-radius:30px;color:#fff;padding:65px 70px;display:grid;grid-template-columns:1fr .8fr;gap:80px;position:relative;overflow:hidden}.contact-box:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-150px;bottom:-210px}.contact-box .eyebrow{color:#d9d0ff}.contact-box h2{font-size:50px}.contact-box p{color:#e4e0f1;max-width:560px}.contact-details{display:grid;align-content:center;gap:20px;position:relative;z-index:1}.contact-details a,.contact-details div{font-size:18px;font-weight:750;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:14px}.contact-details span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#cfc6ef;margin-bottom:3px}
.site-footer{background:#171522;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px;padding-bottom:55px}.footer-grid img{width:145px}.footer-grid p{color:#8f8998;font-size:13px}.footer-grid strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:17px;color:#bfb8c8}.footer-grid a{display:block;color:#aaa4b3;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #34303b;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#77717f;font-size:11px}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fbfaf8;padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.hero-grid,.intro-grid,.section-head,.product-feature,.why-grid,.about-grid,.contact-box{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:390px}.product-feature.reverse .product-copy,.product-feature.reverse .product-visual{order:initial}.sub-grid,.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-box{gap:35px}.contact-box h2{font-size:42px}}
@media(max-width:560px){.container{width:min(100% - 30px,1180px)}.nav-wrap{height:68px}.hero{padding:48px 0}.hero-visual{min-height:340px}.platform-card{width:95%}.screen{height:220px}.section{padding:75px 0}.sub-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.product-visual{min-height:320px}.contact-box{padding:40px 28px}.footer-bottom{flex-direction:column}.hero-trust{gap:7px}.hero-trust span{font-size:10px}}
