:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#160d25}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:#fffaf4;background:radial-gradient(circle at 50% -12%,rgba(101,52,141,.54) 0%,transparent 42%),radial-gradient(circle at 12% 92%,rgba(124,55,106,.22) 0%,transparent 34%),linear-gradient(155deg,#271439,#160d25 52%,#0e0818)}button,a{font:inherit}a{color:inherit}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.gateway{position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto;min-height:100svh;padding:clamp(28px,4vw,64px) clamp(18px,4vw,64px) 20px;overflow:hidden}.gateway:before,.gateway:after{position:fixed;z-index:-1;width:min(46vw,680px);aspect-ratio:1;content:"";border-radius:50%;pointer-events:none;filter:blur(2px)}.gateway:before{top:-30vw;right:-18vw;background:radial-gradient(circle,rgba(255,174,57,.08),transparent 68%)}.gateway:after{bottom:-32vw;left:-20vw;background:radial-gradient(circle,rgba(173,95,219,.12),transparent 68%)}.landing{width:min(1160px,100%);margin:auto;padding-block:clamp(24px,4vh,48px);text-align:center}.brand-stage{width:min(600px,88vw);margin-inline:auto;opacity:0;transform:translateY(92px) scale(.93);animation:logo-intro 1s cubic-bezier(.22,.8,.24,1) .08s forwards}.brand-wordmark{display:inline-grid;justify-items:center;width:100%;padding:.08em .08em .12em;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 22px 32px rgba(0,0,0,.32))}.brand-wordmark__primary{display:block;padding-inline:.08em .13em;color:#278bff;font-family:Arial Black,Segoe UI Black,Helvetica Neue,Arial,sans-serif;font-size:clamp(4.4rem,10.5vw,7.6rem);font-weight:950;font-style:italic;line-height:.82;letter-spacing:-.085em;-webkit-text-stroke:clamp(2px,.3vw,4px) #f7fbff;paint-order:stroke fill;text-shadow:.065em .08em 0 #08122c}.brand-wordmark__secondary{display:block;margin-top:.38em;margin-left:1.35em;padding:.34em .85em .38em 1.05em;color:#fff;font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:clamp(.83rem,2.05vw,1.35rem);font-weight:900;font-style:italic;line-height:1;letter-spacing:.34em;background:#0b459d;border:1px solid rgba(255,255,255,.24);border-radius:.26em;box-shadow:0 8px 22px #00000052}.choice-stage{margin-top:clamp(24px,3.6vh,38px)}.choice-kicker{margin:0 0 8px;color:#ffbd4a;font-size:.73rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:0;transform:translateY(12px);animation:reveal-up .48s ease-out 1.02s forwards}h2{margin:0;color:#fffaf4;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.045em;opacity:0;transform:translateY(14px);animation:reveal-up .55s ease-out 1.1s forwards}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:clamp(26px,4vh,42px)}.service-card{--accent: #ffbd4a;--card-index: 0;position:relative;display:grid;aspect-ratio:1.25;min-height:0;overflow:hidden;text-align:left;text-decoration:none;background:#1b1029;border:1px solid rgba(255,255,255,.15);border-radius:22px;box-shadow:0 24px 54px #04000b30;opacity:0;transform:translateY(20px);animation:card-in .52s cubic-bezier(.22,.75,.2,1) calc(1.34s + var(--card-index) * .13s) forwards;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.service-card:after{position:absolute;right:-60px;bottom:-80px;width:180px;aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);transition:transform .28s ease}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease}.card-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0a051105 22%,#0a051157 56%,#0a0511f5),linear-gradient(90deg,rgba(10,5,17,.2),transparent 56%)}.card-content{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:start;align-self:end;width:100%;padding:clamp(20px,2vw,27px)}.service-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:0 28px 60px #04000b47,0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.service-card:hover .card-image{transform:scale(1.045);filter:saturate(1.06) contrast(1.02)}.service-card:hover:after{transform:scale(1.16)}.service-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.card-number{display:grid;place-items:center;width:34px;height:34px;color:#160d25;font-size:.7rem;font-weight:900;background:var(--accent);border-radius:10px}.card-copy{display:grid;gap:10px;min-width:0}.card-copy strong{color:#fff;font-size:clamp(1.14rem,2vw,1.35rem);line-height:1.2;letter-spacing:-.025em}.card-copy span{color:#fffaf4bd;font-size:.88rem;line-height:1.45}.card-arrow{position:relative;z-index:1;color:var(--accent);font-size:1.4rem;line-height:1;transition:transform .2s ease}.service-card:hover .card-arrow{transform:translate(5px)}footer{padding-top:18px;color:#fffaf466;font-size:.78rem;letter-spacing:.045em;text-align:center;opacity:0;animation:reveal-up .45s ease-out 1.82s forwards}@keyframes logo-intro{0%{opacity:0;transform:translateY(92px) scale(.93)}48%{opacity:1;transform:translateY(92px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.gateway{padding-inline:18px}.landing{width:min(560px,100%)}.brand-stage{width:min(520px,94vw)}.service-grid{grid-template-columns:1fr}.service-card{aspect-ratio:16/9;min-height:0}}@media(max-width:480px){.gateway{padding:22px 14px 16px}.landing{padding-block:18px 24px}.brand-stage{width:min(430px,96%)}.choice-stage{margin-top:20px}.service-grid{gap:12px;margin-top:24px}.service-card{border-radius:18px}.card-content{gap:12px;padding:18px}.card-copy span{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
