:root{
  --bg:#050b1a; --bg2:#08122a; --card:rgba(255,255,255,.04); --line:rgba(255,255,255,.09);
  --text:#e8eefc; --muted:#9aa9c7; --blue:#1aa3ff; --blue2:#0a6cff; --cyan:#27e0ff;
  --grad:linear-gradient(120deg,#27e0ff,#1a7bff 60%,#6a5cff);
  --r:20px; --ff:'Space Grotesk',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--text);font:16px/1.7 'Inter',sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--ff);line-height:1.15;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:700}
h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:700;margin:.6rem 0 1rem}
.container{width:min(1180px,92%);margin:auto}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font:600 .8rem var(--ff);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.lead{color:var(--muted);font-size:1.15rem;max-width:560px;margin:1.2rem 0 2rem}
.tag{font-size:.7rem;font-style:normal;background:rgba(255,193,7,.15);color:#ffc83d;padding:2px 8px;border-radius:99px;white-space:nowrap}

/* buttons */
.btn{display:inline-block;padding:.9rem 1.7rem;border-radius:99px;font:600 .95rem var(--ff);color:#fff;background:var(--grad);border:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 30px -8px rgba(26,163,255,.7);transition:.3s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px -8px rgba(26,163,255,.9)}
.btn-ghost{background:transparent;border:1px solid var(--line);box-shadow:none}
.btn-ghost:hover{border-color:var(--cyan);background:rgba(39,224,255,.08);box-shadow:none}
.btn-sm{padding:.55rem 1.2rem}

/* preloader, progress, cursor */
.preloader{position:fixed;inset:0;background:var(--bg);z-index:999;display:grid;place-content:center;justify-items:center;gap:1.5rem;transition:opacity .6s,visibility .6s}
.preloader.done{opacity:0;visibility:hidden}
.pre-logo{width:90px;animation:pulse 1.2s infinite}
.pre-bar{width:160px;height:3px;background:var(--line);border-radius:9px;overflow:hidden}
.pre-bar span{display:block;height:100%;width:40%;background:var(--grad);animation:load 1s infinite}
@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@keyframes pulse{50%{transform:scale(1.12)}}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:200}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(26,163,255,.16),transparent 65%);transform:translate(-50%,-50%);left:-999px;top:-999px}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.9rem 4%;transition:.35s}
.nav.stuck{background:rgba(5,11,26,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:.55rem 4%}
.brand{display:flex;align-items:center;gap:.7rem}
.brand img{width:42px}
.brand span{font:500 1.45rem/1 var(--ff);display:flex;flex-direction:column}
.brand b{font-weight:700;color:var(--cyan)}
.brand small{font-size:.58rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.links{display:flex;align-items:center;gap:2rem}
.links a:not(.btn){font-weight:500;color:var(--muted);position:relative;transition:.3s}
.links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--grad);transition:.3s}
.links a:not(.btn):hover,.links a.active{color:#fff}
.links a:not(.btn):hover::after,.links a.active::after{width:100%}
.burger{display:none;background:none;border:0;cursor:pointer;width:32px;height:24px;position:relative}
.burger span{position:absolute;left:0;width:100%;height:2px;background:#fff;transition:.3s}
.burger span:nth-child(1){top:2px}.burger span:nth-child(2){top:11px}.burger span:nth-child(3){top:20px}
.burger.open span:nth-child(1){top:11px;transform:rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){top:11px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:7rem 0 4rem;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#0b2a6b 0%,var(--bg) 60%)}
#net{position:absolute;inset:0;width:100%;height:100%}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:float 12s ease-in-out infinite}
.b1{width:380px;height:380px;background:#0a6cff;top:-80px;left:-100px}
.b2{width:320px;height:320px;background:#27e0ff;bottom:-100px;right:10%;animation-delay:-5s}
@keyframes float{50%{transform:translate(40px,30px) scale(1.1)}}
.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.pill{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem;border:1px solid var(--line);border-radius:99px;font-size:.85rem;color:var(--muted);background:var(--card);margin-bottom:1.4rem}
.pill i{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 0 0 #2ee59d;animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px transparent}}
.caret{color:var(--cyan);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-meta{display:flex;gap:2.5rem;margin-top:3rem;flex-wrap:wrap}
.hero-meta b{display:block;font:700 1.9rem var(--ff)}
.hero-meta small{color:var(--muted)}
.hero-art{position:relative;height:440px;display:grid;place-items:center}
.logo-card{width:210px;height:210px;border-radius:44px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--line);backdrop-filter:blur(10px);box-shadow:0 30px 80px -20px rgba(26,163,255,.6);animation:bob 5s ease-in-out infinite}
.logo-card img{width:62%}
@keyframes bob{50%{translate:0 -16px}}
.orbit{position:absolute;border:1px dashed rgba(39,224,255,.28);border-radius:50%;animation:spin 30s linear infinite}
.o1{width:330px;height:330px}.o2{width:440px;height:440px;animation-duration:50s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.chip{position:absolute;padding:.5rem 1rem;border-radius:99px;background:rgba(8,18,42,.85);border:1px solid var(--line);font:500 .85rem var(--ff);animation:bob 4s ease-in-out infinite;box-shadow:0 10px 30px -10px #000}
.c1{top:12%;left:6%}.c2{top:20%;right:0;animation-delay:-1s}.c3{bottom:14%;left:0;animation-delay:-2s}.c4{bottom:8%;right:8%;animation-delay:-3s}
.scroll-hint{position:absolute;bottom:20px;left:50%;width:24px;height:40px;border:2px solid var(--muted);border-radius:14px;transform:translateX(-50%)}
.scroll-hint span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;background:var(--cyan);border-radius:4px;animation:wheel 1.6s infinite}
@keyframes wheel{to{transform:translateY(14px);opacity:0}}

/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);padding:1.1rem 0}
.track{display:flex;gap:3rem;width:max-content;animation:scroll 32s linear infinite}
.track span{font:600 1.2rem var(--ff);color:var(--muted);white-space:nowrap}
.track span::before{content:"✦";color:var(--blue);margin-right:3rem}
.marquee:hover .track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}

/* sections */
.section{position:relative;padding:7rem 0;z-index:1}
.section.alt{background:var(--bg2)}
.head{text-align:center;max-width:720px;margin:0 auto 3.5rem}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.about-grid p,.contact-grid p{color:var(--muted);margin-bottom:1rem}
.ticks{margin:1.5rem 0 2rem}
.ticks li{padding-left:2rem;position:relative;margin-bottom:.5rem}
.ticks li::before{content:"✓";position:absolute;left:0;width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:.75rem}
.timeline{position:relative;padding-left:1rem;border-left:2px solid var(--line);display:grid;gap:1.6rem}
.t-item{display:flex;gap:1.2rem;align-items:flex-start;position:relative;background:var(--card);border:1px solid var(--line);padding:1.2rem 1.4rem;border-radius:var(--r);transition:.3s}
.t-item::before{content:"";position:absolute;left:calc(-1rem - 7px);top:1.7rem;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(39,224,255,.15)}
.t-item:hover{transform:translateX(8px);border-color:rgba(39,224,255,.4)}
.t-item>b{font:700 1.15rem var(--ff);min-width:88px;color:var(--cyan)}
.t-item p{color:var(--muted);font-size:.93rem}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card,.work{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:2rem;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s;transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(26,163,255,.18),transparent 45%);opacity:0;transition:.3s}
.card:hover::before{opacity:1}
.card:hover,.work:hover{border-color:rgba(39,224,255,.45);box-shadow:0 25px 60px -25px rgba(26,163,255,.55)}
.ico{width:58px;height:58px;display:grid;place-items:center;font-size:1.6rem;border-radius:16px;background:rgba(26,163,255,.12);margin-bottom:1.2rem;position:relative}
.card h3{font-size:1.3rem;margin-bottom:.5rem;position:relative}
.card p{color:var(--muted);position:relative}

/* tabs / work */
.tabs{position:relative;display:flex;width:max-content;margin:0 auto 3rem;padding:6px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
.tab{position:relative;z-index:1;background:none;border:0;color:var(--muted);font:600 .95rem var(--ff);padding:.7rem 1.8rem;cursor:pointer;transition:.3s}
.tab.active{color:#fff}
.tab-ind{position:absolute;top:6px;bottom:6px;left:6px;width:0;border-radius:99px;background:var(--grad);transition:.4s cubic-bezier(.6,.1,.2,1)}
.panel{display:none}
.panel.active{display:block;animation:fadeUp .6s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.work{padding:1rem 1rem 1.6rem}
.work h3{font-size:1.1rem;margin:1.1rem .5rem .4rem}
.work p{color:var(--muted);font-size:.9rem;margin:0 .5rem}
.thumb{height:160px;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:.8rem}
.thumb::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 28px);transition:.6s}
.work:hover .thumb::after{transform:scale(1.25) rotate(3deg)}
.thumb span{position:relative;z-index:1;font:600 .75rem var(--ff);background:rgba(0,0,0,.4);padding:.25rem .8rem;border-radius:99px;backdrop-filter:blur(6px)}
.t1{background:linear-gradient(135deg,#0a6cff,#27e0ff)}
.t2{background:linear-gradient(135deg,#6a5cff,#1a7bff)}
.t3{background:linear-gradient(135deg,#00b894,#27e0ff)}
.t4{background:linear-gradient(135deg,#ff6a88,#6a5cff)}

/* stats */
.stats{background:var(--grad);padding:4rem 0;position:relative;z-index:1}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:1rem}
.stats b{display:block;font:700 clamp(2.2rem,5vw,3.6rem) var(--ff)}
.stats small{opacity:.9;font-weight:500}

/* process */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;position:relative}
.steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 8px,transparent 8px 16px);opacity:.5}
.step{text-align:center;position:relative}
.step i{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 1rem;border-radius:50%;background:var(--bg);border:2px solid var(--blue);font:700 1.2rem var(--ff);font-style:normal;transition:.4s}
.step:hover i{background:var(--grad);transform:scale(1.12) rotate(8deg);border-color:transparent}
.step p{color:var(--muted);font-size:.9rem}

/* contact */
.info{display:grid;gap:.7rem;margin-top:1.5rem}
.info a{color:var(--cyan)}
.form{background:var(--card);border:1px solid var(--line);padding:2rem;border-radius:var(--r);display:grid;gap:1.2rem}
.form label{position:relative;display:block}
.form input,.form textarea,.form select{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:1.3rem 1rem .5rem;color:#fff;font:inherit;outline:none;transition:.3s;resize:vertical}
.form select option{background:var(--bg2)}
.form span{position:absolute;left:1rem;top:1rem;color:var(--muted);pointer-events:none;transition:.25s}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(39,224,255,.12)}
.form input:focus+span,.form input:not(:placeholder-shown)+span,.form textarea:focus+span,.form textarea:not(:placeholder-shown)+span,.form span.static{top:.3rem;font-size:.72rem;color:var(--cyan)}
.form input.err,.form textarea.err{border-color:#ff5d73}
.form-note{font-size:.9rem;min-height:1.3rem;margin:0!important}

/* footer */
.footer{border-top:1px solid var(--line);padding:2rem 0;background:var(--bg);position:relative;z-index:1}
.foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.in{color:var(--cyan);font-weight:600}

/* reveal */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.reveal.show{opacity:1;transform:none}

/* responsive */
@media(max-width:1000px){
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .hero-art{height:360px;order:-1;margin-top:1rem}
  .cards{grid-template-columns:1fr 1fr}
  .work-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}.steps::before{display:none}
  .stats-grid{grid-template-columns:1fr 1fr;row-gap:2rem}
}
@media(max-width:760px){
  .burger{display:block}
  .links{position:fixed;inset:0 0 0 auto;width:min(300px,80%);flex-direction:column;justify-content:center;background:var(--bg2);border-left:1px solid var(--line);transform:translateX(100%);transition:.4s}
  .links.open{transform:none}
  .burger{z-index:2}
  .cards,.work-grid{grid-template-columns:1fr}
  .hero-meta{gap:1.5rem}
  .o2{display:none}
  .hero-art{height:300px}
  .tab{padding:.7rem 1.1rem}
  .section{padding:5rem 0}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* full logo has dark text: sit it on a light plate */
.logo-plate{background:#f6f8fc;padding:.35rem .9rem;border-radius:14px;box-shadow:0 6px 24px -10px rgba(0,0,0,.6)}
.logo-plate img{width:auto;height:44px}
.nav.stuck .logo-plate img{height:38px}
.footer .logo-plate img{height:46px}
@media(max-width:760px){.logo-plate img{height:34px}}

/* illustrations */
.card-img{margin:-2rem -2rem 1.4rem;height:170px;overflow:hidden;position:relative}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card-img img{transform:scale(1.08)}
.card-img::after{content:'';position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,var(--bg2))}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.work:hover .thumb img{transform:scale(1.08)}
.thumb::after{display:none}

/* footer */
.footer{padding:4.5rem 0 0;background:linear-gradient(180deg,var(--bg2),#030812)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:3rem;padding-bottom:3rem}
.f-about p{color:var(--muted);font-size:.92rem;margin:1.2rem 0}
.social{display:flex;gap:.7rem}
.social a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--text);transition:.3s}
.social a:hover{background:var(--grad);border-color:transparent;transform:translateY(-4px)}
.f-col h4{font-size:1.05rem;margin-bottom:1.2rem;position:relative;padding-bottom:.6rem}
.f-col h4::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:3px;background:var(--grad)}
.f-col>a{display:block;color:var(--muted);font-size:.93rem;padding:.25rem 0;transition:.3s}
.f-col>a:hover{color:var(--cyan);transform:translateX(6px)}
.f-contact p{display:flex;gap:.7rem;color:var(--muted);font-size:.93rem;margin-bottom:.9rem}
.f-contact a{color:var(--text)}.f-contact a:hover{color:var(--cyan)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding:1.4rem 0;color:var(--muted);font-size:.88rem}
.to-top{color:var(--cyan);font-weight:600}
@media(max-width:1000px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.foot-grid{grid-template-columns:1fr;gap:2rem}.foot-bottom{justify-content:center;text-align:center}}
.logo-plate{width:fit-content;display:inline-flex}
.f-about .logo-plate{padding:.5rem 1rem}

/* inner pages */
.page-hero{position:relative;overflow:hidden;padding:9.5rem 0 4.5rem;background:radial-gradient(ellipse at 70% 0%,#0b2a6b 0%,var(--bg) 70%);text-align:center}
.page-hero .lead{margin:1rem auto 0}
.page-hero .container{position:relative;z-index:1}
.crumb{color:var(--muted);font-size:.9rem;margin-bottom:1rem}
.crumb a{color:var(--cyan)}
.cta-band{text-align:center;padding:6rem 0;background:radial-gradient(ellipse at 50% 100%,#0b2a6b,var(--bg) 70%);position:relative;z-index:1}
.cta-band p{color:var(--muted);margin:0 auto 2rem;max-width:520px}

/* ---- more pages & sections ---- */
.links{gap:1.5rem}.links a:not(.btn){font-size:.93rem}
.narrow{width:min(860px,92%)}
.more{text-align:center;margin-top:2.5rem}.more p{color:var(--muted);margin-bottom:1rem}
.about-visual{display:grid;gap:1.2rem}
.big-year{border-radius:var(--r);padding:2.4rem;background:var(--grad);text-align:center;box-shadow:0 30px 70px -30px rgba(26,163,255,.8)}
.big-year b{display:block;font:700 5rem/1 var(--ff)}.big-year b::after{content:"+"}
.big-year span{opacity:.9}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mini-cards div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem;text-align:center;font-size:1.6rem;transition:.3s}
.mini-cards div:hover{transform:translateY(-6px);border-color:rgba(39,224,255,.45)}
.mini-cards small{display:block;font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:.3rem}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.ind{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.8rem 1rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:.35s}
.ind span{font-size:2.2rem;transition:.35s}
.ind b{font:600 1rem var(--ff)}
.ind:hover{transform:translateY(-8px);border-color:rgba(39,224,255,.5);background:rgba(26,163,255,.1)}
.ind:hover span{transform:scale(1.25) rotate(-6deg)}
/* testimonials */
.slider{position:relative;max-width:820px;margin:auto;overflow:hidden;padding:0 0 3rem}
.slides{display:flex;transition:transform .7s cubic-bezier(.6,.1,.2,1)}
.slide{min-width:100%;padding:2.6rem 3rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);position:relative}
.slide .quote{position:absolute;top:.4rem;left:1.4rem;font:700 6rem/1 var(--ff);color:var(--blue);opacity:.35}
.slide p{font-size:1.15rem;color:var(--text);position:relative;margin-bottom:1.6rem}
.slide footer{display:flex;align-items:center;gap:1rem;padding:0;background:none;border:0}
.slide footer i{width:48px;height:48px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font:700 .95rem var(--ff);font-style:normal}
.slide small{display:block;color:var(--muted)}
.dots{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:.6rem}
.dots button{width:10px;height:10px;border-radius:99px;border:0;background:var(--line);cursor:pointer;transition:.4s}
.dots button.on{width:32px;background:var(--cyan)}
.arrow{position:absolute;top:42%;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(5,11,26,.8);color:#fff;font-size:1.5rem;cursor:pointer;transition:.3s;display:grid;place-items:center;padding-bottom:4px}
.arrow:hover{background:var(--blue);border-color:transparent}
.arrow.prev{left:8px}.arrow.next{right:8px}
/* faq */
.faq{display:grid;gap:1rem}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;transition:.3s}
.faq details[open]{border-color:rgba(39,224,255,.45);background:rgba(26,163,255,.07)}
.faq summary{cursor:pointer;list-style:none;padding:1.2rem 3.2rem 1.2rem 1.5rem;font:600 1.05rem var(--ff);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.4rem;top:50%;translate:0 -50%;font-size:1.6rem;color:var(--cyan);transition:.3s}
.faq details[open] summary::after{rotate:45deg}
.faq details p{padding:0 1.5rem 1.4rem;color:var(--muted);animation:fadeUp .4s}
/* tech */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;position:relative}
.chips span{padding:.3rem .85rem;border-radius:99px;font-size:.82rem;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);transition:.3s}
.chips span:hover{background:var(--grad);border-color:transparent;transform:translateY(-2px)}
/* careers & legal */
.jobs{display:grid;gap:1rem}
.job{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.6rem;background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:.3s}
.job:hover{border-color:rgba(39,224,255,.5);transform:translateX(6px)}
.job h3{font-size:1.15rem}.job p{color:var(--muted);font-size:.92rem}.job small{color:var(--cyan)}
.note{text-align:center;color:var(--muted);margin-top:2rem}.note a{color:var(--cyan)}
.legal h3{margin:2rem 0 .5rem;font-size:1.25rem}.legal p{color:var(--muted)}.legal a{color:var(--cyan)}
.foot-bottom a:hover{color:var(--cyan)}
@media(max-width:1180px){.links{gap:1.1rem}.links a:not(.btn){font-size:.85rem}}
@media(max-width:1000px){.ind-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.ind-grid{grid-template-columns:1fr 1fr}.slide{padding:2.4rem 1.4rem 1.6rem}.arrow{display:none}.job{flex-direction:column;align-items:flex-start}.mini-cards{grid-template-columns:1fr}.links{gap:1.6rem}.links a:not(.btn){font-size:1rem}}