.topo{pointer-events:none;position:absolute}.topo path{fill:none;stroke:#29b8e81c;stroke-width:1px}
.hero{background:var(--navy-950);min-height:100svh;color:var(--white);align-items:center;display:flex;position:relative;overflow:clip}.hero__glow{filter:blur(40px);pointer-events:none;will-change:transform;background:radial-gradient(circle,#29b8e829 0%,#29b8e80d 45%,#0000 70%);border-radius:50%;width:780px;height:780px;position:absolute;top:50%;left:50%;transform:translate(-30%,-60%)}.hero__grid-lines{pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,#0000 100%)}.hero__inner{align-items:center;gap:var(--space-6);padding-block:calc(var(--header-h) + var(--space-6)) var(--space-7);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid;position:relative}.hero__title{font-size:var(--fs-hero);margin-top:var(--space-4);font-weight:650}.hero__title em{color:var(--cyan-300);font-style:italic;font-weight:500}.hero__line{padding-block:.04em;display:block;overflow:hidden}.hero__line>span{will-change:transform;display:block}.hero__mask{padding-block:.04em;overflow:hidden}.hero__mask>*{will-change:transform}.hero__mask--free{overflow:visible}html.pre-anim .hero__mask--free,.hero--entering .hero__mask--free{overflow:hidden}.hero__sub{margin-top:var(--space-4);max-width:52ch;font-size:var(--fs-body);color:var(--muted-dark)}.hero__sub strong{color:var(--cyan-300);font-weight:600}.hero__ctas{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero__mark{justify-self:center;animation:7s ease-in-out infinite hero-float;position:relative}.hero__mark-tile{aspect-ratio:1;border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--white), var(--paper-soft));border:1px solid #ffffff80;place-items:center;width:280px;display:grid;box-shadow:0 40px 90px -30px #0009,0 0 60px #29b8e826}.hero__mark:after{content:"";z-index:-1;background:radial-gradient(circle,#29b8e81f,#0000 65%);border-radius:50%;position:absolute;inset:-18%}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hero__topo{width:min(58vw,760px);height:auto;top:-12%;right:-14%;-webkit-mask-image:radial-gradient(65% 65%,#000 40%,#0000 100%);mask-image:radial-gradient(65% 65%,#000 40%,#0000 100%)}.hero__scroll-hint{bottom:var(--space-4);font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted-dark);font-size:.68rem;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hero__scroll-hint-inner{will-change:transform;flex-direction:column;align-items:center;gap:.6rem;display:flex}.hero__scroll-line{background:var(--line-dark);width:1px;height:44px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--cyan-500);width:100%;height:50%;animation:scroll-drip 2.2s var(--ease-out) infinite;position:absolute;top:-50%;left:0}@keyframes scroll-drip{0%{top:-50%}to{top:110%}}@media (max-width:900px){.hero__inner{gap:var(--space-5);grid-template-columns:1fr}.hero__mark{display:none}}
.services-overview__grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.service-card{background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4) var(--space-4);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s var(--ease-out);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--cyan-500), var(--cyan-300));transform-origin:0;width:100%;height:3px;transition:transform .45s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-card-hover);border-color:#0000;transform:translateY(-6px)}.service-card:hover:before{transform:scaleX(1)}.service-card__index{font-family:var(--font-mono);color:var(--cyan-500);letter-spacing:.15em;font-size:.75rem}.service-card__title{font-size:var(--fs-h3);margin-top:var(--space-3)}.service-card__blurb{margin-top:var(--space-2);color:var(--muted-light);font-size:.95rem}.service-card--cta{background:var(--navy-900);color:var(--white);justify-content:space-between;gap:var(--space-4);border-color:#0000;flex-direction:column;display:flex}.service-card--cta:before{transform:scaleX(1)}.service-card__cta-copy{font-family:var(--font-display);color:var(--white);font-size:1.15rem;font-weight:500;line-height:1.35}@media (max-width:980px){.services-overview__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.services-overview__grid{grid-template-columns:1fr}}
.platforms{background:radial-gradient(60% 50% at 15% 10%, #29b8e814, transparent 70%), var(--navy-950)}.platforms__list{gap:var(--space-8);margin-top:var(--space-7);flex-direction:column;display:flex}.platform-panel{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.platform-panel.is-flipped .platform-panel__copy{order:2}.platform-panel.is-flipped .platform-mock{order:1}.platform-panel__badges{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.platform-badge{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-dark);border:1px solid var(--line-dark);border-radius:999px;padding:.5em 1.1em;font-size:.7rem}.platform-badge--live{color:#7ef2b0;border-color:#7ef2b066}.platform-panel__kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-500);font-size:.75rem}.platform-panel__name{margin-top:var(--space-3);font-size:clamp(2.2rem,1.4rem + 3.4vw,3.6rem)}.platform-panel__desc{margin-top:var(--space-3);color:var(--muted-dark);max-width:50ch}.platform-panel__features{margin-block:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.platform-panel__features li{color:var(--muted-dark);padding-left:1.6em;font-size:.98rem;position:relative}.platform-panel__features li:before{content:"↗";color:var(--cyan-500);font-weight:700;position:absolute;left:0}.platform-mock{border-radius:var(--radius-md);background:linear-gradient(160deg, var(--navy-800), var(--navy-900) 65%);border:1px solid var(--line-dark);transition:border-color .45s var(--ease-out), box-shadow .45s var(--ease-out);display:block;overflow:hidden;box-shadow:0 40px 80px -30px #0000008c}.platform-mock:hover{border-color:#29b8e873;box-shadow:0 48px 90px -30px #000000a6}.platform-mock__shot{width:100%;height:auto;display:block}.platform-mock__chrome{border-bottom:1px solid var(--line-dark);align-items:center;gap:6px;padding:12px 14px;display:flex}.platform-mock__chrome>span{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.platform-mock__address{max-width:220px;font-family:var(--font-mono);letter-spacing:.08em;color:#e7f0f773;background:#ffffff0d;border-radius:6px;flex:1;margin-left:10px;padding:4px 10px;font-size:.62rem}@media (max-width:900px){.platform-panel{gap:var(--space-5);grid-template-columns:1fr}.platform-panel.is-flipped .platform-panel__copy,.platform-panel.is-flipped .platform-mock{order:0}.platforms__list{gap:var(--space-7)}}
.why__grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.why__card{border-top:2px solid var(--navy-700);padding-top:var(--space-4)}.why__card-num{font-family:var(--font-mono);color:var(--cyan-500);letter-spacing:.15em;font-size:.75rem}.why__card h3{font-size:var(--fs-h3);margin-top:var(--space-2)}.why__card p{margin-top:var(--space-2);color:var(--muted-light);font-size:.95rem}.why__stats{margin-top:var(--space-7);gap:var(--space-4);border-radius:var(--radius-lg);background:var(--navy-900);color:var(--white);padding:var(--space-6) var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.why__stat{text-align:center}.why__stat-value{font-family:var(--font-display);color:var(--cyan-500);font-size:clamp(2.6rem,2rem + 3vw,4.2rem);font-weight:700;line-height:1}.why__stat-label{margin-top:var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--muted-dark);font-size:.72rem}@media (max-width:820px){.why__grid,.why__stats{grid-template-columns:1fr}.why__stats{gap:var(--space-5)}}
