:root{--bg:#03060a;--bg2:#070b11;--panel:#0b111a;--text:#f5f8fc;--muted:#8e9bab;--blue:#8ddcff;--blue2:#3c87ff;--red:#ff4263;--line:rgba(255,255,255,.10);--mx:70%;--my:35%}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0%,#0a1624 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#8ddcff;color:#031018}
body:before{content:"";position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}
.progress{position:fixed;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue),white,var(--red));z-index:150;transform:scaleX(0);transform-origin:left}.cursor,.cursor-dot{position:fixed;z-index:160;pointer-events:none;border-radius:50%;left:0;top:0;display:none}.cursor{width:46px;height:46px;border:1px solid rgba(141,220,255,.42);box-shadow:0 0 22px rgba(141,220,255,.08)}.cursor-dot{width:5px;height:5px;background:#e7f9ff;box-shadow:0 0 16px #8ddcff}@media(pointer:fine){.cursor,.cursor-dot{display:block}}
#storm{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.8}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,58px);background:linear-gradient(180deg,rgba(3,6,10,.8),transparent);backdrop-filter:blur(2px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.28em;font-size:10px}.monogram{width:38px;height:38px;border:1px solid rgba(141,220,255,.32);border-radius:50%;display:grid;place-items:center;background:rgba(141,220,255,.06);color:#d8f6ff;box-shadow:0 0 30px rgba(61,135,255,.12)}.navlinks{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(4,7,12,.45);backdrop-filter:blur(18px)}.navlinks a{padding:10px 13px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.58);transition:.25s}.navlinks a:hover{background:rgba(255,255,255,.08);color:white}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:-2%;background:url('../assets/hero.png') 64% center/cover no-repeat;transform:scale(1.04);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,9,.99) 0%,rgba(2,5,9,.94) 31%,rgba(2,5,9,.54) 55%,rgba(2,5,9,.12) 100%),linear-gradient(180deg,rgba(3,7,12,.3),transparent 45%,rgba(2,5,9,.95) 100%)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(141,220,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(141,220,255,.08) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.55),#000)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(141,220,255,.15),transparent 17%);mix-blend-mode:screen;pointer-events:none}.hero-inner{position:relative;z-index:10;width:min(1450px,100%);margin:auto;padding:132px clamp(20px,4vw,58px) 58px}.kicker{display:flex;align-items:center;gap:12px;color:rgba(201,241,255,.8);font-size:9px;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.kicker:before{content:"";width:46px;height:1px;background:var(--blue);box-shadow:0 0 14px var(--blue)}.hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(4.8rem,12.4vw,11.5rem);line-height:.72;letter-spacing:-.09em;text-transform:uppercase;margin:24px 0 0;font-weight:800}.hero h1 span{display:block}.electric{background:linear-gradient(90deg,#fff,#9ee4ff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(90,182,255,.17))}.lead{max-width:700px;color:rgba(236,245,255,.62);line-height:1.75;font-size:clamp(14px,1.3vw,18px);margin:26px 0 0}.chips,.actions,.tags,.socials{display:flex;flex-wrap:wrap;gap:9px}.chips{margin-top:28px}.chip,.tag{padding:9px 12px;border:1px solid rgba(141,220,255,.22);background:rgba(62,140,255,.05);border-radius:999px;color:rgba(225,248,255,.78);font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.chip:nth-child(2){border-color:rgba(255,66,99,.28);background:rgba(255,66,99,.05);color:#ffd7df}.actions{margin-top:30px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;transition:.3s}.btn.primary{background:#fff;color:#02060a}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(255,255,255,.16)}.btn.ghost{border:1px solid rgba(141,220,255,.22);background:rgba(0,0,0,.2);backdrop-filter:blur(12px);color:rgba(255,255,255,.82)}.btn.ghost:hover{border-color:rgba(141,220,255,.5);background:rgba(141,220,255,.05)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin-top:44px;border-block:1px solid var(--line);background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}.hero-stat{padding:15px 18px;border-right:1px solid var(--line)}.hero-stat:last-child{border-right:0}.hero-stat strong{font:800 22px Manrope}.hero-stat small{display:block;margin-top:4px;color:rgba(255,255,255,.34);font-size:7px;font-weight:900;letter-spacing:.23em;text-transform:uppercase}
main{position:relative;z-index:5}.section{padding:110px clamp(20px,4vw,58px);border-bottom:1px solid rgba(255,255,255,.07)}.wrap{max-width:1250px;margin:auto}.section-head{display:grid;grid-template-columns:150px 1fr;gap:24px;margin-bottom:60px}.section-no{font:800 11px Manrope;letter-spacing:.2em;color:rgba(255,255,255,.27)}.eyebrow{margin-top:14px;font-size:8px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;color:var(--blue)}.section-title{margin:0;font:800 clamp(3.2rem,7vw,7rem) Manrope;line-height:.82;letter-spacing:-.065em;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.meta{font-size:9px;line-height:2.2;letter-spacing:.22em;color:rgba(255,255,255,.36);text-transform:uppercase}.statement{margin:0;font:800 clamp(2rem,4.1vw,4.2rem) Manrope;line-height:1.04;letter-spacing:-.045em;color:rgba(255,255,255,.92)}.copy{max-width:720px;color:rgba(255,255,255,.49);line-height:1.9;font-size:14px;margin-top:26px}.alt{background:rgba(255,255,255,.012)}
.timeline{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:190px 1fr 1.15fr;gap:28px;padding:31px 0;border-bottom:1px solid var(--line);transition:.3s}.row:hover{background:linear-gradient(90deg,rgba(141,220,255,.03),transparent)}.years{font-size:9px;font-weight:900;letter-spacing:.2em;color:rgba(141,220,255,.7)}.company{font:800 clamp(1.75rem,3.2vw,3rem) Manrope;text-transform:uppercase;letter-spacing:-.04em}.role{margin-top:5px;color:rgba(255,118,138,.7);font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.desc{color:rgba(255,255,255,.46);line-height:1.75;font-size:13px}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;min-height:470px;padding:25px;border-radius:30px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014));transition:.4s;transform-style:preserve-3d}.card:hover{border-color:rgba(141,220,255,.34);box-shadow:0 30px 80px rgba(0,0,0,.35)}.card:before,.card:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(141,220,255,.1)}.card:before{width:235px;height:235px;right:-78px;top:-75px}.card:after{width:145px;height:145px;right:-25px;top:-20px;border-color:rgba(255,66,99,.11)}.card .scan{position:absolute;inset:0;background:radial-gradient(circle at var(--cx,70%) var(--cy,25%),rgba(141,220,255,.10),transparent 24%);opacity:0;transition:.3s}.card:hover .scan{opacity:1}.case{font-size:8px;font-weight:900;letter-spacing:.27em;color:rgba(255,255,255,.3)}.plus{position:absolute;right:25px;top:22px;color:rgba(141,220,255,.62);font-size:18px}.card-content{position:absolute;left:25px;right:25px;bottom:26px;transform:translateZ(28px)}.label{font-size:8px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,118,138,.7)}.card h3{font:800 clamp(2.4rem,4vw,4rem) Manrope;letter-spacing:-.055em;margin:12px 0 0}.card p{color:rgba(255,255,255,.46);line-height:1.65;font-size:13px;margin:18px 0}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:8px;font-weight:900;letter-spacing:.2em;color:#d8f5ff;text-transform:uppercase}.card-link span{transition:.25s}.card:hover .card-link span{transform:translateX(4px)}
.showreel-shell{position:relative;min-height:620px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 72% 32%,rgba(61,135,255,.18),transparent 26%),radial-gradient(circle at 85% 70%,rgba(255,66,99,.12),transparent 25%),#060a10}.showreel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(141,220,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(141,220,255,.06) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 65%)}.reel-lines{position:absolute;right:7%;top:13%;width:44%;aspect-ratio:1;border:1px solid rgba(141,220,255,.12);border-radius:50%;animation:spin 24s linear infinite}.reel-lines:before,.reel-lines:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:12%}.reel-lines:after{inset:27%;border-color:rgba(255,66,99,.15)}@keyframes spin{to{transform:rotate(360deg)}}.reel-content{position:relative;z-index:2;padding:clamp(28px,5vw,64px);max-width:700px}.reel-mark{font:800 clamp(5rem,12vw,10rem) Manrope;letter-spacing:-.08em;line-height:.75;color:rgba(255,255,255,.04);position:absolute;right:4%;bottom:0}.reel-title{font:800 clamp(3.5rem,8vw,8rem) Manrope;letter-spacing:-.07em;line-height:.78;text-transform:uppercase;margin:22px 0}.reel-copy{max-width:560px;color:rgba(255,255,255,.5);line-height:1.8}.wave{display:flex;align-items:flex-end;gap:4px;height:50px;margin:30px 0}.wave i{display:block;width:4px;border-radius:4px;background:linear-gradient(var(--blue),var(--red));animation:wave 1.15s ease-in-out infinite alternate;opacity:.75}.wave i:nth-child(2n){animation-delay:-.3s}.wave i:nth-child(3n){animation-delay:-.6s}@keyframes wave{from{height:10px}to{height:48px}}
.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skill{padding:23px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.017);position:relative;overflow:hidden}.skill:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--red));transform:scaleX(0);transform-origin:left;transition:.45s}.skill:hover:after{transform:scaleX(1)}.skill small{display:block;margin-bottom:34px;color:rgba(255,255,255,.25);font-size:8px;letter-spacing:.25em}.skill b{font:800 19px Manrope;text-transform:uppercase;letter-spacing:-.02em}.edu{display:grid;grid-template-columns:1fr 1fr;gap:18px}.edu-card,.proof-card{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.02);padding:32px}.date{font-size:8px;font-weight:900;letter-spacing:.26em;color:rgba(141,220,255,.65)}.edu-card:nth-child(2) .date{color:rgba(255,118,138,.7)}.edu-card h3,.proof-card h3{font:800 30px Manrope;text-transform:uppercase;letter-spacing:-.035em;margin:24px 0 8px}.edu-card p,.proof-card p{color:rgba(255,255,255,.45);line-height:1.75;font-size:13px}.proof{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.proof-card.big{background:radial-gradient(circle at 82% 20%,rgba(141,220,255,.09),transparent 28%),rgba(255,255,255,.02)}.proof-card.big h3{font-size:clamp(2.6rem,5vw,5rem);line-height:.93}
.social-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.social-strip a{padding:24px 18px;border-right:1px solid var(--line);transition:.25s}.social-strip a:last-child{border-right:0}.social-strip small{display:block;color:rgba(255,255,255,.3);font-size:7px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.social-strip strong{display:block;margin-top:9px;font:800 18px Manrope;text-transform:uppercase}.social-strip a:hover{background:rgba(141,220,255,.03)}
.contact{text-align:center;position:relative;overflow:hidden;background:#05080d}.contact:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(61,135,255,.07);filter:blur(130px);left:50%;top:50%;transform:translate(-50%,-50%)}.contact .wrap{position:relative}.contact h2{font:800 clamp(3.7rem,10vw,9rem) Manrope;letter-spacing:-.07em;line-height:.77;text-transform:uppercase;margin:24px auto;max-width:1100px}.contact-form{max-width:760px;margin:42px auto 0;text-align:left}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:block;padding:13px 15px 11px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.025);transition:.25s}.field.full{margin-top:10px}.field:focus-within{border-color:rgba(141,220,255,.38);background:rgba(141,220,255,.035)}.field b{display:block;margin-bottom:7px;color:rgba(255,255,255,.34);font-size:7px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.field input,.field textarea{width:100%;border:0;outline:0;resize:vertical;background:transparent;color:rgba(255,255,255,.92);font:inherit;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.24)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}.form-status{color:rgba(255,255,255,.35);font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.foot{margin-top:60px;color:rgba(255,255,255,.27);font-size:8px;letter-spacing:.26em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
.intro{position:fixed;inset:0;z-index:200;background:#02050a;display:grid;place-items:center;transition:opacity .7s,visibility .7s}.intro.hide{opacity:0;visibility:hidden}.intro-core{text-align:center}.intro-core span{display:block;color:rgba(141,220,255,.6);font-size:8px;font-weight:900;letter-spacing:.4em}.intro-core b{display:block;font:800 clamp(4rem,13vw,10rem) Manrope;letter-spacing:-.08em;margin-top:8px}.flash{position:absolute;inset:0;background:white;opacity:0;animation:flash 1.8s ease .5s 1}@keyframes flash{0%,100%{opacity:0}46%{opacity:0}47%{opacity:.12}49%{opacity:0}61%{opacity:.05}62%{opacity:0}}
/* case study */.case-hero{min-height:75svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:140px clamp(20px,4vw,58px) 60px;border-bottom:1px solid var(--line)}.case-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(61,135,255,.17),transparent 25%),radial-gradient(circle at 82% 68%,rgba(255,66,99,.10),transparent 23%),linear-gradient(180deg,#07111c,#03060a)}.case-hero .ring{position:absolute;width:min(62vw,760px);aspect-ratio:1;border:1px solid rgba(141,220,255,.13);border-radius:50%;right:-7%;top:-10%;box-shadow:0 0 0 90px rgba(141,220,255,.015),0 0 0 180px rgba(255,66,99,.01)}.case-hero-inner{position:relative;z-index:2;width:min(1250px,100%);margin:auto}.back{display:inline-flex;gap:9px;align-items:center;font-size:8px;font-weight:900;letter-spacing:.22em;color:rgba(255,255,255,.5);text-transform:uppercase}.case-hero h1{font:800 clamp(4.5rem,12vw,11rem) Manrope;text-transform:uppercase;letter-spacing:-.08em;line-height:.75;margin:34px 0 0}.case-sub{max-width:760px;color:rgba(255,255,255,.52);line-height:1.8;font-size:15px;margin-top:28px}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.case-content{padding:95px clamp(20px,4vw,58px)}.case-content .wrap{display:grid;grid-template-columns:290px 1fr;gap:70px}.side-index{position:sticky;top:120px;align-self:start;border-left:1px solid var(--line);padding-left:20px}.side-index a{display:block;padding:8px 0;color:rgba(255,255,255,.34);font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.story-block{padding-bottom:70px;margin-bottom:70px;border-bottom:1px solid var(--line)}.story-block:last-child{border-bottom:0}.story-block h2{font:800 clamp(2.5rem,5vw,5.5rem) Manrope;letter-spacing:-.055em;text-transform:uppercase;line-height:.9;margin:0 0 25px}.story-block p{color:rgba(255,255,255,.5);line-height:1.9;max-width:780px;font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.story-tile{min-height:190px;border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.018)}.story-tile small{font-size:7px;font-weight:900;letter-spacing:.23em;color:var(--blue);text-transform:uppercase}.story-tile h3{font:800 24px Manrope;text-transform:uppercase;margin:35px 0 8px}.story-tile p{font-size:12px;line-height:1.7}.next-case{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:28px;padding:32px;background:linear-gradient(120deg,rgba(141,220,255,.05),rgba(255,66,99,.03))}.next-case span{font-size:8px;font-weight:900;letter-spacing:.22em;color:rgba(255,255,255,.35)}.next-case b{display:block;font:800 clamp(2rem,4vw,4rem) Manrope;text-transform:uppercase;margin-top:8px}
@media(max-width:950px){.brand .word{display:none}.hero-bg{background-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(2,5,9,.97),rgba(2,5,9,.68) 58%,rgba(2,5,9,.2)),linear-gradient(180deg,rgba(2,5,9,.3),transparent 35%,rgba(2,5,9,.96) 88%)}.section-head{grid-template-columns:1fr;gap:10px}.about-grid,.row,.projects,.skills,.edu,.proof,.case-content .wrap{grid-template-columns:1fr}.projects{gap:14px}.row{gap:12px}.skills{grid-template-columns:1fr 1fr}.social-strip{grid-template-columns:1fr 1fr}.social-strip a:nth-child(2){border-right:0}.social-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.side-index{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px}.story-grid{grid-template-columns:1fr}.showreel-shell{min-height:560px}}
@media(max-width:580px){.nav{padding:14px}.navlinks a{font-size:6.5px;padding:9px 8px;letter-spacing:.12em}.hero-inner{padding:130px 18px 40px;align-self:flex-end}.hero h1{font-size:clamp(4.1rem,21vw,6.3rem)}.lead{font-size:13px}.hero-stats{margin-top:32px}.hero-stat{padding:13px 9px}.hero-stat strong{font-size:16px}.hero-stat small{font-size:6px;letter-spacing:.13em}.section{padding:80px 18px}.section-head{margin-bottom:42px}.skills{grid-template-columns:1fr}.showreel-shell{min-height:610px}.reel-lines{width:90%;right:-35%;top:38%}.form-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.contact h2{font-size:clamp(3.5rem,17vw,6rem)}.case-hero{padding:125px 18px 45px}.case-content{padding:70px 18px}.next-case{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ===== V3 polish pass: hero balance, visibility, interaction and laptop responsiveness ===== */
.hero-bg{background-position:62% center;filter:saturate(1.04) brightness(1.08) contrast(1.01)}
.hero-shade{background:
  radial-gradient(circle at 28% 31%,rgba(141,220,255,.11) 0,rgba(141,220,255,.035) 18%,transparent 34%),
  linear-gradient(90deg,rgba(2,5,9,.84) 0%,rgba(2,5,9,.70) 29%,rgba(2,5,9,.43) 54%,rgba(2,5,9,.10) 100%),
  linear-gradient(180deg,rgba(3,7,12,.22),transparent 45%,rgba(2,5,9,.92) 100%)}
.hero-inner{max-width:1450px}
.hero h1{font-size:clamp(4.7rem,9.4vw,9.5rem);line-height:.82;letter-spacing:-.078em;white-space:nowrap;text-shadow:0 8px 42px rgba(0,0,0,.38)}
.hero h1 span{display:inline}
.hero h1 .electric{margin-left:.17em}
.lead{max-width:680px;text-shadow:0 2px 22px rgba(0,0,0,.55)}
.hero-stats{background:rgba(0,0,0,.07);backdrop-filter:blur(5px);border-color:rgba(255,255,255,.085)}
.hero-stat{background:linear-gradient(180deg,rgba(8,13,20,.08),rgba(3,6,10,.03))}

.btn{position:relative;isolation:isolate;overflow:hidden}
.btn.primary{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 8px 28px rgba(0,0,0,.18)}
.btn.primary:before{content:"";position:absolute;inset:-70% -35%;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(141,220,255,.72) 48%,rgba(255,255,255,.95) 51%,rgba(255,66,99,.45) 54%,transparent 67%);transform:translateX(-105%) rotate(5deg);transition:transform .62s cubic-bezier(.2,.7,.2,1)}
.btn.primary:after{content:"";position:absolute;left:18%;right:18%;bottom:-3px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),#fff,var(--red),transparent);opacity:0;filter:blur(.2px);box-shadow:0 0 14px rgba(141,220,255,.75);transition:.3s}
.btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(141,220,255,.28),0 0 38px rgba(141,220,255,.20),0 14px 38px rgba(0,0,0,.25)}
.btn.primary:hover:before{transform:translateX(105%) rotate(5deg)}
.btn.primary:hover:after{opacity:1;bottom:1px}

@media (min-width:581px) and (max-width:1180px){
  .hero-inner{padding-top:118px;padding-bottom:48px}
  .hero h1{font-size:clamp(4.6rem,9.1vw,6.8rem);letter-spacing:-.073em}
  .lead{max-width:620px;font-size:14px;line-height:1.7}
  .chips{margin-top:22px}
  .actions{margin-top:26px}
  .hero-stats{margin-top:36px;max-width:650px}
}

@media(max-width:950px){
  .hero-bg{background-position:63% center;filter:saturate(1.03) brightness(1.11)}
  .hero-shade{background:
    radial-gradient(circle at 32% 29%,rgba(141,220,255,.12),transparent 32%),
    linear-gradient(90deg,rgba(2,5,9,.82),rgba(2,5,9,.55) 58%,rgba(2,5,9,.16)),
    linear-gradient(180deg,rgba(2,5,9,.22),transparent 35%,rgba(2,5,9,.93) 88%)}
}

@media(max-width:700px){
  .hero h1{white-space:normal;font-size:clamp(4.1rem,20vw,6.15rem);line-height:.76;letter-spacing:-.08em}
  .hero h1 span{display:block}
  .hero h1 .electric{margin-left:0}
}

@media(max-width:580px){
  .hero-bg{background-position:61% center;filter:saturate(1.03) brightness(1.12)}
  .hero-shade{background:
    radial-gradient(circle at 37% 28%,rgba(141,220,255,.13),transparent 33%),
    linear-gradient(90deg,rgba(2,5,9,.80),rgba(2,5,9,.50) 62%,rgba(2,5,9,.16)),
    linear-gradient(180deg,rgba(2,5,9,.18),transparent 31%,rgba(2,5,9,.94) 84%)}
}