/* Dark hero stage with a continuous, gentle 3D flight for every platform mark. */
.site-header{width:100%;max-width:none;margin:0;padding-inline:max(calc((100% - 1180px)/2),36px);background:#0b1828;border-bottom:1px solid rgba(220,246,236,.12);color:#effbf5}
.site-header .brand-name{color:#f6fbf9}
.site-header .brand-name b{color:#91a6b0}
.main-nav{color:#c5d4d4}
.header-cta{color:#edf8f1;border-color:rgba(214,239,228,.25)}
.header-cta:hover{background:#173246;border-color:#31596a}
.hero.section-wrap{width:100%;max-width:none;margin:0;min-height:650px;padding-inline:max(calc((100% - 1180px)/2),36px);background:radial-gradient(ellipse at 72% 45%,rgba(44,91,104,.32),transparent 48%),linear-gradient(110deg,#0b1828 0%,#0b1b2d 57%,#102335 100%);color:#f8fbf7}
.hero h1{color:#f5faf7}
.hero-description{color:#b6c5c9}
.hero-proof,.text-link{color:#a9bbc0}
.text-link:hover{color:#e6f8ef}
.hero-visual{background:radial-gradient(ellipse at 50% 48%,#19384a 0%,#102638 52%,#091624 100%);box-shadow:0 26px 65px rgba(0,0,0,.3);border:1px solid rgba(199,231,220,.08)}
.hero-hand{width:auto;height:min(88%,420px);max-width:70%;object-fit:contain;}
.visual-grid{opacity:.55}
.platform{animation:logo-flight 8.2s cubic-bezier(.4,0,.25,1) infinite;will-change:transform}
.platform-facebook{--fly-x:72px;--fly-y:38px}
.platform-instagram{--fly-x:-58px;--fly-y:45px}
.platform-google{--fly-x:48px;--fly-y:-63px}
.platform-tiktok{--fly-x:-70px;--fly-y:-32px}
.platform-snapchat{--fly-x:62px;--fly-y:-48px}
@keyframes logo-flight{0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1)}24%{transform:translate3d(var(--fly-x),var(--fly-y),26px) rotateX(10deg) rotateY(-12deg) rotateZ(9deg) scale(1.05)}52%{transform:translate3d(calc(var(--fly-x)*-.75),calc(var(--fly-y)*-1.05),-18px) rotateX(-8deg) rotateY(11deg) rotateZ(-12deg) scale(.95)}78%{transform:translate3d(calc(var(--fly-x)*-.48),calc(var(--fly-y)*.55),16px) rotateX(8deg) rotateY(9deg) rotateZ(7deg) scale(1.04)}}
.hero-hand{top:12%;animation:hand-reach 7.2s cubic-bezier(.48,.04,.32,1) infinite}
.arm{animation:hand-open 7.2s ease-in-out infinite}
.arm-closed{animation:hand-close 7.2s ease-in-out infinite}
@keyframes hand-reach{0%,16%{transform:translate(-50%,100%) rotate(-8deg)}34%{transform:translate(-50%,15%) rotate(-3deg)}43%,56%{transform:translate(-50%,0%) rotate(0deg)}68%{transform:translate(-50%,6%) rotate(4deg)}81%,100%{transform:translate(-50%,100%) rotate(-8deg)}}
@keyframes hand-open{0%,36%,59%,100%{opacity:1}42%,55%{opacity:0}}
@keyframes hand-close{0%,36%,59%,100%{opacity:0;transform:scale(.91) translateY(13px)}42%,55%{opacity:1;transform:scale(1) translateY(0)}}
.arm-closed .sleeve{fill:#14283c}
@media(max-width:950px){.site-header{padding-inline:24px}.hero.section-wrap{padding-inline:max(calc((100% - 760px)/2),24px);min-height:590px}.platform-facebook{--fly-x:48px;--fly-y:28px}.platform-instagram{--fly-x:-42px;--fly-y:34px}.platform-google{--fly-x:34px;--fly-y:-45px}.platform-tiktok{--fly-x:-50px;--fly-y:-22px}.platform-snapchat{--fly-x:44px;--fly-y:-34px}}
@media(max-width:700px){.site-header{padding-inline:19px}.hero.section-wrap{padding-inline:19px;min-height:auto}.platform-facebook{--fly-x:38px;--fly-y:27px}.platform-instagram{--fly-x:-33px;--fly-y:27px}.platform-google{--fly-x:27px;--fly-y:-36px}.platform-tiktok{--fly-x:-38px;--fly-y:-20px}.platform-snapchat{--fly-x:34px;--fly-y:-27px}}
@media(prefers-reduced-motion:reduce){.platform,.hero-hand,.arm,.arm-closed{animation:none!important}.arm-closed{opacity:1}}

/* Unified midnight-navy canvas across the complete landing page. */
:root{--ink:#edf5f3;--muted:#a7b8c0;--paper:#0b1828;--line:rgba(210,236,229,.14)}
html,body{background:#0b1828;color:#edf5f3}
body{background:radial-gradient(ellipse at 8% 43%,rgba(39,99,111,.16),transparent 36%),radial-gradient(ellipse at 92% 78%,rgba(35,83,91,.14),transparent 33%),#0b1828}
.page-glow{opacity:.16;z-index:0}
main,.site-header,.site-footer{position:relative;z-index:1}
.services,.contact{width:100%;max-width:none;margin:0;padding-inline:max(calc((100% - 1180px)/2),36px);background:transparent;color:#edf5f3}
.services{padding-block:95px 108px}
.section-heading h2,.contact h2{color:#f2f7f4}
.eyebrow-dark{color:#a9c0c3}
.section-heading>p,.contact-intro>p{color:#a7b6bd}
.service-card{background:linear-gradient(145deg,rgba(19,43,59,.92),rgba(14,33,48,.95));border-color:rgba(194,228,216,.13);box-shadow:0 15px 45px rgba(0,0,0,.12)}
.service-card:hover{border-color:rgba(94,224,194,.4);box-shadow:0 23px 46px rgba(0,0,0,.26)}
.service-index{color:#9db0b6}.service-index span{color:#526a75}
.service-icon{background:rgba(94,224,194,.12)}
.icon-content{background:rgba(216,241,115,.12)}
.icon-content i{background:rgba(15,39,51,.72)}
.icon-page{background:rgba(110,163,222,.14)}
.icon-page:before{background:#e8f0f2;border-color:#86acd0}
.service-card h3{color:#eef6f2}
.service-card p{color:#a1b3ba}
.card-link{color:#c1d0d1}
.card-link span{color:var(--mint)}
.method{background:linear-gradient(110deg,#0d2031 0%,#102638 50%,#0d2031 100%);border-block:1px solid rgba(202,235,224,.07)}
.contact{padding-block:105px 100px}
.direct-whatsapp{border-color:rgba(208,236,222,.16);background:rgba(17,43,56,.66)}
.direct-whatsapp:hover{border-color:rgba(94,224,194,.55);background:rgba(23,56,66,.85)}
.direct-whatsapp small{color:#9fb2b6}
.direct-whatsapp strong{color:#ecf7f2}
.wa-icon{background:rgba(29,185,116,.16);color:#6ce4a7}
.contact-form{background:linear-gradient(145deg,rgba(20,45,61,.98),rgba(15,35,51,.98));border-color:rgba(200,232,220,.14);box-shadow:0 24px 60px rgba(0,0,0,.2)}
.form-title h3{color:#f1f7f4}
.form-title span,.form-grid label{color:#a8bbc0}
.form-grid input,.form-grid select,.form-grid textarea{background:rgba(7,23,36,.75);border-color:rgba(195,225,216,.19);color:#f0f6f3}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#788f99}
.form-grid select option{background:#102638;color:#edf5f3}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#5ee0c2;box-shadow:0 0 0 3px rgba(94,224,194,.14)}
.form-note{color:#9aadb3}
.site-footer{border-color:rgba(210,236,229,.15);color:#9bafb5}
.footer-brand .brand-name{color:#eff7f3}
.footer-brand .brand-name b{color:#91a6b0}
.scroll-cue span{border-color:#789099}
.mobile-wa{background:#12392f}
@media(max-width:950px){.services,.contact{padding-inline:max(calc((100% - 760px)/2),24px)}}
@media(max-width:700px){.services,.contact{padding-inline:19px}.services{padding-block:67px 72px}.contact{padding-block:68px 66px}}

/* Quiet, continuous social-logo drift across the navy page backdrop. */
.page-social-stream{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.20}
.stream-mark{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(141,220,207,.22);border-radius:15px;color:#8be5d1;background:rgba(13,40,54,.42);box-shadow:0 0 28px rgba(75,196,173,.07);font:700 29px Arial,sans-serif;animation:stream-drift 18s ease-in-out infinite;will-change:transform}
.stream-mark svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3}.stream-mark .ig-dot{fill:currentColor;stroke:none}
.stream-fb{left:7%;top:20%;animation-delay:-8s}.stream-ig{left:82%;top:32%;animation-delay:-2s}.stream-tt{left:15%;top:72%;font-size:33px;animation-delay:-12s}.stream-snap{left:75%;top:78%;color:#d8f173;animation-delay:-5s}.stream-snap svg{fill:currentColor;stroke:none}.stream-google{left:91%;top:58%;color:#a4c5ff;font-size:27px;animation-delay:-15s}
@keyframes stream-drift{0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scale(.94)}30%{transform:translate3d(18px,-24px,0) rotate(7deg) scale(1.06)}65%{transform:translate3d(-14px,19px,0) rotate(-3deg) scale(.98)}}
@media(max-width:700px){.page-social-stream{opacity:.13}.stream-mark{width:38px;height:38px;border-radius:12px;font-size:23px}.stream-mark svg{width:20px;height:20px}.stream-fb{left:3%;top:23%}.stream-ig{left:83%;top:38%}.stream-tt{left:7%;top:75%}.stream-snap{left:78%;top:81%}.stream-google{left:90%;top:61%}}
@media(prefers-reduced-motion:reduce){.stream-mark{animation:none!important}}
/* Let the backdrop marks remain visible behind the transparent page sections. */
.hero.section-wrap{background:transparent}
.method{background:linear-gradient(110deg,rgba(13,32,49,.80),rgba(16,38,56,.78),rgba(13,32,49,.80))}
.page-social-stream{opacity:.32}
.stream-mark{background:rgba(13,40,54,.24);border-color:rgba(141,220,207,.30);box-shadow:0 0 28px rgba(75,196,173,.10)}
@media(max-width:700px){.page-social-stream{opacity:.20}}
/* Stronger and faster ambient platform marks, tuned for clear visibility. */
.page-social-stream{opacity:.68}
.stream-mark{width:60px;height:60px;border-radius:18px;border-color:rgba(157,240,222,.52);background:rgba(18,48,63,.58);box-shadow:0 0 34px rgba(75,196,173,.16);animation-duration:8s}
.stream-mark svg{width:31px;height:31px}
.stream-fb{color:#83b8ff;text-shadow:0 0 16px rgba(24,119,242,.38)}
.stream-ig{color:#ff9bc3;text-shadow:0 0 16px rgba(213,69,131,.32)}
.stream-tt{color:#f3fbff;text-shadow:2px 2px 0 rgba(37,244,238,.55),-2px -2px 0 rgba(254,44,85,.45)}
.stream-snap{color:#ffed35;text-shadow:0 0 16px rgba(255,236,48,.38)}
.stream-google{color:#a8c8ff;text-shadow:0 0 14px rgba(66,133,244,.38)}
@media(max-width:700px){.page-social-stream{opacity:.47}.stream-mark{width:48px;height:48px;border-radius:15px;animation-duration:7s}.stream-mark svg{width:25px;height:25px}}
/* Spread the brighter platform badges along the full page, not just the first screen. */
body{position:relative}
.page-social-stream{position:absolute;inset:0;height:100%;opacity:.82;overflow:hidden}
.stream-mark{width:58px;height:58px;border-width:1.5px;border-color:rgba(178,248,230,.68);background:rgba(19,49,64,.70);box-shadow:0 0 38px rgba(75,196,173,.22);animation-duration:6s}
.stream-mark svg{width:33px;height:33px}
.stream-fb{left:5%;top:9%}.stream-ig{left:88%;top:17%}.stream-tt{left:10%;top:27%}.stream-snap{left:84%;top:39%}.stream-google{left:92%;top:52%}
.stream-fb-b{left:90%;top:63%;animation-delay:-4s}.stream-ig-b{left:6%;top:72%;animation-delay:-1s}.stream-tt-b{left:88%;top:81%;animation-delay:-3s}.stream-snap-b{left:8%;top:88%;animation-delay:-5s}.stream-google-b{left:78%;top:94%;animation-delay:-2s}.stream-fb-c{left:48%;top:47%;animation-delay:-2.5s}.stream-tt-c{left:18%;top:56%;animation-delay:-5.5s}
@keyframes stream-drift{0%,100%{transform:translate3d(0,0,0) rotate(-9deg) scale(.94)}30%{transform:translate3d(30px,-35px,0) rotate(9deg) scale(1.08)}65%{transform:translate3d(-25px,28px,0) rotate(-5deg) scale(.97)}}
@media(max-width:700px){.page-social-stream{opacity:.58}.stream-mark{width:44px;height:44px;border-radius:14px;animation-duration:5.5s}.stream-mark svg{width:25px;height:25px}.stream-fb{left:2%;top:8%}.stream-ig{left:86%;top:16%}.stream-tt{left:3%;top:29%}.stream-snap{left:84%;top:40%}.stream-google{left:89%;top:52%}.stream-fb-b{left:87%;top:62%}.stream-ig-b{left:2%;top:72%}.stream-tt-b{left:86%;top:80%}.stream-snap-b{left:3%;top:89%}.stream-google-b{left:79%;top:95%}.stream-fb-c{left:44%;top:46%}.stream-tt-c{left:16%;top:56%}}
/* Keep the extra ambient Instagram mark clear of the hero copy. */
.stream-ig:not(.stream-ig-b){left:96%;top:4%}
@media(max-width:700px){.stream-ig:not(.stream-ig-b){left:91%;top:5%}}

/* Responsive width safeguards for phones, tablets and desktop screens. */
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:320px}
main,section,.section-wrap,.method-inner,.hero-copy,.contact-intro,.contact-form,.form-grid,.form-grid>label{min-width:0}
img,svg,video,canvas,iframe{max-width:100%}
.hero.section-wrap,.services,.contact,.method,.site-footer{max-width:100%;box-sizing:border-box}
.form-grid input,.form-grid select,.form-grid textarea{min-width:0;max-width:100%}
@media(max-width:950px){
  .section-wrap{max-width:100%;min-width:0}
  .hero.section-wrap{width:100%;padding-inline:24px}
  .services,.contact{width:100%;padding-inline:24px}
  .hero-copy,.contact-intro,.contact-form{width:100%;max-width:100%}
  .service-grid,.form-grid{min-width:0}
}
@media(max-width:700px){
  html,body{overflow-x:clip;overscroll-behavior-x:none}
  .section-wrap{width:100%;max-width:100%}
  .hero.section-wrap{width:100%;padding-inline:18px}
  .services,.contact{width:100%;padding-inline:18px}
  .site-header{width:100%;padding-inline:16px}
  .hero-copy,.hero-visual,.contact-intro,.contact-form{width:100%;max-width:100%;min-width:0}
  .hero-visual{height:min(112vw,420px);min-height:290px}
  .service-grid{grid-template-columns:minmax(0,1fr)}
  .contact{grid-template-columns:minmax(0,1fr)}
  .contact-form{padding-inline:16px}
  .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .form-grid label{min-width:0;overflow-wrap:anywhere}
  .form-title{min-width:0}
  .site-footer{width:calc(100% - 36px);max-width:calc(100% - 36px)}
  .page-social-stream{max-width:100vw}
}
@media(max-width:380px){
  .site-header{padding-inline:13px}
  .brand{gap:7px}.brand-name{font-size:10px;letter-spacing:.7px}
  .header-cta{gap:8px;padding-inline:9px;font-size:9px}
  .hero.section-wrap,.services,.contact{padding-inline:15px}
  .hero h1{font-size:clamp(31px,9vw,35px);letter-spacing:-.8px}
  .section-heading h2,.contact h2{font-size:30px}
  .hero-visual{height:108vw;min-height:285px}
  .hero-actions{gap:12px}.button{padding-inline:12px}
  .contact-form{padding-inline:13px}
}

/* Final responsive pass: keep every content grid inside the viewport. */
html,body{max-width:100%;overflow-x:clip}
.page-glow{max-width:50vw;overflow:hidden}
.method{width:100%;max-width:100%;overflow-x:clip}
.method-inner{width:min(1180px,calc(100% - 72px));max-width:100%;margin-inline:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card,.service-card>*{min-width:0;max-width:100%}
.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.contact-form,.form-title,.form-grid,.form-grid>*{min-width:0;max-width:100%}
@media(max-width:950px){
  .method-inner{width:100%;padding-inline:24px;gap:clamp(24px,5vw,56px)}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px}
}
@media(max-width:700px){
  .page-glow{display:none}
  .method-inner{width:100%;padding-inline:18px;grid-template-columns:minmax(0,1fr);gap:28px}
  .method-copy,.steps{min-width:0;max-width:100%}
  .service-grid,.contact{grid-template-columns:minmax(0,1fr)}
  .service-card{width:100%;min-width:0}
  .contact-form{width:100%;padding-inline:16px}
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}
  .site-footer{box-sizing:border-box}
  .page-social-stream{inset-inline:0;width:100%;max-width:100%;overflow:hidden}
}
@media(max-width:380px){
  .method-inner{padding-inline:15px}
  .contact-form{padding-inline:13px}
}

/* Campaign proof and anonymized client feedback. */
.proof{width:100%;max-width:none;margin:0;padding:86px max(calc((100% - 1180px)/2),36px) 96px;color:#edf5f3}
.proof-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.proof h2{margin:12px 0 0;color:#f2f7f4;font-size:clamp(32px,4vw,46px);line-height:1.4;letter-spacing:-1px}
.proof h2 em{color:var(--mint)}
.proof-audience{max-width:420px;text-align:right}
.proof-audience>span{display:inline-flex;margin:0 0 9px 7px;padding:6px 11px;border:1px solid rgba(94,224,194,.2);border-radius:30px;color:#b8d0cf;font-size:10px}
.proof-audience>span:first-child{background:transparent;color:#b8d0cf}
.proof-audience p{margin:0;color:#9eb2b8;font-size:11px;line-height:1.9}
.proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.proof-stat{min-width:0;padding:20px 19px 18px;border:1px solid rgba(192,226,217,.12);border-radius:12px;background:linear-gradient(145deg,rgba(19,43,59,.88),rgba(14,33,48,.92));box-shadow:0 12px 32px rgba(0,0,0,.12)}
.proof-label{display:block;color:#9db5ba;font-size:10px}
.proof-stat strong{display:block;margin:7px 0 1px;color:#f1f7f4;font-size:clamp(25px,3vw,36px);line-height:1.25;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.proof-stat>span:last-child{color:#b7c8ca;font-size:10px}
.proof-stat b{color:var(--mint);font-weight:700;direction:ltr;unicode-bidi:isolate}
.proof-note{margin:13px 0 32px;color:#80979e;font-size:9px;line-height:1.8}
.proof-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.proof-quote{position:relative;min-width:0;margin:0;padding:22px 22px 18px;border-radius:12px;border:1px solid rgba(192,226,217,.11);background:rgba(14,33,48,.68)}
.quote-mark{position:absolute;top:8px;right:18px;color:rgba(94,224,194,.5);font-family:Georgia,serif;font-size:42px;line-height:1}
.proof-quote p{position:relative;margin:10px 0 14px;color:#edf5f3;font-size:14px;line-height:2}
.proof-quote footer{color:#91a9ae;font-size:9px}
@media(max-width:950px){
  .proof{padding-inline:24px}
  .proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .proof{padding:65px 19px 72px}
  .proof-heading{display:block;margin-bottom:22px}
  .proof-audience{margin-top:18px;text-align:right}
  .proof-stats{gap:10px}
  .proof-stat{padding:16px 14px}
  .proof-stat strong{font-size:clamp(24px,8vw,33px)}
  .proof-reviews{grid-template-columns:minmax(0,1fr);gap:10px}
  .proof-quote{padding:20px 18px 16px}
  .proof-quote p{font-size:13px}
}
@media(max-width:380px){
  .proof{padding-inline:15px}
  .proof-stat{padding-inline:11px}
  .proof-stat>span:last-child{font-size:9px}
}
.evidence-block{margin-top:26px}
.evidence-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:12px}
.evidence-heading h3{margin:0;color:#eaf3f1;font-size:15px}
.evidence-heading>span{color:#81989e;font-size:9px}
.evidence-grid{display:grid;gap:12px}
.campaign-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}
.campaign-wide{grid-column:1/-1}
.evidence-card{min-width:0;margin:0;position:relative;overflow:hidden;border:1px solid rgba(192,226,217,.13);border-radius:13px;background:linear-gradient(145deg,rgba(19,43,59,.84),rgba(14,33,48,.94));transform-origin:center center;transition:transform .48s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease,border-color .32s ease;backface-visibility:hidden}
.evidence-card>a{display:grid;place-items:center;background:rgba(5,17,27,.7);overflow:hidden;padding:8px}
.campaign-evidence img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
.review-evidence-card>a{height:auto;padding:0}
.review-evidence-card img{display:block;width:100%;height:auto;object-fit:contain}
.evidence-card figcaption{padding:10px 13px 12px;color:#a6bbc0;font-size:9px;line-height:1.8}
.review-evidence-card figcaption{padding:14px 16px 15px}
.review-evidence-card blockquote{margin:0 0 6px;color:#edf5f3;font-size:12px;line-height:1.9}
.review-evidence-card figcaption span{color:#91a9ae;font-size:9px}
@media(max-width:950px){.campaign-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .evidence-block{margin-top:23px}
  .evidence-heading{align-items:flex-start;flex-direction:column;gap:2px}
  .campaign-evidence{grid-template-columns:minmax(0,1fr)}
  .campaign-wide{grid-column:auto}
  .review-evidence{grid-template-columns:minmax(0,1fr)}
  .campaign-evidence img{max-height:230px}
}
@media(hover:hover) and (min-width:701px){
  .evidence-card:hover{z-index:20;transform:scale(1.17);border-color:rgba(94,224,194,.6);box-shadow:0 22px 58px rgba(0,0,0,.55)}
  .campaign-wide:hover{transform:scale(1.035)}
  .review-evidence-card:hover{transform:scale(1.11)}
}
.evidence-card:focus-within{outline:2px solid rgba(94,224,194,.75);outline-offset:3px}
.proof-lightbox{position:relative;width:min(94vw,1320px);max-width:94vw;max-height:92vh;margin:auto;padding:48px 18px 15px;border:1px solid rgba(204,236,225,.24);border-radius:16px;background:#081724;color:#d8e8e6;box-shadow:0 25px 100px rgba(0,0,0,.6);overflow:hidden}
.proof-lightbox::backdrop{background:rgba(2,8,14,.84);backdrop-filter:blur(5px)}
.proof-lightbox img{display:block;width:100%;height:min(76vh,780px);margin:auto;object-fit:contain;border-radius:7px}
.proof-lightbox p{margin:10px 0 0;text-align:center;color:#9db2b8;font-size:10px}
.proof-lightbox-close{position:absolute;top:8px;right:10px;width:34px;height:34px;border:1px solid rgba(204,236,225,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#edf5f3;font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}
.proof-lightbox-close:hover{background:rgba(94,224,194,.2);transform:rotate(90deg)}
@media(max-width:700px){.proof-lightbox{width:96vw;max-width:96vw;padding:46px 10px 12px;border-radius:12px}.proof-lightbox img{height:min(76vh,680px)}}
@media(prefers-reduced-motion:reduce){.evidence-card,.proof-lightbox-close{transition:none!important;animation:none!important}}
.casebook-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 0}
.casebook-intro>p{max-width:360px;margin:0;color:#b1c3c8;font-size:13px;line-height:1.9}
.casebook-open-button{display:flex;align-items:center;gap:14px;min-width:min(370px,100%);padding:17px 20px;border:1px solid rgba(94,224,194,.32);border-radius:15px;background:linear-gradient(115deg,rgba(25,61,75,.96),rgba(12,33,48,.98));color:#eef8f5;text-align:right;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.2);transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .3s}
.casebook-open-button:hover{transform:translateY(-3px);border-color:rgba(94,224,194,.7);box-shadow:0 18px 42px rgba(0,0,0,.3)}
.casebook-open-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(94,224,194,.13);color:#7ce4c7;font-size:21px}
.casebook-open-button>span:nth-child(2){display:grid;gap:4px;flex:1}
.casebook-open-button strong{font-size:14px}
.casebook-open-button small{color:#96adb2;font-size:10px}
.casebook-open-arrow{color:#83dec6;font-size:21px;transition:transform .25s}
.casebook-open-button:hover .casebook-open-arrow{transform:translateX(-4px)}
.casebook-dialog{position:relative;width:min(900px,94vw);max-width:94vw;max-height:94vh;margin:auto;padding:28px 26px 14px;border:1px solid rgba(156,209,199,.19);border-radius:22px;background:radial-gradient(ellipse at 10% 0%,rgba(46,112,114,.17),transparent 38%),linear-gradient(145deg,#0c1e2d,#07131f 80%);color:#eef5f2;box-shadow:0 28px 110px rgba(0,0,0,.66);overflow:auto;overscroll-behavior:contain}
.casebook-dialog::backdrop{background:rgba(1,7,12,.82);backdrop-filter:blur(7px)}
.casebook-close{position:absolute;z-index:2;top:12px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(203,230,224,.18);border-radius:50%;background:rgba(255,255,255,.05);color:#edf6f2;font-size:24px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.casebook-close:hover{background:rgba(94,224,194,.18);transform:rotate(90deg)}
.casebook-topline{display:flex;justify-content:space-between;align-items:center;margin:0 50px 16px 0;color:#9eb3b7;font-size:10px;letter-spacing:.04em}
.casebook-topline span:last-child,.casebook-pagination>span:nth-child(2){display:flex;align-items:center;gap:8px;direction:ltr;font-variant-numeric:tabular-nums}
.casebook-topline i,.casebook-pagination i{width:20px;height:1px;background:#5ee0c2;opacity:.65}
.casebook-page{position:relative;padding:12px;border:1px solid rgba(172,219,210,.14);border-radius:18px;background:linear-gradient(135deg,rgba(20,45,58,.83),rgba(8,24,36,.95));box-shadow:inset 5px 0 0 rgba(94,224,194,.07),0 15px 45px rgba(0,0,0,.24);transform-origin:right center;transition:transform .45s ease}
.casebook-cover{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;min-height:194px;padding:24px 26px;border:1px solid rgba(94,224,194,.17);border-radius:13px;background:radial-gradient(circle at 88% 12%,rgba(94,224,194,.12),transparent 34%),linear-gradient(130deg,#132f3b,#0a1a29 78%);overflow:hidden}
.casebook-cover-copy{align-self:end}
.casebook-kicker{display:flex;align-items:center;gap:8px;color:#79dcbf;font-size:10px}
.casebook-kicker i{width:6px;height:6px;border-radius:50%;background:#5ee0c2;box-shadow:0 0 13px rgba(94,224,194,.85)}
.casebook-cover h3{margin:14px 0 5px;color:#f1f8f5;font-size:clamp(23px,4vw,31px);letter-spacing:-.04em}
.casebook-cover-copy>p{margin:0;color:#a9bec2;font-size:12px}
.casebook-hero-metric{display:grid;justify-items:end;gap:3px;padding-left:18px;border-left:1px solid rgba(181,223,215,.15);direction:ltr}
.casebook-hero-metric strong{color:#7be2c4;font-size:clamp(30px,6vw,47px);font-weight:700;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.casebook-hero-metric span{color:#a9bec2;font-size:10px}
.casebook-cover-cost{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(181,223,215,.12);color:#a9bec2;font-size:11px}
.casebook-cover-cost strong{color:#edf7f3;direction:ltr;font-size:16px;font-variant-numeric:tabular-nums}
.casebook-reveal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border:1px solid rgba(94,224,194,.3);border-radius:10px;background:rgba(94,224,194,.1);color:#bdf6e7;font:inherit;font-size:11px;cursor:pointer;transition:background .25s,border-color .25s}
.casebook-reveal:hover{background:rgba(94,224,194,.17);border-color:rgba(94,224,194,.55)}
.casebook-reveal span:last-child{font-size:17px;transition:transform .25s}
.casebook-reveal[aria-expanded="true"] span:last-child{transform:rotate(180deg)}
.casebook-details{padding:22px 14px 10px;animation:casebookPageIn .55s cubic-bezier(.2,.75,.25,1) both;transform-origin:right center}
.casebook-details[hidden]{display:none!important}
@keyframes casebookPageIn{from{opacity:0;transform:perspective(900px) rotateY(-10deg) translateX(-12px)}to{opacity:1;transform:perspective(900px) rotateY(0) translateX(0)}}
.casebook-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:#b7d1cc;font-size:10px}
.casebook-section-head span:first-child{color:#67daba;font-variant-numeric:tabular-nums}
.casebook-section-head span:last-child{color:#80999e;font-size:9px}
.casebook-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}
.casebook-metrics>div{display:grid;gap:7px;padding:13px 12px;border:1px solid rgba(173,218,209,.12);border-radius:10px;background:rgba(255,255,255,.025)}
.casebook-metrics span{color:#93aaae;font-size:9px}
.casebook-metrics strong{color:#f0f7f4;font-size:clamp(13px,2.5vw,18px);font-weight:600;direction:ltr;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.casebook-screenshot{margin:0 0 22px;border-color:rgba(173,218,209,.13);transition:none}
.casebook-screenshot>a{display:block;padding:8px!important;border-radius:12px;overflow:hidden}
.casebook-screenshot img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;border-radius:5px}
.casebook-screenshot figcaption{padding:9px 10px 2px;color:#95aaae;font-size:9px}
.casebook-improvement{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.casebook-improvement>div{padding:13px 14px;border:1px solid rgba(173,218,209,.12);border-radius:10px;background:rgba(255,255,255,.025)}
.casebook-improvement>div:last-child{border-color:rgba(94,224,194,.2);background:rgba(94,224,194,.055)}
.casebook-improvement span{color:#8fa8ad;font-size:9px}
.casebook-improvement>div:last-child span{color:#6fdcbc}
.casebook-improvement p{margin:7px 0 0;color:#d8e5e1;font-size:11px;line-height:1.9}
.casebook-improvement b{color:#79e3c2;font-size:13px;direction:ltr;white-space:nowrap}
.casebook-note{margin:0 0 12px;padding:10px 12px;border-right:2px solid rgba(94,224,194,.43);background:rgba(255,255,255,.025);color:#8da4a9;font-size:9px;line-height:1.8}
.casebook-interest{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;border:0;border-radius:10px;background:#65dfbe;color:#06201e;font:inherit;font-size:11px;font-weight:700;text-align:right;cursor:pointer;transition:background .25s,transform .25s}
.casebook-interest:hover{transform:translateY(-2px);background:#8eead0}
.casebook-interest span{font-size:17px}
.casebook-pagination{display:flex;align-items:center;justify-content:space-between;width:min(190px,100%);margin:13px auto 0;color:#9db2b6;font-size:10px}
.casebook-page-arrow{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(182,219,212,.15);border-radius:50%;color:#667f85}
@media(max-width:700px){
  .casebook-intro{align-items:stretch;flex-direction:column;gap:12px;margin-top:19px}
  .casebook-intro>p{font-size:11px}
  .casebook-open-button{width:100%;min-width:0;padding:14px 15px}
  .casebook-dialog{width:96vw;max-width:96vw;max-height:92vh;padding:24px 12px 12px;border-radius:16px}
  .casebook-topline{margin:0 44px 12px 0;font-size:9px}
  .casebook-page{padding:7px;border-radius:13px}
  .casebook-cover{grid-template-columns:1fr auto;min-height:165px;gap:12px;padding:17px 15px}
  .casebook-cover h3{margin-top:10px}
  .casebook-cover-copy>p{font-size:10px}
  .casebook-hero-metric{padding-left:10px}
  .casebook-cover-cost{font-size:10px}
  .casebook-details{padding:17px 4px 6px}
  .casebook-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:18px}
  .casebook-metrics>div{padding:11px 10px}
  .casebook-screenshot img{max-height:140px}
  .casebook-improvement{grid-template-columns:1fr;gap:7px}
  .casebook-improvement>div{padding:11px 12px}
}
@media(max-width:360px){.casebook-cover{padding-inline:11px}.casebook-hero-metric strong{font-size:28px}.casebook-open-button strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.casebook-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Interactive campaign book */
.casebook-live-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#66e2c0;box-shadow:0 0 12px #66e2c088;animation:casebookPulse 1.7s ease-in-out infinite}
@keyframes casebookPulse{50%{opacity:.45;transform:scale(.78)}}
.casebook-progress{height:3px;margin:-6px 0 14px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.casebook-progress span{display:block;width:25%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48bfaa,#8af1d0);transition:width .45s cubic-bezier(.2,.75,.25,1)}
.casebook-index{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin;scrollbar-color:rgba(94,224,194,.25) transparent}
.casebook-index-tab{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px;border:1px solid rgba(173,218,209,.13);border-radius:999px;background:rgba(255,255,255,.025);color:#97aeb1;font:inherit;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
.casebook-index-tab:hover{transform:translateY(-2px);border-color:rgba(94,224,194,.36);color:#eaf6f2}
.casebook-index-tab.is-active{border-color:rgba(94,224,194,.48);background:rgba(94,224,194,.11);color:#d9fff3}
.casebook-index-tab>span{color:#73dbbf;font-size:9px;direction:ltr;font-variant-numeric:tabular-nums}
.casebook-index-tab small{font-size:10px;white-space:nowrap}
.casebook-stage{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;touch-action:pan-y}
.casebook-page{min-width:0;perspective:1100px;will-change:transform,opacity}
.casebook-nav{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(94,224,194,.25);border-radius:50%;background:rgba(94,224,194,.07);color:#8ae9cf;font-size:22px;line-height:1;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}
.casebook-nav:hover{transform:scale(1.08);background:rgba(94,224,194,.17);border-color:rgba(94,224,194,.55)}
.casebook-nav:active{transform:scale(.94)}
.casebook-page.turning-next{opacity:.35;transform:perspective(1100px) rotateY(-13deg) translateX(-12px)}
.casebook-page.turning-previous{opacity:.35;transform:perspective(1100px) rotateY(13deg) translateX(12px)}
.casebook-page.turning-arrival{animation:casebookArrival .46s cubic-bezier(.2,.75,.25,1) both}
@keyframes casebookArrival{from{opacity:.3;transform:perspective(1100px) rotateY(9deg) translateX(15px)}to{opacity:1;transform:perspective(1100px) rotateY(0) translateX(0)}}
.casebook-industry-mark{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:5px 8px;border:1px solid rgba(94,224,194,.17);border-radius:999px;background:rgba(94,224,194,.06);color:#79dcbf;font-size:9px}
.casebook-cover-cost{gap:10px;flex-wrap:wrap}
.casebook-cover-outcome{margin-right:auto;padding:5px 9px;border-radius:999px;background:rgba(94,224,194,.1);color:#8ce7cd;white-space:nowrap}
.casebook-hero-metric small{color:#8ca7ab;font-size:9px}
.casebook-compare{padding:12px;border:1px solid rgba(173,218,209,.13);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.015));margin-bottom:14px}
.casebook-compare-labels{display:flex;align-items:center;justify-content:space-between;gap:8px}
.casebook-compare-labels button{padding:6px 11px;border:1px solid rgba(173,218,209,.14);border-radius:999px;background:rgba(255,255,255,.03);color:#9db3b5;font:inherit;font-size:9px;cursor:pointer;transition:all .25s}
.casebook-compare-labels button[aria-pressed="true"]{border-color:rgba(94,224,194,.4);background:rgba(94,224,194,.12);color:#a8f0da}
.casebook-compare-labels>span{color:#789195;font-size:9px}
.casebook-compare-range{display:block;width:100%;height:4px;margin:14px 0 13px;appearance:none;direction:ltr;border-radius:9px;background:linear-gradient(90deg,#db9c83 0%,#7fe2c4 100%);cursor:ew-resize;touch-action:pan-x}
.casebook-compare-range::-webkit-slider-thumb{width:17px;height:17px;appearance:none;border:3px solid #d8fff2;border-radius:50%;background:#4bc7a7;box-shadow:0 0 0 4px rgba(94,224,194,.17);transition:transform .2s}
.casebook-compare-range::-moz-range-thumb{width:12px;height:12px;border:3px solid #d8fff2;border-radius:50%;background:#4bc7a7;box-shadow:0 0 0 4px rgba(94,224,194,.17)}
.casebook-compare-range:hover::-webkit-slider-thumb{transform:scale(1.16)}
.casebook-compare-panel{min-height:70px;padding:11px 12px;border-right:2px solid #e6a18a;border-radius:4px 8px 8px 4px;background:rgba(226,157,132,.055);transition:opacity .2s,transform .2s,border-color .3s,background .3s}
.casebook-compare[data-phase="after"] .casebook-compare-panel{border-color:#5ee0c2;background:rgba(94,224,194,.055)}
.casebook-compare-panel.is-changing{opacity:.45;transform:translateY(3px)}
.casebook-phase-label{color:#e7aa94;font-size:9px}
.casebook-compare[data-phase="after"] .casebook-phase-label{color:#73dcbd}
.casebook-compare-panel p{margin:6px 0 0;color:#d9e7e2;font-size:11px;line-height:1.85}
.casebook-business-impact{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin:0 0 12px;padding:13px 14px;border:1px solid rgba(94,224,194,.17);border-radius:11px;background:radial-gradient(circle at 5% 50%,rgba(94,224,194,.09),transparent 40%),rgba(255,255,255,.02)}
.casebook-business-impact>span{color:#89a5a9;font-size:9px}
.casebook-business-impact>strong{grid-column:2;grid-row:1/3;color:#80e4c6;font-size:15px}
.casebook-business-impact p{grid-column:1;margin:0;color:#d0e0dc;font-size:10px;line-height:1.8}
.casebook-pagination{justify-content:center;gap:8px;width:auto;min-height:24px}
.casebook-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(196,222,215,.3);cursor:pointer;transition:width .3s,background .3s,transform .3s}
.casebook-dot:hover{transform:scale(1.3)}
.casebook-dot.is-active{width:22px;background:#65dfbe}
.casebook-hint{margin:6px 0 0;text-align:center;color:#708a90;font-size:9px}
.casebook-screenshot:hover{transform:none!important}
@media(max-width:700px){
 .casebook-progress{margin-top:-3px;margin-bottom:10px}
 .casebook-index{gap:6px;margin-bottom:10px}
 .casebook-index-tab{gap:6px;padding:7px 10px}
 .casebook-index-tab small{font-size:9px}
 .casebook-stage{grid-template-columns:27px minmax(0,1fr) 27px;gap:5px}
 .casebook-nav{width:27px;height:34px;border-radius:10px;font-size:17px}
 .casebook-page{padding:6px}
 .casebook-cover{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 13px}
 .casebook-cover-cost{gap:6px}
 .casebook-cover-cost strong{font-size:14px}
 .casebook-cover-outcome{font-size:9px}
 .casebook-business-impact{grid-template-columns:1fr;gap:6px}
 .casebook-business-impact>strong{grid-column:1;grid-row:auto}
 .casebook-business-impact p{grid-column:1}
 .casebook-hint{font-size:8px}
}
@media(max-width:370px){.casebook-stage{grid-template-columns:24px minmax(0,1fr) 24px;gap:3px}.casebook-nav{width:24px;height:31px}.casebook-cover-outcome{padding:4px 6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.casebook-live-dot{animation:none}}
.game-launch{border:0;background:transparent;padding:8px 0;cursor:pointer;color:#647687}
.game-launch:hover{color:#0b826e}
.game-launch:focus-visible{outline:2px solid #20b99d;outline-offset:4px;border-radius:4px}
@media(max-width:700px){.hero-actions{gap:12px 18px}.hero-actions .button-primary{width:100%;justify-content:space-between}.hero-actions .game-launch{min-height:40px}}