:root{--bg:#050505;--panel:#0d0d0f;--border:#242428;--red:#e30918;--text:#f6f5f6;--muted:#aaa8ac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}.container{width:min(1275px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:#050505eF;border-bottom:1px solid #1d1d20;backdrop-filter:blur(15px)}.nav-shell{height:73px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:215px;height:58px;object-fit:contain;object-position:left center;mix-blend-mode:screen}nav{display:flex;align-items:center;gap:39px}nav a{color:#eee;text-decoration:none;font-size:13px;font-weight:700;transition:color .2s}nav a:hover,nav a.active{color:var(--red)}.quote-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #8d111a;border-radius:5px;padding:12px 25px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;transition:.24s}.quote-link{margin-left:65px;min-width:183px}.quote-link b,.button b{color:var(--red);font-size:18px;font-weight:400}.quote-link:hover,.secondary:hover{border-color:var(--red);background:#26070a}.menu-toggle{display:none}.hero{overflow:hidden;border-bottom:1px solid #151518}.hero-grid{display:grid;grid-template-columns:40% 60%;min-height:405px}.hero-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:52px 10px 49px 0;position:relative;z-index:2}.kicker{display:flex;align-items:center;gap:7px;margin:0 0 15px;color:var(--red);font:700 10px 'Roboto Mono',monospace;letter-spacing:.6px}.kicker i{display:block;width:19px;height:2px;background:var(--red);box-shadow:0 0 8px var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:52px;line-height:1.1;letter-spacing:.4px;margin:0 0 17px;font-weight:800}h1 em{color:var(--red);font-style:normal}.hero-copy>p:not(.kicker){max-width:400px;color:#bbb8bc;font-size:13px;line-height:1.75;margin-bottom:21px}.hero-actions{display:flex;gap:16px}.primary{border-color:var(--red);background:var(--red);box-shadow:0 8px 22px #b9061535}.primary b{color:#fff}.primary:hover{background:#f2202d;transform:translateY(-2px)}.hero-visual{position:relative;min-height:405px;overflow:hidden}.hero-visual>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.65) brightness(.55) contrast(1.12)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505bb 5%,transparent 35%),linear-gradient(0deg,#050505cc,transparent 48%),radial-gradient(circle at 62% 45%,transparent,#11020577 65%,#050505c4)}.hero-logo{position:absolute;width:min(330px,48%);height:76%;object-fit:contain;left:30%;top:11%;mix-blend-mode:screen;filter:drop-shadow(0 10px 20px #000)}.section{padding:32px 0}.section h2{font-size:22px;line-height:1.2;margin-bottom:18px}.services{padding-top:29px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{min-height:196px;padding:20px 19px 15px;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#0f0f11,#0b0b0d);border:1px solid var(--border);border-radius:6px;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{transform:translateY(-5px);border-color:#7e151c;background:#140b0d}.service-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;color:var(--red);border:1px solid #7e151c;border-radius:5px;font-size:17px;font-family:'Roboto Mono',monospace}.service-card h3{font-size:14px;margin:0 0 8px}.service-card p{color:#aaa8ac;font-size:11px;line-height:1.7;margin:0}.service-card a{margin-top:auto;color:var(--red);text-decoration:none;font-size:19px;line-height:1;padding-top:12px}.about{display:grid;grid-template-columns:23% 25% 1fr;gap:25px;padding-top:25px}.about-copy{padding-top:3px}.about-copy>p:not(.kicker){color:#b1afb2;font-size:10px;line-height:1.8;margin-bottom:13px}.about-copy ul{list-style:none;padding:0;margin:0 0 18px;color:#c1bfc1;font-size:10px;line-height:2.1}.about-copy li::before{content:'✓';color:var(--red);border:1px solid #7e151c;border-radius:50%;font-size:8px;margin-right:8px;padding:0 2px}.about-copy .button{padding:10px 18px;gap:20px}.about-image{min-height:237px;position:relative;border:1px solid #242428;border-radius:6px;overflow:hidden}.about-image>img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.6)}.about-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0404048a,transparent 60%)}.about-image div{position:absolute;z-index:1;left:0;bottom:0;display:flex;align-items:center;gap:9px;padding:13px 17px;background:linear-gradient(135deg,#b50915,#39070b);border-radius:0 7px 0 0}.about-image strong{font-size:30px}.about-image span{font-size:9px;line-height:1.35}.about-side{display:grid;gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stats article{min-height:84px;display:flex;align-items:center;gap:10px;padding:12px 11px;background:#0d0d0f;border:1px solid #202024;border-radius:6px}.stats strong{color:var(--red);font-size:16px}.stats span{color:#c1bec1;font-size:9px;line-height:1.45}.contact-panel{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 25px;padding:19px 22px;background:linear-gradient(135deg,#0e0e10,#111113);border:1px solid #232327;border-radius:6px}.contact-panel .kicker{grid-column:1/-1;margin-bottom:2px}.contact-panel h2{margin:0;align-self:start}.contact-details{display:flex;gap:37px;align-items:end}.contact-details p{margin:0;color:#c3c0c3;font-size:10px}.contact-details small{display:block;color:#9c999c;margin-bottom:4px}.contact-details a{color:#e1dfe1;text-decoration:none}.contact-button{grid-row:2/4;grid-column:3;padding:11px 20px;white-space:nowrap}.portfolio{text-align:center;padding:58px 0 72px;border-top:1px solid #161619;margin-top:25px}.portfolio .kicker{justify-content:center}.portfolio h2{font-size:30px;margin-bottom:10px}.portfolio>p:not(.kicker){max-width:500px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 auto 19px}footer{border-top:1px solid #1b1b1e;color:#88858a;font:10px 'Roboto Mono',monospace}footer .container{min-height:64px;display:flex;align-items:center;justify-content:space-between}footer a{color:#cac7ca;text-decoration:none}
@media(max-width:1000px){.container{width:min(100% - 36px,760px)}.quote-link{margin-left:0}.hero-grid{grid-template-columns:46% 54%}.service-grid{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr 1fr}.about-side{grid-column:1/-1}.about-copy>p:not(.kicker){font-size:12px}.about-copy ul{font-size:11px}.about-image{min-height:270px}}
@media(max-width:700px){body.menu-open{overflow:hidden}.site-header{position:sticky}.nav-shell{height:66px;gap:12px}.brand img{width:155px;height:50px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:0;background:transparent;padding:0}.menu-toggle span{width:23px;height:2px;background:#fff;transition:.22s}.menu-toggle[aria-expanded='true'] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded='true'] span:last-child{transform:translateY(-7px) rotate(-45deg)}nav{display:none}.site-header.open nav{position:fixed;display:flex;flex-direction:column;align-items:flex-start;gap:24px;left:0;right:0;top:66px;min-height:calc(100dvh - 66px);padding:34px max(24px,calc((100% - 664px)/2));background:#080809;z-index:9}.site-header.open nav a{font-size:18px}.quote-link{display:none}.hero-grid{display:block;min-height:auto}.hero-copy{min-height:362px;padding:52px 0 35px}.hero-visual{min-height:265px;margin:0 -18px}.hero-shade{background:linear-gradient(0deg,#050505e8,transparent 60%),linear-gradient(90deg,#05050555,transparent)}.hero-logo{width:210px;left:calc(50% - 105px);top:6%;height:85%}h1{font-size:clamp(38px,11vw,52px)}.section{padding:52px 0}.services{padding-top:32px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{min-height:190px;padding:17px}.service-card h3{font-size:13px}.service-card p{font-size:10px}.about{grid-template-columns:1fr;gap:18px}.about-side{grid-column:auto}.about-copy>p:not(.kicker){font-size:12px}.about-copy ul{font-size:11px}.about-image{min-height:250px}.stats{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr;padding:21px}.contact-details{gap:23px}.contact-button{grid-row:auto;grid-column:auto;margin-top:12px;width:100%}.portfolio{padding:60px 0}.portfolio h2{font-size:26px}footer .container{min-height:60px}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.brand img{width:135px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.service-grid{grid-template-columns:1fr}.service-card{min-height:170px}.contact-details{flex-direction:column;gap:13px;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Atmosphere and enhanced contact experience */
body{min-height:100vh;background:#050505 url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1800&q=70') center top/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#030303eF 0%,#050505eB 34%,#050505F5 100%),radial-gradient(circle at 80% 18%,#8c09183b,transparent 31%);pointer-events:none}main,footer{position:relative}.hero{background:linear-gradient(90deg,#040404eB,#050505b3),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=80') center/cover}.services{position:relative}.services::before{content:"";position:absolute;inset:0 -6vw;background:radial-gradient(circle at 15% 15%,#7d071218,transparent 28%),linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;pointer-events:none}.services>*{position:relative}.about{position:relative}.about::before{content:"";position:absolute;inset:18px -5vw;background:linear-gradient(90deg,transparent,#d8081810 52%,transparent);pointer-events:none}.about>*{position:relative}.quote-link{font-family:inherit;background:transparent;cursor:pointer}.button{font-family:inherit;cursor:pointer}.contact-panel{grid-template-columns:1fr 1.3fr auto;align-items:center;gap:8px 25px;box-shadow:0 16px 42px #0006}.contact-panel h2{grid-column:1}.contact-details{grid-column:2}.contact-actions{grid-column:3;display:flex;gap:9px;align-items:center}.contact-actions .button{padding:11px 15px;gap:13px;white-space:nowrap}.whatsapp{border-color:#1c8e4f;background:#0a4327}.whatsapp b{color:#80edaa}.whatsapp:hover{background:#0e6338;border-color:#44c578}.quote-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#000c;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.quote-modal.open{opacity:1;visibility:visible}.quote-card{position:relative;width:min(690px,100%);padding:35px;background:linear-gradient(145deg,#161014,#0a0a0c 74%);border:1px solid #7b1a24;border-radius:10px;box-shadow:0 30px 90px #000;transform:translateY(18px);transition:transform .25s}.quote-modal.open .quote-card{transform:translateY(0)}.quote-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 100% 0,#d9081c28,transparent 38%);pointer-events:none}.quote-card>*{position:relative}.quote-card h2{font-size:31px;margin:0 0 8px}.quote-card>p:not(.kicker){max-width:480px;color:#b6b1b5;font-size:12px;line-height:1.7;margin-bottom:25px}.modal-close{position:absolute;right:14px;top:10px;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form label{display:grid;gap:7px;color:#ec8790;font:10px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.4px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #393035;border-radius:4px;background:#09090b;color:#fff;font:13px Manrope,Arial,sans-serif;padding:12px;outline:none;transition:.2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#df1a28;box-shadow:0 0 0 3px #d9081b1e}.quote-form textarea{min-height:96px;resize:vertical}.form-wide{grid-column:1/-1}.form-status{min-height:16px;margin:0;color:#9de7b7;font-size:11px}
@media(max-width:1000px){.contact-panel{grid-template-columns:1fr 1fr}.contact-panel .kicker{grid-column:1/-1}.contact-details{grid-column:2}.contact-actions{grid-column:1/-1;justify-content:flex-start;margin-top:8px}}
@media(max-width:700px){.contact-panel{grid-template-columns:1fr}.contact-panel h2,.contact-details,.contact-actions{grid-column:auto}.contact-details{align-items:flex-start}.contact-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.contact-actions .button{width:100%}.quote-modal{align-items:end;padding:0}.quote-card{width:100%;max-height:90dvh;overflow:auto;border-radius:12px 12px 0 0;padding:32px 21px 25px}.quote-form{grid-template-columns:1fr}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.form-wide{grid-column:auto}}
@media(max-width:390px){.contact-actions{grid-template-columns:1fr}.quote-card h2{font-size:27px}}

/* Visual service stories and expanded footer */
.service-card{overflow:hidden;isolation:isolate}.service-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#08080ab8 0%,#0a090be8 58%,#0b0b0df8 100%),radial-gradient(circle at 100% 0,#d608192b,transparent 56%);transition:background .25s}.service-card:hover::before{background:linear-gradient(180deg,#08080a83 0%,#0a090bd6 58%,#0b0b0df1 100%),radial-gradient(circle at 100% 0,#df0a1f4d,transparent 58%)}.service-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.6;filter:grayscale(.48) saturate(.9) contrast(1.12);transition:transform .5s ease,opacity .3s}.service-card:hover .service-bg{transform:scale(1.09);opacity:.83}.service-card>*:not(.service-bg){position:relative;z-index:2}.site-footer{margin-top:18px;padding-top:52px;background:linear-gradient(135deg,#0b080a,#060607 65%,#14080b);border-top:1px solid #3b151a;color:#aaa6aa}.site-footer::before{content:"";display:block;height:1px;margin-bottom:-1px;background:linear-gradient(90deg,transparent,#d80818,#fff3,#d80818,transparent)}.site-footer .footer-grid{display:grid;grid-template-columns:1.45fr .8fr 1fr 1.15fr;gap:42px;padding-bottom:42px}.site-footer h3{margin:8px 0 16px;color:#ef717b;font:700 10px 'Roboto Mono',monospace;letter-spacing:.7px;text-transform:uppercase}.site-footer .footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.site-footer a{color:#d2cdd0;text-decoration:none;font-size:11px;transition:color .2s}.site-footer a:hover{color:#fff}.footer-brand .brand img{width:190px;height:53px}.footer-brand p{max-width:290px;margin:14px 0 18px;color:#a7a2a6;font-size:12px;line-height:1.75}.footer-cta{color:#8de6ae!important;font-weight:700}.site-footer p{margin:0;color:#c5c0c3;font-size:11px;line-height:1.6}.availability{display:flex;align-items:center;gap:7px;margin-top:8px;color:#98e5b6;font:10px 'Roboto Mono',monospace}.availability i{width:7px;height:7px;border-radius:50%;background:#48d27c;box-shadow:0 0 10px #48d27c}.site-footer .footer-bottom{height:auto;min-height:58px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;color:#777277;font:9px 'Roboto Mono',monospace;letter-spacing:.45px}.site-footer .footer-bottom a{font:9px 'Roboto Mono',monospace;color:#d5c4c7}
@media(max-width:1000px){.site-footer .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:420px}}
@media(max-width:700px){.site-footer{padding-top:38px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:31px 22px;padding-bottom:32px}.footer-brand{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}.service-card::before{background:linear-gradient(180deg,#08080a91 0%,#0a090bdd 60%,#0b0b0df8 100%),radial-gradient(circle at 100% 0,#d608192b,transparent 56%)}}
@media(max-width:390px){.site-footer .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Solution details and sample feedback */
.service-more{margin-top:auto;padding:13px 0 0;border:0;background:transparent;color:#ff727c;font:700 10px Manrope,Arial,sans-serif;text-align:left;cursor:pointer}.service-more b{font-size:16px;font-weight:400;margin-left:5px;color:var(--red)}.feedback{padding-top:54px}.feedback>h2{font-size:27px}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feedback-grid article{min-height:210px;padding:23px;background:linear-gradient(145deg,#121013,#0b0b0d);border:1px solid #2e2024;border-radius:7px;box-shadow:inset 0 1px #ffffff0b}.feedback-grid article>div{margin-bottom:16px;color:#f04755;font-size:13px;letter-spacing:3px}.feedback-grid p{min-height:77px;color:#c6c0c3;font-size:12px;line-height:1.75;margin-bottom:18px}.feedback-grid strong{display:block;color:#f5f0f2;font-size:12px}.feedback-grid span{color:#8c8589;font-size:10px}.solution-modal{position:fixed;inset:0;z-index:32;display:grid;place-items:center;padding:24px;background:#000c;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.25s}.solution-modal.open{opacity:1;visibility:visible}.solution-card{position:relative;width:min(590px,100%);padding:36px;background:linear-gradient(145deg,#171014,#09090b 72%);border:1px solid #7d1b25;border-radius:10px;box-shadow:0 30px 90px #000;transform:translateY(18px);transition:transform .25s}.solution-modal.open .solution-card{transform:translateY(0)}.solution-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 100% 0,#e20a1e2d,transparent 38%);pointer-events:none}.solution-card>*{position:relative}.solution-card h2{font-size:31px;margin:0 0 9px}.solution-intro{max-width:500px;color:#c3bdc0;font-size:13px;line-height:1.75}.solution-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.solution-points div{padding:13px;border:1px solid #3c272c;border-radius:5px;background:#0a090b;color:#d8d1d4;font-size:11px;line-height:1.5}.solution-points div::before{content:'✓';color:#ef2836;margin-right:7px}.solution-close{position:absolute;right:14px;top:10px;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:700px){.feedback-grid{grid-template-columns:1fr}.feedback-grid article{min-height:0}.feedback-grid p{min-height:0}.solution-modal{align-items:end;padding:0}.solution-card{width:100%;max-height:88dvh;overflow:auto;padding:32px 21px 25px;border-radius:12px 12px 0 0}.solution-points{grid-template-columns:1fr}.solution-card h2{font-size:27px}.service-more{min-height:42px}}

/* Careers and brighter red atmosphere */
body::before{background:linear-gradient(180deg,#050506d9 0%,#080609d5 34%,#070708e8 100%),radial-gradient(circle at 80% 16%,#df0b2848,transparent 34%),radial-gradient(circle at 14% 56%,#a3082030,transparent 28%)}.hero{background:linear-gradient(90deg,#050505d8,#0d0508a0),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=80') center/cover}.service-card,.feedback-grid article{box-shadow:0 13px 34px #0005,inset 0 1px #ffffff12}.careers{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center;padding:70px 0;background:radial-gradient(circle at 4% 50%,#df0a1d24,transparent 32%),linear-gradient(90deg,#0d090b9c,#0b0b0db8);border-top:1px solid #70202a;border-bottom:1px solid #43151c}.careers-copy h2{font-size:clamp(32px,3vw,44px);line-height:1.07;margin-bottom:16px}.careers-copy>p:not(.kicker){max-width:420px;color:#c7c0c3;font-size:13px;line-height:1.8}.career-perks{display:grid;gap:10px;margin-top:23px;color:#eee7e9;font-size:12px}.career-perks span{display:flex;align-items:center;gap:8px}.career-perks span::first-letter{color:#ff3d4c}.career-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:27px;background:linear-gradient(145deg,#1b1014,#0c0b0d);border:1px solid #9c2731;border-radius:9px;box-shadow:0 20px 54px #0008,inset 0 1px #ffffff12}.career-form label{display:grid;gap:7px;color:#ffa2aa;font:10px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.45px}.career-form input,.career-form select,.career-form textarea{width:100%;border:1px solid #4c3439;border-radius:4px;background:#0a0a0c;color:#fff;font:13px Manrope,Arial,sans-serif;padding:12px;outline:none;transition:.2s}.career-form input:focus,.career-form select:focus,.career-form textarea:focus{border-color:#f12737;box-shadow:0 0 0 3px #ed0a1e24}.career-form textarea{min-height:98px;resize:vertical}.career-form small{color:#9c9396;font:9px Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0}.career-form .cv-input{padding:8px;background:#100d0f;font-size:11px}.career-wide{grid-column:1/-1}.career-status{min-height:17px;margin:0;color:#a8f4c6;font-size:11px;line-height:1.5}.careers+.feedback{padding-top:64px}
@media(max-width:1150px){nav{gap:20px}.quote-link{margin-left:10px}.nav-shell{gap:23px}.brand img{width:185px}}
@media(max-width:700px){.careers{grid-template-columns:1fr;gap:28px;padding:52px 0}.career-form{grid-template-columns:1fr;padding:21px}.career-form input,.career-form select,.career-form textarea{font-size:16px}.career-wide{grid-column:auto}}

/* Home hero slideshow */
.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:0;transform:scale(1.035);filter:saturate(.65) brightness(.55) contrast(1.12);transition:opacity .9s ease,transform 5.5s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-dots{position:absolute;z-index:3;right:24px;bottom:22px;display:flex;gap:8px}.hero-dots button{width:8px;height:8px;padding:0;border:1px solid #fff8;border-radius:50%;background:#fff3;cursor:pointer;transition:width .25s,background .25s,border-color .25s}.hero-dots button.active{width:25px;border-radius:9px;border-color:var(--red);background:var(--red);box-shadow:0 0 10px #e3091888}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}}@media(max-width:700px){.hero-dots{right:20px;bottom:17px}}

/* Animated service category slideshow */
.service-carousel{position:relative;padding:3px 54px 36px}.service-window{overflow:hidden;padding:15px 0 18px;scroll-behavior:smooth}.service-grid{display:flex!important;grid-template-columns:none!important;gap:18px}.service-card{flex:0 0 calc((100% - 36px)/3);min-height:228px;opacity:.58;transform:scale(.9);filter:saturate(.76) brightness(.76);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,border-color .35s,box-shadow .35s}.service-card.near-active{opacity:.78;transform:scale(.95);filter:saturate(.9) brightness(.88)}.service-card.active{opacity:1;transform:translateY(-10px) scale(1.02);filter:saturate(1.06) brightness(1);border-color:#d91c2b;box-shadow:0 20px 48px #0009,0 0 30px #e3091832,inset 0 1px #ffffff20}.service-card.active::before{background:linear-gradient(180deg,#08080a66 0%,#0a090bd3 58%,#0b0b0df4 100%),radial-gradient(circle at 100% 0,#df0a1f63,transparent 60%)}.service-card:hover{transform:translateY(-10px) scale(1.02)}.service-nav{position:absolute;top:42%;z-index:4;width:39px;height:39px;border:1px solid #7e151c;border-radius:50%;background:#09090bcc;color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 25px #0008;transition:background .25s,border-color .25s,transform .25s}.service-nav:hover{background:#e30918;border-color:#e30918;transform:translateY(-2px)}.service-prev{left:0}.service-next{right:0}.service-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px}.service-dots button{width:8px;height:8px;padding:0;border:1px solid #ffffff73;border-radius:999px;background:#ffffff24;cursor:pointer;transition:width .25s,background .25s,border-color .25s}.service-dots button.active{width:27px;border-color:var(--red);background:var(--red);box-shadow:0 0 12px #e3091880}@media(prefers-reduced-motion:reduce){.service-window{scroll-behavior:auto}.service-card{transition:none}}@media(max-width:1000px){.service-carousel{padding-inline:47px}.service-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:700px){.service-carousel{padding:0 42px 35px}.service-window{padding-top:12px}.service-card{flex-basis:100%;min-height:220px}.service-nav{top:44%;width:34px;height:34px;font-size:25px}.service-prev{left:1px}.service-next{right:1px}}@media(max-width:390px){.service-carousel{padding-inline:36px}.service-card{min-height:205px}}

/* Advanced interactive polish */
:root{--cyan:#40e7ff;--hot:#ff2134;--glass:#ffffff12}body{background:#09070a}.scroll-progress{position:fixed;left:0;top:0;z-index:60;width:0;height:3px;background:linear-gradient(90deg,var(--red),#ff7a85,var(--cyan));box-shadow:0 0 18px #ff3045}.cursor-glow{position:fixed;left:0;top:0;z-index:1;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ff253b26 0%,#40e7ff14 34%,transparent 68%);transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen;opacity:.85;transition:opacity .25s}body::before{background:linear-gradient(180deg,#151016d9 0%,#0b080dd0 35%,#08080beb 100%),radial-gradient(circle at 72% 10%,#ff2d4766,transparent 30%),radial-gradient(circle at 15% 38%,#40e7ff30,transparent 24%),radial-gradient(circle at 88% 74%,#ff304433,transparent 28%)}body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(180deg,#000,transparent 76%);pointer-events:none}.site-header{background:#0b080ccc;border-bottom-color:#ffffff1d;box-shadow:0 12px 40px #0008}.hero{background:linear-gradient(90deg,#100b10e8,#12070b99),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=80') center/cover}.hero-grid{min-height:470px}.hero-copy{padding-top:66px;padding-bottom:58px}.hero-copy h1{text-shadow:0 0 28px #e3091848}.hero-copy>p:not(.kicker){color:#ded6da}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-badges span{padding:8px 11px;border:1px solid #ffffff1f;border-radius:999px;background:linear-gradient(135deg,#ffffff14,#ffffff06);color:#f4eef1;font-size:10px;font-weight:800;box-shadow:inset 0 1px #ffffff22,0 8px 24px #0004}.hero-badges span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-visual{min-height:470px;border-left:1px solid #ffffff0f}.hero-slide{filter:saturate(.95) brightness(.8) contrast(1.08)}.hero-logo{filter:drop-shadow(0 18px 30px #000) drop-shadow(0 0 28px #ff233a5a)}.tech-strip{overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#16070c,#101015,#071014);box-shadow:inset 0 1px #ffffff0f}.tech-track{display:flex;width:max-content;gap:14px;padding:14px 0;animation:tech-marquee 22s linear infinite}.tech-track span{white-space:nowrap;padding:8px 18px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff0c;color:#f1e8ec;font:800 11px Manrope,Arial,sans-serif;letter-spacing:.2px;text-transform:uppercase}.tech-track span:nth-child(3n){color:#aef5ff;border-color:#40e7ff55}.services,.about,.feedback,.portfolio{position:relative}.services::after,.feedback::before,.portfolio::before{content:"";position:absolute;inset:10px -4vw;z-index:0;background:linear-gradient(120deg,transparent,#ffffff09,transparent);pointer-events:none}.section>*{position:relative;z-index:1}.service-card,.feedback-grid article,.stats article,.contact-panel,.about-image,.solution-card,.quote-card{backdrop-filter:blur(12px);box-shadow:0 18px 46px #0007,inset 0 1px #ffffff16}.service-card,.feedback-grid article,.stats article{will-change:transform}.feedback-grid article:hover,.stats article:hover{transform:translateY(-8px);border-color:#e53745;box-shadow:0 18px 44px #0008,0 0 30px #e3091828,inset 0 1px #ffffff20}.feedback-grid article,.stats article{transition:transform .28s,border-color .28s,box-shadow .28s}.contact-panel{background:linear-gradient(135deg,#181216,#101014 54%,#141b1f);border-color:#ffffff18}.button,.quote-link,.service-nav{position:relative;overflow:hidden}.button::after,.quote-link::after,.service-nav::after{content:"";position:absolute;inset:auto auto 0 50%;width:0;height:0;border-radius:50%;background:#ffffff30;transform:translate(-50%,50%);transition:width .35s,height .35s}.button:hover::after,.quote-link:hover::after,.service-nav:hover::after{width:220px;height:220px}.reveal-item{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal-item.is-visible{opacity:1;transform:translateY(0)}@keyframes tech-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.tech-track{animation:none}.cursor-glow{display:none}.reveal-item{opacity:1;transform:none}}@media(max-width:700px){.cursor-glow{display:none}.hero-grid{min-height:auto}.hero-badges{margin-top:16px}.hero-badges span{font-size:9px}.tech-track{animation-duration:18s}.tech-track span{padding:7px 13px;font-size:10px}.hero-visual{border-left:0;min-height:285px}}

.service-card{--service-transform:scale(.9);transform:var(--tilt,var(--service-transform))}.service-card.near-active{--service-transform:scale(.95)}.service-card.active{--service-transform:translateY(-10px) scale(1.02)}.service-card:hover{--service-transform:translateY(-10px) scale(1.02)}.feedback-grid article,.stats article{transform:var(--tilt,translateY(0))}.feedback-grid article:hover,.stats article:hover{transform:var(--tilt,translateY(-8px))}.hero-logo{transform:translate3d(var(--hero-x,0),var(--hero-y,0),0);transition:transform .18s ease-out}.hero-slide.active{transform:translate3d(var(--hero-bg-x,0),var(--hero-bg-y,0),0) scale(1.025)}

/* Expanded AI and contact details */
.ai-lab{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:stretch;padding-top:44px}.ai-copy{display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(145deg,#181015,#0b0d11 72%);box-shadow:0 18px 46px #0007,inset 0 1px #ffffff14}.ai-copy h2{font-size:31px;margin-bottom:12px}.ai-copy>p:not(.kicker){color:#d5cdd1;font-size:13px;line-height:1.8}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-grid article{position:relative;min-height:300px;overflow:hidden;border:1px solid #ffffff18;border-radius:9px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:#0d0d10;box-shadow:0 18px 46px #0007,inset 0 1px #ffffff14;transition:transform .3s,border-color .3s,box-shadow .3s}.ai-grid article:hover{transform:translateY(-8px);border-color:#40e7ff66;box-shadow:0 20px 52px #0009,0 0 34px #40e7ff22}.ai-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(1.05) brightness(.72);transition:transform .55s,opacity .3s}.ai-grid article:hover img{transform:scale(1.08);opacity:.86}.ai-grid article::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#05050930 0%,#08090add 67%,#070707 100%),radial-gradient(circle at 90% 0,#40e7ff3d,transparent 45%)}.ai-grid article>*:not(img){position:relative;z-index:2}.ai-grid span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:48px;border:1px solid #40e7ff6a;border-radius:50%;color:#b9f7ff;font:800 11px 'Roboto Mono',monospace;background:#071318cc;box-shadow:0 0 18px #40e7ff30}.ai-grid h3{font-size:16px;margin-bottom:8px}.ai-grid p{color:#d4cfd3;font-size:11px;line-height:1.7;margin:0}.contact-panel{align-items:start}.contact-intro{grid-column:1/-1;max-width:760px;color:#d6cfd3;font-size:12px;line-height:1.75;margin:0}.contact-details{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:12px;align-items:stretch}.contact-details p{padding:12px;border:1px solid #ffffff15;border-radius:7px;background:#ffffff08}.contact-details span{color:#e1dfe1}.contact-info-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}.contact-info-list span{padding:8px 11px;border:1px solid #40e7ff33;border-radius:999px;background:#40e7ff10;color:#dffbff;font-size:10px;font-weight:800}.contact-info-list span::before{content:"+";margin-right:6px;color:#40e7ff}@media(max-width:1000px){.ai-lab{grid-template-columns:1fr}.ai-grid{grid-template-columns:repeat(3,1fr)}.contact-details{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ai-lab{padding-top:34px}.ai-copy{padding:22px}.ai-copy h2{font-size:26px}.ai-grid{grid-template-columns:1fr}.ai-grid article{min-height:245px}.contact-details{grid-template-columns:1fr}.contact-info-list{display:grid;grid-template-columns:1fr}.contact-actions{grid-template-columns:1fr!important}}

.contact-panel .contact-details,.contact-panel .contact-actions{grid-column:1/-1}

/* Rich service detail popup */
.service-card{cursor:pointer}.service-card:focus-visible{outline:2px solid #40e7ff;outline-offset:3px}.solution-card-rich{width:min(980px,calc(100% - 30px));display:grid;grid-template-columns:.92fr 1.08fr;gap:0;padding:0;overflow:hidden}.solution-card-rich .solution-close{z-index:5}.solution-media{position:relative;min-height:430px;background:#050507}.solution-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) brightness(.82)}.solution-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#050507cf 100%),radial-gradient(circle at 20% 20%,#40e7ff42,transparent 34%)}.solution-metrics{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:flex;flex-wrap:wrap;gap:8px}.solution-metrics span{padding:8px 10px;border:1px solid #40e7ff66;border-radius:999px;background:#061318d9;color:#dffbff;font:800 10px 'Roboto Mono',monospace;text-transform:uppercase;box-shadow:0 0 16px #40e7ff22}.solution-body{padding:36px}.solution-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 4px}.solution-meta span{padding:11px;border:1px solid #ffffff17;border-radius:6px;background:#ffffff08;color:#d8d1d4;font-size:11px;line-height:1.5}.solution-card-rich .solution-points{margin-top:18px}.solution-card-rich .solution-points div{background:linear-gradient(145deg,#111216,#09090b);border-color:#ffffff16}.solution-card-rich .button{margin-top:4px}@media(max-width:800px){.solution-modal{align-items:end;padding:0}.solution-card-rich{width:100%;max-height:92dvh;grid-template-columns:1fr;overflow:auto;border-radius:14px 14px 0 0}.solution-media{min-height:230px}.solution-body{padding:28px 20px}.solution-meta{grid-template-columns:1fr}}

/* Customer feedback prompt */
.feedback-grid article small{display:block;margin-top:11px;color:#ef717b;font:700 9px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.45px}.feedback-prompt{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:22px;padding:25px;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(145deg,#171116,#0c0e12 72%);box-shadow:0 20px 52px #0007,inset 0 1px #ffffff14}.feedback-prompt h3{font-size:25px;margin-bottom:9px}.feedback-prompt>div>p:not(.kicker){color:#d6cfd3;font-size:12px;line-height:1.8}.feedback-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.feedback-form label{display:grid;gap:7px;color:#ec8790;font:10px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.4px}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border:1px solid #393035;border-radius:4px;background:#09090b;color:#fff;font:13px Manrope,Arial,sans-serif;padding:12px;outline:none;transition:.2s}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:#df1a28;box-shadow:0 0 0 3px #d9081b1e}.feedback-form textarea{min-height:96px;resize:vertical}.feedback-status{min-height:16px;margin:0;color:#9de7b7;font-size:11px}@media(max-width:900px){.feedback-prompt,.feedback-form{grid-template-columns:1fr}.feedback-form .form-wide{grid-column:auto}}

/* Bright multi-page layouts */
.page-hero{position:relative;overflow:hidden;border-bottom:1px solid #ffffff16;background:linear-gradient(135deg,#16090fdd,#07131ac7),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=80') center/cover}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,#40e7ff45,transparent 31%),radial-gradient(circle at 18% 70%,#ff30445c,transparent 33%);pointer-events:none}.page-hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center;min-height:470px;padding:72px 0}.page-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;max-width:760px}.page-hero p:not(.kicker){max-width:560px;color:#eee3e8;font-size:14px;line-height:1.8}.page-hero img{width:100%;height:360px;object-fit:cover;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 28px 80px #0009,0 0 44px #40e7ff24;filter:saturate(1.08) brightness(.88)}.page-hero-services{background-image:linear-gradient(135deg,#16090fdd,#07131ac7),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=80')}.page-hero-portfolio{background-image:linear-gradient(135deg,#16090fdd,#07131ac7),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=80')}.page-hero-contact{background-image:linear-gradient(135deg,#16090fdd,#07131ac7),url('https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1800&q=80')}.page-service-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.page-service-matrix article,.story-grid article,.timeline article,.contact-page-grid article,.contact-brief,.process-band,.portfolio-wall article{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(145deg,#171116,#0c0e12 72%);box-shadow:0 20px 52px #0007,inset 0 1px #ffffff14;transition:transform .28s,border-color .28s,box-shadow .28s}.page-service-matrix article:hover,.story-grid article:hover,.timeline article:hover,.contact-page-grid article:hover,.portfolio-wall article:hover{transform:translateY(-9px);border-color:#40e7ff68;box-shadow:0 24px 60px #0009,0 0 35px #40e7ff20}.page-service-matrix article{padding:23px}.page-service-matrix span,.timeline span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border:1px solid #40e7ff66;border-radius:50%;color:#bdf8ff;font:800 11px 'Roboto Mono',monospace;background:#071318cc}.page-service-matrix h2{font-size:19px}.page-service-matrix p,.story-grid p,.timeline p,.contact-page-grid p,.contact-brief li{color:#d6cfd3;font-size:12px;line-height:1.75}.page-service-matrix ul,.contact-brief ul{padding:0;margin:18px 0 0;list-style:none}.page-service-matrix li,.contact-brief li{margin-top:8px}.page-service-matrix li::before,.contact-brief li::before{content:"+";color:#40e7ff;margin-right:8px}.process-band{padding:27px}.process-band>div,.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.process-band article{padding:18px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08}.process-band strong,.timeline strong{display:block;color:#fff;margin-bottom:6px}.process-band span{color:#bfb7bc;font-size:11px;line-height:1.6}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-grid article{padding:30px}.timeline article{padding:24px}.portfolio-wall{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-wall article{min-height:360px}.portfolio-wall img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(1.03) brightness(.78);transition:transform .5s,opacity .3s}.portfolio-wall article:hover img{transform:scale(1.06);opacity:.92}.portfolio-wall article::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 0%,#08090bdd 63%,#060607 100%)}.portfolio-wall div{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}.portfolio-wall span{color:#8bf2ff;font:800 10px 'Roboto Mono',monospace;text-transform:uppercase}.portfolio-wall h2{font-size:25px;margin:7px 0}.portfolio-wall p{color:#ddd5d9;font-size:12px;line-height:1.7}.contact-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.contact-page-grid article{padding:23px}.contact-page-grid small{display:block;color:#ef717b;font:800 10px 'Roboto Mono',monospace;text-transform:uppercase;margin-bottom:12px}.contact-page-grid a,.contact-page-grid strong{display:block;color:#fff;text-decoration:none;font-size:16px;margin-bottom:11px}.contact-brief{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:start;padding:28px}.contact-brief h2{font-size:30px}@media(max-width:1000px){.page-hero-grid{grid-template-columns:1fr;min-height:0}.page-hero img{height:310px}.page-service-matrix,.contact-page-grid{grid-template-columns:repeat(2,1fr)}.process-band>div,.timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.page-hero-grid{padding:52px 0}.page-hero img{height:240px}.page-service-matrix,.story-grid,.timeline,.portfolio-wall,.contact-page-grid,.contact-brief{grid-template-columns:1fr}.process-band>div{grid-template-columns:1fr}.portfolio-wall article{min-height:310px}}

.page-service-showcase{position:relative;padding-left:58px;padding-right:58px}.page-service-showcase>h2{font-size:28px;margin-bottom:14px}.page-service-window{overflow:hidden;padding:16px 0 38px;scroll-behavior:smooth}.page-service-showcase .page-service-matrix{display:flex;gap:18px}.page-service-showcase .page-service-matrix article{flex:0 0 calc((100% - 36px)/3);min-height:270px;opacity:.55;transform:scale(.91);filter:saturate(.8) brightness(.82);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,border-color .35s,box-shadow .35s}.page-service-showcase .page-service-matrix article.active{opacity:1;transform:translateY(-10px) scale(1.02);filter:saturate(1.08) brightness(1);border-color:#40e7ff88;box-shadow:0 24px 60px #0009,0 0 35px #40e7ff2f,inset 0 1px #ffffff20}.page-service-showcase .page-service-matrix article.near-active{opacity:.78;transform:scale(.96)}.page-service-nav{position:absolute;top:50%;z-index:3;width:40px;height:40px;border:1px solid #40e7ff66;border-radius:50%;background:#071318dc;color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px #0008;transition:background .25s,border-color .25s,transform .25s}.page-service-nav:hover{background:#e30918;border-color:#e30918;transform:translateY(-2px)}.page-service-prev{left:0}.page-service-next{right:0}.page-service-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px}.page-service-dots button{width:8px;height:8px;padding:0;border:1px solid #ffffff73;border-radius:999px;background:#ffffff24;cursor:pointer;transition:width .25s,background .25s,border-color .25s}.page-service-dots button.active{width:28px;border-color:#40e7ff;background:#40e7ff;box-shadow:0 0 14px #40e7ff85}@media(max-width:1000px){.page-service-showcase .page-service-matrix article{flex-basis:calc((100% - 18px)/2)}}@media(max-width:700px){.page-service-showcase{padding-left:42px;padding-right:42px}.page-service-showcase .page-service-matrix article{flex-basis:100%;min-height:245px}.page-service-nav{width:34px;height:34px;font-size:25px}.page-service-window{padding-bottom:34px}}

/* Corrected slideshow control placement */
.service-carousel .service-nav{top:calc(50% + 8px);transform:translateY(-50%)}
.service-carousel .service-nav:hover{transform:translateY(calc(-50% - 2px))}
.page-service-showcase .page-service-nav{top:calc(50% + 36px);transform:translateY(-50%)}
.page-service-showcase .page-service-nav:hover{transform:translateY(calc(-50% - 2px))}
.page-service-showcase .page-service-prev{left:10px}
.page-service-showcase .page-service-next{right:10px}
@media(max-width:700px){
  .service-carousel .service-nav,
  .page-service-showcase .page-service-nav{top:calc(50% + 20px)}
  .service-carousel .service-prev{left:4px}
  .service-carousel .service-next{right:4px}
  .page-service-showcase .page-service-prev{left:5px}
  .page-service-showcase .page-service-next{right:5px}
}

/* Interactive AI image service menu */
.page-service-showcase{
  overflow:hidden;
  border:1px solid #ffffff18;
  border-radius:22px;
  background:
    radial-gradient(circle at 84% 10%,#40e7ff20,transparent 30%),
    radial-gradient(circle at 8% 90%,#e3091824,transparent 28%),
    linear-gradient(145deg,#100b10,#070b10);
  box-shadow:0 32px 90px #0009,inset 0 1px #ffffff12;
}
.page-service-showcase .page-service-window{
  padding-top:22px;
}
.page-service-showcase .page-service-matrix article[data-service]{
  min-height:410px;
  padding:20px;
  cursor:pointer;
  isolation:isolate;
  background:#07090c var(--service-image) center/cover no-repeat;
  box-shadow:0 22px 55px #000b,inset 0 1px #ffffff20;
}
.page-service-showcase .page-service-matrix article[data-service]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,#0204071a 0%,#07101789 42%,#050609fa 83%),
    radial-gradient(circle at 90% 8%,#40e7ff4f,transparent 34%),
    radial-gradient(circle at 10% 88%,#e3091845,transparent 38%);
  transition:background .35s;
}
.page-service-showcase .page-service-matrix article[data-service]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 25%,#ffffff22 48%,transparent 68%);
  transform:translateX(-115%);
  transition:transform .65s ease;
  pointer-events:none;
}
.page-service-showcase .page-service-matrix article[data-service]:hover::after,
.page-service-showcase .page-service-matrix article[data-service].active::after{
  transform:translateX(115%);
}
.page-service-showcase .page-service-matrix article[data-service]>span{
  width:48px;
  height:48px;
  margin:0;
  border-color:#8ff5ffb3;
  background:#06151dd9;
  color:#e9fdff;
  box-shadow:0 0 28px #40e7ff45,inset 0 1px #ffffff25;
}
.page-service-copy{
  position:absolute!important;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:2;
}
.page-service-copy small{
  display:block;
  margin-bottom:8px;
  color:#8ff5ff;
  font:800 9px 'Roboto Mono',monospace;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.page-service-showcase .page-service-copy h2{
  margin-bottom:8px;
  color:#fff;
  font-size:23px;
  text-shadow:0 3px 18px #000;
}
.page-service-showcase .page-service-copy p{
  margin-bottom:11px;
  color:#f3edf0;
  text-shadow:0 2px 12px #000;
}
.page-service-showcase .page-service-copy ul{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 14px;
}
.page-service-showcase .page-service-copy li{
  margin:0;
  padding:6px 8px;
  border:1px solid #ffffff28;
  border-radius:999px;
  background:#05090cb8;
  color:#e8faff;
  font-size:9px;
  backdrop-filter:blur(8px);
}
.page-service-showcase .page-service-copy li::before{display:none}
.page-service-showcase .page-service-copy .page-service-more{
  width:100%;
  height:auto;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 13px;
  border:1px solid #40e7ff6b;
  border-radius:10px;
  background:linear-gradient(90deg,#07151dd9,#1a0a11dc);
  color:#fff;
  font:800 10px Manrope,Arial,sans-serif;
  cursor:pointer;
  transition:background .25s,border-color .25s,transform .25s;
}
.page-service-showcase .page-service-copy .page-service-more b{color:#40e7ff;font-size:18px}
.page-service-showcase .page-service-copy .page-service-more:hover{
  border-color:#40e7ff;
  background:#0b2a34e8;
  transform:translateY(-2px);
}
.page-service-showcase .page-service-matrix article[data-service]:focus-visible{
  outline:2px solid #40e7ff;
  outline-offset:4px;
}
@media(max-width:700px){
  .page-service-showcase{border-radius:16px}
  .page-service-showcase .page-service-matrix article[data-service]{min-height:390px}
  .page-service-copy{left:17px;right:17px;bottom:17px}
}

/* Advanced home services redesign */
.services-main{
  width:min(1320px,calc(100% - 48px));
  margin:34px auto 14px;
  padding:34px 30px 42px;
  border:1px solid #ffffff1c;
  border-radius:20px;
  background:
    linear-gradient(135deg,#170b12df 0%,#0b1119d8 46%,#14070cdf 100%),
    url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=80') center/cover;
  box-shadow:0 30px 90px #0009,0 0 55px #40e7ff18,inset 0 1px #ffffff22;
  overflow:hidden;
}
.services-main::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 16%,#ff304653,transparent 28%),
    radial-gradient(circle at 82% 34%,#40e7ff45,transparent 30%),
    linear-gradient(90deg,#ffffff08 1px,transparent 1px),
    linear-gradient(#ffffff06 1px,transparent 1px);
  background-size:auto,auto,68px 68px,68px 68px;
  pointer-events:none;
}
.services-main::after{
  inset:0;
  background:linear-gradient(115deg,transparent 0%,#ffffff10 42%,transparent 68%);
  animation:service-sheen 6s ease-in-out infinite;
}
.services-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:17px;
}
.services-heading h2{
  margin-bottom:9px;
  font-size:clamp(28px,3.2vw,44px);
  letter-spacing:-.6px;
}
.services-heading p:not(.kicker){
  max-width:690px;
  color:#eee4e8;
  font-size:13px;
  line-height:1.75;
  margin:0;
}
.services-heading .button{
  flex:0 0 auto;
  border-color:#40e7ff66;
  background:#071318c7;
  box-shadow:0 16px 40px #0007,0 0 24px #40e7ff17;
}
.services-heading .button:hover{
  border-color:#40e7ff;
  background:#0c2a34;
}
.services-main .service-carousel{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.72fr);
  gap:24px;
  padding:6px 52px 34px;
  align-items:stretch;
}
.services-main .service-window{
  min-width:0;
  padding:24px 0 22px;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff0e,#ffffff05);
  border:1px solid #ffffff14;
  box-shadow:inset 0 1px #ffffff14,0 22px 48px #0005;
}
.services-main .service-grid{
  gap:20px;
  padding:0 4px;
}
.services-main .service-card{
  flex-basis:calc((100% - 40px)/3);
  min-height:320px;
  padding:22px;
  border-radius:18px;
  border-color:#ffffff24;
  background:#0d0f13;
  opacity:.5;
  filter:saturate(.72) brightness(.78);
  box-shadow:0 18px 42px #0008,inset 0 1px #ffffff15;
}
.services-main .service-card::before{
  background:
    linear-gradient(180deg,#06080b43 0%,#071016a8 42%,#06070bea 100%),
    radial-gradient(circle at 90% 5%,#40e7ff4f,transparent 35%),
    radial-gradient(circle at 10% 100%,#ff30464a,transparent 38%);
}
.services-main .service-card::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:1;
  border-radius:17px;
  border:1px solid #ffffff12;
  background:linear-gradient(145deg,#ffffff18,transparent 34%,#40e7ff12 100%);
  pointer-events:none;
}
.services-main .service-bg{
  opacity:.74;
  filter:saturate(1.12) brightness(.78) contrast(1.08);
}
.services-main .service-card:hover .service-bg,
.services-main .service-card.active .service-bg{
  opacity:.98;
  transform:scale(1.12);
  filter:saturate(1.28) brightness(.98) contrast(1.08);
}
.services-main .service-card.active{
  opacity:1;
  border-color:#40e7ffb5;
  filter:saturate(1.08) brightness(1.05);
  box-shadow:0 28px 70px #000c,0 0 42px #40e7ff36,0 0 28px #e309182e,inset 0 1px #ffffff2d;
}
.services-main .service-card.near-active{
  opacity:.78;
  filter:saturate(.95) brightness(.95);
}
.services-main .service-icon{
  width:50px;
  height:50px;
  margin-bottom:auto;
  border-color:#40e7ffaa;
  border-radius:15px;
  color:#eaffff;
  background:linear-gradient(145deg,#071720dd,#1c0b12d9);
  box-shadow:0 0 24px #40e7ff2d,inset 0 1px #ffffff24;
}
.services-main .service-card h3{
  margin-top:86px;
  font-size:21px;
  letter-spacing:-.2px;
  text-shadow:0 2px 18px #000;
}
.services-main .service-card p{
  color:#f4edf0;
  font-size:12px;
  line-height:1.65;
  text-shadow:0 1px 12px #000;
}
.service-more{
  position:relative;
  z-index:2;
  margin-top:18px;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid #ffffff2f;
  border-radius:999px;
  padding:9px 13px;
  background:#ffffff12;
  color:#fff;
  font:800 11px Manrope,Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:background .24s,border-color .24s,transform .24s,box-shadow .24s;
}
.service-more b{
  color:#40e7ff;
}
.service-more:hover{
  border-color:#40e7ff;
  background:#40e7ff22;
  transform:translateY(-2px);
  box-shadow:0 0 24px #40e7ff2a;
}
.services-main .service-nav{
  width:48px;
  height:48px;
  border-color:#ffffff35;
  background:linear-gradient(145deg,#101720e8,#240812de);
  box-shadow:0 18px 42px #0009,0 0 24px #40e7ff1e;
}
.services-main .service-nav:hover{
  border-color:#40e7ff;
  background:#0d2d36;
}
.services-main .service-prev{left:6px}
.services-main .service-next{right:6px}
.services-main .service-dots{
  grid-column:1;
  bottom:0;
}
.services-main .service-dots button{
  width:10px;
  height:10px;
  border-color:#40e7ff80;
  background:#071318;
}
.services-main .service-dots button.active{
  width:42px;
  background:linear-gradient(90deg,#e30918,#40e7ff);
  border-color:#fff9;
  box-shadow:0 0 18px #40e7ff8a;
}
.service-live-panel{
  position:relative;
  grid-column:2;
  grid-row:1 / span 2;
  min-height:100%;
  border:1px solid #ffffff22;
  border-radius:20px;
  overflow:hidden;
  background:
    linear-gradient(180deg,#071016d0,#09080be8),
    var(--live-bg);
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 70px #000a,inset 0 1px #ffffff23;
}
.service-live-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,#02030533 0%,#061017ac 48%,#050507f2 100%),
    radial-gradient(circle at 15% 15%,#40e7ff56,transparent 34%),
    radial-gradient(circle at 90% 85%,#e309184c,transparent 36%);
  z-index:1;
}
.service-live-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.2) brightness(.8);
  transform:scale(1.03);
  transition:background-image .3s ease,transform .7s ease;
}
.service-live-panel:hover .service-live-image{
  transform:scale(1.09);
}
.service-live-copy{
  position:absolute;
  inset:auto 22px 22px;
  z-index:2;
}
.service-live-count{
  display:inline-flex;
  margin-bottom:13px;
  padding:8px 10px;
  border:1px solid #40e7ff8a;
  border-radius:999px;
  background:#061318d9;
  color:#c9fbff;
  font:800 10px 'Roboto Mono',monospace;
  box-shadow:0 0 20px #40e7ff24;
}
.service-live-copy h3{
  font-size:31px;
  line-height:1.05;
  margin-bottom:11px;
}
.service-live-copy p{
  color:#f4ecef;
  font-size:12px;
  line-height:1.75;
  margin-bottom:16px;
}
.service-live-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:17px;
}
.service-live-tags span{
  padding:8px 10px;
  border:1px solid #ffffff24;
  border-radius:999px;
  background:#ffffff14;
  color:#eafcff;
  font:800 10px Manrope,Arial,sans-serif;
}
.service-live-action{
  width:100%;
  justify-content:space-between;
  border-radius:12px;
  padding:13px 16px;
  box-shadow:0 16px 34px #0006;
}
@keyframes service-sheen{
  0%,100%{opacity:.25;transform:translateX(-16%)}
  50%{opacity:.8;transform:translateX(16%)}
}
@media(max-width:1000px){
  .services-main .service-carousel{
    grid-template-columns:1fr;
  }
  .service-live-panel{
    grid-column:1;
    grid-row:auto;
    min-height:330px;
  }
  .services-main .service-card{
    flex-basis:calc((100% - 20px)/2);
  }
  .services-main .service-dots{
    grid-column:1;
  }
}
@media(max-width:700px){
  .services-main{
    width:calc(100% - 24px);
    padding:27px 14px 32px;
    border-radius:16px;
  }
  .services-heading{
    display:block;
  }
  .services-heading .button{
    margin-top:18px;
    width:100%;
  }
  .services-main .service-carousel{
    padding:0 39px 36px;
    gap:17px;
  }
  .services-main .service-window{
    padding:15px 0 18px;
    border-radius:14px;
  }
  .services-main .service-card{
    flex-basis:100%;
    min-height:310px;
    padding:19px;
  }
  .services-main .service-card h3{
    margin-top:94px;
    font-size:20px;
  }
  .service-live-panel{
    min-height:310px;
    border-radius:16px;
  }
  .service-live-copy{
    left:17px;
    right:17px;
    bottom:17px;
  }
  .service-live-copy h3{
    font-size:26px;
  }
}

/* Site-wide 3D interactive depth system */
:root{
  --scene-x:0px;
  --scene-y:0px;
  --depth-red:#ff2438;
  --depth-cyan:#45ecff;
}
html{
  background:#050508;
}
body{
  overflow-x:hidden;
  perspective:1400px;
}
body::before{
  transform:translate3d(calc(var(--scene-x) * -.22),calc(var(--scene-y) * -.22),0);
  transition:transform .18s ease-out;
}
body::after{
  transform:translate3d(calc(var(--scene-x) * .18),calc(var(--scene-y) * .18),0);
  opacity:.72;
}
main{
  transform-style:preserve-3d;
}
.site-header{
  transform:translateZ(60px);
  box-shadow:0 16px 48px #000b,0 1px #ffffff14 inset;
}
.brand img{
  filter:drop-shadow(0 14px 22px #000) drop-shadow(0 0 18px #e3091844);
}
nav a{
  position:relative;
}
nav a::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-12px;
  height:2px;
  background:linear-gradient(90deg,var(--depth-red),var(--depth-cyan));
  box-shadow:0 0 14px var(--depth-cyan);
  transition:left .24s,right .24s;
}
nav a:hover::after,
nav a.active::after{
  left:0;
  right:0;
}
.button,
.quote-link,
.service-more,
.menu-toggle{
  transform:translateZ(0);
  box-shadow:0 12px 28px #0006,0 0 0 #40e7ff00;
}
.button:hover,
.quote-link:hover,
.service-more:hover{
  transform:perspective(700px) translateY(-3px) translateZ(18px) rotateX(4deg);
  box-shadow:0 20px 42px #0008,0 0 25px #40e7ff24;
}
.hero,
.page-hero,
.services-main,
.ai-lab,
.careers,
.portfolio,
.feedback,
.about,
.page-service-showcase,
.process-band,
.contact-brief{
  transform-style:preserve-3d;
}
.hero-grid,
.page-hero-grid,
.services-heading,
.ai-copy,
.portfolio>p,
.feedback>h2,
.about-copy{
  transform:translateZ(28px);
}
.hero-visual,
.page-hero img{
  transform:perspective(1200px) rotateY(-5deg) translateZ(18px);
  box-shadow:0 36px 90px #000b,0 0 55px #e3091832,0 0 42px #40e7ff1d;
}
.hero-visual::after,
.page-hero::after,
.services-main .service-window::after,
.service-live-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,35%),#ffffff2d,transparent 34%);
  mix-blend-mode:screen;
  opacity:.7;
}
.service-card,
.feedback-grid article,
.stats article,
.page-service-matrix article,
.story-grid article,
.timeline article,
.contact-page-grid article,
.portfolio-wall article,
.process-band article,
.contact-panel,
.contact-brief,
.about-image,
.ai-grid article,
.career-form,
.service-live-panel{
  transform:var(--tilt,translateZ(0));
  transform-style:preserve-3d;
  border-color:#ffffff22;
  box-shadow:0 24px 64px #0009,0 0 32px #40e7ff14,inset 0 1px #ffffff1f;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;
}
.service-card:hover,
.feedback-grid article:hover,
.stats article:hover,
.page-service-matrix article:hover,
.story-grid article:hover,
.timeline article:hover,
.contact-page-grid article:hover,
.portfolio-wall article:hover,
.process-band article:hover,
.contact-panel:hover,
.contact-brief:hover,
.about-image:hover,
.ai-grid article:hover,
.career-form:hover,
.service-live-panel:hover{
  border-color:#45ecff8f;
  box-shadow:0 34px 90px #000c,0 0 44px #45ecff2d,0 0 38px #ff243825,inset 0 1px #ffffff2c;
}
.service-card>*:not(.service-bg),
.feedback-grid article>*,
.stats article>*,
.page-service-matrix article>*,
.story-grid article>*,
.timeline article>*,
.contact-page-grid article>*,
.process-band article>*,
.contact-panel>*,
.contact-brief>*,
.ai-grid article>*,
.career-form>*{
  transform:translateZ(24px);
}
.service-card::after,
.feedback-grid article::after,
.stats article::after,
.page-service-matrix article::after,
.story-grid article::after,
.timeline article::after,
.contact-page-grid article::after,
.process-band article::after,
.contact-panel::after,
.contact-brief::after,
.ai-grid article::after,
.career-form::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,30%),#ffffff2a,transparent 28%);
  opacity:0;
  transition:opacity .24s;
  mix-blend-mode:screen;
  z-index:2;
}
.service-card:hover::after,
.feedback-grid article:hover::after,
.stats article:hover::after,
.page-service-matrix article:hover::after,
.story-grid article:hover::after,
.timeline article:hover::after,
.contact-page-grid article:hover::after,
.process-band article:hover::after,
.contact-panel:hover::after,
.contact-brief:hover::after,
.ai-grid article:hover::after,
.career-form:hover::after{
  opacity:1;
}
.stats article,
.contact-page-grid article,
.timeline article{
  background:
    linear-gradient(145deg,#1a1218,#091017 72%),
    radial-gradient(circle at 80% 10%,#45ecff20,transparent 36%);
}
.page-hero h1,
.hero-copy h1,
.services-heading h2,
.section h2{
  text-shadow:0 8px 30px #000,0 0 24px #e309183d;
}
.kicker{
  filter:drop-shadow(0 0 12px #e3091870);
}
.portfolio-wall img,
.about-image>img,
.page-hero img,
.solution-image,
.service-bg{
  transform:translateZ(0) scale(1.01);
}
.portfolio-wall article:hover img,
.about-image:hover>img,
.page-hero img:hover,
.solution-card-rich:hover .solution-image{
  transform:translateZ(0) scale(1.08);
}
.quote-modal.open .quote-card,
.solution-modal.open .solution-card{
  transform:perspective(1300px) rotateX(2deg) translateZ(40px);
}
.floating-depth-orb{
  position:fixed;
  pointer-events:none;
  z-index:0;
  border-radius:999px;
  filter:blur(2px);
  opacity:.5;
}
main::before,
main::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  transform:translate3d(var(--scene-x),var(--scene-y),0);
}
main::before{
  width:180px;
  height:180px;
  left:4vw;
  top:22vh;
  background:radial-gradient(circle,#45ecff2e,transparent 67%);
  animation:float-depth-one 8s ease-in-out infinite;
}
main::after{
  width:250px;
  height:250px;
  right:5vw;
  top:58vh;
  background:radial-gradient(circle,#ff243827,transparent 70%);
  animation:float-depth-two 10s ease-in-out infinite;
}
@keyframes float-depth-one{
  0%,100%{translate:0 0}
  50%{translate:18px -26px}
}
@keyframes float-depth-two{
  0%,100%{translate:0 0}
  50%{translate:-22px 28px}
}
@media(max-width:900px){
  .hero-visual,
  .page-hero img{
    transform:translateZ(0);
  }
}
@media(max-width:700px){
  body{
    perspective:none;
  }
  .site-header,
  .hero-grid,
  .page-hero-grid,
  .services-heading,
  .ai-copy,
  .portfolio>p,
  .feedback>h2,
  .about-copy,
  .service-card>*:not(.service-bg),
  .feedback-grid article>*,
  .stats article>*,
  .page-service-matrix article>*,
  .story-grid article>*,
  .timeline article>*,
  .contact-page-grid article>*,
  .process-band article>*,
  .contact-panel>*,
  .contact-brief>*,
  .ai-grid article>*,
  .career-form>*{
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  body::before,
  body::after,
  main::before,
  main::after,
  .services-main::after{
    animation:none!important;
    transform:none!important;
  }
}

/* Preserve slideshow scaling while adding 3D tilt */
.service-card{transform:var(--tilt,var(--service-transform,translateZ(0)))}
.page-service-showcase .page-service-matrix article{--page-service-transform:scale(.91);transform:var(--tilt,var(--page-service-transform))}
.page-service-showcase .page-service-matrix article.active{--page-service-transform:translateY(-10px) scale(1.02)}
.page-service-showcase .page-service-matrix article.near-active{--page-service-transform:scale(.96)}

/* Performance pass: keep 3D effects scoped to components.
   A perspective on body creates a containing block for fixed-position
   dialogs, making service popups span the document instead of the viewport. */
body{
  perspective:none;
}
body::before,
body::after{
  transform:none!important;
}
main::before,
main::after{
  display:none;
}
.cursor-glow{
  width:260px;
  height:260px;
  opacity:.45;
  filter:none;
}
.service-card,
.feedback-grid article,
.stats article,
.page-service-matrix article,
.story-grid article,
.timeline article,
.contact-page-grid article,
.portfolio-wall article,
.process-band article,
.contact-panel,
.contact-brief,
.about-image,
.ai-grid article,
.career-form,
.service-live-panel{
  box-shadow:0 16px 38px #0008,0 0 18px #40e7ff10,inset 0 1px #ffffff18;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.service-card:hover,
.feedback-grid article:hover,
.stats article:hover,
.page-service-matrix article:hover,
.story-grid article:hover,
.timeline article:hover,
.contact-page-grid article:hover,
.portfolio-wall article:hover,
.process-band article:hover,
.contact-panel:hover,
.contact-brief:hover,
.about-image:hover,
.ai-grid article:hover,
.career-form:hover,
.service-live-panel:hover{
  box-shadow:0 22px 52px #000a,0 0 24px #45ecff22,inset 0 1px #ffffff22;
}
.service-card,
.service-live-panel,
.page-service-matrix article,
.portfolio-wall article,
.contact-panel,
.about-image{
  will-change:transform;
}
.feedback-grid article,
.stats article,
.story-grid article,
.timeline article,
.contact-page-grid article,
.process-band article,
.contact-brief,
.ai-grid article,
.career-form{
  will-change:auto;
  transform:none!important;
}
.service-card::after,
.feedback-grid article::after,
.stats article::after,
.page-service-matrix article::after,
.story-grid article::after,
.timeline article::after,
.contact-page-grid article::after,
.process-band article::after,
.contact-panel::after,
.contact-brief::after,
.ai-grid article::after,
.career-form::after{
  opacity:0!important;
}
.service-card:hover::after,
.page-service-matrix article:hover::after,
.contact-panel:hover::after{
  opacity:.35!important;
}
.service-card,
.feedback-grid article,
.stats article,
.contact-panel,
.about-image,
.solution-card,
.quote-card{
  backdrop-filter:none;
}
.hero-visual,
.page-hero img{
  transform:translateZ(0);
  box-shadow:0 24px 58px #0009,0 0 28px #e3091825;
}
.services-main::after{
  animation:none;
  opacity:.25;
}
.tech-track{
  animation-duration:34s;
}
.services-main .service-card.active{
  box-shadow:0 24px 56px #000b,0 0 28px #40e7ff2b,inset 0 1px #ffffff24;
}
.service-live-panel{
  box-shadow:0 22px 54px #000a,0 0 24px #40e7ff18,inset 0 1px #ffffff20;
}
.service-live-panel::after,
.hero-visual::after,
.page-hero::after,
.services-main .service-window::after{
  opacity:.28;
}
.portfolio-wall article:hover img,
.about-image:hover>img,
.page-hero img:hover,
.solution-card-rich:hover .solution-image,
.services-main .service-card:hover .service-bg,
.services-main .service-card.active .service-bg{
  transform:scale(1.045);
}
@media(max-width:900px){
  .cursor-glow,
  .hero-visual::after,
  .page-hero::after,
  .services-main .service-window::after,
  .service-live-panel::after{
    display:none;
  }
  .service-card,
  .service-live-panel,
  .page-service-matrix article,
  .portfolio-wall article,
  .contact-panel,
  .about-image{
    will-change:auto;
  }
}

/* Header and popup stability fixes */
.site-header{
  z-index:120;
  transform:none!important;
  isolation:isolate;
}
.nav-shell{
  position:relative;
  z-index:2;
}
.site-header.open{
  z-index:1300;
}
.site-header.open nav{
  z-index:1290;
}
.quote-modal,
.solution-modal{
  z-index:1400!important;
  transform:none!important;
  isolation:isolate;
}
.quote-modal.open,
.solution-modal.open{
  pointer-events:auto;
}
.quote-card,
.solution-card,
.solution-card-rich{
  transform:translateY(16px)!important;
}
.quote-modal.open .quote-card,
.solution-modal.open .solution-card,
.solution-modal.open .solution-card-rich{
  transform:translateY(0)!important;
}
.modal-close,
.solution-close{
  z-index:10;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ffffff10;
  transition:background .2s,transform .2s;
}
.modal-close:hover,
.solution-close:hover{
  background:#e30918;
  transform:scale(1.06);
}
@media(max-width:700px){
  .site-header.open nav{
    z-index:1290;
    box-shadow:0 24px 70px #000d;
  }
  .quote-modal,
  .solution-modal{
    z-index:1500!important;
  }
}

/* Rich rotating contact popup used across the complete site */
.quote-card-rich{
  width:min(1020px,calc(100% - 24px));
  height:min(760px,92dvh);
  max-height:min(760px,92dvh);
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  padding:0;
  overflow:hidden;
  border:1px solid #ffffff24;
  border-radius:22px;
  background:#08090c;
  box-shadow:0 38px 120px #000e,0 0 70px #40e7ff1d,inset 0 1px #ffffff25;
}
.quote-card-rich::before{display:none}
.quote-visual{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#05070a var(--quote-image) center/cover no-repeat;
  transition:background-image .55s ease;
  isolation:isolate;
}
.quote-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,#02040615 0%,#06101985 43%,#050609f5 100%),
    radial-gradient(circle at 18% 16%,#40e7ff5c,transparent 34%),
    radial-gradient(circle at 85% 88%,#e3091859,transparent 38%);
}
.quote-visual::after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:-1;
  background:linear-gradient(115deg,transparent 35%,#ffffff1f 48%,transparent 60%);
  animation:quote-light-sweep 6s ease-in-out infinite;
}
.quote-visual-copy{
  position:absolute;
  left:28px;
  right:28px;
  bottom:30px;
}
.quote-visual-label{
  display:inline-flex;
  margin-bottom:13px;
  padding:7px 10px;
  border:1px solid #40e7ff86;
  border-radius:999px;
  background:#06151dde;
  color:#bdf9ff;
  font:800 9px 'Roboto Mono',monospace;
  letter-spacing:.8px;
  box-shadow:0 0 22px #40e7ff2c;
}
.quote-visual h3{
  max-width:390px;
  margin:0 0 12px;
  font-size:clamp(26px,3vw,38px);
  line-height:1.08;
  text-shadow:0 4px 25px #000;
}
.quote-visual p{
  max-width:380px;
  margin:0 0 22px;
  color:#e9e3e6;
  font-size:12px;
  line-height:1.75;
  text-shadow:0 2px 16px #000;
}
.quote-visual-dots{display:flex;gap:7px}
.quote-visual-dots i{
  width:8px;
  height:8px;
  border:1px solid #ffffff70;
  border-radius:999px;
  background:#ffffff25;
  transition:width .3s,background .3s,border-color .3s;
}
.quote-visual-dots i.active{
  width:30px;
  border-color:#40e7ff;
  background:#40e7ff;
  box-shadow:0 0 14px #40e7ff9c;
}
.quote-content{
  position:relative;
  min-height:0;
  padding:34px 34px 28px;
  overflow:auto;
  background:
    radial-gradient(circle at 100% 0,#e309182e,transparent 33%),
    linear-gradient(145deg,#141016,#080a0d 75%);
}
.quote-content>p:not(.kicker){
  color:#cfc8cc;
  font-size:12px;
  line-height:1.7;
  margin-bottom:16px;
}
.quote-channels{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding:10px 12px;
  border:1px solid #ffffff18;
  border-radius:10px;
  background:#ffffff08;
}
.quote-channels>span{
  color:#bcb5b9;
  font-size:9px;
  line-height:1.5;
}
.quote-channels>span b{
  display:block;
  color:#80f0a8;
  font:800 8px 'Roboto Mono',monospace;
}
.quote-email-action{
  flex:0 0 auto;
  color:#dffbff;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}
.quote-email-action b{color:#40e7ff;font-size:14px}
.quote-card-rich .quote-form input,
.quote-card-rich .quote-form select,
.quote-card-rich .quote-form textarea{
  border-color:#ffffff20;
  border-radius:9px;
  background:#05070ac9;
}
.quote-card-rich .quote-form input:hover,
.quote-card-rich .quote-form select:hover,
.quote-card-rich .quote-form textarea:hover{border-color:#40e7ff5c}
.quote-card-rich .quote-form input:focus,
.quote-card-rich .quote-form select:focus,
.quote-card-rich .quote-form textarea:focus{
  border-color:#40e7ff;
  box-shadow:0 0 0 3px #40e7ff18,0 0 22px #40e7ff12;
}
.quote-card-rich .quote-form .button{
  position:sticky;
  bottom:0;
  z-index:4;
  border-radius:10px;
  background:linear-gradient(90deg,#d70719,#ff3043);
  box-shadow:0 14px 34px #b906153d,0 0 24px #e3091826;
}
.quote-card-rich .modal-close{
  right:16px;
  top:16px;
  z-index:20;
  border:1px solid #ffffff22;
  background:#05070ac7;
  backdrop-filter:blur(10px);
}
@keyframes quote-light-sweep{
  0%,100%{transform:translateX(-35%) rotate(5deg);opacity:.15}
  50%{transform:translateX(35%) rotate(5deg);opacity:.65}
}
@media(max-width:800px){
  .quote-card-rich{
    width:100%;
    height:auto;
    max-height:94dvh;
    grid-template-columns:1fr;
    border-radius:18px 18px 0 0;
    overflow:auto;
  }
  .quote-visual{min-height:220px}
  .quote-visual-copy{left:20px;right:60px;bottom:20px}
  .quote-visual h3{font-size:25px;margin-bottom:7px}
  .quote-visual p{display:none}
  .quote-content{padding:27px 20px 24px;overflow:visible}
  .quote-channels{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .quote-visual::after{animation:none}
}

/* Colorful interactive quote controls */
.quote-content .kicker{
  color:#ff5364;
  letter-spacing:1.2px;
}
.quote-content>h2{
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(30px,3.2vw,43px);
  font-weight:900;
  letter-spacing:-1.4px;
  background:linear-gradient(90deg,#fff 5%,#ffadb5 45%,#73efff 95%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 35px #e3091820;
}
.quote-choice-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin:0 0 18px;
}
.quote-choice-grid button{
  position:relative;
  min-width:0;
  min-height:83px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  padding:11px;
  overflow:hidden;
  border:1px solid #ffffff1e;
  border-radius:12px;
  background:linear-gradient(145deg,#ffffff0e,#05070ac7);
  color:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px #ffffff12,0 10px 26px #0005;
  transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;
}
.quote-choice-grid button::after{
  content:"";
  position:absolute;
  inset:auto -22px -30px auto;
  width:72px;
  height:72px;
  border-radius:50%;
  background:#40e7ff20;
  filter:blur(8px);
  transition:transform .3s,background .3s;
}
.quote-choice-grid button:nth-child(2)::after{background:#855cff35}
.quote-choice-grid button:nth-child(3)::after{background:#ff304541}
.quote-choice-grid button:nth-child(4)::after{background:#ffc2472e}
.quote-choice-grid button:hover{
  transform:translateY(-5px) scale(1.02);
  border-color:#40e7ff7d;
  background:linear-gradient(145deg,#10232c,#090a0e);
  box-shadow:0 15px 32px #0008,0 0 24px #40e7ff1e,inset 0 1px #ffffff20;
}
.quote-choice-grid button:hover::after{transform:scale(1.35)}
.quote-choice-grid button.active{
  transform:translateY(-4px);
  border-color:#40e7ff;
  background:linear-gradient(145deg,#12303b,#130a11);
  box-shadow:0 16px 36px #0009,0 0 27px #40e7ff35,inset 0 1px #ffffff2b;
}
.quote-choice-grid i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid #40e7ff75;
  border-radius:9px;
  background:#071820;
  color:#8bf4ff;
  font:900 9px 'Roboto Mono',monospace;
  font-style:normal;
  box-shadow:0 0 17px #40e7ff20;
}
.quote-choice-grid button:nth-child(2) i{border-color:#a883ff8c;color:#cbb9ff;background:#150f25}
.quote-choice-grid button:nth-child(3) i{border-color:#ff53648c;color:#ff9ba5;background:#250b11}
.quote-choice-grid button:nth-child(4) i{border-color:#ffc65780;color:#ffdb8d;background:#201707}
.quote-choice-grid span{position:relative;z-index:1;color:#8f898e;font-size:8px;line-height:1.35}
.quote-choice-grid span b{
  display:block;
  margin-bottom:2px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15px;
}
.quote-floating-cards{
  position:absolute;
  top:24px;
  left:22px;
  right:22px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.quote-floating-cards span{
  padding:10px 8px;
  border:1px solid #ffffff28;
  border-radius:10px;
  background:#04080bad;
  color:#d9d3d6;
  font-size:8px;
  line-height:1.35;
  text-align:center;
  backdrop-filter:blur(12px);
  box-shadow:0 9px 25px #0006,inset 0 1px #ffffff18;
  animation:quote-card-float 4s ease-in-out infinite;
}
.quote-floating-cards span:nth-child(2){animation-delay:-1.3s}
.quote-floating-cards span:nth-child(3){animation-delay:-2.6s}
.quote-floating-cards b{
  display:block;
  margin-bottom:2px;
  color:#7df2ff;
  font:900 13px Manrope,Arial,sans-serif;
}
.quote-floating-cards span:nth-child(2) b{color:#ff7380}
.quote-floating-cards span:nth-child(3) b{color:#ffd16f}
@keyframes quote-card-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@media(max-width:800px){
  .quote-floating-cards{display:none}
  .quote-choice-grid{grid-template-columns:repeat(2,1fr)}
  .quote-choice-grid button{min-height:74px}
}
@media(prefers-reduced-motion:reduce){
  .quote-floating-cards span{animation:none}
}

/* Live interactive project brief */
.quote-card-rich{--quote-mx:50%;--quote-my:50%}
.quote-card-rich::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:18;
  border-radius:inherit;
  background:radial-gradient(320px circle at var(--quote-mx) var(--quote-my),#ffffff12,transparent 68%);
  pointer-events:none;
}
.quote-progress{
  margin:-4px 48px 21px 0;
}
.quote-progress>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;
  color:#777177;
  font:800 8px 'Roboto Mono',monospace;
  letter-spacing:.8px;
}
.quote-progress b{color:#7defff;font-size:8px}
.quote-progress>i{
  display:block;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#ffffff0e;
  box-shadow:inset 0 1px 3px #0008;
}
.quote-progress em{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#e30918,#ff7e48,#40e7ff);
  box-shadow:0 0 16px #40e7ff8c;
  transition:width .4s cubic-bezier(.2,.8,.2,1);
}
.quote-timeline{
  grid-column:1/-1;
  display:grid;
  gap:8px;
}
.quote-timeline>span{
  color:#ec8790;
  font:800 10px 'Roboto Mono',monospace;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.quote-timeline>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quote-timeline button{
  padding:10px 8px;
  border:1px solid #ffffff1e;
  border-radius:9px;
  background:#ffffff08;
  color:#a9a3a7;
  font:800 9px Manrope,Arial,sans-serif;
  cursor:pointer;
  transition:transform .22s,color .22s,border-color .22s,background .22s,box-shadow .22s;
}
.quote-timeline button:hover{
  transform:translateY(-3px);
  color:#fff;
  border-color:#ff536477;
}
.quote-timeline button.active{
  color:#fff;
  border-color:#ff5364;
  background:linear-gradient(135deg,#e309183b,#40e7ff18);
  box-shadow:0 0 22px #e3091829,inset 0 1px #ffffff1e;
}
.quote-form label.form-wide{position:relative}
.quote-message-count{
  position:absolute;
  right:10px;
  bottom:8px;
  color:#777177;
  font:700 8px 'Roboto Mono',monospace;
  pointer-events:none;
}
.quote-card-rich .quote-form textarea{padding-bottom:25px}
.quote-live-summary{
  grid-column:1/-1;
  position:relative;
  display:grid;
  gap:4px;
  padding:12px 13px 12px 42px;
  overflow:hidden;
  border:1px solid #ffffff18;
  border-radius:11px;
  background:linear-gradient(120deg,#ffffff09,#40e7ff08);
  transition:border-color .3s,box-shadow .3s,transform .3s;
}
.quote-live-summary::before{
  content:"✦";
  position:absolute;
  left:13px;
  top:14px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:7px;
  background:#40e7ff18;
  color:#72f0ff;
  box-shadow:0 0 16px #40e7ff2b;
}
.quote-live-summary>span{
  color:#70ecfb;
  font:800 8px 'Roboto Mono',monospace;
  letter-spacing:.6px;
}
.quote-live-summary>span i{
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:5px;
  border-radius:50%;
  background:#68f09a;
  box-shadow:0 0 9px #68f09a;
  animation:quote-live-pulse 1.5s ease-in-out infinite;
}
.quote-live-summary strong{color:#fff;font-size:11px}
.quote-live-summary small{color:#878187;font-size:8px;line-height:1.45}
.quote-live-summary.ready{
  transform:translateY(-2px);
  border-color:#68f09a66;
  box-shadow:0 10px 28px #0006,0 0 24px #68f09a14;
}
.quote-form label:focus-within{
  color:#72efff;
  transform:translateY(-1px);
}
.quote-form label{transition:color .22s,transform .22s}
@keyframes quote-live-pulse{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:800px){
  .quote-progress{margin-right:45px}
  .quote-timeline>div{grid-template-columns:1fr}
  .quote-timeline button{padding:11px}
}
@media(prefers-reduced-motion:reduce){
  .quote-live-summary>span i{animation:none}
}

/* Detailed AI-image service popup */
.solution-card-rich{
  position:relative;
  max-height:92dvh;
  border-radius:22px;
  border-color:#ffffff28;
  background:
    radial-gradient(circle at 100% 0,#e3091833,transparent 34%),
    linear-gradient(145deg,#111116,#06080b 76%);
  box-shadow:0 40px 130px #000f,0 0 75px #40e7ff1e,inset 0 1px #ffffff26;
}
.solution-card-rich::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 20%,#ffffff0c 45%,transparent 70%);
  transform:translateX(-100%);
  animation:solution-popup-sheen 7s ease-in-out infinite;
  pointer-events:none;
}
.solution-card-rich .solution-media{
  min-height:640px;
  isolation:isolate;
}
.solution-card-rich .solution-media::before{
  content:"AI POWERED SOLUTION";
  position:absolute;
  left:18px;
  top:18px;
  z-index:4;
  padding:8px 11px;
  border:1px solid #40e7ff78;
  border-radius:999px;
  background:#041017c9;
  color:#aef8ff;
  font:900 8px 'Roboto Mono',monospace;
  letter-spacing:1px;
  box-shadow:0 0 24px #40e7ff2f;
  backdrop-filter:blur(10px);
}
.solution-card-rich .solution-media::after{
  z-index:1;
  background:
    linear-gradient(180deg,#0204070a 0%,#06111975 42%,#050609ee 100%),
    radial-gradient(circle at 18% 17%,#40e7ff52,transparent 34%),
    radial-gradient(circle at 86% 84%,#e3091852,transparent 38%),
    linear-gradient(90deg,#ffffff0a 1px,transparent 1px),
    linear-gradient(#ffffff08 1px,transparent 1px);
  background-size:auto,auto,auto,52px 52px,52px 52px;
}
.solution-card-rich .solution-image{
  transform:scale(1.04);
  filter:saturate(1.16) brightness(.82) contrast(1.08);
  transition:transform 1s ease,filter .5s;
}
.solution-card-rich:hover .solution-image{
  transform:scale(1.1);
  filter:saturate(1.28) brightness(.93) contrast(1.08);
}
.solution-card-rich .solution-metrics{
  z-index:3;
  bottom:24px;
}
.solution-card-rich .solution-metrics span{
  padding:10px 12px;
  background:#041017d9;
  backdrop-filter:blur(12px);
}
.solution-card-rich .solution-body{
  min-height:0;
  padding:31px 32px 27px;
  overflow:auto;
}
.solution-card-rich .solution-body>h2{
  margin-bottom:8px;
  font-size:clamp(30px,3vw,42px);
  font-weight:900;
  letter-spacing:-1.1px;
  background:linear-gradient(90deg,#fff,#ffabb4 48%,#78efff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.solution-card-rich .solution-intro{margin-bottom:0}
.solution-card-rich .solution-meta{
  gap:8px;
  margin:14px 0 0;
}
.solution-card-rich .solution-meta span{
  border-radius:10px;
  border-color:#ffffff1c;
  background:linear-gradient(145deg,#ffffff0d,#05070a);
}
.solution-card-rich .solution-points{
  gap:8px;
  margin:14px 0;
}
.solution-card-rich .solution-points div{
  padding:11px;
  border-radius:9px;
  transition:transform .22s,border-color .22s,background .22s;
}
.solution-card-rich .solution-points div:hover{
  transform:translateY(-3px);
  border-color:#40e7ff5f;
  background:linear-gradient(145deg,#11212a,#0b090d);
}
.solution-details{
  margin:14px 0 16px;
  padding:12px;
  border:1px solid #ffffff18;
  border-radius:14px;
  background:linear-gradient(145deg,#ffffff09,#05070ac9);
}
.solution-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-bottom:11px;
}
.solution-tabs button{
  padding:9px 6px;
  border:1px solid transparent;
  border-radius:8px;
  background:#ffffff08;
  color:#8f898e;
  font:900 9px Manrope,Arial,sans-serif;
  cursor:pointer;
  transition:color .22s,background .22s,border-color .22s,transform .22s;
}
.solution-tabs button:hover{color:#fff;transform:translateY(-2px)}
.solution-tabs button.active{
  color:#dffcff;
  border-color:#40e7ff65;
  background:linear-gradient(135deg,#40e7ff1c,#e3091818);
  box-shadow:0 0 20px #40e7ff15;
}
.solution-detail-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  min-height:88px;
}
.solution-detail-panel article{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid #ffffff13;
  border-radius:8px;
  background:#05070a9c;
  animation:solution-detail-in .28s ease both;
}
.solution-detail-panel article b{
  display:grid;
  place-items:center;
  flex:0 0 25px;
  width:25px;
  height:25px;
  border-radius:7px;
  background:#40e7ff12;
  color:#73edfb;
  font:900 8px 'Roboto Mono',monospace;
}
.solution-detail-panel article span{color:#d9d3d6;font-size:9px;line-height:1.45}
.solution-detail-panel .solution-outcome{
  grid-column:1/-1;
  display:block;
  padding:13px;
  border-color:#40e7ff2d;
  background:linear-gradient(135deg,#40e7ff0d,#e309180c);
}
.solution-outcome>span{display:block;margin-bottom:7px;color:#6cebf9!important;font:900 8px 'Roboto Mono',monospace!important;letter-spacing:.7px}
.solution-outcome p{margin:0;color:#e6e0e3;font-size:10px;line-height:1.65}
.solution-tech{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.solution-tech span{
  padding:7px 9px;
  border:1px solid #ff53643b;
  border-radius:999px;
  background:#e309180c;
  color:#ff9da6;
  font:800 8px 'Roboto Mono',monospace;
}
.solution-card-rich .solution-quote{
  width:100%;
  justify-content:space-between;
  border-radius:10px;
  background:linear-gradient(90deg,#d70719,#ff3043);
}
@keyframes solution-popup-sheen{0%,100%{transform:translateX(-110%);opacity:.1}50%{transform:translateX(110%);opacity:.55}}
@keyframes solution-detail-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  .solution-card-rich .solution-media{min-height:245px}
  .solution-card-rich .solution-body{padding:27px 20px}
  .solution-detail-panel{grid-template-columns:1fr}
  .solution-detail-panel .solution-outcome{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .solution-card-rich::after{animation:none}
  .solution-detail-panel article{animation:none}
}

/* Interactive How It Works journey */
.process-band{
  padding:34px;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0,#40e7ff20,transparent 30%),
    radial-gradient(circle at 4% 100%,#e3091828,transparent 34%),
    linear-gradient(145deg,#120b10,#070b10);
}
.process-heading{
  display:flex!important;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}
.process-heading h2{font-size:clamp(27px,3vw,42px);margin-bottom:8px}
.process-heading>div>p:last-child{max-width:650px;margin:0;color:#bdb6ba;font-size:12px;line-height:1.7}
.process-heading>span{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid #40e7ff4d;
  border-radius:999px;
  background:#40e7ff0d;
  color:#8bf4ff;
  font:800 9px 'Roboto Mono',monospace;
  text-transform:uppercase;
}
.process-band .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.process-grid article{
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:17px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #ffffff1c;
  border-radius:16px;
  background:#06080b var(--process-image) center/cover no-repeat;
  cursor:pointer;
  box-shadow:0 20px 48px #0008,inset 0 1px #ffffff18;
  transition:transform .35s,border-color .35s,box-shadow .35s;
}
.process-grid article::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,#03050718 0%,#06101891 45%,#050609fa 82%),radial-gradient(circle at 90% 5%,#40e7ff4a,transparent 33%);
  transition:background .35s;
}
.process-grid article::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,transparent 25%,#ffffff28 48%,transparent 65%);
  transform:translateX(-115%);
  transition:transform .7s ease;
}
.process-grid article:hover,
.process-grid article:focus-visible{
  transform:translateY(-10px) scale(1.02);
  border-color:#40e7ff82;
  box-shadow:0 30px 65px #000c,0 0 34px #40e7ff24,inset 0 1px #ffffff25;
  outline:none;
}
.process-grid article:hover::after,.process-grid article:focus-visible::after{transform:translateX(115%)}
.process-grid article>b{
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border:1px solid #40e7ff7d;
  border-radius:13px;
  background:#06151ddc;
  color:#aaf7ff;
  font:900 10px 'Roboto Mono',monospace;
  box-shadow:0 0 22px #40e7ff28;
}
.process-grid article>div{display:block}
.process-grid small{display:block;margin-bottom:7px;color:#7befff;font:900 8px 'Roboto Mono',monospace;letter-spacing:.7px}
.process-grid strong{font-size:25px;margin-bottom:8px;text-shadow:0 3px 20px #000}
.process-grid article span{display:block;min-height:58px;color:#e8e1e5;font-size:10px;line-height:1.6;text-shadow:0 2px 12px #000}
.process-grid em{
  display:flex;
  justify-content:space-between;
  margin-top:12px;
  padding:9px 11px;
  border:1px solid #ffffff22;
  border-radius:9px;
  background:#ffffff0d;
  color:#fff;
  font:800 9px Manrope,Arial,sans-serif;
  font-style:normal;
  backdrop-filter:blur(9px);
}
.process-modal{
  position:fixed;
  inset:0;
  z-index:1600;
  display:grid;
  place-items:center;
  padding:24px;
  background:#000d;
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s,visibility .28s;
}
.process-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.process-modal-card{
  position:relative;
  width:min(1060px,100%);
  height:min(680px,92dvh);
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  overflow:hidden;
  border:1px solid #ffffff28;
  border-radius:22px;
  background:#07090c;
  box-shadow:0 40px 130px #000f,0 0 75px #40e7ff20,inset 0 1px #ffffff25;
  transform:translateY(18px) scale(.98);
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.process-modal.open .process-modal-card{transform:none}
.process-modal-close{
  position:absolute;
  right:16px;
  top:16px;
  z-index:12;
  width:42px;
  height:42px;
  border:1px solid #ffffff25;
  border-radius:50%;
  background:#05070ac9;
  color:#fff;
  font-size:26px;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:background .2s,transform .2s;
}
.process-modal-close:hover{background:#e30918;transform:rotate(90deg)}
.process-modal-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px 28px 31px;
  isolation:isolate;
  background:#05070a var(--process-modal-image) center/cover no-repeat;
}
.process-modal-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,#02040713,#06111986 45%,#050609f5),radial-gradient(circle at 15% 15%,#40e7ff58,transparent 34%),linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);
  background-size:auto,auto,58px 58px,58px 58px;
}
.process-modal-number{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid #40e7ff8a;
  border-radius:17px;
  background:#06151dde;
  color:#c6fbff;
  font:900 14px 'Roboto Mono',monospace;
  box-shadow:0 0 28px #40e7ff35;
}
.process-modal-visual small{color:#80f1ff;font:900 9px 'Roboto Mono',monospace;letter-spacing:.8px}
.process-modal-visual h2{margin:9px 0 11px;font-size:clamp(42px,5vw,66px);line-height:.95;text-shadow:0 5px 30px #000}
.process-modal-tagline{max-width:410px;margin:0;color:#eee7ea;font-size:13px;line-height:1.7;text-shadow:0 2px 15px #000}
.process-modal-body{min-height:0;padding:34px 34px 28px;overflow:auto;background:radial-gradient(circle at 100% 0,#e309182e,transparent 34%),linear-gradient(145deg,#141016,#080a0d 76%)}
.process-slide-progress{margin:0 48px 20px 0}
.process-slide-progress>span{display:block;margin-bottom:8px;color:#777177;font:900 8px 'Roboto Mono',monospace;letter-spacing:.9px}
.process-slide-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.process-slide-dots button{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:8px;
  border:1px solid #ffffff16;
  border-radius:8px;
  background:#ffffff07;
  color:#777177;
  cursor:pointer;
  transition:transform .22s,border-color .22s,background .22s,color .22s,box-shadow .22s;
}
.process-slide-dots button::after{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  bottom:-5px;
  height:2px;
  border-radius:999px;
  background:#ffffff12;
}
.process-slide-dots button:hover{transform:translateY(-2px);color:#fff;border-color:#40e7ff50}
.process-slide-dots button.active{
  color:#fff;
  border-color:#40e7ff78;
  background:linear-gradient(135deg,#40e7ff17,#e3091814);
  box-shadow:0 0 20px #40e7ff14;
}
.process-slide-dots button.active::after{background:linear-gradient(90deg,#e30918,#40e7ff);box-shadow:0 0 10px #40e7ff78}
.process-slide-dots b{color:#6feaf8;font:900 8px 'Roboto Mono',monospace}
.process-slide-dots span{overflow:hidden;font:800 8px Manrope,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.process-modal-intro{color:#cfc8cc;font-size:12px;line-height:1.75}
.process-modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}
.process-modal-facts span{padding:10px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff08;color:#dcd6d9;font-size:9px;line-height:1.45}
.process-modal-body h3{font-size:17px;margin:19px 0 10px}
.process-modal-activities{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.process-modal-activities article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #ffffff14;border-radius:9px;background:#05070aa8;transition:transform .22s,border-color .22s}
.process-modal-activities article:hover{transform:translateY(-3px);border-color:#40e7ff52}
.process-modal-activities b{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#40e7ff12;color:#72edfb;font:900 8px 'Roboto Mono',monospace}
.process-modal-activities span{color:#ded8db;font-size:9px;line-height:1.45}
.process-modal-result{margin:15px 0;padding:13px;border:1px solid #68f09a40;border-radius:11px;background:linear-gradient(135deg,#68f09a0d,#40e7ff08)}
.process-modal-result>span{color:#68f09a;font:900 8px 'Roboto Mono',monospace;letter-spacing:.7px}
.process-modal-result strong{display:block;margin:5px 0;color:#fff;font-size:13px}
.process-modal-result p{margin:0;color:#aaa4a8;font-size:9px;line-height:1.55}
.process-slide-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 9px}
.process-slide-controls button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid #ffffff1c;
  border-radius:9px;
  background:#ffffff08;
  color:#a8a2a6;
  font:800 9px Manrope,Arial,sans-serif;
  cursor:pointer;
  transition:transform .22s,color .22s,border-color .22s,background .22s;
}
.process-slide-controls button:hover{transform:translateY(-3px);color:#fff;border-color:#40e7ff64;background:#40e7ff0e}
.process-slide-controls b{color:#65ebfa;font-size:15px}
.process-modal-action{width:100%;justify-content:space-between;border-radius:10px;background:linear-gradient(90deg,#d70719,#ff3043)}
.process-modal-card.slide-forward .process-modal-visual{animation:process-slide-right .38s ease both}
.process-modal-card.slide-forward .process-modal-body>*:not(.process-slide-progress){animation:process-content-right .34s ease both}
.process-modal-card.slide-backward .process-modal-visual{animation:process-slide-left .38s ease both}
.process-modal-card.slide-backward .process-modal-body>*:not(.process-slide-progress){animation:process-content-left .34s ease both}
@keyframes process-slide-right{from{opacity:.55;transform:translateX(18px) scale(1.015)}to{opacity:1;transform:none}}
@keyframes process-slide-left{from{opacity:.55;transform:translateX(-18px) scale(1.015)}to{opacity:1;transform:none}}
@keyframes process-content-right{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes process-content-left{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.process-band .process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .process-band{padding:24px 14px}
  .process-heading{display:block!important}
  .process-heading>span{display:inline-flex;margin-top:14px}
  .process-band .process-grid{grid-template-columns:1fr}
  .process-grid article{min-height:300px}
  .process-modal{align-items:end;padding:0}
  .process-modal-card{width:100%;height:auto;max-height:94dvh;grid-template-columns:1fr;border-radius:18px 18px 0 0;overflow:auto}
  .process-modal-visual{min-height:260px}
  .process-modal-body{padding:27px 20px;overflow:visible}
  .process-modal-facts,.process-modal-activities{grid-template-columns:1fr}
  .process-slide-progress{margin-right:45px}
  .process-slide-dots span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .process-modal-card.slide-forward .process-modal-visual,
  .process-modal-card.slide-forward .process-modal-body>*:not(.process-slide-progress),
  .process-modal-card.slide-backward .process-modal-visual,
  .process-modal-card.slide-backward .process-modal-body>*:not(.process-slide-progress){animation:none}
}

/* About mission and values — immersive 3D concept */
.story-grid-3d{
  perspective:1500px;
  gap:24px;
  padding-top:54px;
  padding-bottom:48px;
}
.story-grid-3d .story-card{
  --card-accent:#40e7ff;
  position:relative;
  min-height:610px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #ffffff24;
  border-radius:22px;
  background:#06080b var(--story-image) center/cover no-repeat;
  box-shadow:0 35px 90px #000b,0 0 48px #40e7ff18,inset 0 1px #ffffff25;
  transform-style:preserve-3d;
  transform:var(--tilt,rotateX(0) rotateY(0));
  transition:transform .18s ease-out,border-color .35s,box-shadow .35s;
}
.story-grid-3d .values-card{--card-accent:#ff4052;box-shadow:0 35px 90px #000b,0 0 48px #e3091818,inset 0 1px #ffffff25}
.story-grid-3d .story-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,#0305070d 0%,#071018aa 38%,#050609fa 72%),
    radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--card-accent) 38%,transparent),transparent 34%),
    linear-gradient(90deg,#ffffff08 1px,transparent 1px),
    linear-gradient(#ffffff07 1px,transparent 1px);
  background-size:auto,auto,58px 58px,58px 58px;
}
.story-grid-3d .story-card::after{
  content:"";
  position:absolute;
  inset:-25%;
  z-index:5;
  background:linear-gradient(115deg,transparent 35%,#ffffff25 49%,transparent 61%);
  transform:translateX(-75%) rotate(8deg);
  transition:transform .85s ease;
  pointer-events:none;
}
.story-grid-3d .story-card:hover{
  border-color:color-mix(in srgb,var(--card-accent) 72%,white 10%);
  box-shadow:0 45px 110px #000e,0 0 58px color-mix(in srgb,var(--card-accent) 30%,transparent),inset 0 1px #ffffff32;
}
.story-grid-3d .story-card:hover::after{transform:translateX(75%) rotate(8deg)}
.story-depth-layer{
  position:absolute!important;
  inset:0;
  z-index:0!important;
  transform:translateZ(20px);
  pointer-events:none;
}
.story-depth-layer>span{
  position:absolute;
  right:-8px;
  top:48px;
  color:#ffffff09;
  font:900 150px Manrope,Arial,sans-serif;
  line-height:.8;
  letter-spacing:-14px;
  text-shadow:0 0 55px color-mix(in srgb,var(--card-accent) 20%,transparent);
}
.story-depth-layer>i{
  position:absolute;
  right:38px;
  top:175px;
  width:120px;
  height:120px;
  border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);
  border-radius:28px;
  transform:rotate(35deg);
  box-shadow:0 0 45px color-mix(in srgb,var(--card-accent) 18%,transparent),inset 0 0 34px color-mix(in srgb,var(--card-accent) 10%,transparent);
  animation:story-orbit 8s ease-in-out infinite;
}
.story-content{
  position:absolute!important;
  left:0;
  right:0;
  bottom:0;
  z-index:3!important;
  padding:30px;
  transform:translateZ(48px);
}
.story-number{
  position:absolute;
  right:30px;
  top:-78px;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--card-accent);
  font:900 24px 'Roboto Mono',monospace;
  text-shadow:0 0 20px color-mix(in srgb,var(--card-accent) 50%,transparent);
}
.story-number small{
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);
  border-radius:999px;
  background:#05090cc7;
  color:#e9e4e7;
  font:800 8px 'Roboto Mono',monospace;
  letter-spacing:.7px;
  backdrop-filter:blur(10px);
}
.story-grid-3d .kicker{color:var(--card-accent)}
.story-grid-3d .kicker i{background:var(--card-accent);box-shadow:0 0 10px var(--card-accent)}
.story-grid-3d .story-card h2{
  max-width:540px;
  margin-bottom:11px;
  color:#fff;
  font-size:clamp(28px,3vw,40px);
  line-height:1.05;
  letter-spacing:-1px;
  text-shadow:0 4px 25px #000;
}
.story-grid-3d .story-content>p:not(.kicker){
  max-width:600px;
  margin-bottom:18px;
  color:#eee8eb;
  font-size:11px;
  line-height:1.72;
  text-shadow:0 2px 14px #000;
}
.story-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.story-pillars>span{
  min-height:82px;
  padding:11px;
  border:1px solid #ffffff1b;
  border-radius:10px;
  background:#05080bb8;
  color:#aaa4a8;
  font-size:8px;
  line-height:1.5;
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px #ffffff13;
  transition:transform .25s,border-color .25s,background .25s;
}
.story-pillars>span:hover{
  transform:translateY(-6px) translateZ(16px);
  border-color:color-mix(in srgb,var(--card-accent) 60%,transparent);
  background:#0b141acb;
}
.story-pillars b{display:block;margin-bottom:5px;color:#fff;font-size:10px}
.story-impact{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:11px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);
  border-radius:10px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent) 12%,transparent),#05070ab8);
}
.story-impact strong{flex:0 0 auto;color:var(--card-accent);font:900 8px 'Roboto Mono',monospace;text-transform:uppercase}
.story-impact p{margin:0;color:#ddd7da;font-size:8px;line-height:1.5}
@keyframes story-orbit{0%,100%{transform:rotate(35deg) translateY(0)}50%{transform:rotate(55deg) translateY(-15px)}}
@media(max-width:1000px){
  .story-grid-3d{grid-template-columns:1fr}
  .story-grid-3d .story-card{min-height:570px}
}
@media(max-width:700px){
  .story-grid-3d{padding-top:35px;gap:18px}
  .story-grid-3d .story-card{min-height:720px;border-radius:17px}
  .story-content{padding:22px}
  .story-number{right:22px;top:-72px}
  .story-pillars{grid-template-columns:1fr}
  .story-pillars>span{min-height:0}
  .story-impact{display:block}
  .story-impact strong{display:block;margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){.story-depth-layer>i{animation:none}}

/* About — Plan with Purpose interactive framework */
.about-method{padding-top:34px;padding-bottom:62px}
.method-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.method-heading h2{max-width:760px;font-size:clamp(30px,3.5vw,48px);letter-spacing:-1px;margin-bottom:9px}
.method-heading>div>p:last-child{max-width:680px;margin:0;color:#b9b3b7;font-size:12px;line-height:1.7}
.method-heading>span{flex:0 0 auto;padding:9px 12px;border:1px solid #40e7ff4d;border-radius:999px;background:#40e7ff0d;color:#85f1ff;font:800 9px 'Roboto Mono',monospace;text-transform:uppercase}
.method-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:17px;perspective:1400px}
.purpose-card{
  position:relative;
  min-height:610px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:24px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #ffffff26;
  border-radius:22px;
  background:#05070a var(--method-image) center/cover no-repeat;
  cursor:pointer;
  box-shadow:0 35px 95px #000c,0 0 55px #40e7ff1c,inset 0 1px #ffffff28;
  transform-style:preserve-3d;
  transition:transform .35s,border-color .35s,box-shadow .35s;
}
.purpose-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02040718 0%,#0711197d 40%,#050609f8 77%),radial-gradient(circle at 85% 8%,#40e7ff58,transparent 35%),linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,auto,58px 58px,58px 58px}
.purpose-card::after{content:"";position:absolute;inset:-20%;z-index:4;background:linear-gradient(115deg,transparent 35%,#ffffff26 49%,transparent 61%);transform:translateX(-80%) rotate(8deg);transition:transform .8s;pointer-events:none}
.purpose-card:hover,.purpose-card:focus-visible{transform:translateY(-10px) rotateX(1.5deg) rotateY(-1.5deg);border-color:#40e7ff88;box-shadow:0 48px 120px #000e,0 0 70px #40e7ff2a,inset 0 1px #ffffff35;outline:none}
.purpose-card:hover::after,.purpose-card:focus-visible::after{transform:translateX(80%) rotate(8deg)}
.purpose-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.purpose-top>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #40e7ff80;border-radius:15px;background:#06151dde;color:#b9f9ff;font:900 12px 'Roboto Mono',monospace;box-shadow:0 0 27px #40e7ff32}
.purpose-top small{padding:8px 10px;border:1px solid #ffffff25;border-radius:999px;background:#05080bbd;color:#dceff2;font:800 8px 'Roboto Mono',monospace;letter-spacing:.7px;backdrop-filter:blur(9px)}
.purpose-orbit{position:absolute;right:7%;top:10%;width:210px;height:210px;z-index:1;pointer-events:none;transform:translateZ(35px)}
.purpose-orbit i{position:absolute;inset:0;border:1px solid #40e7ff35;border-radius:50%;animation:purpose-spin 12s linear infinite}
.purpose-orbit i:nth-child(2){inset:28px;border-color:#ff405245;animation-direction:reverse;animation-duration:8s}
.purpose-orbit i::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#40e7ff;box-shadow:0 0 16px #40e7ff}
.purpose-orbit b{position:absolute;inset:56px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:35px;background:#06121986;color:#ffffff17;font:900 52px Manrope,Arial,sans-serif;transform:rotate(12deg);backdrop-filter:blur(5px)}
.purpose-copy{position:relative;z-index:3;max-width:760px;transform:translateZ(50px)}
.purpose-copy h2{max-width:680px;margin-bottom:12px;font-size:clamp(34px,4vw,56px);line-height:1.01;letter-spacing:-1.5px;text-shadow:0 5px 28px #000}
.purpose-copy>p:not(.kicker){max-width:670px;color:#ebe5e8;font-size:12px;line-height:1.75;text-shadow:0 2px 15px #000}
.purpose-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.purpose-tags span{padding:8px 10px;border:1px solid #40e7ff3f;border-radius:999px;background:#06151dbd;color:#c9faff;font:800 8px 'Roboto Mono',monospace;backdrop-filter:blur(8px)}
.purpose-copy button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #40e7ff62;border-radius:11px;background:linear-gradient(90deg,#071820dc,#19090fdb);color:#fff;font:900 10px Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s,transform .25s,border-color .25s}
.purpose-copy button:hover{transform:translateY(-3px);border-color:#40e7ff;background:#0a2933e8}.purpose-copy button b{color:#40e7ff;font-size:18px}
.method-support{display:grid;grid-template-rows:1fr 1fr;gap:17px}
.method-support article{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:22px;overflow:hidden;border:1px solid #ffffff1b;border-radius:18px;background:radial-gradient(circle at 100% 0,#e3091834,transparent 40%),linear-gradient(145deg,#171016,#080a0d);box-shadow:0 25px 62px #0008,inset 0 1px #ffffff1b;transition:transform .3s,border-color .3s,box-shadow .3s}
.method-support article:hover{transform:translateY(-7px) rotateY(2deg);border-color:#ff40526e;box-shadow:0 34px 75px #000b,0 0 35px #e309181d,inset 0 1px #ffffff25}
.method-support article>span{position:absolute;right:18px;top:15px;color:#ffffff10;font:900 67px Manrope,Arial,sans-serif}
.method-support small{color:#ff6f7c;font:900 8px 'Roboto Mono',monospace;letter-spacing:.6px}.method-support strong{display:block;margin:9px 0;font-size:23px}.method-support p{color:#aaa4a8;font-size:10px;line-height:1.65}.method-support article>div{display:flex;flex-wrap:wrap;gap:6px}.method-support article>div b{padding:6px 8px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff08;color:#ddd7da;font-size:8px}
.purpose-modal{position:fixed;inset:0;z-index:1650;display:grid;place-items:center;padding:24px;background:#000d;backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility .28s}
.purpose-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.purpose-modal-card{position:relative;width:min(1080px,100%);height:min(700px,92dvh);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid #ffffff28;border-radius:22px;background:#07090c;box-shadow:0 42px 140px #000f,0 0 80px #40e7ff22,inset 0 1px #ffffff27;transform:translateY(20px) scale(.98);transition:transform .3s}
.purpose-modal.open .purpose-modal-card{transform:none}
.purpose-modal-close{position:absolute;right:16px;top:16px;z-index:12;width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;background:#05070ac9;color:#fff;font-size:27px;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.purpose-modal-close:hover{background:#e30918;transform:rotate(90deg)}
.purpose-modal-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px 28px 33px;isolation:isolate;background:#05070a url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1500&q=85') center/cover no-repeat}
.purpose-modal-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02040717,#06111972 43%,#050609f5),radial-gradient(circle at 16% 14%,#40e7ff58,transparent 35%),linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,auto,56px 56px,56px 56px}
.purpose-modal-visual>span{align-self:flex-start;padding:9px 11px;border:1px solid #40e7ff79;border-radius:999px;background:#06151ddc;color:#baf8ff;font:900 8px 'Roboto Mono',monospace;box-shadow:0 0 24px #40e7ff2e}
.purpose-modal-visual small{color:#7ceefa;font:900 9px 'Roboto Mono',monospace;letter-spacing:.8px}.purpose-modal-visual h2{margin:9px 0 12px;font-size:clamp(42px,5vw,68px);line-height:.95;text-shadow:0 5px 32px #000}.purpose-modal-visual p{max-width:430px;margin:0;color:#ede7ea;font-size:13px;line-height:1.7;text-shadow:0 2px 15px #000}
.purpose-modal-body{min-height:0;padding:34px;overflow:auto;background:radial-gradient(circle at 100% 0,#e309182d,transparent 34%),linear-gradient(145deg,#141016,#080a0d 76%)}
.purpose-modal-body>h3{font-size:23px;line-height:1.2}.purpose-modal-intro{color:#c5bec2;font-size:11px;line-height:1.7}
.purpose-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.purpose-facts span{padding:10px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff08;color:#8e888d;font-size:8px;line-height:1.45}.purpose-facts b{display:block;margin-bottom:3px;color:#fff;font-size:10px}
.purpose-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0 10px}.purpose-tabs button{padding:10px 6px;border:1px solid transparent;border-radius:8px;background:#ffffff08;color:#898389;font:900 8px Manrope,Arial,sans-serif;cursor:pointer;transition:transform .22s,color .22s,border-color .22s,background .22s}.purpose-tabs button:hover{transform:translateY(-2px);color:#fff}.purpose-tabs button.active{color:#dffcff;border-color:#40e7ff68;background:linear-gradient(135deg,#40e7ff18,#e3091815)}
.purpose-panel{display:grid;grid-template-columns:1fr 1fr;gap:7px}.purpose-panel article{display:flex;gap:9px;padding:10px;border:1px solid #ffffff14;border-radius:9px;background:#05070aa3;animation:purpose-panel-in .28s ease both}.purpose-panel article>b{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#40e7ff12;color:#72edfb;font:900 8px 'Roboto Mono',monospace}.purpose-panel strong{display:block;color:#fff;font-size:9px}.purpose-panel p{margin:4px 0 0;color:#918b90;font-size:8px;line-height:1.5}
.purpose-decision{margin:13px 0;padding:12px;border:1px solid #68f09a3b;border-radius:10px;background:linear-gradient(135deg,#68f09a0c,#40e7ff07)}.purpose-decision>span{color:#68f09a;font:900 8px 'Roboto Mono',monospace;letter-spacing:.6px}.purpose-decision strong{display:block;margin:5px 0;color:#fff;font-size:11px}.purpose-decision p{margin:0;color:#979196;font-size:8px;line-height:1.5}.purpose-modal-action{width:100%;justify-content:space-between;border-radius:10px;background:linear-gradient(90deg,#d70719,#ff3043)}
@keyframes purpose-spin{to{transform:rotate(360deg)}}@keyframes purpose-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.method-grid{grid-template-columns:1fr}.method-support{grid-template-columns:1fr 1fr;grid-template-rows:auto}.purpose-card{min-height:590px}}
@media(max-width:700px){.method-heading{display:block}.method-heading>span{display:inline-flex;margin-top:14px}.purpose-card{min-height:680px;padding:18px}.purpose-copy h2{font-size:34px}.purpose-orbit{width:150px;height:150px}.method-support{grid-template-columns:1fr}.purpose-modal{align-items:end;padding:0}.purpose-modal-card{width:100%;height:auto;max-height:94dvh;grid-template-columns:1fr;border-radius:18px 18px 0 0;overflow:auto}.purpose-modal-visual{min-height:265px}.purpose-modal-body{padding:27px 20px;overflow:visible}.purpose-facts,.purpose-panel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.purpose-orbit i{animation:none}.purpose-panel article{animation:none}}

/* Shared advanced 3D header and footer */
html,body{overflow-x:clip}
.site-header{
  --scene-rx:0deg;--scene-ry:0deg;--scene-x:50%;--scene-y:50%;
  isolation:isolate;perspective:1100px;
  background:linear-gradient(180deg,#080b11e8,#05070acc);
  border-bottom:1px solid #ffffff12;
  box-shadow:0 12px 38px #0005,inset 0 -1px #40e7ff0d;
  transition:background .35s,box-shadow .35s,border-color .35s;
}
.site-header.is-scrolled{background:linear-gradient(180deg,#070a0ff5,#040609ed);border-bottom-color:#40e7ff26;box-shadow:0 17px 55px #000a,0 1px 25px #40e7ff0c,inset 0 -1px #ffffff0d}
.site-header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(320px circle at var(--scene-x) var(--scene-y),#40e7ff16,transparent 70%)}
.site-header .nav-shell{position:relative;z-index:3;transform-style:preserve-3d}
.header-3d-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;transform-style:preserve-3d;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .18s ease-out}
.header-3d-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 9%,#ffffff0b 10%,transparent 11% 89%,#ffffff08 90%,transparent 91%),linear-gradient(90deg,transparent,#40e7ff0b 45%,#e309180a 65%,transparent);background-size:190px 100%,100% 100%;mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}
.header-orbit{position:absolute;top:-63px;width:150px;height:150px;border:1px solid #40e7ff33;border-radius:50%;transform-style:preserve-3d;animation:header-orbit 13s linear infinite}
.header-orbit::before,.header-orbit::after{content:"";position:absolute;inset:18px;border:1px dashed #ffffff1f;border-radius:50%;transform:rotateX(65deg)}
.header-orbit::after{inset:40px;border-style:solid;border-color:#e309183f;transform:rotateY(68deg)}
.header-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#6cf2ff;box-shadow:0 0 15px #40e7ff}
.orbit-one{left:10%}.orbit-two{right:12%;border-color:#e3091838;animation-direction:reverse;animation-duration:16s;scale:.82}.orbit-two i{background:#ff4052;box-shadow:0 0 15px #e30918}
.header-core{position:absolute;left:50%;top:50%;width:44px;height:44px;opacity:.58;transform:translate(-50%,-50%) rotate(45deg);transform-style:preserve-3d;animation:header-core 7s ease-in-out infinite}
.header-core i{position:absolute;inset:0;border:1px solid #ffffff22;border-radius:8px;background:#40e7ff08;box-shadow:inset 0 0 17px #40e7ff16}.header-core i:nth-child(2){transform:translateZ(15px)}.header-core i:nth-child(3){transform:translateZ(-15px)}
.header-scan{position:absolute;left:-20%;bottom:0;width:18%;height:1px;background:linear-gradient(90deg,transparent,#7af4ff,transparent);box-shadow:0 0 12px #40e7ff;animation:header-scan 6s linear infinite}
.site-header .brand{transform-style:preserve-3d;transition:transform .3s,filter .3s}.site-header .brand:hover{transform:translateY(-2px) rotateX(5deg) rotateY(-5deg);filter:drop-shadow(0 7px 13px #40e7ff35)}
.site-header nav a{position:relative;border:1px solid transparent;border-radius:9px;transition:transform .22s,color .22s,background .22s,border-color .22s,box-shadow .22s}
.site-header nav a::before{content:"";position:absolute;left:18%;right:18%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#63efff,transparent);transform:scaleX(0);transition:transform .25s}
.site-header nav a:hover{transform:translateY(-3px);color:#fff;background:#ffffff08;border-color:#ffffff12;box-shadow:0 8px 20px #0006}.site-header nav a:hover::before{transform:scaleX(1)}
.site-header .quote-link{position:relative;overflow:hidden;box-shadow:0 8px 28px #e309182b,inset 0 1px #ffffff2b;transition:transform .25s,box-shadow .25s}.site-header .quote-link::after{content:"";position:absolute;inset:-70% -25%;background:linear-gradient(105deg,transparent 40%,#ffffff47 50%,transparent 60%);transform:translateX(-75%);transition:transform .65s}.site-header .quote-link:hover{transform:translateY(-4px) rotateX(5deg);box-shadow:0 15px 36px #e3091842,0 0 24px #e3091826,inset 0 1px #ffffff36}.site-header .quote-link:hover::after{transform:translateX(75%)}

.site-footer{--scene-rx:0deg;--scene-ry:0deg;--scene-x:50%;--scene-y:50%;position:relative;isolation:isolate;overflow:hidden;perspective:1300px;border-top:1px solid #40e7ff24;background:radial-gradient(circle at 82% 25%,#102733 0,transparent 30%),radial-gradient(circle at 12% 75%,#3a0a111f 0,transparent 32%),linear-gradient(155deg,#080b11,#030407 72%);box-shadow:0 -28px 80px #0009,inset 0 1px #ffffff0c}
.site-footer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(430px circle at var(--scene-x) var(--scene-y),#40e7ff12,transparent 68%)}
.site-footer .footer-grid,.site-footer .footer-bottom{position:relative;z-index:3}
.footer-3d-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;transform-style:preserve-3d;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .22s ease-out}
.footer-grid-plane{position:absolute;left:-10%;right:-10%;bottom:-48%;height:90%;opacity:.42;background:linear-gradient(90deg,#40e7ff1a 1px,transparent 1px),linear-gradient(#40e7ff15 1px,transparent 1px);background-size:52px 52px;transform:perspective(480px) rotateX(67deg);mask-image:linear-gradient(transparent,#000 35%,transparent 92%)}
.footer-orb{position:absolute;right:8%;top:9%;width:180px;height:180px;border:1px solid #40e7ff2e;border-radius:50%;transform-style:preserve-3d;animation:footer-float 7s ease-in-out infinite}.footer-orb::before,.footer-orb::after,.footer-orb i{content:"";position:absolute;inset:18px;border:1px solid #ffffff1e;border-radius:50%;transform:rotateX(68deg);animation:footer-ring 11s linear infinite}.footer-orb::after{inset:37px;border-color:#e3091844;transform:rotateY(67deg);animation-direction:reverse;animation-duration:8s}.footer-orb i:nth-child(1){inset:58px;background:radial-gradient(circle at 35% 30%,#8af5ff,#117a8b 35%,#061219 70%);border:0;box-shadow:0 0 40px #40e7ff4f,inset -15px -14px 23px #000b;animation:none}.footer-orb i:nth-child(2){inset:-11px;border-style:dashed;border-color:#40e7ff26;transform:rotate(18deg);animation-duration:18s}.footer-orb b{position:absolute;inset:0;display:grid;place-items:center;color:#e8fdff;font:900 16px 'Roboto Mono',monospace;text-shadow:0 0 15px #fff;transform:translateZ(22px)}
.footer-beam{position:absolute;right:calc(8% + 89px);top:29%;width:1px;height:62%;background:linear-gradient(#40e7ff9c,transparent);box-shadow:0 0 13px #40e7ff;opacity:.55}
.footer-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#6af0ff;box-shadow:0 0 14px #40e7ff;animation:footer-particle 6s ease-in-out infinite}.p-one{left:9%;top:25%}.p-two{left:51%;top:15%;animation-delay:-2s;background:#ff4052;box-shadow:0 0 14px #e30918}.p-three{right:31%;bottom:22%;animation-delay:-4s}
.footer-grid>div{padding:18px;border:1px solid transparent;border-radius:16px;transform-style:preserve-3d;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.footer-grid>div:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);border-color:#ffffff18;background:linear-gradient(145deg,#ffffff0a,#40e7ff06);box-shadow:0 22px 50px #0008,inset 0 1px #ffffff12}
.footer-grid h3{position:relative;display:inline-block}.footer-grid h3::after{content:"";position:absolute;left:0;right:35%;bottom:-7px;height:1px;background:linear-gradient(90deg,#e30918,#40e7ff,transparent)}
.footer-grid>div:not(.footer-brand)>a{position:relative;transition:padding-left .22s,color .22s,text-shadow .22s}.footer-grid>div:not(.footer-brand)>a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:#40e7ff;box-shadow:0 0 7px #40e7ff;transition:width .22s}.footer-grid>div:not(.footer-brand)>a:hover{padding-left:14px;color:#fff;text-shadow:0 0 13px #40e7ff45}.footer-grid>div:not(.footer-brand)>a:hover::before{width:8px}
.footer-brand .brand{display:inline-block;transition:transform .3s,filter .3s}.footer-brand .brand:hover{transform:translateZ(25px) rotateY(-6deg) translateY(-3px);filter:drop-shadow(0 12px 22px #40e7ff38)}
.footer-bottom{border-top-color:#ffffff13}.footer-bottom::before{content:"SYSTEM ONLINE  /  SECURE DIGITAL DELIVERY";position:absolute;left:50%;top:-10px;transform:translateX(-50%);padding:4px 9px;border:1px solid #40e7ff33;border-radius:999px;background:#05080b;color:#61eafa;font:700 6px 'Roboto Mono',monospace;letter-spacing:1px;white-space:nowrap;box-shadow:0 0 19px #40e7ff13}
@keyframes header-orbit{to{transform:rotate(360deg)}}@keyframes header-core{0%,100%{transform:translate(-50%,-50%) rotate(45deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(225deg) translateY(-5px)}}@keyframes header-scan{to{left:110%}}@keyframes footer-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(5deg)}}@keyframes footer-ring{to{rotate:360deg}}@keyframes footer-particle{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-28px);opacity:1}}
@media(max-width:900px){.footer-orb{right:-45px;opacity:.58}.footer-grid>div{padding:14px}.header-orbit{opacity:.6}}
@media(max-width:700px){.header-core,.orbit-two{display:none}.orbit-one{left:auto;right:-38px;opacity:.42}.site-header nav a:hover{transform:none}.footer-orb{width:130px;height:130px;right:-54px;top:4%;opacity:.36}.footer-grid-plane{bottom:-22%;height:60%}.footer-grid>div{padding:12px}.footer-grid>div:hover{transform:translateY(-3px)}.footer-bottom::before{font-size:5px;letter-spacing:.5px}.footer-beam{display:none}}
@media(prefers-reduced-motion:reduce){.header-orbit,.header-core,.header-scan,.footer-orb,.footer-orb::before,.footer-orb::after,.footer-orb i,.footer-particle{animation:none}.header-3d-scene,.footer-3d-scene{transition:none}}

/* About method — animated 3D execution cards */
.method-support article{--method-accent:#45e9ff;min-height:296px;isolation:isolate;perspective:900px;transform:var(--tilt,translateY(0));transform-style:preserve-3d;overflow:hidden}
.method-support article:hover{transform:var(--tilt,translateY(-7px));border-color:color-mix(in srgb,var(--method-accent) 60%,transparent);box-shadow:0 34px 82px #000c,0 0 48px color-mix(in srgb,var(--method-accent) 18%,transparent),inset 0 1px #ffffff2d}
.method-support .improve-card{--method-accent:#8cf59e;background:radial-gradient(circle at 75% 28%,#68f09a25,transparent 37%),linear-gradient(145deg,#101916,#080a0d)}
.method-support article>small,.method-support article>strong,.method-support article>p,.method-support article>div:not(.method-3d),.method-support article>span{position:relative;z-index:4;transform:translateZ(34px)}
.method-support article>span{z-index:1;transform:translateZ(5px)}
.method-support article>strong{font-size:25px;text-shadow:0 8px 24px #000}
.method-support article>p{max-width:90%;color:#cbc6c9}
.method-3d{position:absolute;inset:0;z-index:0;pointer-events:none;transform-style:preserve-3d;transform:translateZ(18px);transition:transform .35s}
.method-support article:hover .method-3d{transform:translateZ(35px) scale(1.03)}
.method-3d::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000,transparent 82%)}
.method-3d>small{position:absolute;right:16px;top:15px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--method-accent) 35%,transparent);border-radius:999px;background:#05080bbd;color:var(--method-accent);font:800 6px 'Roboto Mono',monospace;letter-spacing:.45px;opacity:.78}
.build-cube{position:absolute;right:48px;top:69px;width:67px;height:67px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(38deg);animation:build-cube-turn 9s ease-in-out infinite}
.build-cube i{position:absolute;inset:0;border:1px solid #67efff80;background:linear-gradient(145deg,#40e7ff21,#071117b8);box-shadow:inset 0 0 20px #40e7ff18,0 0 14px #40e7ff12;backdrop-filter:blur(3px)}
.build-cube i:nth-child(1){transform:translateZ(34px)}.build-cube i:nth-child(2){transform:rotateY(180deg) translateZ(34px)}.build-cube i:nth-child(3){transform:rotateY(90deg) translateZ(34px)}.build-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(34px)}.build-cube i:nth-child(5){transform:rotateX(90deg) translateZ(34px)}.build-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(34px)}
.build-orbit{position:absolute;right:21px;top:42px;width:122px;height:122px;border:1px dashed #40e7ff38;border-radius:50%;transform:rotateX(64deg) rotateZ(12deg);animation:method-orbit 8s linear infinite}
.build-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#62efff;box-shadow:0 0 15px #40e7ff}.build-orbit i:nth-child(1){left:50%;top:-4px}.build-orbit i:nth-child(2){right:5px;bottom:22px;background:#ff4052;box-shadow:0 0 14px #e30918}.build-orbit i:nth-child(3){left:7px;bottom:19px;width:5px;height:5px}
.improve-3d{background:radial-gradient(circle at 72% 38%,#68f09a16,transparent 32%)}
.growth-core{position:absolute;right:50px;top:65px;width:69px;height:69px;display:grid;place-items:center;border:1px solid #85f59b75;border-radius:50%;background:radial-gradient(circle,#173624,#07100b 68%);color:#a9ffb8;font:900 30px Manrope,Arial,sans-serif;box-shadow:0 0 35px #68f09a24,inset 0 0 22px #68f09a20;animation:growth-pulse 3s ease-in-out infinite}
.growth-ring{position:absolute;right:25px;top:40px;width:120px;height:120px;border:1px dashed #8cf59e58;border-radius:50%;animation:method-orbit 9s linear infinite}.growth-ring.ring-b{right:38px;top:53px;width:94px;height:94px;border-style:solid;border-color:#40e7ff32;animation-direction:reverse;animation-duration:6s}.growth-ring i{position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#8cf59e;box-shadow:0 0 16px #68f09a}.growth-ring.ring-b i{background:#5beaff;box-shadow:0 0 15px #40e7ff}
.growth-arrow{position:absolute;color:#a7ffb7;font:900 15px Manrope,Arial,sans-serif;text-shadow:0 0 12px #68f09a;animation:growth-arrow 3.2s ease-in-out infinite}.arrow-a{right:22px;top:76px}.arrow-b{right:128px;top:119px;animation-delay:-1.6s}
@keyframes build-cube-turn{0%,100%{transform:rotateX(-18deg) rotateY(38deg) translateY(0)}50%{transform:rotateX(24deg) rotateY(218deg) translateY(-9px)}}
@keyframes method-orbit{to{rotate:360deg}}
@keyframes growth-pulse{0%,100%{transform:scale(.92);box-shadow:0 0 23px #68f09a17,inset 0 0 18px #68f09a18}50%{transform:scale(1.06);box-shadow:0 0 44px #68f09a3d,inset 0 0 28px #68f09a2b}}
@keyframes growth-arrow{0%,100%{transform:translate(0,8px);opacity:.25}50%{transform:translate(8px,-7px);opacity:1}}
@media(max-width:900px){.method-support article{min-height:310px}}
@media(max-width:700px){.method-support article{min-height:330px}.build-cube{right:45px;top:76px}.build-orbit{right:18px;top:49px}.growth-core{right:46px;top:74px}.growth-ring{right:21px;top:49px}.growth-ring.ring-b{right:34px;top:62px}.method-support article>p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.build-cube,.build-orbit,.growth-core,.growth-ring,.growth-arrow{animation:none}}

/* Detailed portfolio experience */
.portfolio-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-35px;position:relative;z-index:4}.portfolio-proof article{padding:20px;border:1px solid #ffffff1c;border-radius:12px;background:linear-gradient(145deg,#12181edb,#090a0ddd);backdrop-filter:blur(16px);box-shadow:0 20px 48px #0008,inset 0 1px #ffffff1b}.portfolio-proof strong{display:block;color:#6decff;font-size:24px}.portfolio-proof span{color:#aaa5a9;font-size:9px;text-transform:uppercase;letter-spacing:.5px}
.portfolio-showcase{padding-top:62px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.portfolio-heading>div:first-child{max-width:690px}.portfolio-heading h2{font-size:clamp(29px,3.4vw,45px);letter-spacing:-1px}.portfolio-heading>div:first-child>p:last-child{color:#aaa4a8;font-size:12px;line-height:1.7}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.portfolio-filters button{padding:9px 13px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08;color:#aaa4a8;font:800 8px Manrope,Arial,sans-serif;cursor:pointer;transition:.24s}.portfolio-filters button:hover{color:#fff;transform:translateY(-2px)}.portfolio-filters button.active{border-color:#40e7ff75;background:#40e7ff14;color:#b9f9ff;box-shadow:0 0 20px #40e7ff18}
.portfolio-wall-detailed{align-items:start;perspective:1300px}.portfolio-wall-detailed article{min-height:510px;transform:var(--tilt,translateY(0));transition:opacity .32s,transform .32s,border-color .32s,box-shadow .32s}.portfolio-wall-detailed article:hover{transform:var(--tilt,translateY(-9px))}.portfolio-wall-detailed article.portfolio-hidden{display:none}.portfolio-wall-detailed article::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--glare-x,70%) var(--glare-y,15%),#ffffff24,transparent 28%);pointer-events:none}.portfolio-card-copy{top:auto!important;padding-top:105px}.portfolio-card-copy>span{display:inline-flex;padding:6px 8px;border:1px solid #40e7ff4a;border-radius:999px;background:#07151cbb;backdrop-filter:blur(8px)}.portfolio-card-copy h2{font-size:27px}.portfolio-card-copy ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0 15px;list-style:none}.portfolio-card-copy li{padding:6px 8px;border:1px solid #ffffff1a;border-radius:6px;background:#05070aa8;color:#d4cfd2;font-size:8px}.portfolio-card-copy footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #ffffff18}.portfolio-card-copy footer small{color:#8c878b;font:700 7px 'Roboto Mono',monospace}.portfolio-card-copy button{border:0;background:transparent;color:#7df0ff;font:800 9px Manrope,Arial,sans-serif;cursor:pointer}.portfolio-card-copy button b{margin-left:5px;font-size:14px}.portfolio-wall-detailed article:hover .portfolio-card-copy button{color:#fff;text-shadow:0 0 12px #40e7ff}
.portfolio-process{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:start;margin-bottom:50px;padding:35px;border:1px solid #ffffff18;border-radius:18px;background:radial-gradient(circle at 100% 0,#40e7ff1c,transparent 32%),linear-gradient(145deg,#151015,#080a0d);box-shadow:0 26px 70px #0008,inset 0 1px #ffffff18}.portfolio-process h2{font-size:30px}.portfolio-process ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.portfolio-process li{position:relative;min-height:145px;padding:17px;border:1px solid #ffffff16;border-radius:11px;background:#05070a9e;transition:.25s}.portfolio-process li:hover{transform:translateY(-5px);border-color:#40e7ff54;background:#091117}.portfolio-process li b{position:absolute;right:14px;top:10px;color:#ffffff0e;font-size:34px}.portfolio-process strong{display:block;margin:20px 0 7px;color:#fff}.portfolio-process span{color:#999397;font-size:9px;line-height:1.6}
.project-modal{position:fixed;inset:0;z-index:1700;display:grid;place-items:center;padding:24px;background:#000d;backdrop-filter:blur(11px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s}.project-modal.open{opacity:1;visibility:visible;pointer-events:auto}.project-modal-card{position:relative;width:min(980px,100%);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid #40e7ff3f;border-radius:21px;background:#07090c;box-shadow:0 45px 140px #000f,0 0 70px #40e7ff1e;transform:translateY(20px) scale(.98);transition:.3s}.project-modal.open .project-modal-card{transform:none}.project-modal-close{position:absolute;right:15px;top:15px;z-index:5;width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;background:#05070ac9;color:#fff;font-size:25px;cursor:pointer}.project-modal-visual{min-height:530px;display:flex;flex-direction:column;justify-content:flex-end;padding:31px;background:linear-gradient(180deg,#02040723,#06121aa3 50%,#050609f4),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1200&q=85') center/cover}.project-modal-visual span{align-self:flex-start;margin-bottom:auto;padding:7px 9px;border:1px solid #40e7ff65;border-radius:999px;background:#06151dd5;color:#9af5ff;font:800 7px 'Roboto Mono',monospace}.project-modal-visual h2{font-size:42px;line-height:1.02;text-shadow:0 5px 28px #000}.project-modal-visual p{color:#ded8dc;font-size:11px;line-height:1.7}.project-modal-body{padding:38px;overflow:auto;background:radial-gradient(circle at 100% 0,#e3091825,transparent 38%)}.project-modal-body h3{margin:20px 0 7px;font-size:14px}.project-modal-body>p:not(.kicker){color:#aaa4a8;font-size:10px;line-height:1.7}.project-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 22px}.project-outcomes span{padding:12px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff08;color:#ddd7da;font-size:8px;line-height:1.4}.project-outcomes b{display:block;margin-bottom:7px;color:#5deeff;font:900 8px 'Roboto Mono',monospace}.project-modal-action{width:100%;justify-content:space-between}
@media(max-width:900px){.portfolio-proof{grid-template-columns:1fr 1fr}.portfolio-heading{display:block}.portfolio-filters{justify-content:flex-start;margin-top:18px}.portfolio-process{grid-template-columns:1fr}.project-modal-card{grid-template-columns:1fr}.project-modal-visual{min-height:270px}.project-modal-body{max-height:55dvh}}
@media(max-width:700px){.portfolio-proof{margin-top:-18px}.portfolio-proof article{padding:14px}.portfolio-wall-detailed article{min-height:530px}.portfolio-card-copy{left:18px!important;right:18px!important;bottom:17px!important}.portfolio-process{padding:23px}.portfolio-process ol{grid-template-columns:1fr}.project-modal{align-items:end;padding:0}.project-modal-card{max-height:94dvh;overflow:auto;border-radius:18px 18px 0 0}.project-modal-body{max-height:none;padding:27px 20px}.project-outcomes{grid-template-columns:1fr}}

/* Portfolio delivery stages — interactive 3D models */
.portfolio-process ol{perspective:1300px;align-items:start}.portfolio-process li{--stage-color:#62eefe;min-height:285px;padding:132px 18px 17px;overflow:hidden;isolation:isolate;cursor:pointer;transform-style:preserve-3d;box-shadow:0 18px 45px #0007,inset 0 1px #ffffff16;transition:min-height .38s,transform .3s,border-color .3s,box-shadow .3s,background .3s}.portfolio-process li.process-design{--stage-color:#c68cff}.portfolio-process li.process-build{--stage-color:#ff6170}.portfolio-process li.process-improve{--stage-color:#8cf59e}.portfolio-process li:hover,.portfolio-process li:focus-visible{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);border-color:color-mix(in srgb,var(--stage-color) 60%,transparent);box-shadow:0 30px 65px #000b,0 0 38px color-mix(in srgb,var(--stage-color) 16%,transparent),inset 0 1px #ffffff24;outline:none}.portfolio-process li.expanded{grid-column:span 2;min-height:365px;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--stage-color) 18%,transparent),transparent 35%),#070a0d;border-color:color-mix(in srgb,var(--stage-color) 65%,transparent)}
.portfolio-process li>b{z-index:3}.portfolio-process li>strong,.portfolio-process li>span,.portfolio-process li>.process-expand,.process-detail{position:relative;z-index:4;transform:translateZ(34px)}.portfolio-process li>strong{font-size:19px}.portfolio-process li>span{display:block;min-height:30px}.process-3d-model{position:absolute;left:50%;top:17px;width:100px;height:100px;z-index:2;transform:translateX(-50%) rotateX(62deg) rotateZ(-8deg);transform-style:preserve-3d;transition:transform .4s}.portfolio-process li:hover .process-3d-model,.portfolio-process li.expanded .process-3d-model{transform:translateX(-50%) rotateX(55deg) rotateZ(12deg) translateZ(18px) scale(1.08)}.process-3d-model::before,.process-3d-model::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--stage-color) 55%,transparent);border-radius:50%;box-shadow:0 0 25px color-mix(in srgb,var(--stage-color) 17%,transparent);animation:process-model-spin 9s linear infinite}.process-3d-model::after{inset:17px;border-style:dashed;animation-direction:reverse;animation-duration:6s}.process-3d-model>span{position:absolute;inset:27px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--stage-color) 70%,transparent);border-radius:18px;background:#071015d9;color:var(--stage-color);font:900 24px Manrope,Arial,sans-serif;box-shadow:0 0 27px color-mix(in srgb,var(--stage-color) 22%,transparent),inset 0 0 15px color-mix(in srgb,var(--stage-color) 12%,transparent);transform:translateZ(26px) rotateZ(8deg);animation:process-core-float 3s ease-in-out infinite}.process-3d-model>i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--stage-color);box-shadow:0 0 13px var(--stage-color);animation:process-particle 4s ease-in-out infinite}.process-3d-model>i:nth-of-type(1){left:47%;top:-3px}.process-3d-model>i:nth-of-type(2){right:-2px;bottom:22px;animation-delay:-1.3s}.process-3d-model>i:nth-of-type(3){left:2px;bottom:17px;animation-delay:-2.6s}
.process-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s,opacity .3s,margin .38s}.process-detail>*{overflow:hidden}.portfolio-process li.expanded .process-detail{grid-template-rows:auto auto auto;opacity:1;margin-top:15px}.process-detail small{color:var(--stage-color);font:800 9px 'Roboto Mono',monospace}.process-detail p{margin:8px 0 12px;color:#bcb6ba;font-size:9px;line-height:1.65}.process-detail>div{display:flex;flex-wrap:wrap;gap:6px}.process-detail em{padding:6px 8px;border:1px solid color-mix(in srgb,var(--stage-color) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--stage-color) 7%,#05070a);color:#e6e0e3;font-size:7px;font-style:normal}.process-expand{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:9px 0 0;border:0;border-top:1px solid #ffffff12;background:transparent;color:var(--stage-color);font:800 8px Manrope,Arial,sans-serif;cursor:pointer}.process-expand b{font-size:16px;transition:transform .3s}.portfolio-process li.expanded .process-expand b{transform:rotate(45deg)}
@keyframes process-model-spin{to{rotate:360deg}}@keyframes process-core-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes process-particle{0%,100%{opacity:.3;scale:.7}50%{opacity:1;scale:1.25}}
@media(max-width:900px){.portfolio-process li.expanded{grid-column:span 2}}
@media(max-width:700px){.portfolio-process li,.portfolio-process li.expanded{grid-column:auto;min-height:285px}.portfolio-process li.expanded{min-height:390px}}
@media(prefers-reduced-motion:reduce){.process-3d-model::before,.process-3d-model::after,.process-3d-model>span,.process-3d-model>i{animation:none}}
.process-detail{display:block;max-height:0;overflow:hidden}.portfolio-process li.expanded .process-detail{max-height:230px}

/* Professional portfolio process standard popup */
.portfolio-stage-modal{--process-accent:#62eefe;position:fixed;inset:0;z-index:1750;display:grid;place-items:center;padding:24px;background:#000e;backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s}.portfolio-stage-modal.open{opacity:1;visibility:visible;pointer-events:auto}.process-theme-design{--process-accent:#c68cff}.process-theme-build{--process-accent:#ff6170}.process-theme-improve{--process-accent:#8cf59e}.portfolio-stage-modal-card{position:relative;width:min(1080px,100%);height:min(720px,92dvh);display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--process-accent) 48%,transparent);border-radius:22px;background:#07090c;box-shadow:0 48px 150px #000f,0 0 75px color-mix(in srgb,var(--process-accent) 17%,transparent);transform:translateY(20px) scale(.98);transition:.3s}.portfolio-stage-modal.open .portfolio-stage-modal-card{transform:none}.portfolio-stage-modal-close{position:absolute;right:16px;top:16px;z-index:8;width:43px;height:43px;border:1px solid #ffffff25;border-radius:50%;background:#05070ad9;color:#fff;font-size:27px;cursor:pointer;transition:.25s}.portfolio-stage-modal-close:hover{background:var(--process-accent);color:#05070a;transform:rotate(90deg)}
.portfolio-stage-modal-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:29px;isolation:isolate;background:radial-gradient(circle at 55% 36%,color-mix(in srgb,var(--process-accent) 24%,transparent),transparent 29%),linear-gradient(155deg,#101a21,#06080b 73%)}.portfolio-stage-modal-side::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent)}.portfolio-stage-modal-side>span{color:#ffffff10;font:900 88px Manrope,Arial,sans-serif}.portfolio-stage-modal-side small{color:var(--process-accent);font:900 8px 'Roboto Mono',monospace;letter-spacing:.7px}.portfolio-stage-modal-side h2{margin:9px 0;font-size:clamp(44px,5vw,68px);line-height:.92;color:#fff;text-shadow:0 6px 30px #000}.portfolio-stage-modal-side p{max-width:370px;color:#d6d0d4;font-size:11px;line-height:1.7}
.portfolio-stage-modal-orbit{position:absolute;left:50%;top:39%;width:170px;height:170px;transform:translate(-50%,-50%);transform-style:preserve-3d}.portfolio-stage-modal-orbit::before,.portfolio-stage-modal-orbit::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--process-accent) 55%,transparent);border-radius:50%;animation:process-popup-orbit 9s linear infinite}.portfolio-stage-modal-orbit::after{inset:25px;border-style:dashed;transform:rotateX(66deg);animation-direction:reverse;animation-duration:6s}.portfolio-stage-modal-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--process-accent);box-shadow:0 0 18px var(--process-accent);animation:process-popup-pulse 2.4s ease-in-out infinite}.portfolio-stage-modal-orbit i:first-child{left:50%;top:-5px}.portfolio-stage-modal-orbit i:nth-child(2){right:4px;bottom:31px;animation-delay:-1.2s}.portfolio-stage-modal-orbit b{position:absolute;inset:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--process-accent) 70%,transparent);border-radius:24px;background:#061016d9;color:var(--process-accent);font-size:34px;box-shadow:0 0 38px color-mix(in srgb,var(--process-accent) 25%,transparent),inset 0 0 20px color-mix(in srgb,var(--process-accent) 15%,transparent);animation:process-popup-float 3s ease-in-out infinite}
.portfolio-stage-modal-content{min-height:0;padding:35px 38px;overflow:auto;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--process-accent) 10%,transparent),transparent 34%)}.process-standard{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.process-standard span{padding:12px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff07}.process-standard small{display:block;margin-bottom:5px;color:#858086;font:800 7px 'Roboto Mono',monospace}.process-standard strong{color:#fff;font-size:10px}.portfolio-stage-modal-content h3{margin:17px 0 6px;color:#fff;font-size:12px}.portfolio-stage-modal-content>p{margin:0;color:#aaa4a8;font-size:10px;line-height:1.7}.process-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.process-columns>div{padding:13px;border:1px solid #ffffff14;border-radius:10px;background:#05070a8c}.process-columns h3{margin-top:0}.process-columns ul{margin:0;padding:0;list-style:none}.process-columns li{position:relative;padding:5px 0 5px 14px;color:#b8b2b6;font-size:8px;line-height:1.45}.process-columns li::before{content:"+";position:absolute;left:0;color:var(--process-accent)}.process-gate{margin:14px 0;padding:13px;border:1px solid color-mix(in srgb,var(--process-accent) 33%,transparent);border-radius:10px;background:color-mix(in srgb,var(--process-accent) 7%,#05070a)}.process-gate small{display:block;margin-bottom:6px;color:var(--process-accent);font:900 7px 'Roboto Mono',monospace}.process-gate strong{color:#e7e1e4;font-size:9px;line-height:1.5}.portfolio-stage-modal-cta{width:100%;justify-content:space-between}
@keyframes process-popup-orbit{to{rotate:360deg}}@keyframes process-popup-pulse{50%{scale:1.5;opacity:.45}}@keyframes process-popup-float{50%{transform:translateY(-8px) rotate(8deg)}}
@media(max-width:800px){.portfolio-stage-modal{align-items:end;padding:0}.portfolio-stage-modal-card{width:100%;height:auto;max-height:94dvh;grid-template-columns:1fr;overflow:auto;border-radius:19px 19px 0 0}.portfolio-stage-modal-side{min-height:285px}.portfolio-stage-modal-side>span{font-size:60px}.portfolio-stage-modal-orbit{left:75%;top:43%;width:125px;height:125px}.portfolio-stage-modal-orbit b{inset:35px}.portfolio-stage-modal-content{overflow:visible;padding:27px 20px}.process-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.portfolio-stage-modal-orbit::before,.portfolio-stage-modal-orbit::after,.portfolio-stage-modal-orbit i,.portfolio-stage-modal-orbit b{animation:none}}
.portfolio-stage-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.portfolio-stage-progress>span{flex:0 0 auto;color:var(--process-accent);font:900 7px 'Roboto Mono',monospace;letter-spacing:.7px}.portfolio-stage-progress>div{display:flex;gap:5px}.portfolio-stage-progress button{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff06;color:#777278;font:800 6px Manrope,Arial,sans-serif;cursor:pointer;transition:.22s}.portfolio-stage-progress button b{color:#aaa4a8;font:800 7px 'Roboto Mono',monospace}.portfolio-stage-progress button.active{border-color:color-mix(in srgb,var(--process-accent) 52%,transparent);background:color-mix(in srgb,var(--process-accent) 10%,transparent);color:#fff}.portfolio-stage-progress button.active b{color:var(--process-accent)}.portfolio-stage-slide.slide-next{animation:portfolio-slide-next .35s ease both}.portfolio-stage-slide.slide-prev{animation:portfolio-slide-prev .35s ease both}.portfolio-stage-nav{display:flex;justify-content:space-between;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff12}.portfolio-stage-nav button{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff06;color:#bcb6ba;font:800 8px Manrope,Arial,sans-serif;cursor:pointer;transition:.22s}.portfolio-stage-nav button:hover{transform:translateY(-2px);border-color:var(--process-accent);color:#fff;background:color-mix(in srgb,var(--process-accent) 9%,transparent)}
@keyframes portfolio-slide-next{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes portfolio-slide-prev{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@media(max-width:800px){.portfolio-stage-progress{align-items:flex-start}.portfolio-stage-progress>div{display:grid;grid-template-columns:1fr 1fr}.portfolio-stage-progress button span{display:none}.portfolio-stage-nav button{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.portfolio-stage-slide.slide-next,.portfolio-stage-slide.slide-prev{animation:none}}

/* Detailed contact experience with image-led night mode */
.page-hero-contact{background-image:linear-gradient(135deg,#090d15df,#07131ad1),url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=85')}.page-hero-contact .page-hero-grid::after{content:"SECURE CONNECTION";position:absolute;right:24px;bottom:22px;padding:7px 9px;border:1px solid #68f09a45;border-radius:999px;background:#06100bd9;color:#8bf4ae;font:800 7px 'Roboto Mono',monospace;letter-spacing:.7px}.page-hero-contact .page-hero-grid::before{content:"";position:absolute;right:5%;top:15%;width:210px;height:210px;border:1px dashed #40e7ff32;border-radius:50%;animation:contact-signal 14s linear infinite;pointer-events:none}
.contact-introduction{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-top:58px}.contact-introduction>div{max-width:760px}.contact-introduction h2{font-size:clamp(31px,3.7vw,48px);margin-bottom:10px}.contact-introduction>div>p:last-child{max-width:680px;color:#aaa4a8;font-size:12px;line-height:1.75}.contact-introduction>span{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid #68f09a3b;border-radius:999px;background:#68f09a0c;color:#a5f6bd;font:800 8px 'Roboto Mono',monospace}.contact-introduction>span i{width:7px;height:7px;border-radius:50%;background:#68f09a;box-shadow:0 0 12px #68f09a;animation:contact-pulse 2s ease-in-out infinite}
.contact-channel-grid{padding-bottom:46px;perspective:1300px}.contact-channel-grid article{--tilt:none;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:21px;isolation:isolate;background:#06090d var(--contact-image) center/cover no-repeat;transform:var(--tilt,translateY(0));transform-style:preserve-3d;transition:transform .35s,border-color .35s,box-shadow .35s}.contact-channel-grid article::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02050922 0%,#071018b0 47%,#05070af8 76%),radial-gradient(circle at 85% 8%,#40e7ff3b,transparent 35%)}.contact-channel-grid article::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--glare-x,70%) var(--glare-y,20%),#ffffff22,transparent 28%);pointer-events:none}.contact-channel-grid article:hover{transform:var(--tilt,translateY(-9px));border-color:#40e7ff72;box-shadow:0 34px 80px #000c,0 0 44px #40e7ff1d,inset 0 1px #ffffff27}.contact-card-icon{position:absolute;left:21px;top:21px!important;right:auto!important;bottom:auto!important;width:48px;height:48px;display:grid;place-items:center;border:1px solid #40e7ff72;border-radius:14px;background:#06151dd5;color:#a9f7ff;font:900 10px 'Roboto Mono',monospace;box-shadow:0 0 28px #40e7ff2a;transform:translateZ(42px)!important}.contact-channel-grid small{margin-bottom:8px;color:#69edff}.contact-channel-grid a,.contact-channel-grid strong{font-size:18px;line-height:1.25}.contact-channel-grid p{min-height:62px;color:#d3cdd1}.contact-channel-grid ul{margin:10px 0 15px;padding:0;list-style:none}.contact-channel-grid li{padding:4px 0;color:#aaa4a8;font-size:8px}.contact-channel-grid li::before{content:"+";margin-right:7px;color:#40e7ff}.contact-channel-grid footer{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:0!important;padding-top:12px;border-top:1px solid #ffffff17;color:#8e898d}.contact-channel-grid footer span{font:700 7px 'Roboto Mono',monospace}.contact-channel-grid footer b{color:#62efff;font-size:16px}
.contact-brief-detailed{grid-template-columns:.78fr 1.22fr;min-height:520px;padding:38px;background:linear-gradient(90deg,#071017e8,#080a0dc7),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1600&q=85') center/cover}.contact-brief-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:25px}.contact-brief-copy h2{font-size:clamp(31px,3vw,42px);line-height:1.08}.contact-brief-copy>p:not(.kicker){color:#bcb6ba;font-size:11px;line-height:1.7}.contact-brief-copy .button{margin-top:13px}.contact-brief-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-brief-list article{display:flex;gap:12px;padding:18px;border:1px solid #ffffff18;border-radius:11px;background:#05080bc4;backdrop-filter:blur(10px);transition:.25s}.contact-brief-list article:hover{transform:translateY(-5px);border-color:#40e7ff54;background:#071117dc}.contact-brief-list article>b{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #40e7ff48;border-radius:10px;color:#68edff;font:900 8px 'Roboto Mono',monospace}.contact-brief-list strong{color:#fff;font-size:11px}.contact-brief-list p{margin:6px 0 0;color:#aaa4a8;font-size:8px;line-height:1.55}
.contact-next{margin-top:40px;padding:72px 0;background:linear-gradient(90deg,#05070af2,#071117d9),url('https://images.unsplash.com/photo-1553877522-43269d4ea984?auto=format&fit=crop&w=1800&q=85') center/cover;border-block:1px solid #ffffff16}.contact-next-heading{max-width:750px;margin-bottom:28px}.contact-next-heading h2{font-size:clamp(30px,3.8vw,48px)}.contact-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;perspective:1100px}.contact-next-grid article{position:relative;min-height:225px;padding:22px;overflow:hidden;border:1px solid #ffffff18;border-radius:13px;background:linear-gradient(145deg,#10161cdb,#06080bdc);backdrop-filter:blur(12px);transform:var(--tilt,translateY(0));transition:.3s}.contact-next-grid article:hover{transform:var(--tilt,translateY(-7px));border-color:#40e7ff55;box-shadow:0 25px 60px #000a}.contact-next-grid article::after{content:"";position:absolute;left:22px;right:-40%;bottom:0;height:2px;background:linear-gradient(90deg,#40e7ff,transparent)}.contact-next-grid span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:42px;border:1px solid #40e7ff4b;border-radius:50%;color:#73efff;font:900 8px 'Roboto Mono',monospace}.contact-next-grid strong{display:block;margin-bottom:8px;color:#fff;font-size:15px}.contact-next-grid p{color:#aaa4a8;font-size:9px;line-height:1.65}
.contact-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;padding-top:70px;padding-bottom:70px}.contact-faq h2{font-size:37px}.contact-faq-list{display:grid;gap:8px}.contact-faq details{border:1px solid #ffffff17;border-radius:11px;background:linear-gradient(145deg,#111015,#080a0d);overflow:hidden;transition:.25s}.contact-faq details[open]{border-color:#40e7ff4f;box-shadow:0 18px 40px #0007}.contact-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;cursor:pointer;color:#e9e3e6;font-size:11px;font-weight:800;list-style:none}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq summary b{color:#5cecff;font-size:17px;transition:.25s}.contact-faq details[open] summary b{transform:rotate(45deg)}.contact-faq details p{padding:0 17px 17px;margin:0;color:#aaa4a8;font-size:9px;line-height:1.7}
@keyframes contact-signal{to{transform:rotate(360deg)}}@keyframes contact-pulse{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:1000px){.contact-channel-grid{grid-template-columns:1fr 1fr}.contact-next-grid{grid-template-columns:1fr 1fr}.contact-brief-detailed{grid-template-columns:1fr}.contact-brief-copy{padding-right:0;margin-bottom:20px}}
@media(max-width:700px){.contact-introduction{display:block}.contact-introduction>span{display:inline-flex;margin-top:15px}.contact-channel-grid{grid-template-columns:1fr}.contact-channel-grid article{min-height:415px}.contact-brief-detailed{padding:23px}.contact-brief-list{grid-template-columns:1fr}.contact-next{padding:55px 0}.contact-next-grid{grid-template-columns:1fr}.contact-next-grid article{min-height:190px}.contact-next-grid span{margin-bottom:25px}.contact-faq{grid-template-columns:1fr;gap:18px}.page-hero-contact .page-hero-grid::before{display:none}}
@media(prefers-reduced-motion:reduce){.page-hero-contact .page-hero-grid::before,.contact-introduction>span i{animation:none}}

/* Original AI-generated contact artwork and deeper 3D world */
.page-hero-contact{background-image:linear-gradient(90deg,#03060af5 0%,#050910d6 43%,#05080aa3 100%),url('./contact-ai-command-center.png');background-position:center;background-size:cover}.page-hero-contact .page-hero-grid{min-height:560px}.page-hero-contact .page-hero-grid>img{opacity:.12;transform:perspective(900px) rotateY(-7deg);border-color:#40e7ff35;mix-blend-mode:screen}.contact-brief-detailed{background:linear-gradient(90deg,#04070af2,#071017c4),url('./contact-ai-planning-studio.png') center/cover no-repeat}.contact-next{background:linear-gradient(90deg,#04070af2,#071117cd),url('./contact-ai-planning-studio.png') center/cover no-repeat;background-attachment:fixed}
.contact-ai-hub{position:relative;min-height:570px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;margin-bottom:45px;padding:42px;overflow:hidden;isolation:isolate;border:1px solid #40e7ff28;border-radius:22px;background:linear-gradient(90deg,#020509f2,#07121bc9),url('./contact-ai-command-center.png') center/cover no-repeat;box-shadow:0 38px 100px #000c,0 0 70px #40e7ff11,inset 0 1px #ffffff17;perspective:1400px}.contact-ai-hub::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#40e7ff0c 1px,transparent 1px),linear-gradient(#40e7ff09 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 25% 50%,#000,transparent 58%)}
.contact-hub-scene{position:relative;width:min(430px,100%);aspect-ratio:1;margin:auto;transform-style:preserve-3d;animation:hub-scene-float 7s ease-in-out infinite}.hub-core{position:absolute;left:50%;top:50%;width:122px;height:122px;display:grid;place-items:center;border:1px solid #75f1ff7a;border-radius:32px;background:radial-gradient(circle at 35% 25%,#1d5665,#07141c 62%);box-shadow:0 0 60px #40e7ff38,inset 0 0 30px #40e7ff2b;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-18deg) translateZ(55px);transform-style:preserve-3d}.hub-core b{color:#d9fcff;font:900 29px 'Roboto Mono',monospace;text-shadow:0 0 19px #fff;transform:translateZ(30px)}.hub-core i{position:absolute;inset:14px;border:1px solid #ffffff1c;border-radius:24px;transform:translateZ(-20px)}.hub-core i:last-child{inset:30px;border-color:#e3091842;transform:translateZ(20px) rotate(45deg)}
.hub-ring{position:absolute;left:50%;top:50%;width:270px;height:270px;border:1px solid #40e7ff41;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(14deg);animation:hub-ring-spin 11s linear infinite}.hub-ring.ring-two{width:360px;height:360px;border-style:dashed;border-color:#e3091835;transform:translate(-50%,-50%) rotateY(67deg) rotateZ(-9deg);animation-direction:reverse;animation-duration:16s}.hub-ring i{position:absolute;left:50%;top:-6px;width:11px;height:11px;border-radius:50%;background:#66f0ff;box-shadow:0 0 20px #40e7ff}.hub-ring.ring-two i{background:#ff5060;box-shadow:0 0 18px #e30918}
.hub-node{position:absolute;min-width:74px;padding:9px;border:1px solid #40e7ff4d;border-radius:9px;background:#061118df;color:#abf6ff;font:800 7px 'Roboto Mono',monospace;text-align:center;box-shadow:0 12px 30px #0008,0 0 18px #40e7ff15;backdrop-filter:blur(9px);animation:hub-node-pulse 3.5s ease-in-out infinite}.node-email{left:4%;top:18%}.node-chat{right:1%;top:25%;animation-delay:-.8s}.node-plan{left:2%;bottom:20%;animation-delay:-1.6s}.node-build{right:4%;bottom:14%;animation-delay:-2.4s}.hub-beam{position:absolute;left:50%;top:50%;width:44%;height:1px;background:linear-gradient(90deg,#40e7ff,transparent);transform-origin:left;box-shadow:0 0 10px #40e7ff}.beam-one{transform:rotate(-145deg)}.beam-two{transform:rotate(34deg)}
.contact-hub-copy{position:relative;z-index:3;transform:translateZ(38px)}.contact-hub-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-1.2px}.contact-hub-copy>p:not(.kicker){max-width:590px;color:#c8c2c6;font-size:12px;line-height:1.75}.contact-hub-copy>div{display:grid;gap:7px;margin-top:20px}.contact-hub-copy article{display:grid;grid-template-columns:38px 1fr;gap:3px 12px;padding:12px;border:1px solid #ffffff17;border-radius:10px;background:#05080ba8;backdrop-filter:blur(10px);transition:.25s}.contact-hub-copy article:hover{transform:translateX(7px);border-color:#40e7ff4e;background:#071219c7}.contact-hub-copy article b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:1px solid #40e7ff3d;border-radius:10px;color:#64edff;font:900 8px 'Roboto Mono',monospace}.contact-hub-copy article strong{color:#fff;font-size:10px}.contact-hub-copy article span{color:#918b90;font-size:8px}
@keyframes hub-scene-float{0%,100%{transform:rotateX(1deg) rotateY(-2deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(3deg) translateY(-12px)}}@keyframes hub-ring-spin{to{rotate:360deg}}@keyframes hub-node-pulse{50%{transform:translateY(-7px);border-color:#40e7ff9c;box-shadow:0 15px 35px #0009,0 0 28px #40e7ff2b}}
@media(max-width:900px){.contact-ai-hub{grid-template-columns:1fr}.contact-hub-scene{width:min(370px,90%)}.contact-next{background-attachment:scroll}}
@media(max-width:700px){.page-hero-contact .page-hero-grid{min-height:0}.page-hero-contact .page-hero-grid>img{opacity:.2;transform:none}.contact-ai-hub{min-height:0;padding:23px}.contact-hub-scene{width:290px}.hub-ring{width:205px;height:205px}.hub-ring.ring-two{width:270px;height:270px}.hub-core{width:96px;height:96px}.contact-hub-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.contact-hub-scene,.hub-ring,.hub-node{animation:none}.contact-next{background-attachment:scroll}}
.contact-channel-action{display:block;width:100%;padding:0;border:0;background:transparent;color:#fff;font:800 18px/1.25 Manrope,Arial,sans-serif;text-align:left;cursor:pointer;transition:color .22s,text-shadow .22s}.contact-channel-action:hover,.contact-channel-action:focus-visible{color:#a8f7ff;text-shadow:0 0 18px #40e7ff65;outline:none}.contact-channel-action::after{content:" →";color:#55edff}

/* Enquiry preparation — detailed 3D intelligence cards */
.brief-readiness{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.brief-readiness span{padding:8px 10px;border:1px solid #40e7ff30;border-radius:999px;background:#06151da8;color:#a8a2a6;font-size:8px}.brief-readiness b{color:#6defff}.contact-brief-3d{perspective:1200px}.contact-brief-3d article{--brief-accent:#61edff;position:relative;min-height:245px;display:block;padding:108px 17px 17px;overflow:hidden;isolation:isolate;transform-style:preserve-3d;background:linear-gradient(160deg,#07131bcf,#05070aec);box-shadow:0 20px 45px #0009,inset 0 1px #ffffff18;transition:transform .32s,border-color .32s,box-shadow .32s}.contact-brief-3d article.brief-users{--brief-accent:#c58cff}.contact-brief-3d article.brief-timing{--brief-accent:#ff6877}.contact-brief-3d article.brief-constraints{--brief-accent:#8cf5a0}.contact-brief-3d article::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--brief-accent) 18%,transparent),transparent 35%),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:auto,29px 29px,29px 29px;mask-image:linear-gradient(#000,transparent 85%)}.contact-brief-3d article:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);border-color:color-mix(in srgb,var(--brief-accent) 60%,transparent);box-shadow:0 31px 70px #000c,0 0 38px color-mix(in srgb,var(--brief-accent) 16%,transparent),inset 0 1px #ffffff25}.contact-brief-3d article>b{position:absolute;left:16px;top:14px!important;width:34px;height:34px;z-index:4;border-color:color-mix(in srgb,var(--brief-accent) 43%,transparent);color:var(--brief-accent);transform:translateZ(42px)}.contact-brief-3d article>div:last-child{position:relative;z-index:4;transform:translateZ(28px)}.contact-brief-3d small{display:block;margin-bottom:6px;color:var(--brief-accent);font:900 6px 'Roboto Mono',monospace;letter-spacing:.5px}.contact-brief-3d strong{font-size:14px}.contact-brief-3d p{min-height:54px;margin:6px 0 10px;color:#b4aeb2;font-size:8px;line-height:1.55}.contact-brief-3d ul{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.contact-brief-3d li{padding:5px 6px;border:1px solid color-mix(in srgb,var(--brief-accent) 23%,transparent);border-radius:999px;background:#05070aa8;color:#bbb5b9;font-size:6px}
.brief-model{position:absolute!important;left:50%;top:10px!important;width:94px;height:94px;z-index:2!important;transform:translateX(-50%) rotateX(62deg) rotateZ(-10deg);transform-style:preserve-3d;transition:transform .35s}.contact-brief-3d article:hover .brief-model{transform:translateX(-50%) rotateX(54deg) rotateZ(12deg) translateZ(25px) scale(1.08)}.brief-model::before,.brief-model::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--brief-accent) 55%,transparent);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--brief-accent) 16%,transparent);animation:brief-orbit 8s linear infinite}.brief-model::after{inset:17px;border-style:dashed;animation-direction:reverse;animation-duration:5s}.brief-model span{position:absolute;inset:27px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brief-accent) 70%,transparent);border-radius:13px;background:#071117e8;color:var(--brief-accent);font-size:18px;box-shadow:0 0 23px color-mix(in srgb,var(--brief-accent) 20%,transparent);transform:translateZ(22px) rotateZ(10deg);animation:brief-core 3s ease-in-out infinite}.brief-model i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--brief-accent);box-shadow:0 0 13px var(--brief-accent);animation:brief-particle 2.8s ease-in-out infinite}.brief-model i:first-of-type{left:50%;top:-3px}.brief-model i:last-of-type{right:0;bottom:20px;animation-delay:-1.4s}
@keyframes brief-orbit{to{rotate:360deg}}@keyframes brief-core{50%{translate:0 -5px;rotate:8deg}}@keyframes brief-particle{50%{opacity:.35;scale:1.5}}
@media(max-width:700px){.contact-brief-3d article{min-height:265px}.brief-readiness{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.brief-model::before,.brief-model::after,.brief-model span,.brief-model i{animation:none}}

/* Homepage AI motion film */
.ai-motion-film{padding-top:55px;padding-bottom:35px}.ai-film-frame{position:relative;min-height:540px;overflow:hidden;isolation:isolate;border:1px solid #40e7ff35;border-radius:22px;background:#03070b;box-shadow:0 38px 105px #000c,0 0 70px #40e7ff13,inset 0 1px #ffffff1c;perspective:1300px}.ai-film-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05);transform:scale(1.01)}.ai-film-frame::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#020509ea 0%,#03070ba1 45%,transparent 76%),linear-gradient(0deg,#020509c9,transparent 45%);pointer-events:none}.ai-film-frame::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:linear-gradient(90deg,#40e7ff0b 1px,transparent 1px),linear-gradient(#40e7ff09 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.ai-film-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:space-between;padding:28px 34px 55px}.ai-film-overlay>span{align-self:flex-start;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #40e7ff44;border-radius:999px;background:#041017c9;color:#a5f7ff;font:900 7px 'Roboto Mono',monospace;letter-spacing:.65px;backdrop-filter:blur(10px)}.ai-film-overlay>span i{width:6px;height:6px;border-radius:50%;background:#68f09a;box-shadow:0 0 12px #68f09a;animation:ai-film-live 1.7s ease-in-out infinite}.ai-film-overlay>div{max-width:590px;transform:translateZ(35px)}.ai-film-overlay h2{font-size:clamp(39px,5vw,66px);line-height:.98;letter-spacing:-1.7px;text-shadow:0 7px 35px #000}.ai-film-overlay>div>p:not(.kicker){max-width:500px;color:#d5cfd3;font-size:12px;line-height:1.75;text-shadow:0 3px 16px #000}.ai-film-timeline{position:absolute;left:34px;right:34px;bottom:20px;z-index:5;height:17px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff24}.ai-film-timeline i{position:absolute;left:0;top:-1px;height:2px;background:linear-gradient(90deg,#e30918,#40e7ff);box-shadow:0 0 12px #40e7ff;animation:ai-film-progress 8s linear infinite}.ai-film-timeline span{padding-top:7px;color:#858086;font:800 6px 'Roboto Mono',monospace;letter-spacing:.7px}.ai-film-frame:hover{border-color:#40e7ff70;box-shadow:0 44px 120px #000e,0 0 85px #40e7ff20,inset 0 1px #ffffff28}
@keyframes ai-film-progress{from{width:0}to{width:100%}}@keyframes ai-film-live{50%{opacity:.3;scale:.7}}
@media(max-width:700px){.ai-motion-film{padding-top:42px}.ai-film-frame{min-height:610px}.ai-film-frame>img{object-position:62% center}.ai-film-frame::before{background:linear-gradient(180deg,#0205098c,#020509ed 72%)}.ai-film-overlay{padding:20px 20px 55px;justify-content:space-between}.ai-film-overlay h2{font-size:40px}.ai-film-timeline{left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.ai-film-overlay>span i,.ai-film-timeline i{animation:none}.ai-film-timeline i{width:100%}}
.ai-film-frame>video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05);transform:scale(1.01)}.ai-film-frame>video::-webkit-media-controls-panel{background:linear-gradient(transparent,#020509e8)}.ai-film-timeline i{animation-duration:25s}@media(max-width:700px){.ai-film-frame>video{object-position:62% center}}

/* Global dark / light appearance switch */
.theme-toggle{position:relative;flex:0 0 auto;width:58px;height:31px;display:flex;align-items:center;justify-content:space-around;padding:0 5px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0a;color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff18,0 7px 18px #0006;transition:background .3s,border-color .3s,box-shadow .3s}.theme-toggle span{position:relative;z-index:2;width:19px;font-size:12px;line-height:1;text-align:center;transition:color .3s,opacity .3s}.theme-toggle .theme-sun{color:#7f7a7d}.theme-toggle .theme-moon{color:#bff8ff}.theme-toggle i{position:absolute;right:4px;width:23px;height:23px;border-radius:50%;background:linear-gradient(145deg,#17414c,#071319);box-shadow:0 0 15px #40e7ff46,inset 0 1px #ffffff30;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s}.theme-toggle:hover{border-color:#40e7ff65;transform:translateY(-2px)}
html[data-theme="light"]{--bg:#eef3f7;--panel:#fff;--border:#cad5dd;--text:#101820;--muted:#53616b;color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:#edf3f7;color:#101820}html[data-theme="light"] body::before{background:linear-gradient(180deg,#f4f8fbd9,#e8f0f5e8),radial-gradient(circle at 80% 12%,#dceaf2,transparent 34%)}html[data-theme="light"] body::after{background:linear-gradient(90deg,#17384b0b 1px,transparent 1px),linear-gradient(#17384b09 1px,transparent 1px)}
html[data-theme="light"] .site-header{background:linear-gradient(180deg,#ffffffef,#eef4f7e8);border-bottom-color:#abc0cd;box-shadow:0 12px 38px #203a4b1c,inset 0 -1px #fff}html[data-theme="light"] .site-header.is-scrolled{background:#f8fbfdf5;border-bottom-color:#8fb4c5;box-shadow:0 17px 45px #203a4b28}html[data-theme="light"] .site-header nav a{color:#263640}html[data-theme="light"] .site-header nav a:hover,html[data-theme="light"] .site-header nav a.active{color:#bd1020;background:#fff}html[data-theme="light"] .site-header .brand img,html[data-theme="light"] .footer-brand .brand img{mix-blend-mode:multiply;filter:contrast(1.1)}html[data-theme="light"] .menu-toggle span{background:#14232c}
html[data-theme="light"] .theme-toggle{border-color:#a8bdc8;background:#dce8ee;color:#17262f;box-shadow:inset 0 1px #fff,0 7px 18px #2340541b}html[data-theme="light"] .theme-toggle i{transform:translateX(-27px);background:linear-gradient(145deg,#fff5ad,#ffb928);box-shadow:0 0 17px #ffc83970,inset 0 1px #fff}html[data-theme="light"] .theme-toggle .theme-sun{color:#8a5c00}html[data-theme="light"] .theme-toggle .theme-moon{color:#77858d}
html[data-theme="light"] main{background:#edf3f7}html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] strong{color:#101820}html[data-theme="light"] p,html[data-theme="light"] li,html[data-theme="light"] span{--light-copy:#4a5963}html[data-theme="light"] .hero,html[data-theme="light"] .page-hero{color:#fff}html[data-theme="light"] .hero h1,html[data-theme="light"] .page-hero h1,html[data-theme="light"] .hero h2,html[data-theme="light"] .page-hero h2{color:#fff}html[data-theme="light"] .hero p,html[data-theme="light"] .page-hero p{color:#e9f2f6!important}
html[data-theme="light"] .service-card,html[data-theme="light"] .ai-copy,html[data-theme="light"] .ai-grid article,html[data-theme="light"] .feedback-grid article,html[data-theme="light"] .stats article,html[data-theme="light"] .contact-panel,html[data-theme="light"] .page-service-matrix article,html[data-theme="light"] .story-grid article,html[data-theme="light"] .timeline article,html[data-theme="light"] .portfolio-wall article,html[data-theme="light"] .process-band,html[data-theme="light"] .contact-page-grid article,html[data-theme="light"] .contact-brief,html[data-theme="light"] .portfolio-process,html[data-theme="light"] .contact-faq details{border-color:#b8c8d2;background:linear-gradient(145deg,#fff,#e7eff4);box-shadow:0 18px 42px #2443541b,inset 0 1px #fff}html[data-theme="light"] .feedback-grid p,html[data-theme="light"] .ai-copy>p:not(.kicker),html[data-theme="light"] .page-service-matrix p,html[data-theme="light"] .timeline p,html[data-theme="light"] .contact-faq details p{color:#4e5d66}
html[data-theme="light"] .quote-card,html[data-theme="light"] .solution-card,html[data-theme="light"] .solution-card-rich,html[data-theme="light"] .purpose-modal-card,html[data-theme="light"] .project-modal-card,html[data-theme="light"] .portfolio-stage-modal-card{background:#f7fbfd;color:#17252e;border-color:#8db4c5;box-shadow:0 35px 110px #1d354750}html[data-theme="light"] .quote-modal,html[data-theme="light"] .solution-modal,html[data-theme="light"] .purpose-modal,html[data-theme="light"] .project-modal,html[data-theme="light"] .portfolio-stage-modal{background:#dce7edc7}html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#15242d!important;border-color:#aebfc9!important}html[data-theme="light"] .modal-close,html[data-theme="light"] .solution-close,html[data-theme="light"] .purpose-modal-close,html[data-theme="light"] .project-modal-close,html[data-theme="light"] .portfolio-stage-modal-close{background:#e8f0f4;color:#13242d}
html[data-theme="light"] .site-footer{background:radial-gradient(circle at 82% 25%,#dbeaf1,transparent 32%),linear-gradient(155deg,#f8fbfd,#dfe9ef);border-top-color:#93b5c4;color:#4f5e67;box-shadow:0 -20px 60px #263f501d}html[data-theme="light"] .site-footer h3{color:#b30d1c}html[data-theme="light"] .site-footer a,html[data-theme="light"] .site-footer p{color:#42525c}html[data-theme="light"] .site-footer .footer-grid>div:hover{background:#ffffffa8;border-color:#aec5d0;box-shadow:0 20px 45px #203a4b1c}html[data-theme="light"] .footer-bottom::before{background:#edf3f7;color:#127087}
html[data-theme="light"] .contact-introduction h2,html[data-theme="light"] .portfolio-heading h2,html[data-theme="light"] .method-heading h2{color:#101820}html[data-theme="light"] .contact-faq summary{color:#17252e}html[data-theme="light"] .tech-strip{background:linear-gradient(90deg,#dce8ee,#fff,#e2edf2)}html[data-theme="light"] .tech-track span{background:#fff;color:#263640;border-color:#bdcdd6}
@media(max-width:700px){html[data-theme="light"] .site-header.open nav{background:#f4f8fa}html[data-theme="light"] .site-header.open nav a{color:#17252e}.theme-toggle{width:54px}.nav-shell{gap:8px}}

/* Warm light-beige palette */
html[data-theme="light"]{--bg:#f3eadc;--panel:#fffaf1;--border:#d8c8b2;--text:#241d17;--muted:#6f6256}
html[data-theme="light"] body,html[data-theme="light"] main{background:#f3eadc;color:#241d17}
html[data-theme="light"] body::before{background:linear-gradient(180deg,#fbf5eadf,#f0e4d3ed),radial-gradient(circle at 80% 12%,#ead7bd,transparent 35%)}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.is-scrolled{background:linear-gradient(180deg,#fffaf4f5,#f3eadced);border-bottom-color:#d2bea3;box-shadow:0 14px 42px #5c463122}
html[data-theme="light"] .site-header nav a{color:#3b3027}html[data-theme="light"] .site-header nav a:hover,html[data-theme="light"] .site-header nav a.active{background:#fffaf1;color:#b90e1e}
html[data-theme="light"] .theme-toggle{border-color:#cdb99e;background:#eadcc9;color:#382d24;box-shadow:inset 0 1px #fffaf3,0 7px 18px #5c463119}
html[data-theme="light"] .service-card,html[data-theme="light"] .ai-copy,html[data-theme="light"] .ai-grid article,html[data-theme="light"] .feedback-grid article,html[data-theme="light"] .stats article,html[data-theme="light"] .contact-panel,html[data-theme="light"] .page-service-matrix article,html[data-theme="light"] .story-grid article,html[data-theme="light"] .timeline article,html[data-theme="light"] .portfolio-wall article,html[data-theme="light"] .process-band,html[data-theme="light"] .contact-page-grid article,html[data-theme="light"] .contact-brief,html[data-theme="light"] .portfolio-process,html[data-theme="light"] .contact-faq details{border-color:#d7c6ae;background:linear-gradient(145deg,#fffaf2,#eee1cf);box-shadow:0 18px 42px #5d47301c,inset 0 1px #fff}
html[data-theme="light"] .quote-card,html[data-theme="light"] .solution-card,html[data-theme="light"] .solution-card-rich,html[data-theme="light"] .purpose-modal-card,html[data-theme="light"] .project-modal-card,html[data-theme="light"] .portfolio-stage-modal-card{background:#fffaf1;color:#2b221b;border-color:#c7ad8d;box-shadow:0 35px 110px #5b432e45}
html[data-theme="light"] .quote-modal,html[data-theme="light"] .solution-modal,html[data-theme="light"] .purpose-modal,html[data-theme="light"] .project-modal,html[data-theme="light"] .portfolio-stage-modal{background:#e8dac5cf}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fffdf8!important;color:#2d241c!important;border-color:#ccb99f!important}
html[data-theme="light"] .site-footer{background:radial-gradient(circle at 82% 25%,#ead8bf,transparent 33%),linear-gradient(155deg,#fffaf2,#e8dbc8);border-top-color:#c7ad8c;color:#625548;box-shadow:0 -20px 60px #5c46311c}
html[data-theme="light"] .site-footer a,html[data-theme="light"] .site-footer p{color:#574a3f}html[data-theme="light"] .site-footer .footer-grid>div:hover{background:#fffaf1c9;border-color:#d1bda3;box-shadow:0 20px 45px #5a442e1b}html[data-theme="light"] .footer-bottom::before{background:#f3eadc;color:#8b5b24}
html[data-theme="light"] .tech-strip{background:linear-gradient(90deg,#eadcc8,#fffaf2,#eddfcc)}html[data-theme="light"] .tech-track span{background:#fffaf2;color:#45382d;border-color:#d1bfa8}
@media(max-width:700px){html[data-theme="light"] .site-header.open nav{background:#f8efe2}}

/* Slightly deeper beige adjustment */
html[data-theme="light"]{--bg:#e8dac6;--panel:#f8efe2;--border:#cbb79b}
html[data-theme="light"] body,html[data-theme="light"] main{background:#e8dac6}
html[data-theme="light"] body::before{background:linear-gradient(180deg,#f2e7d7df,#e3d2bbed),radial-gradient(circle at 80% 12%,#d9c2a4,transparent 35%)}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.is-scrolled{background:linear-gradient(180deg,#f8efe8f5,#e8dac6ef);border-bottom-color:#c3ab8c}
html[data-theme="light"] .theme-toggle{background:#ddcbb3;border-color:#bfa888}
html[data-theme="light"] .service-card,html[data-theme="light"] .ai-copy,html[data-theme="light"] .ai-grid article,html[data-theme="light"] .feedback-grid article,html[data-theme="light"] .stats article,html[data-theme="light"] .contact-panel,html[data-theme="light"] .page-service-matrix article,html[data-theme="light"] .story-grid article,html[data-theme="light"] .timeline article,html[data-theme="light"] .portfolio-wall article,html[data-theme="light"] .process-band,html[data-theme="light"] .contact-page-grid article,html[data-theme="light"] .contact-brief,html[data-theme="light"] .portfolio-process,html[data-theme="light"] .contact-faq details{border-color:#cbb69a;background:linear-gradient(145deg,#f9f0e3,#e3d2bb)}
html[data-theme="light"] .site-footer{background:radial-gradient(circle at 82% 25%,#d9c1a1,transparent 33%),linear-gradient(155deg,#f4e9d9,#dcc9ae);border-top-color:#bda382}
html[data-theme="light"] .tech-strip{background:linear-gradient(90deg,#ddcbb2,#f4eadb,#dfcdb5)}
@media(max-width:700px){html[data-theme="light"] .site-header.open nav{background:#eee1cf}}

/* Accessibility and cross-platform mobile resilience */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:92px}body{min-width:320px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.skip-link{position:fixed;left:16px;top:12px;z-index:9999;padding:11px 16px;border:2px solid #40e7ff;border-radius:8px;background:#05070a;color:#fff;font:800 13px Manrope,Arial,sans-serif;text-decoration:none;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}.skip-link+*{scroll-margin-top:90px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #61edff!important;outline-offset:3px!important;box-shadow:0 0 0 5px #06151dbd!important}:where(input,select,textarea):focus-visible{outline-width:2px!important}html[data-theme="light"] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#9b4f00!important;box-shadow:0 0 0 5px #fff5e5!important}
img,video,svg{max-width:100%}.site-header{padding-top:env(safe-area-inset-top)}.site-footer{padding-bottom:env(safe-area-inset-bottom)}.nav-shell,.footer-grid,.footer-bottom{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.quote-modal,.solution-modal,.purpose-modal,.project-modal,.portfolio-stage-modal,.process-modal{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}body.menu-open,body.modal-open{overscroll-behavior:none}
@media(pointer:coarse){button,.button,.quote-link,.site-header nav a,.site-footer a,.service-more,.portfolio-filters button,.contact-faq summary{min-height:44px}.theme-toggle{min-width:58px;min-height:44px}.site-header nav a{display:flex;align-items:center}.service-card:hover,.portfolio-wall article:hover,.contact-channel-grid article:hover,.method-support article:hover{transform:var(--tilt,none)}}
@media(max-width:700px){html{scroll-padding-top:78px}.container{width:min(100% - 30px,760px)}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}input,select,textarea{font-size:16px!important}.site-header.open nav{top:calc(66px + env(safe-area-inset-top));min-height:calc(100svh - 66px - env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom));overflow-y:auto}.quote-card,.solution-card,.purpose-modal-card,.project-modal-card,.portfolio-stage-modal-card,.process-modal-card{max-height:calc(100dvh - env(safe-area-inset-top));overscroll-behavior:contain}.page-hero-grid{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ai-film-frame>video{object-position:center}.footer-bottom{padding-bottom:max(17px,env(safe-area-inset-bottom))}}
@media(max-width:390px){.theme-toggle{width:50px;min-width:50px}.nav-shell>.brand img{width:125px}.nav-shell{gap:6px}.menu-toggle{width:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-slide,.ai-film-frame>video{transform:none!important}.cursor-glow{display:none!important}}
@media(prefers-contrast:more){:root{--muted:#d2cdd0;--border:#6e6e76}.site-header,.site-footer,.service-card,.contact-panel{border-color:currentColor}.button,.quote-link{border-width:2px}html[data-theme="light"]{--muted:#43382f;--border:#75624e}}
@media(forced-colors:active){*{box-shadow:none!important}.kicker i,.scroll-progress{background:Highlight}.button,.quote-link,.theme-toggle{border:1px solid ButtonText}.cursor-glow,.header-3d-scene,.footer-3d-scene{display:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.quote-modal,.solution-modal,.purpose-modal,.project-modal,.portfolio-stage-modal,.contact-channel-grid article{backdrop-filter:none!important}}
.theme-toggle{height:44px}

/* Light-mode contrast fixes for dark image and 3D surfaces */
html[data-theme="light"] .site-header .quote-link{color:#77131c;border-color:#b52b38;background:#fff7ed;box-shadow:0 8px 24px #6d3b2520}html[data-theme="light"] .site-header .quote-link b{color:#c30f20}
html[data-theme="light"] .story-grid-3d .story-card{background:#05070a var(--story-image) center/cover no-repeat;border-color:#ffffff26}html[data-theme="light"] .story-grid-3d .story-card h2,html[data-theme="light"] .story-grid-3d .story-card strong,html[data-theme="light"] .story-grid-3d .story-card b{color:#fff}html[data-theme="light"] .story-grid-3d .story-card p{color:#e2dcdf}
html[data-theme="light"] .purpose-card{background:#05070a var(--method-image) center/cover no-repeat;border-color:#ffffff32}html[data-theme="light"] .purpose-card h2,html[data-theme="light"] .purpose-card strong{color:#fff}html[data-theme="light"] .purpose-card p{color:#ebe5e8}
html[data-theme="light"] .method-support article{background:radial-gradient(circle at 100% 0,#e3091834,transparent 40%),linear-gradient(145deg,#171016,#080a0d);border-color:#ffffff26}html[data-theme="light"] .method-support .improve-card{background:radial-gradient(circle at 75% 28%,#68f09a25,transparent 37%),linear-gradient(145deg,#101916,#080a0d)}html[data-theme="light"] .method-support strong{color:#fff}html[data-theme="light"] .method-support p{color:#cbc6c9}
html[data-theme="light"] .purpose-modal-visual h2,html[data-theme="light"] .purpose-modal-visual strong{color:#fff}html[data-theme="light"] .purpose-modal-visual p{color:#ede7ea}html[data-theme="light"] .purpose-modal-body{background:radial-gradient(circle at 100% 0,#e309182d,transparent 34%),linear-gradient(145deg,#141016,#080a0d 76%)}html[data-theme="light"] .purpose-modal-body h3,html[data-theme="light"] .purpose-modal-body strong{color:#fff}html[data-theme="light"] .purpose-modal-body p{color:#c5bec2}
html[data-theme="light"] .contact-channel-grid article{background:#06090d var(--contact-image) center/cover no-repeat;border-color:#ffffff28}html[data-theme="light"] .contact-channel-grid strong,html[data-theme="light"] .contact-channel-grid h2{color:#fff}html[data-theme="light"] .contact-channel-grid p{color:#d3cdd1}
html[data-theme="light"] .contact-ai-hub{background:linear-gradient(90deg,#020509f2,#07121bc9),url('./contact-ai-command-center.png') center/cover no-repeat}html[data-theme="light"] .contact-hub-copy h2,html[data-theme="light"] .contact-hub-copy strong{color:#fff}html[data-theme="light"] .contact-hub-copy>p:not(.kicker){color:#d4cdd1}html[data-theme="light"] .contact-hub-copy article strong{color:#fff}html[data-theme="light"] .contact-hub-copy article span{color:#b7b0b5}
html[data-theme="light"] .contact-brief-detailed{background:linear-gradient(90deg,#04070af2,#071017c4),url('./contact-ai-planning-studio.png') center/cover no-repeat}html[data-theme="light"] .contact-brief-copy h2{color:#fff}html[data-theme="light"] .contact-brief-copy>p:not(.kicker){color:#d2cbd0}html[data-theme="light"] .contact-brief-3d article{background:linear-gradient(160deg,#07131bcf,#05070aec);border-color:#ffffff26}html[data-theme="light"] .contact-brief-3d strong{color:#fff}html[data-theme="light"] .contact-brief-3d p{color:#c6bec3}
html[data-theme="light"] .contact-next{background:linear-gradient(90deg,#04070af2,#071117cd),url('./contact-ai-planning-studio.png') center/cover no-repeat}html[data-theme="light"] .contact-next-heading h2,html[data-theme="light"] .contact-next-grid strong{color:#fff}html[data-theme="light"] .contact-next-grid p{color:#c7c0c5}

/* Portfolio light-mode contrast for image cards, 3D process panels and popups */
html[data-theme="light"] .portfolio-proof article{background:linear-gradient(145deg,#12181edb,#090a0ddd);border-color:#ffffff25;box-shadow:0 20px 48px #3f2e2180,inset 0 1px #ffffff1b}html[data-theme="light"] .portfolio-proof strong{color:#6decff}html[data-theme="light"] .portfolio-proof span{color:#d3cdd1}
html[data-theme="light"] .portfolio-wall article{background:#07090c;border-color:#ffffff25;box-shadow:0 22px 55px #513e2d4d}html[data-theme="light"] .portfolio-wall article h2{color:#fff}html[data-theme="light"] .portfolio-wall article p{color:#ddd5d9}html[data-theme="light"] .portfolio-wall article li{color:#eee8eb}html[data-theme="light"] .portfolio-wall article small{color:#c0b9bd}html[data-theme="light"] .portfolio-card-copy>span{color:#9af5ff}
html[data-theme="light"] .portfolio-process{background:radial-gradient(circle at 100% 0,#40e7ff1c,transparent 32%),linear-gradient(145deg,#151015,#080a0d);border-color:#ffffff25;box-shadow:0 26px 70px #513e2d66,inset 0 1px #ffffff18}html[data-theme="light"] .portfolio-process h2,html[data-theme="light"] .portfolio-process li>strong{color:#fff}html[data-theme="light"] .portfolio-process li>span{color:#c7c0c4}html[data-theme="light"] .portfolio-process li{color:#fff;background:#05070ad9;border-color:#ffffff20}html[data-theme="light"] .process-detail p{color:#d2cbd0}html[data-theme="light"] .process-detail em{color:#f3edf0}
html[data-theme="light"] .project-modal-card{background:#07090c;color:#fff;border-color:#40e7ff55}html[data-theme="light"] .project-modal-visual h2,html[data-theme="light"] .project-modal-body h3{color:#fff}html[data-theme="light"] .project-modal-body>p:not(.kicker){color:#c9c2c6}html[data-theme="light"] .project-outcomes span{color:#eee8eb;background:#ffffff0d}
html[data-theme="light"] .portfolio-stage-modal-card{background:#07090c;color:#fff;border-color:color-mix(in srgb,var(--process-accent) 48%,transparent)}html[data-theme="light"] .portfolio-stage-modal-side h2{color:#fff}html[data-theme="light"] .portfolio-stage-modal-content{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--process-accent) 10%,transparent),transparent 34%)}html[data-theme="light"] .portfolio-stage-modal-content h3,html[data-theme="light"] .process-standard strong{color:#fff}html[data-theme="light"] .portfolio-stage-modal-content>p,html[data-theme="light"] .process-columns li{color:#c8c1c5}html[data-theme="light"] .process-gate strong{color:#f0e9ed}

/* Interactive contact enquiry journey */
.contact-next-heading>p:not(.kicker){max-width:650px;color:#c4bdc1;font-size:11px;line-height:1.75}.contact-next-interactive{align-items:start}.contact-next-interactive details{position:relative;min-height:300px;overflow:hidden;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(180deg,#03070a70 0%,#05080bf5 62%),var(--next-image) center/cover no-repeat;box-shadow:0 24px 60px #0009;transition:transform .35s,border-color .35s,box-shadow .35s;isolation:isolate}.contact-next-interactive details:hover,.contact-next-interactive details[open]{transform:translateY(-8px);border-color:color-mix(in srgb,var(--next-accent) 60%,transparent);box-shadow:0 30px 75px #000c,0 0 34px color-mix(in srgb,var(--next-accent) 16%,transparent)}.contact-next-interactive details::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--next-accent) 18%,transparent),transparent 34%),linear-gradient(180deg,transparent 5%,#020407e8 72%)}.contact-next-interactive summary{min-height:298px;display:grid;grid-template-columns:44px 1fr auto;align-content:end;gap:13px;padding:22px;color:#fff;cursor:pointer;list-style:none}.contact-next-interactive summary::-webkit-details-marker{display:none}.contact-next-interactive summary span{align-self:start;width:42px;height:42px;margin:0;border-color:color-mix(in srgb,var(--next-accent) 52%,transparent);color:var(--next-accent);background:#03070ab8;box-shadow:0 0 22px color-mix(in srgb,var(--next-accent) 15%,transparent)}.contact-next-interactive summary small{display:block;margin-bottom:7px;color:var(--next-accent);font:800 7px 'Roboto Mono',monospace;letter-spacing:.6px}.contact-next-interactive summary strong{margin:0 0 8px;color:#fff;font-size:19px}.contact-next-interactive summary p{margin:0;color:#ddd6da;font-size:9px;line-height:1.65}.contact-next-interactive summary>b{align-self:end;display:grid;place-items:center;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--next-accent) 45%,transparent);border-radius:50%;color:var(--next-accent);font-size:20px;transition:transform .3s,background .3s}.contact-next-interactive details[open] summary>b{transform:rotate(45deg);background:color-mix(in srgb,var(--next-accent) 12%,#05080b)}.contact-next-detail{padding:0 22px 23px;border-top:1px solid #ffffff15;background:#030609ed;animation:contact-detail-in .35s ease}.contact-next-detail>p{padding-top:18px;color:#cbc4c8;font-size:9px;line-height:1.72}.contact-next-detail ul{display:grid;gap:7px;margin:14px 0 18px;padding:0;list-style:none}.contact-next-detail li{padding:9px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff07;color:#aaa4a8;font-size:8px;line-height:1.5}.contact-next-detail em{display:block;margin-bottom:3px;color:var(--next-accent);font-style:normal;font-weight:800}.contact-next-detail footer{display:block;min-height:0;padding:12px;border:1px solid color-mix(in srgb,var(--next-accent) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--next-accent) 7%,#05080b)}.contact-next-detail footer small{display:block;margin-bottom:5px;color:var(--next-accent);font-size:7px}.contact-next-detail footer strong{color:#eee8eb;font:700 8px Manrope,Arial,sans-serif;line-height:1.5}@keyframes contact-detail-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
html[data-theme="light"] .contact-next-interactive details{background:linear-gradient(180deg,#03070a61 0%,#05080bf5 62%),var(--next-image) center/cover no-repeat;border-color:#ffffff28}html[data-theme="light"] .contact-next-heading>p:not(.kicker){color:#d0c9cd}html[data-theme="light"] .contact-next-interactive summary strong{color:#fff}html[data-theme="light"] .contact-next-interactive summary p{color:#ddd6da}
@media(max-width:1000px){.contact-next-interactive details[open]{grid-column:span 2}.contact-next-interactive details[open] summary{min-height:330px}}
@media(max-width:700px){.contact-next-interactive details,.contact-next-interactive details[open]{grid-column:auto}.contact-next-interactive summary{min-height:330px;padding:19px}.contact-next-detail{padding:0 19px 20px}.contact-next-interactive details:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.contact-next-detail{animation:none}.contact-next-interactive details{transition:none}}

/* Contact stages 01-04 connected slideshow */
.contact-journey-modal{--journey-accent:#62eefe;position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:24px;background:#000e;backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s}.contact-journey-modal.open{opacity:1;visibility:visible;pointer-events:auto}.contact-journey-card{position:relative;width:min(1060px,100%);height:min(690px,92dvh);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--journey-accent) 48%,transparent);border-radius:22px;background:#06090d;box-shadow:0 45px 150px #000f,0 0 70px color-mix(in srgb,var(--journey-accent) 16%,transparent);transform:translateY(20px) scale(.98);transition:.32s}.contact-journey-modal.open .contact-journey-card{transform:none}.contact-journey-close{position:absolute;right:16px;top:16px;z-index:8;width:43px;height:43px;border:1px solid #ffffff25;border-radius:50%;background:#04070bd9;color:#fff;font-size:27px;cursor:pointer;transition:.25s}.contact-journey-close:hover{transform:rotate(90deg);background:var(--journey-accent);color:#04070b}.contact-journey-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:31px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#02050935,#03070ad9 62%,#030507fa),var(--journey-image) center/cover no-repeat}.contact-journey-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--journey-accent) 20%,transparent),transparent 35%)}.contact-journey-number{color:#ffffff12;font:900 100px Manrope,Arial,sans-serif;line-height:1}.contact-journey-visual small{color:var(--journey-accent);font:900 8px 'Roboto Mono',monospace;letter-spacing:.7px}.contact-journey-visual h2{margin:9px 0;font-size:clamp(42px,5vw,66px);line-height:.95;color:#fff;text-shadow:0 8px 30px #000}.contact-journey-visual p{max-width:390px;color:#ded7db;font-size:11px;line-height:1.7}.contact-journey-content{min-width:0;overflow:auto;padding:34px 36px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--journey-accent) 11%,transparent),transparent 35%)}.contact-journey-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:24px}.contact-journey-progress button{padding:9px 6px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff06;color:#858086;font:800 7px Manrope,Arial,sans-serif;cursor:pointer}.contact-journey-progress button b{display:block;margin-bottom:3px;color:#aaa4a8;font:900 8px 'Roboto Mono',monospace}.contact-journey-progress button.active{border-color:color-mix(in srgb,var(--journey-accent) 56%,transparent);background:color-mix(in srgb,var(--journey-accent) 10%,transparent);color:#fff}.contact-journey-progress button.active b{color:var(--journey-accent)}.contact-journey-slide .contact-next-detail{padding:0;border:0;background:transparent;animation:none}.contact-journey-slide .contact-next-detail>p{padding:0;color:#d2cbd0;font-size:11px;line-height:1.75}.contact-journey-slide .contact-next-detail ul{gap:9px}.contact-journey-slide .contact-next-detail li{padding:12px;color:#c3bcc0;font-size:9px}.contact-journey-slide .contact-next-detail footer{padding:14px}.contact-journey-slide.slide-forward{animation:contact-slide-forward .38s ease}.contact-journey-slide.slide-back{animation:contact-slide-back .38s ease}.contact-journey-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff16}.contact-journey-nav button{padding:10px 12px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff07;color:#d2cbd0;font:800 8px Manrope,Arial,sans-serif;cursor:pointer}.contact-journey-nav button:last-child{text-align:right}.contact-journey-nav button:hover{border-color:var(--journey-accent);color:#fff}.contact-journey-nav span{color:#777176;font:800 8px 'Roboto Mono',monospace}.contact-journey-nav span b{color:var(--journey-accent)}@keyframes contact-slide-forward{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes contact-slide-back{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
html[data-theme="light"] .contact-journey-modal{background:#e8dac5d9}html[data-theme="light"] .contact-journey-card{background:#06090d;color:#fff}html[data-theme="light"] .contact-journey-visual h2{color:#fff}html[data-theme="light"] .contact-journey-close{background:#04070bd9;color:#fff}
@media(max-width:800px){.contact-journey-modal{align-items:end;padding:0}.contact-journey-card{width:100%;height:auto;max-height:94dvh;grid-template-columns:1fr;overflow:auto;border-radius:20px 20px 0 0}.contact-journey-visual{min-height:300px;padding:25px}.contact-journey-number{font-size:68px}.contact-journey-content{overflow:visible;padding:25px 19px}.contact-journey-progress button span{display:none}}
@media(prefers-reduced-motion:reduce){.contact-journey-card,.contact-journey-slide{animation:none!important;transition:none}}

/* Complete light-mode image and text treatment */
html[data-theme="light"] .page-hero{background-image:linear-gradient(90deg,#fff9f0f2 0%,#f3e4d0d9 48%,#ead7bfb8 100%),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=80');border-bottom-color:#cbb89e}html[data-theme="light"] .page-hero-services{background-image:linear-gradient(90deg,#fff9f0f2,#f0dfcad0),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=80')}html[data-theme="light"] .page-hero-portfolio{background-image:linear-gradient(90deg,#fff9f0f2,#f0dfcad0),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=80')}html[data-theme="light"] .page-hero-contact{background-image:linear-gradient(90deg,#fff9f0f0 0%,#f1e0cbd0 48%,#ead8c1ad 100%),url('./contact-ai-command-center.png')}html[data-theme="light"] .page-hero::before{background:radial-gradient(circle at 78% 18%,#40cfe725,transparent 31%),radial-gradient(circle at 18% 70%,#d8384924,transparent 33%)}html[data-theme="light"] .page-hero h1{color:#171d22;text-shadow:0 5px 24px #fff}html[data-theme="light"] .page-hero p:not(.kicker){color:#39464d}html[data-theme="light"] .page-hero img{filter:saturate(.78) brightness(1.12) contrast(.9);opacity:.72;border-color:#ac9474;box-shadow:0 22px 60px #654b2d35}html[data-theme="light"] .page-hero-contact .page-hero-grid>img{opacity:.3;mix-blend-mode:multiply}html[data-theme="light"] .page-hero-contact .page-hero-grid::after{background:#edf8efdd;color:#17633a;border-color:#53a979}
html[data-theme="light"] .hero-badges span{background:#fff9efd9;color:#26343b;border-color:#cbb89e;box-shadow:0 8px 22px #654b2d18}

html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service]{background:linear-gradient(180deg,#fffaf06e 0%,#f3e4d2e8 58%,#ead7bff8 100%),var(--service-image) center/cover no-repeat;border-color:#bca78a;box-shadow:0 22px 48px #6045292b}html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service]::before{background:linear-gradient(180deg,#fffaf034,#fff8e9d6 50%,#ead5bcf5 78%),radial-gradient(circle at 85% 10%,#40cfe72b,transparent 36%)}html[data-theme="light"] .page-service-showcase .page-service-matrix h2{color:#18242b}html[data-theme="light"] .page-service-showcase .page-service-matrix p,html[data-theme="light"] .page-service-showcase .page-service-matrix li{color:#3f4b51}html[data-theme="light"] .page-service-showcase .page-service-copy>small{color:#9e1f2a}html[data-theme="light"] .page-service-more{color:#08788b;border-color:#55aebb;background:#eefaf9c9}

html[data-theme="light"] .story-grid-3d .story-card{background:linear-gradient(180deg,#fffaf07a,#ead9c3f2),var(--story-image) center/cover no-repeat;border-color:#bca78b;box-shadow:0 25px 58px #60452930}html[data-theme="light"] .story-grid-3d .story-card::before{background:linear-gradient(180deg,#fff9ef33,#f2e2cedb 58%,#e5d0b5f7)}html[data-theme="light"] .story-grid-3d .story-card h2,html[data-theme="light"] .story-grid-3d .story-card strong,html[data-theme="light"] .story-grid-3d .story-card b{color:#17242b}html[data-theme="light"] .story-grid-3d .story-card p{color:#3f4b51}html[data-theme="light"] .purpose-card{background:linear-gradient(90deg,#fffaf0ed,#e7d2b7cf),var(--method-image) center/cover no-repeat;border-color:#b79f80}html[data-theme="light"] .purpose-card::before{background:radial-gradient(circle at 75% 20%,#3bc8de26,transparent 34%),linear-gradient(90deg,#fff9efe8,#ead7bfc7)}html[data-theme="light"] .purpose-card h2,html[data-theme="light"] .purpose-card strong{color:#17242b}html[data-theme="light"] .purpose-card p{color:#3f4b51}html[data-theme="light"] .method-support article,html[data-theme="light"] .method-support .improve-card{background:radial-gradient(circle at 100% 0,#d7334320,transparent 40%),linear-gradient(145deg,#fffaf1,#ead8c0);border-color:#c1aa8c}html[data-theme="light"] .method-support strong{color:#17242b}html[data-theme="light"] .method-support p{color:#465259}

html[data-theme="light"] .portfolio-proof article{background:linear-gradient(145deg,#fffaf1e8,#e6d3b9e8);border-color:#bda586;box-shadow:0 18px 42px #60452926}html[data-theme="light"] .portfolio-proof span{color:#4c565b}html[data-theme="light"] .portfolio-wall article{background:#eee0ce;border-color:#baa283;box-shadow:0 22px 52px #6045292b}html[data-theme="light"] .portfolio-wall img{opacity:.48;filter:saturate(.72) brightness(1.18) contrast(.82)}html[data-theme="light"] .portfolio-wall article::before{background:linear-gradient(180deg,#fff9ef45 0%,#f3e5d3dd 56%,#e7d3baf8 100%)}html[data-theme="light"] .portfolio-wall article h2{color:#17242b}html[data-theme="light"] .portfolio-wall article p{color:#3f4b51}html[data-theme="light"] .portfolio-wall article li{color:#35434a;background:#fff9efbd;border-color:#ae9a80}html[data-theme="light"] .portfolio-wall article small{color:#586267}html[data-theme="light"] .portfolio-card-copy>span{color:#08788b;background:#edf9f7d9;border-color:#52aebb}html[data-theme="light"] .portfolio-process{background:radial-gradient(circle at 100% 0,#40b9cc20,transparent 32%),linear-gradient(145deg,#fff9f0,#e6d3bb);border-color:#b99f7f;box-shadow:0 24px 58px #6045292b}html[data-theme="light"] .portfolio-process h2,html[data-theme="light"] .portfolio-process li>strong{color:#17242b}html[data-theme="light"] .portfolio-process li{background:#fff9efcc;color:#17242b;border-color:#bca78a;box-shadow:0 14px 32px #60452920}html[data-theme="light"] .portfolio-process li>span,html[data-theme="light"] .process-detail p{color:#48545a}html[data-theme="light"] .process-detail em{color:#29363d;background:#fff9ef;border-color:#b9a387}

html[data-theme="light"] .contact-introduction>div>p:not(.kicker){color:#4b565c}html[data-theme="light"] .contact-introduction>span{color:#176b43;background:#eaf8ef;border-color:#6bb68c}
html[data-theme="light"] .contact-ai-hub{background:linear-gradient(90deg,#fff9f0ed,#ead8c3d6),url('./contact-ai-command-center.png') center/cover no-repeat;border-color:#9bb9b6;box-shadow:0 30px 75px #60452930}html[data-theme="light"] .contact-ai-hub::after{content:"";position:absolute;inset:0;z-index:-1;background:#fff8ed25;pointer-events:none}html[data-theme="light"] .contact-hub-copy h2,html[data-theme="light"] .contact-hub-copy strong{color:#17242b}html[data-theme="light"] .contact-hub-copy>p:not(.kicker),html[data-theme="light"] .contact-hub-copy article span{color:#465259}html[data-theme="light"] .contact-hub-copy article{background:#fffaf0c9;border-color:#a9a18e}
html[data-theme="light"] .contact-channel-grid article{background:linear-gradient(180deg,#fff9ef57 0%,#f3e4d1e8 55%,#e8d4baf8 100%),var(--contact-image) center/cover no-repeat;border-color:#bba384;box-shadow:0 22px 52px #6045292b}html[data-theme="light"] .contact-channel-grid article::before{background:linear-gradient(180deg,#fffaf02b,#fff7e6ca 48%,#e8d4baf5 78%),radial-gradient(circle at 85% 8%,#40cfe72c,transparent 35%)}html[data-theme="light"] .contact-channel-grid strong,html[data-theme="light"] .contact-channel-grid h2,html[data-theme="light"] .contact-channel-grid a{color:#17242b}html[data-theme="light"] .contact-channel-grid p,html[data-theme="light"] .contact-channel-grid li,html[data-theme="light"] .contact-channel-grid footer{color:#465259}html[data-theme="light"] .contact-card-icon{background:#eef9f6d9;color:#08788b;border-color:#55aebb}
html[data-theme="light"] .contact-brief-detailed{background:linear-gradient(90deg,#fff9f0f2,#e7d2b8d9),url('./contact-ai-planning-studio.png') center/cover no-repeat;border-color:#bba183}html[data-theme="light"] .contact-brief-copy h2,html[data-theme="light"] .contact-brief-3d strong{color:#17242b}html[data-theme="light"] .contact-brief-copy>p:not(.kicker),html[data-theme="light"] .contact-brief-3d p{color:#465259}html[data-theme="light"] .contact-brief-3d article{background:linear-gradient(160deg,#fffaf0e8,#e7d3b9eb);border-color:#b9a082;box-shadow:0 17px 38px #60452928}html[data-theme="light"] .contact-brief-3d li{background:#fff9ef;color:#465259}
html[data-theme="light"] .contact-next{background:linear-gradient(90deg,#fff9f0f0,#e7d3bade),url('./contact-ai-planning-studio.png') center/cover no-repeat;border-color:#bba384}html[data-theme="light"] .contact-next-heading h2{color:#17242b}html[data-theme="light"] .contact-next-heading>p:not(.kicker){color:#465259}html[data-theme="light"] .contact-next-interactive details{background:linear-gradient(180deg,#fff9ef61 0%,#f2e1cddd 55%,#e5cfb3f8 100%),var(--next-image) center/cover no-repeat;border-color:#b69d7e;box-shadow:0 22px 50px #6045292d}html[data-theme="light"] .contact-next-interactive details::before{background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--next-accent) 16%,transparent),transparent 34%),linear-gradient(180deg,#fffaf02c,#ead6bdf0 76%)}html[data-theme="light"] .contact-next-interactive summary{color:#17242b}html[data-theme="light"] .contact-next-interactive summary strong{color:#17242b}html[data-theme="light"] .contact-next-interactive summary p{color:#465259}html[data-theme="light"] .contact-next-interactive summary span,html[data-theme="light"] .contact-next-interactive summary>b{background:#fff9efd9;color:#176977}

html[data-theme="light"] .solution-card-rich,html[data-theme="light"] .project-modal-card,html[data-theme="light"] .purpose-modal-card,html[data-theme="light"] .portfolio-stage-modal-card,html[data-theme="light"] .contact-journey-card{background:#fff8ed;color:#17242b;border-color:#b79f80}html[data-theme="light"] .solution-image{filter:saturate(.72) brightness(1.16) contrast(.85)}html[data-theme="light"] .solution-media::after{background:linear-gradient(180deg,#fffaf02b,#ead7bfe8),radial-gradient(circle at 20% 20%,#40cfe72c,transparent 34%)}html[data-theme="light"] .solution-metrics span{background:#f5fbf8dd;color:#155f6b}html[data-theme="light"] .project-modal-visual{background-blend-mode:screen;background-color:#dbc8ae}html[data-theme="light"] .project-modal-visual h2,html[data-theme="light"] .project-modal-body h3{color:#17242b;text-shadow:0 3px 20px #fff}html[data-theme="light"] .project-modal-visual p,html[data-theme="light"] .project-modal-body>p:not(.kicker){color:#465259}html[data-theme="light"] .project-outcomes span{color:#354148;background:#f5e8d6;border-color:#c3ab8c}html[data-theme="light"] .purpose-modal-visual{background-blend-mode:screen;background-color:#dbc8ae}html[data-theme="light"] .purpose-modal-visual h2,html[data-theme="light"] .purpose-modal-visual strong,html[data-theme="light"] .purpose-modal-body h3,html[data-theme="light"] .purpose-modal-body strong{color:#17242b}html[data-theme="light"] .purpose-modal-visual p,html[data-theme="light"] .purpose-modal-body p{color:#465259}html[data-theme="light"] .purpose-modal-body{background:radial-gradient(circle at 100% 0,#d7374522,transparent 34%),linear-gradient(145deg,#fff9ef,#e9d7bf)}
html[data-theme="light"] .portfolio-stage-modal-side{background:radial-gradient(circle at 55% 36%,color-mix(in srgb,var(--process-accent) 20%,transparent),transparent 29%),linear-gradient(155deg,#fff9ef,#e3cfb5 73%)}html[data-theme="light"] .portfolio-stage-modal-side h2,html[data-theme="light"] .portfolio-stage-modal-content h3,html[data-theme="light"] .process-standard strong{color:#17242b}html[data-theme="light"] .portfolio-stage-modal-side p,html[data-theme="light"] .portfolio-stage-modal-content>p,html[data-theme="light"] .process-columns li{color:#465259}html[data-theme="light"] .process-columns>div,html[data-theme="light"] .process-standard span{background:#fffaf0;border-color:#c3ac8e}
html[data-theme="light"] .contact-journey-card{background:#fff8ed}html[data-theme="light"] .contact-journey-visual{background:linear-gradient(180deg,#fff9ef5c,#ead6bde8 65%,#e0c8a9f7),var(--journey-image) center/cover no-repeat}html[data-theme="light"] .contact-journey-visual h2{color:#17242b;text-shadow:0 5px 24px #fff}html[data-theme="light"] .contact-journey-visual p{color:#465259}html[data-theme="light"] .contact-journey-content{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--journey-accent) 10%,transparent),transparent 35%),#fff8ed}html[data-theme="light"] .contact-journey-slide .contact-next-detail>p,html[data-theme="light"] .contact-journey-slide .contact-next-detail li{color:#465259}html[data-theme="light"] .contact-journey-slide .contact-next-detail li{background:#f4e5d2;border-color:#c2aa8b}html[data-theme="light"] .contact-journey-nav button{background:#f3e3cf;color:#314047;border-color:#c1aa8c}
html[data-theme="light"] .page-hero p:not(.kicker){color:#39464d!important}

/* Home page: brighter background images and readable light-mode copy */
html[data-theme="light"] .hero{background:linear-gradient(90deg,#fffaf1f5 0%,#f1dfc9d6 48%,#e7d1b5a3 100%),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=80') center/cover;border-bottom-color:#cbb89e}html[data-theme="light"] .hero-copy h1{color:#17242b;text-shadow:0 5px 25px #fff}html[data-theme="light"] .hero-copy>p:not(.kicker){color:#39464d!important}html[data-theme="light"] .hero-slide{filter:saturate(.78) brightness(1.3) contrast(.82);opacity:.72}html[data-theme="light"] .hero-slide.active{opacity:.78}html[data-theme="light"] .hero-shade{background:linear-gradient(90deg,#fff9eff7 0%,#f6e9d8bd 26%,#fff9ef30 65%),linear-gradient(0deg,#ead7c0b5,transparent 55%)}html[data-theme="light"] .hero-visual{border-left-color:#bba487;background:#ead7be}html[data-theme="light"] .hero-logo{padding:12px;border:1px solid #c9b596;border-radius:15px;background:#111820d9;mix-blend-mode:normal;filter:drop-shadow(0 14px 28px #6c503233)}html[data-theme="light"] .hero-dots button{border-color:#795e3d;background:#fff9ef}html[data-theme="light"] .hero-dots button.active{background:#d91525;border-color:#d91525}html[data-theme="light"] .hero .secondary{background:#fff9efd9;color:#7b1a23;border-color:#b42d37}
html[data-theme="light"] .tech-strip{background:linear-gradient(90deg,#ead8c1,#fffaf1,#e5d0b5);border-color:#c7b291;box-shadow:inset 0 1px #fff}html[data-theme="light"] .tech-track span{background:#fffaf0;color:#27353c;border-color:#c5af91}

html[data-theme="light"] .ai-film-frame{background:#ead7bd;border-color:#ab9b80;box-shadow:0 30px 75px #6045292f}html[data-theme="light"] .ai-film-frame>video,html[data-theme="light"] .ai-film-frame>img{filter:saturate(.72) brightness(1.35) contrast(.78);opacity:.66}html[data-theme="light"] .ai-film-frame::before{background:linear-gradient(90deg,#fff9eff1 0%,#f0dfc9d5 45%,#fff9ef43 82%),linear-gradient(0deg,#ead6bee0,transparent 48%)}html[data-theme="light"] .ai-film-frame::after{background:linear-gradient(90deg,#258da815 1px,transparent 1px),linear-gradient(#258da812 1px,transparent 1px);background-size:60px 60px}html[data-theme="light"] .ai-film-overlay h2{color:#17242b;text-shadow:0 5px 22px #fff}html[data-theme="light"] .ai-film-overlay>div>p:not(.kicker){color:#3f4b51;text-shadow:none}html[data-theme="light"] .ai-film-overlay>span{background:#f4fbf8dc;color:#146677;border-color:#54a9b7}html[data-theme="light"] .ai-film-timeline{border-top-color:#89775f}html[data-theme="light"] .ai-film-timeline span{color:#4d585d}

html[data-theme="light"] .services-main{background:linear-gradient(135deg,#fff9f0ef 0%,#ead8c2e8 46%,#f7ead9ed),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=80') center/cover;border-color:#bca586;box-shadow:0 30px 75px #6045292c}html[data-theme="light"] .services-main::before{background:radial-gradient(circle at 84% 15%,#3cbcd329,transparent 34%),linear-gradient(90deg,#81694b16 1px,transparent 1px),linear-gradient(#81694b12 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}html[data-theme="light"] .services-heading h2{color:#17242b}html[data-theme="light"] .services-heading>div>p:not(.kicker){color:#465259}html[data-theme="light"] .services-main .service-card{background:#f3e5d2;border-color:#bca487;box-shadow:0 18px 42px #6045292c}html[data-theme="light"] .services-main .service-card::before{background:linear-gradient(180deg,#fffaf030 0%,#f7ead9d2 48%,#e7d1b6f7 82%)}html[data-theme="light"] .services-main .service-bg{filter:saturate(.72) brightness(1.35) contrast(.78);opacity:.62}html[data-theme="light"] .services-main .service-card h3{color:#17242b}html[data-theme="light"] .services-main .service-card p{color:#435057}html[data-theme="light"] .services-main .service-icon{background:#effaf8d9;color:#126d7b;border-color:#56aebb}html[data-theme="light"] .service-more{color:#8f1c27}html[data-theme="light"] .service-live-panel{background:linear-gradient(90deg,#fff9f0e8,#ead7bfdf),url('https://images.unsplash.com/photo-1556742502-ec7c0e9f34b1?auto=format&fit=crop&w=1200&q=85') center/cover;border-color:#bca487;box-shadow:0 22px 52px #6045292c}html[data-theme="light"] .service-live-panel::before{background:linear-gradient(90deg,#fff9eff3,#ead7bfd8)}html[data-theme="light"] .service-live-image{filter:saturate(.7) brightness(1.32) contrast(.8);opacity:.42}html[data-theme="light"] .service-live-copy h3{color:#17242b}html[data-theme="light"] .service-live-copy p{color:#435057}html[data-theme="light"] .service-live-tags span{background:#fffaf0;color:#344249;border-color:#b9a286}

html[data-theme="light"] .ai-copy{background:linear-gradient(145deg,#fffaf1,#ead8c1);border-color:#bea789;box-shadow:0 18px 42px #60452928}html[data-theme="light"] .ai-copy h2{color:#17242b}html[data-theme="light"] .ai-copy>p:not(.kicker){color:#435057}html[data-theme="light"] .ai-grid article{background:#ead8c1;border-color:#b9a183;box-shadow:0 18px 42px #6045292b}html[data-theme="light"] .ai-grid img{filter:saturate(.72) brightness(1.38) contrast(.76);opacity:.66}html[data-theme="light"] .ai-grid article::before{background:linear-gradient(180deg,#fffaf038 0%,#f3e4d1db 61%,#e5cfb4f8 100%),radial-gradient(circle at 90% 0,#40cfe729,transparent 45%)}html[data-theme="light"] .ai-grid h3{color:#17242b}html[data-theme="light"] .ai-grid p{color:#435057}html[data-theme="light"] .ai-grid span{background:#effaf8d9;color:#126d7b;border-color:#56aebb}

html[data-theme="light"] .about-image{background:#e6d2b8;border-color:#b9a183;box-shadow:0 20px 46px #6045292b}html[data-theme="light"] .about-image>img{filter:saturate(.72) brightness(1.35) contrast(.78);opacity:.82}html[data-theme="light"] .about-image::after{background:linear-gradient(0deg,#ead6bec9,transparent 62%)}html[data-theme="light"] .about-image div{background:linear-gradient(135deg,#fff4e6ed,#e4c9a7);color:#7c1721;border:1px solid #b48d65}html[data-theme="light"] .about-copy>p:not(.kicker),html[data-theme="light"] .about-copy ul{color:#465259}
html[data-theme="light"] .contact-panel{background:linear-gradient(135deg,#fffaf1,#ead8c1 55%,#edf5f1);border-color:#bca587;box-shadow:0 22px 52px #6045292b}html[data-theme="light"] .contact-panel h2{color:#17242b}html[data-theme="light"] .contact-intro{color:#465259}html[data-theme="light"] .contact-details p{background:#fff9ef;border-color:#c2ac8f}html[data-theme="light"] .contact-details small{color:#776b60}html[data-theme="light"] .contact-details a,html[data-theme="light"] .contact-details span{color:#25343b}html[data-theme="light"] .contact-info-list span{background:#edf8f3;color:#176475;border-color:#73afb5}

html[data-theme="light"] .feedback-grid article{background:linear-gradient(145deg,#fffaf1,#ead8c1);border-color:#bca587;box-shadow:0 18px 42px #60452928}html[data-theme="light"] .feedback-grid article p{color:#435057}html[data-theme="light"] .feedback-grid article strong{color:#17242b}html[data-theme="light"] .feedback-grid article span,html[data-theme="light"] .feedback-grid article small{color:#5b6569}html[data-theme="light"] .feedback-prompt{background:linear-gradient(145deg,#fffaf1,#ead8c1);border-color:#bca587}html[data-theme="light"] .feedback-prompt h3{color:#17242b}html[data-theme="light"] .feedback-prompt p{color:#435057}
html[data-theme="light"] .quote-visual{background-blend-mode:screen;background-color:#d9c5aa}html[data-theme="light"] .quote-visual::before{background:linear-gradient(180deg,#fff9ef4a,#ead6bee8)}html[data-theme="light"] .quote-visual h3,html[data-theme="light"] .quote-visual-copy h3{color:#17242b;text-shadow:0 4px 18px #fff}html[data-theme="light"] .quote-visual p{color:#435057}
html[data-theme="light"] .hero-logo{content:url('./code-vertex-wordmark.png');width:min(390px,58%);left:25%;object-fit:contain;opacity:1!important;filter:drop-shadow(0 16px 28px #6c503233) brightness(1.08) contrast(1.08)}html[data-theme="light"] .services-main .service-card{filter:none!important;opacity:1!important}html[data-theme="light"] .services-main .service-bg{filter:saturate(.72) brightness(1.35) contrast(.78)!important;opacity:.62!important}

/* Header enquiry number field and detailed delivery tracker */
.nav-shell{gap:22px}.site-header nav{gap:27px}.header-enquiry-tracker{flex:0 0 205px;height:39px;display:flex;align-items:stretch;margin-left:auto;border:1px solid #40e7ff36;border-radius:7px;background:#071016d9;overflow:hidden;box-shadow:inset 0 1px #ffffff10}.header-enquiry-tracker label{min-width:0;flex:1;display:grid;align-content:center;padding:4px 9px}.header-enquiry-tracker label span{color:#6feeff;font:800 6px 'Roboto Mono',monospace;letter-spacing:.5px;text-transform:uppercase}.header-enquiry-tracker input{min-width:0;width:100%;padding:0;border:0;background:transparent;color:#fff;font:800 8px 'Roboto Mono',monospace;outline:0;text-transform:uppercase}.header-enquiry-tracker input::placeholder{color:#77747a}.header-enquiry-tracker button{display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-left:1px solid #ffffff13;background:#ffffff06;color:#eee;font:800 8px Manrope,Arial,sans-serif;cursor:pointer}.header-enquiry-tracker button b{color:#6feeff;font-size:12px}.site-header .quote-link{margin-left:0;min-width:160px;padding-inline:16px}
.enquiry-tracker-modal{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:24px;background:#000e;backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:.28s}.enquiry-tracker-modal.open{opacity:1;visibility:visible;pointer-events:auto}.enquiry-tracker-card{position:relative;width:min(1180px,100%);max-height:92dvh;overflow:auto;border:1px solid #40e7ff42;border-radius:22px;background:radial-gradient(circle at 100% 0,#40e7ff12,transparent 30%),#07090d;box-shadow:0 48px 150px #000f,0 0 75px #40e7ff17;transform:translateY(20px) scale(.985);transition:.3s}.enquiry-tracker-modal.open .enquiry-tracker-card{transform:none}.enquiry-tracker-close{position:absolute;right:16px;top:16px;z-index:4;width:43px;height:43px;border:1px solid #ffffff25;border-radius:50%;background:#05070adc;color:#fff;font-size:27px;cursor:pointer}.enquiry-tracker-card>header{padding:34px 78px 25px 34px;border-bottom:1px solid #ffffff15;background:linear-gradient(90deg,#121a21,#080a0e)}.enquiry-tracker-card>header h2{margin:0 0 6px;color:#fff;font-size:clamp(30px,4vw,48px)}.enquiry-tracker-card>header>p:not(.kicker,.enquiry-tracker-status){color:#aaa4a8;font-size:11px}.enquiry-tracker-search{display:grid;grid-template-columns:1fr auto;max-width:650px;margin-top:18px;border:1px solid #40e7ff4a;border-radius:10px;background:#04070a;overflow:hidden}.enquiry-tracker-search input{min-width:0;padding:14px 16px;border:0;background:transparent;color:#fff;font:800 13px 'Roboto Mono',monospace;text-transform:uppercase;outline:0}.enquiry-tracker-search button{padding:0 18px;border:0;border-left:1px solid #40e7ff2c;background:#40e7ff12;color:#dffbff;font:800 10px Manrope,Arial,sans-serif;cursor:pointer}.enquiry-tracker-search button b{margin-left:8px;color:#62efff}.enquiry-tracker-status{min-height:18px;margin:10px 0 0;color:#ff8c96;font-size:10px}.enquiry-tracker-result{padding:25px 34px 36px}.tracker-overview{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:8px}.tracker-overview>div{min-width:0;padding:14px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff06}.tracker-overview small,.tracker-section-heading small{display:block;margin-bottom:6px;color:#62efff;font:900 7px 'Roboto Mono',monospace;letter-spacing:.55px}.tracker-overview strong{display:block;color:#fff;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.tracker-overview button{margin-top:7px;padding:0;border:0;background:transparent;color:#62efff;font:700 8px Manrope,Arial,sans-serif;cursor:pointer}.tracker-progress-summary{margin:12px 0 22px;padding:18px;border:1px solid #40e7ff2b;border-radius:12px;background:radial-gradient(circle at 100% 0,#40e7ff12,transparent 35%),#071017}.tracker-progress-summary>div{display:flex;justify-content:space-between;gap:15px;color:#d8d1d5;font-size:10px}.tracker-progress-summary>div strong{color:#62efff;font-size:17px}.tracker-progress-summary>i{display:block;height:7px;margin:11px 0;border-radius:999px;background:#ffffff0d;overflow:hidden}.tracker-progress-summary>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e30918,#ff6170,#62efff);box-shadow:0 0 18px #62efff;transition:width .5s}.tracker-progress-summary>p{margin:0;color:#bbb5b9;font-size:10px;line-height:1.7}.tracker-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.tracker-detail-grid>section{padding:18px;border:1px solid #ffffff12;border-radius:13px;background:#05070a80}.tracker-section-heading h3{margin:0 0 16px;color:#fff;font-size:16px}.tracker-stages{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tracker-stage{display:grid;grid-template-columns:37px 1fr;gap:10px;padding:11px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff04;opacity:.58}.tracker-stage>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff1c;border-radius:50%;color:#858086;font:900 8px 'Roboto Mono',monospace}.tracker-stage small{display:block;margin-bottom:3px;color:#777278;font:800 6px 'Roboto Mono',monospace}.tracker-stage strong{display:block;margin-bottom:4px;color:#bcb6ba;font-size:9px}.tracker-stage p{margin:0;color:#777278;font-size:7px;line-height:1.5}.tracker-stage.complete{opacity:1;border-color:#60dd9636;background:#60dd9609}.tracker-stage.complete>span{border-color:#60dd9666;background:#60dd9612;color:#78e7a6}.tracker-stage.complete small{color:#70d99b}.tracker-stage.complete strong{color:#dfebe4}.tracker-stage.active{grid-column:span 2;opacity:1;border-color:#62efff72;background:radial-gradient(circle at 100% 0,#62efff15,transparent 35%),#08151c;box-shadow:0 0 28px #40e7ff12}.tracker-stage.active>span{border-color:#62efff;background:#62efff12;color:#62efff;box-shadow:0 0 20px #62efff28}.tracker-stage.active small{color:#62efff}.tracker-stage.active strong{color:#fff;font-size:11px}.tracker-stage.active p{color:#bcb6ba;font-size:8px}.tracker-events{position:relative;display:grid;gap:5px;margin:0;padding:0;list-style:none}.tracker-events::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:#40e7ff32}.tracker-events li{position:relative;display:grid;grid-template-columns:12px 1fr;gap:9px;padding:8px 0}.tracker-events li>i{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:2px solid #071017;border-radius:50%;background:#62efff;box-shadow:0 0 12px #62efff}.tracker-events time{display:block;color:#777278;font:700 6px 'Roboto Mono',monospace}.tracker-events strong{display:block;margin:3px 0;color:#e8e2e5;font-size:9px}.tracker-events p{margin:0;color:#999398;font-size:8px;line-height:1.55}
html[data-theme="light"] .header-enquiry-tracker{background:#fff9ef;border-color:#bca487;box-shadow:0 6px 18px #60452915}html[data-theme="light"] .header-enquiry-tracker label span{color:#8f1c27}html[data-theme="light"] .header-enquiry-tracker input{color:#25343b}html[data-theme="light"] .header-enquiry-tracker button{background:#f3e3cf;color:#25343b;border-left-color:#c6b092}html[data-theme="light"] .enquiry-tracker-modal{background:#e8dac5dd}html[data-theme="light"] .enquiry-tracker-card{background:radial-gradient(circle at 100% 0,#39afc31a,transparent 30%),#fff8ed;color:#17242b;border-color:#b79f80;box-shadow:0 40px 120px #60452955}html[data-theme="light"] .enquiry-tracker-card>header{background:linear-gradient(90deg,#fffaf1,#ead8c1);border-bottom-color:#c7b193}html[data-theme="light"] .enquiry-tracker-card>header h2{color:#17242b}html[data-theme="light"] .enquiry-tracker-card>header>p:not(.kicker,.enquiry-tracker-status){color:#465259}html[data-theme="light"] .enquiry-tracker-search{background:#fffdf8;border-color:#a99578}html[data-theme="light"] .enquiry-tracker-search input{color:#17242b}html[data-theme="light"] .enquiry-tracker-search button{background:#e9d4b8;color:#6f1821;border-left-color:#b99f80}html[data-theme="light"] .tracker-overview>div,html[data-theme="light"] .tracker-detail-grid>section{background:#fffaf1;border-color:#c5af91}html[data-theme="light"] .tracker-overview strong,html[data-theme="light"] .tracker-section-heading h3{color:#17242b}html[data-theme="light"] .tracker-progress-summary{background:radial-gradient(circle at 100% 0,#3db6ca1a,transparent 35%),#f4e5d2;border-color:#9db7b4}html[data-theme="light"] .tracker-progress-summary>div,html[data-theme="light"] .tracker-progress-summary>p{color:#3f4b51}html[data-theme="light"] .tracker-progress-summary>i{background:#cdbda8}html[data-theme="light"] .tracker-stage{background:#f4e7d5;border-color:#c9b496}html[data-theme="light"] .tracker-stage strong{color:#48545a}html[data-theme="light"] .tracker-stage p{color:#626c70}html[data-theme="light"] .tracker-stage.active{background:radial-gradient(circle at 100% 0,#40b9cc20,transparent 35%),#edf8f5;border-color:#58aebb}html[data-theme="light"] .tracker-stage.active strong{color:#17242b}html[data-theme="light"] .tracker-stage.active p{color:#465259}html[data-theme="light"] .tracker-stage.complete{background:#edf8ef;border-color:#79b28e}html[data-theme="light"] .tracker-stage.complete strong{color:#224331}html[data-theme="light"] .tracker-events strong{color:#17242b}html[data-theme="light"] .tracker-events p{color:#465259}html[data-theme="light"] .tracker-events li>i{border-color:#fff8ed}
@media(max-width:1180px){.site-header nav{gap:17px}.header-enquiry-tracker{flex-basis:168px}.header-enquiry-tracker label{padding-inline:7px}.header-enquiry-tracker button{padding-inline:7px}.site-header .quote-link{min-width:140px}}
@media(max-width:1000px){.header-enquiry-tracker{flex-basis:145px}.header-enquiry-tracker label span{display:none}.header-enquiry-tracker input{font-size:7px}.site-header .quote-link{display:none}.tracker-detail-grid{grid-template-columns:1fr}.tracker-overview{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header-enquiry-tracker{flex:0 0 53px;height:42px;margin-left:0}.header-enquiry-tracker label{display:none}.header-enquiry-tracker button{width:100%;justify-content:center;padding:0;border:0}.header-enquiry-tracker button b{display:none}.enquiry-tracker-modal{align-items:end;padding:0}.enquiry-tracker-card{width:100%;max-height:95dvh;border-radius:20px 20px 0 0}.enquiry-tracker-card>header{padding:26px 62px 20px 19px}.enquiry-tracker-search{grid-template-columns:1fr}.enquiry-tracker-search button{min-height:44px;border-left:0;border-top:1px solid #40e7ff2c}.enquiry-tracker-result{padding:18px}.tracker-overview{grid-template-columns:1fr}.tracker-stages{grid-template-columns:1fr}.tracker-stage.active{grid-column:auto}.tracker-detail-grid>section{padding:13px}}

/* Brighter, clearer photography while preserving night-mode text contrast */
.hero-slide{filter:saturate(1.08) brightness(1.02) contrast(1.04)}
.hero-shade{background:linear-gradient(90deg,#050505f2 0%,#0505059c 15%,transparent 48%),linear-gradient(0deg,#0505059e,transparent 55%),radial-gradient(circle at 62% 45%,transparent,#11020542 72%,#05050582)}
.page-hero{background-image:linear-gradient(135deg,#16090fa8,#07131a91),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=88')}
.page-hero-services{background-image:linear-gradient(135deg,#16090fa8,#07131a91),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=88')}
.page-hero-portfolio{background-image:linear-gradient(135deg,#16090fa8,#07131a91),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=88')}
.page-hero-contact{background-image:linear-gradient(135deg,#16090fa8,#07131a91),url('https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1800&q=88')}
.page-hero img{filter:saturate(1.16) brightness(1.08) contrast(1.02)}
.service-bg{filter:saturate(1.08) brightness(1.08) contrast(1.04);opacity:.72}
.service-card:hover .service-bg{opacity:.92}
.portfolio-wall img{filter:saturate(1.1) brightness(.98) contrast(1.02);opacity:.86}
.story-grid-3d .story-card::before{background:linear-gradient(180deg,#02040708 0%,#07111952 48%,#050609dc 82%)}
.purpose-card::before{background:linear-gradient(180deg,#02040708 0%,#07111952 46%,#050609dd 80%),radial-gradient(circle at 85% 8%,#40e7ff42,transparent 38%),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:auto,auto,58px 58px,58px 58px}
.contact-journey-visual{background:linear-gradient(180deg,#02050918,#03070a9c 66%,#030507e8),var(--journey-image) center/cover no-repeat}

html[data-theme="light"] .hero-slide{filter:saturate(.96) brightness(1.18) contrast(.9);opacity:.84}
html[data-theme="light"] .hero-slide.active{opacity:.9}
html[data-theme="light"] .hero-shade{background:linear-gradient(90deg,#fff9efef 0%,#f6e9d89e 25%,#fff9ef12 67%),linear-gradient(0deg,#ead7c07a,transparent 58%)}
html[data-theme="light"] .page-hero,html[data-theme="light"] .page-hero-services,html[data-theme="light"] .page-hero-portfolio,html[data-theme="light"] .page-hero-contact{background-blend-mode:normal}
html[data-theme="light"] .page-hero img{filter:saturate(.96) brightness(1.16) contrast(.9);opacity:.9}
html[data-theme="light"] .page-hero-contact .page-hero-grid>img{opacity:.72;mix-blend-mode:normal}
html[data-theme="light"] .services-main .service-bg{filter:saturate(.95) brightness(1.18) contrast(.88)!important;opacity:.78!important}
html[data-theme="light"] .services-main .service-card::before{background:linear-gradient(180deg,#fffaf01f 0%,#f7ead9a8 56%,#e7d1b6e8 88%)}
html[data-theme="light"] .ai-grid img{filter:saturate(.95) brightness(1.18) contrast(.88);opacity:.8}
html[data-theme="light"] .about-image>img{filter:saturate(.96) brightness(1.16) contrast(.9);opacity:.94}
html[data-theme="light"] .portfolio-wall img{filter:saturate(.94) brightness(1.12) contrast(.88);opacity:.76}
html[data-theme="light"] .story-grid-3d .story-card{background:linear-gradient(180deg,#fffaf045,#ead9c3d9),var(--story-image) center/cover no-repeat}
html[data-theme="light"] .story-grid-3d .story-card::before{background:linear-gradient(180deg,#fff9ef15,#f2e2ceae 62%,#e5d0b5eb)}
html[data-theme="light"] .purpose-card{background:linear-gradient(90deg,#fffaf0ca,#e7d2b79e),var(--method-image) center/cover no-repeat}
html[data-theme="light"] .contact-journey-visual{background:linear-gradient(180deg,#fff9ef20,#ead6bdad 68%,#e0c8a9e8),var(--journey-image) center/cover no-repeat}

/* Services page: high-visibility photography and copy in light mode */
html[data-theme="light"] body[data-page="services"] .page-hero-services{
  background-image:linear-gradient(90deg,#fffaf1e8 0%,#f5e7d3ad 48%,#fffaf12e 100%),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=90');
  background-position:center;
  background-size:cover;
}
html[data-theme="light"] body[data-page="services"] .page-hero-services::before{background:radial-gradient(circle at 76% 18%,#35b9d12b,transparent 34%),radial-gradient(circle at 15% 78%,#d92a3b1a,transparent 36%)}
html[data-theme="light"] body[data-page="services"] .page-hero-services h1{color:#111b22;text-shadow:0 3px 18px #fff,0 1px #fff}
html[data-theme="light"] body[data-page="services"] .page-hero-services p:not(.kicker){color:#263841!important;font-weight:600;text-shadow:0 2px 12px #fff}
html[data-theme="light"] body[data-page="services"] .page-hero-services .hero-badges span{background:#fffaf0e6;color:#20323a;border-color:#9d896f;box-shadow:0 8px 20px #674b2c20}
html[data-theme="light"] body[data-page="services"] .page-hero-services img{filter:saturate(1.08) brightness(1.13) contrast(.94);opacity:1;border-color:#9c8567;box-shadow:0 25px 65px #5d43292e}

html[data-theme="light"] body[data-page="services"] .page-service-showcase{background:radial-gradient(circle at 84% 10%,#32bdd426,transparent 31%),radial-gradient(circle at 8% 90%,#dc33431d,transparent 29%),linear-gradient(145deg,#fffdf7,#eadbc6);border-color:#ad9677;box-shadow:0 28px 70px #5b432c26,inset 0 1px #fff}
html[data-theme="light"] body[data-page="services"] .page-service-showcase>h2{color:#13232b}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-matrix article[data-service]{background:#f0e4d2 var(--service-image) center/cover no-repeat;border-color:#9f8a70;filter:saturate(.94) brightness(.98);opacity:.72;box-shadow:0 22px 50px #573f292d,inset 0 1px #fff8}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-matrix article[data-service].near-active{opacity:.9;filter:saturate(1.02) brightness(1.02)}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-matrix article[data-service].active{opacity:1;filter:saturate(1.12) brightness(1.06) contrast(.98);border-color:#219cb0;box-shadow:0 28px 62px #573f2938,0 0 30px #28aab72b}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-matrix article[data-service]::before{background:linear-gradient(180deg,#fff8ec05 0%,#fff8ec28 35%,#fff9efe6 72%,#ead7bff8 100%),radial-gradient(circle at 88% 8%,#35bfd637,transparent 36%)}
html[data-theme="light"] body[data-page="services"] .page-service-copy{padding:14px;border:1px solid #ffffffad;border-radius:14px;background:#fffaf0d9;box-shadow:0 12px 30px #5b422725;backdrop-filter:blur(8px)}
html[data-theme="light"] body[data-page="services"] .page-service-copy small{color:#8e1a27;font-weight:900}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-copy h2{color:#111d24;text-shadow:none}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-copy p{color:#263840!important;font-weight:600;text-shadow:none}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-copy li{background:#fffdf4e8;color:#24363e;border-color:#aa967c;font-weight:700}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-copy .page-service-more{background:linear-gradient(90deg,#e6f7f5,#f6e1cb);color:#193039;border-color:#319aaa}
html[data-theme="light"] body[data-page="services"] .page-service-showcase .page-service-matrix article[data-service]>span{background:#eefbf9e8;color:#12697a;border-color:#319aaa}
html[data-theme="light"] body[data-page="services"] .page-service-nav{background:#fffaf0;color:#182c35;border-color:#238da0;box-shadow:0 10px 24px #553d2629}
html[data-theme="light"] body[data-page="services"] .page-service-dots button{background:#ad9a82;border-color:#7e6a53}

html[data-theme="light"] body[data-page="services"] .process-band{background:radial-gradient(circle at 100% 0,#35bfd524,transparent 34%),linear-gradient(145deg,#fffaf1,#e7d5bc);border-color:#ad9677}
html[data-theme="light"] body[data-page="services"] .process-heading h2{color:#13232b}
html[data-theme="light"] body[data-page="services"] .process-heading p{color:#34464e}
html[data-theme="light"] body[data-page="services"] .process-grid article{background:#eee0cc var(--process-image) center/cover no-repeat;border-color:#9f896e;box-shadow:0 20px 45px #573f292b}
html[data-theme="light"] body[data-page="services"] .process-grid article::before{background:linear-gradient(180deg,#fff9ef08 0%,#fff9ef31 38%,#f3e4d1dc 70%,#dfc7a8f5 100%),radial-gradient(circle at 90% 5%,#36bbd039,transparent 35%)}
html[data-theme="light"] body[data-page="services"] .process-grid article>div{padding:13px;border-radius:13px;background:#fffaf0df;backdrop-filter:blur(7px)}
html[data-theme="light"] body[data-page="services"] .process-grid small{color:#8e1a27}
html[data-theme="light"] body[data-page="services"] .process-grid strong{color:#14242c;text-shadow:none}
html[data-theme="light"] body[data-page="services"] .process-grid article span{color:#2c3d45;font-weight:600;text-shadow:none}
html[data-theme="light"] body[data-page="services"] .process-grid em{background:#fffdf1e8;color:#1b3038;border-color:#a9957c}

html[data-theme="light"] body[data-page="services"] .solution-modal{background:#e8dac5d6}
html[data-theme="light"] body[data-page="services"] .solution-card-rich{background:radial-gradient(circle at 100% 0,#35b9ce1d,transparent 34%),linear-gradient(145deg,#fffdf7,#ead9c2 76%);border-color:#9f8768}
html[data-theme="light"] body[data-page="services"] .solution-card-rich .solution-image{filter:saturate(1.08) brightness(1.1) contrast(.94)}
html[data-theme="light"] body[data-page="services"] .solution-card-rich .solution-media::after{background:linear-gradient(180deg,#fffaf00a 0%,#ead7bf55 55%,#d8bd9ce3 100%),radial-gradient(circle at 18% 17%,#35bfd33b,transparent 36%)}
html[data-theme="light"] body[data-page="services"] .solution-card-rich .solution-body>h2{background:none;color:#111d24;-webkit-text-fill-color:#111d24;text-shadow:none}
html[data-theme="light"] body[data-page="services"] .solution-intro{color:#34454d!important;font-weight:600}
html[data-theme="light"] body[data-page="services"] .solution-meta span,html[data-theme="light"] body[data-page="services"] .solution-points div,html[data-theme="light"] body[data-page="services"] .solution-details{background:#fffaf0d9;color:#263840;border-color:#b09b7f}
html[data-theme="light"] body[data-page="services"] .solution-tabs button{background:#eadac5;color:#435159}
html[data-theme="light"] body[data-page="services"] .solution-tabs button.active{background:#d8f1ef;color:#11697a;border-color:#3da2b2}
html[data-theme="light"] body[data-page="services"] .solution-detail-panel p,html[data-theme="light"] body[data-page="services"] .solution-detail-panel span{color:#263840}

/* Unified light theme and background-blended interactive branding */
html[data-theme="light"]{
  --bg:#e7d7c0;
  --panel:#f8efe2;
  --border:#bca486;
  --text:#17242b;
  --muted:#46545a;
  color-scheme:light;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 8% 5%,#fff8ed 0%,transparent 29%),
    radial-gradient(circle at 92% 18%,#c7e2df70 0%,transparent 26%),
    radial-gradient(circle at 50% 78%,#f0c9bd59 0%,transparent 31%),
    linear-gradient(145deg,#eee1cf 0%,#dfccb2 52%,#eadbc7 100%);
  color:#17242b;
  background-attachment:fixed;
}
html[data-theme="light"] main{background:transparent}
html[data-theme="light"] body::before{
  background:
    linear-gradient(180deg,#fffaf052 0%,#e7d5bd42 100%),
    radial-gradient(circle at 78% 9%,#48bdce21,transparent 31%),
    radial-gradient(circle at 13% 55%,#da35441a,transparent 28%);
}
html[data-theme="light"] body::after{
  opacity:.55;
  background:linear-gradient(90deg,#71583b0b 1px,transparent 1px),linear-gradient(#71583b09 1px,transparent 1px);
  background-size:72px 72px;
}
html[data-theme="light"] ::selection{background:#d51c2d;color:#fff}

html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.is-scrolled{
  background:linear-gradient(180deg,#f8efe5ed,#e8dac8e8);
  border-bottom-color:#bca487;
  box-shadow:0 14px 38px #59412822,inset 0 -1px #fff9;
  backdrop-filter:blur(18px) saturate(1.18);
}
html[data-theme="light"] .site-header .brand,html[data-theme="light"] .footer-brand .brand{
  position:relative;
  isolation:isolate;
  border-radius:13px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s;
}
html[data-theme="light"] .site-header .brand::before,html[data-theme="light"] .footer-brand .brand::before{
  content:"";
  position:absolute;
  inset:-7px -10px;
  z-index:-1;
  border:1px solid transparent;
  border-radius:14px;
  background:linear-gradient(105deg,#ffffff54,#35b8cd12,#d5273810);
  opacity:0;
  transform:scale(.92);
  transition:opacity .3s,transform .3s,border-color .3s,box-shadow .3s;
}
html[data-theme="light"] .site-header .brand img,html[data-theme="light"] .footer-brand .brand img{
  mix-blend-mode:multiply;
  filter:invert(1) hue-rotate(180deg) saturate(1.35) contrast(1.18) drop-shadow(0 7px 12px #5d44272b);
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .34s;
}
html[data-theme="light"] .site-header .brand:hover,html[data-theme="light"] .footer-brand .brand:hover{transform:translateY(-2px)}
html[data-theme="light"] .site-header .brand:hover::before,html[data-theme="light"] .site-header .brand:focus-visible::before,html[data-theme="light"] .footer-brand .brand:hover::before,html[data-theme="light"] .footer-brand .brand:focus-visible::before{
  opacity:1;
  transform:scale(1);
  border-color:#2da7b83b;
  box-shadow:0 12px 28px #5941281c,0 0 22px #35b8cd16;
}
html[data-theme="light"] .site-header .brand:hover img,html[data-theme="light"] .site-header .brand:focus-visible img,html[data-theme="light"] .footer-brand .brand:hover img,html[data-theme="light"] .footer-brand .brand:focus-visible img{
  transform:scale(1.035) rotate(-.45deg);
  filter:invert(1) hue-rotate(180deg) saturate(1.55) contrast(1.24) drop-shadow(0 9px 15px #5d442737);
}
html[data-theme="light"] .site-header .brand:focus-visible,html[data-theme="light"] .footer-brand .brand:focus-visible{outline:2px solid #198da1;outline-offset:8px}

html[data-theme="light"] .hero-logo{
  content:url('./code-vertex-wordmark.png');
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  mix-blend-mode:multiply;
  filter:invert(1) hue-rotate(180deg) saturate(1.35) contrast(1.2) drop-shadow(0 14px 22px #60462b38);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;
}
html[data-theme="light"] .hero-visual:hover .hero-logo{transform:translateY(-5px) scale(1.035);filter:invert(1) hue-rotate(180deg) saturate(1.55) contrast(1.25) drop-shadow(0 18px 28px #60462b45)}

html[data-theme="light"] .site-footer{
  background:radial-gradient(circle at 82% 24%,#c8e3df82,transparent 31%),linear-gradient(155deg,#f5eadb,#dac4a6);
  border-top-color:#ae9576;
  color:#4b4239;
  box-shadow:0 -20px 58px #5a422a20,inset 0 1px #fff8;
}
html[data-theme="light"] .site-footer a,html[data-theme="light"] .site-footer p{color:#3d4649}

@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] .site-header .brand,html[data-theme="light"] .footer-brand .brand,html[data-theme="light"] .site-header .brand img,html[data-theme="light"] .footer-brand .brand img,html[data-theme="light"] .hero-logo{transition:none!important;transform:none!important}
}

/* Premium cool aurora background for the complete light theme */
html[data-theme="light"]{
  --bg:#dce8ee;
  --panel:#f5f9fb;
  --border:#9eb8c5;
  --text:#10232d;
  --muted:#435965;
}
html[data-theme="light"] body{
  background:
    radial-gradient(ellipse at 5% 0%,#ffffff 0%,#f4fbff 22%,transparent 47%),
    radial-gradient(ellipse at 96% 12%,#a9e5ecb8 0%,transparent 37%),
    radial-gradient(ellipse at 18% 82%,#c9b9f4a3 0%,transparent 35%),
    radial-gradient(ellipse at 82% 88%,#f5b9c4a3 0%,transparent 34%),
    linear-gradient(135deg,#edf7fb 0%,#d3e4ec 42%,#e5def2 72%,#f1e4e6 100%);
  background-attachment:fixed;
}
html[data-theme="light"] body::before{
  opacity:.78;
  background:
    radial-gradient(circle at 22% 28%,#5ed9e645 0%,transparent 25%),
    radial-gradient(circle at 78% 36%,#9878e62e 0%,transparent 27%),
    radial-gradient(circle at 55% 82%,#ff71852b 0%,transparent 25%);
  background-size:125% 125%;
  animation:light-aurora-drift 18s ease-in-out infinite alternate;
}
html[data-theme="light"] body::after{
  opacity:.42;
  background:
    linear-gradient(90deg,#28576b0c 1px,transparent 1px),
    linear-gradient(#28576b0a 1px,transparent 1px),
    radial-gradient(circle at center,#ffffff63 0 1px,transparent 1.5px);
  background-size:74px 74px,74px 74px,29px 29px;
}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.is-scrolled{
  background:linear-gradient(180deg,#f8fcfdec,#dcebf1e8);
  border-bottom-color:#91b2c1;
  box-shadow:0 14px 42px #254c5e20,inset 0 -1px #fff;
}
html[data-theme="light"] .site-footer{
  background:radial-gradient(circle at 82% 20%,#a9e4e889,transparent 32%),radial-gradient(circle at 15% 88%,#c4b7ec78,transparent 31%),linear-gradient(150deg,#eef7fa,#cfdee7 58%,#e5dce9);
  border-top-color:#8eafbe;
  box-shadow:0 -20px 58px #254c5e20,inset 0 1px #fff9;
}
@keyframes light-aurora-drift{
  0%{background-position:0% 0%,100% 15%,45% 100%;transform:scale(1)}
  50%{background-position:12% 10%,88% 28%,58% 85%;transform:scale(1.05)}
  100%{background-position:20% 4%,78% 18%,42% 76%;transform:scale(1.02)}
}
@media(prefers-reduced-motion:reduce){html[data-theme="light"] body::before{animation:none}}

/* Colorized light-mode photography: replace heavy black with aurora tones */
html[data-theme="light"] .hero-visual,
html[data-theme="light"] .page-hero-grid,
html[data-theme="light"] .ai-grid article,
html[data-theme="light"] .about-image,
html[data-theme="light"] .portfolio-wall article,
html[data-theme="light"] .solution-media{
  background:linear-gradient(145deg,#c9edf1,#c8d3ec 52%,#e9cbd8);
}
html[data-theme="light"] .hero-slide,
html[data-theme="light"] .page-hero img,
html[data-theme="light"] .ai-grid img,
html[data-theme="light"] .about-image>img,
html[data-theme="light"] .portfolio-wall img,
html[data-theme="light"] .solution-image{
  mix-blend-mode:luminosity;
  filter:brightness(1.18) contrast(.9) saturate(1.08);
  opacity:.88;
  transition:filter .45s ease,opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),mix-blend-mode .45s;
}
html[data-theme="light"] .hero-visual:hover .hero-slide.active,
html[data-theme="light"] .page-hero-grid:hover>img,
html[data-theme="light"] .ai-grid article:hover img,
html[data-theme="light"] .about-image:hover>img,
html[data-theme="light"] .portfolio-wall article:hover img,
html[data-theme="light"] .solution-card-rich:hover .solution-image{
  mix-blend-mode:normal;
  filter:brightness(1.12) contrast(.94) saturate(1.16);
  opacity:1;
}
html[data-theme="light"] .hero-shade{background:linear-gradient(90deg,#eef9faf2 0%,#d8eaf0a8 27%,#cbd8ee24 68%),linear-gradient(0deg,#cfdeea78,transparent 58%),radial-gradient(circle at 72% 20%,#66d8e837,transparent 31%)}
html[data-theme="light"] .page-hero::before{background:radial-gradient(circle at 78% 18%,#4ad2e84a,transparent 31%),radial-gradient(circle at 18% 70%,#9b7be832,transparent 34%),linear-gradient(115deg,transparent 35%,#ffffff4d 49%,transparent 63%)}
html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .services-main,
html[data-theme="light"] .service-live-panel,
html[data-theme="light"] .contact-ai-hub,
html[data-theme="light"] .contact-brief-detailed,
html[data-theme="light"] .contact-next{
  background-color:#c7e4eb;
  background-blend-mode:normal,luminosity;
}
html[data-theme="light"] .story-grid-3d .story-card,
html[data-theme="light"] .purpose-card,
html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service],
html[data-theme="light"] .process-grid article,
html[data-theme="light"] .contact-next-interactive details,
html[data-theme="light"] .contact-journey-visual,
html[data-theme="light"] .purpose-modal-visual,
html[data-theme="light"] .project-modal-visual{
  background-color:#bfdde6;
  background-blend-mode:normal,luminosity;
}
html[data-theme="light"] .story-grid-3d .story-card:hover,
html[data-theme="light"] .purpose-card:hover,
html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service]:hover,
html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service].active,
html[data-theme="light"] .process-grid article:hover,
html[data-theme="light"] .contact-next-interactive details[open]{
  background-color:#d8eef2;
  background-blend-mode:normal,soft-light;
  box-shadow:0 26px 62px #315d7138,0 0 34px #54cfe13b,inset 0 1px #fff;
}
html[data-theme="light"] .service-bg,
html[data-theme="light"] .service-live-image{
  mix-blend-mode:luminosity;
  filter:brightness(1.2) contrast(.88) saturate(1.08)!important;
  opacity:.82!important;
}
html[data-theme="light"] .service-card:hover .service-bg{mix-blend-mode:normal;filter:brightness(1.12) contrast(.94) saturate(1.18)!important;opacity:.96!important}
html[data-theme="light"] .ai-film-frame{background:linear-gradient(145deg,#bee7ec,#cbd4ed 55%,#eacbd7)}
html[data-theme="light"] .ai-film-frame>video,html[data-theme="light"] .ai-film-frame>img{mix-blend-mode:luminosity;filter:brightness(1.2) contrast(.88) saturate(1.05);opacity:.82}
html[data-theme="light"] .ai-film-frame:hover>video,html[data-theme="light"] .ai-film-frame:hover>img{mix-blend-mode:normal;filter:brightness(1.08) contrast(.95) saturate(1.14);opacity:.95}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] .hero-slide,html[data-theme="light"] .page-hero img,html[data-theme="light"] .ai-grid img,html[data-theme="light"] .about-image>img,html[data-theme="light"] .portfolio-wall img,html[data-theme="light"] .solution-image{transition:none}
}

/* Remove the baked black logo rectangle in light mode only */
html[data-theme="light"] img[src*="code-vertex-wordmark"],
html[data-theme="light"] img[src*="code-vertex-logo"]{
  background:transparent!important;
  border-color:transparent!important;
  mix-blend-mode:multiply!important;
  filter:invert(1) hue-rotate(180deg) saturate(1.45) contrast(1.22) drop-shadow(0 8px 14px #31536728)!important;
}

/* Runtime performance safeguards */
html.page-paused *,html.page-paused *::before,html.page-paused *::after{animation-play-state:paused!important}
main>section:not(.hero):not(.page-hero),.site-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 620px;
}
img{content-visibility:auto}
@media(hover:hover) and (pointer:fine){
  .service-card,.page-service-matrix article,.portfolio-wall article,.process-grid article{will-change:transform}
}
@media(max-width:900px),(hover:none) and (pointer:coarse){
  html,body{background-attachment:scroll!important}
  .contact-next,.contact-ai-hub,.contact-brief-detailed{background-attachment:scroll!important}
  .cursor-glow,.header-3d-scene,.footer-3d-scene{display:none!important}
  .service-card,.feedback-grid article,.stats article,.contact-panel,.about-image,.solution-card,.quote-card,.page-service-showcase,.process-band,.contact-ai-hub,.contact-brief-detailed,.contact-next-grid article{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .service-card,.page-service-matrix article,.portfolio-wall article,.process-grid article{will-change:auto!important}
  body::before{animation:none!important;transform:none!important}
}

/* Final light palette: remove all yellow/beige surfaces */
html[data-theme="light"] .service-card,
html[data-theme="light"] .ai-copy,
html[data-theme="light"] .ai-grid article,
html[data-theme="light"] .feedback-grid article,
html[data-theme="light"] .feedback-prompt,
html[data-theme="light"] .stats article,
html[data-theme="light"] .contact-panel,
html[data-theme="light"] .page-service-showcase,
html[data-theme="light"] .process-band,
html[data-theme="light"] .page-service-matrix article,
html[data-theme="light"] .story-grid article,
html[data-theme="light"] .timeline article,
html[data-theme="light"] .portfolio-proof article,
html[data-theme="light"] .portfolio-process,
html[data-theme="light"] .contact-page-grid article,
html[data-theme="light"] .contact-brief,
html[data-theme="light"] .method-support article{
  background:linear-gradient(145deg,#f9fcfe,#dcebf2 58%,#e7e4f4)!important;
  border-color:#98b5c3!important;
  box-shadow:0 18px 44px #244d6120,inset 0 1px #fff!important;
}
html[data-theme="light"] .quote-card,
html[data-theme="light"] .solution-card,
html[data-theme="light"] .solution-card-rich,
html[data-theme="light"] .project-modal-card,
html[data-theme="light"] .purpose-modal-card,
html[data-theme="light"] .portfolio-stage-modal-card,
html[data-theme="light"] .contact-journey-card,
html[data-theme="light"] .enquiry-tracker-card{
  background:radial-gradient(circle at 100% 0,#4cc8db1c,transparent 34%),linear-gradient(145deg,#fbfdff,#dcebf2 70%,#e8e3f3)!important;
  color:#132832!important;
  border-color:#8eafbe!important;
}
html[data-theme="light"] .header-enquiry-tracker,
html[data-theme="light"] .enquiry-tracker-search,
html[data-theme="light"] .tracker-overview>div,
html[data-theme="light"] .tracker-detail-grid>section,
html[data-theme="light"] .tracker-stage,
html[data-theme="light"] .solution-meta span,
html[data-theme="light"] .solution-points div,
html[data-theme="light"] .solution-details,
html[data-theme="light"] .process-columns>div,
html[data-theme="light"] .process-standard span{
  background:#f5fbfddd!important;
  border-color:#9eb8c5!important;
}
html[data-theme="light"] .tech-strip{background:linear-gradient(90deg,#d4e8ef,#f8fcfe,#dddff1)!important;border-color:#91b1bf!important}
html[data-theme="light"] .tech-track span{background:#f8fcfedb!important;color:#203842!important;border-color:#9eb8c5!important}
html[data-theme="light"] .hero{background:linear-gradient(90deg,#f5fbfcf2 0%,#dcebf0ba 48%,#dce1f250 100%),url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1800&q=86') center/cover!important}
html[data-theme="light"] .page-hero{background-image:linear-gradient(90deg,#f6fbfcf0 0%,#dceaf0b8 48%,#dfe2f14f 100%),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=86')!important}
html[data-theme="light"] .page-hero-services{background-image:linear-gradient(90deg,#f6fbfcf0 0%,#d8eaf0ad 48%,#dfe1f140 100%),url('https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1800&q=90')!important}
html[data-theme="light"] .page-hero-portfolio{background-image:linear-gradient(90deg,#f6fbfcf0 0%,#d8eaf0ad 48%,#dfe1f140 100%),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=88')!important}
html[data-theme="light"] .page-hero-contact{background-image:linear-gradient(90deg,#f6fbfcf0 0%,#d8eaf0b5 48%,#dfe1f14c 100%),url('./contact-ai-command-center.png')!important}
html[data-theme="light"] .services-main{background:linear-gradient(135deg,#f7fcfdec,#dbeaf0df 52%,#e4e1f1e5),url('https://images.unsplash.com/photo-1674027444485-cec3da58eef4?auto=format&fit=crop&w=1800&q=86') center/cover!important}
html[data-theme="light"] .service-live-panel,
html[data-theme="light"] .contact-ai-hub,
html[data-theme="light"] .contact-brief-detailed,
html[data-theme="light"] .contact-next{background-color:#d3e8ee!important}
html[data-theme="light"] .page-service-copy,
html[data-theme="light"] .process-grid article>div,
html[data-theme="light"] .contact-brief-3d article,
html[data-theme="light"] .contact-hub-copy article,
html[data-theme="light"] .contact-next-interactive details,
html[data-theme="light"] .portfolio-process li,
html[data-theme="light"] .portfolio-wall article li,
html[data-theme="light"] .contact-details p{
  background:#f7fcfee3!important;
  border-color:#9eb8c5!important;
  color:#233c47!important;
}
html[data-theme="light"] .quote-visual,
html[data-theme="light"] .purpose-modal-visual,
html[data-theme="light"] .project-modal-visual,
html[data-theme="light"] .portfolio-stage-modal-side{background-color:#c7e2ea!important}
html[data-theme="light"] .enquiry-tracker-modal,
html[data-theme="light"] .quote-modal,
html[data-theme="light"] .solution-modal,
html[data-theme="light"] .purpose-modal,
html[data-theme="light"] .project-modal,
html[data-theme="light"] .portfolio-stage-modal,
html[data-theme="light"] .contact-journey-modal{background:#c9dce6d9!important}
html[data-theme="light"] .story-grid-3d .story-card{background:linear-gradient(180deg,#f6fcfd42,#dcebf0d8 64%,#d8def0f2),var(--story-image) center/cover no-repeat!important}
html[data-theme="light"] .purpose-card{background:linear-gradient(90deg,#f6fcfdd9,#dbeaf0b7),var(--method-image) center/cover no-repeat!important}
html[data-theme="light"] .page-service-showcase .page-service-matrix article[data-service]{background:linear-gradient(180deg,#f7fcfd1f,#dcebf076 48%,#d9e4eff2 100%),var(--service-image) center/cover no-repeat!important}
html[data-theme="light"] .process-grid article{background:linear-gradient(180deg,#f7fcfd16,#dcebf068 48%,#d9e3eff2 100%),var(--process-image) center/cover no-repeat!important}
html[data-theme="light"] .contact-channel-grid article{background:linear-gradient(180deg,#f7fcfd35,#dcebf0a8 55%,#d8e1eef2 100%),var(--contact-image) center/cover no-repeat!important}
html[data-theme="light"] .contact-next-interactive details{background:linear-gradient(180deg,#f7fcfd35,#dcebf0a8 56%,#d8e1eef2 100%),var(--next-image) center/cover no-repeat!important}
html[data-theme="light"] .service-live-panel{background:linear-gradient(90deg,#f6fcfdeb,#d9eaf0d8),url('https://images.unsplash.com/photo-1556742502-ec7c0e9f34b1?auto=format&fit=crop&w=1200&q=85') center/cover!important}
html[data-theme="light"] .contact-ai-hub{background:linear-gradient(90deg,#f5fbfce8,#d5e8eed0),url('./contact-ai-command-center.png') center/cover no-repeat!important}
html[data-theme="light"] .contact-brief-detailed{background:linear-gradient(90deg,#f5fbfcf0,#d6e7eed7),url('./contact-ai-planning-studio.png') center/cover no-repeat!important}
html[data-theme="light"] .contact-next{background:linear-gradient(90deg,#f5fbfcf0,#d6e7eed5),url('./contact-ai-planning-studio.png') center/cover no-repeat!important}

/* Zero-yellow light mode: final component color normalization */
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .secondary,
html[data-theme="light"] .quote-link,
html[data-theme="light"] .hero-badges span,
html[data-theme="light"] .service-icon,
html[data-theme="light"] .service-live-tags span,
html[data-theme="light"] .ai-grid span,
html[data-theme="light"] .contact-info-list span,
html[data-theme="light"] .portfolio-card-copy>span,
html[data-theme="light"] .contact-card-icon,
html[data-theme="light"] .solution-metrics span,
html[data-theme="light"] .purpose-tags span,
html[data-theme="light"] .quote-channels,
html[data-theme="light"] .quote-timeline button,
html[data-theme="light"] .quote-choice-grid button,
html[data-theme="light"] .quote-live-summary{
  background:linear-gradient(145deg,#f8fcfe,#d8edf2)!important;
  color:#173a47!important;
  border-color:#82aeba!important;
}
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .secondary:hover,
html[data-theme="light"] .quote-link:hover,
html[data-theme="light"] .quote-choice-grid button:hover,
html[data-theme="light"] .quote-choice-grid button.active,
html[data-theme="light"] .quote-timeline button.active{
  background:linear-gradient(145deg,#d7f3f6,#d9ddf3)!important;
  border-color:#319fb1!important;
}
html[data-theme="light"] .quote-content,
html[data-theme="light"] .solution-body,
html[data-theme="light"] .project-modal-body,
html[data-theme="light"] .purpose-modal-body,
html[data-theme="light"] .portfolio-stage-modal-content,
html[data-theme="light"] .contact-journey-content,
html[data-theme="light"] .enquiry-tracker-card>header{
  background:radial-gradient(circle at 100% 0,#55cadb1b,transparent 35%),linear-gradient(145deg,#f9fcfe,#dbeaf1 72%,#e5e2f2)!important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .enquiry-tracker-search input{
  background:#f9fcfe!important;
  color:#142d38!important;
  border-color:#91afbc!important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:#168fa4!important;
  box-shadow:0 0 0 4px #31adc327!important;
}
html[data-theme="light"] .purpose-facts span,
html[data-theme="light"] .purpose-panel article,
html[data-theme="light"] .purpose-decision,
html[data-theme="light"] .project-outcomes span,
html[data-theme="light"] .process-gate,
html[data-theme="light"] .contact-journey-slide .contact-next-detail li,
html[data-theme="light"] .tracker-progress-summary,
html[data-theme="light"] .tracker-stage.active,
html[data-theme="light"] .tracker-stage.complete{
  background:linear-gradient(145deg,#f7fcfe,#dcecf2)!important;
  border-color:#8fb3c0!important;
}
html[data-theme="light"] .purpose-tabs button,
html[data-theme="light"] .solution-tabs button,
html[data-theme="light"] .contact-journey-nav button,
html[data-theme="light"] .contact-journey-progress button,
html[data-theme="light"] .enquiry-tracker-search button,
html[data-theme="light"] .header-enquiry-tracker button{
  background:#dcebf2!important;
  color:#24424d!important;
  border-color:#91afbc!important;
}
html[data-theme="light"] .purpose-tabs button.active,
html[data-theme="light"] .solution-tabs button.active,
html[data-theme="light"] .contact-journey-progress button.active{
  background:linear-gradient(145deg,#cff0f4,#dddff4)!important;
  color:#116779!important;
  border-color:#35a3b4!important;
}
html[data-theme="light"] .modal-close,
html[data-theme="light"] .solution-close,
html[data-theme="light"] .purpose-modal-close,
html[data-theme="light"] .project-modal-close,
html[data-theme="light"] .portfolio-stage-modal-close,
html[data-theme="light"] .contact-journey-close,
html[data-theme="light"] .enquiry-tracker-close{
  background:#d8e9f0!important;
  color:#17333e!important;
  border-color:#88aebb!important;
}
html[data-theme="light"] .modal-close:hover,
html[data-theme="light"] .solution-close:hover,
html[data-theme="light"] .purpose-modal-close:hover,
html[data-theme="light"] .project-modal-close:hover,
html[data-theme="light"] .portfolio-stage-modal-close:hover,
html[data-theme="light"] .contact-journey-close:hover,
html[data-theme="light"] .enquiry-tracker-close:hover{background:#bde8ee!important;color:#0c5363!important}

/* Soft 3D typography for light mode: depth without harsh contrast */
html[data-theme="light"] body{color:#314b57}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .page-service-copy h2,
html[data-theme="light"] .process-grid strong,
html[data-theme="light"] .contact-next-grid strong,
html[data-theme="light"] .tracker-section-heading h3{
  color:#294551!important;
  text-shadow:
    0 1px 0 #ffffff,
    0 2px 0 #c7dce5,
    0 4px 7px #31566a2a,
    0 10px 22px #31566a1c!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),text-shadow .28s,color .28s;
}
html[data-theme="light"] .hero-copy h1,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .ai-film-overlay h2{
  color:#274653!important;
  letter-spacing:-.025em;
  text-shadow:
    0 1px 0 #fff,
    0 2px 0 #d4e7ed,
    0 3px 0 #b7d1dc,
    0 7px 13px #274e6230,
    0 18px 38px #365d7124!important;
}
html[data-theme="light"] :is(article,details,.contact-panel,.page-service-copy,.tracker-detail-grid>section):hover :is(h2,h3,strong),
html[data-theme="light"] .hero-copy:hover h1,
html[data-theme="light"] .page-hero-grid:hover h1{
  transform:translateY(-2px);
  color:#183c4b!important;
  text-shadow:
    0 1px 0 #fff,
    0 3px 0 #c2dce6,
    0 7px 12px #2b647d35,
    0 16px 28px #2b647d24!important;
}
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] small,
html[data-theme="light"] label{
  color:#48616c;
  text-shadow:0 1px 0 #ffffffa8,0 3px 8px #35586a10;
}
html[data-theme="light"] strong,
html[data-theme="light"] b{color:#34515d}
html[data-theme="light"] .kicker,
html[data-theme="light"] .kicker *{color:#b92336!important;text-shadow:0 1px #fff,0 3px 9px #b9233621}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] strong{transition:none!important;transform:none!important}
}

/* Premium light-mode header and footer */
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header.is-scrolled{
  isolation:isolate;
  background:linear-gradient(135deg,#fafdfff0 0%,#dcecf2ec 56%,#e5e3f3e8 100%)!important;
  border-bottom:1px solid #89adbc!important;
  box-shadow:0 14px 42px #244e6229,0 1px #fff inset!important;
}
html[data-theme="light"] .site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,transparent 3%,#39bdd2 28%,#8e7ce5 52%,#e94863 73%,transparent 97%);
  opacity:.72;
  box-shadow:0 0 15px #48c7d56b;
  pointer-events:none;
}
html[data-theme="light"] .site-header .nav-shell{height:78px}
html[data-theme="light"] .header-3d-scene{opacity:.72;mix-blend-mode:multiply}
html[data-theme="light"] .header-3d-scene::before{background:linear-gradient(90deg,transparent 0 9%,#277b9810 10%,transparent 11% 89%,#8b6ddc0d 90%,transparent 91%),linear-gradient(90deg,transparent,#38bfd218 45%,#987ce514 65%,transparent)}
html[data-theme="light"] .site-header nav a{
  padding:9px 12px;
  color:#35515d!important;
  border-radius:10px;
  text-shadow:0 1px #fff;
}
html[data-theme="light"] .site-header nav a:hover,
html[data-theme="light"] .site-header nav a.active{
  color:#153f4e!important;
  background:linear-gradient(145deg,#ffffffd9,#d7edf2)!important;
  border-color:#89b3c1!important;
  box-shadow:0 8px 22px #2c607523,inset 0 1px #fff!important;
  transform:translateY(-2px);
}
html[data-theme="light"] .site-header nav a.active::after{
  content:"";
  position:absolute;
  left:25%;right:25%;bottom:3px;
  height:2px;border-radius:999px;
  background:linear-gradient(90deg,#27aabd,#8c7be3);
  box-shadow:0 0 10px #44bcd0;
}
html[data-theme="light"] .site-header .theme-toggle,
html[data-theme="light"] .site-header .header-enquiry-tracker,
html[data-theme="light"] .site-header .quote-link{
  min-height:42px;
  border-color:#8baeba!important;
  background:linear-gradient(145deg,#fafdff,#d8eaf1)!important;
  box-shadow:0 8px 22px #28546a20,inset 0 1px #fff!important;
}
html[data-theme="light"] .site-header .quote-link{color:#173f4d!important}
html[data-theme="light"] .site-header .quote-link:hover{border-color:#d63b52!important;background:linear-gradient(145deg,#fff,#ecdce7)!important;box-shadow:0 10px 26px #b8324b26!important}

html[data-theme="light"] .site-footer{
  position:relative;
  isolation:isolate;
  margin-top:35px;
  padding-top:62px;
  overflow:hidden;
  background:radial-gradient(circle at 82% 22%,#8fdee76b,transparent 31%),radial-gradient(circle at 11% 88%,#a99be35e,transparent 32%),linear-gradient(145deg,#eef8fb 0%,#cadfe8 58%,#dddced 100%)!important;
  border-top:1px solid #83aab9!important;
  box-shadow:0 -22px 65px #254f6328,inset 0 1px #fff!important;
}
html[data-theme="light"] .site-footer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  margin:0;
  background:linear-gradient(90deg,transparent,#35bfd3 25%,#8e7ce5 50%,#ea4863 75%,transparent);
  box-shadow:0 0 18px #42c1d47a;
}
html[data-theme="light"] .footer-3d-scene{opacity:.45;mix-blend-mode:multiply}
html[data-theme="light"] .site-footer .footer-grid{gap:18px;padding-bottom:45px}
html[data-theme="light"] .site-footer .footer-grid>div{
  padding:23px;
  border:1px solid #9bb8c5!important;
  border-radius:18px;
  background:linear-gradient(145deg,#f9fcfed1,#dceaf1b8)!important;
  box-shadow:0 16px 38px #2852681d,inset 0 1px #fff!important;
  backdrop-filter:blur(12px);
}
html[data-theme="light"] .site-footer .footer-grid>div:hover{
  transform:translateY(-8px) rotateX(1.5deg) rotateY(-1.5deg);
  border-color:#4eafbf!important;
  background:linear-gradient(145deg,#fff,#d8eef2)!important;
  box-shadow:0 24px 52px #2852682b,0 0 28px #4fc3d32b,inset 0 1px #fff!important;
}
html[data-theme="light"] .site-footer h3{color:#1c6677!important;font-size:11px;letter-spacing:1px;text-shadow:0 1px #fff}
html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-footer p{color:#405963!important}
html[data-theme="light"] .site-footer .footer-grid>div:not(.footer-brand)>a:hover{color:#125b6d!important;text-shadow:0 0 12px #33aec048}
html[data-theme="light"] .footer-cta{display:inline-flex;padding:10px 13px;border:1px solid #69aeb8;border-radius:10px;background:#d8f2ef;color:#176557!important}
html[data-theme="light"] .availability{color:#176557!important}
html[data-theme="light"] .site-footer .footer-bottom{
  min-height:66px;
  border-top:1px solid #8eafbd!important;
  color:#526872!important;
}
html[data-theme="light"] .site-footer .footer-bottom a{padding:8px 11px;border:1px solid #91afbc;border-radius:9px;background:#eff8fb;color:#225867!important}
@media(min-width:701px){html[data-theme="light"] .site-header nav{gap:4px;padding:4px;border:1px solid #9db8c455;border-radius:14px;background:#f8fcfe80;box-shadow:inset 0 1px #fff}}
@media(max-width:700px){
  html[data-theme="light"] .site-header .nav-shell{height:70px}
  html[data-theme="light"] .site-header.open nav{background:linear-gradient(160deg,#f7fcfe,#d9e9f0 70%,#e2e0f0)!important;box-shadow:0 24px 55px #244e6235}
  html[data-theme="light"] .site-footer{padding-top:42px}
  html[data-theme="light"] .site-footer .footer-grid>div{padding:18px}
}

/* Complete light-mode text and number visibility system */
html[data-theme="light"] :is(p,li,label,time,summary,figcaption),
html[data-theme="light"] :is(.service-card,.page-service-copy,.process-grid,.contact-panel,.contact-brief,.contact-next,.portfolio-wall,.story-grid,.timeline,.solution-body,.purpose-modal-body,.project-modal-body,.contact-journey-content,.enquiry-tracker-card) :is(span,small){
  color:#3d5965!important;
  opacity:1!important;
  text-shadow:0 1px 0 #fff,0 3px 9px #2a536615!important;
}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,strong),
html[data-theme="light"] :is(.service-card,.page-service-copy,.process-grid,.contact-panel,.portfolio-wall,.story-grid,.timeline,.solution-body,.purpose-modal-body,.project-modal-body,.contact-journey-content,.enquiry-tracker-card) b{
  color:#234653!important;
  opacity:1!important;
  text-shadow:0 1px 0 #fff,0 2px 0 #c3dbe4,0 6px 12px #28556a24!important;
}
html[data-theme="light"] a:not(.button):not(.quote-link):not(.footer-cta){color:#1b6475;text-shadow:0 1px #fff,0 3px 8px #2365791a}
html[data-theme="light"] a:not(.button):not(.quote-link):not(.footer-cta):hover{color:#0d8298;text-shadow:0 1px #fff,0 0 12px #23a8bd4d}
html[data-theme="light"] ::placeholder{color:#687f89!important;opacity:1!important;text-shadow:none}
html[data-theme="light"] option{background:#f7fcfe;color:#183743}
html[data-theme="light"] :is(button,.button,.quote-link){text-shadow:0 1px 0 #ffffff8f,0 4px 10px #28576b20}
html[data-theme="light"] :is(.primary,.whatsapp),
html[data-theme="light"] :is(.primary,.whatsapp) *{color:#fff!important;text-shadow:0 1px 1px #17323e66,0 4px 10px #17323e38!important}

html[data-theme="light"] :is(.stats strong,.portfolio-proof strong,.contact-journey-number,.service-live-count,.tracker-progress-summary strong,.process-modal-number,.purpose-orbit b,.contact-card-icon),
html[data-theme="light"] .page-service-matrix article[data-service]>span,
html[data-theme="light"] .process-grid article>b,
html[data-theme="light"] .timeline article>span,
html[data-theme="light"] .tracker-stage>span,
html[data-theme="light"] .contact-next-grid>article>span,
html[data-theme="light"] .contact-brief-list article>b{
  color:#176b7c!important;
  opacity:1!important;
  background:linear-gradient(145deg,#fafeff,#cdeaf0 58%,#dcddf3)!important;
  border:1px solid #70aab8!important;
  box-shadow:0 8px 18px #28597026,inset 0 1px #fff,0 0 18px #41bbcc24!important;
  text-shadow:0 1px 0 #fff,0 2px 0 #9fcbd5,0 5px 9px #185b6d36!important;
  transform:translateZ(18px);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,color .28s;
}
html[data-theme="light"] :is(article,details,.contact-panel,.tracker-stage):hover :is(.stats strong,.portfolio-proof strong,.contact-journey-number,.service-live-count,.process-modal-number,.contact-card-icon),
html[data-theme="light"] .page-service-matrix article[data-service]:hover>span,
html[data-theme="light"] .process-grid article:hover>b,
html[data-theme="light"] .tracker-stage:hover>span{
  color:#8d315f!important;
  transform:translateY(-3px) translateZ(26px) scale(1.045);
  box-shadow:0 13px 25px #28597030,inset 0 1px #fff,0 0 24px #8e7be345!important;
}
html[data-theme="light"] :is(.tracker-overview small,.tracker-section-heading small,.solution-meta span,.process-standard small,.purpose-facts span,.contact-journey-progress button,.portfolio-filters button){
  color:#276477!important;
  opacity:1!important;
  font-weight:800;
}
html[data-theme="light"] :is(.tracker-stage,.portfolio-wall article,.page-service-matrix article,.process-grid article,.story-card,.contact-channel-grid article){perspective:900px;transform-style:preserve-3d}
@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] :is(.stats strong,.portfolio-proof strong,.contact-journey-number,.service-live-count,.tracker-progress-summary strong,.process-modal-number,.purpose-orbit b,.contact-card-icon),html[data-theme="light"] .page-service-matrix article[data-service]>span,html[data-theme="light"] .process-grid article>b,html[data-theme="light"] .tracker-stage>span{transform:none!important;transition:none!important}
}

/* AI enquiry tracker experience — coordinated light and night modes */
.enquiry-tracker-modal{background:rgba(1,5,14,.86);backdrop-filter:blur(18px) saturate(1.25)}
.enquiry-tracker-card{isolation:isolate;perspective:1400px;border-color:#70e9ff66!important;background:#050913!important;box-shadow:0 55px 160px #000,0 0 0 1px #fff08 inset,0 0 90px #406dff26!important}
.enquiry-tracker-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030713f7 0%,#06101ee8 44%,#06101e80 70%,#020510bf),url('./tracker-ai-dark.png') 72% center/cover no-repeat;pointer-events:none}
.enquiry-tracker-card::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 18%,#6a5cff2c,transparent 28%),linear-gradient(120deg,transparent 45%,#5ae7ff0e 60%,transparent 72%);pointer-events:none}
.enquiry-tracker-card>header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:42px;min-height:410px;padding:54px 58px!important;border-bottom:1px solid #7eeeff2d!important;background:transparent!important;align-items:end}
.tracker-hero-copy{max-width:720px}.tracker-hero-copy .kicker{color:#85f0ff!important}.tracker-hero-copy h2{max-width:680px;margin:12px 0 14px!important;font-size:clamp(38px,5vw,68px)!important;line-height:.98;letter-spacing:-2.8px;text-shadow:0 3px 0 #111d3d,0 18px 42px #000!important}.tracker-hero-copy>p:not(.kicker,.enquiry-tracker-status){max-width:650px;color:#c8d5e6!important;font-size:12px!important;line-height:1.8}
.enquiry-tracker-search{max-width:720px!important;margin-top:25px!important;grid-template-columns:1fr auto!important;border-color:#78eaff62!important;border-radius:14px!important;background:#020711d9!important;box-shadow:0 18px 55px #0008,inset 0 1px #fff12!important;transition:transform .25s,border-color .25s,box-shadow .25s}.enquiry-tracker-search:focus-within{transform:translateY(-3px);border-color:#8ff3ff!important;box-shadow:0 23px 65px #000a,0 0 28px #52dfff20!important}.enquiry-tracker-search label{display:grid;gap:5px;padding:11px 17px}.enquiry-tracker-search label>span{color:#7ceeff!important;font:800 7px 'Roboto Mono',monospace;letter-spacing:1px}.enquiry-tracker-search input{padding:0!important;font-size:14px!important;letter-spacing:1px}.enquiry-tracker-search button{min-width:190px;padding:0 22px!important;background:linear-gradient(135deg,#2639a8,#138ba0)!important;border-left-color:#8cecff4a!important;font-size:10px!important;transition:filter .2s,transform .2s}.enquiry-tracker-search button:hover{filter:brightness(1.22);transform:translateX(2px)}
.tracker-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tracker-trust-row span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff16;border-radius:999px;background:#040a16a8;color:#b7c6d8!important;font:700 8px Manrope,Arial,sans-serif;backdrop-filter:blur(10px)}.tracker-trust-row b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#64e7ff14;color:#74ebff!important;font:800 6px 'Roboto Mono',monospace}
.tracker-hero-guide{padding:22px;border:1px solid #97efff2c;border-radius:18px;background:linear-gradient(145deg,#111b32c7,#050916ab);box-shadow:0 24px 65px #0008,inset 0 1px #fff13;backdrop-filter:blur(14px);transform:translateZ(28px)}.tracker-hero-guide>small{color:#76edff!important;font:900 7px 'Roboto Mono',monospace;letter-spacing:1px}.tracker-hero-guide>strong{display:block;margin:9px 0 17px;color:#fff!important;font-size:17px;line-height:1.25}.tracker-hero-guide ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.tracker-hero-guide li{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:10px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff08;transition:transform .24s,background .24s}.tracker-hero-guide li:hover{transform:translateX(-5px) translateZ(14px);background:#6feaff12}.tracker-hero-guide li b{color:#7ceeff!important;font-size:9px}.tracker-hero-guide li span{color:#aebed1!important;font-size:8px;line-height:1.5}
.enquiry-tracker-result{background:linear-gradient(180deg,#050914eb,#050914fa);backdrop-filter:blur(18px)}.tracker-overview>div,.tracker-detail-grid>section{backdrop-filter:blur(13px);box-shadow:inset 0 1px #fff0c}.tracker-stage{transform-style:preserve-3d;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s}.tracker-stage:hover{opacity:1;transform:translateY(-4px) rotateX(1deg) translateZ(15px);border-color:#6beaff55;box-shadow:0 18px 38px #0006}.tracker-stage>span{transition:transform .25s,box-shadow .25s}.tracker-stage:hover>span{transform:translateZ(20px) scale(1.06)}
html[data-theme="light"] .enquiry-tracker-modal{background:rgba(208,223,238,.78)!important}
html[data-theme="light"] .enquiry-tracker-card{border-color:#718faa!important;background:#edf4fb!important;box-shadow:0 55px 140px #31516b52,0 0 0 1px #fff inset,0 0 85px #6982c326!important}
html[data-theme="light"] .enquiry-tracker-card::before{background:linear-gradient(90deg,#f7fbfff7 0%,#eef5fbe8 46%,#edf5f9a0 68%,#e8f0f6c7),url('./tracker-ai-light.png') 74% center/cover no-repeat!important}
html[data-theme="light"] .enquiry-tracker-card::after{background:radial-gradient(circle at 74% 14%,#687bd327,transparent 29%),linear-gradient(120deg,transparent 42%,#fff7 58%,transparent 72%)}
html[data-theme="light"] .enquiry-tracker-card>header{background:transparent!important;border-bottom-color:#7994aa66!important}
html[data-theme="light"] .tracker-hero-copy h2{color:#173344!important;text-shadow:0 2px 0 #fff,0 4px 0 #b7d1df,0 16px 38px #395b7430!important}
html[data-theme="light"] .tracker-hero-copy>p:not(.kicker,.enquiry-tracker-status){color:#3b5665!important;text-shadow:0 1px #fff!important}
html[data-theme="light"] .enquiry-tracker-search{background:#f8fcffeb!important;border-color:#6d99af!important;box-shadow:0 18px 45px #42647928,inset 0 1px #fff!important}
html[data-theme="light"] .enquiry-tracker-search label>span{color:#285f78!important}html[data-theme="light"] .enquiry-tracker-search input{color:#183746!important;text-shadow:none!important}html[data-theme="light"] .enquiry-tracker-search button{background:linear-gradient(135deg,#596bc0,#287f9b)!important;color:#fff!important;text-shadow:none!important}
html[data-theme="light"] .tracker-trust-row span{background:#f7fbffe3;border-color:#7999aa66;color:#31505f!important;box-shadow:0 8px 22px #42627918}html[data-theme="light"] .tracker-trust-row b{background:#dcecf3;color:#285e75!important;text-shadow:none!important}
html[data-theme="light"] .tracker-hero-guide{background:linear-gradient(145deg,#f9fcffe8,#dae8f3ce);border-color:#819bab99;box-shadow:0 24px 60px #4060762c,inset 0 1px #fff}html[data-theme="light"] .tracker-hero-guide>strong{color:#193847!important;text-shadow:0 1px #fff!important}html[data-theme="light"] .tracker-hero-guide li{background:#f9fcffb8;border-color:#7999aa50}html[data-theme="light"] .tracker-hero-guide li:hover{background:#dceff6}html[data-theme="light"] .tracker-hero-guide li span{color:#3f5966!important;text-shadow:none!important}
html[data-theme="light"] .enquiry-tracker-result{background:linear-gradient(180deg,#eef5faee,#f6f9fcef)}
@media(max-width:850px){.enquiry-tracker-card>header{grid-template-columns:1fr;gap:20px;min-height:0;padding:38px 30px!important}.tracker-hero-guide{display:none}.tracker-hero-copy h2{font-size:clamp(34px,9vw,52px)!important}.enquiry-tracker-card::before{background-position:62% center!important}.enquiry-tracker-search{grid-template-columns:1fr!important}.enquiry-tracker-search button{min-height:48px;border-left:0!important;border-top:1px solid #78eaff3b}}
@media(max-width:520px){.enquiry-tracker-card>header{padding:32px 18px 24px!important}.tracker-hero-copy h2{letter-spacing:-1.8px}.tracker-trust-row span{flex:1 1 120px}.enquiry-tracker-result{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.enquiry-tracker-search,.tracker-stage,.tracker-stage>span,.tracker-hero-guide li{transition:none!important;transform:none!important}}

/* Verified delivered-project feedback */
.feedback-tracking-field{padding:15px;border:1px solid #63e9ff3d;border-radius:10px;background:linear-gradient(135deg,#06131bd9,#111127)}.feedback-tracking-field>span{color:#9fb2c5!important;font:600 8px Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0}.feedback-tracking-field>div{display:grid;grid-template-columns:1fr auto;margin-top:3px;border:1px solid #ffffff20;border-radius:7px;overflow:hidden}.feedback-tracking-field>div input{border:0!important;border-radius:0!important}.feedback-tracking-field>div>button{padding:0 17px;border:0;border-left:1px solid #ffffff20;background:#65eaff15;color:#a9f5ff;font:800 9px Manrope,Arial,sans-serif;cursor:pointer}.feedback-tracking-field>small{display:block;margin-top:8px;color:#91a4b6!important;font:600 8px Manrope,Arial,sans-serif;text-transform:none}.feedback-tracking-field>small button{padding:2px 5px;border:0;background:transparent;color:#70edff;font:800 9px 'Roboto Mono',monospace;cursor:pointer;text-decoration:underline}.feedback-tracking-field button:hover{filter:brightness(1.25)}
html[data-theme="light"] .feedback-tracking-field{background:linear-gradient(135deg,#f8fcff,#dcebf4);border-color:#7c9cac}html[data-theme="light"] .feedback-tracking-field>div{border-color:#819cab}html[data-theme="light"] .feedback-tracking-field>div>button{background:#d9eaf2;color:#22586d;border-left-color:#819cab}html[data-theme="light"] .feedback-tracking-field>small button{color:#1b647b!important;text-shadow:none!important}
@media(max-width:600px){.feedback-tracking-field>div{grid-template-columns:1fr}.feedback-tracking-field>div>button{min-height:42px;border-left:0;border-top:1px solid #ffffff20}}

/* Clickable database-backed delivery proof on client feedback */
.feedback-grid article{display:flex;flex-direction:column}.feedback-delivery-proof{display:grid;grid-template-columns:25px 1fr auto;gap:3px 9px;align-items:center;width:100%;margin-top:auto;padding:12px;border:1px solid #64eaff35;border-radius:9px;background:linear-gradient(135deg,#07161dd9,#111127);color:#fff;text-align:left;cursor:pointer;box-shadow:inset 0 1px #fff0c;transition:transform .25s,border-color .25s,box-shadow .25s}.feedback-delivery-proof:hover{transform:translateY(-3px);border-color:#6cecff85;box-shadow:0 14px 32px #0006,0 0 24px #5ce7ff16}.feedback-delivery-proof i{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#55dd8c1b;color:#75e9a4;font-style:normal;font-weight:900}.feedback-delivery-proof span{color:#93aabd!important;font:800 7px 'Roboto Mono',monospace;text-transform:uppercase;letter-spacing:.6px}.feedback-delivery-proof strong{color:#7beeff!important;font:900 10px 'Roboto Mono',monospace}.feedback-delivery-proof b{grid-column:3;grid-row:1/3;color:#c5d6e3!important;font:700 8px Manrope,Arial,sans-serif}
html[data-theme="light"] .feedback-delivery-proof{background:linear-gradient(135deg,#f8fcff,#dbeaf3);border-color:#789bad;color:#1d4050;box-shadow:0 10px 25px #4163771b,inset 0 1px #fff}html[data-theme="light"] .feedback-delivery-proof i{background:#dff4e7;color:#25704a}html[data-theme="light"] .feedback-delivery-proof span{color:#476370!important;text-shadow:none!important}html[data-theme="light"] .feedback-delivery-proof strong{color:#17657b!important;text-shadow:none!important}html[data-theme="light"] .feedback-delivery-proof b{color:#315564!important;text-shadow:none!important}
@media(max-width:480px){.feedback-delivery-proof{grid-template-columns:25px 1fr}.feedback-delivery-proof b{grid-column:2;grid-row:auto}}