@font-face{font-family:OI Text;src:url('fonts/OI-Text.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:OI Text;src:url('fonts/OI-Text-Bold.otf') format('opentype');font-weight:600 900;font-display:swap}@font-face{font-family:OI Display;src:url('fonts/OI-Display.otf') format('opentype');font-weight:500 900;font-display:swap}
:root{--bg:#080b1c;--panel:#151a38;--line:#ffffff20;--muted:#bcc6de;--cyan:#69f2ff;--blue:#6487ff;--text:#f5f6ff}body{font-family:'OI Text',Arial,sans-serif;font-size:18px;background:radial-gradient(ellipse at 95% 38%,#46227720,transparent 45%),radial-gradient(ellipse at 2% 80%,#12456525,transparent 40%),var(--bg)}h1,h2,h3,h4,.brand{font-family:'OI Display',Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.6vw,6.5rem);line-height:1.12}h2{font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:1.18}h3{line-height:1.25}p{line-height:1.6}.wrap{width:min(1320px,89%)}header{background:#0a0d23d9;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff1a}.brand{font-size:23px;line-height:1.15;letter-spacing:1px;background:linear-gradient(115deg,#84fbff,#8bafff,#dfadff);background-clip:text;color:transparent}.brand span{font-family:'OI Text',Arial,sans-serif;font-size:10px;letter-spacing:1.3px;color:#b8c3df}nav{font-size:16px;gap:25px}nav a{position:relative}nav a:not(.contact-link)::after{content:'';position:absolute;bottom:3px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),#c997ff);transition:width .25s}nav a:hover::after,nav a[aria-current]::after{width:100%}.contact-link{border-radius:30px;border-color:#8587ff80;padding:11px 19px;background:#7173f215}.hero{isolation:isolate;background:radial-gradient(ellipse at 50% 20%,#21236340,transparent 65%),#080d20}.hero::before,.hero::after{content:'';position:absolute;inset:-15%;z-index:-1;pointer-events:none}.hero::before{background:radial-gradient(ellipse at 15% 50%,#0de5fe25,transparent 40%),radial-gradient(ellipse at 82% 35%,#8b43ff40,transparent 42%),radial-gradient(ellipse at 65% 100%,#f4439f20,transparent 40%);filter:blur(30px);animation:aurora 16s ease-in-out infinite alternate}.hero::after{background-image:linear-gradient(#a6bbff06 1px,transparent 1px),linear-gradient(90deg,#a6bbff06 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000,transparent)}.hero-content{padding-top:90px;padding-bottom:68px}.hero .eyebrow{display:inline-block;border:1px solid #aebcff35;border-radius:30px;padding:9px 20px;background:#bac4ff08;color:#d2ddf8;font-size:12px;letter-spacing:1.5px;margin-bottom:30px}.hero h1{font-size:clamp(3.1rem,7.5vw,7.2rem);line-height:1.1;letter-spacing:-.058em;background:linear-gradient(110deg,#8df6ff 10%,#86b2ff 37%,#c49cff 63%,#ffaace 86%);background-size:160% 100%;background-clip:text;animation:headline 10s ease-in-out infinite alternate;margin-bottom:28px}.hero h1 span{background:none}.promise{font-size:clamp(1.2rem,2.1vw,1.7rem);color:#e0e6fb}.promise b:nth-of-type(2){color:#dda0ff}.manifesto{border:1px solid #a1baff50;background:linear-gradient(115deg,#0acff522,#545cff30,#d559ee20);box-shadow:0 18px 80px #5051ff15,inset 0 1px #ffffff15;backdrop-filter:blur(12px);color:#e3ebff;max-width:1060px;padding:25px 40px;border-radius:24px;font-weight:400;font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.55}.hero-note{font-size:16px;letter-spacing:.025em;color:#bcc8e5}.button{border-radius:30px;background:linear-gradient(115deg,#80f4ff,#9dbdff);font-size:16px;padding:17px 27px;box-shadow:0 8px 30px #31c7ff20;transition:transform .25s,box-shadow .25s}.button:hover{background:linear-gradient(115deg,#c0faff,#bca7ff);box-shadow:0 12px 45px #6983ff40;transform:translateY(-3px)}.text-link{font-size:16px;border-bottom-color:#b991ff90}.eyebrow{font-size:13px;letter-spacing:1.8px}.section{padding-block:100px}.section-head{gap:60px;margin-bottom:46px}.section-head>p{max-width:410px}.products{gap:25px}.product{--accent:#77ecff;--wash:#28d4ff14;position:relative;overflow:hidden;border-radius:24px;padding:35px 30px;background:radial-gradient(ellipse at 0 0,var(--wash),transparent 80%),linear-gradient(135deg,#181e37,#101426);border-color:#ffffff24;box-shadow:0 22px 45px #00000025;transition:transform .35s,border-color .35s,box-shadow .35s}.product:nth-child(2){--accent:#c5a4ff;--wash:#9c52ff20}.product:nth-child(3){--accent:#ffacd5;--wash:#fa55ab1c}.product::before{content:'';position:absolute;top:0;left:30px;right:30px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.product:hover{border-color:var(--accent);transform:translateY(-9px);box-shadow:0 28px 55px #00000050}.product .eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--accent)}.product h3{font-size:clamp(1.7rem,2.4vw,2.3rem);margin:25px 0;line-height:1.2}.product h4{font-size:21px;line-height:1.45;letter-spacing:-.02em}.product p{font-size:17px}.product-line{width:100%;height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin-bottom:28px}.card-link{color:var(--accent);font-size:15px}.card-link span{transition:transform .25s}.product:hover .card-link span{transform:translate(3px,-3px)}.principles{padding-block:80px 100px}.info-grid{gap:24px}.info-grid article{border:1px solid #ffffff1b;padding:29px;border-radius:18px;background:linear-gradient(140deg,#a0b9ff09,#ffffff02);transition:border-color .3s,background .3s}.info-grid article:hover{border-color:#b3b4ff60;background:#a5a9ff0a}.info-grid .eyebrow{font-size:14px;color:#88dfea;margin-bottom:22px}.info-grid article:nth-child(3n+2) .eyebrow{color:#cbb0ff}.info-grid article:nth-child(3n+3) .eyebrow{color:#ffa9d1}.info-grid h3{font-size:25px;letter-spacing:-.035em}.info-grid p{font-size:17px}.cta{position:relative;border:1px solid #adb0ff36;border-radius:28px;background:radial-gradient(ellipse at 85% 60%,#9547ff25,transparent 70%),linear-gradient(120deg,#112d4144,#171b39);padding:55px;margin-top:25px;margin-bottom:80px;overflow:hidden}.cta h2{font-size:clamp(2rem,3.8vw,3.5rem)}footer{padding-top:50px}.footer-top .brand{font-size:20px}.footer-top p{font-size:16px}.footer-bottom{font-size:12px}.page-intro{position:relative;padding-top:85px;padding-bottom:65px;background:radial-gradient(ellipse at 95% 45%,#764bff16,transparent 70%)}.page-intro h1 span,h2 span{background:linear-gradient(100deg,#7eefff,#bda9ff,#ffb3d7);background-clip:text;color:transparent}.lead{font-size:22px}.solution .info-grid{gap:16px}.flow>div{background:linear-gradient(140deg,#15354a55,#29224c55);border-radius:20px;border-color:#8eabff40;padding:30px}.flow h3{font-size:27px}.flow p{font-size:17px}.flow>span{animation:signal 2.5s ease-in-out infinite}form{border-radius:24px;background:linear-gradient(135deg,#1c2442,#17162e);box-shadow:0 20px 60px #0003}label{font-size:16px}input,textarea,select{border-radius:9px;background:#080d20aa;border-color:#8093bd55;padding:14px}input:focus,textarea:focus,select:focus{border-color:#95dfff}.motion-toggle{background:#ffffff08;border:1px solid #ffffff30;color:#ccd5ea;font:inherit;font-size:12px;border-radius:20px;padding:5px 12px;cursor:pointer}.hero-bottom{align-items:center;gap:20px;font-size:12px}.motion-toggle:hover{border-color:var(--cyan)}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none}.hero-content>*{animation:entrance .8s both}.hero-content>h1{animation:entrance 1s both,headline 10s ease-in-out infinite alternate}.hero-content>.promise{animation-delay:.15s}.hero-content>.manifesto{animation-delay:.25s}.hero-content>.hero-actions{animation-delay:.35s}
@keyframes aurora{to{transform:translate3d(3%,-4%,0) scale(1.08)}}@keyframes headline{to{background-position:100% 50%}}@keyframes entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes signal{50%{opacity:.45;transform:translateX(4px)}}
@media(max-width:1100px){nav{gap:15px;font-size:14px}.brand{font-size:20px}.products{gap:16px}.product{padding:28px 24px}.contact-layout{gap:35px}}@media(max-width:900px){.nav-wrap{flex-wrap:wrap;min-height:90px}.menu-toggle{display:block}nav{display:none;width:100%;padding-bottom:20px;flex-direction:column;align-items:stretch;gap:6px}nav.open{display:flex}nav a{padding:10px}.products{grid-template-columns:1fr}.product h3{font-size:32px}.section-head{display:block}.section-head>p{max-width:650px;margin-top:20px}.cta{padding:35px;gap:30px}.info-grid{gap:16px}.info-grid article{padding:23px}.info-grid h3{font-size:22px}}@media(max-width:800px){body{font-size:17px}.hero-content{padding-top:48px;padding-bottom:45px}.hero h1{font-size:clamp(2.7rem,9.8vw,4.9rem);letter-spacing:-.045em}.hero .eyebrow{font-size:10px;letter-spacing:1px;padding:8px 12px}.manifesto{padding:22px;font-size:18px;border-radius:20px}.promise{font-size:19px}.promise b{margin:0 4px}.section{padding-block:55px}.hero-bottom{justify-content:space-between}.hero-bottom a{font-size:12px}.info-grid{grid-template-columns:1fr}.cta{margin-bottom:45px}.hero-actions{gap:16px}.page-intro{padding-top:55px}.page-intro h1{font-size:clamp(2.5rem,8vw,4rem)}.lead{font-size:20px}.flow>span{animation:none}.brand span{font-size:9px}.brand{font-size:19px}.footer-top p{font-size:14px}.hero-note{font-size:14px}.footer-top .brand{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.motion-toggle{display:none}}@media print{.reveal-ready{opacity:1;transform:none}.motion-toggle{display:none}}

/* Slightly tighter text spacing and shared contact links. */
body{line-height:1.55}.lead{line-height:1.55}.footer-contacts{display:flex;flex-wrap:wrap;gap:8px 28px;padding-bottom:22px;font-size:15px}.footer-contacts a,.contact-details a{color:var(--cyan);overflow-wrap:anywhere}.footer-contacts a:hover,.contact-details a:hover{text-decoration:underline}

/* Prominent contact details and hiring requirements. */
.footer-contacts{font-size:clamp(18px,2vw,21px);font-weight:700}.contact-details a{font-size:clamp(18px,2vw,21px);font-weight:700}.info-grid .hiring-requirement{margin-top:18px;color:var(--cyan);font-size:18px;font-weight:700}

/* Keep the homepage headline on one responsive line. */
.hero h1.single-line-title{font-size:clamp(19px,5.2vw,80px);white-space:nowrap;letter-spacing:-.045em;line-height:1.15}

/* Compact text layout with a subtle ambient background pulse. */
p{line-height:1.5;margin-bottom:14px}
.lead{line-height:1.5}
.hero-content{padding-top:65px;padding-bottom:48px}
.hero .eyebrow{margin-bottom:20px}
.hero h1.single-line-title{margin-bottom:20px}
.manifesto{margin-top:24px;margin-bottom:18px;padding:20px 34px;line-height:1.5}
.hero-actions{margin-top:24px}
.section{padding-block:78px}
.section-head{margin-bottom:32px}
.page-intro{padding-top:65px;padding-bottom:48px}
.product h3{margin:20px 0}
.product-line{margin-bottom:22px}
.principles{padding-block:60px 78px}
.hero::before{animation:aurora 16s ease-in-out infinite alternate,ambient-glow 7s ease-in-out infinite}
@keyframes ambient-glow{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:800px){
 .hero-content{padding-top:38px;padding-bottom:34px}
 .section{padding-block:44px}
 .page-intro{padding-top:42px;padding-bottom:36px}
 .manifesto{padding:18px 22px;margin-top:20px}
 .principles{padding-block:44px}
}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none!important;opacity:.8}}
