:root{--ink:#17243b;--ink-soft:#536176;--muted:#7b8798;--blue:#426cf5;--blue-dark:#3157d8;--cyan:#70d9d1;--line:#e4e9f0;--paper:#fff;--soft:#f6f8fb;--font-body:"DM Sans",sans-serif;--font-display:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.section{padding:108px 0}.section-soft{background:var(--soft)}.site-header{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,233,240,.8)}.nav-wrap,.main-nav,.brand{display:flex;align-items:center}.nav-wrap{height:100%;justify-content:space-between}.brand{gap:11px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:white;background:var(--ink);font:800 16px var(--font-display);letter-spacing:-1.5px;border-radius:8px}.brand-mark span,.about-monogram span,.contact-symbol span{color:var(--cyan)}.brand-name{font-size:14px;color:#788397;letter-spacing:-.2px}.brand-name b{color:var(--ink);font-weight:700}.main-nav{gap:34px;font-size:13px;color:#586579}.main-nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{color:white;background:var(--ink);padding:12px 17px;border-radius:5px;transition:background .2s,transform .2s}.nav-cta span{margin-left:10px;color:var(--cyan)}.nav-cta:hover{background:var(--blue);transform:translateY(-1px)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--ink)}.hero{padding-top:82px;padding-bottom:26px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px;min-height:485px}.eyebrow{display:flex;align-items:center;gap:9px;color:#6b778b;font-size:10px;font-weight:700;letter-spacing:1.65px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(66,108,245,.1)}.hero h1,h2{font-family:var(--font-display);letter-spacing:-2.6px;font-weight:700}.hero h1{margin:24px 0 22px;font-size:clamp(43px,5.1vw,66px);line-height:1.11}.accent-text{color:var(--blue)}.hero-lead{max-width:505px;color:var(--ink-soft);font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 19px;font-size:12px;font-weight:700;border-radius:5px;transition:transform .2s,background .2s}.button span{font-size:17px}.button-primary{color:white;background:var(--blue);box-shadow:0 8px 18px rgba(66,108,245,.16)}.button-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.text-link{color:#586579;font-size:12px;font-weight:700}.text-link span{margin-left:8px;color:var(--blue)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:40px}.avatar-stack{display:flex;padding-left:2px}.avatar-stack span{display:grid;place-items:center;width:30px;height:30px;margin-left:-2px;border:2px solid white;border-radius:50%;background:#e5ebff;color:var(--blue);font:700 11px var(--font-display)}.avatar-stack span+span{margin-left:-8px;color:#1c827f;background:#d9f7f2}.hero-note p{margin:0;color:var(--ink);font-size:11px;line-height:1.6}.hero-note p span{color:var(--muted);font-weight:400}.hero-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(102,139,255,.14),rgba(112,217,209,.08) 52%,transparent 70%)}.browser-card{width:min(100%,460px);position:relative;z-index:2;background:white;border:1px solid #e5eaf3;border-radius:10px;box-shadow:0 32px 70px rgba(37,57,96,.14),0 4px 12px rgba(37,57,96,.04);transform:rotate(1deg);overflow:hidden}.browser-top{height:42px;display:flex;align-items:center;padding:0 15px;gap:17px;background:#fbfcfe;border-bottom:1px solid #edf0f5}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d7dce5}.window-dots i:first-child{background:#ffb6a9}.window-dots i:nth-child(2){background:#f5d17d}.window-dots i:nth-child(3){background:#94d9c0}.browser-address{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;color:#a2aabb;font-size:9px}.browser-address span{width:5px;height:5px;border-radius:50%;background:#70d9b0}.browser-menu{color:#a2aabb;font-size:10px;letter-spacing:1px}.mock-site{min-height:350px;position:relative;padding:0 27px;overflow:hidden;background:linear-gradient(135deg,#f8faff 0%,#f2f6ff 57%,#effaf9 100%)}.mock-nav{height:54px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.mock-logo{width:47px;height:9px;border-radius:2px;background:#233554}.mock-nav-links{display:flex;align-items:center;gap:10px}.mock-nav-links i{width:20px;height:3px;border-radius:2px;background:#c8d1e1}.mock-nav-links b{width:38px;height:15px;border-radius:3px;background:var(--blue)}.mock-content{position:relative;z-index:2;padding-top:27px}.mock-label{display:flex;align-items:center;gap:6px;color:#71809a;font-size:6px;letter-spacing:1.1px;font-weight:700}.mock-label span{width:5px;height:5px;background:#66d4c9;border-radius:50%}.mock-title{display:flex;flex-direction:column;gap:7px;margin-top:14px}.mock-title i{display:block;height:15px;width:69%;background:#223450;border-radius:2px}.mock-title i:nth-child(2){width:55%;background:var(--blue)}.mock-title i:nth-child(3){width:37%;height:11px}.mock-description{display:flex;flex-direction:column;gap:5px;margin-top:14px}.mock-description i{width:58%;height:4px;background:#c6cfde;border-radius:2px}.mock-description i:nth-child(2){width:44%}.mock-button{width:85px;height:24px;border-radius:3px;background:var(--blue);margin-top:16px;box-shadow:0 5px 10px rgba(66,108,245,.16)}.mock-stats{display:flex;gap:20px;margin-top:25px;padding-top:13px;border-top:1px solid #e0e6f1;width:63%}.mock-stats div{display:flex;flex-direction:column;gap:5px}.mock-stats b{width:26px;height:7px;border-radius:2px;background:#243653}.mock-stats i{width:38px;height:3px;border-radius:2px;background:#c3ccdb}.mock-orbit{position:absolute;border-radius:50%;border:1px solid rgba(66,108,245,.13)}.orbit-one{width:220px;height:220px;right:-65px;top:60px}.orbit-two{width:160px;height:160px;right:-35px;top:90px;border-color:rgba(91,208,198,.22)}.mock-floating-card{display:flex;align-items:center;gap:9px;position:absolute;z-index:3;right:19px;bottom:33px;padding:11px 13px;background:white;border:1px solid #e6ebf3;border-radius:6px;box-shadow:0 9px 25px rgba(33,54,94,.1)}.float-icon{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:var(--blue);border-radius:5px;font-size:17px}.mock-floating-card b,.mock-floating-card small{display:block}.mock-floating-card b{font-size:9px}.mock-floating-card small{margin-top:4px;color:#8994a6;font-size:8px}.floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #e8edf4;border-radius:5px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(39,58,93,.08);color:#526176;font-size:10px;font-weight:700}.chip-top{top:62px;right:-9px}.chip-bottom{bottom:63px;left:-21px}.chip-check{display:grid;place-items:center;width:18px;height:18px;color:#168a75;background:#ddf8f0;border-radius:50%;font-size:10px}.chip-spark{color:var(--blue);font-size:17px}.visual-caption{position:absolute;bottom:2px;right:0;color:#a2acbc;font-size:8px;font-weight:700;letter-spacing:1.4px}.visual-caption span{margin-left:7px;color:var(--blue);font-size:13px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:36px;padding-top:18px;color:#98a2b1;font-size:9px;font-weight:700;letter-spacing:1.4px}.hero-bottom a{color:var(--blue);font-size:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:48px}h2{margin:19px 0 0;font-size:clamp(36px,4vw,49px);line-height:1.17}.muted-heading{color:#a3adbc}.section-heading>p{max-width:385px;margin:0 0 5px;color:var(--ink-soft);font-size:14px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{display:flex;flex-direction:column;min-height:365px;padding:23px 20px 21px;border:1px solid #e5eaf1;border-radius:7px;background:white;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,54,88,.06);border-color:#d1dcff}.featured-card{border-color:#cbd7ff;box-shadow:0 7px 24px rgba(66,108,245,.055)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.service-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:6px;font-size:21px;font-weight:700}.icon-landing{color:#426cf5;background:#eaf0ff}.icon-system{color:#138b84;background:#e1f8f4;font-size:16px}.icon-site{color:#a16bc4;background:#f4eafd}.icon-care{color:#c28134;background:#fff3df;font-size:26px}.service-number{color:#a6afbd;font-size:10px;letter-spacing:1px}.service-card h3{margin:0 0 12px;font:700 16px var(--font-display);letter-spacing:-.4px}.service-card p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.75}.service-card ul{list-style:none;padding:17px 0 20px;margin:0}.service-card li{position:relative;padding:0 0 8px 14px;color:#637087;font-size:10px;line-height:1.5}.service-card li::before{content:"✓";position:absolute;left:0;color:#36aaa1;font-weight:700}.card-link{display:flex;justify-content:space-between;align-items:center;gap:7px;padding-top:14px;margin-top:auto;border-top:1px solid #edf0f5;color:var(--ink);font-size:10px;font-weight:700}.card-link span{color:var(--blue);font-size:16px;transition:transform .2s}.card-link:hover span{transform:translate(2px,-2px)}.approach{background:white}.approach-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:95px;align-items:start}.approach-intro h2{margin-bottom:22px}.approach-intro>p{max-width:360px;color:var(--ink-soft);font-size:14px;line-height:1.85;margin:0 0 26px}.button-outline{color:var(--ink);border:1px solid #dbe2ed;background:white}.button-outline span{color:var(--blue)}.button-outline:hover{border-color:var(--blue);transform:translateY(-2px)}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:44px 1fr 20px;align-items:start;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.step-index{padding-top:2px;color:var(--blue);font:700 12px var(--font-display)}.step h3{margin:0 0 7px;font:700 15px var(--font-display)}.step p{margin:0;max-width:430px;color:var(--ink-soft);font-size:12px;line-height:1.75}.step-arrow{color:#a7b1c0;font-size:17px}.step:hover .step-arrow{color:var(--blue)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.about-visual{min-height:350px;display:grid;place-items:center;position:relative}.about-card{width:min(340px,100%);height:290px;position:relative;z-index:2;padding:28px;background:var(--ink);border-radius:8px;overflow:hidden;box-shadow:0 22px 45px rgba(23,36,59,.17)}.about-card::before,.about-card::after{content:"";position:absolute;border:1px solid rgba(112,217,209,.18);border-radius:50%}.about-card::before{width:260px;height:260px;right:-90px;top:-70px}.about-card::after{width:190px;height:190px;right:-55px;top:-35px}.about-monogram{position:relative;z-index:1;color:white;font:800 54px var(--font-display);letter-spacing:-5px}.about-card-line{width:36px;height:3px;margin-top:20px;background:var(--cyan)}.about-card>p{position:relative;z-index:1;margin-top:15px;color:#aab7cb;font-size:8px;font-weight:700;letter-spacing:2px}.about-code{position:absolute;bottom:24px;left:28px;color:#dce6f6;font:600 13px var(--font-display)}.about-code span{color:var(--cyan)}.about-decoration{position:absolute;width:65px;height:65px;border-radius:7px;transform:rotate(12deg)}.decoration-one{top:10px;right:7px;background:#e4eaff}.decoration-two{bottom:13px;left:2px;border:1px solid #b9ece6}.about-copy h2{margin-bottom:24px}.about-copy>p{color:var(--ink-soft);font-size:13px;line-height:1.9}.about-copy .about-lead{color:var(--ink);font-size:16px;line-height:1.75;font-weight:500}.values-row{display:flex;gap:23px;flex-wrap:wrap;margin-top:29px;padding-top:20px;border-top:1px solid #e2e8f0}.values-row div{display:flex;flex-direction:column;gap:7px}.values-row span{color:var(--blue);font:700 10px var(--font-display)}.values-row b{font-size:10px}.contact{padding-top:85px;padding-bottom:85px}.contact-panel{display:grid;grid-template-columns:1.15fr .85fr;min-height:365px;background:var(--ink);border-radius:8px;overflow:hidden}.contact-copy{padding:54px 58px;color:white}.eyebrow-light{color:#aebbd0}.eyebrow-light .eyebrow-dot{background:var(--cyan);box-shadow:0 0 0 4px rgba(112,217,209,.13)}.contact-copy h2{margin:19px 0 16px;color:white;font-size:clamp(36px,4vw,48px)}.contact-copy h2 span{color:var(--cyan)}.contact-copy>p{max-width:430px;color:#bdc7d7;font-size:13px;line-height:1.8}.button-white{margin-top:14px;color:var(--ink);background:white}.button-white span{color:var(--blue)}.button-white:hover{transform:translateY(-2px);background:#edf2ff}.contact-hint{display:block;margin-top:12px;color:#9eacc2;font-size:10px}.contact-side{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:42px;overflow:hidden;background:linear-gradient(135deg,#273a5c,#1b2a45)}.contact-side::before,.contact-side::after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(112,217,209,.17);border-radius:50%}.contact-side::before{top:-80px;right:-100px}.contact-side::after{top:-40px;right:-60px;width:230px;height:230px}.contact-symbol{position:relative;z-index:1;color:white;font:800 78px var(--font-display);letter-spacing:-8px}.contact-side-bottom{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;color:#a9b8cf;font-size:8px;font-weight:700;letter-spacing:1.7px}.contact-side-bottom span:last-child{color:var(--cyan)}.site-footer{border-top:1px solid var(--line)}.footer-wrap{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{width:32px;height:32px;font-size:13px}.footer-brand .brand-name{font-size:12px}.footer-wrap>p,.copyright{color:#8994a5;font-size:10px}.copyright{text-align:right}
@media(max-width:1050px){.hero-grid{gap:25px}.hero h1{font-size:54px}.hero-visual{min-height:390px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:325px}.approach-grid,.about-grid{gap:55px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.section{padding:76px 0}.site-header{height:70px}.menu-toggle{display:block;cursor:pointer}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px;background:white;border-bottom:1px solid var(--line);box-shadow:0 14px 22px rgba(23,36,59,.07);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px 8px}.main-nav .nav-cta{margin-top:8px;text-align:center}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2.4px}.hero-lead{font-size:14px}.hero-visual{min-height:365px;margin:0 -3px}.browser-card{width:95%}.mock-site{min-height:310px}.chip-top{right:-2px;top:37px}.chip-bottom{left:-1px;bottom:44px}.visual-caption{right:4px;bottom:-1px;font-size:7px}.hero-bottom{margin-top:25px;font-size:8px;letter-spacing:.8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}h2{font-size:39px;letter-spacing:-2px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:23px}.service-card ul{padding-bottom:17px}.approach-grid,.about-grid{grid-template-columns:1fr;gap:42px}.approach-intro>p{max-width:500px}.step{grid-template-columns:34px 1fr 16px;gap:12px}.about-visual{min-height:320px;order:2}.about-copy{order:1}.about-card{height:270px}.values-row{gap:18px}.contact{padding:64px 0}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:38px 25px}.contact-side{min-height:190px;padding:24px 28px}.contact-symbol{font-size:60px}.footer-wrap{padding:22px 0;flex-wrap:wrap}.footer-wrap>p{display:none}.copyright{width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}