:root{--bg:#050707;--panel:#060808;--cyan:#4fc9fe;--blue:#4cc1f4;--muted:#46b4e2;--line:rgba(78,198,250,.16);--display:"Space Grotesk",Arial,sans-serif;--text:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:#f0f8ff;font:400 15px/1.6 var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #4fc9fe;outline-offset:4px}::selection{background:var(--cyan);color:#050707}.skip{position:absolute;left:15px;top:-100px;z-index:400;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}.global-progress{position:fixed;top:0;left:0;height:2px;background:var(--cyan);box-shadow:0 0 20px #4fc9fe;z-index:150;width:0}
.header{position:fixed;top:0;left:0;right:0;height:94px;z-index:100;background:rgba(3,5,5,.55);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,96px);border-bottom:1px solid rgba(79,201,254,.12)}.brand{display:flex;align-items:center;gap:14px;line-height:1}.logo{font:700 42px/.9 var(--display);letter-spacing:-.14em;padding-right:9px}.logo span,.footer-brand>span{color:#4fc9fe}.brand-text{font:700 14px/1.15 var(--display);letter-spacing:.2em}.brand-text small{display:block;margin-top:8px;font:600 8px var(--text);letter-spacing:.22em;color:#47b6e6}.main-nav{display:flex;gap:40px}.main-nav a,.head-cta{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.main-nav a{color:#4bbff0}.main-nav a:hover{color:#fff}.head-cta{border:1px solid rgba(79,201,254,.46);padding:11px 19px;display:flex;gap:29px;align-items:center}.head-cta span{font-size:18px}.head-cta:hover{background:#3393bd}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;width:45px;height:45px;place-content:center;gap:6px}.menu-toggle span{display:block;width:21px;height:1px;background:#e6faff}.mobile-nav{display:none}
.journey{height:650vh;position:relative;background:#050707}.world{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 62% 48%,#080a0a 0%,#060808 37%,#050707 78%)}#webgl{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none}.atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,5,.94) 0%,rgba(3,5,5,.77) 28%,rgba(3,5,5,.13) 59%,rgba(3,5,5,.05) 80%,rgba(3,5,5,.4) 100%),linear-gradient(0deg,#050707 0%,transparent 15%,transparent 74%,rgba(3,5,5,.44) 100%)}
.world-top{position:absolute;z-index:4;top:118px;left:clamp(25px,5vw,96px);right:clamp(25px,5vw,96px);display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow,.world-top-right{font-size:10px;letter-spacing:.24em;font-weight:700;color:#49baeb}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow i{display:block;width:6px;height:6px;border-radius:50%;background:#4fc9fe;box-shadow:0 0 0 5px rgba(79,201,254,.15),0 0 18px #4fc9fe}.world-top-right{text-transform:uppercase;color:#42a9d5}
.world-content{position:absolute;inset:0;z-index:5;pointer-events:none}.chapter{position:absolute;left:clamp(25px,5vw,96px);top:50%;transform:translateY(-44%) translateX(-18px);width:min(43vw,710px);opacity:0;visibility:hidden;will-change:transform,opacity;pointer-events:none;text-shadow:0 4px 25px rgba(0,0,0,.60)}.chapter.current{visibility:visible;pointer-events:auto}.chapter-count{color:#4fc9fe;letter-spacing:.28em;font:700 10px var(--text);margin:0 0 22px}.chapter h1,.chapter h2{font:600 clamp(43px,4.8vw,81px)/1.035 var(--display);letter-spacing:-.08em;margin:0 0 26px;text-transform:uppercase;text-wrap:balance}.chapter h1 em,.chapter h2 em,.manifest h2 em,.section-heading h2 em,.outro h2 em{font-style:normal;color:#4fc9fe}.chapter-lead{max-width:410px;color:#c1cfdf;font-size:14px;line-height:1.86;margin:0 0 29px}.text-action{display:inline-flex;align-items:center;gap:24px;position:relative;text-align:left;border:0;border-bottom:1px solid #4dc4f7;padding:0 0 10px;background:none;color:#4fc9fe;letter-spacing:.16em;font-size:10px;font-weight:700;text-transform:uppercase}.text-action span{font-size:22px;font-weight:400}.text-action:hover{color:white;gap:35px}.chapter-meta{position:absolute;z-index:5;bottom:78px;left:clamp(25px,5vw,96px);display:flex;align-items:center;gap:28px}.chapter-counter{font:500 13px var(--display);color:#42a9d5}.chapter-counter strong{font-size:23px;font-weight:500;color:#4fc9fe}.counter-divider{padding:0 8px;color:#3599c4}.chapter-name{color:#44aedc;font-size:9px;letter-spacing:.2em;font-weight:700}
.chapter-nav{position:absolute;z-index:9;top:50%;right:clamp(22px,3.7vw,64px);transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;align-items:flex-end}.stage-dot{display:flex;align-items:center;gap:13px;border:0;background:none;color:#42aad6;opacity:.65;padding:6px 0;font:700 10px var(--text);letter-spacing:.16em;transition:color .2s,opacity .2s}.stage-dot:after{content:"";display:block;width:18px;height:2px;background:#3d9dc6;transition:width .25s,background .25s}.stage-dot.active,.stage-dot:hover{color:#ddf8ff;opacity:1}.stage-dot.active:after{width:39px;background:#4fc9fe;box-shadow:0 0 14px #4ec8fc}.dot-label{font-size:9px;color:inherit;width:87px;text-align:right}.dot-index{font-size:10px}.journey-bottom{position:absolute;bottom:28px;left:clamp(25px,5vw,96px);right:clamp(25px,5vw,96px);z-index:5;display:flex;justify-content:space-between;align-items:center}.journey-hint,.world-coordinates{font-size:9px;font-weight:700;letter-spacing:.20em;color:#44afdd}.scroll-icon{display:inline-grid;place-items:center;border:1px solid #42a9d5;width:25px;height:25px;border-radius:50%;margin-right:10px;font-size:15px;color:#4fc9fe}
.section-wrap{max-width:1450px;margin:0 auto}.manifest,.solutions,.outro{padding:clamp(110px,11vw,175px) clamp(26px,7vw,130px)}.manifest{background:radial-gradient(ellipse at 90% 40%,#070909 0%,#050707 45%,#050707 90%);border-top:1px solid var(--line)}.section-eyebrow{font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#4fc9fe;margin:0 0 38px;display:flex;align-items:center;gap:14px}.section-eyebrow:before{content:"";width:27px;height:1px;background:#4dc5f9}.manifest-row{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:8vw}.manifest h2,.section-heading h2,.outro h2{font:600 clamp(53px,7vw,105px)/.98 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:0}.manifest-copy{max-width:415px;padding-bottom:7px}.manifest-copy p{font-size:16px;line-height:1.95;color:#48b8e8}.inline-link{display:inline-flex;gap:24px;align-items:center;margin-top:24px;border-bottom:1px solid #4fc9fe;padding-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.15em;color:#4ec7fb}.inline-link span{font-size:20px}
.solutions{background:#050707}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:66px}.section-heading h2{font-size:clamp(48px,6vw,90px)}.section-heading p{color:#46b2e1;max-width:260px;font-size:14px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.solution-card{min-height:385px;display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid rgba(77,198,249,.18);background:linear-gradient(160deg,#070909,#060808 75%);transition:transform .35s,background .35s;position:relative}.solution-card:hover{transform:translateY(-7px);background:#080a0a}.solution-no{font-size:9px;letter-spacing:.17em;font-weight:700;color:#47b6e5}.solution-icon{height:140px;display:flex;align-items:center;font:500 90px/1 var(--display);color:#4fc9fe;text-shadow:0 0 50px rgba(79,201,254,.28);letter-spacing:-.08em}.solution-icon small{font:700 10px var(--text);letter-spacing:.05em;color:#fa8382;margin:35px 0 0 10px}.solution-card h3{font:500 clamp(22px,2.3vw,34px)/1.12 var(--display);letter-spacing:-.05em;margin:0 0 13px}.solution-card p{font-size:12px;color:#46b4e3;max-width:215px}.card-arrow{position:absolute;right:25px;bottom:26px;font-size:22px;color:#4fc9fe}
.outro{overflow:hidden;text-align:center;min-height:630px;position:relative;background:#050707;isolation:isolate}.outro-orbit{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-19deg);width:min(75vw,950px);height:min(75vw,950px);border-radius:50%;border:1px solid rgba(77,198,249,.13);box-shadow:0 0 0 110px rgba(79,201,254,.021),0 0 0 250px rgba(79,201,254,.017);pointer-events:none;z-index:-1}.outro .section-eyebrow{justify-content:center}.outro h2{font-size:clamp(55px,9.4vw,142px)}.outro p:not(.section-eyebrow){color:#48b9ea;font-size:15px;max-width:450px;margin:27px auto 25px}.outro-cta{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#4fc9fe;color:#060808;padding:19px 29px;font-size:11px;font-weight:700;letter-spacing:.18em;transition:transform .3s,background .3s}.outro-cta:hover{transform:translateY(-5px);background:white}.outro-cta span{font-size:20px}.outro .contact-note{font-size:10px!important;color:#41a5d0!important;margin-top:18px!important}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px clamp(26px,7vw,130px);border-top:1px solid var(--line);background:#050707}.footer-brand{font:700 31px var(--display);letter-spacing:-.14em}.footer-brand small{font-size:12px;letter-spacing:.19em;margin-left:16px}footer>span,footer a{font-size:9px;font-weight:700;letter-spacing:.15em;color:#44aedc}footer>div:last-child{display:flex;gap:26px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
.loading{position:fixed;inset:0;background:#050707;z-index:250;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;visibility:hidden;opacity:0;transition:opacity .8s,visibility .8s}.loading.visible{visibility:visible;opacity:1}.loading>span{font:700 70px var(--display);letter-spacing:-.14em}.loading>span span{color:#4fc9fe}.loading small{font:700 10px var(--text);letter-spacing:.27em;color:#48b9ea}
@media(max-width:1100px){.main-nav{gap:20px}.chapter{width:min(48vw,540px)}.chapter h1,.chapter h2{font-size:clamp(42px,5.7vw,66px)}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:300px}.manifest-row{gap:4vw}}
@media(max-width:740px){.header{height:76px;padding:0 21px}.main-nav,.head-cta{display:none}.menu-toggle{display:grid}.mobile-nav.open{position:fixed;display:flex;top:76px;left:0;right:0;z-index:120;background:#060808;flex-direction:column;gap:15px;padding:26px;font:600 23px var(--display);box-shadow:0 20px 25px #0008}.world-top{top:91px;left:22px;right:22px}.world-top-right{display:none}.eyebrow{font-size:8px}.atmosphere{background:linear-gradient(0deg,#050707 3%,rgba(3,5,5,.9) 17%,rgba(3,5,5,.55) 40%,rgba(3,5,5,.05) 65%,rgba(3,5,5,.27) 100%)}.chapter{width:auto;left:23px;right:23px;top:auto;bottom:105px;transform:translateY(15px)}.chapter h1,.chapter h2{font-size:clamp(36px,8.5vw,55px);line-height:1.04;margin-bottom:14px;max-width:670px}.chapter-count{margin-bottom:12px;font-size:9px}.chapter-lead{font-size:12px;line-height:1.55;max-width:350px;margin-bottom:12px}.text-action{font-size:9px;padding-bottom:5px}.chapter-nav{right:21px;top:46%;gap:1px;transform:translateY(-50%)}.dot-label,.dot-index{display:none}.stage-dot{padding:8px 0}.stage-dot:after{width:13px;height:2px}.stage-dot.active:after{width:27px}.chapter-meta{bottom:59px;left:22px}.chapter-name{display:none}.journey-bottom{bottom:18px;left:22px;right:20px}.world-coordinates{display:none}.journey-hint{font-size:7px}.scroll-icon{width:19px;height:19px}.section-wrap{max-width:100%}.manifest,.solutions,.outro{padding:95px 25px}.manifest-row{display:block}.manifest h2,.section-heading h2{font-size:clamp(45px,11vw,75px)}.manifest-copy{margin-top:50px}.section-heading{display:block}.section-heading p{max-width:440px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:250px}.solution-icon{height:86px;font-size:70px}.solution-card h3{font-size:31px}.outro h2{font-size:clamp(51px,12vw,84px)}footer{flex-direction:column;align-items:flex-start}}
@media(max-height:660px){.chapter h1,.chapter h2{font-size:clamp(35px,4.3vw,63px)}.chapter-lead{font-size:12px;line-height:1.5}.chapter-count{margin-bottom:9px}.chapter{transform:translateY(-42%)}.chapter-meta{bottom:50px}.journey-bottom{bottom:10px}}
@media(max-width:740px) and (max-height:740px){.chapter h1,.chapter h2{font-size:clamp(30px,7.6vw,44px)}.chapter{bottom:93px;transform:translateY(15px)}.chapter-lead{font-size:11px}.chapter-count{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V2.1 BRAND PALETTE — black / electric-blue / white */
:root{--bg:#040606;--panel:#050707;--cyan:#4fc9fe;--blue:#4cc1f4;--muted:#45b0de;--line:rgba(73,187,236,.18)}
body{background:#040606;color:#f7f9ff}
.global-progress{background:#4fc9fe;box-shadow:0 0 19px rgba(78,199,251,.64)}
.header{background:rgba(3,5,5,.78);border-bottom-color:rgba(79,201,254,.13)}
.brand .logo span,.footer-brand>span{color:#4fc9fe}
.head-cta{background:linear-gradient(100deg,#090b0b,#3fa2cc);border:1px solid #4dc5f8}
.head-cta:hover{background:#4abef0}
.journey{background:#040606}
.world{background:radial-gradient(ellipse at 65% 46%,#070909 0%,#050707 37%,#040606 78%)}
.atmosphere{background:linear-gradient(90deg,rgba(2,4,4,.98) 0%,rgba(2,4,4,.80) 29%,rgba(3,5,5,.12) 60%,rgba(2,4,4,.18) 82%,rgba(2,4,4,.47) 100%),linear-gradient(0deg,#040606 0%,transparent 18%,transparent 76%,rgba(2,4,4,.35) 100%)}
.eyebrow i{background:#4fc9fe;box-shadow:0 0 0 5px rgba(79,201,254,.14),0 0 19px #4fc9fe}
.chapter-count,.section-eyebrow{color:#4fc9fe}
.chapter h1 em,.chapter h2 em,.manifest h2 em,.section-heading h2 em,.outro h2 em{color:#4fc9fe}
.chapter-counter strong,.stage-dot.active,.chapter-name{color:#4fc9fe}
.stage-dot.active:after{background:#4dc5f9;box-shadow:0 0 15px rgba(79,201,254,.75)}
.text-action{color:#e5ecff;border-bottom-color:#4ec7fb}
.manifest{background:radial-gradient(ellipse at 92% 41%,#070909,#050707 48%,#040606 92%)}
.solutions{background:#050707}
.solution-card{background:linear-gradient(150deg,#060808,#050707 75%);border-color:rgba(77,196,247,.23)}
.solution-card:hover{background:#080a0a}
.solution-icon,.card-arrow{color:#4fc9fe;text-shadow:0 0 42px rgba(76,195,245,.33)}
.outro{background:#050707}
.outro-cta{background:#4dc5f8;color:#fff}
.outro-cta:hover{background:#4ec7fb;color:#fff}
footer{background:#040606}
.portfolio{padding:clamp(95px,10vw,160px) clamp(26px,7vw,130px);background:#050707;border-top:1px solid var(--line)}
.portfolio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}
.portfolio-heading h2{font:600 clamp(42px,6vw,84px)/1.04 var(--display);letter-spacing:-.075em;margin:0;text-transform:uppercase}
.portfolio-heading h2 em{font-style:normal;color:#4fc9fe}
.portfolio-heading p{font-size:13px;color:#47b5e4;max-width:290px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.portfolio-item{margin:0;background:#050707;overflow:hidden;border:1px solid #080a0a}
.portfolio-item img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .6s}
.portfolio-item:hover img{transform:scale(1.045)}
.portfolio-item figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 18px;font:700 11px var(--text);letter-spacing:.13em;text-transform:uppercase;color:#4ec6fa}
.portfolio-item figcaption span{color:#48b8e7;font-size:10px}
@media(max-width:740px){
 .atmosphere{background:linear-gradient(0deg,#050707 3%,rgba(3,5,5,.90) 18%,rgba(3,5,5,.62) 44%,rgba(3,5,5,.10) 70%,rgba(2,4,4,.24) 100%)}
 .portfolio{padding:90px 25px}
 .portfolio-heading{display:block}
 .portfolio-grid{grid-template-columns:1fr}
 .portfolio-item img{height:220px}
}

/* V2.2 / STRICT BRAND: black and white, deep-navy details only. */
:root{--bg:#050506;--panel:#050707;--cyan:#3393bc;--blue:#090b0b;--muted:#aeb1bb;--line:rgba(51,149,190,.34)}
body{background:#050506;color:#f9fafb}
.global-progress{background:#090b0b;box-shadow:0 0 11px rgba(6,8,8,.4)}
.header{background:rgba(2,4,4,.91);border-bottom:1px solid #070909}
.logo span,.footer-brand>span,.brand .logo span{color:#3495bf}
.brand-text small,.chapter-lead,.manifest-copy p,.section-heading p{color:#b5b7bb}
.head-cta{background:#080a0a;border:1px solid #3393bd;color:#fff}.head-cta:hover{background:#3395be}
.main-nav a:hover{color:#fff}
.journey,.world{background:#050506}
.world{background:radial-gradient(ellipse at 68% 48%,#050707 0%,#050707 42%,#040606 84%)}
.atmosphere{background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.78) 27%,rgba(2,4,4,.06) 58%,rgba(5,5,6,.04) 79%,rgba(5,5,6,.33) 100%),linear-gradient(0deg,#050506 1%,transparent 21%,transparent 70%,rgba(5,5,6,.3) 100%)}
.eyebrow i{background:#3495bf;box-shadow:0 0 0 5px rgba(6,8,8,.28)}
.eyebrow,.world-top-right,.chapter-count,.chapter-counter strong,.chapter-name,.section-eyebrow{color:#f3f5f8}
.chapter h1 em,.chapter h2 em,.manifest h2 em,.section-heading h2 em,.outro h2 em,.portfolio-heading h2 em{color:#fff;text-decoration:underline;text-decoration-color:#3394be;text-decoration-thickness:.055em;text-underline-offset:.11em}
.stage-dot.active,.stage-dot:hover{color:#fff}.stage-dot:after{background:#080a0a}.stage-dot.active:after{background:#3394be;box-shadow:0 0 8px rgba(6,8,8,.26)}
.text-action,.inline-link{color:#fff;border-bottom-color:#3395be}.scroll-icon{border-color:#3394be;color:#fff}
.manifest{background:radial-gradient(ellipse at 90% 40%,#050707,#050707 52%,#050506 100%);border-top-color:#070909}
.solutions,.portfolio,.outro,footer{background:#050707}
.solution-card{background:linear-gradient(150deg,#050707,#050707 90%);border-color:#070909}
.solution-card:hover{background:#060808}
.solution-icon,.card-arrow{color:#e9ecf1;text-shadow:none}
.outro-cta{background:#090b0b;color:#fff}.outro-cta:hover{background:#3599c4;color:#fff}
.portfolio-item{background:#050707;border:1px solid #080a0a}
.portfolio-item figcaption{color:#fff}.portfolio-item figcaption span{color:#bbc2d0}
.portfolio .section-eyebrow::before,.section-eyebrow::before{background:#3394be}
.loading{background:#050506}.loading>span span{color:#3495bf}
.world-content .chapter-lead strong{font-weight:700;color:#fff}
.reel-source{pointer-events:none}
@media(max-width:740px){.atmosphere{background:linear-gradient(0deg,#050506 2%,rgba(5,5,6,.96) 18%,rgba(5,5,6,.65) 44%,rgba(5,5,6,.02) 69%,rgba(5,5,6,.24) 100%)}}

/* Same live typography stack as 99Agency WhatsApp Studio (effective CSS overrides). */
:root{--display:"Segoe UI Variable Display","Inter","Segoe UI",Arial,sans-serif;--text:"Segoe UI Variable Text","Inter","Segoe UI",Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--text)}
.chapter h1,.chapter h2,.manifest h2,.section-heading h2,.outro h2,.portfolio-heading h2{font-family:var(--display);font-weight:700;letter-spacing:-.057em}
.brand-text,.footer-brand,.logo,.solution-card h3,.chapter-counter{font-family:var(--display);letter-spacing:-.045em}

/* V2.3 light environment, strong depth, contrast and discoverability */
:root{--light-world:#f3f5f8;--light-ink:#060808;--dark-accent:#090b0b}
.world{background:radial-gradient(ellipse at 67% 47%,#ffffff 0%,#edf1f6 55%,#e5ebf2 95%)!important}
.atmosphere{background:linear-gradient(90deg,rgba(248,250,252,.97) 0%,rgba(248,250,252,.87) 23%,rgba(245,247,250,.07) 52%,rgba(247,249,251,.02) 79%,rgba(246,248,251,.24) 100%),linear-gradient(0deg,rgba(233,238,245,.5),transparent 24%,transparent 86%,rgba(238,242,248,.1))!important}
.world .eyebrow,.world .world-top-right,.world .chapter-count,.world .chapter-lead,.world .chapter-name,.world .chapter-counter,.world .chapter-counter strong,.world .journey-hint,.world .world-coordinates{color:#080a0a!important;text-shadow:none!important}
.world .chapter h1,.world .chapter h2,.world .chapter h1 em,.world .chapter h2 em{color:#060808!important;text-shadow:none!important}
.world .chapter h1 em,.world .chapter h2 em{text-decoration-color:#090b0b!important}
.world .chapter-lead strong{color:#080a0a!important}
.world .text-action{color:#080a0a!important;border-bottom:2px solid #090b0b!important;text-shadow:none!important}
.world .scroll-icon{border:1px solid #090b0b!important;color:#080a0a!important}
.world .eyebrow i{background:#0a0c0c;box-shadow:0 0 0 4px rgba(7,9,9,.12)}
.world .chapter{z-index:5;text-shadow:none!important}
.world-top{top:117px}
.world-top-right{font-size:12px;font-weight:800;letter-spacing:.09em}
.chapter-count{font-size:12px;font-weight:800;letter-spacing:.12em}
.chapter-lead{font-size:clamp(15px,1.12vw,17px);line-height:1.76;max-width:470px}
.chapter h1,.chapter h2{font-size:clamp(43px,4.55vw,75px);letter-spacing:-.055em}
.chapter-meta{bottom:78px}
.chapter-counter{font-size:15px!important}
.chapter-counter strong{font-size:28px!important}
.chapter-name{font-size:12px;font-weight:800;letter-spacing:.10em}
.journey-hint,.world-coordinates{font-size:11px;font-weight:800;letter-spacing:.08em}
.text-action{font-size:12px;font-weight:800;letter-spacing:.10em}
.eyebrow{font-size:12px;letter-spacing:.10em}
.section-eyebrow{font-size:12px}
.brand{min-width:130px;gap:0}
.original-logo{object-fit:contain;display:block;flex-shrink:0}
.header-original-logo{width:110px;height:73px}
.footer-original-logo{width:128px;height:90px}
.footer-brand{display:inline-flex;align-items:center}
.site-head .original-logo{vertical-align:middle}
.chapter-nav{position:absolute;right:clamp(17px,3vw,54px);top:50%;transform:translateY(-50%);z-index:18;display:flex;flex-direction:column;align-items:stretch;gap:0;width:227px;background:rgba(251,252,254,.94);border:1px solid rgba(52,149,191,.43);border-radius:16px;padding:17px 13px 14px;box-shadow:0 18px 70px rgba(5,7,7,.16),0 0 0 1px rgba(255,255,255,.6) inset;backdrop-filter:blur(14px)}
.chapter-nav-heading{display:grid;gap:5px;padding:0 9px 13px;border-bottom:1px solid #d3dfea}
.nav-kicker{font-size:11px;line-height:1.3;letter-spacing:.10em;color:#3497c1;font-weight:800}
.chapter-nav-heading strong{color:#060808;font:800 16px/1.25 var(--display);letter-spacing:.01em}
.chapter-nav-heading small{font-size:11px;letter-spacing:.015em;line-height:1.5;color:#090b0b;font-weight:700}
.stage-list{display:grid;gap:1px;padding:9px 2px}
.chapter-nav .stage-dot{display:flex;justify-content:flex-start;gap:10px;align-items:center;min-height:39px;width:100%;border-radius:8px;padding:7px 7px;text-align:left;opacity:1;color:#090b0b;background:transparent;transition:background .18s,color .18s,transform .18s;font-size:12px}
.chapter-nav .stage-dot:hover{background:#edf3fa;color:#080a0a;transform:translateX(2px)}
.chapter-nav .stage-dot.active{background:#090b0b;color:#fff}
.chapter-nav .stage-dot:after{content:"›";background:none;box-shadow:none;width:auto;height:auto;font-size:20px;line-height:1;margin-left:auto;color:#3599c4}
.chapter-nav .stage-dot.active:after{color:#fff;box-shadow:none;width:auto}
.dot-label{font-size:12px;line-height:1.3;font-weight:800;letter-spacing:.005em;color:inherit;width:auto;text-align:left;white-space:nowrap}
.dot-index{font-size:12px;line-height:1;font-weight:900;letter-spacing:0;min-width:19px}
.chapter-nav-toggle{display:none}
.nav-help{border-top:1px solid #d3dfea;color:#090b0b;display:flex;align-items:center;gap:9px;padding:12px 7px 0;font-weight:800;font-size:11px;letter-spacing:.04em}
.nav-help span{font-size:21px}
@media(min-width:741px) and (max-width:1120px){
 .chapter-nav{width:193px;right:12px;padding:12px 7px}
 .chapter-nav-heading strong{font-size:14px}
 .chapter-nav .stage-dot{padding:7px 5px}
 .dot-label{font-size:11px}
 .chapter{width:min(48vw,540px)}
}
@media(max-width:740px){
 .world{background:radial-gradient(ellipse at 50% 33%,#ffffff,#e8edf4 76%,#e0e7f0)!important}
 .atmosphere{background:linear-gradient(0deg,rgba(245,247,250,.92) 1%,rgba(246,248,251,.83) 17%,rgba(250,251,253,.46) 43%,rgba(248,250,252,.03) 70%,rgba(246,248,251,.12))!important}
 .header-original-logo{width:99px;height:67px}
 .world-top{top:90px;left:20px;right:20px}
 .eyebrow{font-size:10px;letter-spacing:.09em}
 .chapter-count{font-size:11px;letter-spacing:.07em}
 .chapter h1,.chapter h2{font-size:clamp(35px,8.8vw,55px)}
 .chapter-lead{font-size:13.5px;line-height:1.54;max-width:350px}
 .text-action{font-size:11px}
 .chapter-meta{bottom:56px}
 .chapter-counter strong{font-size:23px!important}
 .journey-hint{font-size:9px}
 .chapter-nav{right:13px;top:125px;bottom:auto;transform:none;width:198px;padding:8px;background:rgba(254,254,255,.97);box-shadow:0 8px 28px rgba(0,0,0,.15);border-radius:12px}
 .chapter-nav-toggle{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:0;background:#090b0b;color:#fff;padding:10px 9px;border-radius:7px;min-height:47px}
 .nav-toggle-icon{font-size:23px;line-height:1}
 .chapter-nav-toggle>span:last-child{font-size:11px;font-weight:800;letter-spacing:.02em}
 .chapter-nav-toggle small{display:block;font-size:9px;font-weight:600;margin-top:3px;opacity:.88}
 .chapter-nav-heading,.chapter-nav .stage-list,.chapter-nav .nav-help{display:none}
 .chapter-nav.expanded .stage-list{display:grid;max-height:51svh;overflow-y:auto}
 .chapter-nav.expanded .chapter-nav-heading{display:grid;padding:12px 6px}
 .chapter-nav.expanded .nav-help{display:flex;padding:10px 5px 2px}
 .chapter-nav .stage-dot{min-height:40px}
 .chapter-nav .dot-label,.chapter-nav .dot-index{display:inline}
 .chapter-nav .dot-index{font-size:11px}
 .chapter-nav .dot-label{font-size:11px}
}
@media(max-width:390px){.chapter-nav{right:10px;width:177px}.chapter-nav-toggle{padding:8px}.chapter h1,.chapter h2{font-size:clamp(32px,8.4vw,44px)}.world-top{right:180px}}

/* V2.4 — CYBER EDITORIAL: precise circuit linework, media-forward surfaces. */
.world{background:radial-gradient(ellipse at 70% 42%,#ffffff 0%,#eff4f9 47%,#e3eaf3 100%)!important}
.atmosphere{background:linear-gradient(90deg,rgba(250,251,253,.97) 0%,rgba(251,252,254,.88) 23%,rgba(248,251,254,.05) 51%,rgba(248,250,253,.02) 78%,rgba(249,251,254,.19) 100%),linear-gradient(0deg,rgba(238,244,251,.19),transparent 27%,transparent 83%,rgba(239,244,250,.06))!important}
.cyber-interface{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.cyber-frame{position:absolute;width:44px;height:44px;opacity:.75}
.cyber-frame-tl{left:22px;top:110px;border-top:2px solid #090b0b;border-left:2px solid #090b0b}
.cyber-frame-bl{left:22px;bottom:18px;border-bottom:2px solid #090b0b;border-left:2px solid #090b0b}
.cyber-frame-tr{right:20px;top:110px;border-top:2px solid #090b0b;border-right:2px solid #090b0b}
.cyber-frame-br{right:20px;bottom:18px;border-bottom:2px solid #090b0b;border-right:2px solid #090b0b}
.cyber-sweep{position:absolute;left:29%;right:13%;height:1px;top:0;background:linear-gradient(90deg,transparent,rgba(7,9,9,.24),transparent);box-shadow:0 8px 25px rgba(62,159,200,.09);animation:cyber-sweep 12s linear infinite}
@keyframes cyber-sweep{0%{transform:translateY(8vh);opacity:0}15%{opacity:.8}85%{opacity:.8}100%{transform:translateY(91vh);opacity:0}}
.cyber-status{position:absolute;left:clamp(25px,5vw,96px);top:171px;display:flex;gap:12px;align-items:center;color:#090b0b;font-weight:800;font-size:11px;letter-spacing:.12em}
.cyber-status b{font-size:11px;font-weight:700;letter-spacing:.025em;color:#3497c1}
.signal-indicator{width:7px;height:7px;background:#0a0c0c;border-radius:50%;box-shadow:0 0 0 4px rgba(7,9,9,.13);animation:signal-beat 2.5s ease-in-out infinite}
@keyframes signal-beat{50%{box-shadow:0 0 0 9px rgba(7,9,9,.035);transform:scale(1.18)}}
.cyber-micro{position:absolute;right:clamp(17px,3vw,54px);bottom:26px;display:flex;gap:13px;color:#0a0c0c;font-size:11px;font-weight:800;letter-spacing:.13em}
.cyber-micro span+span:before{content:"/";padding-right:13px;color:#43acd9}
.chapter-count{font-weight:900}
.chapter-nav{box-shadow:0 18px 70px rgba(6,8,8,.18),0 0 0 1px rgba(255,255,255,.7) inset}
.chapter-nav .stage-dot.active{background:linear-gradient(100deg,#080a0a,#3395be)}
.manifest,.solutions,.portfolio{background:#f1f4f8!important;color:#070909!important;border-color:#ced9e5!important}
.manifest{background:radial-gradient(circle at 85% 45%,#e1e9f4,#ffffff 62%,#f1f4f8 100%)!important}
.section-eyebrow{color:#090b0b!important}
.manifest h2,.section-heading h2,.portfolio-heading h2{color:#060808}
.manifest h2 em,.section-heading h2 em,.portfolio-heading h2 em{color:#0a0c0c!important;text-decoration-color:#3fa1cb}
.manifest-copy p,.section-heading p,.portfolio-heading p{color:#3395be!important}
.inline-link{color:#0a0c0c!important}
.solutions{background:#eaf0f7!important}
.solution-card{background:#fff!important;border:1px solid #c9d6e5!important;box-shadow:0 12px 31px rgba(6,8,8,.045)}
.solution-card:hover{background:#f8fbff!important;transform:translateY(-8px);border-color:#40a3ce!important;box-shadow:0 18px 35px rgba(6,8,8,.13)}
.solution-card h3{color:#080a0a!important}
.solution-card p,.solution-no{color:#3599c4!important}
.solution-icon,.card-arrow{color:#0a0c0c!important}
.portfolio{background:#fff!important}
.portfolio-item{background:#f8fbff!important;border:1px solid #d1ddea!important}
.portfolio-item figcaption{color:#070909!important}
.portfolio-item figcaption span{color:#3e9fc8!important}
.outro{background:radial-gradient(circle at 50% 55%,#080a0a,#050707 75%)!important}
.outro h2,.outro h2 em,.outro p{color:#fff!important}
.outro .section-eyebrow{color:#d0e0f1!important}
footer{background:#050707!important}
@media(max-width:1100px){.cyber-micro{display:none}}
@media(max-width:740px){
 .cyber-frame{width:24px;height:24px;opacity:.32}
 .cyber-frame-tl{left:10px;top:82px}.cyber-frame-tr{right:10px;top:82px}
 .cyber-frame-bl{left:10px;bottom:11px}.cyber-frame-br{right:10px;bottom:11px}
 .cyber-status{top:94px;left:20px;font-size:9px;gap:8px}
 .cyber-status b{display:none}
 .world-top{top:118px!important}
 .chapter-nav{top:122px}
 .cyber-sweep{left:5%;right:5%}
}
@media(prefers-reduced-motion:reduce){.cyber-sweep,.signal-indicator{animation:none!important}}

/* Cyber HUD alignment: preserve whitespace around the route and footer counter. */
@media(min-width:1101px){
 .cyber-micro{top:165px;bottom:auto;right:clamp(22px,3vw,54px);gap:9px;opacity:.9}
}

/* Mobile cyber legibility: keep the footage above a solid readable content plane. */
@media(max-width:740px){
 .cyber-status{display:none!important}
 .world-top{top:96px!important}
 .world-top .eyebrow{font-size:10px;letter-spacing:.055em}
 .chapter-nav{top:118px!important}
 .atmosphere{background:linear-gradient(0deg,
  rgba(250,251,253,.995) 0%,
  rgba(250,251,253,.995) 37%,
  rgba(250,251,253,.96) 44%,
  rgba(250,251,253,.17) 64%,
  rgba(250,251,253,.03) 100%)!important}
 .cyber-sweep{opacity:.25}
}

/* Real media inside service cards. Replaces generic iconography. */
.solution-preview{width:100%;height:150px;margin:16px 0 19px;display:block;overflow:hidden;position:relative;background:#dce6f0;border:1px solid #d0ddec}
.solution-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .5s}
.solution-card:hover .solution-preview img{transform:scale(1.085);filter:contrast(1.07)}
.solution-preview:after{position:absolute;content:"";left:0;right:0;bottom:0;height:25px;background:linear-gradient(0deg,rgba(4,6,6,.26),transparent)}
.campaign-mock{display:flex;flex-direction:column;justify-content:space-between;gap:3px;padding:11px;background:linear-gradient(135deg,#eef3f9,#fff);color:#090b0b}
.campaign-mock svg{display:block;width:100%;height:83px}
.campaign-mock small{font:800 9px/1.3 var(--text);letter-spacing:.08em}
.campaign-mock:after{display:none}
.solution-card{min-height:385px}
.solution-card h3{margin:0 0 10px}
@media(max-width:740px){.solution-preview{height:155px;margin:12px 0 16px}.solution-card{min-height:280px}}

/* V2.5 — NIGHT / WHITE / NAVY — FINAL OVERRIDES */
:root{--bg:#050707;--panel:#050707;--cyan:#dfe7f4;--blue:#090b0b;--muted:#aab8cb;--line:rgba(74,189,238,.24)}
html,body{background:#050707!important;color:#f6f8fc!important}
body{color-scheme:dark}
.global-progress{background:#f6f8fc!important;box-shadow:0 0 13px #3fa1cc!important}
.header{background:rgba(2,4,4,.96)!important;border-color:rgba(76,194,245,.16)!important}
.main-nav a,.head-cta,.footer-meta{color:#f5f8fc}
.journey{background:#050707!important}
.world{background:radial-gradient(ellipse at 63% 43%,#070909 0%,#060808 39%,#050707 78%,#040606 100%)!important}
.atmosphere{background:linear-gradient(90deg,rgba(2,4,4,.94) 0%,rgba(2,4,4,.78) 23%,rgba(3,5,5,.10) 57%,rgba(3,5,5,.025) 81%,rgba(2,4,4,.27) 100%),linear-gradient(0deg,rgba(2,4,4,.28),transparent 30%,transparent 81%,rgba(2,4,4,.10))!important}
.world .eyebrow,.world .world-top-right,.world .chapter-count,.world .chapter-lead,.world .chapter-name,.world .chapter-counter,.world .chapter-counter strong,.world .journey-hint,.world .world-coordinates{color:#e5ebf5!important}
.world .chapter h1,.world .chapter h2,.world .chapter h1 em,.world .chapter h2 em{color:#fff!important;text-shadow:0 8px 33px rgba(0,0,0,.45)!important}
.world .chapter h1 em,.world .chapter h2 em{text-decoration-color:#41a6d1!important}
.world .chapter-lead strong{color:#fff!important}
.world .text-action{color:#fff!important;border-bottom:2px solid #42aad6!important}
.world .scroll-icon{border-color:#d1dfef!important;color:#f0f5fb!important}
.world .eyebrow i{background:#fff!important;box-shadow:0 0 0 5px rgba(206,223,248,.13)!important}
.world .chapter{color:#fff}
.world .chapter-lead{max-width:380px;margin-bottom:25px;line-height:1.6}
.world .chapter-count{font-size:11px!important;letter-spacing:.11em!important}
.world .chapter h1,.world .chapter h2{font-size:clamp(44px,5vw,79px);margin-bottom:18px}
.world .chapter-meta{color:#eee}
.world-top{top:122px}
.world-top-right,.cyber-status,.cyber-micro,.world-coordinates,.chapter-name{display:none!important}
.cyber-frame{border-color:#47b6e5!important;opacity:.40!important}
.cyber-sweep{background:linear-gradient(90deg,transparent,rgba(211,227,251,.22),transparent)!important;box-shadow:0 4px 25px rgba(78,198,250,.10)!important}
.chapter-nav{background:rgba(3,5,5,.93)!important;border:1px solid rgba(74,190,240,.34)!important;box-shadow:0 18px 65px rgba(0,0,0,.46)!important;color:#f5f8fd}
.chapter-nav-heading{border-color:#080a0a!important}
.chapter-nav-heading strong{color:#f8fbff!important;font-size:16px}
.chapter-nav .stage-dot{color:#d5dfed!important}
.chapter-nav .stage-dot:after{color:#4abef0!important}
.chapter-nav .stage-dot:hover{color:#fff!important;background:#080a0a!important}
.chapter-nav .stage-dot.active{color:#fff!important;background:#3495bf!important}
.chapter-nav .stage-dot.active:after{color:#fff!important}
.nav-kicker,.chapter-nav-heading small,.nav-help{display:none!important}
.chapter-nav-toggle{background:#0a0c0c!important;color:#fff!important}
.nav-toggle-icon{color:#fff!important}
.chapter-nav .stage-dot{font-weight:700}
.manifest,.solutions,.portfolio{background:#050707!important;border-color:#070909!important;color:#f9fbff!important}
.manifest{background:radial-gradient(ellipse at 78% 39%,#070909,#050707 54%,#050707 100%)!important}
.section-eyebrow{color:#bfcde1!important}
.section-eyebrow:before{background:#40a3ce!important}
.manifest h2,.section-heading h2,.portfolio-heading h2{color:#f6f9ff!important}
.manifest h2 em,.section-heading h2 em,.portfolio-heading h2 em{color:#fff!important;text-decoration-color:#40a4cf!important}
.manifest-copy p,.section-heading p,.portfolio-heading p{color:#b7c5d8!important}
.inline-link{color:#fff!important;border-color:#43abd8!important}
.solutions{background:#050707!important}
.solution-card{background:#060808!important;border:1px solid #090b0b!important;box-shadow:0 14px 26px rgba(0,0,0,.22)!important}
.solution-card:hover{background:#070909!important;border-color:#43abd8!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important}
.solution-card h3{color:#f6f9ff!important}
.solution-card p,.solution-no{color:#bdcbe0!important}
.solution-icon,.card-arrow{color:#d8e7fc!important}
.solution-preview{background:#060808!important;border:1px solid #090b0b!important}
.campaign-mock{background:linear-gradient(130deg,#060808,#070909)!important;color:#f1f6ff!important}
.campaign-mock svg path{stroke:#3496c0!important}
.campaign-mock svg polyline{stroke:#dae7fb!important}
.portfolio{background:#050707!important}
.portfolio-item{background:#060808!important;border:1px solid #090b0b!important}
.portfolio-item figcaption{color:#fff!important}
.portfolio-item figcaption span{color:#4bbff0!important}
.outro{background:radial-gradient(circle at 50% 54%,#070909,#050707 75%)!important}
.outro h2,.outro h2 em,.outro p{color:#fff!important}
.outro-cta{background:#0a0c0c!important;color:#fff!important}
.outro-cta:hover{background:#3fa1cc!important}
footer{background:#040606!important;border-color:#080a0a!important}
.loading{background:#050707!important;color:#fff}
@media(max-width:740px){
 .world{background:radial-gradient(ellipse at 51% 37%,#070909,#050707 65%,#040606 100%)!important}
 .atmosphere{background:linear-gradient(0deg,
 rgba(3,5,5,.99) 0%,rgba(3,5,5,.99) 34%,
 rgba(3,5,5,.95) 45%,rgba(3,5,5,.22) 65%,
 rgba(3,5,5,.05) 100%)!important}
 .chapter-nav{background:rgba(3,5,5,.97)!important}
 .chapter-nav-toggle{background:#0a0c0c!important}
 .chapter-nav.expanded .chapter-nav-heading{background:transparent!important}
 .chapter-nav .stage-dot{color:#e7eef7!important}
 .world .chapter h1,.world .chapter h2{font-size:clamp(34px,8.5vw,54px)}
 .world .chapter-lead{font-size:14px;line-height:1.55}
 .world-top{top:101px!important}
}


/* V2.5 mobile: vivid visuals above, dark legible text below. */
@media(max-width:740px){
 .atmosphere{background:linear-gradient(0deg,
 rgba(3,5,5,.99) 0%,rgba(3,5,5,.99) 28%,
 rgba(3,5,5,.97) 34%,rgba(3,5,5,.83) 42%,
 rgba(3,5,5,.12) 59%,rgba(3,5,5,.025) 100%)!important}
}

/* V2.6 — return to original moody cyber atmosphere: subtle blue neon */
.world{background:radial-gradient(ellipse at 57% 42%,#070909 0%,#060808 36%,#050707 68%,#050707 100%)!important}
.journey{background:#050707!important}
.atmosphere{background:linear-gradient(90deg,rgba(3,5,5,.95) 0%,rgba(3,5,5,.79) 25%,rgba(3,5,5,.02) 61%,rgba(3,5,5,.12) 88%,rgba(3,5,5,.47) 100%),linear-gradient(0deg,rgba(3,5,5,.58) 0%,transparent 28%,transparent 85%,rgba(3,5,5,.17) 100%)!important}
.world .chapter h1 em,.world .chapter h2 em{ text-decoration-color:#43acd9!important;text-decoration-thickness:.035em!important }
.global-progress{background:#4bbff1!important;box-shadow:0 0 9px #46b2e1!important}
.cyber-frame{border-color:#3fa0ca!important;opacity:.24!important}
.cyber-sweep{display:none!important}
.world .eyebrow i{background:#49bbec!important;box-shadow:0 0 0 4px rgba(75,193,243,.10),0 0 13px rgba(79,201,254,.36)!important}
.chapter-nav .stage-dot.active{background:#090b0b!important}
.chapter-nav{border:1px solid rgba(64,163,205,.45)!important}
.head-cta,.outro-cta{background:#090b0b!important}
.text-action{border-bottom-color:#43acd9!important}
.world .chapter-lead{color:#d7e0ef!important}
@media(max-width:740px){
 .world{background:radial-gradient(ellipse at 50% 31%,#070909 0%,#060808 67%,#050707 100%)!important}
 .atmosphere{background:linear-gradient(0deg,rgba(3,5,5,.99) 0%,rgba(3,5,5,.99) 27%,rgba(3,5,5,.96) 37%,rgba(3,5,5,.74) 45%,rgba(3,5,5,.06) 62%,rgba(3,5,5,.02) 100%)!important}
}

/* V2.7 — 99Agency noir cinematic, black background with contained navy light */
:root{--bg:#040606;--panel:#050707;--line:rgba(63,161,203,.23)}
body,.journey{background:#040606!important}
.world{
 background:
 radial-gradient(ellipse 38% 33% at 70% 42%,rgba(6,8,8,.60) 0%,rgba(4,6,6,.27) 52%,transparent 100%),
 radial-gradient(ellipse 63% 20% at 61% 78%,rgba(6,8,8,.35),transparent 80%),
 #040606!important
}
.atmosphere{
 background:
 linear-gradient(90deg,rgba(2,4,4,.95) 0%,rgba(2,4,4,.83) 23%,rgba(2,4,4,.05) 54%,rgba(2,4,4,.015) 76%,rgba(2,4,4,.30) 100%),
 linear-gradient(0deg,rgba(2,4,4,.70) 0%,transparent 28%,transparent 88%,rgba(2,4,4,.16))!important
}
.cyber-frame{opacity:.16!important;border-color:#40a3ce!important}
.world .eyebrow i{background:#49baeb!important;box-shadow:0 0 0 5px rgba(68,174,219,.08),0 0 11px rgba(75,191,240,.34)!important}
.chapter-nav{background:rgba(3,5,5,.95)!important;border-color:rgba(62,159,201,.32)!important}
.chapter-nav .stage-dot.active{background:#090b0b!important}
.manifest{background:radial-gradient(ellipse at 81% 38%,#060808,#040606 62%,#040606 100%)!important}
.solutions,.portfolio{background:#050707!important}
.solution-card{background:#050707!important;border-color:rgba(62,158,199,.32)!important}
.solution-card:hover{background:#060808!important}
.portfolio-item{background:#050707!important}
.outro{background:radial-gradient(circle at 50% 55%,#070909,#040606 71%)!important}
footer{background:#040606!important}
@media(max-width:740px){
 .world{
  background:
    radial-gradient(ellipse 69% 29% at 50% 33%,rgba(6,8,8,.44),transparent 90%),
    #040606!important
 }
 .atmosphere{
  background:linear-gradient(0deg,
   rgba(2,4,4,.995) 0%,rgba(2,4,4,.995) 27%,rgba(2,4,4,.95) 38%,
   rgba(2,4,4,.62) 47%,rgba(2,4,4,.045) 62%,rgba(2,4,4,.035) 100%)!important
 }
}

/* 99Agency V2.8 — canonical BLACK + CYAN palette, intentional neon accents */
:root{--bg:#020303;--panel:#080a0a;--cyan:#4dc4f7;--blue:#41a7d3;--muted:#b0c3c5;--line:rgba(75,191,241,.17)}
body,.journey{background:#020303!important}
.header{background:rgba(2,3,3,.96)!important;border-bottom:1px solid rgba(76,193,244,.16)!important}
.main-nav a{color:#d5e0e0!important}
.head-cta{background:#09171a!important;color:#e8ffff!important;border:1px solid rgba(76,193,244,.42)!important;box-shadow:0 0 19px rgba(73,187,236,.08)}
.head-cta:hover,.outro-cta:hover{background:#0b3032!important;box-shadow:0 0 21px rgba(77,197,248,.17)!important}
.global-progress{background:#4dc4f7!important;box-shadow:0 0 12px rgba(77,197,249,.63)!important}
.world{background:radial-gradient(ellipse 48% 39% at 71% 43%,rgba(48,139,178,.12),transparent 85%),#020303!important}
.atmosphere{background:linear-gradient(90deg,rgba(2,3,3,.94) 0%,rgba(2,3,3,.75) 26%,rgba(2,3,3,.04) 59%,rgba(2,3,3,.08) 80%,rgba(2,3,3,.24) 100%),linear-gradient(0deg,rgba(2,3,3,.46) 0%,transparent 30%,transparent 85%,rgba(2,3,3,.12) 100%)!important}
.world .eyebrow i{background:#4dc5f8!important;box-shadow:0 0 0 4px rgba(74,190,240,.11),0 0 15px rgba(78,200,252,.49)!important}
.cyber-frame{border-color:#41a7d2!important;opacity:.23!important}
.world .chapter h1 em,.world .chapter h2 em{text-decoration-color:#45b0de!important}
.world .text-action,.inline-link{border-bottom-color:#40a5d0!important;color:#f7ffff!important}
.world .scroll-icon{border-color:#44afdd!important}
.chapter-nav{background:rgba(4,6,6,.96)!important;border-color:rgba(68,174,219,.29)!important;box-shadow:0 16px 56px rgba(0,0,0,.57),0 0 15px rgba(76,194,245,.045)!important}
.chapter-nav-heading{border-color:rgba(72,184,231,.20)!important}
.chapter-nav .stage-dot:hover{background:#0b2325!important}
.chapter-nav .stage-dot.active{background:#093236!important;color:#f6ffff!important;box-shadow:inset 2px 0 #4bbff1,0 0 16px rgba(76,194,245,.095)!important}
.chapter-nav .stage-dot.active:after{background:#4cc3f5!important;box-shadow:0 0 8px rgba(77,197,248,.38)!important}
.chapter-nav-toggle{background:#0a3438!important;color:#f2ffff!important}
.menu-toggle,.mobile-nav.open{background:#070909!important;border-color:rgba(75,191,240,.35)!important}
.manifest{background:radial-gradient(ellipse at 85% 40%,#091314,#030505 64%,#020303 100%)!important}
.solutions,.portfolio{background:#040606!important}
.solution-card{background:#0b0e0e!important;border:1px solid rgba(67,171,216,.19)!important}
.solution-card:hover{background:#101818!important;border-color:rgba(75,191,241,.5)!important;box-shadow:0 12px 42px rgba(77,196,247,.065)!important}
.solution-icon,.card-arrow,.inline-link,.section-eyebrow{color:#4dc5f8!important}
.section-eyebrow:before{background:#44adda!important}
.manifest h2 em,.section-heading h2 em,.portfolio-heading h2 em{color:#fff!important;text-decoration-color:#45b0de!important}
.solution-preview{background:#060a0a!important;border-color:#133b40!important}
.campaign-mock{background:linear-gradient(135deg,#091113,#101617)!important;color:#eaffff!important}
.campaign-mock svg path{stroke:#183b3d!important}
.campaign-mock svg polyline{stroke:#4bbff0!important}
.portfolio-item{background:#0b0e0e!important;border-color:rgba(74,188,237,.19)!important}
.outro{background:radial-gradient(circle at 50% 55%,#0b1819,#020303 75%)!important}
.outro-cta{background:#0a3335!important;color:#fff!important;border-color:#41a7d2!important}
footer,.loading{background:#020303!important}
@media(max-width:740px){
 .world{background:radial-gradient(ellipse 70% 31% at 50% 34%,rgba(51,146,187,.12),transparent 85%),#020303!important}
 .atmosphere{background:linear-gradient(0deg,rgba(2,3,3,.995) 0%,rgba(2,3,3,.995) 27%,rgba(2,3,3,.95) 37%,rgba(2,3,3,.67) 47%,rgba(2,3,3,.05) 62%,rgba(2,3,3,.02) 100%)!important}
 .chapter-nav{background:rgba(4,7,7,.97)!important}
}

/* V2.9 — AZZURRO NEON / BLACK. Supersedes cyan-only styling. */
:root{--bg:#020304;--panel:#07090a;--cyan:#64cfff;--blue:#5fc6f5;--line:rgba(86,193,250,.21)}
html,body,.journey{background:#020304!important}
.world{background:radial-gradient(ellipse 44% 33% at 73% 43%,rgba(54,160,225,.105),transparent 80%),#020304!important}
.atmosphere{background:linear-gradient(90deg,rgba(2,3,4,.95) 0%,rgba(2,3,4,.76) 26%,rgba(2,3,4,.035) 59%,rgba(2,3,4,.11) 82%,rgba(2,3,4,.30) 100%),linear-gradient(0deg,rgba(2,3,4,.42),transparent 30%,transparent 86%,rgba(2,3,4,.10))!important}
.header{background:rgba(2,3,5,.96)!important;border-bottom-color:rgba(94,197,255,.18)!important}
.global-progress{background:#66ccfa!important;box-shadow:0 0 13px rgba(98,200,255,.65)!important}
.head-cta{background:#080d13!important;border:1px solid rgba(105,201,255,.52)!important;box-shadow:0 0 18px rgba(72,175,255,.07)!important}
.head-cta:hover{background:#102332!important;box-shadow:0 0 18px rgba(87,190,255,.27)!important}
.cyber-frame{border-color:#59b9ed!important;opacity:.28!important}
.world .eyebrow i{background:#7ad5ff!important;box-shadow:0 0 0 4px rgba(91,192,255,.10),0 0 13px rgba(90,197,255,.67)!important}
.world .chapter h1 em,.world .chapter h2 em{color:#fff!important;text-decoration-color:#5ab9f0!important}
.world .text-action{border-color:#67c8f8!important}
.chapter-nav{background:rgba(3,5,8,.96)!important;border-color:rgba(102,192,247,.35)!important;box-shadow:0 16px 58px rgba(0,0,0,.65),0 0 18px rgba(91,190,250,.07)!important}
.chapter-nav-heading{border-color:rgba(102,193,250,.27)!important}
.chapter-nav .stage-dot:hover{background:#111c26!important}
.chapter-nav .stage-dot.active{background:#102434!important;color:#fff!important;box-shadow:inset 2px 0 #70d0ff,0 0 16px rgba(80,193,255,.18)!important}
.chapter-nav .stage-dot.active:after{background:#83d7ff!important;box-shadow:0 0 12px rgba(106,210,255,.7)!important}
.chapter-nav-toggle{background:#122c3d!important;color:#fff!important}
.manifest{background:radial-gradient(ellipse at 84% 36%,#101b24,#040608 64%,#020304 100%)!important}
.solutions,.portfolio{background:#050709!important}
.solution-card{background:#0b0e12!important;border-color:rgba(95,179,235,.20)!important}
.solution-card:hover{background:#121d26!important;border-color:rgba(110,206,255,.56)!important;box-shadow:0 14px 36px rgba(64,165,236,.11)!important}
.solution-icon,.card-arrow,.inline-link,.section-eyebrow{color:#80d1ff!important}
.section-eyebrow:before{background:#62c3fa!important}
.solution-preview{background:#080e13!important;border-color:#2a516a!important}
.campaign-mock{background:linear-gradient(135deg,#080d12,#14202a)!important}
.campaign-mock svg path{stroke:#254152!important}
.campaign-mock svg polyline{stroke:#79d3ff!important}
.portfolio-item{background:#0c1116!important;border-color:rgba(101,193,255,.25)!important}
.outro{background:radial-gradient(circle at 50% 50%,#111f29,#020304 73%)!important}
.outro-cta{background:#132c3a!important;border-color:#6fcaf6!important}
.outro-cta:hover{background:#1a3b50!important;box-shadow:0 0 22px rgba(79,182,255,.18)!important}
footer,.loading{background:#020304!important}
@keyframes azureSoftPulse{
 0%,100%{filter:drop-shadow(0 0 2px rgba(102,205,255,.15))}
 50%{filter:drop-shadow(0 0 6px rgba(102,205,255,.42))}
}
.world .eyebrow i{animation:azureSoftPulse 4.4s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){.world .eyebrow i{animation:none!important}}
@media(max-width:740px){
 .world{background:radial-gradient(ellipse 72% 35% at 50% 33%,rgba(49,149,215,.10),transparent 84%),#020304!important}
 .atmosphere{background:linear-gradient(0deg,rgba(2,3,4,.995) 0%,rgba(2,3,4,.995) 27%,rgba(2,3,4,.96) 38%,rgba(2,4,7,.64) 47%,rgba(2,4,8,.045) 62%,rgba(2,4,8,.02) 100%)!important}
 .chapter-nav{background:rgba(4,6,9,.97)!important}
}

/* V3.0: compact rail and media-first scene composition */
@media (min-width:741px){
 .chapter-nav{
  right:clamp(10px,1.5vw,25px)!important;top:50%!important;
  width:67px!important;padding:9px 6px!important;
  border-radius:15px!important;transform:translateY(-50%)!important;
  background:rgba(3,7,10,.83)!important;
  backdrop-filter:blur(10px)!important;
 }
 .chapter-nav-heading{display:none!important}
 .chapter-nav .stage-list{padding:0!important;gap:5px!important}
 .chapter-nav .stage-dot{
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:44px!important;min-height:44px!important;padding:0!important;
  border-radius:9px!important;transition:background .28s,box-shadow .3s,transform .3s!important
 }
 .chapter-nav .dot-index{display:inline-block!important;font-size:13px!important;min-width:0!important}
 .chapter-nav .dot-label,.chapter-nav .stage-dot:after{display:none!important}
 .chapter-nav .stage-dot:hover{transform:translateY(-1px)!important}
}
@media(max-width:740px){
 .chapter-nav{top:108px!important;right:10px!important;width:119px!important;padding:6px!important}
 .chapter-nav-toggle{min-height:40px!important;padding:7px 9px!important;font-size:11px!important;gap:5px!important}
 .chapter-nav.expanded{width:min(225px,62vw)!important;z-index:30!important}
 .chapter-nav .stage-list{gap:3px}
}
/* Keep the important photography and video bright and unmasked. */
.atmosphere{background:
 linear-gradient(90deg,rgba(2,3,4,.91),rgba(2,3,4,.66) 24%,rgba(2,3,4,.01) 48%,rgba(2,3,4,0) 82%),
 linear-gradient(0deg,rgba(2,3,4,.32),transparent 26%,transparent 89%)!important}
@media(max-width:740px){.atmosphere{background:
 linear-gradient(0deg,rgba(2,3,4,.985) 0%,rgba(2,3,4,.97) 23%,rgba(2,3,4,.88) 35%,rgba(2,3,4,.42) 47%,rgba(2,3,4,.01) 62%)!important}}
/* Motion that explains the product rather than creating distracting HUD noise. */
.solution-card{transition:transform .46s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s!important}
.solution-card:hover{transform:translateY(-7px)!important}
.solution-preview{overflow:hidden!important;position:relative}
.solution-preview img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .45s!important;filter:contrast(1.05) brightness(1.045)}
.solution-card:hover .solution-preview img{transform:scale(1.055);filter:contrast(1.10) brightness(1.12)}
.solution-preview:after{
 content:"";position:absolute;inset:-30% -90%;pointer-events:none;
 background:linear-gradient(105deg,transparent 44%,rgba(109,204,255,.12) 50%,transparent 56%);
 transform:translateX(-60%);opacity:0;
}
.solution-card:hover .solution-preview:after{opacity:1;animation:mediaHighlight 1.1s ease-out forwards}
@keyframes mediaHighlight{from{transform:translateX(-60%)}to{transform:translateX(58%)}}
.campaign-mock svg polyline{stroke-dasharray:520;stroke-dashoffset:520;animation:none}
.solution-card.visible .campaign-mock svg polyline{animation:campaignDraw 3.2s cubic-bezier(.2,.6,.2,1) both}
@keyframes campaignDraw{0%{stroke-dashoffset:520;opacity:.15}100%{stroke-dashoffset:0;opacity:1}}
.outro-orbit{animation:outroOrbit 28s linear infinite}
@keyframes outroOrbit{to{transform:rotate(360deg)}}
.chapter-nav .stage-dot.active{box-shadow:inset 2px 0 #78cbff,0 0 13px rgba(115,201,255,.18)!important}
@media(prefers-reduced-motion:reduce){
 .solution-card,.solution-preview img{transition:none!important}
 .solution-preview:after,.campaign-mock svg polyline,.outro-orbit{animation:none!important}
 .campaign-mock svg polyline{stroke-dashoffset:0!important}
}