:root{--bg-deep:#0a0f1c;--bg-deep-2:#0c1322;--bg:#fff;--bg-soft:#f7f5f5;--bg-tint:#f4ecec;--ink:#0b1220;--ink-soft:#54637d;--paper:#eef4fb;--paper-soft:#9db0cc;--brand:#df2027;--brand-deep:#9a2125;--cool:#df2027;--cool-deep:#b01c22;--warm:#ff5a4f;--wa:#25d366;--line:linear-gradient(90deg, var(--cool), var(--warm));--line-v:linear-gradient(180deg, var(--cool), var(--warm));--hair:#0b12201a;--hair-deep:#ffffff1a;--radius:16px;--radius-lg:26px;--radius-pill:999px;--shadow-card:0 18px 44px -22px #0c1e4047;--shadow-soft:0 8px 24px -14px #0c1e4038;--maxw:1180px;--font-display:"Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--header-h:70px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}img,svg{display:block}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.section{padding-block:clamp(64px,9vw,120px)}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cool-deep);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--line);border-radius:2px;width:26px;height:2px}.section-head{max-width:640px;margin-bottom:clamp(36px,5vw,56px)}.section-head h2{margin-top:14px;font-size:clamp(1.9rem,4vw,3rem)}.section-head p{color:var(--ink-soft);margin-top:16px;font-size:1.05rem;line-height:1.6}.btn{font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 12px 26px -12px #df2027b3}.btn-primary:hover{background:var(--brand-deep)}.btn-wa{background:var(--wa);color:#06351b;box-shadow:0 12px 26px -12px #25d36699}.btn-ghost{border-color:var(--hair);color:var(--ink);background:0 0}.btn-ghost.on-dark{border-color:var(--hair-deep);color:var(--paper)}.btn svg{width:18px;height:18px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.header{height:var(--header-h);z-index:50;align-items:center;transition:background .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:fixed;inset:0 0 auto}.header .container{justify-content:space-between;align-items:center;gap:20px;display:flex}.header--solid{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);box-shadow:0 1px 0 var(--hair-deep), 0 10px 30px -18px #0009;background:#0a0f1cd1}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--paper);align-items:center;gap:11px;font-size:1.18rem;font-weight:700;transition:color .25s;display:inline-flex}.header--solid .brand{color:var(--paper)}.brand__mark{background:var(--line);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.brand__mark svg{width:19px;height:19px}.brand__mark-img{object-fit:contain;border-radius:inherit;width:100%;height:100%}.brand__logo{width:auto;height:42px;display:block}.footer .brand__logo{height:50px}.brand small{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin-top:1px;font-size:.62rem;font-weight:500;display:block}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--paper-soft);font-size:.94rem;font-weight:500;transition:color .2s}.header--solid .nav a{color:var(--paper-soft)}.nav a:hover{color:var(--cool)}.header--solid .nav a:hover{color:var(--brand)}.header__cta{align-items:center;gap:12px;display:flex}.header__phone{color:var(--paper);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.header--solid .header__phone{color:var(--paper)}.header__phone svg{width:16px;height:16px;color:var(--cool)}@media (width<=860px){.nav,.header__phone{display:none}}.hero{background:radial-gradient(120% 90% at 78% 8%, #15233f 0%, var(--bg-deep-2) 42%, var(--bg-deep) 100%);color:var(--paper);padding-top:calc(var(--header-h) + clamp(28px, 6vw, 70px));padding-bottom:clamp(48px,7vw,90px);position:relative;overflow:hidden}.hero__grid-bg{pointer-events:none;background-image:linear-gradient(#df5a4f0f 1px,#0000 1px),linear-gradient(90deg,#df5a4f0f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 75% at 50% 18%,#000 30%,#0000 78%);mask-image:radial-gradient(100% 75% at 50% 18%,#000 30%,#0000 78%)}.hero__glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#df202742,#0000 62%);width:620px;height:620px;position:absolute;top:-160px;right:-120px}.hero .container{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,54px);display:grid;position:relative}.hero__copy{max-width:600px}.hero__kicker{border-radius:var(--radius-pill);color:var(--cool);letter-spacing:.04em;background:#df20271a;border:1px solid #df20273d;align-items:center;gap:9px;padding:7px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.hero__kicker .dot{background:var(--cool);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #df20272e}.hero h1{margin-top:22px;font-size:clamp(2.3rem,5.2vw,4rem);font-weight:800;line-height:1.04}.hero h1 .accent{background:var(--line);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__sub{color:var(--paper-soft);max-width:520px;margin-top:22px;font-size:1.12rem;line-height:1.62}.hero__cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.hero__proof{border-top:1px solid var(--hair-deep);flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:26px;display:flex}.hero__proof span{color:var(--paper);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:inline-flex}.hero__proof svg{width:17px;height:17px;color:var(--cool);flex:none}.hero__stage{aspect-ratio:1;border-radius:var(--radius-lg);min-height:360px;position:relative}.hero__canvas{width:100%;height:100%;position:absolute;inset:0}.hero__canvas canvas{border-radius:var(--radius-lg)}.hero__stage.is-scrolllinked{cursor:ns-resize;box-shadow:0 0 0 1px #df202780,0 0 40px -10px #df202780}.hero__stage-fallback{border-radius:var(--radius-lg);background:radial-gradient(70% 70% at 50% 42%,#df202724,#0000 70%);place-items:center;display:grid;position:absolute;inset:0}.hero__stage-fallback .unit{background:linear-gradient(#f2f6fb,#d3deec);border-radius:14px;width:64%;height:30%;position:relative;box-shadow:0 30px 60px -28px #000000b3,inset 0 -8px 14px #96919666}.hero__stage-fallback .unit:after{content:"";background:var(--cool);border-radius:4px;height:4px;position:absolute;bottom:22%;left:12%;right:12%;box-shadow:0 0 16px 2px #df2027cc}.hero__badge{border:1px solid var(--hair-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);background:#0a101e9e;border-radius:14px;align-items:center;gap:10px;padding:10px 15px;font-size:.84rem;font-weight:600;display:flex;position:absolute;bottom:7%;left:6%}.hero__badge b{color:var(--cool)}.hero__showcase{flex-direction:column;gap:14px;display:flex}.stage-controls{flex-direction:column;gap:12px;display:flex}.device-tabs{flex-wrap:wrap;gap:8px;display:flex}.device-tab{font-family:var(--font-body);color:var(--paper-soft);border:1px solid var(--hair-deep);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:12px;flex:auto;padding:9px 12px;font-size:.86rem;font-weight:600;transition:color .18s,border-color .18s,background .18s,transform .18s}.device-tab:hover{color:var(--paper);transform:translateY(-1px)}.device-tab.is-active{color:#06222e;background:var(--cool);border-color:var(--cool);box-shadow:0 8px 18px -10px #df2027cc}.stage-controls__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.scroll-toggle{font-family:var(--font-body);color:var(--paper-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:.86rem;font-weight:600;display:inline-flex}.scroll-toggle:disabled{opacity:.4;cursor:not-allowed}.scroll-toggle .track{border:1px solid var(--hair-deep);background:#ffffff1f;border-radius:999px;width:42px;height:24px;transition:background .2s;position:relative}.scroll-toggle .knob{background:#cfe0f0;border-radius:50%;width:18px;height:18px;transition:transform .22s cubic-bezier(.22,1,.36,1),background .2s;position:absolute;top:2px;left:2px}.scroll-toggle.is-on{color:var(--paper)}.scroll-toggle.is-on .track{background:var(--cool);border-color:var(--cool)}.scroll-toggle.is-on .knob{background:#06222e;transform:translate(18px)}.drag-hint{color:var(--paper-soft);align-items:center;gap:7px;font-size:.82rem;display:inline-flex}.drag-hint svg{color:var(--cool)}@media (width<=920px){.hero .container{grid-template-columns:1fr}.hero__showcase{order:2;width:100%;max-width:460px}}.trust{background:var(--bg-deep);color:var(--paper);border-top:1px solid var(--hair-deep);padding-block:clamp(36px,5vw,56px)}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat__value{font-family:var(--font-display);background:var(--line);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.stat__label{color:var(--paper-soft);letter-spacing:.02em;margin-top:6px;font-size:.86rem}.brands{border-top:1px solid var(--hair-deep);margin-top:36px;padding-top:30px}.brands__label{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-soft);margin-bottom:18px;font-size:.8rem;display:block}.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee__track{width:max-content;animation:100s linear infinite marquee;display:flex}.marquee__group{flex:none;gap:14px;padding-right:14px;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee__track{width:100%;animation:none}.marquee__group{flex-wrap:wrap;flex:100%;justify-content:center;gap:10px 12px;padding-right:0}.marquee__group+.marquee__group,.marquee__group .brand-chip:nth-child(n+10){display:none}}.brand-chip{color:var(--paper);border-radius:var(--radius-pill);border:1px solid var(--hair-deep);background:#ffffff08;padding:8px 16px;font-size:.92rem;font-weight:600}.brand-chip.is-auth{color:var(--cool);background:#df202714;border-color:#df202766}@media (width<=720px){.stats{grid-template-columns:repeat(2,1fr);gap:28px 16px}}.services{background:var(--bg)}.services__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.services__grid>.reveal,.why__grid>.reveal{height:100%}.svc-card{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-soft);padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.svc-card__media{aspect-ratio:16/10;background:var(--bg-soft);overflow:hidden}.svc-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.svc-card:hover .svc-card__media img{transform:scale(1.06)}.svc-card__body{padding:0 26px 24px}.svc-card:before{content:"";background:var(--line);transform-origin:0;height:3px;transition:transform .3s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.svc-card:hover{box-shadow:var(--shadow-card);border-color:#0000;transform:translateY(-6px)}.svc-card:hover:before{transform:scaleX(1)}.svc-card__icon{z-index:2;width:54px;height:54px;color:var(--brand);border:1px solid var(--hair);background:#fff;border-radius:16px;place-items:center;margin-top:-27px;margin-bottom:16px;display:grid;position:relative;box-shadow:0 10px 22px -12px #0c142866}.svc-card__icon svg{width:26px;height:26px}.svc-card h3{font-size:1.25rem;font-weight:600}.svc-card p{color:var(--ink-soft);margin-top:10px;font-size:.97rem;line-height:1.55}.svc-card__tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.svc-card__tags span{color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--hair);border-radius:var(--radius-pill);padding:4px 10px;font-size:.76rem;font-weight:500}@media (width<=880px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services__grid{grid-template-columns:1fr}}.why{background:var(--bg-soft)}.why__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.why-card{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-soft);padding:26px 24px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s;position:relative}.why-card:hover{box-shadow:var(--shadow-card);z-index:2;border-color:#0000;transform:translateY(-8px)scale(1.03)}.why-card__num{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--cool-deep), var(--brand));border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:18px;font-size:1rem;font-weight:800;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;display:grid}.why-card:hover .why-card__num{transform:scale(1.14)rotate(-4deg);box-shadow:0 12px 22px -8px #df20278c}.why-card h3{font-size:1.12rem;font-weight:600}.why-card p{color:var(--ink-soft);margin-top:10px;font-size:.95rem;line-height:1.55}@media (width<=880px){.why__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.why__grid{grid-template-columns:1fr}}.process{background:var(--bg)}.process__rail{grid-template-columns:repeat(4,1fr);gap:22px;display:grid;position:relative}.process__rail:before{content:"";background:var(--line);opacity:.55;transform-origin:0;height:2px;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;top:26px;left:8%;right:8%;transform:scaleX(0)}.process__rail.is-drawn:before{transform:scaleX(1)}.step{text-align:left;transition:transform .28s cubic-bezier(.22,1,.36,1);position:relative}.step:hover{z-index:2;transform:translateY(-6px)}.step__dot{background:var(--bg);border:2px solid var(--cool);width:54px;height:54px;color:var(--brand);font-family:var(--font-display);z-index:1;box-shadow:var(--shadow-soft);border-radius:16px;place-items:center;font-size:1.1rem;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,border-color .25s,box-shadow .25s;display:grid;position:relative}.step:hover .step__dot{background:var(--brand);border-color:var(--brand);color:#fff;transform:scale(1.14);box-shadow:0 14px 26px -8px #df20278c}.step h3{margin-top:18px;font-size:1.1rem;font-weight:600}.step p{color:var(--ink-soft);margin-top:9px;font-size:.95rem;line-height:1.55}@media (width<=820px){.process__rail{grid-template-columns:1fr;gap:14px}.process__rail:before{transform-origin:top;width:2px;height:auto;inset:0 auto 0 26px;transform:scaleY(0)}.process__rail.is-drawn:before{transform:scaleY(1)}.step{grid-template-columns:54px 1fr;align-items:start;gap:16px;display:grid}.step h3{margin-top:12px}}.area{background:linear-gradient(120deg, var(--brand-deep), var(--cool-deep) 46%, var(--warm));color:#fff}.area__wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.area__wrap .eyebrow{color:#fffffff2}.area__wrap .eyebrow:before{background:#fff}.area h2{margin-top:14px;font-size:clamp(1.8rem,4vw,2.8rem)}.area p{color:#ffffffeb;margin-top:16px;font-size:1.05rem;line-height:1.6}.area .btn-primary{color:var(--brand-deep);background:#fff;box-shadow:0 14px 30px -14px #0000008c}.area .btn-primary:hover{background:#eaf1fb}.area__chips{flex-wrap:wrap;gap:10px;display:flex}.area__chips span{border-radius:var(--radius-pill);background:#ffffff24;border:1px solid #ffffff59;padding:9px 16px;font-size:.92rem;font-weight:500}.area__chips span:last-child{color:var(--brand-deep);background:#fff;border-color:#fff}@media (width<=760px){.area__wrap{grid-template-columns:1fr}}.cta-band{color:#fff;padding-block:clamp(46px,6vw,78px);position:relative;overflow:hidden}.cta-band__bg{z-index:0;background:linear-gradient(120deg, var(--brand-deep), var(--cool-deep) 46%, var(--warm));background-size:220% 220%;animation:14s infinite ctaShift;position:absolute;inset:0}@keyframes ctaShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-band__inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.cta-band h2{color:#fff;font-size:clamp(1.6rem,3.6vw,2.5rem)}.cta-band p{color:#ffffffeb;margin-top:10px;font-size:1.06rem}.cta-band__actions{flex-wrap:wrap;gap:12px;display:flex}.cta-band .btn-primary{color:var(--brand-deep);background:#fff;box-shadow:0 14px 30px -14px #0000008c}.cta-band .btn-primary:hover{background:#eaf1fb}@media (prefers-reduced-motion:reduce){.cta-band__bg{animation:none}}.contact{background:var(--bg-soft)}.contact__wrap{grid-template-columns:1fr .9fr;align-items:stretch;gap:clamp(28px,5vw,56px);display:grid}.contact__panel{background:linear-gradient(120deg, var(--brand-deep), var(--cool-deep) 46%, var(--warm));color:#fff;border-radius:var(--radius-lg);padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.contact__panel .eyebrow{color:#fffffff2}.contact__panel .eyebrow:before{background:#fff}.contact__panel h2{margin-top:14px;font-size:clamp(1.7rem,3.4vw,2.5rem)}.contact__panel>p{color:#ffffffe6;margin-top:14px;line-height:1.6}.contact__lines{gap:14px;margin-top:26px;display:grid}.contact__line{background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,transform .2s;display:flex}.contact__line:hover{border-color:#ffffffa6;transform:translateY(-2px)}.contact__line .ic{color:#fff;background:#ffffff29;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.contact__line .ic svg{width:20px;height:20px}.contact__line small{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;display:block}.contact__line b{font-size:1.12rem;font-weight:600}.contact__form{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(26px,4vw,40px);display:flex}.contact__form h3{font-size:1.3rem;font-weight:600}.contact__form p.note{color:var(--ink-soft);margin-top:8px;font-size:.92rem}.field{margin-top:16px}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.field input,.field select{width:100%;font-family:var(--font-body);border:1px solid var(--hair);background:var(--bg-soft);color:var(--ink);border-radius:12px;padding:12px 14px;font-size:.98rem;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #df202729}.contact__form .btn-primary{width:100%;margin-top:22px}.contact__form .reassure{color:var(--ink-soft);text-align:center;margin-top:14px;font-size:.82rem}@media (width<=820px){.contact__wrap{grid-template-columns:1fr}}.footer{background:var(--bg-deep);color:var(--paper-soft);border-top:1px solid var(--hair-deep);padding-block:clamp(40px,6vw,64px) 28px}.footer__top{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.footer .brand{color:var(--paper)}.footer__about{max-width:320px;margin-top:16px;font-size:.94rem;line-height:1.6}.footer__col h4{font-family:var(--font-display);color:var(--paper);margin:0 0 14px;font-size:.95rem;font-weight:600}.footer__col a,.footer__col span{font-size:.92rem;line-height:2;transition:color .18s;display:block}.footer__col a:hover{color:var(--cool)}.footer__bottom{border-top:1px solid var(--hair-deep);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;font-size:.84rem;display:flex}.footer__bottom .demo-flag{color:var(--warm)}@media (width<=760px){.footer__top{grid-template-columns:1fr 1fr}.footer__about{grid-column:1/-1}}.callbar{z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hair-deep);background:#0a0f1ceb;gap:10px;display:none;position:fixed;inset:auto 0 0}.callbar .btn{flex:1;padding:13px 10px}@media (width<=860px){.callbar{display:flex}body{padding-bottom:72px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{transition:none}.btn:hover,.svc-card:hover{transform:none}}