/* Homepage palette, typography and surfaces, exclusively for inner pages. */
:root{--ink:#101a3a;--muted:#5f6d87;--blue:#2457ff;--pink:#ef1dcc;--line:#dce7f8;--soft:#f7faff;--green:#16a36a;--color-bg:#fbfcff;--color-bg-alt:#f3f8ff;--color-bg-warm:#f5f0ff;--color-surface-dim:#f3f6ff;--color-surface-dark:#0f1d35;--color-surface-card:#182d4f;--color-surface-accent:#24436a;--color-text:var(--ink);--color-text-secondary:var(--muted);--color-text-muted:#657592;--color-border:var(--line);--color-border-subtle:#e5ecfa;--color-accent-orange:var(--blue);--color-accent-hover:#1945d6;--color-accent-light:#eef2ff;--color-accent-glow:#2457ff20;--grid-max-width:1240px;--shadow-md:0 12px 34px rgba(38,67,120,.07);--shadow-lg:0 22px 50px rgba(38,67,120,.12)}
html{scroll-padding-top:100px}body{font:16px/1.65 var(--font-body);background:radial-gradient(ellipse at 90% 8%,#e9f8ff 0,transparent 25%),radial-gradient(ellipse at 0 28%,#fff0fb 0,transparent 24%),linear-gradient(180deg,#fff,#fbfdff)}
h1,h2,h3,h4{font-family:var(--font-display)}.t-label,.badge,.preview-url{font-family:var(--font-mono)}
.site-header,.site-header.is-scrolled{background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);padding:15px max(4vw,calc((100vw - 1240px)/2))}.brand-logo{gap:9px}.brand-logo__name{font-size:23px;font-weight:800;letter-spacing:-.8px}.nav-link{color:var(--ink);font-size:14px;font-weight:650}.nav-link:hover,.nav-link.is-active{color:var(--blue)}
.nav-cta,.btn-primary{background:linear-gradient(105deg,#174aff 15%,#8536ff 62%,#fc628e)!important;color:white;border:0;border-radius:12px;box-shadow:0 10px 25px #2457ff29}.btn-primary:hover,.nav-cta:hover{box-shadow:0 15px 32px #2457ff38;filter:brightness(1.04)}.btn-secondary{background:var(--ink);border-radius:12px}.btn-outline{border-radius:12px;border-color:var(--line)}
.page-hero{padding-top:clamp(130px,13vw,185px);padding-bottom:70px;background:radial-gradient(ellipse at 78% 12%,#5b27d713,transparent 32%),radial-gradient(ellipse at 96% 56%,#0bbfe90e,transparent 36%),radial-gradient(ellipse at 5% 30%,#ec2f8f09,transparent 40%),#fbfcff;isolation:isolate}.page-hero:before{inset:auto -70px 10% auto;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#15bcec33,#592dd926);opacity:1;animation:pageBubble 14s ease-in-out infinite;z-index:0}.page-hero:after{content:"";position:absolute;left:-65px;bottom:-50px;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#f43b8f20,#ffaa4620);animation:pageBubble 18s ease-in-out -4s infinite;z-index:0;pointer-events:none}.page-hero__title{font-weight:800;max-width:950px;font-size:clamp(2.6rem,5.5vw,4.7rem);letter-spacing:-.04em}.page-title-accent{background:linear-gradient(105deg,#195eea 5%,#6328d7 42%,#e62e91 72%,#ff8b28);background-clip:text;-webkit-background-clip:text;color:transparent}.page-hero__desc{color:var(--muted)}
.section--alt{background:linear-gradient(135deg,#f3f8ff,#fbf5ff 55%,#fff7fb)}.section{padding-top:70px;padding-bottom:70px}.section--dark{background:radial-gradient(circle at 50% 50%,#182d4f,#0f1d35 80%)}
.service-card,.product-spotlight,.contact-form-card,.contact-info-card,.faq-item{border-color:var(--line);border-radius:16px;box-shadow:0 12px 34px #26437812}.service-card:hover{border-color:#b8cafa;box-shadow:0 22px 50px #2643781f;transform:translateY(-5px)}.service-card__icon-box{background:linear-gradient(135deg,#eef2ff,#fcf0ff);color:var(--blue);border-radius:12px}.service-card:hover .service-card__icon-box{background:linear-gradient(135deg,#2457ff,#8536ff);color:white}.product-spotlight{border-radius:24px;padding:clamp(22px,4vw,50px);gap:clamp(24px,4vw,55px)}.cta-banner{background:radial-gradient(ellipse at 90% 0,#395294,#0f1d35 70%);border:1px solid #294367;border-radius:24px}.cta-banner:before{background:radial-gradient(circle,#8536ff35,transparent 70%)}
.site-footer{background:#0f1d35;color:#fafbfa;border-top:1px solid #294367}.site-footer .brand-logo__name{color:white}.site-footer a{color:#dbe7fa}.site-footer a:hover{color:#9bc2ff}.site-footer .footer-contact-info,.site-footer .footer-bottom,.site-footer .footer-desc{color:#9bb0cb}.mobile-drawer{background:#0f1d35}.chip-option input:checked+.chip-label{background:#eef2ff;color:var(--blue);border-color:var(--blue)}
.anchor-alias{display:block;position:relative;top:-90px;visibility:hidden;height:0} [id]{scroll-margin-top:105px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f45bbb;outline-offset:4px}.motion-enter.motion-flip{animation:pageFlip .85s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--motion-delay,0ms)}.motion-enter.motion-bounce{animation:pageBounce .8s ease both;animation-delay:var(--motion-delay,0ms)}.motion-enter.motion-rise{animation:pageRise .75s ease both;animation-delay:var(--motion-delay,0ms)}
@keyframes pageFlip{from{opacity:0;transform:perspective(1200px) rotateX(16deg) translateY(30px)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0)}}@keyframes pageBounce{0%{opacity:0;transform:translateY(30px) scale(.95)}60%{opacity:1;transform:translateY(-9px) scale(1.01)}80%{transform:translateY(4px)}100%{transform:translateY(0) scale(1)}}@keyframes pageRise{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes pageBubble{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-18px)}}
@media(max-width:900px){.site-header{gap:12px}.nav-menu{gap:18px}.section{padding-block:55px}.product-spotlight{grid-template-columns:1fr}.product-spotlight--reverse{direction:ltr}}@media(max-width:600px){.page-hero{padding-top:130px;padding-bottom:50px}.page-hero__title{font-size:clamp(36px,9vw,52px)}.brand-logo__name{font-size:20px}.nav-cta{font-size:11px;padding:10px 12px}.section{padding-block:45px}.services-grid{grid-template-columns:1fr}.page-hero:before{width:140px;height:140px}.service-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}
@media(max-width:600px){[style*="grid-template-columns:auto 1fr"]{grid-template-columns:1fr!important;gap:24px!important;padding:24px!important}}