:root{--bg:#05070b;--panel:#0c1017;--line:#242a35;--white:#f6f7fa;--muted:#959dac;--violet:#7e8aff;--paper:#f2f3f5;--ink:#10131a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}
header{height:80px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#05070be8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}
.brand{display:flex;gap:11px;align-items:center}
.brand>img{width:42px;height:42px;display:block;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px #ffffff18}
.language-switch{display:flex;gap:3px;align-items:center;margin-left:12px;direction:ltr}.language-switch a{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #343b49;border-radius:7px;font-size:10px;color:#aeb4c0}.language-switch a:hover,.language-switch a.active{background:#7885ff;color:#fff;border-color:#7885ff}@media(max-width:700px){.language-switch{margin-left:auto}.language-switch a{min-width:29px;height:29px}}
.brand>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#7885ff,#313b98);font-style:normal;font-weight:900}
.brand b,.brand small{display:block}
.brand small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8b93a2}
header nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#aeb4c0}
.login{border:1px solid #3b424f;border-radius:9px;padding:10px 15px;color:#fff}
.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:850px;padding:90px 4.5vw 110px;display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 45%,#5360cc24,transparent 34%)}
.pill{display:inline-flex;align-items:center;gap:9px!important;border:1px solid #2a303c;border-radius:50px;padding:8px 12px;color:#aeb5c3!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
.pill i{width:7px;height:7px;background:#88efe1;border-radius:50%;box-shadow:0 0 10px #88efe1}
.hero h1{font-size:clamp(58px,6.7vw,103px);line-height:.91;letter-spacing:-.065em;margin:28px 0}
.hero h1 em,.manifest em,.about-grid>p em,.final h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8e99ff}
.lead{font-size:18px;color:#a1a8b6;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.primary,.secondary{display:inline-flex;min-height:52px;align-items:center;padding:0 21px;border-radius:10px;font-weight:750}
.primary{background:#f4f5f8;color:#10131a}
.secondary{border:1px solid #373e4b}
.facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:45px}
.facts span{display:flex;flex-direction:column;color:#6f7787;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.facts b{color:#f1f2f6;font-size:16px;text-transform:none;letter-spacing:0}
.visual{position:relative}
.glow{position:absolute;width:600px;height:600px;border:1px solid #7380ff33;border-radius:50%;left:30px;top:-70px}
.app{position:relative;background:#0b0e14;border:1px solid #303644;border-radius:18px;overflow:hidden;box-shadow:0 50px 100px #0009;transform:perspective(1300px) rotateY(-5deg)}
.appbar{height:60px;display:flex;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid #222731}
.appbar>b{color:#8994ff}
.appbar>span{flex:1;background:#12161f;border:1px solid #252b36;border-radius:8px;color:#616978;padding:9px;font-size:10px}
.appbar>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#38429a;font-style:normal;font-size:9px}
.appbody{display:grid;grid-template-columns:55px 1fr}
.appbody aside{display:flex;flex-direction:column;align-items:center;gap:20px;padding:23px 0;border-right:1px solid #222731;color:#8994ff}
.appbody aside b{color:#5d6574}
.dash{padding:24px}
.dashhead{display:flex;justify-content:space-between;align-items:center}
.dashhead span small,.dashhead span b{display:block}
.dashhead small{font-size:7px;color:#687181;letter-spacing:.1em}
.dashhead span>b{font-size:21px;margin-top:4px}
.dashhead button{border:0;border-radius:8px;padding:9px 11px;background:#7581ff;color:#fff;font-size:9px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.kpis>span{padding:13px;background:#11151d;border:1px solid #222834;border-radius:10px}
.kpis small,.kpis b,.kpis em{display:block}
.kpis small{font-size:7px;color:#6f7787}
.kpis b{font-size:20px;margin:5px 0}
.kpis em{font-size:7px;color:#6e7889;font-style:normal}
.kpis .blue{background:linear-gradient(135deg,#354096,#1d245f)}
.appointments{background:#11151d;border:1px solid #222834;border-radius:10px;padding:13px}
.box-title{display:flex;justify-content:space-between;font-size:9px}
.box-title small{color:#777f8e}
.appointments article{display:grid;grid-template-columns:35px 6px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-top:1px solid #232934}
.appointments time{font-size:8px;color:#7c8493}
.appointments article>i{height:28px;background:#ed92b3;border-radius:5px}
.appointments article:nth-of-type(2)>i{background:#7c89ff}
.appointments article:nth-of-type(3)>i{background:#d8ac59}
.appointments span b,.appointments span small{display:block}
.appointments span b{font-size:10px}
.appointments span small{font-size:7px;color:#747c8b}
.appointments article>em{font-size:7px;color:#72d6b4;background:#17342d;padding:4px;border-radius:4px;font-style:normal}
.manifest{padding:140px 8vw;background:var(--paper);color:var(--ink)}
.manifest>p{font-size:11px;letter-spacing:.15em;color:#737a86}
.manifest h2{font-size:clamp(43px,6vw,87px);line-height:1.02;letter-spacing:-.055em;max-width:1350px}
.manifest h2 em{-webkit-text-stroke:0;color:#6876ea}
.light,.security,.plans-section{background:var(--paper);color:var(--ink);padding:40px 4.5vw 130px}
.label{display:flex;gap:16px;align-items:center;color:#686f7b;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:75px}
.label span{width:38px;height:38px;border:1px solid #c9cdd4;border-radius:50%;display:grid;place-items:center}
.label.inverse span{border-color:#363d49}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end;margin-bottom:65px}
.intro h2,.security h2,.languages h2{font-size:clamp(43px,5vw,75px);line-height:1;letter-spacing:-.05em;margin:0}
.intro>p{font-size:18px;color:#676d78}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feature{background:#fff;border:1px solid #dcdee3;min-height:480px;padding:35px;position:relative}
.feature.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.feature h3{font-size:32px;letter-spacing:-.035em;margin:10px 0}
.feature>p:not(.tag),.feature>div>p{color:#6a707a}
.tag{font-size:9px!important;color:#6272e7!important;letter-spacing:.16em;font-weight:850}
.feature ul{list-style:none;padding:0}
.feature li{padding:10px 0;border-top:1px solid #e3e5e8}
.client-list{align-self:center;background:#f3f4f6;border-radius:12px;padding:12px}
.client-list>span{display:flex;gap:10px;align-items:center;padding:13px;background:white;border-bottom:1px solid #e5e7ea}
.client-list i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7581ee;color:white;font-style:normal;font-size:9px}
.client-list b{flex:1;font-size:11px}
.client-list small{display:block;color:#8b919c;font-size:8px}
.client-list em{font-size:8px;color:#24906c;font-style:normal}
.docs{display:grid;gap:7px;margin-top:45px}
.docs span{display:flex;justify-content:space-between;background:#f3f4f6;padding:14px;font-size:11px}
.docs b{color:#258e6c}
.feature.dark{background:#0a0d13;color:white;border-color:#222733}
.feature.dark>p{color:#969eac!important}
.protocol{margin-top:30px;background:#11151d;border:1px solid #252b37;border-radius:12px;padding:18px}
.protocol>small{color:#70798a;font-size:8px}
.protocol>b{display:block;font-size:20px;margin:15px 0}
.protocol>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.protocol>div span{background:#181d26;padding:9px;color:#6f7888;font-size:8px}
.protocol>div b{display:block;color:#e9ebef;font-size:10px}
.protocol section{display:flex;gap:5px;margin-top:7px}
.protocol section i{flex:1;height:55px;border-radius:5px;background:linear-gradient(145deg,#47375c,#ba7f9c)}
.protocol section i:nth-child(2){background:linear-gradient(145deg,#725447,#d5aa84)}
.protocol section i:nth-child(3){background:linear-gradient(145deg,#3e4a70,#89adc7)}
.protocol section i:last-child{display:grid;place-items:center;background:#1b202a;font-style:normal}
.routine{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:50px}
.routine span{display:grid;grid-template-columns:42px 1fr;background:#f3f4f6;padding:14px}
.routine span>b{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:#151d32;color:white;border-radius:50%;font-size:9px}
.routine small{color:#858b95}
.money{display:flex;justify-content:space-between;margin-top:60px;border-top:1px solid #e2e4e7;padding-top:25px}
.money small,.money b{display:block}
.money small{font-size:9px;color:#898f99}
.money b{font-size:18px}
.team{align-items:center}
.roles{display:flex;gap:8px}
.roles span{flex:1;background:#f3f4f6;padding:18px}
.roles i,.roles b,.roles small{display:block}
.roles i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#151922;color:white;font-style:normal;font-size:9px;margin-bottom:16px}
.roles small{font-size:9px;color:#848b96}
.workflow{padding:125px 4.5vw}
.workflow .intro>p{color:#929baa}
.steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #282e38}
.steps article{min-height:240px;border-right:1px solid #282e38;padding:23px 16px}
.steps article>b{font-size:9px;color:#697282}
.steps article>i{display:block;font-size:24px;color:#8490ff;font-style:normal;margin:42px 0 24px}
.steps h3{margin:0;font-size:19px}
.steps p{font-size:11px;color:#818a99}
.security{padding-top:120px}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.security-grid>div:first-child>p{color:#666d78;font-size:18px}
.security-grid>div:first-child>a{display:inline-block;color:#5c6ce0;font-weight:750;margin-top:22px}
.security-grid article{display:grid;grid-template-columns:35px 1fr;gap:20px;border-top:1px solid #ced2d8;padding:22px 0}
.security-grid article>b{font-size:9px;color:#727986}
.security-grid h3{margin:0;font-size:20px}
.security-grid article p{margin:4px 0;color:#6b727d}
.languages{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:linear-gradient(135deg,#14192d,#07090d)}
.languages>div>p:not(.tag){color:#969eab}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2b303c}
.lang-grid span{display:flex;justify-content:space-between;padding:26px;background:#0d1118;color:#abb2be}
.lang-grid b{font-size:26px;color:#8390ff}
.plans-section{padding-top:120px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1100px;margin:auto}
.plans article{background:white;border:1px solid #dadee4;padding:40px;position:relative}
.plans article>p{font-size:10px;color:#6473e5;letter-spacing:.15em;font-weight:850}
.plans h3{font-size:29px}
.plans ul{list-style:none;padding:0;margin:35px 0}
.plans li{padding:9px;border-bottom:1px solid #eceef1}
.plans li:before{content:'✓';color:#6070e6;margin-right:9px}
.plans a{display:block;text-align:center;border:1px solid #20242d;padding:13px;font-weight:750}
.plans .pro{background:#0c1017;color:white;border:0}
.plans .pro>em{position:absolute;right:24px;font-size:8px;color:#8b96ff;letter-spacing:.14em;font-style:normal}
.plans .pro li{border-color:#282e38}
.plans .pro a{background:#7d89ff;border-color:#7d89ff}
.about{padding:130px 4.5vw}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}
.about-grid>p{font-size:clamp(40px,5vw,70px);line-height:1.04;letter-spacing:-.045em;margin:0}
.about-grid>div>p{font-size:18px;color:#969eac}
.about-grid ul{list-style:none;padding:0;margin-top:35px}
.about-grid li{padding:11px 0;border-top:1px solid #262c36}
.final{text-align:center;padding:140px 5vw;background:radial-gradient(circle at 50% 100%,#3d479455,transparent 45%)}
.final>p{font-size:10px;color:#7f8aff;letter-spacing:.2em}
.final h2{font-size:clamp(50px,7vw,98px);line-height:.96;letter-spacing:-.06em}
.final .actions{justify-content:center}
.final .primary{background:#7e8aff;color:white}
footer{padding:45px 4.5vw;border-top:1px solid #222731;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
footer>div:nth-child(2){display:flex;gap:18px;color:#8c94a3;font-size:11px}
footer>p{grid-column:1/-1;color:#5d6573;border-top:1px solid #1b1f27;padding-top:20px;font-size:10px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}
.visual{margin-top:45px}
.app{transform:none}
.intro,.security-grid,.about-grid{grid-template-columns:1fr}
.steps{grid-template-columns:repeat(3,1fr)}
.steps article:nth-child(3){border-right:0}
}

@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.hero h1{font-size:clamp(39px,12.5vw,49px);line-height:.96;letter-spacing:-.05em}.manifest h2,.intro h2,.security h2,.languages h2,.about-grid>p{font-size:clamp(34px,10.5vw,42px);line-height:1.04}.final h2{font-size:clamp(39px,12vw,48px)}.device-photo{width:100%;max-width:100%;margin-left:0}.visual{margin-left:0;margin-right:0}.actions{display:grid;grid-template-columns:1fr}.primary,.secondary{justify-content:center;width:100%;min-height:52px}.feature,.feature.wide{padding:22px}.feature h3{font-size:28px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.facts span{font-size:12px;color:#8d96a8}.tag,.demo-label{font-size:11px!important}.client-list b,.docs span,.steps p{font-size:12px}.client-list small,.client-list em,.protocol>small,.protocol>div span,.roles small,.money small{font-size:11px}.protocol>div b{font-size:12px}.routine small{color:#626b7b}.money small,.roles small{color:#697283}.steps article>b{font-size:11px;color:#8e98aa}.steps p{color:#a1a9b7}.security-grid article>b{font-size:11px;color:#606979}.security-grid article p{color:#565f6e}.plans article>p,.plans .pro>em{font-size:11px}.plans .pro a,.final .primary{background:#6572e8;border-color:#6572e8}.label{font-size:12px}.manifest>p{font-size:12px;color:#626b79}footer>p{font-size:12px;color:#8b94a5}footer>div:nth-child(2){font-size:13px}}
@media(max-width:360px){header{padding:0 14px}.brand>i{width:38px;height:38px}.hero,.manifest,.light,.workflow,.security,.plans-section,.about,.languages{padding-left:14px;padding-right:14px}.hero h1{font-size:39px}.manifest h2,.intro h2,.security h2,.languages h2,.about-grid>p{font-size:34px}.steps{grid-template-columns:1fr}.steps article{min-height:auto;border-right:0;padding:22px 12px}.lang-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.feature,.feature.wide,.plans article{padding:20px}.money{flex-direction:column}}
@media(max-width:700px){header{height:70px;padding:0 18px}
header .brand small{display:none}
header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#090c12;padding:24px;flex-direction:column;align-items:stretch}
header nav.open{display:flex}
.menu{display:block}
.hero{padding:50px 18px 80px;min-height:auto}
.hero h1{font-size:53px}
.lead{font-size:16px}
.visual{margin-left:-5px;margin-right:-5px}
.device-photo{width:110%;margin-left:-5%;border-radius:14px}
.glow{display:none}
.appbar{height:43px;padding:0 8px}
.appbar>span{font-size:7px}
.appbody{grid-template-columns:35px 1fr}
.appbody aside{gap:10px;padding:12px 0;font-size:9px}
.dash{padding:9px}
.dashhead small{display:none}
.dashhead span>b{font-size:13px}
.dashhead button{font-size:6px;padding:6px}
.kpis{gap:3px;margin:8px 0}
.kpis>span{padding:6px}
.kpis small,.kpis em{font-size:5px}
.kpis b{font-size:11px}
.appointments{padding:8px}
.appointments article{padding:7px 0;grid-template-columns:28px 4px 1fr}
.appointments article>em{display:none}
.manifest{padding:85px 18px}
.manifest h2{font-size:42px}
.light,.workflow,.security,.plans-section,.about{padding:80px 18px}
.label{margin-bottom:45px}
.intro h2,.security h2,.languages h2{font-size:42px}
.intro>p{font-size:16px}
.grid{grid-template-columns:1fr}
.feature,.feature.wide{grid-column:auto;display:block;min-height:auto;padding:26px}
.client-list,.roles{margin-top:25px}
.routine{grid-template-columns:1fr}
.roles{flex-direction:column}
.money{gap:8px}
.money b{font-size:14px}
.steps{grid-template-columns:1fr 1fr}
.steps article{min-height:190px}
.steps article:nth-child(2n){border-right:0}
.languages{grid-template-columns:1fr;padding:80px 18px}
.lang-grid span{padding:16px}
.plans{grid-template-columns:1fr}
.plans article{padding:27px}
.about-grid>p{font-size:42px}
.final{padding:95px 18px}
.final h2{font-size:48px}
footer{grid-template-columns:1fr;padding:35px 18px}
footer>div:nth-child(2){flex-direction:column;gap:8px}
}
@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.hero h1{font-size:clamp(39px,12.5vw,49px);line-height:.96;letter-spacing:-.05em}.manifest h2,.intro h2,.security h2,.languages h2,.about-grid>p{font-size:clamp(34px,10.5vw,42px);line-height:1.04}.final h2{font-size:clamp(39px,12vw,48px)}.device-photo{width:100%;max-width:100%;margin-left:0}.visual{margin-left:0;margin-right:0}.actions{display:grid;grid-template-columns:1fr}.primary,.secondary{justify-content:center;width:100%;min-height:52px}.feature,.feature.wide{padding:22px}.feature h3{font-size:28px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.facts span{font-size:12px;color:#8d96a8}.tag,.demo-label{font-size:11px!important}.client-list b,.docs span,.steps p{font-size:12px}.client-list small,.client-list em,.protocol>small,.protocol>div span,.roles small,.money small{font-size:11px}.protocol>div b{font-size:12px}.routine small{color:#626b7b}.money small,.roles small{color:#697283}.steps article>b{font-size:11px;color:#8e98aa}.steps p{color:#a1a9b7}.security-grid article>b{font-size:11px;color:#606979}.security-grid article p{color:#565f6e}.plans article>p,.plans .pro>em{font-size:11px}.plans .pro a,.final .primary{background:#6572e8;border-color:#6572e8}.label{font-size:12px}.manifest>p{font-size:12px;color:#626b79}footer>p{font-size:12px;color:#8b94a5}footer>div:nth-child(2){font-size:13px}}
@media(max-width:360px){header{padding:0 14px}.brand>i{width:38px;height:38px}.hero,.manifest,.light,.workflow,.security,.plans-section,.about,.languages{padding-left:14px;padding-right:14px}.hero h1{font-size:39px}.manifest h2,.intro h2,.security h2,.languages h2,.about-grid>p{font-size:34px}.steps{grid-template-columns:1fr}.steps article{min-height:auto;border-right:0;padding:22px 12px}.lang-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.feature,.feature.wide,.plans article{padding:20px}.money{flex-direction:column}}