:root{--indigo: #2563eb;--indigo-600: #1d4ed8;--indigo-700: #1e40af;--violet: #1d4ed8;--violet-400: #60a5fa;--sky: #38bdf8;--accent-grad: linear-gradient(115deg, #3b82f6 0%, #2563eb 55%, #1e40af 100%);--accent-grad-soft: linear-gradient(115deg, rgba(37,99,235,.16), rgba(59,130,246,.12));--ink-0: #071630;--ink-1: #0a1f44;--ink-2: #0e2a57;--ink-3: #153a73;--ink-line: rgba(255,255,255,.09);--ink-line-2: rgba(255,255,255,.16);--paper: #ffffff;--paper-2: #f4f7fe;--paper-3: #e8effc;--line: #e2e8f5;--line-2: #cfd9ec;--tx-hi: #eef4ff;--tx-mid: #adbbd4;--tx-low: #7c8aa6;--tx-ink: #0b1b36;--tx-ink-mid: #46566f;--tx-ink-low: #7a879e;--display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--sans: "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--maxw: 1240px;--gutter: 26px;--shadow-card: 0 1px 2px rgba(15,30,70,.05), 0 18px 42px -22px rgba(15,30,70,.22);--shadow-pop: 0 30px 80px -34px rgba(10,25,70,.4);--glow: 0 0 0 1px rgba(37,99,235,.35), 0 16px 42px -14px rgba(37,99,235,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--tx-ink);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#2563eb3d}h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter);width:100%}.section{padding-block:clamp(66px,9vw,128px);position:relative}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--indigo);display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.7}.eyebrow.center:before{display:none}.dark .eyebrow{color:var(--violet-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:15px;padding:14px 26px;border-radius:var(--r-sm);border:1px solid transparent;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,background .25s,color .2s,border-color .2s;white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #2563eb80,0 24px 56px -18px #2563ebbf}.btn-ghost{background:transparent;color:var(--tx-ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo);transform:translateY(-2px)}.dark .btn-ghost{color:var(--tx-hi);border-color:var(--ink-line-2)}.dark .btn-ghost:hover{border-color:var(--violet-400);color:#fff}.btn-light{background:#fff;color:var(--ink-1)}.btn-light:hover{transform:translateY(-2px);box-shadow:0 20px 50px -20px #00000080}.btn-sm{padding:10px 18px;font-size:14px}.link-arrow{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--indigo)}.link-arrow svg{width:17px;height:17px;transition:transform .25s}.link-arrow:hover svg{transform:translate(4px)}.dark .link-arrow{color:var(--violet-400)}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;padding:6px 12px;border-radius:100px;background:var(--paper-2);color:var(--tx-ink-mid);border:1px solid var(--line)}.dark .chip{background:#ffffff0d;color:var(--tx-mid);border-color:var(--ink-line)}.chip.accent{background:var(--accent-grad-soft);color:var(--indigo-700);border-color:#2563eb4d}.dark .chip.accent{color:var(--violet-400)}.tag{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:6px;background:#2563eb1a;color:var(--indigo-700)}.dark .tag{background:#60a5fa29;color:var(--violet-400)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:#2563eb59}.dark{background:var(--ink-1);color:var(--tx-hi)}.dark h1,.dark h2,.dark h3,.dark h4{color:var(--tx-hi)}.muted{color:var(--tx-ink-mid)}.dark .muted{color:var(--tx-mid)}.gridlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--ink-line) 1px,transparent 1px),linear-gradient(90deg,var(--ink-line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.55}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.js .reveal{opacity:1;transform:none;transition:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,border-color .3s,box-shadow .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#ffffffd9;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-bottom-color:var(--line);box-shadow:0 1px #0f1e460a}.nav.scrolled.on-dark{background:#0a1f44b8;border-bottom-color:var(--ink-line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:9px 15px;border-radius:100px;font-weight:600;font-size:15px;color:var(--tx-ink-mid);transition:color .2s,background .2s}.nav-link:hover{color:var(--tx-ink);background:var(--paper-2)}.nav-link.active{color:var(--indigo)}.on-dark .nav-link{color:var(--tx-mid)}.on-dark .nav-link:hover{color:#fff;background:#ffffff12}.on-dark .nav-link.active{color:var(--violet-400)}.nav-right{display:flex;align-items:center;gap:14px}.nav-toggle{display:none;background:none;border:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;color:inherit}.mobile-menu{display:none}@media (max-width: 940px){.nav-links,.nav-right .btn{display:none}.nav-toggle{display:inline-flex}.mobile-menu{display:block;position:fixed;top:74px;right:0;bottom:0;left:0;background:var(--ink-1);z-index:99;padding:24px var(--gutter);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;overflow-y:auto}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{display:block;font-family:var(--display);font-size:28px;font-weight:700;color:var(--tx-hi);padding:16px 0;border-bottom:1px solid var(--ink-line)}.mobile-menu a.active{color:var(--violet-400)}}.logo{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--tx-ink)}.on-dark .logo,.dark .logo{color:var(--tx-hi)}.logo .mark{width:34px;height:34px;flex:none}.logo .name b{font-weight:800}.logo .name span{color:var(--indigo)}.dark .logo .name span,.on-dark .logo .name span{color:var(--violet-400)}.hero{position:relative;background:radial-gradient(120% 120% at 80% -10%,#123a7e 0%,var(--ink-1) 45%,var(--ink-0) 100%);color:var(--tx-hi);min-height:100svh;display:flex;align-items:center;padding-top:124px;padding-bottom:clamp(40px,5vh,80px);overflow:hidden}.hero h1{font-size:clamp(31px,4.4vw,54px);line-height:1.06}.hero .lead{font-size:clamp(17px,2vw,21px);color:var(--tx-mid);max-width:560px}.hero-grad-text{background:linear-gradient(115deg,#60a5fa,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:56px;width:max-content;animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}.stat-num{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.7vw,38px);line-height:1;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.browser{border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-pop)}.browser-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#f1f4fa;border-bottom:1px solid rgba(0,0,0,.06)}.browser-dots{display:flex;gap:6px}.browser-dots i{width:11px;height:11px;border-radius:50%;display:block}.browser-url{flex:1;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:7px;font-family:var(--mono);font-size:11px;color:#8a8a9c;padding:5px 12px;text-align:center;max-width:320px;margin:0 auto}.phone{width:260px;border-radius:38px;background:#0a1f44;padding:10px;box-shadow:var(--shadow-pop);border:1px solid rgba(255,255,255,.1)}.phone-screen{border-radius:30px;overflow:hidden;background:#fff;position:relative;aspect-ratio:9/19.2}.phone-notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:96px;height:22px;background:#0a1f44;border-radius:100px;z-index:5}.mock{font-family:var(--sans)}.mock-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.mock-bar{border-radius:6px;background:var(--accent-grad)}.footer{background:var(--ink-0);color:var(--tx-mid);padding-top:80px}.footer h4{font-family:var(--sans);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-low);margin-bottom:18px;font-weight:700}.footer a{color:var(--tx-mid);transition:color .2s}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--ink-line);margin-top:64px;padding:28px 0}.grid{display:grid;gap:24px}.flex{display:flex}.center{text-align:center}.mx-auto{margin-inline:auto}hr.rule{border:none;border-top:1px solid var(--line);margin:0}.dark hr.rule{border-top-color:var(--ink-line)}.hero .eyebrow{color:var(--violet-400)}.hero .muted{color:var(--tx-mid)}.hero .btn-ghost{color:var(--tx-hi);border-color:var(--ink-line-2)}.hero .btn-ghost:hover{border-color:var(--violet-400);color:#fff}.hero .chip{background:#ffffff0d;color:var(--tx-mid);border-color:var(--ink-line)}.hero .chip.accent{background:var(--accent-grad-soft);color:var(--violet-400);border-color:#60a5fa4d}.hero .link-arrow{color:var(--violet-400)}.hero h1,.hero h2,.hero h3,.hero h4{color:var(--tx-hi)}.kpi-row{display:flex;flex-wrap:wrap;gap:clamp(18px,2.6vw,40px)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:600;color:var(--tx-ink-mid)}.input,.textarea,.select{font-family:var(--sans);font-size:15px;padding:13px 15px;border-radius:10px;border:1px solid var(--line-2);background:#fff;color:var(--tx-ink);transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px #2563eb24}.textarea{resize:vertical;min-height:130px}.screen-gallery{margin-top:8px}.shots-web{display:flex;flex-direction:column;gap:46px;align-items:center}.shots-web .shot{width:100%;max-width:880px}.shots-phones{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 38px}.shot{margin:0}.shot .browser,.shot .phone{transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s}.shot:hover .browser,.shot:hover .phone{transform:translateY(-6px);box-shadow:0 40px 80px -30px #0a194680}.shot figcaption{display:flex;align-items:center;gap:9px;margin-top:18px;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--tx-ink-mid);letter-spacing:.01em}.shots-phones .shot figcaption{justify-content:center;margin-top:16px}.shot-dot{width:7px;height:7px;border-radius:50%;flex:none}@media (max-width: 600px){.shots-phones{gap:26px}.phone{width:230px}}@media (max-width: 1024px){.hero-grid,.detail-hero,.two-col{grid-template-columns:1fr!important;gap:44px!important}.hero-visual{max-width:520px;margin-inline:auto}.grid{grid-template-columns:repeat(2,1fr)!important}.work-grid>a{grid-column:auto!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:36px!important}}@media (max-width: 720px){.hide-sm{display:none!important}.grid,.work-grid,.footer-grid{grid-template-columns:1fr!important}.process-row{grid-template-columns:1fr!important;gap:8px!important;padding-block:28px!important}.process-row>div:first-child{font-size:40px!important}.kpi-row{gap:28px 36px!important}.hero{min-height:auto!important;padding-top:110px!important;padding-bottom:64px!important}.detail-hero{padding-bottom:50px!important}.btn{width:100%}.nav-right .btn{width:auto}.hero .btn,.detail-hero .btn,section .btn{width:auto}}@media (max-width: 480px){.phone{width:220px}}