@font-face{font-family:'Quicksand';src:url(quicksand.ttf) format('truetype');font-weight:300 700;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Quicksand',-apple-system,'Segoe UI',sans-serif;color:#22164A;line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
.sec{padding:76px 0;}
.sec-sm{padding:52px 0;}
h1{font-size:clamp(30px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.01em;}
h2{font-size:clamp(24px,3.4vw,34px);font-weight:700;line-height:1.15;margin-bottom:10px;}
h3{font-size:19px;font-weight:600;margin-bottom:8px;}
p{font-size:16.5px;margin-bottom:14px;}
.lead{font-size:clamp(17px,2.2vw,21px);font-weight:500;}
.kick{color:#81319C;font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:12.5px;margin-bottom:14px;}
.hr{border:none;border-top:3px solid #CFE40F;width:66px;margin:16px 0 26px;}
.muted{color:#5A5470;}
/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #ECEAF2;}
.navin{max-width:1080px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:#22164A;}
.brand img{height:30px;width:auto;}
.brand img.wm{height:34px;width:auto;}
.hero .row{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;}
.hero .lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;}
.hero .lockup img{width:170px;max-width:60%;}
.hero .lockup .nm{font-size:40px;font-weight:700;color:#fff;letter-spacing:.005em;}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;margin-top:28px;}
.nums .n{font-size:clamp(30px,4vw,44px);font-weight:700;color:#22164A;line-height:1;}
.nums .n b{color:#81319C;}
.nums .l{font-size:13.5px;color:#5A5470;margin-top:8px;line-height:1.35;}
.bigq{font-size:18px;line-height:1.5;color:#22164A;background:#fff;border-radius:16px;padding:26px;border:1px solid #ECEAF2;}
.bigq .who{display:block;margin-top:14px;color:#81319C;font-weight:600;font-size:14px;}
.navlinks{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.navlinks a{font-size:15px;font-weight:500;color:#5A5470;padding:4px 0;border-bottom:2px solid transparent;transition:.15s;}
.navlinks a:hover{color:#22164A;}
.navlinks a.active{color:#22164A;border-bottom-color:#CFE40F;font-weight:600;}
/* HERO */
.hero{background:#22164A;color:#fff;padding:96px 0 88px;}
.hero .logo{width:min(360px,72vw);margin-bottom:34px;}
.hero h1{color:#fff;max-width:16ch;}
.hero p{color:#E9E6F3;max-width:52ch;margin-top:18px;font-size:19px;}
/* buttons */
.btn{display:inline-block;font-weight:600;font-size:15.5px;padding:13px 26px;border-radius:999px;transition:.15s;cursor:pointer;}
.btn-lime{background:#CFE40F;color:#22164A;}
.btn-lime:hover{filter:brightness(1.05);transform:translateY(-1px);}
.btn-ghost{border:2px solid rgba(255,255,255,.4);color:#fff;}
.btn-ghost:hover{border-color:#CFE40F;color:#CFE40F;}
.btn-dark{background:#22164A;color:#fff;}
.btn-dark:hover{filter:brightness(1.15);transform:translateY(-1px);}
.btns{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
/* blocks */
.mgla{background:#F7F6FA;}
.dark{background:#22164A;color:#fff;}
.dark h2,.dark h1{color:#fff;}
.dark .kick{color:#CFE40F;}
.dark p{color:#E4E0F0;}
.grid{display:grid;gap:22px;}
.g2{grid-template-columns:1fr 1fr;}
.g3{grid-template-columns:repeat(3,1fr);}
.card{background:#fff;border:1px solid #ECEAF2;border-radius:16px;padding:26px;}
.card.on-mgla{background:#fff;}
.card h3{font-size:17.5px;}
.card p{font-size:15px;margin:0;color:#5A5470;}
.numi{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#CFE40F;color:#22164A;font-weight:700;align-items:center;justify-content:center;margin-bottom:12px;}
.pill{display:inline-block;background:#EEF4C9;color:#4a5a00;border-radius:999px;padding:5px 14px;font-size:13.5px;font-weight:600;margin:3px 6px 3px 0;}
.quote{background:#fff;border-left:4px solid #CFE40F;border-radius:8px;padding:18px 22px;margin:14px 0;font-size:15.5px;}
.quote .who{display:block;margin-top:8px;color:#81319C;font-weight:600;font-size:13.5px;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0;}
.step{border:2px solid #22164A;border-radius:14px;padding:18px;}
.step b{display:block;font-size:15.5px;margin-bottom:5px;}
.step span{font-size:13.5px;color:#5A5470;}
.aibox{background:#22164A;color:#fff;border-radius:18px;padding:34px;margin:26px 0;}
.aibox .tag{color:#CFE40F;font-weight:700;letter-spacing:.1em;font-size:12.5px;margin-bottom:12px;}
.aibox p{color:#E4E0F0;}
.aibox .hi{color:#CFE40F;font-weight:600;}
.stat{font-size:34px;font-weight:700;color:#22164A;}
.statlbl{font-size:13.5px;color:#5A5470;}
ul.clean{margin:0 0 14px 0;list-style:none;}
ul.clean li{padding-left:26px;position:relative;margin-bottom:10px;font-size:16px;}
ul.clean li:before{content:"";position:absolute;left:0;top:10px;width:11px;height:11px;border-radius:50%;background:#CFE40F;}
/* footer */
footer{background:#22164A;color:#fff;padding:52px 0 34px;}
footer .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
footer a{color:#E4E0F0;}
footer a:hover{color:#CFE40F;}
footer .fl{display:flex;gap:20px;flex-wrap:wrap;font-size:14.5px;}
footer .small{color:#9A93B5;font-size:12.5px;margin-top:26px;}
/* photo placeholders */
.pcard{display:flex;gap:18px;align-items:flex-start;}
.avslot{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#81319C,#22164A);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:23px;flex:0 0 auto;letter-spacing:.02em;}
.pslot{width:100%;aspect-ratio:5/3;border-radius:12px;background:linear-gradient(135deg,#F1EFF8,#E4E0F0);border:1px dashed #C7C1DA;display:flex;align-items:center;justify-content:center;color:#9A93B5;font-size:12.5px;font-weight:600;text-align:center;padding:14px;}
/* differentiators */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;}
.why .card{border-top:3px solid #CFE40F;}
/* AI mockup */
.mockwrap{margin:28px 0 6px;}
.mock{background:#fff;border:1px solid #E4E0F0;border-radius:16px;overflow:hidden;box-shadow:0 34px 80px -46px rgba(0,0,0,.65);}
.mock .bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#F2F0F8;border-bottom:1px solid #E4E0F0;}
.mock .bar i{width:11px;height:11px;border-radius:50%;background:#cfc9dd;display:inline-block;}
.mock .bar .u{margin-left:12px;font-size:12.5px;color:#5A5470;font-weight:600;background:#fff;border:1px solid #E4E0F0;border-radius:6px;padding:3px 12px;}
.mock .body{display:grid;grid-template-columns:206px 1fr;}
.mock .tree{border-right:1px solid #ECEAF2;padding:16px 14px;font-size:13px;background:#FBFAFD;}
.mock .tree .th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9A93B5;font-weight:700;margin:2px 0 10px;}
.mock .tree .f{padding:5px 8px;border-radius:7px;color:#5A5470;font-weight:600;}
.mock .tree .f.on{background:#EEF4C9;color:#4a5a00;}
.mock .tree .s{padding:3px 8px 3px 22px;color:#8983a0;font-size:12.5px;}
.mock .canvas{padding:20px 22px 24px;background:#fff;}
.mock .cn{font-size:12.5px;font-weight:700;color:#22164A;margin-bottom:12px;}
.mock .tags{display:flex;gap:7px;margin:14px 0 0;flex-wrap:wrap;align-items:center;}
.mock .tg{font-size:11px;font-weight:700;border-radius:999px;padding:3px 11px;}
.mock .tg.fakt{background:#E7F0C4;color:#41520a;}
.mock .tg.hip{background:#efe6f4;color:#6a2b86;}
.mock .tg.src{background:#eef;color:#4a4a7a;font-weight:600;}
.mock .note{margin-top:14px;background:#F7F6FA;border-left:3px solid #81319C;border-radius:8px;padding:11px 14px;font-size:12.5px;color:#5A5470;line-height:1.5;}
.mockcap{font-size:12.5px;color:#8983a0;margin-top:12px;text-align:center;}
@media(max-width:900px){.nums{grid-template-columns:repeat(2,1fr);gap:22px;}}
@media(max-width:680px){.g2,.g3,.steps,.why{grid-template-columns:1fr;}.navlinks{gap:14px;}.navin{flex-direction:column;gap:10px;}.hero .row{grid-template-columns:1fr;}.hero .lockup{margin-top:10px;align-items:flex-start;}.mock .body{grid-template-columns:1fr;}.mock .tree{border-right:none;border-bottom:1px solid #ECEAF2;display:flex;flex-wrap:wrap;gap:4px 10px;}.mock .tree .th{width:100%;}}