*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#05070d;color:#fff}a{text-decoration:none;color:inherit}
.page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 28%),radial-gradient(circle at bottom right, rgba(59,130,246,.10), transparent 30%),linear-gradient(to bottom,#060912,#03050a)}
.bg-grid{position:absolute;inset:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:120px 120px}
.bg-orb{position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none}.orb-left{left:-5rem;top:4rem;width:18rem;height:18rem;background:rgba(59,130,246,.2);animation:orbA 8s ease-in-out infinite}.orb-right{right:0;bottom:0;width:20rem;height:20rem;background:rgba(96,165,250,.1);animation:orbB 9s ease-in-out infinite}
@keyframes orbA{0%,100%{opacity:.28;transform:scale(1)}50%{opacity:.55;transform:scale(1.08)}}@keyframes orbB{0%,100%{opacity:.15;transform:scale(.96)}50%{opacity:.28;transform:scale(1.04)}}

.wrap{position:relative;z-index:2;max-width:1280px;min-height:100vh;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}
.left-col{max-width:42rem}
.status-pill{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(96,165,250,.2);background:rgba(59,130,246,.1);font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#bfdbfe}
.status-dot{width:.62rem;height:.62rem;border-radius:999px;background:#93c5fd;box-shadow:0 0 16px rgba(147,197,253,.75);animation:pulseDot 1.8s ease-in-out infinite}
@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.75}}
.eyebrow{margin-bottom:1rem;font-size:.9rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.hero-title{margin:0;max-width:14ch;font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.02;font-weight:600}
.hero-title span{background:linear-gradient(to right,#fff,#bfdbfe,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{margin:1.5rem 0 0;max-width:40rem;font-size:clamp(1rem,2vw,1.13rem);line-height:1.9;color:rgba(255,255,255,.7)}
.contact-grid{margin-top:2rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:1rem;transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.contact-primary{border:1px solid rgba(59,130,246,.35);background:linear-gradient(to bottom,#3b82f6,#1d4ed8);box-shadow:0 0 30px rgba(37,99,235,.24)}
.contact-primary:hover{transform:scale(1.02);box-shadow:0 0 42px rgba(59,130,246,.42)}
.contact-secondary{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.contact-secondary:hover{border-color:rgba(96,165,250,.35);background:rgba(255,255,255,.07)}
.contact-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:.85rem;font-size:1.1rem}
.contact-primary .contact-icon{background:rgba(255,255,255,.1)}.contact-secondary .contact-icon{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.contact-text{min-width:0;text-align:left}.contact-label{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.contact-primary .contact-label{color:rgba(219,234,254,.75)}.contact-secondary .contact-label{color:rgba(255,255,255,.45)}
.contact-value{margin-top:.3rem}.contact-primary .contact-value{white-space:nowrap;font-size:clamp(1rem,1.4vw,1.1rem);font-weight:600}.contact-secondary .contact-value{font-size:1rem;font-weight:500;color:rgba(255,255,255,.95)}

.right-col{position:relative}
.visual-card{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.1);padding:1.5rem;background:linear-gradient(to bottom right,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 25px 80px rgba(0,0,0,.58);backdrop-filter:blur(18px)}
.visual-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 18%,rgba(59,130,246,.16),transparent 26%),radial-gradient(circle at 72% 72%,rgba(255,255,255,.05),transparent 18%)}
.visual-inner{position:relative;aspect-ratio:1.28/1;overflow:hidden;border-radius:1.6rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.inner-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(37,99,235,.18),transparent 42%)}

.rings{position:absolute;inset:0}.ring,.ring-spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px}
.ring-a{width:28rem;height:28rem;border:1px solid rgba(96,165,250,.1)}.ring-b{width:22rem;height:22rem;border:1px solid rgba(255,255,255,.1)}.ring-c{width:16rem;height:16rem;border:1px solid rgba(147,197,253,.15)}
.ring-spin-a{width:28rem;height:28rem;border:1px solid transparent;border-top-color:rgba(96,165,250,.35);animation:spin 18s linear infinite}
.ring-spin-b{width:22rem;height:22rem;border:1px solid transparent;border-right-color:rgba(255,255,255,.2);animation:spinRev 14s linear infinite}
.ring-spin-c{width:16rem;height:16rem;border:1px solid transparent;border-bottom-color:rgba(147,197,253,.3);animation:spin 10s linear infinite}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}

.spark{position:absolute;border-radius:999px}
.spark-1{left:18%;top:32%;width:10px;height:10px;background:#93c5fd;box-shadow:0 0 18px rgba(147,197,253,.8);animation:sparkA 3.4s ease-in-out infinite}
.spark-2{right:20%;top:26%;width:8px;height:8px;background:rgba(255,255,255,.8);box-shadow:0 0 18px rgba(255,255,255,.65);animation:sparkB 4.2s ease-in-out .4s infinite}
.spark-3{left:26%;bottom:24%;width:8px;height:8px;background:rgba(96,165,250,.9);box-shadow:0 0 18px rgba(96,165,250,.8);animation:sparkC 3.8s ease-in-out .8s infinite}
.spark-4{right:24%;bottom:18%;width:10px;height:10px;background:#bfdbfe;box-shadow:0 0 18px rgba(191,219,254,.85);animation:sparkD 4.6s ease-in-out .2s infinite}
@keyframes sparkA{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-10px);opacity:1}}@keyframes sparkB{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(8px);opacity:.85}}@keyframes sparkC{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(12px);opacity:.9}}@keyframes sparkD{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-9px);opacity:1}}

.logo-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;padding:2rem}
.logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-2%)}
.logo-car{display:block;margin:0 auto -.55rem;width:min(420px,82%);height:auto}
.logo-text{display:flex;align-items:flex-end;gap:.125rem;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.04));animation:logoGlow 5s ease-in-out infinite}
.logo-bright,.logo-up{font-style:italic;font-weight:900;font-size:clamp(2rem,4vw,2.45rem);text-transform:uppercase}
.logo-bright{letter-spacing:.08em;color:#fff}.logo-up{transform:translateY(1px);letter-spacing:.04em;background:linear-gradient(to bottom,#bfdbfe,#93c5fd,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,.04))}50%{filter:drop-shadow(0 0 18px rgba(96,165,250,.12))}}

.cursor-grid{position:absolute;inset:.5%;overflow:hidden;border-radius:1.55rem;opacity:0;transition:opacity .18s ease-out;pointer-events:none;z-index:2}
.cursor-grid.active{opacity:1}
.grid-layer{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(191,219,254,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(191,219,254,.045) 1px,transparent 1px);background-size:16.66% 16.66%}
.grid-glow,.grid-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.grid-glow{width:112px;height:112px;border-radius:1.2rem;border:1px solid rgba(191,219,254,.16);background:radial-gradient(circle at center,rgba(255,255,255,.24),rgba(191,219,254,.18) 28%,rgba(96,165,250,.12) 48%,transparent 72%);filter:blur(12px)}
.grid-point{width:14px;height:14px;border-radius:.42rem;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.85);box-shadow:0 0 18px rgba(255,255,255,.42),0 0 28px rgba(191,219,254,.26)}

@media (max-width:1024px){.wrap{grid-template-columns:1fr;gap:2rem;padding:2rem 1.25rem}.left-col{max-width:none}}
@media (max-width:640px){.contact-grid{grid-template-columns:1fr}.status-pill{letter-spacing:.18em}.logo-car{width:min(360px,92%)}.logo-wrap{transform:none}}