:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f8fafc;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:10px;display:inline-flex}.brand{color:#1e1b4b;letter-spacing:.01em;align-items:center;min-width:max-content;font-size:22px;font-weight:900;display:inline-flex}.nav{color:#475569;justify-content:center;align-items:center;gap:26px;font-size:14px;font-weight:600;display:flex}.nav a:hover{color:#312e81}.nav--desktop{display:flex}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;padding:6px;display:none}.hamburger:hover{background:#f1f5f9}.hamburger span{transform-origin:50%;background:#0f172a;border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:none;position:fixed;inset:65px 0 0}.mobile-nav nav{background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:24px 24px 32px;display:flex}.mobile-nav nav a{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:12px 8px;font-size:16px;font-weight:600;display:block}.mobile-nav nav a:last-of-type{border-bottom:none}.mobile-nav nav a:hover{color:#4f46e5}.mobile-nav-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.lang-switcher{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.lang-switcher button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:800}.lang-switcher button.active{color:#fff;background:#4f46e5}.header-login{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;min-height:36px;padding:0 12px;font-size:13px}.section,.section-band{padding:82px 32px}.section{max-width:1180px;margin:0 auto}.section-band{border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:56px;display:grid}.hero{background:linear-gradient(115deg,#eef2fff2,#fffffff5 48%,#ecfdf5f5),#fff;min-height:calc(100vh - 68px);padding-top:72px;overflow:hidden}.hero-copy,.solutions>div{max-width:680px}.eyebrow{color:#4f46e5;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#0f172a;max-width:720px;margin-bottom:20px;font-size:clamp(42px,7vw,76px);line-height:.98}h2{color:#0f172a;margin-bottom:18px;font-size:clamp(30px,4vw,48px);line-height:1.06}h3{margin-bottom:10px;font-size:18px}.lead,.solutions p,.contact p{color:#475569;font-size:19px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.button.primary{color:#fff;background:#4f46e5;box-shadow:0 18px 40px #4f46e538}.button.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.stats{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.stats span{color:#334155;background:#ffffffc7;border:1px solid #dbe4ef;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.hero-visual{min-height:520px;position:relative}.workspace{background:linear-gradient(135deg,#ffffff2e,#fff0),radial-gradient(circle at 25% 10%,#4f46e52e,#0000 30%),radial-gradient(circle at 82% 28%,#10b9813d,#0000 32%),linear-gradient(135deg,#f8fafc,#dbeafe 48%,#ccfbf1);border-radius:28px;position:absolute;inset:20px -80px 0 0;box-shadow:inset 0 0 0 1px #ffffffbf,0 30px 80px #0f172a29}.screen{background:#ffffffe6;border:1px solid #94a3b861;border-radius:12px;position:absolute;box-shadow:0 24px 50px #0f172a24}.screen-main{width:70%;height:52%;padding:20px;top:16%;left:8%}.screen-side{width:34%;height:32%;padding:18px;bottom:18%;right:8%}.screen-bar{background:#4f46e5;border-radius:999px;width:45%;height:12px}.chart-row{align-items:end;gap:10px;height:130px;margin-top:28px;display:flex}.chart-row span{background:#a5b4fc;border-radius:8px 8px 0 0;flex:1}.chart-row span:first-child{height:42%}.chart-row span:nth-child(2){background:#34d399;height:68%}.chart-row span:nth-child(3){height:84%}.chart-row span:nth-child(4){background:#22d3ee;height:56%}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.metric-grid span,.screen-side div{background:#f1f5f9;border-radius:8px;height:42px}.screen-side div+div{margin-top:12px}.tool-card{color:#fff;background:#0f172a;border:1px solid #94a3b852;border-radius:14px;gap:8px;min-width:150px;padding:18px;display:grid;position:absolute;bottom:12%;left:16%;box-shadow:0 22px 44px #0f172a38}.tool-card strong{color:#fff;font-size:28px}.tool-card span{color:#cbd5e1;font-size:13px;font-weight:700}.services h2,.method h2,.audience h2{max-width:780px}.section-intro{color:#64748b;max-width:720px;font-size:17px;line-height:1.68}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;display:grid}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-height:260px;padding:24px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.service-card:nth-child(2){--accent:#0891b2}.service-card:nth-child(3){--accent:#059669}.service-card:nth-child(4){--accent:#ea580c}.service-card:after{content:"";background:var(--accent,#4f46e5);opacity:0;border-radius:999px 999px 0 0;height:3px;transition:opacity .16s;position:absolute;inset:auto 24px 0}.service-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 18px 42px #0f172a14}.service-card:hover:after{opacity:1}.service-card:hover .icon{color:var(--accent,#4f46e5)}.service-card p,.step p{color:#64748b;line-height:1.62}.service-bullets{gap:9px;margin-top:auto;padding-top:22px;padding-left:0;list-style:none;display:grid}.service-bullets li{color:#1e293b;padding-left:18px;font-size:13px;font-weight:800;line-height:1.25;position:relative}.service-bullets li:before{content:"";background:var(--accent,#4f46e5);border-radius:999px;width:7px;height:7px;position:absolute;top:.45em;left:0;box-shadow:0 0 0 4px #4f46e51a}.icon{color:#4f46e5;width:34px;height:34px;margin-bottom:24px}.solutions{color:#fff;background:linear-gradient(135deg,#0f172afa,#1e293bfa),#0f172a}.solutions h2,.solutions .eyebrow{color:#fff}.solutions p{color:#cbd5e1}.solution-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.solution-card{background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:18px}.solution-card span{color:#a7f3d0;font-size:12px;font-weight:900}.solution-card h3{color:#fff;margin:14px 0 8px}.solution-card p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.58}.audience{padding-bottom:40px}.audience-list{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.audience-card{background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:44px 18px 18px;position:relative;overflow:hidden}.audience-card>span{color:#4f46e5;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:16px;right:16px}.audience-card:before{content:"";background:linear-gradient(#4f46e5,#14b8a6);width:4px;position:absolute;inset:0 auto 0 0}.audience-card h3{margin-bottom:8px}.audience-card p{color:#64748b;margin:0;font-size:14px;line-height:1.58}.approach-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.step{background:#fff;border:1px solid #dbe4ef;border-radius:8px;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:18px;display:grid;position:relative;overflow:hidden}.step:before{content:"";background:linear-gradient(90deg,#4f46e5,#14b8a6);height:3px;position:absolute;inset:0 0 auto}.step>span{color:#4f46e5;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.step h3{margin-bottom:6px}.step p{margin-bottom:10px}.step strong{color:#4f46e5;font-size:13px}.contact{background:#eef2ff;max-width:1320px}.contact-intro{max-width:760px}.contact-layout{grid-template-columns:1fr;gap:26px;margin-top:32px;display:grid}.contact-form{background:#fff;border:1px solid #dbe4ef;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:18px 22px;padding:30px;display:grid;box-shadow:0 20px 50px #0f172a14}.contact-form h3,.contact-form .full,.contact-form button,.form-location{grid-column:1/-1}.contact-form label{color:#334155;gap:7px;font-size:13px;font-weight:800;display:grid}.contact-form input,.contact-form select,.contact-form textarea{color:#0f172a;width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:12px 13px;font-size:14px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.contact-side{display:grid}.form-location{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:18px}.form-location h3{margin-bottom:8px}.form-location p{color:#64748b;margin-bottom:12px;font-size:14px;line-height:1.58}.form-location div{flex-wrap:wrap;gap:12px;display:flex}.form-location a{color:#312e81;font-size:14px;font-weight:800}.map{background:#fff;border:1px solid #dbe4ef;border-radius:8px;width:100%;min-height:380px}.footer{color:#cbd5e1;background:#0f172a;padding:54px 32px 28px}.footer-grid{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(160px,1fr));gap:28px;max-width:1180px;margin:0 auto;display:grid}.footer strong{color:#fff;margin-bottom:14px;font-size:24px;display:block}.footer h3{color:#fff;margin-bottom:14px;font-size:14px}.footer p,.footer a,.footer span{color:#cbd5e1;margin-bottom:8px;font-size:14px;line-height:1.6;display:block}.footer a:hover{color:#fff}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;max-width:1180px;margin:28px auto 0;padding-top:20px;font-size:13px}.docs-layout{grid-template-columns:220px 1fr;align-items:start;gap:56px;display:grid}.docs-sidebar{position:sticky;top:88px}.docs-nav-item{color:#475569;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:flex}.docs-nav-item:hover{color:#0f172a;background:#f1f5f9}.docs-nav-item--active{color:#4338ca;background:#eef2ff;font-weight:800}.docs-content{min-width:0}.docs-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:28px 32px}.docs-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.docs-step{grid-template-columns:28px 1fr;align-items:start;gap:14px;display:grid}.docs-step-num{color:#4338ca;background:#eef2ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:12px;font-weight:900;display:flex}@media (width<=980px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:static}.docs-sidebar>p{width:100%}.docs-sidebar nav{flex-wrap:wrap;gap:6px;display:flex}.docs-nav-item{border:1px solid #e2e8f0;width:auto;padding:6px 12px;font-size:13px}}.pricing-grid,.custom-dev-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;margin-top:34px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-height:480px;padding:28px 24px 24px;display:flex;position:relative}.pricing-card--highlight{color:#fff;background:#1e1b4b;border-color:#4f46e5;box-shadow:0 24px 60px #4f46e547}.pricing-card--highlight h3{color:#fff}.pricing-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#4f46e5;border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block}.pricing-price{align-items:baseline;gap:2px;margin-bottom:4px;display:flex}.pricing-price strong{color:#0f172a;font-size:48px;font-weight:900;line-height:1}.pricing-card--highlight .pricing-price strong{color:#fff}.pricing-currency{color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:800;line-height:1}.pricing-card--highlight .pricing-currency{color:#fff}.pricing-price-right{flex-direction:column;gap:1px;display:flex}.pricing-dec{color:#0f172a;font-size:22px;font-weight:900;line-height:1}.pricing-card--highlight .pricing-dec{color:#fff}.pricing-period{color:#94a3b8;font-size:12px;font-weight:600}.pricing-annual{color:#94a3b8;margin:0 0 20px;font-size:12px;font-weight:600}.pricing-card--highlight .pricing-annual{color:#818cf8}.pricing-features{flex:1;gap:11px;margin:0 0 24px;padding:0;list-style:none;display:grid}.pricing-features li{color:#334155;padding-left:20px;font-size:14px;font-weight:600;position:relative}.pricing-card--highlight .pricing-features li{color:#c7d2fe}.pricing-features li:before{content:"✓";color:#4f46e5;font-weight:900;position:absolute;left:0}.pricing-card--highlight .pricing-features li:before{color:#a5b4fc}@media (width<=980px){.site-header{flex-wrap:nowrap;align-items:center}.nav--desktop{display:none}.hamburger{display:flex}.mobile-nav{display:block}.section-band{grid-template-columns:1fr}.hero-visual{min-height:360px}.workspace{inset:0}.service-grid,.approach-flow,.solution-list,.audience-list,.pricing-grid,.custom-dev-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.map{min-height:360px}}@media (width<=640px){.site-header,.section,.section-band,.footer{padding-left:18px;padding-right:18px}.site-header{gap:12px}.header-actions{display:none}h1{font-size:40px}h2{font-size:30px}.hero{padding-top:44px}.service-grid,.approach-flow,.solution-list,.audience-list,.pricing-grid,.custom-dev-grid,.contact-layout,.contact-form,.footer-grid{grid-template-columns:1fr}.screen-main{width:82%;left:6%}.screen-side{width:46%;right:6%}.map{min-height:300px}}