/* Pro Audio Dynamix Rental — main stylesheet */
:root{
  --bg:#0B0A18; --bg2:#121029; --bg3:#191637; --line:rgba(255,255,255,.09);
  --text:#F4F2FF; --muted:#B4AFD3; --dim:#8a85ad;
  --violet:#8B5CFF; --pink:#FF3D81; --amber:#FFB547; --teal:#2EE6C5;
  --grad:linear-gradient(100deg,#A78BFF 0%,#FF3D81 50%,#FFB547 100%);
  --radius:22px; --shadow:0 20px 60px -20px rgba(0,0,0,.6);
  --ease:cubic-bezier(.22,1,.36,1);
  --display:'Bricolage Grotesque',system-ui,sans-serif; --body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0 0 .5em;letter-spacing:-.02em}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:999}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px}
.ico{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:gradmove 8s ease-in-out infinite}
@keyframes gradmove{50%{background-position:100% 0}}
.hide-sm{display:none}@media(min-width:720px){.hide-sm{display:inline}}
sup{font-size:.6em}

/* progress + cursor glow */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:200;pointer-events:none}
.progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--grad)}
.cursor-glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(139,92,255,.13),transparent 60%);transform:translate3d(-999px,-999px,0);transition:opacity .3s;mix-blend-mode:screen}
@media(hover:none){.cursor-glow{display:none}}

/* buttons */
.btn{--bh:48px;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:var(--bh);padding:0 1.35em;border-radius:999px;font:600 16px/1 var(--body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s,border-color .3s;will-change:transform;position:relative;isolation:isolate}
.btn--sm{--bh:40px;font-size:14.5px;padding:0 1.1em}
.btn--lg{--bh:56px;font-size:17px;padding:0 1.6em}
.btn--block{width:100%}
.btn--primary{color:#fff;background:linear-gradient(100deg,var(--violet),var(--pink) 60%,#ff7a59);background-size:160% 100%;box-shadow:0 10px 30px -10px rgba(255,61,129,.7),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--primary:hover{background-position:100% 0;box-shadow:0 16px 40px -12px rgba(255,61,129,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.btn--ghost{color:var(--text);background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.btn--ghost:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.09)}
.btn--light{background:#fff;color:#170f2e}
.btn--light:hover{box-shadow:0 18px 40px -12px rgba(0,0,0,.5)}
.btn .ico{transition:transform .35s var(--ease)}
.btn:hover .ico{transform:translateX(4px)}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:100;transition:background .4s,backdrop-filter .4s,box-shadow .4s,transform .45s var(--ease)}
.nav.is-scrolled{background:rgba(11,10,24,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px 0 var(--line)}
.nav.is-hidden{transform:translateY(-100%)}
.nav__inner{display:flex;align-items:center;gap:24px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.brand img{transition:transform .6s var(--ease)}
.brand:hover img{transform:rotate(-8deg) scale(1.06)}
.brand__text{display:flex;flex-direction:column;line-height:1.05}
.brand__text b{font:800 19px/1 var(--display);letter-spacing:-.02em}
.brand__text em{font-style:normal;color:var(--pink)}
.brand__text small{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.nav__links{display:none;gap:6px}
.nav__links a{position:relative;text-decoration:none;color:var(--muted);font-weight:500;font-size:15px;padding:8px 12px;border-radius:999px;transition:color .25s,background .25s}
.nav__links a:hover,.nav__links a.is-active{color:var(--text);background:rgba(255,255,255,.06)}
.nav__cta{display:none}
.burger{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-content:center;gap:6px;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .35s var(--ease)}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:76px 0 auto;background:rgba(11,10,24,.97);backdrop-filter:blur(16px);padding:16px 20px 28px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);animation:drop .4s var(--ease)}
.mobile-menu[hidden]{display:none}
.mobile-menu a:not(.btn){padding:14px 6px;font:700 22px/1 var(--display);text-decoration:none;border-bottom:1px solid var(--line)}
.mobile-menu .btn{margin-top:16px}
@keyframes drop{from{opacity:0;transform:translateY(-10px)}}
@media(min-width:980px){.nav__links{display:flex}.nav__cta{display:inline-flex}.burger,.mobile-menu{display:none!important}}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:120px 0 120px;isolation:isolate}
.hero__media{position:absolute;inset:-8% 0 0;z-index:-3}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.08);animation:heroZoom 18s var(--ease) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero__shade{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(1200px 600px at 15% 40%,rgba(11,10,24,.25),transparent 60%),
  linear-gradient(180deg,rgba(11,10,24,.55) 0%,rgba(11,10,24,.55) 40%,rgba(11,10,24,.92) 82%,var(--bg) 100%),
  linear-gradient(90deg,rgba(11,10,24,.85) 0%,rgba(11,10,24,.35) 65%,rgba(11,10,24,.2) 100%)}
.hero__wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;z-index:-1;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1;pointer-events:none}
.blob--1{width:420px;height:420px;background:#7c4dff;top:12%;right:-120px;animation:float 14s ease-in-out infinite}
.blob--2{width:320px;height:320px;background:#ff3d81;bottom:6%;left:-120px;opacity:.35;animation:float 17s ease-in-out infinite reverse}
@keyframes float{50%{transform:translate(-40px,30px) scale(1.1)}}
.hero__content{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.04em;color:#e9e4ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;backdrop-filter:blur(8px)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(46,230,197,.7);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(46,230,197,0)}100%{box-shadow:0 0 0 0 rgba(46,230,197,0)}}
.hero__title{font-size:clamp(52px,10.5vw,148px);font-weight:800;line-height:.92;letter-spacing:-.045em;margin:24px 0 24px}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.06em}
.hero__title .word{display:inline-block;transform:translateY(110%) rotate(4deg);opacity:0;animation:wordUp 1.1s var(--ease) forwards}
.hero__title .line:nth-child(2) .word:nth-child(2){animation-delay:.12s}
.hero__title .line:nth-child(3) .word{animation-delay:.24s}
@keyframes wordUp{to{transform:none;opacity:1}}
.hero__sub{max-width:760px;font-size:clamp(17px,1.6vw,20px);color:#ddd8f5}
.rotator{display:inline-block;position:relative;font-weight:700;color:#fff}
.rotator__word{display:inline-block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .5s var(--ease),opacity .5s var(--ease),filter .5s}
.rotator__word.out{transform:translateY(-60%);opacity:0;filter:blur(4px)}
.rotator__word.in{transform:translateY(60%);opacity:0;filter:blur(4px);transition:none}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:30px 0 26px}
.vibe{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 8px;border-radius:999px;border:1px dashed rgba(255,255,255,.28);background:transparent;color:var(--text);font:600 15px var(--body);cursor:pointer;transition:border-color .3s,background .3s}
.vibe:hover{border-color:var(--amber);background:rgba(255,181,71,.08)}
.vibe__icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.vibe__eq{display:flex;gap:3px;align-items:flex-end;height:16px}
.vibe__eq i{width:3px;height:30%;background:var(--amber);border-radius:2px}
.vibe[aria-pressed=true]{border-style:solid;border-color:var(--amber);background:rgba(255,181,71,.1)}
.vibe[aria-pressed=true] .vibe__eq i{animation:eq .5s ease-in-out infinite alternate}
.vibe[aria-pressed=true] .vibe__eq i:nth-child(2){animation-delay:-.2s}.vibe[aria-pressed=true] .vibe__eq i:nth-child(3){animation-delay:-.35s}.vibe[aria-pressed=true] .vibe__eq i:nth-child(4){animation-delay:-.1s}
@keyframes eq{to{height:100%}}
.hero__chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0;color:#d6d0f3;font-size:15px}
.hero__chips li{display:flex;align-items:center;gap:8px}
.hero__chips .ico{color:var(--amber)}
.scroll-cue{position:absolute;left:50%;bottom:28px;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:20px;transform:translateX(-50%)}
.scroll-cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.8s var(--ease) infinite}
@keyframes cue{60%{transform:translateY(12px);opacity:0}100%{opacity:0}}

/* ticker */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(139,92,255,.12),rgba(255,61,129,.12),rgba(255,181,71,.1));padding:18px 0;transform:rotate(-1.2deg);margin:0 -20px;position:relative}
.ticker-clip{overflow:hidden;margin-top:-50px;padding:24px 0;position:relative;z-index:2}
.ticker__track{display:flex;gap:28px;width:max-content;animation:marquee 38s linear infinite;font:800 clamp(22px,3vw,34px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap}
.ticker__track i{font-style:normal;color:var(--pink)}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* pillars */
.pillars{display:grid;gap:16px;margin-top:80px}
@media(min-width:800px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.pillar__num{font:800 14px var(--display);color:var(--amber);letter-spacing:.1em}
.pillar h2{font-size:26px;margin:10px 0 8px}
.pillar p{color:var(--muted);margin:0}

/* sections */
.section{padding:clamp(80px,11vw,140px) 0;position:relative}
.section--alt{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 12%,var(--bg2) 88%,var(--bg) 100%)}
.section__head{text-align:center;max-width:780px;margin:0 auto 56px}
.section__head--left{text-align:left;margin:0}
.kicker{display:inline-block;font:700 13px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.kicker::before{content:"";display:inline-block;width:22px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px;border-radius:2px}
.section__title{font-size:clamp(36px,5.6vw,68px);font-weight:800}
.section__lead{color:var(--muted);font-size:clamp(17px,1.5vw,19px)}
.notice{display:inline-flex;gap:10px;align-items:flex-start;text-align:left;font-size:14.5px;color:#e8e3ff;background:rgba(139,92,255,.12);border:1px solid rgba(139,92,255,.35);padding:12px 16px;border-radius:14px;margin-top:8px}
.notice .ico{color:var(--violet);margin-top:3px}
.notice--warn{background:rgba(255,181,71,.1);border-color:rgba(255,181,71,.4)}
.notice--warn .ico{color:var(--amber)}

/* service cards */
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{position:relative;padding:28px 24px 26px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);overflow:hidden;transition:border-color .4s,transform .5s var(--ease),box-shadow .5s var(--ease);transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(255,61,129,.18),transparent 45%);opacity:0;transition:opacity .4s}
.card:hover{border-color:rgba(255,255,255,.2);box-shadow:var(--shadow)}
.card:hover::before{opacity:1}
.card__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--line);margin-bottom:20px;transition:transform .5s var(--ease)}
.card__icon svg{width:28px;height:28px;fill:none;stroke:url(#ig);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card:hover .card__icon{transform:translateY(-4px) rotate(-6deg)}
.card h3{font-size:22px;margin-bottom:8px;position:relative}
.card p{color:var(--muted);font-size:15.5px;margin:0;position:relative}

/* packages */
.packages{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));align-items:stretch}
.pkg{position:relative;display:flex;flex-direction:column;padding:30px 26px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--line);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.pkg:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.22);box-shadow:var(--shadow)}
.pkg--hot{background:linear-gradient(170deg,rgba(139,92,255,.25),rgba(255,61,129,.12) 60%,rgba(255,255,255,.03));border-color:rgba(255,61,129,.5);box-shadow:0 30px 80px -30px rgba(255,61,129,.55)}
.pkg--dark{background:linear-gradient(170deg,rgba(255,181,71,.12),rgba(255,255,255,.02))}
.pkg__badge{position:absolute;top:-13px;left:26px;background:var(--grad);color:#1a0f2a;font:800 12px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pkg h3{font-size:28px;margin:0}
.pkg__for{color:var(--muted);font-size:15px;margin:6px 0 0}
.pkg__price{font:800 52px/1 var(--display);margin:22px 0 14px;letter-spacing:-.03em;display:flex;align-items:baseline;gap:6px}
.pkg__price small{font:500 14px var(--body);color:var(--muted);letter-spacing:0}
.pkg__price--quote{font-size:38px}
.pkg__guests{display:flex;align-items:center;gap:10px;color:#dcd6f8;font-size:14.5px;font-weight:500}
.meter{flex:0 0 70px;height:6px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.meter i{display:block;height:100%;width:0;background:var(--grad);border-radius:6px;transition:width 1.4s var(--ease) .3s}
.is-in .meter i{width:var(--w)}
.ticks{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px;flex:1}
.ticks li{position:relative;padding-left:28px;font-size:15.5px;color:#e5e0fb}
.ticks li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:rgba(46,230,197,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232EE6C5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}
.addons{margin-top:40px;padding:28px;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.18)}
.addons h3{font-size:22px}
.addons h3 small{font:500 14px var(--body);color:var(--dim)}
.addons ul{list-style:none;padding:0;margin:14px 0 10px;display:grid;gap:10px 28px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.addons li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.addons li b{color:var(--amber);white-space:nowrap}
.fine{font-size:13px;color:var(--dim);margin:10px 0 0}

/* events */
.chips{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chips li{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:15px;transition:transform .3s var(--ease),border-color .3s,background .3s;cursor:default}
.chips li:hover{transform:translateY(-3px) rotate(-1deg);border-color:var(--pink);background:rgba(255,61,129,.1)}

@keyframes pop{from{opacity:0;transform:scale(.94)}}


/* faq */
.faq__grid{display:grid;gap:40px}
@media(min-width:960px){.faq__grid{grid-template-columns:.8fr 1.2fr}.faq__grid .section__head{position:sticky;top:110px;align-self:start}}
.faq{display:grid;gap:12px}
.faq details{border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line);transition:background .3s,border-color .3s}
.faq details[open]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font:700 17.5px/1.35 var(--body);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .4s var(--ease),background-color .3s}
.faq details[open] summary::after{transform:rotate(135deg);background-color:var(--pink)}
.faq details>div{padding:0 22px 20px;color:var(--muted);animation:drop .45s var(--ease)}
.faq details>div p{margin:0}

/* area */
.area__grid{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.area__grid{grid-template-columns:1fr 1fr}}
.suburbs{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.suburbs li{font-size:14.5px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.radar{position:relative;max-width:480px;margin-inline:auto;width:100%}
.radar svg{width:100%;height:auto;overflow:visible}
.radar .ring{fill:none;stroke:rgba(255,255,255,.12);stroke-dasharray:4 6}
.radar .sweep{transform-origin:200px 200px;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(-360deg)}}
.radar .pts circle{fill:var(--amber)}
.radar .pts circle.home{fill:var(--pink);filter:drop-shadow(0 0 10px var(--pink));animation:pulse 2s ease-in-out infinite;transform-origin:200px 200px}
@keyframes pulse{50%{transform:scale(1.35)}}
.radar text{fill:#d9d4f5;font:600 12px var(--body)}
.radar__note{text-align:center;font-size:12.5px;color:var(--dim);margin-top:8px}

/* quote form */
.quote__grid{display:grid;gap:40px}
@media(min-width:980px){.quote__grid{grid-template-columns:.8fr 1.2fr;align-items:start}.quote__intro{position:sticky;top:110px}}
.quote__perks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.quote__perks li{display:flex;gap:10px;align-items:center;color:#e5e0fb}
.quote__perks .ico{color:var(--teal)}
.form{position:relative;padding:clamp(22px,4vw,40px);border-radius:28px;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px -40px rgba(139,92,255,.5);display:grid;gap:16px}
.form__demo{font-size:13.5px;padding:10px 14px;border-radius:12px;background:rgba(255,181,71,.12);border:1px solid rgba(255,181,71,.4);color:#ffe1b0}
.row{display:grid;gap:16px}
@media(min-width:620px){.row{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:7px;border:0;padding:0;margin:0;min-width:0}
.field label,.field legend{font-weight:600;font-size:14.5px;color:#e9e4ff;padding:0}
.field small{color:var(--dim);font-weight:400}
.field input:not([type=radio]):not([type=checkbox]):not([type=range]),.field select,.field textarea{width:100%;font:500 16px var(--body);color:var(--text);background:rgba(11,10,24,.6);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;transition:border-color .25s,box-shadow .25s,background .25s;color-scheme:dark}
.field textarea{resize:vertical;min-height:96px}
.field input::placeholder,.field textarea::placeholder{color:#6f6a92}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgba(139,92,255,.25);background:rgba(11,10,24,.85)}
.field.has-error input,.field.has-error select{border-color:#ff5d73;box-shadow:0 0 0 4px rgba(255,93,115,.15)}
.err{font-size:13px;color:#ff8798;min-height:0}
.field.has-error .err{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
output{color:var(--amber);font-weight:800}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--violet),var(--pink) var(--p,15%),rgba(255,255,255,.12) var(--p,15%));outline-offset:6px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--pink);box-shadow:0 4px 14px rgba(255,61,129,.6);cursor:grab}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--pink);cursor:grab}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:16px;background:rgba(11,10,24,.6);border:1px solid rgba(255,255,255,.12)}
.seg label,.pills label{position:relative;cursor:pointer}
.seg input,.pills input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:grid;place-items:center;text-align:center;min-height:44px;padding:6px;border-radius:12px;font-size:14px;font-weight:600;color:var(--muted);transition:background .3s,color .3s}
.seg input:checked+span{background:var(--grad);color:#1a0f2a}
.seg input:focus-visible+span,.pills input:focus-visible+span{outline:3px solid var(--amber);outline-offset:2px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills span{display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:14.5px;font-weight:500;transition:all .3s var(--ease)}
.pills label:hover span{border-color:rgba(255,255,255,.4)}
.pills input:checked+span{background:rgba(255,61,129,.18);border-color:var(--pink);color:#fff;transform:translateY(-2px)}
.pills input:checked+span::before{content:"✓";font-weight:800;color:var(--pink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form button[type=submit].is-loading .btn__label::after{content:"…"}
.form__success{position:absolute;inset:0;border-radius:28px;background:linear-gradient(170deg,#1d1540,#120f2a);display:grid;place-content:center;text-align:center;padding:30px;animation:pop .6s var(--ease);overflow:hidden}
.form__success[hidden]{display:none}
.form__success h3{font-size:34px}
.form__success p{color:var(--muted)}
.burst{position:absolute;inset:0;pointer-events:none}
.burst i{position:absolute;left:50%;top:40%;width:10px;height:10px;border-radius:3px;animation:confetti 1.6s var(--ease) forwards}
@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}

/* contact */
.contact__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.contact__card{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid var(--line);text-decoration:none;transition:transform .4s var(--ease),border-color .3s}
a.contact__card:hover{transform:translateY(-5px);border-color:var(--pink)}
.contact__card .ico{width:44px;height:44px;padding:11px;border-radius:14px;background:rgba(255,61,129,.12);color:var(--pink)}
.contact__card span{display:flex;flex-direction:column;gap:2px}
.contact__card small{color:var(--dim);font-size:13.5px}
.contact__card b{font-size:17px}
.socials{display:flex;justify-content:center;gap:12px;margin-top:30px}
.socials a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);transition:transform .4s var(--ease),background .3s}
.socials a:hover{transform:translateY(-4px) rotate(-8deg);background:var(--grad);color:#1a0f2a}

/* cta band */
.cta-band{padding:0 0 100px}
.cta-band__inner{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:clamp(30px,5vw,56px);border-radius:32px;background:linear-gradient(110deg,#6d3cff,#ff3d81 55%,#ff9a3d);box-shadow:0 40px 100px -40px rgba(255,61,129,.7);position:relative;overflow:hidden}
.cta-band__inner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 22px);mask:linear-gradient(90deg,transparent,#000 60%);-webkit-mask:linear-gradient(90deg,transparent,#000 60%);animation:slide 6s linear infinite}
@keyframes slide{to{background-position:220px 0}}
.cta-band h2{font-size:clamp(28px,4vw,46px);margin:0;position:relative}
.cta-band h2 span{display:block;opacity:.85;font-weight:700}
.cta-band .btn{position:relative}

/* footer */
.footer{border-top:1px solid var(--line);padding:60px 0 30px;background:#08070f}
.footer__grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.footer h3{font:700 13px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.footer nav a,.footer__grid>div>a:not(.brand){display:block;text-decoration:none;color:var(--muted);padding:5px 0;transition:color .2s}
.footer a:hover{color:#fff}
.footer__tag{color:var(--muted);margin-top:16px;max-width:300px;font-size:15px}
.footer p{color:var(--muted);font-size:15px}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.footer__bottom p{font-size:13.5px;color:var(--dim);margin:0}

/* floating action button (mobile) */
.fab{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:8px;height:54px;padding:0 20px;border-radius:999px;background:linear-gradient(100deg,var(--violet),var(--pink));color:#fff;text-decoration:none;font-weight:700;box-shadow:0 14px 34px -10px rgba(255,61,129,.8);transform:translateY(120px);transition:transform .5s var(--ease)}
.fab.is-on{transform:none}
@media(min-width:980px){.fab{display:none}}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  .hero__title .word{opacity:1;transform:none}
  .cursor-glow{display:none}
}

/* ---------- small-screen refinements ---------- */
@media (max-width:640px){
  body{font-size:16px}
  .hero{padding:110px 0 110px}
  .hero__ctas .btn--lg{--bh:52px;flex:1 1 auto}
  .vibe{height:48px}
  .scroll-cue{display:none}
  .pillars{margin-top:56px;gap:12px}
  .pillar{padding:20px}
  .pillar h2{font-size:22px}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:18px 16px}
  .card__icon{width:44px;height:44px;border-radius:12px;margin-bottom:14px}
  .card__icon svg{width:22px;height:22px}
  .card h3{font-size:17px}
  .card p{font-size:13.5px;line-height:1.5}
  .section__head{margin-bottom:36px}
  .contact__card{padding:18px}
}
@media (max-width:640px){
  .footer__grid{grid-template-columns:1fr 1fr;gap:26px 16px}
  .footer__grid>div:first-child,.footer__grid>div:last-child{grid-column:1/-1}
}
.form.is-done>:not(.form__success){display:none!important}
.form.is-done .form__success{position:relative;inset:auto;min-height:380px;margin:calc(-1*clamp(22px,4vw,40px))}

/* =========================================================
   v2 — heritage brand touches (Pad signature, PAD Productions)
   ========================================================= */
:root{--cyan:#19E0F0;--green:#3BE38A;--magenta:#FF2FB3;--blue:#3D7BFF;--orange:#FF9F2E}

/* Pad waveform signature */
.sig{display:block;overflow:visible}
.sig__wave{fill:none;stroke:url(#padg);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.sig__word{fill:url(#padg);stroke:url(#padg);stroke-width:.9;clip-path:inset(0 100% 0 0)}
.sig__pulse{fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.07 2;stroke-dashoffset:.07;opacity:0;filter:drop-shadow(0 0 4px #19E0F0)}
.sig-play .sig__wave,.is-in .sig__wave{animation:sigDraw 1.5s var(--ease) .15s forwards}
.sig-play .sig__wave--r,.is-in .sig__wave--r{animation-delay:.55s}
.sig-play .sig__word,.is-in .sig__word{animation:sigWord 1.3s var(--ease) .45s forwards}
.sig-play .sig__pulse,.is-in .sig__pulse{animation:sigPulse 4.5s cubic-bezier(.5,0,.5,1) 2.2s infinite}
.sig-play .sig__pulse--r,.is-in .sig__pulse--r{animation-delay:3.4s}
.sig--static .sig__wave{stroke-dashoffset:0}.sig--static .sig__word{clip-path:none}
@keyframes sigDraw{to{stroke-dashoffset:0}}
@keyframes sigWord{to{clip-path:inset(0 0 0 0)}}
@keyframes sigPulse{0%{stroke-dashoffset:.07;opacity:1}40%{stroke-dashoffset:-1;opacity:1}41%,100%{stroke-dashoffset:-1;opacity:0}}
html.is-intro:not(.intro-out) .nav .sig *{animation-play-state:paused}

/* brand in nav/footer */
.brand--sig{gap:10px}
.brand--sig .sig{width:118px;height:auto;flex:none;transition:transform .6s var(--ease),filter .6s}
.brand--sig:hover .sig{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(25,224,240,.45))}
.brand--sig .brand__text{padding-left:10px;border-left:1px solid var(--line)}
.brand--sig .brand__text b{font-size:16px}
.brand--sig .brand__text small{font-size:9.5px;letter-spacing:.18em}
@media(max-width:400px){.nav .brand--sig .brand__text{display:none}.nav .brand--sig .sig{width:132px}}
@media(min-width:980px) and (max-width:1180px){.nav .brand--sig .brand__text{display:none}}
.brand--foot .sig{width:150px}
.footer__pad{display:inline-flex;flex-direction:column;gap:8px;margin-top:18px;text-decoration:none;opacity:.8;transition:opacity .3s}
.footer__pad:hover{opacity:1}
.footer__pad img{width:120px;height:auto}
.footer__pad small{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.footer .footer__nzbn{font-size:13px;color:var(--dim);margin-top:4px}

/* brandline (Pad signature intro) */
.brandline{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto 22px}
.brandline .sig{width:min(380px,78vw);height:auto;filter:drop-shadow(0 0 22px rgba(25,224,240,.25))}
.brandline__tag{margin:0}
.brandline__tag span{display:inline-block;font:600 12.5px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#dffbff;padding:9px 16px;border-radius:999px;background:linear-gradient(rgba(11,10,24,.8),rgba(11,10,24,.8)) padding-box,linear-gradient(100deg,var(--cyan),#9B6BFF) border-box;border:1px solid transparent;box-shadow:0 0 24px -8px rgba(25,224,240,.6)}

/* rental categories */
.cats{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:600px){.cats{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.cats{grid-template-columns:repeat(4,1fr)}}
.cat{--c:#2EE6C5;position:relative;padding:26px 24px 24px;border-radius:24px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 13%,transparent),rgba(255,255,255,.015) 60%);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);transition:border-color .4s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.cat--teal{--c:#19E0F0}.cat--violet{--c:#A374FF}.cat--green{--c:#3BE38A}.cat--orange{--c:#FFA53B}
.cat::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 55% at var(--mx,50%) 0%,color-mix(in srgb,var(--c) 38%,transparent),transparent 70%);opacity:.45;transition:opacity .5s}
.cat::after{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);transform:scaleX(0);transition:transform 1.2s var(--ease) calc(var(--d,0s) + .2s)}
.cat.is-in::after{transform:none}
.cat:hover{border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 26px 60px -24px color-mix(in srgb,var(--c) 55%,transparent)}
.cat:hover::before{opacity:1}
.cat__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.cat__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:rgba(0,0,0,.25);box-shadow:0 0 28px -8px var(--c);transition:transform .5s var(--ease)}
.cat__icon svg{width:27px;height:27px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat:hover .cat__icon{transform:translateY(-4px) rotate(-6deg)}
.cat__num{font:800 13px var(--display);letter-spacing:.14em;color:var(--c);opacity:.8}
.cat h3{font-size:23px;margin-bottom:12px}
.cat ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.cat li{position:relative;padding-left:18px;font-size:15px;color:#e1ddf7;opacity:0;transform:translateX(-8px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--d,0s) + .25s + var(--k) * 55ms)}
.cat li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.cat.is-in li{opacity:1;transform:none}
.no-js .cat li{opacity:1;transform:none}
@media(min-width:600px) and (max-width:1099px){.cat ul{grid-template-columns:1fr 1fr;column-gap:12px}}
@media(max-width:599px){.cat ul{grid-template-columns:1fr 1fr;column-gap:10px}.cat li{font-size:14px}.cat{padding:22px 20px}}

/* featured pars */
.pars{display:grid;gap:16px;margin-top:16px}
@media(min-width:760px){.pars{grid-template-columns:1fr 1fr}}
.par{--c:#FFB547;position:relative;display:flex;align-items:center;gap:22px;padding:22px 24px;border-radius:24px;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--c) 16%,transparent),rgba(255,255,255,.02) 70%);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.par:hover{transform:translateY(-6px);box-shadow:0 26px 60px -26px var(--c)}
.par--event{--c:#2EC5FF}
.par::before{content:"";position:absolute;left:-10%;top:-60%;width:80%;height:220%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 40%,transparent),transparent);opacity:.55;animation:parGlow 4s ease-in-out infinite alternate}
@keyframes parGlow{to{opacity:.9;transform:scale(1.08)}}
.par__lamp{position:relative;flex:none;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#1d1b2b 58%,#0b0a12);border:4px solid #2b2938;box-shadow:inset 0 0 0 3px #0e0d16,0 0 44px -6px var(--c)}
.par__lamp i{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--c) 42%,transparent 72%);transform:rotate(calc(var(--n) * 60deg)) translateY(-24px);animation:ledPulse 2.6s ease-in-out infinite;animation-delay:calc(var(--n) * -.35s)}
.par__lamp i.c{transform:none;animation-delay:-1s}
@keyframes ledPulse{50%{opacity:.55;filter:brightness(.8)}}
.par--event .par__lamp{animation:parHue 7s linear infinite}
@keyframes parHue{to{filter:hue-rotate(360deg)}}
.par__k{margin:0 0 4px;font:700 11.5px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.par h3{font-size:26px;margin:0 0 4px}
.par__body p:last-child{margin:0;color:var(--muted);font-size:15px}
@media(max-width:420px){.par{gap:16px;padding:18px}.par__lamp{width:74px;height:74px}.par__lamp i{width:16px;height:16px;margin:-8px;transform:rotate(calc(var(--n) * 60deg)) translateY(-19px)}.par__lamp i.c{transform:none}.par h3{font-size:22px}}

/* PAD Productions */
.pad{background:radial-gradient(90% 60% at 50% 0%,rgba(155,107,255,.14),transparent 70%),radial-gradient(60% 50% at 10% 100%,rgba(255,159,46,.08),transparent 70%),linear-gradient(180deg,var(--bg),#06050c 18%,#06050c 82%,var(--bg));overflow:hidden;isolation:isolate}
.pad__beams{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pad__beams i{position:absolute;top:-8%;width:min(24vw,340px);margin-left:calc(min(24vw,340px) / -2);height:95%;background:linear-gradient(180deg,var(--c),transparent 80%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);opacity:.16;filter:blur(6px);transform-origin:50% 0;transform:rotate(var(--a));animation:beam 10s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes beam{to{transform:rotate(calc(var(--a) * -1))}}
.pad__inner{display:grid;gap:clamp(36px,5vw,64px);align-items:center}
@media(min-width:960px){.pad__inner{grid-template-columns:.95fr 1.05fr}}
.pad__brand{text-align:center}
.padlogo{position:relative;width:min(460px,88%);aspect-ratio:1985/719;margin:0 auto;filter:drop-shadow(0 16px 26px rgba(0,0,0,.7))}
.padlogo__metal,.padlogo__sheen{position:absolute;inset:0;-webkit-mask:url(/assets/pad-productions.svg) center/contain no-repeat;mask:url(/assets/pad-productions.svg) center/contain no-repeat}
.padlogo__metal{background:radial-gradient(55% 110% at 0% 0%,rgba(255,165,60,.55),transparent 60%),radial-gradient(55% 110% at 100% 0%,rgba(170,95,255,.65),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.05) 1px 3px),linear-gradient(180deg,#fdfdff 0%,#dfe2ea 26%,#8d93a4 48%,#f1f2f6 60%,#b5bac7 80%,#7a8092 100%)}
.padlogo__sheen{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.95) 50%,transparent 70%) no-repeat;background-size:35% 100%;background-position:-60% 0;animation:sheen 5.5s cubic-bezier(.45,0,.2,1) 1s infinite}
@keyframes sheen{0%{background-position:-60% 0}45%,100%{background-position:170% 0}}
.padlogo__flare{position:absolute;width:44px;height:44px;margin:-22px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 6%,var(--fc) 18%,transparent 62%);animation:flare 3.2s ease-in-out infinite;mix-blend-mode:screen}
.padlogo__flare::before{content:"";position:absolute;left:-60%;right:-60%;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,var(--fc),transparent)}
.padlogo__flare--l{--fc:#FFB04A;left:1%;top:2%}
.padlogo__flare--r{--fc:#B07CFF;left:92%;top:3%;animation-delay:-1.6s}
@keyframes flare{50%{transform:scale(.55);opacity:.5}}
.pad__tag{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:22px 0 0;font:700 clamp(11.5px,1.15vw,14px)/1 var(--body);letter-spacing:.26em;text-transform:uppercase}
.pad__tag .o{color:#FFA53B}.pad__tag .m{color:#FF3DB8}.pad__tag .b{color:#5B8CFF}
.pad__tag i{width:5px;height:5px;border-radius:50%;background:#FF3DB8;box-shadow:0 0 8px currentColor}
.pad__tag i.b{background:#7B6BFF}
.pad__line{position:relative;height:1px;width:min(460px,88%);margin:20px auto 0;background:linear-gradient(90deg,transparent,rgba(255,180,80,.7),transparent)}
.pad__line::after{content:"";position:absolute;top:-3px;left:0;width:70px;height:7px;margin-left:-35px;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,176,74,.8) 40%,transparent);animation:lineRun 4s ease-in-out infinite alternate}
@keyframes lineRun{from{left:8%}to{left:92%}}
.pad .kicker{color:#FFB547}
.gold{background:linear-gradient(100deg,#FFD27A,#FFA53B 50%,#FF7A3D);-webkit-background-clip:text;background-clip:text;color:transparent}
.pad__svc{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.pad__svc li{display:inline-flex;align-items:center;gap:9px;padding:10px 16px 10px 12px;border-radius:999px;font-size:14.5px;font-weight:500;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:transform .35s var(--ease),border-color .35s,background .35s,opacity .9s var(--ease) var(--d,0s)}
.pad__svc li.is-in:hover{transform:translateY(-3px);border-color:rgba(255,181,71,.6);background:rgba(255,181,71,.08)}
.pad__svc .ico{width:19px;height:19px;color:#FFB547}
.pad__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn--gold{color:#1b1206;background:linear-gradient(100deg,#FFD27A,#FFA53B 55%,#FF7A3D);background-size:160% 100%;box-shadow:0 10px 30px -10px rgba(255,165,59,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.btn--gold:hover{background-position:100% 0;box-shadow:0 16px 40px -12px rgba(255,165,59,.9)}
@media(max-width:640px){.pad__ctas .btn--lg{flex:1 1 auto}.pad__svc li{font-size:13.5px;padding:8px 13px 8px 10px}}

/* ticker separators in heritage colours */
.ticker__track i:nth-of-type(4n+1){color:var(--cyan)}.ticker__track i:nth-of-type(4n+2){color:#A374FF}.ticker__track i:nth-of-type(4n+3){color:var(--green)}.ticker__track i:nth-of-type(4n){color:var(--orange)}

@media (prefers-reduced-motion:reduce){
  .sig__wave{stroke-dashoffset:0}.sig__word{clip-path:none}.sig__pulse{display:none}
  .pad__beams i,.padlogo__sheen,.padlogo__flare,.pad__line::after,.par__lamp,.par__lamp i,.par::before{animation:none!important}
  .cat li{opacity:1;transform:none}
}
@media(max-width:520px){.pad__tag{flex-wrap:nowrap;gap:6px;font-size:9.6px;letter-spacing:.14em}.pad__tag i{width:4px;height:4px}}

/* =========================================================
   v3 — compact strips: How it works + Why us
   ========================================================= */
.strips{padding:clamp(56px,7vw,96px) 0}
.strips .wrap{display:grid;gap:18px}
.strip{position:relative;display:grid;gap:22px;padding:clamp(22px,3vw,34px);border-radius:28px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line)}
.strip::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--sa,0deg),transparent 0 70%,rgba(139,92,255,.8),rgba(255,61,129,.8),transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .8s}
.strip.is-in::before{opacity:1;animation:stripSpin 9s linear infinite}
@property --sa{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes stripSpin{to{--sa:360deg}}
.strip::after{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-220px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(139,92,255,.22),transparent);pointer-events:none}
.strip--why::after{left:-160px;right:auto;top:auto;bottom:-240px;background:radial-gradient(closest-side,rgba(255,61,129,.16),transparent)}
@media(min-width:1000px){.strip{grid-template-columns:minmax(260px,.8fr) 2.2fr;align-items:center;gap:40px}}
.strip__head .kicker{margin-bottom:8px}
.strip__title{font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.08;margin:0}
/* flow (steps) */
.flow{list-style:none;padding:0;margin:0;display:grid;gap:14px;position:relative}
.flow li{position:relative;display:flex;gap:14px;align-items:flex-start;opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0s) + .2s + var(--k) * 140ms)}
.strip.is-in .flow li{opacity:1;transform:none}
.flow__icon{position:relative;flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background-image:linear-gradient(var(--bg2),var(--bg2)),var(--grad);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent;z-index:1;transition:transform .5s var(--ease),box-shadow .5s}
.flow__icon svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow__icon b{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--display);color:#1a0f2a;background:var(--amber)}
.flow li:hover .flow__icon{transform:translateY(-3px) scale(1.06);box-shadow:0 0 26px -4px var(--pink)}
.flow h3{font:700 17.5px/1.25 var(--body);letter-spacing:-.01em;margin:4px 0 4px}
.flow p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.flow::before{content:"";position:absolute;left:25px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,var(--violet),var(--pink),var(--amber));transform-origin:50% 0;transform:scaleY(0);transition:transform 1.4s var(--ease) .3s}
.strip.is-in .flow::before{transform:none}
@media(min-width:700px){
  .flow{grid-template-columns:repeat(3,1fr);gap:22px}
  .flow li{flex-direction:column;gap:12px}
  .flow::before{left:26px;right:calc(33.3% - 26px);top:25px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--violet),var(--pink),var(--amber));transform-origin:0 50%;transform:scaleX(0)}
  .flow h3{margin-top:0}
}
.flow::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px var(--pink);left:22px;top:30px;opacity:0}
.strip.is-in .flow::after{animation:flowDotV 3.6s ease-in-out 1.8s infinite}
@keyframes flowDotV{0%{opacity:0;transform:translateY(0)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateY(var(--fl,150px))}}
@media(min-width:700px){
  .flow::after{left:26px;top:22px}
  .strip.is-in .flow::after{animation-name:flowDotH}
  @keyframes flowDotH{0%{opacity:0;left:26px}10%{opacity:1}80%{opacity:1}100%{opacity:0;left:calc(66.6% + 20px)}}
}
/* vals (why) */
.vals{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:760px){.vals{grid-template-columns:repeat(3,1fr);gap:12px}}
.vals li{display:flex;gap:11px;align-items:flex-start;padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .6s var(--ease),transform .6s var(--ease),background .35s,border-color .35s;transition-delay:calc(var(--d,0s) + .15s + var(--k) * 70ms)}
.strip.is-in .vals li{opacity:1;transform:none}
.strip.is-in .vals li:hover{transform:translateY(-3px);background:rgba(255,61,129,.07);border-color:rgba(255,61,129,.4);transition-delay:0s}
.vals .ico{flex:none;width:22px;height:22px;color:var(--pink);margin-top:1px;transition:transform .4s var(--ease)}
.vals li:hover .ico{transform:scale(1.15) rotate(-8deg)}
.vals h3{font:700 15.5px/1.25 var(--body);letter-spacing:-.01em;margin:0 0 3px}
.vals p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}
@media(max-width:420px){.vals li{padding:12px 11px;gap:9px}.vals h3{font-size:14.5px}.vals p{font-size:12.5px}.vals .ico{width:19px;height:19px}}
.no-js .flow li,.no-js .vals li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.flow li,.vals li{opacity:1;transform:none}.flow::before{transform:none}.flow::after,.strip::before{display:none}}
@media(max-width:519px){.vals{grid-template-columns:1fr;gap:8px}.vals li{padding:12px 14px;align-items:center}.vals h3{font-size:15px}.vals p{font-size:13px}}

/* =========================================================
   v4 — colour, glow & life for pillars, steps, values, FAQ,
   service area, radar and contact
   ========================================================= */
:root{--c1:#19E0F0;--c2:#A374FF;--c3:#FF3DB8;--c4:#FFA53B;--c5:#3BE38A;--c6:#5B8CFF}
@keyframes v4Ring{0%{transform:scale(.85);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
@keyframes v4Sheen{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(320%) skewX(-18deg)}}
@keyframes v4Glow{50%{opacity:.35}}
@keyframes v4Pop{0%{opacity:0;transform:translateY(8px) scale(.85)}70%{transform:translateY(-2px) scale(1.04)}100%{opacity:1;transform:none}}

/* shared accent card */
.pillar,.contact__card,.faq details{--c:var(--c2)}
.pillar:nth-child(1){--c:var(--c1)}.pillar:nth-child(2){--c:var(--c3)}.pillar:nth-child(3){--c:var(--c4)}

/* ---- pillars: big gradient numerals, tinted glass, beam ---- */
.pillar{position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--c) 30%,transparent);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));transition:opacity .9s var(--ease) var(--d,0s),transform .5s var(--ease),border-color .4s,box-shadow .5s}
.pillar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--c),transparent);transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease) calc(var(--d,0s) + .25s)}
.pillar.is-in::before{transform:none}
.pillar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-120%) skewX(-18deg)}
.pillar.is-in::after{animation:v4Sheen 1.6s var(--ease) calc(var(--d,0s) + .4s) 1 both}
.pillar__num{position:absolute;right:16px;top:6px;font:800 clamp(58px,7vw,76px)/1 var(--display);letter-spacing:-.04em;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 0%,transparent) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.85;z-index:-1}
.pillar h2{margin-top:0;padding-right:64px}
.pillar h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:10px;vertical-align:.18em;background:var(--c);box-shadow:0 0 0 0 var(--c),0 0 12px var(--c)}
.pillar:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 65%,transparent);box-shadow:0 22px 50px -24px var(--c)}

/* ---- steps: coloured icons, big numerals, glow ---- */
.flow{counter-reset:fl}
.flow li{--c:var(--c1);counter-increment:fl;isolation:isolate}
.flow li:nth-child(2){--c:var(--c3)}.flow li:nth-child(3){--c:var(--c4)}
.flow__icon{background-image:linear-gradient(var(--bg2),var(--bg2)),linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 35%,#8B5CFF));box-shadow:0 0 22px -6px var(--c)}
.flow__icon svg{stroke:var(--c)}
.flow__icon::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--c);opacity:0}
.strip.is-in .flow__icon::after{animation:v4Ring 2.8s ease-out calc(1s + var(--k) * .5s) infinite}
.flow__icon b{background:var(--c);color:#120d22}
.flow li > div{position:relative}
.flow li::after{content:"0" counter(fl);position:absolute;right:0;top:-6px;z-index:-1;font:800 54px/1 var(--display);letter-spacing:-.04em;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,transparent),transparent 85%);-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.flow h3{color:#fff}
.flow li:hover h3{color:var(--c)}
@media(min-width:700px){.flow li::after{right:4px;top:-10px;font-size:64px}}

/* ---- values: per-tile colour chips ---- */
.vals li{--c:var(--c1);position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,transparent),rgba(255,255,255,.02) 65%);border-color:color-mix(in srgb,var(--c) 26%,transparent)}
.vals li:nth-child(2){--c:var(--c2)}.vals li:nth-child(3){--c:var(--c5)}.vals li:nth-child(4){--c:var(--c4)}.vals li:nth-child(5){--c:var(--c3)}.vals li:nth-child(6){--c:var(--c6)}
.vals li::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:3px;background:var(--c);box-shadow:0 0 12px var(--c)}
.vals .ico{width:36px;height:36px;padding:8px;border-radius:11px;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:0 0 18px -4px var(--c),inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent);margin-top:0}
.strip.is-in .vals li:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 24%,transparent),rgba(255,255,255,.03) 70%);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 14px 34px -18px var(--c)}
.vals li:hover .ico{transform:scale(1.08) rotate(-6deg)}
@media(max-width:519px){.vals .ico{width:34px;height:34px;padding:7px}}

/* ---- FAQ: numbered, colour-coded, glowing when open ---- */
.faq{counter-reset:fq}
.faq details{counter-increment:fq;position:relative;overflow:hidden;background:linear-gradient(100deg,color-mix(in srgb,var(--c) 9%,transparent),rgba(255,255,255,.025) 55%);border-color:color-mix(in srgb,var(--c) 22%,transparent);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),background .35s,border-color .35s,box-shadow .4s}
.faq details:nth-child(5n+1){--c:var(--c1)}.faq details:nth-child(5n+2){--c:var(--c2)}.faq details:nth-child(5n+3){--c:var(--c5)}.faq details:nth-child(5n+4){--c:var(--c4)}.faq details:nth-child(5n){--c:var(--c3)}
.faq details:nth-child(2){--d:.05s}.faq details:nth-child(3){--d:.1s}.faq details:nth-child(4){--d:.15s}.faq details:nth-child(5){--d:.2s}
.faq details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c);box-shadow:0 0 14px var(--c);opacity:.7;transition:opacity .3s,width .3s}
.faq summary{padding-left:62px}
.faq summary::before{content:"0" counter(fq);position:absolute;left:20px;top:50%;transform:translateY(-50%);font:800 20px/1 var(--display);letter-spacing:-.02em;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 45%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.faq details:hover{border-color:color-mix(in srgb,var(--c) 50%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 15%,transparent),rgba(255,255,255,.03) 60%)}
.faq details[open]{border-color:color-mix(in srgb,var(--c) 65%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 18%,transparent),rgba(255,255,255,.04) 70%);box-shadow:0 18px 44px -24px var(--c)}
.faq details[open]::before{opacity:1;width:4px}
.faq details[open] summary::after{background-color:var(--c);transform:rotate(135deg)}
.faq details[open] summary{color:#fff}
.faq details>div a{color:var(--c)}

/* ---- service area: coloured pop-in pills ---- */
.suburbs li{--c:var(--c1);position:relative;display:inline-flex;align-items:center;gap:7px;color:#ece9ff;border-color:color-mix(in srgb,var(--c) 32%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent);transition:transform .3s var(--ease),background .3s,border-color .3s,box-shadow .3s;cursor:default}
.suburbs li:nth-child(5n+2){--c:var(--c2)}.suburbs li:nth-child(5n+3){--c:var(--c3)}.suburbs li:nth-child(5n+4){--c:var(--c4)}.suburbs li:nth-child(5n){--c:var(--c5)}
.suburbs li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.suburbs li:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--c) 20%,transparent);border-color:var(--c);box-shadow:0 8px 22px -10px var(--c)}
.suburbs li.is-base{color:#160e26;font-weight:700;border-color:transparent;background:linear-gradient(100deg,var(--c1),var(--c2) 55%,var(--c3));box-shadow:0 6px 24px -8px rgba(163,116,255,.8)}
.suburbs li.is-base::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.suburbs.reveal{transform:none}
.suburbs.reveal li{opacity:0}
.suburbs.reveal.is-in li{animation:v4Pop .55s var(--ease) calc(var(--i) * 35ms + .1s) both}

/* ---- radar: distance rings, vivid sweep, synced blips ---- */
.radar .rim{fill:rgba(12,10,30,.6);stroke:rgba(163,116,255,.35);stroke-width:1.5}
.radar .axis{stroke:rgba(255,255,255,.07);stroke-width:1}
.radar .ring{stroke:rgba(255,255,255,.18)}
.radar .ring--10{stroke:rgba(255,61,184,.55);stroke-dasharray:none;stroke-width:1.5}
.radar .ring--20{stroke:rgba(25,224,240,.6);stroke-dasharray:none;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(25,224,240,.6))}
.radar .rlab text{font:700 10.5px var(--body);letter-spacing:.06em;fill:rgba(255,255,255,.55)}
.radar .rlab text:nth-child(2){fill:#FF7AD0}.radar .rlab text:nth-child(3){fill:#6FF0FA}
.radar .sweep{transform-origin:200px 200px;animation:radarSpin 6s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}
.radar .sweep__edge{stroke:#FF7AD0;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px #FF3DB8)}
.radar .pts circle{fill:var(--c4)}
.radar .pt circle{transform-box:fill-box;transform-origin:center;animation:blip 6s linear var(--t) infinite}
.radar .pt--edge path{fill:var(--c1);animation:blipE 6s linear var(--t) infinite}
@keyframes blip{0%{fill:#fff;transform:scale(1.9);filter:drop-shadow(0 0 6px #FFA53B)}18%{fill:#FFA53B;transform:scale(1);filter:none}100%{fill:#FFA53B;transform:scale(1)}}
@keyframes blipE{0%{fill:#fff}20%,100%{fill:#19E0F0}}
.radar text{fill:#ece9ff;font:600 12.5px var(--body);paint-order:stroke;stroke:rgba(11,10,24,.85);stroke-width:3px}
.radar text tspan{font-size:10px;fill:#c9b8ff;font-weight:700}
.radar .home{fill:var(--c3);filter:drop-shadow(0 0 10px var(--c3));animation:none}
.radar .home-ring{fill:none;stroke:var(--c3);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:v4Ring 2.4s ease-out infinite}
.radar .home-lab{font-weight:800;fill:#fff}
.radar .core{animation:v4Glow 4s ease-in-out infinite}
.radar__note{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted)}
.radar__k{display:inline-block;font:700 13px var(--body);letter-spacing:.02em;color:#fff;padding:7px 14px;border-radius:999px;background:linear-gradient(rgba(11,10,24,.85),rgba(11,10,24,.85)) padding-box,linear-gradient(100deg,var(--c3),var(--c1)) border-box;border:1px solid transparent;box-shadow:0 0 22px -8px var(--c1)}

/* ---- contact: per-card colour, pulsing icon rings, live border ---- */
.contact__card:nth-child(1){--c:var(--c1)}.contact__card:nth-child(2){--c:var(--c2)}.contact__card:nth-child(3){--c:var(--c3)}.contact__card:nth-child(4){--c:var(--c4)}
.contact__card{--pad:24px;position:relative;overflow:hidden;isolation:isolate;align-items:center;border-color:color-mix(in srgb,var(--c) 30%,transparent);background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--c) 18%,transparent),transparent 65%),rgba(255,255,255,.03);transition:opacity .9s var(--ease) var(--d,0s),transform .5s var(--ease),border-color .35s,box-shadow .5s}
.contact__card .ico{position:relative;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:0 0 22px -4px var(--c),inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}
.contact__card::before{content:"";position:absolute;left:var(--pad);top:50%;width:44px;height:44px;margin-top:-22px;border-radius:14px;border:2px solid var(--c);opacity:0;pointer-events:none}
.contact__card.is-in::before{animation:v4Ring 3s ease-out calc(var(--d,0s) + 1s) infinite}
.contact__card small:first-child{color:var(--c);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
.contact__card b{color:#fff}
.contact__card::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-120%) skewX(-18deg)}
.contact__card:hover::after{animation:v4Sheen 1s var(--ease) 1}
a.contact__card:hover,.contact__card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 20px 44px -22px var(--c)}
.contact__card:first-child{border-color:transparent;background:linear-gradient(rgba(14,12,32,.92),rgba(14,12,32,.92)) padding-box,conic-gradient(from var(--sa,0deg),var(--c1),var(--c2),var(--c3),var(--c4),var(--c1)) border-box;animation:stripSpin 6s linear infinite}
@media(max-width:640px){.contact__card{--pad:18px}}
/* socials: brand-colour glow */
.socials a{--c:var(--c3);position:relative;color:#fff;border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:0 0 22px -6px var(--c)}
.socials a.s-ig{--c:#E1306C}.socials a.s-fb{--c:#1877F2}.socials a.s-wa{--c:#25D366}
.socials a::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--c);opacity:0}
.socials.is-in a::after{animation:v4Ring 3.2s ease-out infinite}
.socials a:nth-child(2)::after{animation-delay:.5s}.socials a:nth-child(3)::after{animation-delay:1s}
.socials a.s-ig:hover{background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5);color:#fff}
.socials a:hover{background:var(--c);color:#fff;box-shadow:0 10px 30px -6px var(--c)}

@media (prefers-reduced-motion:reduce){
  .pillar::after,.contact__card::after{display:none}
  .pillar::before{transform:none}
  .suburbs.reveal li{opacity:1;animation:none}
  .radar .sweep,.radar .pt circle,.radar .pt--edge path,.radar .home-ring,.radar .core,.contact__card::before,.socials a::after,.flow__icon::after{animation:none!important}
  .radar .home-ring,.contact__card::before,.socials a::after,.flow__icon::after{display:none}
  .contact__card:first-child{animation:none}
}
/* v4 mobile tidy */
.contact__card > span{min-width:0}
.contact__card b{overflow-wrap:anywhere}
@media(max-width:640px){
  .flow li::after{font-size:42px;top:-2px;opacity:.55}
  .vals .ico{width:30px;height:30px;padding:6px;border-radius:9px}
  .suburbs{gap:6px}.suburbs li{font-size:13.5px;padding:6px 11px;gap:6px}
  .suburbs li::before{width:5px;height:5px}
  .contact__card b{font-size:15px}
}

/* v5 — two option cards + event chips colour */
@media(min-width:800px){.pillars.pillars--2{grid-template-columns:repeat(2,1fr);max-width:980px;margin-inline:auto}}
.pillars--2 .pillar:nth-child(1){--c:var(--c1)}.pillars--2 .pillar:nth-child(2){--c:var(--c3)}
@media(min-width:800px){.pillars--2 .pillar{padding:34px 36px}.pillars--2 .pillar p{font-size:17px;max-width:38ch}}
#events .section__head{margin-bottom:8px}
#events .chips{max-width:900px;margin-inline:auto}
#events .chips li{--c:var(--c1);display:inline-flex;align-items:center;gap:8px;border-color:color-mix(in srgb,var(--c) 32%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent)}
#events .chips li:nth-child(5n+2){--c:var(--c3)}#events .chips li:nth-child(5n+3){--c:var(--c4)}#events .chips li:nth-child(5n+4){--c:var(--c2)}#events .chips li:nth-child(5n){--c:var(--c5)}
#events .chips li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
#events .chips li:nth-child(-n+4){font-weight:700;font-size:16px;padding:12px 18px}
#events .chips li:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:0 8px 22px -10px var(--c)}
@media(max-width:640px){#events .chips{gap:7px}#events .chips li{font-size:13.5px;padding:8px 13px;gap:6px}#events .chips li:nth-child(-n+4){font-size:14.5px;padding:9px 14px}}
/* v6 — calmer, true-15 km radar */
.radar .rbg{fill:rgba(12,10,30,.55)}
.radar .axis{stroke:rgba(255,255,255,.05)}
.radar .ring{fill:none;stroke:rgba(255,255,255,.1);stroke-dasharray:3 6;stroke-width:1;filter:none}
.radar .ring--edge{stroke:rgba(25,224,240,.55);stroke-dasharray:none;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(25,224,240,.35))}
.radar .rlab text,.radar .rlab text:nth-child(2),.radar .rlab text:nth-child(3){font:600 9.5px var(--body);letter-spacing:.04em;fill:rgba(255,255,255,.38);stroke:none}
.radar .sweep__edge{stroke:#FF7AD0;stroke-width:2;filter:drop-shadow(0 0 3px #FF3DB8)}
.radar .core{animation:none}
.radar text{font-size:13px}
.radar .home-lab{font-size:13.5px}
@keyframes blip{0%{fill:#fff;transform:scale(1.6)}18%,100%{fill:#FFA53B;transform:scale(1)}}