/* Immersive Digital Drips hero. All content remains in the incumbent markup. */
.hero{--hero-white:#f6efe8;--hero-soft:#c3b5c1;--mx:0;--my:0;--flight:0;display:flex;flex-direction:column;align-items:stretch;isolation:isolate;min-height:980px;padding:155px max(40px,calc((100vw - 1360px)/2)) 80px;background:#07070c;overflow:hidden}
.hero .hero-wave,.hero .hero-grid,.hero .orbit,.hero .phone-island,.hero .panel-ripple{display:none}
.hero .hero-fade{background:radial-gradient(ellipse at 78% 38%,#4d143546,transparent 48%),radial-gradient(ellipse at 85% 67%,#ff64131c,transparent 32%),linear-gradient(110deg,#07070c 28%,#0f0915 70%,#09090f);z-index:-2}
.hero::after{content:'';position:absolute;left:35%;right:-30%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,#ff9a704f,transparent);transform:rotate(-24deg);pointer-events:none;z-index:-1}
.hero .hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:center;width:100%;max-width:1360px;margin:auto;position:relative;z-index:2}
.hero .hero-copy{opacity:1;transform:translate3d(0,calc(var(--flight)*-35px),0);z-index:3;pointer-events:none}
.hero .hero-copy a{pointer-events:auto}
.hero .hero-eyebrow{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#d2b0c2;margin-bottom:26px;display:flex;gap:12px}
.hero .hero-eyebrow::before{content:'';width:24px;height:1px;background:#ff6997;box-shadow:none}
.hero .hero-copy h1{font-family:var(--display);font-size:clamp(35px,3.5vw,54px);line-height:1.16;letter-spacing:-.035em;font-weight:500;text-transform:none;text-wrap:initial;margin:0 0 28px;color:var(--hero-white)}
.hero .hero-copy h1 span{background:none;color:#ff966c;-webkit-text-fill-color:currentColor}
.hero .hero-lede{font-family:var(--body);color:var(--hero-soft);font-size:15px;line-height:1.85;max-width:57ch;margin:0 0 30px}
.hero .hero-actions{gap:14px;display:flex;flex-wrap:wrap}
.hero .hero-actions .button{position:relative;min-height:54px;padding:16px 23px;border:1px solid #ff96a655;border-radius:7px;background:linear-gradient(115deg,#b50e48,#e93545 54%,#ef762b);color:#fff;font-family:var(--body);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;box-shadow:0 14px 40px -17px #ee355ba3;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s}
.hero .hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 19px 42px -16px #ff547bb3}
.hero .hero-actions .button--ghost{border-color:#f6efe82b;background:#111017aa;color:var(--hero-white);box-shadow:none}
.hero .hero-actions .button--ghost:hover{border-color:#f6efe869;background:#20111f}
.hero .hero-facts{margin-top:29px;font-size:11px;font-weight:500;color:#a99aa6;gap:8px 0}
.hero .hero-facts li+li::before{margin:0 12px;background:#d1b0c02e}
.hero .hero-stage{perspective:1400px;width:100%;max-width:none;height:670px;position:relative;transform:none;opacity:1;border:0;background:none;z-index:1}
.hero .experience-canvas{position:absolute;inset:-65px -115px auto auto;width:calc(100% + 200px);height:690px;max-width:none;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s}
.hero.is-3d-ready .experience-canvas{opacity:1}
.hero .phone{display:contents;transform:none;box-shadow:none;border:0}
.hero .phone-screen{display:contents;overflow:visible;background:none}
.hero .phone-screen::before{content:'';position:absolute;top:90px;left:20%;width:70%;height:350px;background:url('/mark-512.webp') center/contain no-repeat;filter:drop-shadow(0 35px 35px #0009);transform:rotate(-12deg);transition:opacity .7s}
.hero.is-3d-ready .phone-screen::before{opacity:0}
.hero .phone-brand{position:absolute;top:0;left:0;right:0;margin:0;text-align:center;font-size:9px;letter-spacing:.3em;color:#b596ac;transform:translateX(32px)}
.hero .phone-big{position:absolute;left:0;right:0;top:477px;text-align:center;margin:0;font-family:var(--display);font-size:23px;line-height:1.2;letter-spacing:-.02em;font-weight:500;text-transform:none;color:#f6efe8;transform:translateX(25px);z-index:2}
.hero .phone-big br{display:none}
.hero .phone-big br::after{content:' '}
.hero .phone-big em{background:none;color:#ff936b;font-style:normal;margin-left:.2em}
.hero .phone-cards{display:contents}
.hero .phone-cards>div{position:absolute;display:block;width:172px;padding:15px 17px 16px;border:1px solid #f6efe824;border-radius:10px;background:linear-gradient(135deg,#29212dca,#110e19ed);box-shadow:0 24px 48px -22px #000a;backdrop-filter:blur(14px);transform-style:preserve-3d;transition:border-color .3s,background .3s;z-index:3}
.hero .phone-cards>div::before{content:'';display:block;width:22px;height:17px;margin-bottom:12px;border:1px solid #ee89b6;border-radius:3px;background:linear-gradient(90deg,#ff7b371f,transparent);box-shadow:inset 0 4px 0 #f792b820}
.hero .phone-cards>div::after{content:'';position:absolute;left:100%;top:50%;width:50px;height:1px;background:linear-gradient(90deg,#c27baf66,transparent)}
.hero .phone-cards>div:nth-child(1){top:82px;left:-9px;transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-9px),20px) rotateY(-12deg) rotateZ(-5deg)}
.hero .phone-cards>div:nth-child(2){top:158px;right:-36px;transform:translate3d(calc(var(--mx)*16px),calc(var(--my)*12px),45px) rotateY(14deg) rotateZ(5deg)}
.hero .phone-cards>div:nth-child(2)::before{height:22px;width:22px;transform:rotate(-30deg) skew(12deg);border-color:#ffc18a;box-shadow:4px 4px 0 -1px #17111e,5px 5px 0 #ffc18a80}
.hero .phone-cards>div:nth-child(2)::after,.hero .phone-cards>div:nth-child(4)::after{left:auto;right:100%;transform:rotate(180deg)}
.hero .phone-cards>div:nth-child(3){top:330px;left:5px;transform:translate3d(calc(var(--mx)*-19px),calc(var(--my)*-13px),60px) rotateY(-10deg) rotateZ(-3deg)}
.hero .phone-cards>div:nth-child(3)::before{width:25px;height:20px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,transparent 0 8%,#ed8cb4 8% 14%,transparent 14% 28%,#ed8cb4 28% 35%,transparent 35% 48%,#ed8cb4 48% 55%,transparent 55% 69%,#ed8cb4 69% 76%,transparent 76% 90%,#ed8cb4 90% 97%,transparent 97%);clip-path:polygon(0 35%,20% 35%,20% 15%,40% 15%,40% 0,60% 0,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 85%,20% 85%,20% 65%,0 65%)}
.hero .phone-cards>div:nth-child(4){top:367px;right:-20px;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*16px),30px) rotateY(10deg) rotateZ(4deg)}
.hero .phone-cards>div:nth-child(4)::before{width:24px;height:14px;border-radius:8px;border-color:#ffa87f;box-shadow:inset 9px 0 0 #ffa87f44}
.hero .phone-cards b{font-family:var(--body);font-size:13px;line-height:1.3;color:#f6efe8;font-weight:600;margin:0 0 5px}
.hero .phone-cards span{color:#c4b2c1;font-size:11px;line-height:1.5;display:block}
.hero .panel{position:absolute;inset:auto 0 0 0;width:100%;padding:22px 0 0;border:0;border-top:1px solid #f6efe82b;border-radius:0;background:none;box-shadow:none;transform:translateX(18px);z-index:3}
.hero .panel-head{font-family:var(--body);font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;color:#bdaaBA}
.hero .panel-head b{font-weight:500}
.hero .panel-head i{font-size:10px;letter-spacing:.05em;cursor:pointer;min-height:28px;min-width:90px;justify-content:flex-end}
.hero .panel-head u{width:5px;height:5px;box-shadow:none}
.hero .panel-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hero .panel-tiles>div{padding:0;background:none;border:0;border-radius:0}
.hero .panel-tiles>div:last-child{grid-column:auto}
.hero .panel-tiles b{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:-.02em;margin:0 0 9px}
.hero .panel-tiles span{font-size:11px;line-height:1.6;color:#bfaebc;max-width:22ch}
.hero .hero-chips{order:1;position:relative;inset:auto;transform:none;width:100%;max-width:1360px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:55px auto 0;padding-top:24px;border-top:1px solid #d1b0c024}
.hero .chip{display:grid;grid-template-columns:20px 1fr;column-gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}
.hero .chip svg{grid-row:1/3;width:16px;height:16px;margin:3px 0 0;stroke:#d599b7}
.hero .chip b{font-family:var(--body);font-size:11px;letter-spacing:.01em;text-transform:none;font-weight:600;margin:0 0 3px}
.hero .chip span{font-size:10px;color:#a896a4}
.hero .scroll-cue{bottom:23px;left:max(40px,calc((100vw - 1360px)/2));opacity:1;font-size:10px;letter-spacing:.05em;color:#a896a4}
.hero .scroll-cue i{height:20px;background:linear-gradient(#ff789f,transparent);animation:none}
html.js .hero .hero-copy>*,html.js .hero .hero-stage{animation:none;opacity:1;transform:none}
.hero.is-paused .panel-head .m-on{display:none}.hero.is-paused .panel-head .m-off{display:inline}.hero.is-paused .panel-head i{color:#c3b5c1}.hero.is-paused .panel-head u{background:#c3b5c1}
@media(min-width:1700px){.hero{min-height:960px;padding-top:135px}.hero .hero-inner{grid-template-columns:1.05fr 1fr;gap:50px}.hero .hero-copy h1{font-size:52px}}
@media(max-width:1150px) and (min-width:761px){.hero{padding:140px 32px 80px}.hero .hero-inner{grid-template-columns:1fr 1fr}.hero .hero-copy h1{font-size:36px}.hero .hero-stage{height:680px}.hero .phone-cards>div{width:140px;padding:13px}.hero .phone-cards>div:nth-child(2){right:-10px}.hero .phone-cards>div:nth-child(4){right:0}.hero .hero-facts{gap:8px 12px}.hero .hero-facts li+li::before{display:none}.hero .experience-canvas{right:-125px;width:calc(100% + 230px)}.hero .panel{transform:none}}
@media(max-width:760px){.hero{padding:113px 24px 48px;min-height:auto}.hero .hero-inner{grid-template-columns:1fr;gap:30px}.hero .hero-copy h1{font-size:clamp(27px,6.9vw,45px);line-height:1.22;letter-spacing:-.035em;margin-bottom:23px}.hero .hero-copy h1 br{display:block}.hero .hero-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:22px}.hero .hero-lede{font-size:14px;line-height:1.85;margin-bottom:25px}.hero .hero-actions{gap:10px}.hero .hero-actions .button{padding:15px 17px;font-size:12px;min-height:50px}.hero .hero-facts{font-size:10px;margin-top:25px;gap:8px 10px}.hero .hero-facts li+li::before{display:none}.hero .hero-stage{height:630px;margin-top:12px}.hero .experience-canvas{inset:-15px -60px auto;width:calc(100% + 120px);height:470px}.hero .phone-screen::before{top:60px;height:300px;left:8%;width:85%}.hero .phone-brand{transform:none;top:0;font-size:8px}.hero .phone-big{top:422px;font-size:18px;transform:none}.hero .phone-cards>div{width:128px;padding:12px 13px;border-radius:8px}.hero .phone-cards>div::before{margin-bottom:9px;transform:scale(.8);transform-origin:left center}.hero .phone-cards>div::after{width:20px}.hero .phone-cards b{font-size:11px}.hero .phone-cards span{font-size:10px}.hero .phone-cards>div:nth-child(1){left:-8px;top:67px}.hero .phone-cards>div:nth-child(2){right:-8px;top:155px}.hero .phone-cards>div:nth-child(3){left:-4px;top:291px}.hero .phone-cards>div:nth-child(4){right:-8px;top:310px}.hero .panel{transform:none;padding-top:18px}.hero .panel-head{font-size:9px;letter-spacing:.06em;margin-bottom:13px}.hero .panel-tiles{gap:15px}.hero .panel-tiles b{font-size:20px}.hero .panel-tiles span{font-size:10px}.hero .hero-chips{grid-template-columns:1fr 1fr;gap:23px 15px;margin-top:32px}.hero .scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.hero *,.hero *::before{animation:none!important;transition:none!important}.hero .hero-copy{transform:none}.hero .phone-cards>div{translate:none}}

/* Keep the existing contact shortcut clear of the taller immersive hero. */
body.hero-in-view .wa-float{opacity:0;visibility:hidden;pointer-events:none}

/* Native fallback retains word separation even when modules cannot load. */
.hero:not(.is-3d-ready) .phone-big{top:430px;font-size:18px}
.hero:not(.is-3d-ready) .phone-big br{display:block}
.hero:not(.is-paused) .panel-head .m-on{display:inline}
.hero:not(.is-paused) .panel-head .m-off{display:none}
.hero:not(.is-paused) .panel-head i{color:#3ee59c;background:none}
.hero:not(.is-paused) .panel-head u{background:#3ee59c}
.hero .panel-head i{min-height:44px}
@media(max-width:760px){.hero:not(.is-3d-ready) .phone-big{top:422px;font-size:16px}}
@media(max-width:360px){.hero .hero-copy h1{font-size:23px}.hero .hero-actions{gap:10px}.hero .hero-actions .button{padding-inline:14px}}