/* ── style.css ── */
:root{--void:#02070c;--night:#07121d;--ink:#ebf5ff;--mute:#9fb4c9;--aqua:#7ddaff;--electric:#1667ff;--line:rgba(185,223,255,.17);--display:'Inter Tight',Arial,sans-serif;--body:'Inter',Arial,sans-serif;--pad:clamp(22px,5.1vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--void);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #a5e6ff;outline-offset:5px}img{display:block;max-width:100%}::selection{background:#70c9fa;color:#001325}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:1000;top:-70px;left:24px;padding:12px;background:#fff;color:#000}.skip-link:focus{top:15px} .scroll-meter{position:fixed;left:0;top:0;height:2px;width:0;background:#83d7ff;z-index:99;pointer-events:none}
.site-header{height:88px;padding:0 var(--pad);position:absolute;z-index:80;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:2vw;border-bottom:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(2,7,13,.46),transparent)}.site-header.inner-header{position:relative;background:#03101b}.logo img{width:clamp(135px,13vw,215px);height:auto}.nav-links{display:flex;gap:clamp(22px,3vw,52px);align-items:center}.nav-links a{text-decoration:none;font-size:13px;font-weight:600;letter-spacing:-.015em;transition:color .25s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--aqua)}.head-right{display:flex;align-items:center;gap:30px}.head-contact{text-decoration:none;font-size:13px;font-weight:650;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.65);white-space:nowrap}.menu-toggle{border:1px solid rgba(228,249,255,.4);background:rgba(0,0,0,.15);backdrop-filter:blur(8px);border-radius:100%;width:47px;height:47px;display:grid;place-content:center;gap:6px;transition:background .25s,transform .25s}.menu-toggle:hover{background:var(--electric);transform:rotate(8deg)}.menu-toggle span{display:block;width:19px;height:1px;background:#fff;transition:transform .3s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at 82% 20%,#143c63 0,transparent 48%),#020c16;z-index:70;display:flex;flex-direction:column;padding:clamp(100px,14vh,175px) var(--pad) 5vh;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .35s,visibility .35s,transform .45s;overflow:auto}.menu-open .menu-overlay{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1500px;width:100%;margin:auto}.menu-major{display:flex;flex-direction:column}.menu-major a{text-decoration:none;font:800 clamp(36px,5.5vw,92px)/1.03 var(--display);letter-spacing:-.065em;display:block;padding:9px 0;transition:transform .28s,color .28s}.menu-major a:hover{transform:translateX(14px);color:var(--aqua)}.menu-minor{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding-top:20px}.menu-minor p{font-size:12px;letter-spacing:.14em;color:var(--aqua);margin:0 0 20px}.menu-minor a{font-size:clamp(17px,1.55vw,27px);font-weight:500;border-bottom:1px solid var(--line);padding:12px 0;text-decoration:none;transition:padding .25s,color .25s}.menu-minor a:hover{padding-left:12px;color:var(--aqua)}.menu-bottom{width:100%;display:flex;justify-content:space-between;color:#b5c5d6;font-size:12px;letter-spacing:.05em;border-top:1px solid var(--line);padding-top:22px;margin-top:60px}
/* Arrival */
.arrival{min-height:min(960px,100svh);height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#020911}.arrival:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,6,13,.22) 0%,transparent 30%,rgba(0,5,14,.18) 50%,rgba(0,6,13,.65) 100%);pointer-events:none}.arrival-water{position:absolute;inset:0;z-index:-2;overflow:hidden}.arrival-water img{width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:waveIn 2.8s cubic-bezier(.2,.75,.2,1) both;filter:saturate(1.17) contrast(1.03)}@keyframes waveIn{from{transform:scale(1.12) translateY(5%);filter:brightness(.46) saturate(.7) contrast(1.2)}to{transform:scale(1);filter:saturate(1.17) contrast(1.03)}}.water-flash{position:absolute;z-index:1;pointer-events:none;inset:-15%;mix-blend-mode:screen;background:radial-gradient(ellipse at 58% 53%,rgba(122,237,255,.44),transparent 30%);opacity:0;animation:waterFlash 2.2s .12s both}@keyframes waterFlash{0%{opacity:0;transform:scale(.5)}18%{opacity:.95}55%{opacity:.15;transform:scale(1.3)}100%{opacity:0;transform:scale(1.5)}}#splash-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.arrival-content{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;padding:0 var(--pad)}.arrival-topnote{padding-top:calc(88px + clamp(30px,4vh,50px));display:flex;justify-content:space-between;font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#d7eeff;text-shadow:0 1px 8px #001a29}.arrival-heading{font:900 clamp(110px,19.2vw,350px)/.70 var(--display);letter-spacing:-.095em;position:absolute;top:clamp(215px,28%,350px);width:90%;margin:0;text-shadow:0 9px 20px rgba(0,0,0,.14)}.arrival-heading span{display:block;animation:titleRise 1.2s cubic-bezier(.18,.77,.2,1) both}.arrival-heading .local{color:#f6fbff}.arrival-heading .demand{margin-left:clamp(10px,8.1vw,150px);color:transparent;-webkit-text-stroke:1.5px rgba(249,252,255,.88);animation-delay:.19s}.arrival-heading .demand b{font-weight:900;color:#f6fbff;-webkit-text-stroke:0}.arrival-heading .period{color:#4ea6ff;-webkit-text-stroke:0}@keyframes titleRise{from{opacity:0;transform:translateY(95px);filter:blur(13px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.arrival-lower{margin-top:auto;margin-bottom:clamp(28px,6.5vh,72px);display:flex;justify-content:space-between;align-items:flex-end;gap:8vw}.arrival-offer{max-width:530px;animation:riseIn 1s 1s both}.arrival-offer h2{font:700 clamp(25px,3.1vw,52px)/1.03 var(--display);letter-spacing:-.052em;margin:0 0 15px}.arrival-offer p{margin:0;color:#d2e4ef;font-size:clamp(13px,1.06vw,17px);max-width:440px;text-shadow:0 1px 10px #001b2d}.arrival-explore{text-decoration:none;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:riseIn 1.1s 1.2s both}.arrival-explore i{width:68px;height:68px;border:1px solid rgba(255,255,255,.65);border-radius:100%;display:grid;place-items:center;font:300 34px var(--body);font-style:normal;transition:transform .3s,background .3s}.arrival-explore:hover i{transform:rotate(45deg);background:#1667ff}@keyframes riseIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.cinematic-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(103deg,transparent 33%,rgba(191,246,255,.12) 47%,transparent 55%);transform:translateX(-120%);animation:sheen 3s 1.1s ease-out both}@keyframes sheen{to{transform:translateX(160%)}}
/* editorial hero scenes */
.main-intro{position:relative;max-width:1850px;margin:auto;padding:clamp(125px,17vw,270px) var(--pad) clamp(120px,12vw,230px);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.main-intro .indexword{position:absolute;right:0;top:14%;font:900 clamp(160px,30vw,560px)/1 var(--display);letter-spacing:-.095em;opacity:.033;pointer-events:none}.intro-statement{font:750 clamp(42px,6.8vw,118px)/.98 var(--display);letter-spacing:-.075em;margin:0;max-width:950px;grid-column:1/-1}.intro-statement .shimmer{color:#71c7ed;font-style:normal}.intro-support{grid-column:2;max-width:530px;font-size:clamp(17px,1.45vw,23px);color:#bdcede;line-height:1.6;margin:20px 0 0}.interactive-stage{min-height:740px;position:relative;overflow:hidden;background:linear-gradient(0deg,rgba(0,20,37,.85),rgba(0,12,25,.45)),radial-gradient(ellipse at 30% 70%,#15518b77,transparent 45%),#040b14;border-top:1px solid #275070;border-bottom:1px solid #275070}.interactive-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#b6e6ff10 calc(20% - 1px) 20%);pointer-events:none}.stage-heading{padding:clamp(45px,5vw,80px) var(--pad) 0;display:flex;justify-content:space-between;align-items:baseline;gap:30px}.stage-heading h2{font:760 clamp(30px,4.4vw,75px)/1.05 var(--display);letter-spacing:-.058em;margin:0}.stage-heading span{font-size:12px;color:#afd0e7;max-width:260px;text-align:right}.stage-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:550px;align-items:center;padding:10px var(--pad) 70px;gap:7vw}.flow-visual{position:relative;aspect-ratio:1.35;max-width:770px;display:grid;place-items:center;overflow:hidden}.flow-visual svg{width:100%;height:100%;overflow:visible}.flow-glow{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:#137bff22;filter:blur(60px);opacity:.8;pointer-events:none}.flow-text{position:absolute;bottom:4%;left:4%;font:700 clamp(28px,3.6vw,58px)/1 var(--display);letter-spacing:-.045em;opacity:.83;max-width:300px}.flow-svg .flow-line{stroke-dasharray:7 12;animation:flowMove 8s linear infinite}@keyframes flowMove{to{stroke-dashoffset:-200}}.flow-svg .flow-marker{transform-box:fill-box;transform-origin:center;animation:throb 2s ease-in-out infinite}@keyframes throb{50%{opacity:.38;transform:scale(1.5)}}.stage-copy{max-width:620px;align-self:center}.step-indicator{color:#7cd1fd;letter-spacing:.19em;font-size:12px;text-transform:uppercase}.stage-copy h3{font:750 clamp(44px,5vw,85px)/1.00 var(--display);letter-spacing:-.063em;margin:22px 0}.stage-copy p{color:#bfd0df;font-size:clamp(16px,1.22vw,21px);line-height:1.65;margin:0 0 38px}.step-controls{display:flex;gap:10px}.step-controls button{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;min-width:52px;height:52px;border-radius:50%;font-size:25px;transition:background .25s}.step-controls button:hover{background:#1667ff}.step-progress{height:2px;background:#365874;max-width:380px;position:relative;margin:26px 0}.step-progress i{display:block;background:#8be3ff;height:100%;width:25%;transition:width .5s}.step-dots{display:flex;gap:9px;flex-wrap:wrap}.step-dots button{padding:9px 12px;font-size:12px;color:#b3c6d6;background:transparent;border:1px solid transparent;border-radius:4px}.step-dots button[aria-selected=true]{color:#fff;border-color:#6998bb88}.step-dots button:hover{color:#fff}
/* Homepage services: real links, artistic index */
.work-index{position:relative;padding:clamp(115px,15vw,250px) var(--pad) 140px;overflow:hidden;isolation:isolate;background:#06111d}.work-index:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 65%,#07345d 0,transparent 58%)}.work-index-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5vw;padding-bottom:clamp(55px,7vw,110px)}.work-index-head h2{font:850 clamp(62px,10.5vw,190px)/.88 var(--display);letter-spacing:-.09em;margin:0}.work-index-head p{font-size:clamp(17px,1.5vw,23px);color:#a9c3d5;max-width:450px;margin:0 0 8px auto}.work-link{display:grid;grid-template-columns:65px 1fr 280px 50px;gap:28px;align-items:center;text-decoration:none;padding:clamp(25px,3vw,47px) 0;border-top:1px solid #7896b34e;position:relative;transition:padding .3s,color .3s}.work-link:last-child{border-bottom:1px solid #7896b34e}.work-link:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;background:linear-gradient(90deg,rgba(54,131,248,.14),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}.work-link:hover:before,.work-link:focus-visible:before{transform:scaleX(1)}.work-link:hover{padding-left:15px;color:#7ecfff}.work-link .num{font-size:12px;color:#7898b5;font-variant-numeric:tabular-nums}.work-link h3{font:760 clamp(29px,4.2vw,76px)/1.02 var(--display);letter-spacing:-.066em;margin:0}.work-link p{font-size:13px;line-height:1.55;color:#aec3d6;margin:0}.work-link .go{justify-self:end;border-radius:50%;width:48px;height:48px;border:1px solid #90b5d0;display:grid;place-items:center;font-size:22px;transition:transform .3s,background .3s}.work-link:hover .go{background:#1667ff;transform:rotate(45deg);border-color:#1667ff;color:#fff}.work-index .mid-note{font:500 13px var(--body);color:#88a4b9;margin:30px 0 0}
/* Proof experience */
.case-feature{background:#cfe2ee;color:#0a1c2c;padding:clamp(105px,14vw,200px) var(--pad);position:relative;overflow:hidden}.case-feature:after{content:"";pointer-events:none;position:absolute;right:-12%;top:-20%;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(13,70,113,.18);box-shadow:0 0 0 130px rgba(20,72,114,.035),0 0 0 260px rgba(20,72,114,.026)}.case-topline{font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#28577d;display:flex;justify-content:space-between;gap:30px;position:relative;z-index:2}.case-display{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin:50px 0 90px}.case-display h2{font:850 clamp(55px,9vw,160px)/.91 var(--display);letter-spacing:-.078em;margin:0}.case-display h2 em{font-style:normal;color:#1667ff}.case-display p{font-size:clamp(17px,1.6vw,24px);line-height:1.5;margin:0 0 7px;max-width:390px;color:#39576d}.case-body{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:6vw;align-items:center}.case-paper{position:relative;background:#fff;padding:clamp(10px,1.4vw,24px);box-shadow:0 25px 65px rgba(8,40,70,.19);transform:rotate(-2deg);transition:transform .55s;display:block;text-decoration:none}.case-paper:hover{transform:rotate(0deg) translateY(-12px)}.case-paper img{width:100%;object-fit:contain}.case-paper figcaption{font:600 11px var(--body);letter-spacing:.1em;margin-top:16px;color:#3c647d;text-transform:uppercase}.case-metrics{position:relative;display:grid;gap:30px}.case-metrics b{font:830 clamp(85px,13.5vw,230px)/.9 var(--display);letter-spacing:-.085em;color:#0d263c;display:block}.case-metrics b span{color:#1667ff}.case-metrics p{max-width:430px;font-size:17px;color:#425e75;margin:0}.case-metrics a{font:700 14px var(--body);color:#0c438e;text-decoration:none;width:max-content;padding-bottom:9px;border-bottom:1px solid #0c438e}.case-metrics a:hover{color:#1667ff}.case-small{font-size:12px;color:#446174;margin-top:90px;max-width:950px}
/* method teaser and footer*/
.closing-proposition{background:#05111e;position:relative;overflow:hidden;min-height:650px;padding:clamp(130px,13vw,220px) var(--pad) 110px;display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:center}.closing-proposition:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 98% 50%,#124c83aa,transparent 58%);pointer-events:none}.closing-proposition h2{position:relative;font:850 clamp(63px,8.5vw,155px)/.94 var(--display);letter-spacing:-.077em;margin:0}.closing-proposition h2 em{color:#6fd2ff;font-style:normal}.closing-proposition .closing-side{position:relative;align-self:end}.closing-proposition p{font-size:clamp(18px,1.5vw,23px);color:#b7cbdb;max-width:380px}.arrow-link{display:inline-flex;align-items:center;gap:22px;text-decoration:none;font-weight:700;font-size:14px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid currentColor}.arrow-link span{font-size:27px;line-height:1;transition:transform .25s}.arrow-link:hover span{transform:translate(7px,-7px)}.final-sea{position:relative;min-height:clamp(560px,75vh,900px);overflow:hidden;background:#020c17;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:110px var(--pad)}.final-sea img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 64%;z-index:-2;transform:scaleX(-1);opacity:.72;filter:saturate(.9) brightness(.65)}.final-sea:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#021019f5 0,rgba(0,16,31,.53) 60%,rgba(0,9,19,.45)),linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%)}.final-sea h2{font:850 clamp(75px,13vw,230px)/.86 var(--display);letter-spacing:-.09em;margin:0 0 70px;max-width:1200px}.final-sea h2 span{display:block;-webkit-text-stroke:1px rgba(255,255,255,.8);color:transparent}.final-sea .email-primary{font:650 clamp(23px,3vw,49px)/1.2 var(--display);text-decoration:none;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:10px;width:max-content}.final-sea .email-primary:hover{color:#73cfff}.final-sea p{margin:20px 0 0;color:#d1dfe9}.site-footer{background:#02070c;padding:40px var(--pad) 55px;display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid #283646}.site-footer img{width:170px}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}.site-footer a{text-decoration:none;font-size:12px;color:#aac2d3}.site-footer a:hover{color:#fff}.site-footer small{font-size:11px;color:#7f9bb0}
/* Internal pages */
.article-hero{min-height:clamp(590px,79vh,860px);position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--pad) 95px;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#051220,#0a2843 57%,#0b5276)}.article-hero.haswave{background:#051221}.article-hero.haswave:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/bluewater-wave-optimized.webp') center 40% / cover no-repeat;opacity:.7;filter:brightness(.7) saturate(1.18);transform:scale(1.045);animation:waveIn 2s ease-out both}.article-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020912c9,#07142133),linear-gradient(0deg,#020811 0,transparent 62%)}.article-hero .eyebrow{font:650 12px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#a4d9f8}.article-hero h1{font:850 clamp(63px,10.3vw,176px)/.91 var(--display);letter-spacing:-.083em;margin:30px 0 34px;max-width:1450px}.article-hero h1 em{font-style:normal;color:#76caff}.article-hero p{max-width:600px;font-size:clamp(17px,1.5vw,24px);line-height:1.5;color:#c4dcea;margin:0}.article-hero .page-guide{margin-top:50px;font:650 12px var(--body);letter-spacing:.1em;text-decoration:none;border-bottom:1px solid currentColor;width:max-content;padding-bottom:9px}.article-hero .page-guide:hover{color:#7cdaff}.breadcrumb{font-size:12px;color:#bed6e6;margin:0 0 15px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(110px,12vw,195px) var(--pad);background:#061420}.article-intro .big-thesis{font:760 clamp(39px,5.2vw,91px)/1.05 var(--display);letter-spacing:-.067em;margin:0}.article-intro .big-thesis em{font-style:normal;color:#79c8ef}.article-intro .intro-body{font-size:clamp(17px,1.3vw,22px);color:#bbcad8;line-height:1.72;align-self:end}.article-intro .intro-body p{margin:0 0 22px}.long-read{display:grid;grid-template-columns:minmax(190px,26%) minmax(0,1fr);gap:6vw;background:#e6eef2;color:#102333;padding:110px var(--pad) 150px}.article-side{position:sticky;top:35px;align-self:start}.article-side .side-label{font:700 12px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#31658a}.article-side nav{margin-top:38px;display:flex;flex-direction:column;gap:14px}.article-side a{font-size:13px;text-decoration:none;color:#547081;padding:3px 0}.article-side a:hover{color:#0753b1}.article-content{max-width:930px}.article-content section{padding:0 0 75px;margin-bottom:90px;border-bottom:1px solid #aac0cb;scroll-margin-top:45px}.article-content h2{font:760 clamp(38px,4.1vw,70px)/1.07 var(--display);letter-spacing:-.059em;margin:0 0 28px}.article-content h3{font:700 clamp(22px,2vw,35px)/1.2 var(--display);letter-spacing:-.03em;margin:44px 0 12px}.article-content p{font-size:clamp(16px,1.23vw,20px);line-height:1.78;color:#385061;max-width:820px}.article-content ul{padding:0;list-style:none;margin:40px 0}.article-content li{font-size:18px;padding:15px 0 15px 32px;position:relative;border-top:1px solid #c2d0d7;color:#223b50}.article-content li:before{content:"↗";position:absolute;left:0;color:#1467b9}.article-callout{background:#0a2139;color:white;padding:clamp(25px,3vw,55px);margin:55px 0}.article-callout strong{font:750 clamp(28px,3vw,50px)/1.15 var(--display);letter-spacing:-.05em}.article-callout p{color:#b6cee1}.article-next{background:#052037;color:#fff;padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.article-next h2{font:770 clamp(44px,6.7vw,112px)/.98 var(--display);letter-spacing:-.068em;margin:0}.article-next p{font-size:19px;color:#b8cedc}.article-next .next-links{display:flex;flex-direction:column;gap:20px}.article-next .next-links a{text-decoration:none;border-top:1px solid #829fb452;padding:18px 0;font:650 clamp(21px,2.5vw,40px) var(--display);letter-spacing:-.035em;display:flex;justify-content:space-between;gap:20px}.article-next .next-links a:hover{color:#76d3ff}.readnote{font-size:13px!important;color:#658397!important}.quick-definition{color:#86cced;letter-spacing:.16em;font-size:12px;font-weight:700;text-transform:uppercase}
/* Article custom */
.source-viewer{background:#e6eef2;color:#0a1c2c;padding:60px 0}.source-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.source-switch button{border:1px solid #7893a5;background:transparent;color:#1a3c52;padding:13px 20px;font-size:13px}.source-switch button[aria-pressed=true]{background:#103857;color:#fff}.source-stage{background:#fff;padding:20px;border:1px solid #b0c5d0;box-shadow:0 20px 60px #0b21331c}.source-stage img{width:100%;height:auto;display:block}.source-stage .source-meta{font-size:13px;color:#4c6576;margin:15px 0 0}.source-magnify{display:block;text-decoration:none;color:#0d5eaf!important;font-size:14px;margin:20px 0}.calculator{background:#071b2d;color:#fff;padding:clamp(28px,4vw,60px);margin:35px 0}.calculator-head{font:730 clamp(25px,2.7vw,45px)/1.2 var(--display);letter-spacing:-.04em;margin:0 0 30px}.calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.calc-fields label{display:block;font-size:12px;color:#b3ccda}.calc-fields input{width:100%;background:transparent;border:0;border-bottom:1px solid #829cab;color:#fff;font:700 clamp(26px,3vw,42px) var(--display);padding:10px 0;border-radius:0}.calc-output{font:830 clamp(63px,8.2vw,120px)/1 var(--display);letter-spacing:-.07em;color:#8bdcfc;display:block;margin-top:30px}.calc-label{font:600 12px var(--body);color:#a9cee1;text-transform:uppercase;letter-spacing:.1em}.calc-explain{font-size:14px;color:#bfd8e8;max-width:670px}.process-track{margin:45px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.process-track button{position:relative;border:0;background:#0a2640;color:#b8cee0;padding:20px 10px;min-height:98px;text-align:left;font-size:13px}.process-track button[aria-pressed=true]{background:#1667ff;color:white}.process-track button:before{position:absolute;top:0;left:0;right:0;height:2px;background:#88b6cd;content:""}.process-track button[aria-pressed=true]:before{background:#fff}.process-description{background:#fff;border:1px solid #bfd2dd;padding:35px;min-height:200px}.process-description h3{margin:0 0 10px}.process-description p{margin:0;font-size:17px}.readable-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.readable-list>*{border-top:1px solid #b8cdd9;padding-top:12px}
/* animation optional but never hides content */
.reveal{opacity:1;transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.js-motion .reveal:not(.shown){opacity:0;transform:translateY(34px)}.js-motion .reveal.shown{opacity:1;transform:translateY(0)}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition-duration:.01ms!important}.motion-off .reveal{opacity:1!important;transform:none!important}
@media(max-width:1050px){.nav-links{display:none}.work-link{grid-template-columns:35px 1fr 48px}.work-link p{display:none}.arrival-heading{font-size:20.5vw}.intro-support{grid-column:1/-1}.stage-layout{grid-template-columns:1fr 1fr;gap:3vw}.article-side{position:static}.site-footer{flex-wrap:wrap}}
@media(max-width:760px){:root{--pad:22px}.site-header{height:75px}.site-header .head-contact{display:none}.logo img{width:156px}.menu-toggle{width:44px;height:44px}.menu-overlay{padding-top:115px}.menu-list{grid-template-columns:1fr;gap:40px}.menu-major a{font-size:clamp(39px,11vw,65px)}.menu-minor{padding-top:0}.menu-bottom{flex-direction:column;gap:12px}.arrival{height:100svh;min-height:650px;max-height:1000px}.arrival-water img{object-position:54% center}.arrival-topnote{padding-top:107px;font-size:9px;letter-spacing:.09em}.arrival-topnote span:last-child{display:none}.arrival-heading{font-size:23vw;top:31%;width:calc(100% - 44px);letter-spacing:-.087em;line-height:.79}.arrival-heading .demand{margin-left:8vw;-webkit-text-stroke:1px #fff}.arrival-lower{margin-bottom:7vh;flex-direction:column;align-items:start;gap:34px}.arrival-offer{max-width:420px}.arrival-offer h2{font-size:clamp(30px,8vw,45px)}.arrival-offer p{font-size:13px;max-width:350px}.arrival-explore i{width:52px;height:52px}.main-intro{padding:120px var(--pad) 110px;grid-template-columns:1fr}.intro-statement{font-size:clamp(47px,11.5vw,85px)}.intro-support{font-size:17px;margin-top:0}.interactive-stage{min-height:auto}.stage-heading{padding:55px var(--pad) 0;align-items:start;flex-direction:column;gap:20px}.stage-heading h2{font-size:clamp(40px,10vw,70px)}.stage-heading span{text-align:left}.stage-layout{grid-template-columns:1fr;gap:0;padding:5px var(--pad) 65px}.flow-visual{width:100%;max-height:310px;aspect-ratio:1.8}.flow-text{font-size:26px}.stage-copy h3{font-size:clamp(43px,11vw,70px);margin:15px 0}.stage-copy p{font-size:16px;margin-bottom:24px}.step-dots{gap:2px}.step-dots button{padding:6px;font-size:11px}.work-index{padding:110px var(--pad) 115px}.work-index-head{grid-template-columns:1fr;gap:36px}.work-index-head h2{font-size:19vw}.work-index-head p{margin:0;font-size:17px}.work-link{grid-template-columns:25px 1fr 34px;gap:10px;padding:28px 0}.work-link h3{font-size:clamp(28px,7.3vw,44px);line-height:1.12}.work-link .go{height:32px;width:32px;font-size:19px}.case-feature{padding:105px var(--pad)}.case-topline span:last-child{display:none}.case-display{grid-template-columns:1fr;gap:30px;margin:40px 0}.case-display h2{font-size:clamp(58px,14vw,90px)}.case-display p{font-size:17px}.case-body{grid-template-columns:1fr;gap:50px}.case-paper{transform:rotate(-1deg)}.case-metrics b{font-size:24vw}.case-small{margin-top:75px}.closing-proposition{padding:120px var(--pad);grid-template-columns:1fr;min-height:650px;gap:50px}.closing-proposition h2{font-size:clamp(58px,14.5vw,115px)}.closing-proposition .closing-side{align-self:start}.final-sea{min-height:670px;padding:100px var(--pad)}.final-sea img{object-position:60%}.final-sea h2{font-size:clamp(78px,19vw,140px);margin-bottom:70px}.final-sea .email-primary{font-size:clamp(25px,6.5vw,36px)}.site-footer{align-items:start;gap:22px}.site-footer nav{width:100%;order:3}.article-hero{min-height:660px;padding:110px var(--pad) 85px}.article-hero h1{font-size:clamp(61px,13vw,100px)}.article-hero p{font-size:17px}.article-intro{grid-template-columns:1fr;padding:100px var(--pad);gap:35px}.article-intro .big-thesis{font-size:clamp(48px,11vw,86px)}.long-read{grid-template-columns:1fr;padding:80px var(--pad) 90px;gap:70px}.article-side nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.article-side a{border:1px solid #8faab9;padding:10px;border-radius:20px}.article-content section{margin-bottom:70px;padding-bottom:65px}.article-content h2{font-size:clamp(37px,9vw,60px)}.article-content p{font-size:16px;line-height:1.68}.article-next{grid-template-columns:1fr;padding:100px var(--pad)}.article-next h2{font-size:11vw}.calc-fields{grid-template-columns:1fr}.calc-output{font-size:75px}.process-track{grid-template-columns:1fr 1fr}.readable-list{grid-template-columns:1fr}}
@media(max-width:380px){.arrival-heading{top:32%;font-size:22vw}.arrival-offer h2{font-size:29px}.arrival-offer p{font-size:12px}.arrival-lower{gap:22px}.arrival-explore{font-size:10px}.work-link h3{font-size:27px}.final-sea h2{font-size:18vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1!important;transform:none!important}}

/* Controlled details for exploration */
.work-index{--mx:50%;--my:50%}.work-index:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 470px 390px at var(--mx) var(--my),rgba(67,174,255,.075),transparent 80%);transition:opacity .4s}
.source-stage{overflow:hidden}.source-stage img{transform-origin:50% 50%;transition:transform .36s cubic-bezier(.22,.8,.3,1);cursor:zoom-in}.zoom-tools{display:flex;align-items:center;gap:10px;margin:16px 0}.zoom-tools button{height:40px;min-width:42px;background:#123c5a;color:white;border:0;padding:0 13px}.zoom-tools button:last-child{background:transparent;color:#174a70;border:1px solid #90b1c4;margin-left:12px}.zoom-tools button:hover{background:#1667ff;color:#fff}.zoom-tools span{width:55px;text-align:center;font-size:13px;color:#36596f}.article-content section h2{position:relative}.article-content section h2:before{content:"";width:36px;height:3px;background:#227bef;display:block;margin-bottom:24px}.article-content section{transition:border-color .35s}.article-content section:target{border-color:#1168e6}

/* Ambient water movement continues gently after the initial splash. */
.arrival-water{animation:tideFlow 9s 2.6s ease-in-out infinite alternate}@keyframes tideFlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-.5%,.5%,0) scale(1.025)}}

/* ═══════════════════════ BLUEWATER V5 CREATIVE PASS ═══════════════════════ */
:root{--void:#020910;--night:#061321;--ink:#f1f7ff;--mute:#aabfcd;--electric:#1667ff;--aqua:#86d7ff;--pad:clamp(22px,5.2vw,94px)}
body{background:#020910;line-height:1.5}
a:focus-visible,button:focus-visible{outline-color:#8ee6ff}
.site-header{height:78px;background:linear-gradient(180deg,rgba(1,8,15,.80),rgba(1,8,15,.2));border-color:#ffffff25}
.site-header.inner-header{background:#030e19;border-bottom:1px solid #4b7d9b44}
.logo{display:block;flex:none}.logo img{display:block;width:clamp(132px,12vw,175px);height:auto;aspect-ratio:420/89;object-fit:contain;object-position:left center;max-height:56px}
.nav-links a{font-size:12.5px;letter-spacing:.006em}.head-contact{font-size:12.5px}
.menu-toggle{width:42px;height:42px;background:rgba(1,14,26,.42)}
.scroll-meter{display:none!important}
/* 1.35s cinematic arrival. The content exists immediately beneath this brief, non-interactive composition. */
.splash-intro{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:rgba(0,7,16,.97);pointer-events:none;overflow:hidden;animation:introDismiss 1.5s cubic-bezier(.2,.8,.25,1) both}
.splash-intro:before{content:"";position:absolute;inset:-20%;background:url('assets/bluewater-wave-optimized.webp') center/cover;opacity:.65;filter:brightness(.78) contrast(1.1) saturate(1.2);transform:scale(1.13);animation:introSurge 1.45s cubic-bezier(.12,.6,.1,1) both}
.splash-intro:after{content:"";position:absolute;inset:-12%;background:radial-gradient(ellipse 40% 20% at 55% 51%,rgba(218,249,255,.64),transparent 90%);mix-blend-mode:screen;animation:introFlare 1.5s ease-out both}
.splash-intro img{z-index:1;position:relative;width:clamp(190px,25vw,340px);height:auto;aspect-ratio:420/89;object-fit:contain;filter:drop-shadow(0 12px 28px #0008);animation:markLift 1.45s ease-out both}
.splash-intro span{z-index:1;font-size:10px;color:#ffffffc7;font-weight:650;letter-spacing:.32em;text-shadow:0 2px 10px #000}
@keyframes introDismiss{0%,70%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes introSurge{0%{transform:scale(1.27) translateY(9%);filter:brightness(.32) contrast(1.1)}65%{transform:scale(1.07) translateY(-2%);filter:brightness(1.13)}100%{transform:scale(1) translateY(0);filter:brightness(.78)}}
@keyframes introFlare{0%,12%{opacity:0}32%{opacity:.95}80%,100%{opacity:0}}
@keyframes markLift{0%{opacity:0;transform:translateY(25px) scale(.9)}29%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1}100%{opacity:0;transform:translateY(-18px) scale(1.025)}}
.arrival{height:100svh;min-height:690px;max-height:1200px;background:#03111e}
.arrival-water img{filter:contrast(1.05) saturate(1.08) brightness(.94);object-position:53% 48%;animation:heroWaveReveal 2.6s cubic-bezier(.15,.8,.25,1) both}
@keyframes heroWaveReveal{0%{transform:scale(1.11);filter:brightness(.38) saturate(.8)}50%{filter:brightness(1.1) saturate(1.25)}100%{transform:scale(1);filter:contrast(1.05) saturate(1.08) brightness(.94)}}
.arrival:after{background:linear-gradient(180deg,#000c 0%,transparent 25%,#0000 60%,#000b 100%),linear-gradient(90deg,#030a14aa,transparent 75%)}
.arrival-topnote{padding-top:115px;color:#eaf3ff;letter-spacing:.085em;font-size:11px}
.arrival-heading{font-size:clamp(103px,18.7vw,330px);top:26%;letter-spacing:-.095em;width:95%;line-height:.72;text-shadow:0 12px 25px #0007}
.arrival-heading .demand{margin-left:clamp(5px,9vw,160px);color:transparent;-webkit-text-stroke:1.6px #eaf8ffed}
.arrival-lower{margin-bottom:clamp(40px,6.8vh,88px);padding-bottom:0;align-items:end;gap:32px}
.arrival-offer{max-width:520px}.arrival-offer h2{font-size:clamp(31px,3.4vw,57px);line-height:1.04;letter-spacing:-.055em;margin-bottom:15px}.arrival-offer p{font-size:clamp(13px,1vw,16px);max-width:430px;color:#e6f2ffdb;line-height:1.6}
.arrival-explore{align-self:end;gap:19px;font-size:12px;letter-spacing:.04em}
.arrow-circle{width:56px;height:56px;border-radius:50%;border:1px solid #d6f0ff9c;display:grid;place-items:center;font-size:24px;font-style:normal;transition:background .3s,transform .3s}
.arrival-explore:hover .arrow-circle{background:#1667ff;transform:translateY(5px)}
.section-label{display:block;color:#86caf9;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em}
.text-link,.more-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:8px 0;text-decoration:none;font-size:14px;font-weight:650;transition:color .25s,gap .25s}
.text-link:hover,.more-link:hover{color:#6cd4ff;gap:38px}
/* Clear two-column story: no filler panels */
.v5-statement{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:3.5vw;padding:clamp(95px,9vw,150px) var(--pad) clamp(85px,9vw,145px);min-height:0;background:linear-gradient(155deg,#040c14,#0a1d2e)}
.statement-kicker{grid-column:1/-1;font-size:11px;font-weight:650;letter-spacing:.15em;color:#88b9db}
.v5-statement .intro-statement{grid-column:1;font-size:clamp(55px,8.2vw,140px);line-height:.96;letter-spacing:-.075em;margin:0;max-width:930px}
.v5-statement .intro-statement em{font-style:normal;color:#79ccfb}
.v5-statement .statement-body{grid-column:2;align-self:end;max-width:450px}
.v5-statement .statement-body p{font-size:clamp(17px,1.55vw,22px);color:#c4d9e6;line-height:1.58;margin:0 0 30px}
/* Compact interactive journey, not a fullscreen fake application */
.compact-journey{min-height:0;background:#021424;border-color:#17415c66}
.compact-journey .stage-heading{padding:clamp(72px,7vw,105px) var(--pad) 0;align-items:end}
.compact-journey .stage-heading h2{font-size:clamp(45px,6.5vw,100px);line-height:.95;margin-top:18px}
.compact-journey .stage-heading p{font-size:15px;max-width:280px;color:#b4cbdb;margin:0}
.compact-journey .stage-layout{min-height:0;grid-template-columns:1fr .9fr;gap:6vw;padding:10px var(--pad) clamp(60px,6vw,105px)}
.compact-journey .flow-visual{max-width:650px;aspect-ratio:1.8}
.compact-journey .stage-copy h3{font-size:clamp(34px,4.6vw,70px);line-height:1.05;max-width:700px}
.compact-journey .stage-copy p{font-size:clamp(15px,1.25vw,19px);line-height:1.55;max-width:480px}
.compact-journey .flow-text{bottom:9%;font-size:clamp(24px,3vw,44px)}
/* Purposeful minimal service index. Rows all click, hover/touch clearly communicated */
.v5-services{padding:clamp(92px,9vw,160px) var(--pad);background:linear-gradient(145deg,#04101e,#09213a)}
.v5-services .work-index-head{padding-bottom:50px;align-items:end}
.v5-services .work-index-head h2{font-size:clamp(65px,9.7vw,155px);line-height:.82;margin-top:22px}
.v5-services .work-index-head p{font-size:clamp(16px,1.4vw,20px);max-width:415px;line-height:1.55}
.v5-services .work-link{grid-template-columns:46px minmax(200px,1fr) minmax(170px,280px) 42px;gap:22px;padding:clamp(20px,2.2vw,30px) 0}
.v5-services .work-link h3{font-size:clamp(27px,3.25vw,52px);line-height:1.05;letter-spacing:-.045em}
.v5-services .work-link p{font-size:13px;line-height:1.48;color:#b4cfe1}
.v5-services .work-link .go{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d5efff77;border-radius:50%;font-size:20px;transition:background .3s,transform .3s}
.v5-services .work-link:hover .go{background:#1667ff;transform:rotate(45deg)}
.v5-services .more-link{margin-top:40px}
/* Evidence: both images visible and clickable, compact with original record legibility */
.v5-proof{padding:clamp(90px,9vw,150px) var(--pad);background:#d6e5ed;color:#071b2d}
.v5-proof:after{display:none}
.v5-proof .case-topline{letter-spacing:.08em}
.proof-lead{display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:end;margin:34px 0 55px}
.proof-lead h2{font:840 clamp(56px,8.8vw,143px)/.88 var(--display);letter-spacing:-.078em;margin:15px 0 0}
.proof-lead h2 em{font-style:normal;color:#135ce0}
.proof-explain p{font-size:clamp(16px,1.45vw,21px);line-height:1.55;color:#35516a;margin-bottom:30px}
.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:stretch}
.proof-doc{min-width:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:16px}
.proof-shot{background:#fff;aspect-ratio:1.68;overflow:hidden;border:1px solid #9db3c4;box-shadow:0 15px 38px #042b4a1a;display:grid;place-items:center;padding:10px;transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .4s}
.proof-shot img{width:100%;height:100%;object-fit:contain;object-position:center}
.proof-doc:hover .proof-shot{transform:translateY(-9px);box-shadow:0 25px 45px #042b4a2c}
.proof-info{display:grid;grid-template-columns:1fr auto;gap:0 15px;padding:4px 2px}
.proof-info strong{font:750 clamp(20px,2vw,31px) var(--display);letter-spacing:-.03em}
.proof-info span{font-size:13px;color:#43627a;grid-row:2}
.proof-info i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:25px}
.proof-note{max-width:870px;color:#567185;font-size:13px;line-height:1.6;margin:42px 0 0;border-top:1px solid #96acba;padding-top:17px}
.v5-relationship{min-height:0;padding:clamp(90px,9vw,150px) var(--pad);background:#041220;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:end}
.v5-relationship h2{font-size:clamp(50px,7.4vw,120px);letter-spacing:-.075em;margin:18px 0 0}
.v5-relationship h2 em{font-style:normal;color:#82cbf5}
.v5-relationship .relationship-side{align-self:end;max-width:410px}
.v5-relationship .relationship-side p{font-size:clamp(17px,1.45vw,21px);color:#b8cfdc;line-height:1.6}
.v5-contact{min-height:clamp(490px,65vh,750px);padding:100px var(--pad)}
.v5-contact h2{font-size:clamp(68px,10.5vw,167px);line-height:.89;max-width:1000px;margin:22px 0 58px}
.v5-contact .email-primary{font-size:clamp(20px,2.7vw,43px)}
.v5-contact p a{color:#eefbff}
.site-footer{padding:34px var(--pad) 45px;align-items:center;gap:32px}
.site-footer .footer-logo{display:block;flex-shrink:0}
.site-footer .footer-logo img{display:block;width:clamp(125px,13vw,175px);height:auto;aspect-ratio:420/89;max-width:none;object-fit:contain;object-position:left center;filter:none!important;transform:none!important}
.site-footer nav{display:flex;gap:20px;align-items:center}
.site-footer .footer-contact{display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.site-footer .footer-contact small{font-size:11px;color:#8ba6b9}
/* Remove old tall block impression on all genuine SEO service pages */
.article-hero{min-height:clamp(450px,64vh,710px);padding-bottom:75px}
.article-hero h1{font-size:clamp(63px,9.1vw,134px);line-height:.93}
.article-intro{padding-top:clamp(75px,9vw,120px);padding-bottom:clamp(75px,9vw,120px)}
.article-intro .big-thesis{font-size:clamp(48px,6.7vw,105px)}
.long-read{padding-top:clamp(60px,7vw,90px);padding-bottom:clamp(75px,8vw,125px)}
.article-side{top:90px}
.article-content{max-width:900px}
.article-content section{margin-bottom:65px;padding-bottom:58px}
.article-content h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.047em}
.article-content p{font-size:clamp(16px,1.1vw,19px)}
.article-next{padding-top:70px;padding-bottom:80px}
.faq-article{background:#e5eef3;color:#091d2b;padding:clamp(65px,7vw,110px) var(--pad)}
.faq-article h2{font:770 clamp(36px,5vw,70px)/1 var(--display);letter-spacing:-.06em;margin:0 0 35px}
.faq-article details{max-width:920px;border-top:1px solid #abbfcc}
.faq-article details:last-child{border-bottom:1px solid #abbfcc}
.faq-article summary{font-size:clamp(18px,1.55vw,25px);font-weight:650;padding:23px 38px 23px 0;cursor:pointer;position:relative;list-style:none}
.faq-article summary::-webkit-details-marker{display:none}.faq-article summary:after{content:'+';position:absolute;right:10px;font-size:27px;top:16px;color:#126ded}.faq-article details[open] summary:after{content:'−'}
.faq-article p{max-width:700px;margin:0 0 28px;font-size:17px;line-height:1.6;color:#426077}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0 50px}
.evidence-item{margin:0;min-width:0}
.evidence-view{width:100%;padding:0;border:1px solid #b2c6d2;background:white;color:#0d2c44;overflow:hidden;display:block;text-align:left;transition:transform .25s,box-shadow .25s}
.evidence-view:hover{transform:translateY(-5px);box-shadow:0 17px 32px #042b4a20}
.evidence-view img{width:100%;height:260px;object-fit:contain;padding:8px}
.evidence-view span{display:block;padding:15px 18px;background:#082840;color:#fff;font-size:13px;font-weight:650}
.evidence-item figcaption{display:flex;flex-direction:column;gap:2px;padding:14px 0}.evidence-item figcaption strong{font-size:16px}.evidence-item figcaption small{font-size:12px;color:#536b7d}
.evidence-modal[hidden]{display:none!important}
.evidence-modal{position:fixed;inset:0;background:#04121bf5;z-index:200;display:flex;flex-direction:column;padding:clamp(14px,2vw,40px);color:#fff}
.evidence-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;font-size:14px}
.evidence-modal-head>div{display:flex;align-items:center;gap:18px}.evidence-modal-head a{font-size:12px}.evidence-modal-head button{border:1px solid #aecde377;color:white;background:transparent;padding:9px 16px}
.evidence-modal-body{overflow:auto;flex:1;background:#edf2f5;display:grid;place-items:start center}
.evidence-modal-body img{max-width:none;width:min(100%,1662px);height:auto;display:block}
@media(max-width:1050px){.proof-lead{grid-template-columns:1fr 1fr}.compact-journey .stage-layout{grid-template-columns:1fr 1fr}.v5-relationship{grid-template-columns:1fr 1fr}.v5-services .work-link{grid-template-columns:35px 1fr 35px}.v5-services .work-link p{display:none}}
@media(max-width:760px){
.site-header{height:72px}.logo img{width:150px}.splash-intro img{width:230px}
.arrival{height:100svh;min-height:620px;max-height:900px}.arrival-water img{object-position:54% center}
.arrival-topnote{padding-top:98px;font-size:9px}.arrival-heading{top:32%;font-size:22.7vw;letter-spacing:-.095em}.arrival-heading .demand{margin-left:7vw;-webkit-text-stroke:1.1px #fff}
.arrival-lower{margin-bottom:7.5vh;gap:24px;align-items:flex-start}.arrival-offer h2{font-size:clamp(28px,7vw,42px)}.arrival-offer p{font-size:13px;max-width:350px}.arrival-explore{font-size:12px}.arrow-circle{width:45px;height:45px}
.v5-statement{padding:85px var(--pad);display:block}.v5-statement .intro-statement{font-size:clamp(53px,10.7vw,84px);margin:24px 0 30px}.v5-statement .statement-body p{font-size:17px}.v5-statement .statement-body{max-width:500px}
.compact-journey .stage-heading{padding:70px var(--pad) 0;display:block}.compact-journey .stage-heading h2{font-size:clamp(42px,9vw,72px)}.compact-journey .stage-heading p{font-size:14px;margin-top:18px}.compact-journey .stage-layout{display:block;padding:0 var(--pad) 75px}.compact-journey .flow-visual{max-height:265px;aspect-ratio:1.9;margin:10px 0}.compact-journey .stage-copy h3{font-size:clamp(34px,8.7vw,56px)}.compact-journey .stage-copy p{font-size:16px}.compact-journey .flow-text{font-size:26px}
.v5-services{padding:90px var(--pad)}.v5-services .work-index-head{display:block;padding-bottom:30px}.v5-services .work-index-head h2{font-size:clamp(70px,18vw,120px)}.v5-services .work-index-head p{font-size:16px;margin:25px 0 0}.v5-services .work-link{grid-template-columns:26px minmax(0,1fr) 32px;gap:9px;padding:19px 0}.v5-services .work-link h3{font-size:clamp(25px,6.7vw,39px)}.v5-services .work-link .go{width:32px;height:32px;font-size:16px}
.v5-proof{padding:80px var(--pad)}.v5-proof .case-topline{font-size:10px}.proof-lead{display:block;margin:30px 0 40px}.proof-lead h2{font-size:clamp(63px,13.5vw,95px);margin:17px 0 25px}.proof-explain p{font-size:17px;margin-bottom:20px}.proof-pair{grid-template-columns:1fr;gap:35px}.proof-shot{aspect-ratio:1.7}.proof-info strong{font-size:23px}.proof-note{font-size:12px;margin-top:32px}
.v5-relationship{padding:85px var(--pad);display:block}.v5-relationship h2{font-size:clamp(58px,11vw,86px);margin-bottom:26px}.v5-relationship .relationship-side p{font-size:17px}
.v5-contact{min-height:550px;padding:85px var(--pad)}.v5-contact h2{font-size:clamp(70px,14vw,115px);margin:20px 0 60px}.v5-contact .email-primary{font-size:clamp(21px,6.2vw,36px)}
.site-footer{align-items:flex-start;display:grid;grid-template-columns:1fr;gap:25px}.site-footer .footer-logo img{width:155px}.site-footer nav{order:2;gap:16px 22px}.site-footer .footer-contact{align-items:flex-start;order:3}
.article-hero{min-height:530px;padding:115px var(--pad) 70px}.article-hero h1{font-size:clamp(51px,11.5vw,83px)}.article-intro{padding:80px var(--pad)}.long-read{padding:65px var(--pad)}.evidence-grid{grid-template-columns:1fr}.evidence-view img{height:auto;max-height:270px}.article-side{position:static}.article-content section{margin-bottom:60px}.article-next{padding:70px var(--pad)}
}
@media(max-width:380px){.arrival-heading{font-size:22vw}.arrival-offer h2{font-size:28px}.arrival-offer p{font-size:12px}.v5-services .work-link h3{font-size:25px}.v5-contact h2{font-size:18vw}}
@media(prefers-reduced-motion:reduce){.splash-intro{display:none!important}.arrival-water,.arrival-water img{animation:none!important}.splash-intro:before,.splash-intro:after{animation:none!important}}
@media(max-width:760px){.arrival-heading .demand{font-size:.865em;margin-left:7.5vw}.arrival-heading .local{font-size:1em}}

/* V6 / water, motion and economics — original brand assets retained unmodified */
:root{--bw-cyan:#9ee9fb;--bw-deep:#020e19}
.site-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nav-links{gap:clamp(15px,2vw,34px)}.nav-links a{position:relative}.nav-links a:after{content:'';height:1px;width:0;background:#a8e8ff;position:absolute;bottom:-8px;left:0;transition:width .25s}.nav-links a:hover:after{width:100%}
.arrival{--light-x:50%;--light-y:55%;cursor:default}
.arrival:before{content:'';position:absolute;inset:-10%;z-index:1;pointer-events:none;background:radial-gradient(ellipse 30% 28% at var(--light-x) var(--light-y),rgba(160,224,255,.17),transparent 75%);mix-blend-mode:screen;transition:opacity .7s}
#droplet-lens{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
#intro-surge-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
.splash-intro{overflow:hidden;will-change:opacity}.splash-intro:before{background-position:48% 50%;filter:brightness(.69) saturate(1.05)}
.splash-intro img{width:clamp(225px,28vw,420px);filter:drop-shadow(0 0 34px #d5f4ff68) drop-shadow(0 7px 21px #001526);animation:v6-logo-fly 1.55s cubic-bezier(.2,.82,.2,1) both}
.splash-intro span{font-size:10px;font-weight:700;color:#d8f1ff;letter-spacing:.4em}
@keyframes v6-logo-fly{0%{transform:translateY(30px) scale(.83);filter:blur(9px) brightness(3);opacity:0}25%{transform:translateY(1px) scale(1.025);filter:blur(0) brightness(1.3);opacity:1}68%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}100%{opacity:0;transform:translateY(-15px) scale(1.05)}}
.arrival-water img{will-change:transform}
.arrival-explore{border:0}.arrival-explore .arrow-circle{position:relative;overflow:hidden}.arrival-explore .arrow-circle:before{content:'';position:absolute;inset:0;background:#1667ff;transform:translateY(100%);transition:transform .32s;z-index:-1}.arrival-explore:hover .arrow-circle:before{transform:translateY(0)}
/* Seamless tool interlude. Typographic scene, not a card grid. */
.enquiry-atelier{background:#e7f2f6;color:#052036;position:relative;padding:clamp(78px,8vw,135px) var(--pad) clamp(80px,9vw,145px);overflow:hidden;isolation:isolate}
.enquiry-atelier:before{content:'';width:115vw;height:115vw;position:absolute;left:54%;top:-70%;pointer-events:none;border:1px solid rgba(50,108,142,.16);border-radius:50%;box-shadow:0 0 0 6vw rgba(49,107,142,.045),0 0 0 16vw rgba(49,107,142,.033),0 0 0 27vw rgba(49,107,142,.022);z-index:-1}
.atelier-label,.atelier-control-title{display:flex;justify-content:space-between;align-items:center;gap:20px}
.atelier-small,.atelier-eye,.atelier-control-title,.tool-reading>aside>span{font:700 11px/1.2 var(--body);text-transform:uppercase;letter-spacing:.13em;color:#27617c}
.atelier-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:4vw;align-items:end;margin:clamp(40px,5vw,80px) 0 65px}
.atelier-top h2{font:850 clamp(64px,10vw,165px)/.86 var(--display);letter-spacing:-.086em;margin:0 0 30px}
.atelier-top h2 em{font-style:normal;color:#1162de}
.atelier-top p{font-size:clamp(17px,1.6vw,23px);line-height:1.55;color:#34546a;max-width:650px;margin:0}
.atelier-article-link{justify-self:end;align-self:end;color:#062a4a;text-decoration:none;font-weight:700;border-bottom:1px solid #0d496a;padding-bottom:13px;display:inline-flex;align-items:center;gap:50px;transition:gap .25s}.atelier-article-link:hover{gap:65px;color:#146bec}
.atelier-frame{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#051a2a;box-shadow:0 23px 75px #1a658025;border:1px solid #123c50;overflow:hidden;color:#f5fdff}
.atelier-visual{position:relative;padding:clamp(22px,4vw,62px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#124477 0,#092e4d 32%,#061829 65%)}
.atelier-visual:before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.23;background:repeating-radial-gradient(ellipse at 56% 56%,transparent 0 33px,#2c9cdc 34px 35px,transparent 36px 68px);animation:atelier-water 14s linear infinite}
@keyframes atelier-water{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(18deg) scale(1.13)}}
.atelier-visual .atelier-eye{color:#8ccce9;align-self:flex-start}
.atelier-dial{position:relative;aspect-ratio:1;width:min(330px,90%);display:grid;place-items:center}
.atelier-dial svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.atelier-dial circle{fill:none;stroke-width:3}.ring-base{stroke:#74acd055}.ring-active{stroke:#b8f0ff;stroke-width:5!important;stroke-linecap:round;stroke-dasharray:754;stroke-dashoffset:590;transition:stroke-dashoffset .55s ease;filter:drop-shadow(0 0 5px #74d7ff9e)}
.atelier-dial:before{content:'';position:absolute;inset:17%;border:1px solid #71c4ed5c;border-radius:100%;box-shadow:0 0 55px #0f7eaa48}
.atelier-number{position:absolute;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.atelier-number small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b3d7e8}
.atelier-number strong{font:800 clamp(52px,5.1vw,91px)/1 var(--display);letter-spacing:-.08em;color:#fff;white-space:nowrap}
.atelier-number span{font-size:12px;color:#a7cbdb}
.atelier-math{display:flex;flex-direction:column;gap:5px;align-self:flex-start;color:#b7d7e7;font-size:12px;line-height:1.55;letter-spacing:.01em}
.atelier-controls{padding:clamp(25px,4vw,66px);display:flex;flex-direction:column;justify-content:center;gap:26px;background:linear-gradient(145deg,#092438,#041423)}
.atelier-control-title{color:#7cbad3;margin-bottom:8px}
.atelier-controls label{display:block}.atelier-controls label>span{display:flex;justify-content:space-between;gap:18px;align-items:baseline;font-size:15px;color:#b5d2df}.atelier-controls label b{font:750 20px var(--display);color:#f8fcff;font-variant-numeric:tabular-nums;white-space:nowrap}
.atelier-controls input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:2px;border:0;background:linear-gradient(90deg,#73d9ff var(--percent,40%),#54768e var(--percent,40%));cursor:pointer;margin:17px 0 5px;border-radius:0}
.atelier-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;background:#e7fbff;box-shadow:0 0 0 4px #2474bc55;border:3px solid #0b83ce;border-radius:50%;transition:transform .2s}.atelier-controls input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}
.atelier-controls input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid #0b83ce;background:#e7fbff;border-radius:50%}
.atelier-disclaimer{font-size:12px;color:#91b1c1;line-height:1.65;border-top:1px solid #3d667b60;padding-top:20px;margin:3px 0 0}
/* Standalone article starts with a powerful concise title and real working tool. */
.tool-hero{position:relative;min-height:75svh;background:#04101b;color:#f1f8ff;overflow:hidden;display:flex;align-items:center;padding:145px var(--pad) 100px;isolation:isolate}
.tool-hero-art{position:absolute;inset:0;z-index:-1;opacity:.33;background:url('assets/bluewater-wave-optimized.webp') center 55% /cover no-repeat;mask-image:linear-gradient(90deg,transparent 2%,black 75%);-webkit-mask-image:linear-gradient(90deg,transparent 2%,black 75%);animation:tool-drifts 14s ease-in-out infinite alternate}
@keyframes tool-drifts{to{transform:scale(1.09) translateX(-2%)}}
.tool-hero-inner{position:relative;max-width:1500px;width:100%}.tool-hero h1{font:860 clamp(78px,11vw,180px)/.87 var(--display);letter-spacing:-.085em;max-width:1100px;margin:32px 0}.tool-hero h1 em{font-style:normal;color:#89ddff}.tool-hero p{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#d0dfec;max-width:550px}.tool-scroll{text-decoration:none;margin-top:24px;border-bottom:1px solid #8ea7b5;padding-bottom:12px;display:inline-flex;gap:45px;align-items:center;font-size:14px;font-weight:650}
.tool-main{background:#e7f2f6;color:#071e30;padding:clamp(90px,10vw,155px) var(--pad) clamp(90px,10vw,155px)}.tool-explanation{display:grid;grid-template-columns:1fr .65fr;gap:7vw;align-items:end;margin-bottom:60px}.tool-explanation .atelier-small{grid-column:1/-1}.tool-explanation h2{font:800 clamp(56px,8vw,123px)/.95 var(--display);letter-spacing:-.075em;margin:0}.tool-explanation p{font-size:clamp(17px,1.45vw,22px);color:#39566a;line-height:1.65}
.tool-reading{background:#f6f8f8;color:#09243b;display:grid;grid-template-columns:230px minmax(0,830px);justify-content:space-between;gap:8vw;padding:clamp(80px,9vw,140px) var(--pad)}.tool-reading aside{position:sticky;top:30px;align-self:start}.tool-reading nav{display:flex;flex-direction:column;gap:15px;margin-top:30px}.tool-reading nav a{font-size:14px;color:#3a5b71;text-decoration:none}.tool-reading nav a:hover{color:#065bdf}
.tool-reading article>section{padding-bottom:65px;margin-bottom:70px;border-bottom:1px solid #bdcdd5;scroll-margin-top:80px}.tool-reading h2{font:750 clamp(35px,4vw,61px)/1.05 var(--display);letter-spacing:-.055em;margin:0 0 25px}.tool-reading p{color:#3c586c;font-size:clamp(16px,1.3vw,19px);line-height:1.75;margin:0 0 21px}.tool-reading strong{color:#123956}.formula-line{padding:28px 22px;border-left:4px solid #1667ff;background:#e2eff7;font-size:clamp(19px,2vw,29px);font-weight:720;line-height:1.5;margin:30px 0}.tool-reading details{border-top:1px solid #c1d0d8}.tool-reading details:last-child{border-bottom:1px solid #c1d0d8}.tool-reading summary{padding:20px 4px;cursor:pointer;font-weight:680;font-size:19px}.tool-reading details p{padding:0 14px 15px}.tool-end{padding:45px;background:#08253d;color:#fff}.tool-end>span{color:#8ecde6;font-size:10px;letter-spacing:.16em}.tool-end h2{color:#fff;margin:20px 0 35px}.tool-end a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid #8dbbd45c;padding:14px 0;color:#e3f7ff}
@media(max-width:1050px){.atelier-top{grid-template-columns:1fr}.atelier-article-link{justify-self:start}.atelier-frame{grid-template-columns:1fr 1fr}.atelier-controls{padding:30px}.tool-reading{grid-template-columns:190px 1fr}}
@media(max-width:760px){.atelier-label .atelier-small:last-child{display:none}.atelier-top{margin:36px 0 40px}.atelier-top h2{font-size:clamp(57px,12.3vw,92px)}.atelier-top p{font-size:16px}.atelier-frame{grid-template-columns:1fr}.atelier-visual{min-height:405px;padding:26px}.atelier-dial{width:min(265px,78%)}.atelier-number strong{font-size:60px}.atelier-controls{padding:29px 25px 36px;gap:25px}.atelier-controls label>span{font-size:13px}.atelier-controls label b{font-size:17px}.atelier-control-title{font-size:9px;flex-wrap:wrap}.atelier-math{font-size:11px}.tool-hero{min-height:68svh;padding:130px var(--pad) 90px}.tool-hero h1{font-size:clamp(61px,14vw,105px)}.tool-hero-art{background-position:67% center}.tool-explanation{grid-template-columns:1fr;gap:20px}.tool-explanation h2{font-size:clamp(49px,10.5vw,85px)}.tool-main{padding:85px var(--pad)}.tool-reading{grid-template-columns:1fr;gap:35px;padding:85px var(--pad)}.tool-reading aside{position:static}.tool-reading nav{flex-direction:row;flex-wrap:wrap;gap:12px 20px}.tool-reading h2{font-size:clamp(36px,8vw,52px)}.formula-line{font-size:20px}.tool-end{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.atelier-visual:before,.tool-hero-art{animation:none!important}#droplet-lens,#intro-surge-canvas{display:none!important}.splash-intro{display:none!important}}
/* Quiet interactions and deliberately connected finishes. */
.v5-services .work-link{position:relative;isolation:isolate}
.v5-services .work-link:before{content:'';position:absolute;inset:0 -1.5vw;z-index:-1;background:linear-gradient(100deg,#0c54856e,#0c54852a,transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.18,.76,.22,1)}
.v5-services .work-link:hover:before,.v5-services .work-link:focus-visible:before{transform:scaleX(1)}
.v5-services .work-link h3{transition:transform .42s cubic-bezier(.2,.7,.22,1),color .3s}.v5-services .work-link:hover h3{transform:translateX(9px);color:#b4efff}
.v5-proof .proof-shot img{transition:transform .75s cubic-bezier(.18,.78,.2,1)}.v5-proof .proof-doc:hover img{transform:scale(1.035)}
.v5-contact>img{animation:v6-end-ocean 17s ease-in-out infinite alternate;transform-origin:55% 50%}@keyframes v6-end-ocean{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.09) translateX(-1.7%)}}
.atelier-number strong{font-size:clamp(40px,4.3vw,72px)}
@media(max-width:760px){.atelier-number strong{font-size:clamp(34px,8.7vw,47px)}.atelier-article-link{gap:28px}.v5-proof .proof-doc:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.v5-contact>img{animation:none!important}}
/* BLUEWATER V7 — ocean art direction, editorial guidance and the single calculator */
html{scroll-padding-top:100px}#enquiry-tool{scroll-margin-top:76px}
/* Cinematic photographic intro: one short nonblocking sweep, original wave artwork, precise mark. */
.splash-intro{position:fixed;inset:0;z-index:100;display:none;background:#010914;isolation:isolate;align-items:center;justify-content:center;flex-direction:column;gap:17px;pointer-events:none;overflow:hidden;opacity:1}
html.bw-intro .splash-intro{display:flex;animation:bw-curtain 1.85s cubic-bezier(.24,.62,.24,1) forwards}
.splash-intro:before,.splash-intro:after{display:none!important}
.splash-photographic{position:absolute;inset:-8%;z-index:0;background:linear-gradient(0deg,#020a12dd,transparent 62%),url('assets/bluewater-wave-optimized.webp') center 48%/cover no-repeat;filter:contrast(1.2) saturate(1.17);transform:scale(1.22);clip-path:inset(0 100% 0 0);animation:bw-surge 1.8s cubic-bezier(.12,.78,.12,1) both}
.splash-photographic:after{content:"";position:absolute;inset:0;background:linear-gradient(99deg,transparent 27%,#d2faff19 42%,#c5efff33 48%,transparent 57%);mix-blend-mode:screen;animation:bw-caustic 1.8s ease-in-out both}
.splash-intro img{z-index:2!important;width:clamp(220px,26vw,360px)!important;height:auto;object-fit:contain;filter:drop-shadow(0 8px 28px #0017);animation:bw-logo 1.8s cubic-bezier(.18,.82,.2,1) both!important}
.splash-intro span{z-index:2;position:relative;opacity:.9;animation:bw-wordmark 1.8s both}
@keyframes bw-surge{0%{clip-path:inset(0 100% 0 0);transform:scale(1.24) translateX(-4%);filter:brightness(.3) contrast(1.3)}42%{clip-path:inset(0 0 0 0);filter:brightness(1.45) contrast(1.07)}75%{transform:scale(1.07);filter:brightness(.85)}100%{clip-path:inset(0 0 0 0);transform:scale(1.02);filter:brightness(.6)}}
@keyframes bw-caustic{0%{opacity:0;transform:translateX(-30%)}25%,46%{opacity:1}100%{opacity:0;transform:translateX(45%)}}
@keyframes bw-logo{0%,18%{opacity:0;transform:translateY(9px) scale(.96);filter:blur(8px)}40%,72%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-5px) scale(1.018)}}
@keyframes bw-wordmark{0%,34%{opacity:0;transform:translateY(8px)}45%,75%{opacity:1;transform:none}100%{opacity:0}}
@keyframes bw-curtain{0%,79%{opacity:1;visibility:visible}99%{opacity:0}100%{opacity:0;visibility:hidden}}
/* Remove artificial halos and neon circles. Put actual water behind the estimator. */
.enquiry-atelier:before,.atelier-visual:before,.atelier-visual:after,.flow-glow{display:none!important}
.enquiry-atelier{background:#dcebf1}
.atelier-frame{box-shadow:0 26px 58px rgba(4,35,55,.12);border:0}
.atelier-visual{background:#031727;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:450px}
.atelier-number-stage{width:100%;min-height:225px;aspect-ratio:auto;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:42px}
.atelier-number-stage:before{display:none!important}
.atelier-water-window{position:absolute;inset:-75px -50px -50px -85px;z-index:-1;transform:rotate(-7deg);overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 48%,#000 83%,transparent 100%);opacity:.44}
.atelier-water-window img{height:130%;width:135%;object-fit:cover;object-position:47% 45%;animation:bw-undertow 12s ease-in-out infinite alternate}
@keyframes bw-undertow{to{transform:scale(1.09) translateX(-3%) translateY(-2%)}}
.atelier-number{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;text-shadow:0 2px 30px #001623aa}
.atelier-number strong{font:850 clamp(83px,8vw,153px)/.88 var(--display);letter-spacing:-.09em;color:#f4fbff}
.atelier-number small{color:#afd9f0;letter-spacing:.17em}
.atelier-number span{font-size:13px;color:#d3e9f5}
.atelier-tide{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.72;pointer-events:none}
.atelier-math{position:relative;z-index:3;padding-top:15px;border-top:1px solid #9dcae947;line-height:1.65;color:#cae6f4;font-size:13px}
.atelier-controls{background:#071c2a;gap:25px}.atelier-controls input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 3px #85d9ff22}
.calculator-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 26px;border-top:1px solid #88a6b7;border-bottom:1px solid #88a6b7;padding:27px 0}
.calculator-guide>div{display:grid;grid-template-columns:27px 1fr;column-gap:10px;align-content:start}
.calculator-guide .guide-index{font:650 12px var(--body);color:#0b69ce;padding-top:3px}
.calculator-guide strong{font:750 19px/1.2 var(--display);letter-spacing:-.03em;color:#07263b}
.calculator-guide p{grid-column:2;line-height:1.55;margin:8px 0 0;color:#395769;font-size:14px}
/* The reporting questions are navigation, not fake clickable bullets. */
.question-links{display:flex;flex-direction:column;margin:28px 0 50px;border-top:1px solid #abc6d4}
.question-links a{display:grid;grid-template-columns:31px minmax(0,1fr) 100px;gap:17px;align-items:baseline;text-decoration:none;border-bottom:1px solid #abc6d4;padding:21px 10px 21px 0;color:#09243b;transition:background .3s,padding-left .3s}
.question-links a:hover,.question-links a:focus-visible{background:#d9eff8;padding-left:9px}.question-links .q-number{font:700 12px var(--body);color:#1678d7}
.question-links strong{font-size:clamp(16px,1.4vw,21px);font-weight:620;line-height:1.35}.question-links .q-open{font:650 12px var(--body);color:#1469ad;text-align:right;white-space:nowrap}
.slim-callout{display:flex;flex-direction:column;gap:7px}.slim-callout .arrow-link{margin-top:8px;max-width:450px}.slim-callout .secondary-read{color:#9bdfff}
/* Dedicated real articles; dramatic opening, completely readable content and quick navigation. */
.guide-hero{min-height:min(810px,90svh);padding:150px var(--pad) 105px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;overflow:hidden;background:#041522;color:#f3faff}
.guide-horizon{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03111bea 5%,#071624a9 55%,#041827bf),url('assets/bluewater-wave-optimized.webp') center 43%/cover no-repeat;transform:scale(1.06);animation:waveIn 1.8s ease-out both}
.guide-hero .guide-crumb{position:absolute;top:112px;left:var(--pad);font:600 12px var(--body);letter-spacing:.02em;color:#cee6f5;display:flex;gap:12px}
.guide-crumb a{color:inherit;text-decoration:underline;text-underline-offset:5px}
.guide-hero .section-label{font-size:11px;color:#99d8fb;letter-spacing:.16em;display:block}
.guide-hero h1{font:850 clamp(63px,8.4vw,145px)/.89 var(--display);letter-spacing:-.075em;margin:24px 0;max-width:1330px;text-wrap:balance}
.guide-hero h1 em{font-style:normal;color:#9adfff}.guide-hero p{font-size:clamp(17px,1.65vw,25px);color:#c8e0ed;line-height:1.45;max-width:750px;margin:0}
.guide-scroll{margin-top:36px;color:white;display:inline-flex;width:max-content;padding:0 0 8px;border-bottom:1px solid #6cc6ea;text-decoration:none;font-size:13px;font-weight:700}
.guide-layout{background:#edf4f6;color:#102a3a;padding:95px var(--pad) 145px;display:grid;grid-template-columns:minmax(175px,270px) minmax(0,850px);gap:min(10vw,175px);justify-content:space-between}
.guide-sidebar{align-self:start;position:sticky;top:120px;display:flex;flex-direction:column;gap:13px;max-width:245px}
.guide-sidebar>span{font:800 11px var(--body);letter-spacing:.15em;color:#296788;margin-bottom:12px}
.guide-sidebar a{font-size:13px;line-height:1.3;color:#496e85;text-decoration:none;padding:5px 0;transition:color .2s,transform .2s}.guide-sidebar a:hover{color:#075bba;transform:translateX(3px)}.guide-sidebar .return-link{margin-top:28px;border-top:1px solid #b9ccd5;padding-top:20px;font-weight:700;color:#0758a2}
.guide-article{min-width:0}.guide-lede{font:600 clamp(26px,3vw,46px)/1.27 var(--display);letter-spacing:-.035em;margin:0 0 76px;color:#10334a}
.guide-chapter{border-top:1px solid #b4cbd5;padding:47px 0 56px;scroll-margin-top:105px}
.guide-chapter .chapter-num{font:750 11px var(--body);letter-spacing:.15em;color:#1269ba}
.guide-chapter h2{font:800 clamp(34px,4vw,60px)/1.06 var(--display);letter-spacing:-.055em;color:#0d293c;margin:22px 0}
.guide-chapter p{font-size:clamp(16px,1.42vw,19px);line-height:1.78;color:#405d70;max-width:770px;margin:0}
.guide-summary{background:#071e31;color:#eaf8ff;padding:clamp(28px,4.5vw,67px);margin-top:45px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.guide-summary>span{color:#8bd5f2;font-size:11px;letter-spacing:.15em;font-weight:700}
.guide-summary h2{font:800 clamp(32px,4vw,59px)/1.1 var(--display);margin:8px 0 0;letter-spacing:-.05em}
.guide-summary p{color:#bbd4e3;font-size:17px;line-height:1.6}
.guide-summary a{display:inline-block;border-bottom:1px solid #6dc1e9;padding-bottom:7px;color:#fff;text-decoration:none;font-size:14px;font-weight:650}
.hub-hero{min-height:690px}.hub-content{padding:105px var(--pad) 135px;color:#081e30;background:#e3eff3}.hub-opening{max-width:1100px;display:grid;grid-template-columns:190px 1fr;gap:65px;margin-bottom:70px}
.hub-opening span{font:750 11px var(--body);letter-spacing:.15em;color:#2c6f94;padding-top:10px}
.hub-opening h2{font:800 clamp(42px,6vw,91px)/.98 var(--display);letter-spacing:-.065em;margin:0}
.hub-list{border-top:1px solid #a4bfcd}.hub-link{display:grid;grid-template-columns:65px minmax(0,1fr) 50px;gap:30px;align-items:center;text-decoration:none;border-bottom:1px solid #a4bfcd;color:#0c283a;padding:31px 5px;transition:padding-left .3s,background .3s}
.hub-link:hover,.hub-link:focus-visible{padding-left:18px;background:#d3e7f0}.hub-link>span{font-size:12px;font-weight:750;color:#2976a5}.hub-link h3{font:750 clamp(25px,3vw,47px)/1.13 var(--display);letter-spacing:-.04em;margin:0 0 8px}.hub-link p{font-size:15px;color:#527185;margin:0;line-height:1.5}.hub-link b{font-weight:400;text-align:right;font-size:23px}
.hub-contact{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:80px}.hub-contact p{font-size:20px}.hub-contact a{font-size:17px;font-weight:700;color:#0d4eaa}
@media(max-width:850px){.calculator-guide{grid-template-columns:1fr;gap:21px}.guide-layout{grid-template-columns:1fr;gap:40px}.guide-sidebar{position:static;max-width:none;flex-flow:row wrap;gap:10px 18px}.guide-sidebar>span{flex-basis:100%}.guide-sidebar .return-link{margin-top:0;border:0;padding-top:5px}.hub-opening{grid-template-columns:1fr;gap:22px}.guide-hero{min-height:650px}}
@media(max-width:600px){.guide-hero{min-height:630px;padding:145px var(--pad) 65px}.guide-hero h1{font-size:clamp(46px,11vw,75px);letter-spacing:-.066em}.guide-layout{padding:65px var(--pad) 95px}.guide-lede{margin-bottom:48px}.guide-chapter{padding:34px 0 41px}.guide-chapter h2{font-size:clamp(31px,7vw,43px)}.hub-content{padding:75px var(--pad) 90px}.hub-link{grid-template-columns:25px 1fr 24px;gap:13px;padding:22px 0}.hub-link h3{font-size:26px}.hub-link p{font-size:13px}.hub-contact{display:block}.question-links a{grid-template-columns:20px 1fr;gap:10px}.question-links .q-open{grid-column:2;text-align:left}.atelier-visual{min-height:350px}.atelier-number-stage{min-height:205px}.atelier-number strong{font-size:clamp(75px,17vw,113px)}.atelier-controls{gap:22px}.atelier-top h2{font-size:clamp(56px,12vw,83px)}}
@media(prefers-reduced-motion:reduce){html.bw-intro .splash-intro{display:none!important}.splash-photographic,.atelier-water-window img,.guide-horizon{animation:none!important}.atelier-tide{display:none!important}}

/* Avoid competing artificial halo effects from earlier versions. */
.arrival:before,#splash-canvas{display:none!important}
@media(max-width:760px){.arrival-offer{animation:none!important}.arrival-heading span{animation-duration:.7s!important}.arrival-heading .demand{animation-delay:.10s!important}.arrival-lower{margin-bottom:4vh;gap:17px}.arrival-offer h2{font-size:clamp(27px,7.5vw,38px)}.arrival-offer p{font-size:12.5px;line-height:1.45}.arrival-explore{font-size:11px}}
/* ── v8.css ── */
/* V8: bespoke narrative, transparent explanations, source-led evidence */
.depth-experience{height:360svh;background:#020c16;color:#f3f9ff;position:relative;isolation:isolate}
.depth-sticky{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#020e1b}
.depth-ocean{position:absolute;inset:0;z-index:-2;overflow:hidden}
.depth-ocean img{width:100%;height:100%;object-fit:cover;object-position:55% 45%;opacity:.34;filter:brightness(.5) saturate(1.25);transform:scale(1.21);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),object-position 1.2s}
.depth-experience[data-scene="1"] .depth-ocean img{transform:scale(1.35) translateX(-4%);opacity:.29}
.depth-experience[data-scene="2"] .depth-ocean img{transform:scale(1.45) translate(4%,-3%);opacity:.24}
.depth-experience[data-scene="3"] .depth-ocean img{transform:scale(1.25) translateY(-5%);opacity:.27}
.depth-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,7,15,.94),rgba(0,9,19,.72) 58%,rgba(0,10,24,.72)),linear-gradient(180deg,#04101bbb,transparent 30%,#051425aa)}
.depth-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:15;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(172,231,255,.025) 25%);mix-blend-mode:screen}
.depth-upper,.depth-bottom{position:absolute;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:25px;align-items:center;z-index:9;color:#b7d5e9;font-size:10px;font-weight:750;letter-spacing:.14em}
.depth-upper{top:clamp(28px,5.5vh,64px)}.depth-bottom{bottom:35px}.depth-bottom a{color:#eff9ff;text-decoration:none;border-bottom:1px solid #95cdea;padding-bottom:8px}.depth-counter{color:#84dafc;font-size:12px}
.depth-layout{position:absolute;inset:13% var(--pad) 13%;display:grid;grid-template-columns:minmax(0,0.93fr) minmax(0,1.07fr);align-items:center;gap:4.8vw;z-index:2}
.depth-left{max-width:850px;align-self:center}.depth-kicker{font-size:clamp(14px,1.05vw,17px);color:#8cc6e4;max-width:400px;margin:0 0 22px;line-height:1.4}
.depth-left h2{font:850 clamp(54px,7.3vw,126px)/.86 var(--display);letter-spacing:-.089em;margin:0 0 clamp(30px,6vh,72px);white-space:nowrap}
.depth-left h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.2px #d8f3ff}
.depth-story-copy{min-height:220px;max-width:650px;transition:opacity .24s,transform .24s}
.depth-story-copy.is-changing{opacity:0;transform:translateY(13px)}
.depth-story-copy>span{font-size:11px;letter-spacing:.16em;color:#7ddaff;font-weight:800}.depth-story-copy h3{font:770 clamp(28px,3vw,52px)/1.04 var(--display);letter-spacing:-.06em;margin:12px 0 12px}.depth-story-copy p{max-width:565px;color:#c4d9e7;font-size:clamp(15px,1.2vw,19px);line-height:1.5;margin:0}
.depth-progress{display:flex;max-width:620px;gap:0;margin-top:clamp(20px,4vh,48px)}.depth-progress button{flex:1;appearance:none;background:transparent;color:#9bb9cd;border:0;border-top:2px solid #6a8c9d7d;text-align:left;padding:11px 5px 9px 0;cursor:pointer;min-width:0;font:600 clamp(11px,1vw,15px) var(--body)}.depth-progress button span{display:block;font-size:10px;font-weight:800;margin:0 0 6px}.depth-progress button.is-current{color:white;border-color:#5cd0ff}.depth-progress button:focus-visible{outline:2px solid #9beaff;outline-offset:4px}
.depth-right{height:min(64vh,650px);min-height:430px;position:relative;perspective:1000px}.depth-presentation{height:100%;width:100%;position:relative;transform-style:preserve-3d}
.depth-scene{position:absolute;inset:0;border:1px solid rgba(142,217,249,.32);background:linear-gradient(135deg,rgba(4,24,40,.97),rgba(3,11,22,.96));box-shadow:0 35px 120px #000a,0 0 0 1px #10334a inset;display:flex;flex-direction:column;padding:clamp(22px,2.7vw,45px);opacity:0;visibility:hidden;transform:translateY(45px) rotateY(-6deg) scale(.94);transition:opacity .6s,transform .85s cubic-bezier(.16,1,.3,1),visibility .6s;overflow:hidden}
.depth-scene.is-current{visibility:visible;opacity:1;transform:translateY(0) rotateY(0) scale(1)}
.depth-scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(164,227,255,.065) 50%,transparent 65%);transform:translateX(-110%);transition:transform 1.4s}.depth-scene.is-current:before{transform:translateX(110%)}
.scene-top{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8fdbfa;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #8bcbe950;padding-bottom:18px}.scene-top span{color:#8cabbc;font-size:9px}
.scene-caption{font-size:10px;letter-spacing:.12em;font-weight:750;color:#b3d1dd;margin-top:auto;border-top:1px solid #ffffff1d;padding-top:18px}
.search-field{margin:clamp(35px,7vh,75px) 0 27px;display:flex;align-items:center;gap:15px;background:#e9f5fc;color:#092337;padding:22px 25px;font:650 clamp(19px,1.8vw,29px) var(--display);letter-spacing:-.03em;box-shadow:18px 18px 0 #0a304d}.search-icon{font-size:38px;line-height:.5;color:#186fec}.search-cursor{height:29px;width:2px;background:#156dff;animation:blink .85s steps(1) infinite;margin-left:-8px}@keyframes blink{50%{opacity:0}}
.search-results{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.search-result{display:flex;gap:13px;border:1px solid #37678868;padding:22px 18px;align-items:start}.search-result-icon{background:#1455d4;color:white;padding:8px;font-weight:800;font-size:10px}.search-result b,.search-result small{display:block}.search-result b{font-size:17px}.search-result small{font-size:12px;margin-top:8px;color:#a2c7db;line-height:1.4}
.web-browser{margin:auto 0;box-shadow:18px 23px 0 #123450;transform:rotate(-2deg)}.browser-toolbar{height:38px;display:flex;align-items:center;padding:0 15px;gap:7px;background:#d4e7f1;color:#436275;font-size:10px}.browser-toolbar i{display:block;width:7px;height:7px;border-radius:50%;background:#547f9b}.browser-toolbar span{margin-left:15px}.browser-content{background:#fff;color:#051d30;padding:clamp(24px,3vw,40px)}.browser-content>span{font-size:10px;letter-spacing:.1em;color:#376e95}.browser-content strong{display:block;font:800 clamp(38px,5vw,75px)/.97 var(--display);letter-spacing:-.075em;margin:20px 0}.browser-cta{display:inline-flex;background:#165ff0;color:#fff;align-items:center;gap:60px;padding:12px 17px;font-size:11px;font-weight:800}.browser-signals{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.browser-signals i{font-style:normal;border-top:1px solid #9eb7c6;padding-top:7px;font-size:11px;flex:1}
.handoff-path{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.handoff-path>span{color:#80ccf4;letter-spacing:.2em;font-size:11px}.handoff-signal{width:min(83%,420px);padding:25px;background:#e8f7fe;color:#0a293e;position:relative;box-shadow:16px 14px 0 #0b4677}.handoff-signal b,.handoff-signal small{display:block}.handoff-signal b{font:800 clamp(22px,2.2vw,35px) var(--display);letter-spacing:-.05em}.handoff-signal small{color:#53798d;font-size:13px}.handoff-signal i{position:absolute;right:21px;top:30px;width:16px;height:16px;background:#00a4ed;border-radius:50%;box-shadow:0 0 0 7px #007ec029}.handoff-two{transform:translateX(32px);background:#126bed;color:white}.handoff-two small{color:#dcf5ff}.handoff-two i{background:#92efff}.handoff-link{height:35px;width:2px;background:linear-gradient(#75cafd,#1965ff)}
.review-sheet{margin:auto 0}.review-heading{display:flex;justify-content:space-between;color:white;font-weight:800;font-size:13px;border-bottom:2px solid #7ad5ff;padding:0 0 15px}.review-heading small{font-size:9px;color:#b4d3e0}.review-row{padding:20px 0;border-bottom:1px solid #6eb7d13f;display:grid;grid-template-columns:25px 1fr auto;gap:13px;align-items:center}.review-row span{font-size:10px;color:#69cdfa}.review-row b{font:650 clamp(16px,1.8vw,25px) var(--display)}.review-row i{font-style:normal;font-size:10px;color:#9ddffc}
/* Calculator now explains its own result without duplicate tools */
.enquiry-atelier:before{display:none}.calc-meaning{width:100%;margin-top:30px;color:#d5ecfa;border-top:1px solid #8bc8e13e;padding-top:22px;align-self:stretch}.calc-meaning-lead b{display:block;font:800 clamp(22px,2vw,29px) var(--display);letter-spacing:-.045em}.calc-meaning-lead p{font-size:13px;color:#b7d7e8;line-height:1.5;margin:8px 0 25px}.calc-meaning-lead p strong{color:#fff}.calc-equation{display:flex;align-items:center;gap:7px;justify-content:space-between;padding:14px 0;border-top:1px solid #517e9a55}.calc-equation>div{min-width:0;flex:1}.calc-equation span:not(.math-symbol){font-size:10px;line-height:1.2;color:#b0ccdc;display:block}.calc-equation strong{font:750 clamp(16px,1.7vw,24px) var(--display);display:block;margin-top:7px;white-space:nowrap}.calc-equation .math-symbol{color:#81d9ff;font-size:22px}.calc-equation.secondary{border-bottom:1px solid #517e9a55}.calc-definitions{margin-top:25px;border:1px solid #5795b866}.calc-definitions summary{cursor:pointer;padding:14px 15px;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.calc-definitions summary span{color:#7fe0ff}.calc-definitions>div{padding:0 15px 15px}.calc-definitions p{font-size:12px;color:#c1daea;line-height:1.55;margin:13px 0}.calc-definitions p b{color:white}.atelier-visual{align-items:stretch;justify-content:flex-start}.atelier-number-stage{min-height:220px}.atelier-math{margin-top:0}
/* Home case spread, the source images remain truthful and available */
.proof-editorial{background:#d9e9f1;color:#092037;padding:clamp(75px,8vw,140px) var(--pad) clamp(70px,8vw,120px);overflow:hidden}
.proof-editorial-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;font-weight:800;color:#26618c;padding-bottom:25px;border-bottom:1px solid #9db8c9}
.proof-editorial-title{display:grid;grid-template-columns:1.1fr .65fr;gap:5vw;align-items:end;padding:70px 0}.proof-editorial-title h2{font:850 clamp(60px,9vw,140px)/.86 var(--display);letter-spacing:-.087em;margin:0}.proof-editorial-title h2 em{font-style:normal;color:#135adf}.proof-editorial-title p{font-size:clamp(17px,1.5vw,22px);line-height:1.45;max-width:480px;color:#395c71}
.proof-editorial-stage{position:relative;display:block;height:clamp(530px,56vw,770px);background:#062035;overflow:hidden;text-decoration:none;color:#f8fcff;isolation:isolate}
.proof-editorial-water{position:absolute;inset:-20%;background:url('assets/bluewater-wave-optimized.webp') center / cover;opacity:.35;filter:saturate(.9) brightness(.65);transform:rotate(-8deg);transition:transform .9s}.proof-editorial-stage:hover .proof-editorial-water{transform:scale(1.06) rotate(-5deg)}
.proof-paper{position:absolute;background:#fff;color:#08253a;box-shadow:12px 25px 40px #0008;padding:15px 15px 25px;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.proof-paper>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#527691;padding:3px 0 13px}.proof-paper img{width:100%;height:70%;object-fit:contain;background:#fff}.proof-paper strong{font:800 clamp(20px,2.1vw,33px) var(--display);letter-spacing:-.06em;margin-top:auto}.proof-paper small{font-size:12px;color:#51758e}.proof-paper.calls-paper{width:53%;height:56%;left:6%;top:12%;transform:rotate(-7deg);z-index:2}.proof-paper.ads-paper{width:58%;height:62%;right:5%;bottom:9%;transform:rotate(6deg);z-index:3}.proof-editorial-stage:hover .calls-paper{transform:rotate(-9deg) translate(-1%,-2%)}.proof-editorial-stage:hover .ads-paper{transform:rotate(3deg) translate(-2%,-3%)}
.proof-editorial-open{position:absolute;bottom:25px;left:30px;z-index:4;letter-spacing:.15em;font-size:12px;font-weight:800;background:#155fee;padding:15px 20px;display:flex;gap:30px}.proof-editorial-open b{font-size:17px}
.proof-editorial-note{display:flex;gap:30px;justify-content:space-between;align-items:end;padding-top:26px;border-top:1px solid #9db8c9;margin-top:29px}.proof-editorial-note p{max-width:800px;margin:0;font-size:14px;line-height:1.55;color:#4a6476}.proof-editorial-note p strong{color:#082c49}.proof-editorial-note a{white-space:nowrap;text-decoration:none;color:#08428c;font-size:12px;font-weight:800;border-bottom:1px solid #004582;padding-bottom:7px}
/* Business clarity */
.owner-answers{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;padding:clamp(90px,9vw,160px) var(--pad);color:#edf7ff;background:linear-gradient(130deg,#020a13,#061d31)}.owner-answers-head>span{font-size:11px;color:#7dd8fa;font-weight:800;letter-spacing:.16em}.owner-answers h2{font:850 clamp(47px,5.3vw,88px)/.94 var(--display);letter-spacing:-.075em;margin:28px 0}.owner-answers h2 em{font-style:normal;color:#7fd9fb}.owner-answers-head p{font-size:18px;color:#a6c3d4;max-width:450px}.owner-faq details{border-top:1px solid #6da9c54a}.owner-faq details:last-child{border-bottom:1px solid #6da9c54a}.owner-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:25px 0;font:710 clamp(20px,2vw,30px)/1.2 var(--display);letter-spacing:-.03em;gap:15px}.owner-faq summary::-webkit-details-marker{display:none}.owner-faq summary span{font:400 26px var(--body);color:#83dfff}.owner-faq details[open] summary span{transform:rotate(45deg)}.owner-faq details p{margin:0 0 25px;color:#bcd1df;font-size:15px;line-height:1.65;max-width:650px}.owner-faq details a{color:#98e4ff}
/* Case report: an actual document experience rather than thumbnail cards */
.record-timeline{padding:25px 0 38px}.record-timeline>div{display:grid;grid-template-columns:65px 1fr 65px;align-items:center;gap:12px;margin:18px 0;font-size:10px;font-weight:800;letter-spacing:.07em;color:#45697f}.timeline-bar{padding:13px 20px;color:white;background:#125ce0;min-width:0}.timeline-bar strong,.timeline-bar small{display:block}.timeline-bar strong{font-size:14px}.timeline-bar small{font-size:11px;opacity:.85}.timeline-bar.ads{background:#063851;margin:0 3% 0 7%}.record-timeline p{font-size:14px!important;color:#4c6d81!important;border-left:3px solid #2175da;padding:10px 0 10px 15px;max-width:850px}
.record-theater{background:#061a2b;color:#eff9ff;margin:30px 0 55px;border:1px solid #235879}.record-theater-top{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:clamp(25px,3vw,45px)}.record-eyebrow{font-size:10px;font-weight:850;letter-spacing:.15em;color:#91dfff}.record-theater h3{font:780 clamp(26px,3.4vw,53px)/.99 var(--display);letter-spacing:-.064em;margin:15px 0 0}.record-tabs{display:flex;flex-wrap:wrap;gap:5px}.record-tabs button{color:#b4d4e9;font:750 11px var(--body);letter-spacing:.05em;border:1px solid #547d98;background:transparent;padding:13px 16px;cursor:pointer}.record-tabs button.is-current{background:#1683df;border-color:#1683df;color:white}.record-tabs button:focus-visible{outline:2px solid white;outline-offset:3px}
.record-screen-toolbar{background:#0c2c46;color:#aed7eb;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:20px;font-size:10px;letter-spacing:.1em}.record-screen-toolbar>div{display:flex;gap:20px;align-items:center}.record-screen-toolbar a,.record-screen-toolbar button{color:white;background:none;border:0;text-decoration:none;font-weight:800;font-size:11px;cursor:pointer}.record-image-canvas{height:clamp(320px,41vw,640px);background:#eaf3f7;display:flex;align-items:center;justify-content:center;padding:clamp(15px,3vw,45px);overflow:hidden}.record-image-canvas img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 13px 16px #002e4840);transition:opacity .25s,transform .35s}.record-image-canvas img.changing{opacity:.3;transform:scale(.98)}.record-theater-bottom{display:grid;grid-template-columns:.5fr 1fr;gap:25px;align-items:end;padding:28px clamp(22px,3vw,45px)}.record-theater-bottom>div span{display:block;font-size:10px;letter-spacing:.15em;color:#85d9f7}.record-theater-bottom>div strong{font:800 clamp(26px,2.8vw,44px) var(--display);letter-spacing:-.06em}.record-theater-bottom p{color:#b1cbde!important;margin:0!important;font-size:14px!important;line-height:1.55}
/* Method details */
.how-partnership{display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;background:#e0edf4;color:#082c44;padding:clamp(75px,8vw,125px) var(--pad)}.how-partnership>div>span{color:#286e9a;font-size:12px;font-weight:800;letter-spacing:.13em}.how-partnership h2{font:800 clamp(43px,5vw,80px)/.97 var(--display);letter-spacing:-.07em;max-width:700px;margin:30px 0}.partnership-questions details{border-top:1px solid #8aabba;padding:22px 0}.partnership-questions summary{cursor:pointer;font:710 clamp(20px,2vw,29px) var(--display);letter-spacing:-.04em}.partnership-questions p{color:#446779;max-width:700px;font-size:16px;line-height:1.6;margin:20px 0}
@media(max-width:1100px){.depth-layout{gap:2.7vw}.depth-left h2{font-size:clamp(49px,7vw,83px)}.depth-story-copy h3{font-size:35px}.owner-answers{gap:3vw}}
@media(max-width:760px){
 .depth-experience{height:310svh}.depth-sticky{min-height:620px}.depth-upper{top:22px;font-size:8px}.depth-bottom{bottom:16px;font-size:7px}.depth-bottom>span{max-width:55%}
 .depth-layout{inset:9% 18px 10%;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;align-items:stretch}.depth-left{width:100%;max-width:none;display:flex;flex-direction:column}.depth-kicker{font-size:12px;margin-bottom:6px}.depth-left h2{font-size:clamp(38px,11vw,68px);margin:4px 0 17px}.depth-story-copy{min-height:0}.depth-story-copy h3{font-size:clamp(22px,6.6vw,32px);margin:8px 0 7px}.depth-story-copy p{font-size:13px;line-height:1.45;max-width:450px}.depth-progress{margin-top:14px}.depth-progress button{font-size:10px;padding-top:7px}.depth-progress button span{font-size:8px;margin-bottom:2px}
 .depth-right{height:clamp(235px,35svh,380px);min-height:0;width:100%;flex:1;max-height:390px}.depth-scene{padding:14px 15px}.scene-top{font-size:8px;padding-bottom:11px}.scene-top span{font-size:7px}.scene-caption{font-size:8px;padding-top:10px}.search-field{margin:22px 0 8px;padding:14px;gap:10px;font-size:16px;box-shadow:7px 8px 0 #0a304d}.search-icon{font-size:22px}.search-cursor{height:18px}.search-results{margin-top:13px;gap:7px}.search-result{padding:9px;gap:6px}.search-result b{font-size:12px}.search-result small{font-size:9px;margin-top:3px}.search-result-icon{font-size:8px;padding:5px}
 .web-browser{margin:6px 0;box-shadow:8px 8px 0 #123450}.browser-content{padding:13px}.browser-toolbar{height:24px;font-size:8px}.browser-content strong{font-size:clamp(29px,8vw,42px);margin:8px 0}.browser-cta{font-size:8px;padding:9px;gap:25px}.browser-signals{margin-top:12px}.browser-signals i{font-size:8px}.handoff-path{gap:8px}.handoff-signal{padding:10px 15px;box-shadow:6px 7px 0 #0b4677}.handoff-signal b{font-size:17px}.handoff-signal small{font-size:9px}.handoff-link{height:17px}.handoff-path>span{font-size:8px}.review-row{padding:13px 0}.review-row b{font-size:13px}.review-row i{font-size:8px}
 .calc-equation{gap:4px}.calc-equation strong{font-size:15px}.calc-equation span:not(.math-symbol){font-size:9px}.calc-meaning{margin-top:16px}.atelier-visual{padding:23px!important}
 .proof-editorial-head{font-size:8px}.proof-editorial-head span:last-child{max-width:45%;text-align:right}.proof-editorial-title{display:block;padding:45px 0}.proof-editorial-title h2{font-size:clamp(51px,11.5vw,78px)}.proof-editorial-title p{font-size:16px;margin-top:28px}.proof-editorial-stage{height:540px}.proof-paper.calls-paper{width:83%;height:38%;left:5%;top:8%;transform:rotate(-5deg)}.proof-paper.ads-paper{width:88%;height:43%;right:4%;bottom:13%;transform:rotate(5deg)}.proof-paper{padding:10px}.proof-paper img{height:67%}.proof-paper strong{font-size:18px}.proof-paper>span{font-size:8px}.proof-paper small{font-size:10px}.proof-editorial-open{bottom:12px;left:12px;font-size:9px;padding:10px 14px}.proof-editorial-note{display:block}.proof-editorial-note p{font-size:12px}.proof-editorial-note a{display:inline-block;margin-top:20px;font-size:10px}
 .owner-answers{display:block;padding:75px var(--pad)}.owner-answers h2{font-size:clamp(48px,11vw,78px)}.owner-answers-head p{font-size:16px;margin-bottom:35px}.owner-faq summary{font-size:21px;padding:22px 0}.owner-faq details p{font-size:14px}
 .record-theater-top{display:block;padding:20px}.record-tabs{margin-top:22px}.record-tabs button{flex:1;font-size:9px}.record-screen-toolbar{font-size:8px;padding:10px;flex-wrap:wrap}.record-screen-toolbar>div{gap:13px}.record-screen-toolbar a,.record-screen-toolbar button{font-size:9px}.record-image-canvas{height:350px;padding:9px}.record-theater-bottom{display:block;padding:18px}.record-theater-bottom p{margin-top:16px!important}.record-timeline>div{grid-template-columns:43px 1fr 43px;font-size:8px;gap:4px}.timeline-bar{padding:12px}.timeline-bar strong{font-size:12px}.how-partnership{display:block}.how-partnership h2{font-size:46px}.partnership-questions{margin-top:35px}
}
@media(max-width:380px){.depth-left h2{font-size:11vw}.depth-layout{inset:8% 14px 9%}.depth-right{height:32svh}.depth-story-copy p{font-size:12px}.depth-story-copy h3{font-size:21px}.scene-top span{display:none}}
@media(prefers-reduced-motion:reduce){.depth-scene,.depth-ocean img,.proof-paper,.proof-editorial-water{transition:none!important;animation:none!important}}

/* First-scroll legibility correction from actual screenshot */
.depth-left h2{font-size:clamp(46px,5.6vw,94px);white-space:normal;max-width:100%}
.depth-left h2 em{display:inline-block}
@media(max-width:760px){.depth-left h2{font-size:clamp(37px,10vw,61px);line-height:.87;margin-bottom:10px}.depth-story-copy h3{font-size:clamp(22px,6vw,29px)}}
/* ── v9.css ── */
/* V9: navigation/reading clarity over scroll tricks. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
[id]{scroll-margin-top:104px}
.depth-experience{height:auto!important;min-height:0!important}
.depth-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:hidden}
.depth-layout{position:relative!important;inset:auto!important;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:760px;padding:clamp(120px,9vw,164px) 0 clamp(95px,8vw,130px);gap:clamp(30px,4vw,75px);margin:0 var(--pad);align-items:center}
.depth-right{height:clamp(420px,44vw,620px)}
.depth-story-copy{min-height:170px}
.depth-left h2{font-size:clamp(48px,6.5vw,110px);white-space:normal!important}
.depth-upper{top:38px}.depth-bottom{bottom:24px}
.depth-progress button{min-height:55px}
/* Article pages should not require huge scrolling before the actual facts. */
.article-hero{min-height:min(61svh,610px)!important;padding-top:130px!important;padding-bottom:55px!important}
.article-hero h1{font-size:clamp(51px,7.5vw,116px)!important;max-width:1140px}
.article-intro{padding-top:65px!important;padding-bottom:65px!important}
.article-intro .big-thesis{font-size:clamp(40px,5.4vw,85px)!important}
.long-read{display:block!important;max-width:1180px;margin:auto;padding:56px clamp(22px,5vw,70px) 85px!important}
.article-side{position:static!important;max-width:none!important;width:100%;display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;border-bottom:1px solid #a8becc;padding-bottom:22px;margin-bottom:60px}
.article-side>a{font-size:14px;padding:9px 12px;background:#d6e6ee;color:#183b54;text-decoration:none;border:1px solid transparent}
.article-side>a:hover,.article-side>a:focus-visible{background:#effaff;border-color:#3e90c2}
.article-side>span{flex-basis:100%;letter-spacing:.13em;margin:0 0 6px}
.article-content{max-width:930px!important;margin:auto}
.article-content section{scroll-margin-top:108px;margin-bottom:60px!important;padding-bottom:50px!important}
.article-content h2{font-size:clamp(33px,3.8vw,55px)!important;max-width:880px}
.article-content p{line-height:1.76!important;max-width:780px}
.article-content .plain-checklist{list-style:none;margin-top:20px!important;padding:0!important;border-top:1px solid #bdcdd7}
.article-content .plain-checklist li{display:flex;gap:20px;align-items:flex-start;border-bottom:1px solid #bdcdd7;padding:15px 10px!important;line-height:1.5;font-size:16px;color:#20415a}
.article-content .plain-checklist li::before{content:'•'!important;color:#176adb;flex:0 0 7px;font-size:18px;position:static!important;transform:none!important}
.in-article-questions{border-top:1px solid #aec3d1;padding-top:38px!important;margin-top:55px}
.in-article-questions h2{margin:0 0 28px!important}
.in-article-questions details{border-bottom:1px solid #b3cbd9;max-width:780px}
.in-article-questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 3px;font-weight:680;font-size:clamp(17px,1.6vw,23px);color:#0b2839}
.in-article-questions summary::-webkit-details-marker{display:none}
.in-article-questions summary::after{content:'+';font-size:26px;color:#146fe7;font-weight:400;flex-shrink:0}
.in-article-questions details[open] summary::after{content:'−'}
.in-article-questions details p{padding:0 28px 15px 2px;margin:0!important;color:#476477}
/* Guides also read as documents, not isolated left-hand panels. */
.guide-hero{min-height:min(66svh,650px)!important;padding-bottom:70px!important}
.guide-hero h1{font-size:clamp(48px,7vw,112px)!important}
.guide-layout{display:block!important;max-width:1200px;margin:auto;padding:55px clamp(22px,5vw,85px) 100px!important}
.guide-sidebar{position:static!important;max-width:none!important;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px 18px;border-bottom:1px solid #afc6d1;margin-bottom:58px;padding-bottom:24px}
.guide-sidebar>span{width:100%}
.guide-sidebar a{border:1px solid transparent;padding:9px 10px;background:#e0eef5}
.guide-sidebar a:hover{border-color:#6caed7;transform:none}
.guide-article{max-width:870px;margin:auto}
.guide-lede{margin-bottom:40px!important}
.guide-chapter{padding:38px 0 43px!important}
.guide-chapter h2{font-size:clamp(32px,3.3vw,50px)!important}
.article-next{padding:65px var(--pad)!important;min-height:0!important}
/* Keep keyboard access and anchor transitions functional. */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1f96ed!important;outline-offset:4px}
@media(max-width:900px){.depth-layout{grid-template-columns:1fr;min-height:0;padding:95px 0 100px;gap:30px}.depth-right{height:clamp(360px,65vw,580px);min-height:0}.depth-left h2{font-size:clamp(46px,10vw,90px)}.depth-story-copy{min-height:0}.depth-progress{margin-top:25px}}
@media(max-width:600px){.depth-layout{padding:95px 0 75px;gap:25px}.depth-right{height:460px}.depth-upper{top:20px}.depth-bottom{bottom:14px}.depth-left h2{font-size:clamp(39px,11.8vw,65px);margin-bottom:30px}.depth-progress button{font-size:11px;min-height:62px}.depth-story-copy h3{font-size:clamp(28px,8vw,39px)}.article-hero{min-height:480px!important;padding-bottom:45px!important}.article-side{gap:8px}.article-side a{font-size:12px}.article-content .plain-checklist li{font-size:15px}.guide-sidebar a{font-size:12px}.article-next{padding:55px var(--pad)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-scene,.depth-ocean img{transition:none!important}}
/* ── v10.css ── */
/* Bluewater V10: one coherent dark system; factual editorial reading; no decorative glare. */
:root{--void:#020810;--night:#061521;--ink:#edf7ff;--mute:#bdd0dc;--aqua:#83d7f6;--electric:#1667ff;--line:rgba(180,224,248,.19)}
html{background:#020810;scroll-padding-top:90px}
body{background:#020810;color:#edf7ff}
body,.long-read,.guide-layout,.guide-index,.article-intro,.article-hero,.guide-hero,.article-next,.how-partnership,.proof-editorial,.case-feature,.process-description{color:#edf7ff}
.long-read,.guide-layout{background:#071724!important;color:#edf7ff!important;max-width:none!important}
.article-intro{background:#05111e!important}
.article-hero{background-color:#06131f!important}
.article-hero:after{background:linear-gradient(90deg,rgba(2,9,16,.8),rgba(2,11,19,.40) 75%,rgba(2,11,19,.5))!important}
.guide-layout{background:linear-gradient(135deg,#061827,#071b2b)!important}
.guide-sidebar,.article-side{border-color:rgba(170,222,250,.22)!important}
.guide-sidebar>span,.article-side>span{color:#83cdea!important}
.guide-sidebar a,.article-side>a{color:#cce7f6!important;background:#102b3d!important;border:1px solid rgba(144,210,248,.13)!important;border-radius:3px!important}
.guide-sidebar a:hover,.article-side>a:hover,.guide-sidebar a:focus-visible,.article-side>a:focus-visible{background:#1a4260!important;color:white!important;border-color:#81c8e7!important}
.article-content h2,.article-content h3,.guide-article h2,.guide-article h3,.guide-lede,.guide-chapter h2,.article-content h2,.article-content section h2{color:#f4faff!important}
.article-content p,.guide-chapter p,.guide-article p,.article-content li,.article-content .plain-checklist li,.article-content li p,.guide-lede{color:#c5d9e7!important}
.article-content section,.guide-chapter,.article-content .plain-checklist,.article-content .plain-checklist li,.guide-article section{border-color:rgba(172,221,244,.22)!important}
.article-content .plain-checklist li{background:transparent!important;color:#cfdeea!important}
.article-content .plain-checklist li::before{color:#72d3ff!important}
.article-content a,.guide-article a{color:#8fddff}
.article-content a:hover,.guide-article a:hover{color:#fff}
.guide-lede{margin-bottom:34px!important;max-width:720px}
.guide-chapter{padding:36px 0 40px!important}
.guide-layout,.long-read{padding-top:65px!important;padding-bottom:70px!important}
.guide-sidebar,.article-side{margin-bottom:38px!important;padding-bottom:22px!important}
.article-content section{padding-bottom:42px!important;margin-bottom:45px!important}
.article-content section h2:before{margin-bottom:16px!important}
.article-hero{min-height:min(53svh,580px)!important;padding-top:140px!important;padding-bottom:55px!important}
.article-hero h1{line-height:.95!important;letter-spacing:-.066em!important}
.article-hero p{max-width:720px!important;color:#c8dce9!important}
.guide-hero{min-height:min(55svh,570px)!important}
.guide-chapter h2{font-size:clamp(30px,3.15vw,48px)!important}
.article-intro:not(.service-brief){padding-top:55px!important;padding-bottom:60px!important}
.article-intro .big-thesis{font-size:clamp(38px,4vw,64px)!important;letter-spacing:-.05em!important;line-height:1.03!important}
.article-intro p{color:#bdd2e2!important;line-height:1.65!important}
/* No empty-looking proposal panels at the bottom of an article. */
.article-next{background:#0a2334!important;min-height:0!important;padding:50px var(--pad)!important;gap:34px!important}
.article-next h2{font-size:clamp(35px,4.4vw,70px)!important;line-height:1!important}
.article-next p{color:#c6ddeb!important;max-width:650px!important}
.article-next a{color:#96e2ff!important}
.in-article-questions,.in-article-questions details{border-color:rgba(175,221,246,.23)!important}
.in-article-questions summary{color:#eff8ff!important}
.in-article-questions details p{color:#c6d8e5!important}
/* The readable service brief replaces a second oversized manifesto with useful facts. */
.article-intro.service-brief{display:block!important;padding:55px var(--pad) 64px!important;background:#0b2333!important;border-top:1px solid #27475a;border-bottom:1px solid #27475a}
.service-brief>.section-label{font-size:11px;letter-spacing:.15em;color:#7dd4f8}
.service-brief>h2{font:780 clamp(36px,4.7vw,68px)/1 var(--display);letter-spacing:-.065em;margin:10px 0 15px}
.service-brief>p{max-width:710px;font-size:16px;margin:0 0 37px;color:#c1d5e5;line-height:1.6}
.service-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.service-brief-grid>div{border-top:1px solid #42728c;padding:18px 6px 0 0}
.service-brief-grid h3{color:#e9f8ff;font:730 clamp(21px,2.1vw,30px)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 11px}
.service-brief-grid p{margin:0;color:#bfd5e3;line-height:1.6;font-size:15px}
/* The approach page's formerly pale panel. */
.how-partnership{background:#071e2e!important;color:#eaf7ff!important;padding:65px var(--pad)!important}
.how-partnership h2,.process-description h3{color:#eff9ff!important}
.how-partnership>div>span{color:#91d8f5!important}
.partnership-questions details{border-color:#436075!important}
.partnership-questions summary{color:#e4f3ff!important}
.partnership-questions p{color:#c1d5e4!important}
.process-description{background:#0b2c42!important;border:1px solid #44758d!important;min-height:155px!important}
.process-description p{color:#cadfeb!important}
.process-track button{border:1px solid #28495b!important}
/* Case study and all supporting pages share the same dark world. */
.record-timeline p{color:#b5d2e6!important}
.record-timeline>div{color:#aacbdf!important}
.record-image-canvas{background:#071c2b!important}
.record-image-canvas img{background:#f1f6f9}
.article-content .readable-list>*{border-color:#375a70!important}
/* Original art stays present but cheap gloss, floating orbs and halo effects go. */
.cinematic-sheen,.water-flash,.arrival .hero-shine,.arrival .pointer-halo,#droplet-lens,.flow-glow{display:none!important}
.arrival-water{animation:none!important;transform:none!important}
.arrival-water img{animation:none!important;transform:none!important;filter:saturate(1.05) contrast(1.07)!important}
.arrival-water canvas.bw-fluid{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}
.arrival:after{background:linear-gradient(180deg,rgba(0,5,13,.27),rgba(0,5,13,.03) 44%,rgba(0,4,11,.81))!important}
.arrival-heading{filter:drop-shadow(0 3px 15px #0005)}
/* A short photographic liquid wipe, not a glowing circle. */
.splash-intro{background:#01060b!important;animation:waterIntroDismiss 1.66s cubic-bezier(.26,.72,.31,1) forwards!important;pointer-events:none!important}
.splash-intro:before{inset:0!important;background-image:url('assets/bluewater-wave-optimized.webp')!important;background-position:center center!important;background-size:cover!important;filter:brightness(.86) saturate(1.2) contrast(1.1)!important;opacity:1!important;transform:scale(1.25)!important;clip-path:polygon(0 50%,0 50%,0 50%,0 50%);animation:waterSweep 1.3s cubic-bezier(.15,.64,.1,1) forwards!important}
.splash-intro:after{display:none!important}
.splash-intro>img{z-index:3;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 8px #001c2d);animation:logoBreakthrough 1.25s .2s both!important}
.splash-intro>span{z-index:3;animation:logoBreakthrough 1.2s .34s both!important}
#intro-water-spray{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@keyframes waterSweep{0%{clip-path:polygon(0 55%,0 55%,0 60%,0 60%);transform:scale(1.2) translateX(-5%)}35%{clip-path:polygon(0 8%,52% 14%,70% 72%,0 92%)}74%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1) translateX(0)}}
@keyframes logoBreakthrough{0%,13%{opacity:0;transform:translateY(17px) scale(.94);filter:blur(7px)}48%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes waterIntroDismiss{0%,73%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
/* Less fake-marquee blank space; more useful content per screen. */
.work-index{padding-top:105px!important;padding-bottom:95px!important}
.work-index-head{padding-bottom:38px!important}
.closing-proposition{min-height:0!important;padding-top:90px!important;padding-bottom:85px!important}
.owner-answers{padding-top:85px!important;padding-bottom:85px!important}
.proof-editorial{background:#081b2b!important;color:#f0f8ff!important}
.proof-editorial-title p{color:#c7ddea!important}
.proof-editorial-note{border-color:#40576b!important}
.proof-editorial-note p{color:#c4d8e7!important}.proof-editorial-note p strong{color:#fff!important}
.proof-editorial-note a{color:#8ed6ff!important;border-color:#8ed6ff!important}
/* Remove fake bright empty pages from the stand-alone tool and articles. */
.enquiry-tool,.standalone-tool,.calculator-page,.tool-page,.insight-page,.guide-index{background:#071926!important;color:#edf7ff!important}
.article-content section:target,.guide-chapter:target{scroll-margin-top:98px}
.site-footer{background:#01080d!important;color:#9abdd0!important;min-height:140px}
.site-footer .footer-logo img{width:clamp(140px,13vw,190px)!important;height:auto!important;object-fit:contain!important}
.footer-contact{min-width:0!important}.footer-contact a{overflow-wrap:anywhere}
@media(max-width:900px){.service-brief-grid{grid-template-columns:1fr;gap:22px}.service-brief-grid>div{padding-top:13px}.article-intro.service-brief{padding:42px var(--pad)!important}.long-read,.guide-layout{padding-top:40px!important}.article-content section{padding-bottom:32px!important;margin-bottom:38px!important}}
@media(max-width:600px){.service-brief>h2{font-size:clamp(34px,10vw,49px)}.article-hero{min-height:420px!important;padding-top:116px!important}.article-hero h1{font-size:clamp(46px,12vw,76px)!important}.guide-hero{min-height:440px!important}.guide-hero h1{font-size:clamp(39px,11vw,70px)!important}.article-side,.guide-sidebar{margin-bottom:25px!important}.article-side>a,.guide-sidebar a{font-size:12px!important}.article-next{padding:40px var(--pad)!important}.site-footer{padding-bottom:35px!important}.work-index{padding-top:75px!important}.owner-answers{padding-top:65px!important;padding-bottom:65px!important}}
@media(prefers-reduced-motion:reduce){.splash-intro{display:none!important}.arrival-water canvas.bw-fluid,#intro-water-spray{display:none!important}.arrival-water img{animation:none!important}}
.action-checklist{border-top:1px solid #346077;padding-top:40px!important}
.action-checklist>p{margin-bottom:24px!important}
.action-checklist ol{padding:0;margin:0;list-style:none;counter-reset:check}
.action-checklist ol li{counter-increment:check;position:relative;padding:18px 12px 18px 53px;border-top:1px solid #274457;color:#cfe1ec;font-size:clamp(15px,1.25vw,18px);line-height:1.65}
.action-checklist ol li:before{content:'0' counter(check);position:absolute;top:20px;left:0;color:#7fd9ff;font:700 13px var(--body)}
/* Final palette sweep: the featured tool, guides hub, and resource pages match the dark site. */
.enquiry-atelier{background:linear-gradient(145deg,#0a2435,#061421 72%)!important;color:#f0f8ff!important;padding-top:85px!important;padding-bottom:85px!important}
.enquiry-atelier:before{opacity:.10!important}
.enquiry-atelier h2{color:#f3f9ff!important}
.enquiry-atelier .atelier-top p,.enquiry-atelier .calculator-guide p,.enquiry-atelier .calculator-guide small{color:#c2d8e8!important}
.enquiry-atelier .atelier-top h2 em{color:#83d6ff!important}
.enquiry-atelier .atelier-small,.enquiry-atelier .atelier-label{color:#95cfed!important}
.enquiry-atelier .atelier-article-link{color:#cdeefe!important;border-color:#b2ddeb!important}
.enquiry-atelier .calculator-guide{border-color:#517287!important}
.enquiry-atelier .calculator-guide>div{border-color:#517287!important}
.enquiry-atelier .calculator-guide h3,.enquiry-atelier .calculator-guide strong,.enquiry-atelier .calculator-guide b{color:#eef8ff!important}
.hub-content{background:linear-gradient(145deg,#071724,#092235)!important;color:#eff8ff!important;padding-top:65px!important;padding-bottom:80px!important}
.hub-opening h2{color:#f1f8ff!important}
.hub-opening span{color:#92d7f7!important}
.hub-list,.hub-link{border-color:#42617a!important}
.hub-link{color:#eaf6ff!important}
.hub-link h3{color:#f2f9ff!important}
.hub-link p{color:#bad4e3!important}
.hub-link>span{color:#91d5f5!important}
.hub-link:hover,.hub-link:focus-visible{background:#123249!important}
.hub-contact p{color:#c4d9e7!important}
.hub-contact a{color:#93ddff!important}
.faq-article,.source-viewer{background:#081c2c!important;color:#f0f8ff!important}
.faq-article p,.faq-article summary,.source-viewer p{color:#cae0ee!important}
.tool-main{background:#081d2d!important;color:#eff9ff!important}
.tool-main h1,.tool-main h2,.tool-main p{color:#eff9ff!important}
.tool-reading{background:#0b2333!important;color:#f0faff!important}
.tool-reading h2,.tool-reading strong{color:#f0faff!important}
.tool-reading p{color:#c4ddea!important}
.tool-reading .formula-line{background:#10364b!important;color:#e9f7ff!important}
.question-links{border-color:#385d75!important}.question-links a{color:#e5f5ff!important;border-color:#385d75!important}
.question-links a:hover,.question-links a:focus-visible{background:#17425c!important}
@media(max-width:650px){.enquiry-atelier{padding-top:65px!important;padding-bottom:65px!important}.atelier-top{margin-top:30px!important;margin-bottom:35px!important}.enquiry-atelier .atelier-top h2{font-size:clamp(51px,13vw,80px)!important}}
/* ── v11.css ── */
/* V11 — one confident brand voice, a small opt-in experience, human-readable tools. */
:root{--bw-ink:#f3f9fc;--bw-mute:#bdced9;--bw-sky:#89d9ff;--bw-deep:#03111b;--bw-line:rgba(175,218,241,.19)}
html{overflow-x:clip}body{overflow-x:clip;background:#020a12}
/* Retire the synthetic radiation/refraction renderer completely. The original photographed wave stays intact. */
.arrival-water canvas.bw-fluid,.arrival-water canvas{display:none!important}
.arrival-water img{filter:none!important;animation:bwNaturalSwell 28s ease-in-out infinite alternate!important;will-change:transform}
@keyframes bwNaturalSwell{from{transform:scale(1.03) translate3d(-.8%,0,0)}to{transform:scale(1.085) translate3d(1.1%,-.5%,0)}}
.arrival:after{background:linear-gradient(180deg,rgba(0,4,9,.23) 10%,rgba(0,6,13,.02) 46%,rgba(0,5,10,.80) 100%)!important}
.arrival-explore{min-width:0}
.splash-intro:before{filter:none!important}
/* Interactive story: an invitation, not a four-screen scrolling obligation. */
.bw-journey{position:relative;overflow:hidden;background:#051522;color:var(--bw-ink);padding:clamp(70px,7vw,110px) var(--pad) clamp(75px,7vw,110px);border-top:1px solid rgba(171,214,236,.13);border-bottom:1px solid rgba(171,214,236,.13)}
.bw-journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(35px,6vw,105px);align-items:center;max-width:1600px;margin:0 auto}
.bw-eyebrow{display:inline-block;text-transform:uppercase;color:#8bdcff;letter-spacing:.13em;font:700 11px/1.3 var(--body)}
.bw-journey h2{font:780 clamp(52px,6.35vw,110px)/.96 var(--display);letter-spacing:-.07em;max-width:900px;margin:23px 0 28px}
.bw-journey h2 em{font-style:normal;color:#83d8fb}
.bw-journey-intro p{font-size:clamp(16px,1.38vw,20px);line-height:1.55;max-width:670px;color:#c4d9e7;margin:0 0 30px}
.bw-journey-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.bw-open-journey{border:1px solid #83d8ff;background:#8bd8fb;color:#041624;font:750 15px/1 var(--body);padding:18px 23px;display:inline-flex;gap:22px;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s,transform .2s}
.bw-open-journey:hover{background:#fff;transform:translateY(-2px)}
.bw-journey-actions>a,.bw-demo-explainer>a{font:660 14px var(--body);color:#c5e5f7;text-decoration:none;border-bottom:1px solid #789aab;padding:8px 0}.bw-journey-actions>a:hover,.bw-demo-explainer>a:hover{color:#fff;border-color:#fff}
.bw-journey-postcard{min-height:clamp(280px,28vw,440px);border:1px solid rgba(177,227,253,.24);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,3.8vw,55px);overflow:hidden;background:#071c2b}
.bw-journey-postcard:before{content:"";position:absolute;inset:0;background:url('assets/bluewater-wave-optimized.webp') 50% 40%/cover;opacity:.49;z-index:-2;animation:bwNaturalSwell 23s ease-in-out infinite alternate}
.bw-journey-postcard:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#03121dbf,transparent 95%),linear-gradient(0deg,#051523e8,transparent 80%);z-index:-1}
.bw-path-wave{height:2px;background:linear-gradient(90deg,transparent,#c4efff 35%,transparent 95%);width:65%;transform:rotate(-8deg);opacity:.9;box-shadow:0 0 11px #a8e6ff4f}
.bw-path-title{font:700 clamp(32px,3.55vw,59px)/1.06 var(--display);letter-spacing:-.045em;max-width:460px;text-shadow:0 2px 18px #0006}
.bw-path-stages{display:flex;gap:7px 18px;justify-content:space-between;color:#addcef;font-size:12px;letter-spacing:.02em}
.bw-journey-demo[hidden]{display:none!important}.bw-journey-demo{max-width:1600px;margin:55px auto 0;border-top:1px solid var(--bw-line);padding-top:38px}
.bw-demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.bw-demo-top h3{font:750 clamp(25px,3.2vw,47px)/1.1 var(--display);letter-spacing:-.045em;margin:12px 0 0}.bw-close-journey{border:1px solid #456679;background:transparent;color:#d5eafa;padding:12px 15px;cursor:pointer;white-space:nowrap}
.bw-demo-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.bw-demo-tabs button{background:#0c283a;border:1px solid #315369;padding:12px 20px;cursor:pointer;color:#b9d8e9;font:700 13px var(--body)}.bw-demo-tabs button.is-current{background:#8ddaff;border-color:#8ddaff;color:#061824}
.bw-demo-body{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid #33576d;min-height:370px}
.bw-demo-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:65px 25px;background:linear-gradient(125deg,#092640,#031420 70%);overflow:hidden}
.bw-example-search{padding:20px 23px;background:#e6f5fe;color:#122d3f;font:750 clamp(17px,2.2vw,30px) var(--display);letter-spacing:-.04em;box-shadow:12px 12px 0 #125a8478;width:min(88%,550px)}.bw-example-search span{margin-right:8px;color:#1667ff}
.bw-example-website,.bw-example-contact,.bw-example-improve{display:flex;flex-direction:column;gap:16px;width:min(92%,510px);padding:30px;background:#e9f7fd;color:#072238;box-shadow:12px 12px 0 #12618660}.bw-example-website strong,.bw-example-contact strong,.bw-example-improve strong{font:770 clamp(26px,3vw,44px)/1.08 var(--display);letter-spacing:-.04em}.bw-example-website span,.bw-example-contact span,.bw-example-improve span{font-size:13px}.bw-example-website small{border-top:1px solid #bed3df;padding-top:12px}
.bw-demo-visual [hidden]{display:none!important}.bw-example-caption{position:absolute;bottom:15px;left:25px;color:#abd0e6;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.bw-demo-explainer{padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bw-demo-explainer h4{font:770 clamp(28px,3.1vw,48px)/1.08 var(--display);letter-spacing:-.052em;margin:20px 0}.bw-demo-explainer p{font:400 clamp(15px,1.2vw,19px)/1.58 var(--body);color:#bbd5e3;margin:0 0 28px}.bw-demo-explainer>a{display:inline-block}
/* Calculator: clear form on the left, precise working result on the right. No decorative numbers over waves. */
.bw-tool{background:#051522;color:#f1f9ff;padding:clamp(75px,7vw,120px) var(--pad);border-top:1px solid rgba(173,214,235,.12)}
.bw-tool-heading{max-width:1600px;margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between;gap:28px}.bw-tool-heading h2{font:770 clamp(48px,6.4vw,108px)/.98 var(--display);letter-spacing:-.068em;max-width:950px;margin:19px 0 22px}.bw-tool-heading h2 em{font-style:normal;color:#88d9fb}.bw-tool-heading p{max-width:670px;color:#c0d5e1;line-height:1.6;font-size:clamp(16px,1.25vw,19px);margin:0}.bw-tool-heading>a{color:#c2e9fa;border-bottom:1px solid #78badc;font:650 14px/1.4 var(--body);text-decoration:none;white-space:nowrap;padding-bottom:7px;margin-bottom:8px}.bw-tool-heading>a:hover{color:#fff}
.bw-calc{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr .94fr;border:1px solid #335a73;background:#071c2a}
.bw-calc-controls{padding:clamp(26px,4vw,62px);border-right:1px solid #335a73}.bw-calc-controls-head h3{font:760 clamp(25px,2.4vw,36px) var(--display);letter-spacing:-.047em;margin:0 0 9px}.bw-calc-controls-head p{margin:0 0 26px;color:#a9c8d8;font-size:14px;line-height:1.5}
.bw-calc-controls label{display:block;padding:17px 0 21px;border-bottom:1px solid #29495a}.bw-calc-controls label>span{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-weight:640;font-size:15px;color:#e8f8ff}.bw-calc-controls b{color:#9be4ff;font:760 clamp(17px,1.9vw,25px) var(--display);white-space:nowrap}.bw-calc-controls label small{display:block;color:#a8c6d4;font-size:12px;line-height:1.45;margin:7px 0 13px;max-width:420px}
.bw-calc-controls input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:0;display:block;cursor:pointer;background:linear-gradient(to right,#80d8fd var(--percent,35%),#31556b var(--percent,35%))}.bw-calc-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#edfbff;border:4px solid #177cae;box-shadow:0 0 0 2px #143a51}.bw-calc-controls input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#e9fbff;border:3px solid #167ba8;border-radius:50%}.bw-calc-reset{color:#bfe6f8;background:none;border:0;padding:18px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font:620 13px var(--body)}
.bw-calc-result{padding:clamp(27px,4.2vw,66px);position:relative;overflow:hidden;background:linear-gradient(160deg,#0b2e43 0%,#061d2b 57%,#051522 100%)}
.bw-calc-result:after{content:"";background:url('assets/bluewater-wave-optimized.webp') center 60%/cover;position:absolute;inset:auto -25% -22% 10%;height:48%;opacity:.12;pointer-events:none;filter:grayscale(.12)}
.bw-calc-result>*{position:relative;z-index:1}.bw-calc-big{font:790 clamp(70px,8.2vw,145px)/.9 var(--display);letter-spacing:-.075em;color:#fff;margin:25px 0 8px;font-variant-numeric:tabular-nums}.bw-calc-result h3{font:730 clamp(23px,2.4vw,36px) var(--display);margin:0 0 24px;letter-spacing:-.03em;color:#87dcff}.bw-calc-explain{color:#c8dfea;max-width:560px;font-size:15px;line-height:1.57;padding-bottom:26px;border-bottom:1px solid #477087}.bw-calc-explain strong{color:white}
.bw-calc-math{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:12px}.bw-calc-math>div{display:flex;flex-direction:column;gap:7px;padding:13px 0;border-bottom:1px solid #345c70}.bw-calc-math span{font-size:12px;color:#a5c9da}.bw-calc-math b{font:730 clamp(19px,2vw,28px) var(--display);white-space:nowrap;color:#eaf7ff}.bw-calc-interpret{font-size:13px;color:#a9c7d9;line-height:1.6;margin-top:20px}.bw-calc-interpret p{margin:0 0 9px}.bw-calc-interpret strong{color:#dbf0ff}.bw-calc-result>a{display:inline-block;color:#b4e6fa;text-decoration:none;border-bottom:1px solid #6eb7d8;font:660 14px var(--body);padding-bottom:7px;margin-top:20px}
/* Editorial content must be browsable: table of contents is a compact, accessible dropdown. */
.guide-layout{width:min(100%,1120px)!important;max-width:1120px!important;margin:0 auto!important;padding:45px clamp(20px,4vw,70px) 70px!important;overflow:visible!important}
.bw-guide-toc{margin:0 0 40px;background:#09273a;border:1px solid #335c75;color:#e7f6fe}
.bw-guide-toc summary{padding:17px 23px;cursor:pointer;font-weight:720;list-style:none;display:flex;align-items:center;justify-content:space-between}.bw-guide-toc summary::-webkit-details-marker{display:none}.bw-guide-toc summary:after{content:'+';font:400 24px var(--body);color:#87ddff}.bw-guide-toc[open] summary:after{content:'−'}
.bw-guide-toc nav{padding:0 22px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.bw-guide-toc nav a{font-size:14px;text-decoration:none;color:#c3dfed;padding:13px 0;border-top:1px solid #335a6d;overflow-wrap:anywhere}.bw-guide-toc nav a:hover{color:#fff}.bw-guide-toc nav a.return-link{color:#8bd9ff}
.guide-article{max-width:790px!important;margin:0 auto!important;min-width:0}.guide-article p{font-size:17px!important;line-height:1.72!important;max-width:790px}.guide-lede{font-size:clamp(24px,2.8vw,38px)!important;line-height:1.28!important;letter-spacing:-.035em;color:#effaff!important;margin:0 0 28px!important}.guide-chapter{padding:35px 0 39px!important}.guide-chapter h2{font-size:clamp(30px,3.1vw,46px)!important;line-height:1.16!important;letter-spacing:-.04em}.guide-hero{min-height:0!important;padding-bottom:75px!important}.guide-hero h1{overflow-wrap:break-word}.guide-layout *{min-width:0}
/* Smaller service-index labels; less repeating serial numbers. */
.work-link .num{display:none!important}.work-link{grid-template-columns:minmax(0,1fr) minmax(170px,.45fr) auto!important}.work-link h3{grid-column:1!important}
/* Responsive layouts, readable before fancy. */
@media(max-width:960px){.bw-journey-intro{grid-template-columns:1fr}.bw-journey-postcard{min-height:270px}.bw-tool-heading{display:block}.bw-tool-heading>a{display:inline-block;margin-top:22px}.bw-calc{grid-template-columns:1fr}.bw-calc-controls{border-right:0;border-bottom:1px solid #335a73}.bw-demo-body{grid-template-columns:1fr}.bw-demo-visual{min-height:290px}}
@media(max-width:600px){.bw-journey{padding:65px 22px 70px}.bw-journey h2{font-size:clamp(43px,10vw,65px);line-height:1}.bw-journey-intro p{font-size:16px}.bw-journey-actions{align-items:flex-start;flex-direction:column}.bw-journey-postcard{padding:25px;min-height:260px}.bw-path-title{font-size:36px}.bw-path-stages{font-size:10px;gap:6px}.bw-demo-top{align-items:flex-start;flex-direction:column}.bw-demo-tabs button{flex:1;padding:11px 10px}.bw-demo-visual{min-height:240px;padding:45px 15px}.bw-demo-explainer{padding:26px}.bw-tool{padding:70px 20px 75px}.bw-tool-heading h2{font-size:clamp(43px,10vw,62px)}.bw-calc-controls,.bw-calc-result{padding:27px 21px}.bw-calc-big{font-size:clamp(73px,19vw,112px)}.bw-calc-math{gap:0 12px}.bw-calc-math b{font-size:20px}.bw-calc-controls label>span{font-size:14px}.bw-calc-controls b{font-size:20px}.bw-guide-toc nav{grid-template-columns:1fr}.guide-layout{padding:27px 20px 65px!important}.guide-article p{font-size:16px!important}.guide-chapter h2{font-size:31px!important}.work-link{grid-template-columns:minmax(0,1fr) auto!important}.work-link p{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){.arrival-water img,.bw-journey-postcard:before{animation:none!important}.bw-open-journey{transition:none!important}}
/* ── additions ── */
/* In page navigation was nearly invisible on the dark pages. */
.article-side a{color:#9cc0d6}
.article-side a:hover,.article-side a:focus-visible{color:#ebf5ff}

/* "From our work" list on the guides page. */
.hub-opening-work{margin-top:clamp(56px,7vw,96px)}

/* Page transition: the tide comes in, the tide goes out. */
.tide{visibility:hidden;position:fixed;left:0;right:0;top:-130px;height:calc(100vh + 130px);height:calc(100lvh + 130px);z-index:9000;pointer-events:none;transform:translateY(105%);will-change:transform}
.tide-edge{display:block;width:100%;height:130px;fill:#0b2a4a}
.tide-body{height:calc(100% - 129px);background:linear-gradient(#0b2a4a,#061321 40%,#020910);display:grid;place-items:center}
.tide-body img{width:min(46vw,240px);height:auto;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.1,1)}
.tide.is-in{visibility:visible;transform:translateY(0);transition:transform .6s cubic-bezier(.65,0,.35,1)}
.tide.is-in .tide-body img{opacity:.9;transform:none;transition-delay:.25s}
html.tide-arrive .tide{visibility:visible;animation:bwTideOut 1s cubic-bezier(.65,0,.35,1) .1s both}
html.tide-arrive .tide .tide-body img{opacity:.9;transform:none;animation:bwTideFade .3s ease both}
@keyframes bwTideOut{0%{transform:translateY(0)}100%{transform:translateY(-118%)}}
@keyframes bwTideFade{to{opacity:0}}
@media (prefers-reduced-motion:reduce){.tide{display:none}}

/* Articles about our work use several paragraphs per chapter. */
.guide-chapter p+p,.guide-chapter p+ul,.guide-chapter ul+p,.guide-chapter p+ol,.guide-chapter ol+p{margin-top:1em}
.guide-chapter ul,.guide-chapter ol{padding-left:1.2em}
.guide-chapter li+li{margin-top:.5em}
.guide-chapter a{color:#86d7ff}
.article-content section>p+p{margin-top:1em}

/* ── V12 future layer ── */
/* V12 future layer. V11 stays exactly as designed; this adds the interface on top. */
:root{--fx-cyan:#7ddaff;--fx-blue:#1667ff;--fx-glass:rgba(8,26,44,.55);--fx-edge:rgba(125,218,255,.28);--fx-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}

/* heads up display frame */
.fx-hud{position:fixed;inset:14px;z-index:60;pointer-events:none;font:500 10px/1 var(--fx-mono);letter-spacing:.16em;color:rgba(190,232,255,.72)}
.fx-hud .c{position:absolute;width:18px;height:18px;border-color:rgba(125,218,255,.55);border-style:solid;border-width:0}
.fx-hud .tl{left:0;top:0;border-left-width:1px;border-top-width:1px}.fx-hud .tr{right:0;top:0;border-right-width:1px;border-top-width:1px}
.fx-hud .bl{left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.fx-hud .br{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.fx-hud-l,.fx-hud-r{position:absolute;bottom:4px;display:flex;align-items:center;gap:10px;text-shadow:0 0 12px rgba(0,0,0,.9)}
.fx-hud-l{left:28px}.fx-hud-r{right:28px}
.fx-hud em{font-style:normal;color:var(--fx-cyan)}
.fx-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3dffa8;box-shadow:0 0 10px #3dffa8;animation:fxPulse 1.8s ease-in-out infinite}
@keyframes fxPulse{50%{opacity:.35}}
@media(max-width:760px){.fx-hud{display:none}}

/* cursor */
.fx-cursor{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;display:none;mix-blend-mode:difference}
.has-fx-cursor .fx-cursor{display:block}
.fx-cursor i{position:absolute;width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid #bdf0ff;border-radius:50%;transform:translate3d(var(--rx,-100px),var(--ry,-100px),0) scale(var(--rs,1));transition:width .25s,height .25s,margin .25s,background .25s}
.fx-cursor b{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#fff;border-radius:50%;transform:translate3d(var(--dx,-100px),var(--dy,-100px),0)}
.fx-cursor.is-link i{width:74px;height:74px;margin:-37px 0 0 -37px;background:rgba(189,240,255,.18)}
.fx-cursor.is-down i{--rs:.75}
@media (hover:hover) and (pointer:fine){.has-fx-cursor,.has-fx-cursor a,.has-fx-cursor button{cursor:none}.has-fx-cursor input,.has-fx-cursor textarea,.has-fx-cursor select{cursor:text}}

/* home hero: live water, holographic title, hero HUD */
.fx-sea{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}
.fx-sea.is-on{opacity:1}
[data-fx-glitch] span{position:relative}
[data-fx-glitch] span::before,[data-fx-glitch] span::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}
[data-fx-glitch] span::before{color:rgba(0,229,255,.85);-webkit-text-stroke:0;mix-blend-mode:screen}
[data-fx-glitch] span::after{color:rgba(22,103,255,.9);-webkit-text-stroke:0;mix-blend-mode:screen}
[data-fx-glitch] .demand::before,[data-fx-glitch] .demand::after{color:transparent;-webkit-text-stroke:1.5px rgba(0,229,255,.9)}
[data-fx-glitch] .demand::after{-webkit-text-stroke-color:rgba(22,103,255,.95)}
[data-fx-glitch].is-glitch span::before{animation:fxG1 .5s steps(2) both}
[data-fx-glitch].is-glitch span::after{animation:fxG2 .5s steps(2) both}
@keyframes fxG1{0%{opacity:1;transform:translate(-6px,2px);clip-path:inset(10% 0 60% 0)}30%{transform:translate(5px,-2px);clip-path:inset(55% 0 20% 0)}60%{transform:translate(-3px,1px);clip-path:inset(30% 0 45% 0)}100%{opacity:0;transform:none;clip-path:inset(0)}}
@keyframes fxG2{0%{opacity:1;transform:translate(6px,-2px);clip-path:inset(65% 0 5% 0)}30%{transform:translate(-5px,3px);clip-path:inset(5% 0 70% 0)}60%{transform:translate(4px,0);clip-path:inset(40% 0 35% 0)}100%{opacity:0;transform:none;clip-path:inset(0)}}
.arrival-heading .demand{transition:-webkit-text-stroke-color .4s}
.arrival:hover .arrival-heading .demand{-webkit-text-stroke-color:rgba(125,218,255,.95);text-shadow:0 0 30px rgba(22,103,255,.45)}
.fx-hero-hud{position:absolute;z-index:5;left:var(--pad);right:var(--pad);top:calc(88px + clamp(30px,4vh,50px) + 26px);display:flex;gap:28px;font:500 10px/1 var(--fx-mono);letter-spacing:.2em;color:rgba(190,232,255,.75);pointer-events:none;animation:riseIn 1s 1.4s both}
.fx-hero-hud span{display:flex;align-items:center;gap:10px}
.fx-hero-hud span::before{content:"";width:22px;height:1px;background:var(--fx-cyan);box-shadow:0 0 8px var(--fx-cyan)}
.fx-hero-hud span:last-child{margin-left:auto}
@media(max-width:760px){.fx-hero-hud{top:132px;gap:16px}.fx-hero-hud span:nth-child(2){display:none}}
@media(hover:none){.fx-hero-hud span:last-child{display:none}}

/* scan reveal on section headings */
.fx-scan{position:relative}
.js-fx .fx-scan.is-in{animation:fxReveal .9s cubic-bezier(.2,.8,.2,1)}
@keyframes fxReveal{from{clip-path:inset(0 0 100% 0);filter:blur(6px) brightness(1.8)}to{clip-path:inset(0 0 0 0);filter:none}}
.fx-beam{position:absolute;left:0;right:0;height:2px;pointer-events:none;z-index:5;background:linear-gradient(90deg,transparent,var(--fx-cyan) 20%,#fff 50%,var(--fx-cyan) 80%,transparent);box-shadow:0 0 18px 2px rgba(125,218,255,.8);opacity:0}
.fx-beam.go{animation:fxBeam 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes fxBeam{0%{opacity:1;transform:translateY(0)}85%{opacity:1}100%{opacity:0;transform:translateY(var(--h,100px))}}

/* tilt and glare */
[data-fx-tilt]{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
[data-fx-tilt].is-tilting{transition:transform .08s linear}
[data-fx-tilt]::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(190,240,255,.22),transparent 45%);opacity:0;transition:opacity .3s;z-index:3}
[data-fx-tilt].is-tilting::after{opacity:1}

/* service rows light up */
.work-link{position:relative;overflow:hidden}
.work-link::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(22,103,255,.18),transparent);transform:translateX(-100%);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.work-link:hover::before{transform:translateX(100%)}

/* contact: work order console */
.final-sea.fx-contact{min-height:auto;display:block;padding:clamp(110px,12vw,180px) var(--pad) clamp(90px,10vw,150px)}
.fx-contact-in{position:relative;z-index:2;max-width:1500px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,110px);align-items:start}
.fx-contact-side h2{font:900 clamp(56px,7.5vw,128px)/.86 var(--display);letter-spacing:-.075em;margin:18px 0 28px}
.fx-contact-side h2 span{color:transparent;-webkit-text-stroke:1.5px rgba(249,252,255,.9)}
.fx-lede{font-size:clamp(16px,1.3vw,20px);color:#cfe2ef;max-width:440px;margin:0 0 36px}
.fx-direct{display:grid;gap:10px}
.fx-direct a{font:700 clamp(24px,2.4vw,36px)/1.1 var(--display);letter-spacing:-.04em;text-decoration:none;width:max-content;max-width:100%;overflow-wrap:anywhere;background:linear-gradient(90deg,#fff,#fff) 0 100%/0 1px no-repeat;transition:background-size .4s,color .3s}
.fx-direct a:hover{background-size:100% 1px;color:var(--fx-cyan)}
.fx-direct span{color:#9fb4c9;font-size:14px}
.fx-order{position:relative;background:var(--fx-glass);border:1px solid var(--fx-edge);border-radius:18px;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.fx-order::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--fx-a,0deg),transparent 0 70%,var(--fx-cyan) 80%,var(--fx-blue) 88%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:fxSpin 6s linear infinite}
@property --fx-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes fxSpin{to{--fx-a:360deg}}
.fx-order-head{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--fx-edge);font:600 11px/1 var(--fx-mono);letter-spacing:.18em;color:#bfe8ff}
.fx-order-head span{display:flex;align-items:center;gap:10px}
.fx-order-head [data-ticket-no]{color:var(--fx-cyan)}
.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding:24px}
.fx-field{display:grid;gap:7px;margin:0;padding:0;border:0;min-width:0}
.fx-wide{grid-column:1/-1}
.fx-field label,.fx-field legend{font:600 11px/1.2 var(--fx-mono);letter-spacing:.14em;text-transform:uppercase;color:#a9c7dc;padding:0}
.fx-field small{color:#6f8aa0;letter-spacing:.08em}
.fx-field input,.fx-field select,.fx-field textarea{width:100%;font:400 16px/1.4 var(--body);color:#fff;background:rgba(2,12,22,.6);border:1px solid rgba(169,199,220,.28);border-radius:10px;padding:13px 14px;min-height:50px;transition:border-color .2s,box-shadow .2s,background .2s}
.fx-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7ddaff 50%),linear-gradient(135deg,#7ddaff 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat}
.fx-field select option{background:#061321;color:#fff}
.fx-field textarea{resize:vertical;min-height:96px}
.fx-field input::placeholder,.fx-field textarea::placeholder{color:#5f7a90}
.fx-field input:focus,.fx-field select:focus,.fx-field textarea:focus{outline:none;border-color:var(--fx-cyan);background:rgba(4,22,40,.8);box-shadow:0 0 0 3px rgba(125,218,255,.15),0 0 24px rgba(22,103,255,.25)}
.fx-field [aria-invalid="true"]{border-color:#ff6b7d;box-shadow:0 0 0 3px rgba(255,107,125,.15)}
.fx-err{margin:0;color:#ff8d9b;font-size:13px}.fx-err:empty{display:none}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px}
.fx-chips legend{width:100%;margin-bottom:8px}
.fx-chip{position:relative;cursor:pointer}
.fx-chip input{position:absolute;opacity:0;width:1px;height:1px}
.fx-chip span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid rgba(169,199,220,.3);border-radius:999px;font-size:14px;color:#d6e6f1;background:rgba(2,12,22,.45);transition:all .25s}
.fx-chip span::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid currentColor;transition:all .25s}
.fx-chip:hover span{border-color:var(--fx-cyan)}
.fx-chip input:checked+span{background:rgba(22,103,255,.3);border-color:var(--fx-cyan);color:#fff;box-shadow:0 0 18px rgba(22,103,255,.4)}
.fx-chip input:checked+span::before{background:var(--fx-cyan);border-color:var(--fx-cyan);box-shadow:0 0 8px var(--fx-cyan)}
.fx-chip input:focus-visible+span{outline:2px solid #a5e6ff;outline-offset:3px}
.fx-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fx-privacy{margin:0;font-size:13px;color:#8fa9bd}.fx-privacy a{color:var(--fx-cyan)}
.fx-send{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.fx-btn{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(100deg,#1667ff,#2f8bff 55%,#7ddaff);color:#fff;font:700 14px/1 var(--body);letter-spacing:.02em;box-shadow:0 12px 40px -10px rgba(22,103,255,.8);overflow:hidden;transition:box-shadow .3s}
.fx-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.fx-btn:hover::after{transform:translateX(120%)}
.fx-btn:hover{box-shadow:0 16px 54px -8px rgba(22,103,255,1)}
.fx-btn i{font-style:normal;font-size:18px}
.fx-btn[disabled]{opacity:.65;cursor:progress}
.fx-status{flex:1;min-width:220px;margin:0;font-size:14px;color:#cfe2ef}
.fx-status.bad{color:#ff8d9b}.fx-status a{color:var(--fx-cyan);font-weight:600}
.fx-stamp{position:absolute;right:30px;bottom:110px;background:rgba(2,14,24,.88);display:grid;justify-items:center;padding:12px 20px;border:3px solid #3dffa8;border-radius:12px;color:#3dffa8;font:900 40px/1 var(--display);letter-spacing:.06em;text-shadow:0 0 18px rgba(61,255,168,.7);box-shadow:0 0 30px rgba(61,255,168,.35),inset 0 0 20px rgba(61,255,168,.2);transform:rotate(-8deg) scale(2.4);opacity:0;pointer-events:none}
.fx-stamp small{font:600 11px/1.2 var(--fx-mono);letter-spacing:.12em;margin-top:6px}
.fx-order.done .fx-stamp{animation:fxStamp .55s cubic-bezier(.3,1.6,.5,1) forwards}
.fx-order.preview .fx-stamp{border-color:var(--fx-cyan);color:var(--fx-cyan);text-shadow:0 0 18px rgba(125,218,255,.7);box-shadow:0 0 30px rgba(125,218,255,.35)}
@keyframes fxStamp{to{opacity:1;transform:rotate(-8deg) scale(1)}}
.fx-order.done .fx-field{opacity:.5}
@media(max-width:1000px){.fx-contact-in{grid-template-columns:1fr}}
@media(max-width:560px){.fx-grid{grid-template-columns:1fr;padding:18px}.fx-order-head{padding:14px 18px}.fx-stamp{right:16px;font-size:30px}}

/* privacy page */
.fx-prose{max-width:820px;margin:0 auto;padding:clamp(80px,10vw,140px) var(--pad)}
.fx-prose h2{font:750 clamp(30px,3.6vw,52px)/1.02 var(--display);letter-spacing:-.05em;margin:56px 0 18px}
.fx-prose h2:first-child{margin-top:0}
.fx-prose p{color:#bfd0df;font-size:17px;line-height:1.7;margin:0 0 16px}
.fx-prose a{color:var(--fx-cyan)}

@media(prefers-reduced-motion:reduce){.fx-sea,.fx-cursor,.fx-beam{display:none!important}.fx-order::before,.fx-dot{animation:none}[data-fx-tilt]{transform:none!important}}
.fx-field label.fx-chip{font:400 14px/1 var(--body);letter-spacing:0;text-transform:none;color:inherit}
.final-sea.fx-contact .fx-contact-side h2{margin-bottom:28px}

/* ───────── V12.1 ───────── */
.fx-dot{display:none!important}
main h2,.fx-contact-side h2{word-spacing:.08em}
.fx-direct a{word-spacing:.04em}

/* intro */
.fx-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#02070c;overflow:hidden;cursor:pointer}
html:not(.fx-intro-on) .fx-intro{display:none}
.fx-intro-grid{position:absolute;inset:-50% -10% 0;background-image:linear-gradient(rgba(125,218,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(125,218,255,.09) 1px,transparent 1px);background-size:64px 64px;transform:perspective(700px) rotateX(62deg) translateY(var(--gy,0));transform-origin:50% 100%;mask:linear-gradient(transparent 0,#000 55%,#000 75%,transparent);animation:fxGrid 2.8s linear both}
@keyframes fxGrid{from{--gy:0px;opacity:0}20%{opacity:1}to{--gy:128px}}
@property --gy{syntax:"<length>";inherits:false;initial-value:0px}
.fx-intro-core{position:relative;display:grid;justify-items:center;gap:26px;text-align:center;padding:0 22px}
.fx-intro-core img{width:clamp(220px,30vw,440px);height:auto;filter:drop-shadow(0 0 40px rgba(125,218,255,.45));clip-path:inset(0 100% 0 0);animation:fxLogo 1.1s .25s cubic-bezier(.7,0,.2,1) forwards}
@keyframes fxLogo{to{clip-path:inset(0 0 0 0)}}
.fx-intro-line{margin:0;font:600 clamp(10px,1vw,13px)/1 var(--fx-mono);letter-spacing:.32em;color:#cfeeff;opacity:0;animation:fxFade .5s .9s forwards}
.fx-intro-desks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:640px}
.fx-intro-desks span{font:500 10px/1 var(--fx-mono);letter-spacing:.22em;color:var(--fx-cyan);opacity:0;animation:fxDesk .35s forwards}
.fx-intro-desks span:nth-child(1){animation-delay:1.05s}.fx-intro-desks span:nth-child(2){animation-delay:1.15s}.fx-intro-desks span:nth-child(3){animation-delay:1.25s}.fx-intro-desks span:nth-child(4){animation-delay:1.35s}.fx-intro-desks span:nth-child(5){animation-delay:1.45s}.fx-intro-desks span:nth-child(6){animation-delay:1.55s}.fx-intro-desks span:nth-child(7){animation-delay:1.65s}
@keyframes fxDesk{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}60%{opacity:1;color:#fff;text-shadow:0 0 12px var(--fx-cyan)}100%{opacity:.75;transform:none;filter:none}}
@keyframes fxFade{to{opacity:1}}
.fx-intro-bar{position:absolute;left:var(--pad);right:var(--pad);bottom:72px;height:1px;background:rgba(125,218,255,.15)}
.fx-intro-bar i{display:block;height:100%;width:100%;background:var(--fx-cyan);box-shadow:0 0 14px var(--fx-cyan);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.fx-intro-count{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;display:flex;justify-content:space-between;font:500 11px/1 var(--fx-mono);letter-spacing:.24em;color:#9fc4dc}
.fx-intro-count b{color:#fff;font-weight:600}
.fx-intro-shutter{position:absolute;left:0;right:0;height:50.5%;background:#02070c;pointer-events:none;opacity:0}
.fx-intro-shutter.top{top:0}.fx-intro-shutter.bottom{bottom:0}
.fx-intro.is-out{background:transparent;pointer-events:none}
.fx-intro.is-out .fx-intro-shutter{opacity:1;transition:transform .9s cubic-bezier(.75,0,.2,1)}
.fx-intro.is-out .fx-intro-shutter.top{transform:translateY(-101%)}.fx-intro.is-out .fx-intro-shutter.bottom{transform:translateY(101%)}
.fx-intro.is-out .fx-intro-grid,.fx-intro.is-out .fx-intro-core,.fx-intro.is-out .fx-intro-bar,.fx-intro.is-out .fx-intro-count{opacity:0;transition:opacity .25s}
.fx-intro.is-out .fx-intro-shutter::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--fx-cyan);box-shadow:0 0 22px 3px var(--fx-cyan)}
.fx-intro.is-out .fx-intro-shutter.top::after{bottom:0}.fx-intro.is-out .fx-intro-shutter.bottom::after{top:0}
html.fx-intro-on .arrival-heading span,html.fx-intro-on .arrival-offer,html.fx-intro-on .arrival-explore,html.fx-intro-on .arrival-water img{animation-play-state:paused}

/* journey */
.fx-journey{position:relative;padding:clamp(110px,12vw,190px) var(--pad);background:radial-gradient(ellipse 60% 50% at 80% 30%,rgba(22,103,255,.16),transparent 70%),#030b14;border-top:1px solid var(--line);overflow:hidden}
.fx-journey-head{max-width:1500px;margin:0 auto 64px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.fx-journey-head h2,.fx-calc-head h2,.fx-team-head h2{font:800 clamp(48px,6.6vw,118px)/.92 var(--display);letter-spacing:-.065em;margin:18px 0 0}
.fx-journey-head h2 em,.fx-calc-head h2 em,.fx-team-head h2 em{font-style:normal;color:var(--fx-cyan)}
.fx-journey-head p,.fx-calc-head p{margin:0;color:#bfd0df;font-size:clamp(16px,1.3vw,20px);line-height:1.6;max-width:500px}
.fx-journey-console{max-width:1500px;margin:0 auto;border:1px solid var(--fx-edge);border-radius:22px;background:linear-gradient(180deg,rgba(10,30,50,.55),rgba(4,14,24,.75));backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 50px 120px -60px rgba(22,103,255,.55)}
.fx-jtabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--fx-edge)}
.fx-jtabs button{position:relative;display:flex;align-items:baseline;gap:14px;padding:26px 28px 30px;background:transparent;border:0;border-right:1px solid var(--fx-edge);color:#7f9bb1;text-align:left;transition:color .3s,background .3s}
.fx-jtabs button:last-child{border-right:0}
.fx-jtabs button:hover{color:#dff3ff;background:rgba(125,218,255,.04)}
.fx-jtabs .jn{font:600 12px/1 var(--fx-mono);letter-spacing:.14em}
.fx-jtabs .jl{font:700 clamp(20px,1.8vw,30px)/1 var(--display);letter-spacing:-.04em}
.fx-jtabs .jbar{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.fx-jtabs .jbar i{display:block;height:100%;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan));box-shadow:0 0 12px var(--fx-cyan);transform-origin:0 50%;transform:scaleX(0)}
.fx-jtabs [aria-selected=true]{color:#fff;background:rgba(125,218,255,.06)}
.fx-jtabs [aria-selected=true] .jn{color:var(--fx-cyan)}
.fx-jtabs [aria-selected=true] .jbar i{animation:fxJbar var(--jd,6s) linear forwards}
.fx-journey-console.is-paused .jbar i{animation-play-state:paused}
.fx-journey-console.is-manual [aria-selected=true] .jbar i{animation:none;transform:scaleX(1)}
@keyframes fxJbar{to{transform:scaleX(1)}}
.jpanel{display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px}
.jpanel[hidden]{display:none}
.jcopy{padding:clamp(34px,4vw,64px);display:flex;flex-direction:column;justify-content:center;animation:fxPanel .7s cubic-bezier(.2,.8,.2,1) both}
.jcopy h3{font:780 clamp(34px,3.6vw,62px)/1 var(--display);letter-spacing:-.055em;margin:18px 0 20px}
.jcopy p{color:#bfd0df;font-size:clamp(16px,1.2vw,19px);line-height:1.65;margin:0 0 30px;max-width:520px}
.jcopy a{align-self:flex-start;text-decoration:none;font-weight:700;font-size:14px;padding-bottom:6px;border-bottom:1px solid var(--fx-cyan);color:#eaf7ff}
.jcopy a:hover{color:var(--fx-cyan)}
@keyframes fxPanel{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.jvisual{position:relative;display:grid;place-items:center;padding:40px;border-left:1px solid var(--fx-edge);background:radial-gradient(circle at 50% 55%,rgba(22,103,255,.22),transparent 60%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(125,218,255,.05) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(125,218,255,.05) 31px 32px);overflow:hidden}
.jcap{position:absolute;right:18px;bottom:14px;font:500 10px/1 var(--fx-mono);letter-spacing:.14em;color:#6f8aa0;text-transform:uppercase}
.jv{width:min(460px,100%);animation:fxPanel .8s .1s cubic-bezier(.2,.8,.2,1) both}
.jv-search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:999px;background:#f4f9ff;color:#0b1c2c;font-size:16px;box-shadow:0 20px 50px -20px rgba(125,218,255,.6)}
.jv-glass{width:14px;height:14px;border:2px solid #4a6378;border-radius:50%;position:relative;flex:none}
.jv-glass::after{content:"";position:absolute;width:6px;height:2px;background:#4a6378;right:-6px;bottom:-3px;transform:rotate(45deg)}
.jv-caret{width:2px;height:18px;background:#1667ff;animation:fxBlink .8s steps(1) infinite}
@keyframes fxBlink{50%{opacity:0}}
.jv-results{display:grid;gap:10px;margin-top:18px}
.jv-res{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(169,199,220,.14)}
.jv-res-you{background:rgba(22,103,255,.18);border-color:var(--fx-cyan);box-shadow:0 0 0 1px rgba(125,218,255,.3),0 18px 40px -18px rgba(22,103,255,.9);animation:fxRise .7s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes fxRise{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.jv-res div{flex:1;display:grid;gap:6px}
.jv-res b{font-size:15px}.jv-res small{font-size:12px;color:#9fc4dc}
.jv-res .ghost{display:block;height:9px;width:60%;border-radius:5px;background:rgba(169,199,220,.16)}
.jv-res small.ghost{width:38%;height:7px}
.jv-pin{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fx-cyan);box-shadow:0 0 18px var(--fx-cyan);flex:none}
.jv-pin.dim{background:#2d4558;box-shadow:none}
.jv-call{font:700 11px/1 var(--fx-mono);letter-spacing:.12em;padding:9px 12px;border-radius:999px;background:var(--fx-cyan);color:#03121f}
.jv-trust{position:relative;display:grid;place-items:center;min-height:400px}
.jv-phone{width:230px;height:400px;border-radius:34px;border:1px solid rgba(169,199,220,.4);background:#06131f;padding:12px;box-shadow:0 40px 80px -30px rgba(22,103,255,.7),inset 0 0 0 6px #0b1d2e}
.jv-notch{width:70px;height:16px;border-radius:0 0 12px 12px;background:#0b1d2e;margin:-12px auto 10px}
.jv-site{height:calc(100% - 14px);border-radius:24px;background:linear-gradient(180deg,#0f3157,#071626);padding:22px 16px;display:flex;flex-direction:column;gap:12px}
.jv-kicker{font:600 9px/1 var(--fx-mono);letter-spacing:.2em;color:var(--fx-cyan)}
.jv-site strong{font:800 24px/1 var(--display);letter-spacing:-.05em}
.jv-btn{align-self:flex-start;font-size:12px;font-weight:700;padding:9px 14px;border-radius:999px;background:var(--fx-blue)}
.jv-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}
.jv-photos i{aspect-ratio:1;border-radius:8px;background:url(/assets/bluewater-wave-optimized.webp) center/cover;filter:saturate(.8)}
.jv-photos i:nth-child(2){background-position:30% 50%}.jv-photos i:nth-child(3){background-position:80% 40%}
.jv-review{margin-top:auto;display:grid;gap:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.06)}
.jv-review span{font:600 9px/1 var(--fx-mono);letter-spacing:.16em;color:#9fc4dc}
.jv-review i{height:6px;border-radius:3px;background:rgba(169,199,220,.25)}.jv-review i.short{width:60%}
.jv-chip{position:absolute;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(8,26,44,.85);border:1px solid var(--fx-edge);box-shadow:0 10px 30px -10px #000;backdrop-filter:blur(10px);white-space:nowrap;animation:fxFloat 5s ease-in-out infinite}
.jv-chip-a{left:-4%;top:16%}.jv-chip-b{right:-6%;top:44%;animation-delay:-1.6s}.jv-chip-c{left:2%;bottom:12%;animation-delay:-3.1s}
@keyframes fxFloat{50%{transform:translateY(-10px)}}
.jv-feed{display:grid;gap:12px}
.jv-note{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:rgba(8,26,44,.85);border:1px solid var(--fx-edge);box-shadow:0 18px 40px -22px #000;animation:fxRise .6s cubic-bezier(.2,.8,.2,1) both}
.jv-note:nth-child(2){animation-delay:.35s;margin-left:24px}.jv-note:nth-child(3){animation-delay:.7s;margin-left:48px}
.jv-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--fx-blue),var(--fx-cyan));color:#fff;font-size:16px;flex:none}
.jv-note div{flex:1;display:grid;gap:4px}.jv-note b{font-size:15px}.jv-note small{font-size:12px;color:#9fc4dc}
.jv-note em{font:600 10px/1 var(--fx-mono);font-style:normal;letter-spacing:.12em;color:var(--fx-cyan)}
.jv-report{padding:28px;border-radius:20px;background:rgba(8,26,44,.85);border:1px solid var(--fx-edge);box-shadow:0 40px 80px -40px rgba(22,103,255,.7)}
.jv-bars{display:grid;gap:18px;margin:22px 0}
.jv-bars div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px}
.jv-bars span{font-size:13px;color:#bfd0df}
.jv-bars i{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan));box-shadow:0 0 18px rgba(125,218,255,.45);width:var(--w);transform-origin:0 50%;animation:fxGrow 1.2s .3s cubic-bezier(.2,.8,.2,1) both}
.jv-bars div:nth-child(2) i{animation-delay:.5s}.jv-bars div:nth-child(3) i{animation-delay:.7s}
@keyframes fxGrow{from{transform:scaleX(0)}}
.jv-report p{margin:0;font-size:14px;color:#9fc4dc}
@media(max-width:1000px){.fx-journey-head{grid-template-columns:1fr}.jpanel{grid-template-columns:1fr}.jvisual{border-left:0;border-top:1px solid var(--fx-edge);min-height:380px}}
@media(max-width:760px){.fx-jtabs{grid-template-columns:repeat(4,minmax(0,1fr))}.fx-jtabs button{flex-direction:column;gap:8px;padding:18px 12px 20px}.fx-jtabs .jl{font-size:16px}.jv-chip{font-size:11px}.jv-chip-a{left:0}.jv-chip-b{right:0}.jvisual{padding:28px 18px 40px}.jv-phone{width:200px;height:360px}}

/* calculator */
.fx-calc{padding:clamp(110px,12vw,190px) var(--pad);background:#02070c;border-top:1px solid var(--line)}
.fx-calc-head{max-width:1500px;margin:0 auto 64px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.fx-calc-panel{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--fx-edge);border-radius:22px;overflow:hidden;background:rgba(6,19,33,.7)}
.fc-controls{padding:clamp(28px,3.4vw,56px);display:grid;gap:8px;align-content:start}
.fc-row{padding:22px 0;border-bottom:1px solid rgba(169,199,220,.12)}
.fc-row:first-child{padding-top:0}
.fc-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.fc-top label{font-size:16px;font-weight:650;letter-spacing:-.01em}
.fc-top output{font:750 clamp(26px,2.4vw,38px)/1 var(--display);letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums}
.fc-row small{display:block;margin:6px 0 16px;color:#7f9bb1;font-size:13px}
.fc-row input{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--f:30%}
.fc-row input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan)) 0/var(--f) 100% no-repeat,rgba(169,199,220,.18)}
.fc-row input::-moz-range-track{height:4px;border-radius:2px;background:rgba(169,199,220,.18)}
.fc-row input::-moz-range-progress{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan))}
.fc-row input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--fx-blue);box-shadow:0 0 0 6px rgba(22,103,255,.18),0 0 20px rgba(125,218,255,.7);transition:transform .2s}
.fc-row input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--fx-blue);box-shadow:0 0 20px rgba(125,218,255,.7)}
.fc-row input:active::-webkit-slider-thumb{transform:scale(1.2)}
.fc-row input:focus-visible{outline:none}
.fc-row input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(165,230,255,.6)}
.fc-reset{justify-self:start;margin-top:14px;background:none;border:0;color:#9fc4dc;font-size:13px;font-weight:600;padding:0;border-bottom:1px solid currentColor}
.fc-reset:hover{color:var(--fx-cyan)}
.fc-result{position:relative;padding:clamp(28px,3.4vw,56px);border-left:1px solid var(--fx-edge);background:radial-gradient(ellipse at 70% 0%,rgba(22,103,255,.3),transparent 60%),linear-gradient(180deg,#071b30,#04101d);display:flex;flex-direction:column;overflow:hidden}
.fc-big{display:flex;align-items:flex-start;gap:6px;margin:22px 0 10px;font:900 clamp(96px,11vw,190px)/.85 var(--display);letter-spacing:-.07em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff 30%,#9fdcff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(22,103,255,.45))}
.fc-big span{font-size:.32em;letter-spacing:-.03em;margin-top:.25em}
.fc-sub{margin:0 0 34px;color:#bfd0df;font-size:15px}
.fc-chain{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--fx-edge);border-radius:16px;overflow:hidden}
.fc-chain li{position:relative;padding:16px 14px;display:grid;gap:6px;border-right:1px solid var(--fx-edge);background:rgba(2,12,22,.4)}
.fc-chain li:last-child{border-right:0;background:rgba(22,103,255,.18)}
.fc-chain span{font:500 10px/1.2 var(--fx-mono);letter-spacing:.1em;text-transform:uppercase;color:#7f9bb1}
.fc-chain b{font:750 clamp(17px,1.5vw,22px)/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fc-chain small{font-size:11px;color:#7f9bb1}
.fc-chain li:last-child b{color:var(--fx-cyan)}
.fc-note{margin:auto 0 0;font-size:13px;color:#8fa9bd;line-height:1.6}
.fc-note a{color:var(--fx-cyan);font-weight:600;text-decoration:none}
@media(max-width:1000px){.fx-calc-head{grid-template-columns:1fr}.fx-calc-panel{grid-template-columns:1fr}.fc-result{border-left:0;border-top:1px solid var(--fx-edge)}}
@media(max-width:560px){.fc-chain{grid-template-columns:1fr 1fr}.fc-chain li:nth-child(2){border-right:0}.fc-chain li:nth-child(-n+2){border-bottom:1px solid var(--fx-edge)}}

/* team */
.fx-team{padding:clamp(110px,12vw,190px) var(--pad);background:radial-gradient(ellipse 50% 60% at 15% 60%,rgba(22,103,255,.14),transparent 70%),#030b14;border-top:1px solid var(--line)}
.fx-team-head{max-width:1500px;margin:0 auto 64px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.fx-team-head .bw-eyebrow{grid-column:1/-1;margin-bottom:-6px}
.fx-team-head h2{margin:0}
.fx-team-head p{margin:0;color:#bfd0df;font-size:clamp(16px,1.3vw,20px);line-height:1.6;max-width:520px}
.fx-team-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:24px}
.fx-person{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--fx-edge);border-radius:22px;overflow:hidden;background:rgba(6,19,33,.75)}
.fx-portrait{position:relative;min-height:440px;overflow:hidden;background:#04101d}
.fx-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;filter:saturate(1.1) brightness(.75)}
.fx-portrait.has-photo img{filter:none;object-position:50% 30%}
.fx-mono{position:absolute;left:28px;bottom:16px;font:900 clamp(110px,12vw,190px)/.8 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1.5px rgba(240,250,255,.9);text-shadow:0 0 40px rgba(22,103,255,.5)}
.fx-portrait.has-photo .fx-mono{display:none}
.fx-scanline{position:absolute;left:0;right:0;height:2px;top:0;background:var(--fx-cyan);box-shadow:0 0 18px 2px var(--fx-cyan);animation:fxScanY 4.5s cubic-bezier(.6,0,.4,1) infinite;opacity:.7}
@keyframes fxScanY{0%{top:0}50%{top:100%}100%{top:0}}
.fx-person-body{padding:clamp(28px,3vw,48px);display:flex;flex-direction:column}
.fx-role{font:600 11px/1.4 var(--fx-mono);letter-spacing:.16em;color:var(--fx-cyan)}
.fx-person-body h3{font:800 clamp(40px,4vw,68px)/.95 var(--display);letter-spacing:-.06em;margin:16px 0 20px}
.fx-person-body p{margin:0 0 28px;color:#bfd0df;font-size:16px;line-height:1.7}
.fx-person-facts{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--fx-edge)}
.fx-person-facts li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--fx-edge);font-size:15px}
.fx-person-facts span{font:500 10px/1.6 var(--fx-mono);letter-spacing:.16em;color:#7f9bb1}
.fx-person-facts a{color:#fff;text-decoration:none;font-weight:600}.fx-person-facts a:hover{color:var(--fx-cyan)}
.fx-team-promise{display:grid;gap:24px;align-content:stretch}
.fx-team-promise>div{padding:28px;border:1px solid var(--fx-edge);border-radius:22px;background:rgba(6,19,33,.55);transition:border-color .3s,background .3s}
.fx-team-promise>div:hover{border-color:var(--fx-cyan);background:rgba(22,103,255,.1)}
.fx-team-promise span{font:600 11px/1 var(--fx-mono);letter-spacing:.16em;color:var(--fx-cyan)}
.fx-team-promise h4{font:750 24px/1.05 var(--display);letter-spacing:-.04em;margin:14px 0 10px}
.fx-team-promise p{margin:0;color:#9fb4c9;font-size:15px;line-height:1.6}
@media(max-width:1100px){.fx-team-grid{grid-template-columns:1fr}.fx-team-head{grid-template-columns:1fr}}
@media(max-width:760px){.fx-person{grid-template-columns:1fr}.fx-portrait{min-height:300px}}

/* home closing */
.fx-contact-cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:44px}
.fx-contact-cta .fx-btn{text-decoration:none}
.fx-ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.4);text-decoration:none;font-weight:700;font-size:14px;transition:border-color .3s,color .3s}
.fx-ghost:hover{border-color:var(--fx-cyan);color:var(--fx-cyan)}
@media(prefers-reduced-motion:reduce){.fx-scanline,.jv-chip{animation:none}.fx-jtabs .jbar i{animation:none!important;transform:scaleX(1)}}
.fx-intro-core img{mix-blend-mode:lighten}
.fc-split{margin:0 0 30px}
.fc-split-h{display:block;font:600 10px/1 var(--fx-mono);letter-spacing:.16em;color:#7f9bb1;margin-bottom:14px}
.fc-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:rgba(169,199,220,.1)}
.fc-bar i{display:block;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.s-cost{background:#1d3a55}.s-keep{background:linear-gradient(90deg,#1667ff,#3b8dff)}.s-ads{background:var(--fx-cyan);box-shadow:0 0 16px var(--fx-cyan)}
.fc-legend{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.fc-legend li{display:flex;align-items:center;gap:10px;font-size:14px;color:#bfd0df}
.fc-legend li i{width:10px;height:10px;border-radius:3px;flex:none}
.fc-legend b{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}
.fx-hud-l,.fx-hud-r{padding:6px 10px;border-radius:6px;background:rgba(2,7,12,.72);backdrop-filter:blur(6px)}
@media(max-width:760px){.fx-jtabs button{padding:16px 8px 18px;min-width:0}.fx-jtabs .jl{font-size:13px;letter-spacing:-.02em}}
@media(max-width:380px){.fx-jtabs .jl{font-size:12px}}

/* ───────── V12.2 ───────── */
/* wave intro */
.fx-intro{background:#01060b;cursor:pointer;transition:transform 1.15s cubic-bezier(.76,0,.24,1)}
.fx-intro>.fx-intro-grid,.fx-intro>.fx-intro-core,.fx-intro>.fx-intro-bar,.fx-intro>.fx-intro-count,.fx-intro>.fx-intro-shutter{display:none}
.wi-sea{position:absolute;inset:0;overflow:hidden}
.wi-sea img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 48%;transform-origin:55% 70%;animation:wiRise 2.4s cubic-bezier(.16,.84,.24,1) both}
@keyframes wiRise{0%{transform:translateY(38%) scale(1.45) rotate(2deg);filter:brightness(.25) saturate(.6) blur(6px)}55%{filter:brightness(1.15) saturate(1.25) blur(0)}100%{transform:translateY(0) scale(1.06);filter:brightness(.62) saturate(1.1)}}
.wi-sea::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(1,6,11,.75) 85%),linear-gradient(180deg,rgba(1,6,11,.4),transparent 30%,transparent 70%,rgba(1,6,11,.8))}
.wi-flash{position:absolute;inset:-20%;background:radial-gradient(ellipse 45% 25% at 56% 55%,rgba(220,250,255,.85),transparent 70%);mix-blend-mode:screen;opacity:0;animation:wiFlash 1.3s .45s ease-out both;pointer-events:none}
@keyframes wiFlash{0%{opacity:0;transform:scale(.6)}25%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
.wi-spray{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.wi-core{position:relative;z-index:2;display:grid;justify-items:center;gap:22px;text-align:center;padding:0 22px}
.wi-core img{width:clamp(240px,32vw,480px);height:auto;mix-blend-mode:lighten;filter:drop-shadow(0 0 40px rgba(125,218,255,.55));opacity:0;transform:translateY(30px) scale(.92);animation:wiLogo 1.1s .75s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wiLogo{to{opacity:1;transform:none}}
.wi-core p{margin:0;font:700 clamp(10px,1vw,13px)/1 var(--body);letter-spacing:.36em;color:#e4f6ff;text-shadow:0 2px 14px #000;opacity:0;animation:fxFade .6s 1.35s forwards}
.wi-edge{position:absolute;left:0;right:0;top:100%;width:100%;height:clamp(70px,10vw,160px);margin-top:-1px;fill:#01060b;pointer-events:none}
.wi-edge .foam{fill:none;stroke:#bdf0ff;stroke-width:3;filter:drop-shadow(0 0 8px #7ddaff);opacity:.9}
.fx-intro.is-out{transform:translateY(calc(-100% - 170px));background:#01060b;pointer-events:none}
.fx-intro.is-out .wi-core{opacity:1}

/* the department */
.dp-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--fx-edge);border:1px solid var(--fx-edge);border-radius:22px;overflow:hidden}
.dp-grid>*{background:#04101c;padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column;gap:10px;transition:background .35s}
.dp-grid>*:hover{background:#071a2c}
.dp-lead{grid-column:span 2;grid-row:span 2;background:radial-gradient(ellipse at 20% 0%,rgba(22,103,255,.28),transparent 60%),#05121f!important;justify-content:flex-end}
.dp-n{font:600 11px/1 var(--fx-mono);letter-spacing:.16em;color:var(--fx-cyan)}
.dp-kicker{font:600 11px/1.4 var(--body);letter-spacing:.18em;color:#9fc4dc;margin-top:auto}
.dp-lead h3{font:800 clamp(44px,4.6vw,78px)/.92 var(--display);letter-spacing:-.06em;margin:6px 0 0}
.dp-title{margin:0 0 8px;color:var(--fx-cyan);font-weight:600}
.dp-lead p:not(.dp-title){color:#bfd0df;font-size:16px;line-height:1.7;margin:0;max-width:560px}
.dp-facts{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--fx-edge)}
.dp-facts li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--fx-edge);font-size:15px}
.dp-facts span{font:600 10px/1.8 var(--body);letter-spacing:.18em;color:#7f9bb1}
.dp-facts a{color:#fff;text-decoration:none;font-weight:600}
.dp-role h4{font:750 clamp(20px,1.6vw,25px)/1.05 var(--display);letter-spacing:-.035em;margin:18px 0 4px}
.dp-role p{margin:0;color:#9fb4c9;font-size:14.5px;line-height:1.62}
.dp-flow{max-width:1500px;margin:28px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:f}
.dp-flow li{position:relative;padding:20px 22px 20px 22px;border-radius:16px;border:1px solid var(--fx-edge);background:rgba(6,19,33,.55);display:grid;gap:6px}
.dp-flow li:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--fx-cyan);font-size:16px;z-index:2}
.dp-flow b{font-size:16px}.dp-flow span{font-size:14px;color:#9fb4c9;line-height:1.5}
@media(max-width:1100px){.dp-grid{grid-template-columns:1fr 1fr}.dp-flow{grid-template-columns:1fr 1fr}.dp-flow li:nth-child(2)::after{display:none}}
@media(max-width:640px){.dp-grid{grid-template-columns:1fr}.dp-lead{grid-column:auto;grid-row:auto}.dp-flow{grid-template-columns:1fr}.dp-flow li::after{display:none}}
.fx-team-head{grid-template-columns:1.2fr .8fr}

/* annual programme */
.fx-prog{padding:clamp(110px,12vw,190px) var(--pad);background:linear-gradient(180deg,#02070c,#04101c);border-top:1px solid var(--line)}
.fx-prog-head{max-width:1500px;margin:0 auto 64px;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}
.fx-prog-head h2{font:800 clamp(48px,6.2vw,110px)/.92 var(--display);letter-spacing:-.065em;margin:18px 0 0}
.fx-prog-head h2 em{font-style:normal;color:var(--fx-cyan)}
.fx-prog-head p{margin:0;color:#bfd0df;font-size:clamp(16px,1.3vw,20px);line-height:1.6;max-width:520px}
.fx-prog-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pg-col{position:relative;padding:30px 28px 34px;border-radius:20px;border:1px solid var(--fx-edge);background:rgba(6,19,33,.6);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s}
.pg-col::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan));transform:scaleX(.25);transform-origin:0 50%;transition:transform .5s}
.pg-col:hover{transform:translateY(-6px);border-color:rgba(125,218,255,.55)}.pg-col:hover::before{transform:scaleX(1)}
.pg-when{font:700 11px/1 var(--body);letter-spacing:.2em;color:var(--fx-cyan)}
.pg-col h3{font:780 clamp(28px,2.4vw,40px)/1 var(--display);letter-spacing:-.05em;margin:16px 0 18px}
.pg-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pg-col li{position:relative;padding-left:22px;color:#bfd0df;font-size:15px;line-height:1.5}
.pg-col li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:1.5px;background:var(--fx-cyan)}
.fx-prog-own{max-width:1500px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:18px;align-items:center;padding:26px 28px;border-radius:20px;background:linear-gradient(100deg,rgba(22,103,255,.18),rgba(125,218,255,.06));border:1px solid var(--fx-edge)}
.fx-prog-own div{display:grid;gap:4px}.fx-prog-own b{font-size:16px}.fx-prog-own span{font-size:14px;color:#a9c4d8}
.fx-prog-own .fx-btn{text-decoration:none;white-space:nowrap}
@media(max-width:1100px){.fx-prog-head{grid-template-columns:1fr}.fx-prog-grid{grid-template-columns:1fr 1fr}.fx-prog-own{grid-template-columns:1fr}}
@media(max-width:640px){.fx-prog-grid{grid-template-columns:1fr}}

/* review band, used before the footer on inner pages */
.fx-band{padding:clamp(70px,8vw,120px) var(--pad);background:radial-gradient(ellipse at 85% 0%,rgba(22,103,255,.3),transparent 55%),#030c16;border-top:1px solid var(--line)}
.fx-band-in{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end}
.fx-band h2{font:800 clamp(40px,5vw,84px)/.95 var(--display);letter-spacing:-.06em;margin:16px 0 18px}
.fx-band p{margin:0;color:#bfd0df;font-size:clamp(16px,1.2vw,19px);line-height:1.6;max-width:560px}
.fx-band-act{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
.fx-band .fx-btn,.fx-why .fx-btn{text-decoration:none}
@media(max-width:900px){.fx-band-in{grid-template-columns:1fr}.fx-band-act{justify-content:flex-start}}

/* mobile action bar */
.fx-mbar{display:none}
@media(max-width:760px){
 .fx-mbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:8px;border-radius:999px;background:rgba(3,12,22,.88);border:1px solid var(--fx-edge);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.5);transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
 .fx-mbar.on{transform:none}
 .fx-mbar a{display:grid;place-items:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.25)}
 .fx-mbar a+a{border:0;background:linear-gradient(100deg,#1667ff,#3b8dff 60%,#7ddaff)}
 .site-footer{padding-bottom:96px}
}

/* industry reasons */
.fx-why{padding:clamp(100px,11vw,170px) var(--pad);background:#030b14;border-top:1px solid var(--line)}
.fx-why-in{max-width:1500px;margin:0 auto}
.fx-why-head h2{font:800 clamp(42px,5.4vw,96px)/.93 var(--display);letter-spacing:-.06em;margin:18px 0 56px}
.fx-why-head h2 em,.fx-metrics-head h2 em{font-style:normal;color:var(--fx-cyan)}
.fx-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fx-why-grid>div{padding:28px;border-radius:20px;border:1px solid var(--fx-edge);background:rgba(6,19,33,.6);transition:border-color .3s,transform .4s}
.fx-why-grid>div:hover{border-color:rgba(125,218,255,.55);transform:translateY(-5px)}
.fx-why-grid span{font:600 11px/1 var(--fx-mono);color:var(--fx-cyan);letter-spacing:.16em}
.fx-why-grid h3{font:760 clamp(22px,1.8vw,28px)/1.05 var(--display);letter-spacing:-.04em;margin:18px 0 12px}
.fx-why-grid p{margin:0;color:#a9c4d8;font-size:15px;line-height:1.6}
.fx-why-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
@media(max-width:1100px){.fx-why-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.fx-why-grid{grid-template-columns:1fr}}

/* case study metrics */
.fx-metrics{padding:clamp(100px,11vw,170px) var(--pad);background:radial-gradient(ellipse at 50% 0%,rgba(22,103,255,.22),transparent 60%),#02070c;border-top:1px solid var(--line)}
.fx-metrics-in{max-width:1500px;margin:0 auto}
.fx-metrics-head h2{font:800 clamp(42px,5.4vw,96px)/.93 var(--display);letter-spacing:-.06em;margin:18px 0 56px}
.fx-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--fx-edge);border:1px solid var(--fx-edge);border-radius:22px;overflow:hidden}
.mt{background:#04101c;padding:clamp(26px,2.6vw,40px);display:flex;flex-direction:column;min-height:300px}
.mt-src{align-self:flex-start;font:700 10px/1 var(--body);letter-spacing:.2em;color:var(--fx-cyan);padding:7px 10px;border:1px solid rgba(125,218,255,.4);border-radius:999px}
.mt b{margin-top:auto;font:850 clamp(54px,5.4vw,96px)/.9 var(--display);letter-spacing:-.06em;background:linear-gradient(180deg,#fff 35%,#9fdcff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.mt h3{font:700 18px/1.2 var(--display);letter-spacing:-.02em;margin:16px 0 8px}
.mt p{margin:0;font-size:14px;color:#8fa9bd;line-height:1.5}
.fx-mnote{margin:22px 0 0;max-width:820px;color:#a9c4d8;font-size:15px;line-height:1.6}
@media(max-width:1100px){.fx-mgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.fx-mgrid{grid-template-columns:1fr}.mt{min-height:220px}}

/* contact: what the review covers */
.fx-review-what{margin-top:44px;padding-top:30px;border-top:1px solid var(--fx-edge)}
.fx-review-what ol{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:14px;counter-reset:r}
.fx-review-what li{counter-increment:r;display:grid;grid-template-columns:34px 1fr;gap:2px 10px}
.fx-review-what li::before{content:"0" counter(r);grid-row:span 2;font:600 11px/1.9 var(--fx-mono);color:var(--fx-cyan)}
.fx-review-what b{font-size:16px}.fx-review-what span{font-size:14px;color:#9fb4c9}
.fx-review-what p{margin:0;color:#cfe2ef;font-size:15px}

/* typography polish */
main h2{text-wrap:balance}
main p{text-wrap:pretty}
.fx-btn{white-space:nowrap}
main h2,.fx-contact-side h2{word-spacing:.01em}
.fx-journey-head h2,.fx-calc-head h2,.fx-team-head h2,.fx-prog-head h2{font-size:clamp(42px,5.2vw,92px);line-height:.95}
.fx-why-head h2,.fx-metrics-head h2{font-size:clamp(40px,4.8vw,84px)}
.fx-journey,.fx-calc,.fx-team,.fx-prog{padding-top:clamp(96px,10vw,160px);padding-bottom:clamp(96px,10vw,160px)}
.fx-team-head .bw-eyebrow{margin-bottom:0}
.dp-cta{text-decoration:none;background:linear-gradient(140deg,#1667ff,#0b3f8f 60%,#05121f)!important;justify-content:space-between}
.dp-cta h4{font:780 clamp(22px,1.9vw,30px)/1.05 var(--display);letter-spacing:-.04em;margin:18px 0}
.dp-cta .dp-n{color:#cfeeff}.dp-go{font-weight:700;font-size:14px;color:#fff}
.dp-cta:hover{filter:brightness(1.12)}
.mt b{margin-top:44px}.mt h3{margin-top:auto;padding-top:18px}
@media(max-width:420px){.fx-btn{white-space:normal;text-align:left;min-height:56px;padding:12px 22px}}

/* ───────── V12.3 the year ───────── */
.fx-year{position:relative;height:340vh;background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(22,103,255,.18),transparent 70%),#02070c;border-top:1px solid var(--line)}
.yr-stage{position:sticky;top:0;height:100vh;min-height:640px;max-width:1600px;margin:0 auto;padding:110px var(--pad) 60px;display:grid;grid-template-columns:.95fr 1.05fr .95fr;gap:3vw;align-items:center}
.yr-copy h2{font:800 clamp(40px,4.4vw,80px)/.95 var(--display);letter-spacing:-.065em;margin:18px 0 20px}
.yr-copy h2 em{font-style:normal;color:var(--fx-cyan)}
.yr-copy p{color:#bfd0df;font-size:clamp(15px,1.15vw,18px);line-height:1.6;margin:0 0 28px;max-width:440px}
.yr-copy .fx-btn{text-decoration:none}
.yr-progress{display:flex;align-items:baseline;gap:10px;margin:0 0 30px;font:600 11px/1 var(--body);letter-spacing:.2em;color:#7f9bb1}
.yr-progress b{font:850 clamp(56px,5vw,88px)/.8 var(--display);letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums;min-width:2ch}
.yr-dial{position:relative;aspect-ratio:1;width:min(100%,560px);justify-self:center}
.yr-svg{width:100%;height:100%;overflow:visible}
.yr-track{fill:none;stroke:rgba(125,218,255,.12);stroke-width:2}
.yr-arc{fill:none;stroke:url(#yrg);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--yp,0) * 100);transform:rotate(-90deg);transform-origin:200px 200px;filter:drop-shadow(0 0 10px rgba(125,218,255,.8))}
.yr-tick{stroke:rgba(169,199,220,.35);stroke-width:2;transition:stroke .3s}
.yr-tick.on{stroke:var(--fx-cyan)}
.yr-mo{fill:#6f8aa0;font:600 11px var(--body);text-anchor:middle;dominant-baseline:middle;letter-spacing:.06em}
.yr-orbit{transform:rotate(calc(var(--yp,0) * 360deg));transform-origin:200px 200px}
.yr-dot{fill:#fff;filter:drop-shadow(0 0 12px #7ddaff) drop-shadow(0 0 4px #fff)}
.yr-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;pointer-events:none}
.yr-center span{font:700 11px/1 var(--body);letter-spacing:.24em;color:var(--fx-cyan)}
.yr-center b{font:800 clamp(30px,2.8vw,48px)/1 var(--display);letter-spacing:-.05em;transition:opacity .3s,transform .4s}
.yr-center.swap b{opacity:0;transform:translateY(10px)}
.yr-chips{position:absolute;inset:0;pointer-events:none}
.yr-chip{position:absolute;left:50%;top:50%;font:600 12px/1 var(--body);white-space:nowrap;padding:9px 13px;border-radius:999px;color:#eaf7ff;background:rgba(6,22,40,.9);border:1px solid rgba(125,218,255,.45);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 18px rgba(22,103,255,.3);transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * var(--r,220px))) rotate(calc(-1 * var(--a))) scale(.5);opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.4,1)}
.yr-chip.on{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * var(--r,220px))) rotate(calc(-1 * var(--a))) scale(1)}
.yr-cards{position:relative;min-height:400px}
.yr-card{position:absolute;inset:0 0 auto;padding:34px 32px;border-radius:22px;border:1px solid var(--fx-edge);background:linear-gradient(160deg,rgba(14,40,68,.85),rgba(4,14,24,.9));box-shadow:0 40px 90px -40px rgba(22,103,255,.6);opacity:0;transform:translateY(40px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.yr-card.on{opacity:1;transform:none;pointer-events:auto}
.yr-card.past{opacity:0;transform:translateY(-40px) scale(.96)}
.yr-card h3{font:800 clamp(32px,2.8vw,48px)/1 var(--display);letter-spacing:-.05em;margin:14px 0 22px}
.yr-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.yr-card li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;color:#cfe2ef;font-size:15.5px;line-height:1.45;opacity:0;transform:translateX(-14px);transition:opacity .4s,transform .5s}
.yr-card.on li{opacity:1;transform:none;transition-delay:calc(.25s + var(--d) * .12s)}
.yr-card li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:800;color:#03121f;background:var(--fx-cyan);box-shadow:0 0 12px rgba(125,218,255,.7);transform:scale(0);transition:transform .4s cubic-bezier(.2,1.6,.4,1)}
.yr-card.on li::before{transform:scale(1);transition-delay:calc(.35s + var(--d) * .12s)}
.yr-mobile{display:none}
.fx-year .fx-prog-own{position:absolute;left:var(--pad);right:var(--pad);bottom:40px;max-width:1500px;margin:0 auto;grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){
 .fx-year{height:auto;padding:100px var(--pad) 90px}
 .yr-stage{position:relative;height:auto;min-height:0;padding:0;grid-template-columns:1fr;gap:40px}
 .yr-dial{width:min(100%,380px)}
 .yr-cards{display:none}
 .yr-mobile{display:grid;gap:16px;margin-top:40px}
 .yr-m{padding:26px;border-radius:20px;border:1px solid var(--fx-edge);background:rgba(6,19,33,.7)}
 .yr-m h3{font:800 30px/1 var(--display);letter-spacing:-.05em;margin:12px 0 16px}
 .yr-m ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#bfd0df;font-size:15px}
 .yr-chip{font-size:10px;padding:6px 9px}
 .fx-year .fx-prog-own{position:static;margin-top:16px;grid-template-columns:1fr}
}
@media(max-height:760px) and (min-width:1001px){.fx-year .fx-prog-own{display:none}}

/* ───────── V12.3 the team ───────── */
.fx-team3 .fx-team-head h2{font-size:clamp(42px,5vw,88px)}
.tm-grid{list-style:none;margin:0 auto;padding:0;max-width:1500px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1600px}
.tm-card{position:relative;height:420px;outline:none;opacity:0;transform:translateY(60px) rotateX(18deg);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 80ms)}
.tm-grid.in .tm-card{opacity:1;transform:none}
.tm-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.tm-card:hover .tm-inner,.tm-card:focus-visible .tm-inner,.tm-card.flip .tm-inner{transform:rotateY(180deg)}
.tm-front,.tm-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;border:1px solid var(--fx-edge);padding:28px;display:flex;flex-direction:column;overflow:hidden}
.tm-front{background:radial-gradient(circle at 50% 30%,rgba(22,103,255,.22),transparent 60%),linear-gradient(180deg,#071a2c,#030c16)}
.tm-front::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(190,240,255,.1) 50%,transparent 65%);transform:translateX(-100%);transition:transform 1s}
.tm-card:hover .tm-front::after{transform:translateX(100%)}
.tm-back{transform:rotateY(180deg);background:linear-gradient(160deg,#0d3a75,#05162a 70%);border-color:rgba(125,218,255,.5)}
.tm-n{font:700 11px/1.3 var(--body);letter-spacing:.2em;color:var(--fx-cyan)}
.tm-icon{width:96px;height:96px;margin:26px 0 22px;filter:drop-shadow(0 0 16px rgba(125,218,255,.35))}
.tm-icon svg{width:100%;height:100%;overflow:visible}
.tm-icon .ln{fill:none;stroke:#cdeeff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:240;stroke-dashoffset:240}
.tm-icon .fl{fill:var(--fx-cyan)}
.tm-grid.in .tm-icon .ln{animation:tmDraw 1.6s cubic-bezier(.6,0,.2,1) forwards;animation-delay:calc(.3s + var(--i) * 90ms)}
@keyframes tmDraw{to{stroke-dashoffset:0}}
.tm-icon .pulse{animation:tmPulse 1.8s ease-in-out infinite}
@keyframes tmPulse{50%{opacity:.25}}
.tm-icon .rec{fill:#ff5a6e;animation:tmPulse 1.2s steps(1) infinite}
.tm-icon .bar{transform-box:fill-box;transform-origin:50% 100%;animation:tmBar 2.4s ease-in-out infinite}
.tm-icon .b2{animation-delay:.3s}.tm-icon .b3{animation-delay:.6s}
@keyframes tmBar{50%{transform:scaleY(.7)}}
.tm-icon .ring{transform-box:fill-box;transform-origin:center;animation:tmRing 2.6s ease-out infinite;opacity:.6}
@keyframes tmRing{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.tm-icon .head{animation:tmHead 3s linear infinite}
@keyframes tmHead{0%{transform:translateX(0)}100%{transform:translateX(30px)}}
.tm-icon .flow{stroke-dasharray:4 5!important;stroke-dashoffset:0;animation:tmFlow 1s linear infinite!important}
@keyframes tmFlow{to{stroke-dashoffset:-18}}
.tm-icon .line{stroke:var(--fx-cyan)}
.tm-front h3{font:780 clamp(22px,1.7vw,27px)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 6px}
.tm-who{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--fx-cyan)}
.tm-line{margin:0;color:#9fb4c9;font-size:14.5px;line-height:1.55}
.tm-flip{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.06em;color:#7f9bb1}
.tm-back h4{font:700 12px/1 var(--body);letter-spacing:.18em;color:#cfeeff;margin:22px 0 12px;text-transform:uppercase}
.tm-back ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tm-back li{position:relative;padding-left:22px;font-size:15px;line-height:1.4;color:#fff}
.tm-back li::before{content:"✓";position:absolute;left:0;color:var(--fx-cyan);font-weight:800}
.tm-tools{display:flex;flex-wrap:wrap;gap:8px}
.tm-tools span{font-size:12px;font-weight:600;padding:7px 11px;border-radius:999px;background:rgba(2,12,22,.5);border:1px solid rgba(125,218,255,.35)}
.tm-flow{margin-top:24px}
.tm-flow li{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .7s}
.tm-flow.in li{opacity:1;transform:none}
.tm-flow.in li:nth-child(2){transition-delay:.15s}.tm-flow.in li:nth-child(3){transition-delay:.3s}.tm-flow.in li:nth-child(4){transition-delay:.45s}
@media(max-width:1200px){.tm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tm-grid{grid-template-columns:1fr}.tm-card{height:380px}}
@media(prefers-reduced-motion:reduce){.tm-card,.tm-flow li{opacity:1!important;transform:none!important}.tm-icon .ln{stroke-dashoffset:0}.yr-card li,.yr-card li::before{opacity:1;transform:none}}
.yr-center b{font-size:clamp(24px,2.3vw,38px);max-width:230px;margin:0 auto}
@media(max-width:1100px){.fx-team-head,.fx-team3 .fx-team-head{grid-template-columns:1fr}}
@media(max-width:600px){.yr-chips{display:none}.tm-card{height:430px}}
/* ───────── V12.4 the year without scroll capture ───────── */
.fx-year{height:auto;padding:clamp(100px,10vw,160px) 0 clamp(90px,9vw,140px)}
.yr-stage{position:relative;top:auto;height:auto;min-height:0;padding:0 var(--pad);grid-template-columns:.95fr 1fr .95fr}
.fx-year .fx-prog-own{position:static;margin:56px auto 0;max-width:calc(1500px);width:calc(100% - 2 * var(--pad))}
.yr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 30px;max-width:420px}
.yr-tabs button{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--fx-edge);background:rgba(6,19,33,.6);color:#9fb4c9;font:600 14px/1.1 var(--body);text-align:left;transition:all .3s}
.yr-tabs button i{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;flex:none;transition:all .3s}
.yr-tabs button:hover{color:#fff;border-color:rgba(125,218,255,.5)}
.yr-tabs [aria-selected=true]{color:#fff;background:rgba(22,103,255,.22);border-color:var(--fx-cyan)}
.yr-tabs [aria-selected=true] i{background:var(--fx-cyan);border-color:var(--fx-cyan);box-shadow:0 0 10px var(--fx-cyan)}
.yr-dial{width:min(100%,460px)}
.yr-cards{min-height:430px}
@media(max-width:1000px){.yr-stage{grid-template-columns:1fr;gap:36px}.yr-cards{display:block;min-height:420px}.yr-mobile{display:none}.yr-dial{width:min(100%,340px)}}
@media(max-width:1000px) and (min-width:0){.fx-year{padding-left:0;padding-right:0}}

/* ───────── V12.5 the team as a live network ───────── */
.nw{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;align-items:center}
.nw-map{position:relative;aspect-ratio:1;width:min(100%,640px);justify-self:center}
.nw-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nw-orbit{fill:none;stroke:rgba(125,218,255,.18);stroke-width:1;stroke-dasharray:3 7;transform-origin:300px 300px;animation:nwSpin 60s linear infinite}
.nw-orbit2{fill:none;stroke:rgba(125,218,255,.08);stroke-width:1;transform-origin:300px 300px;animation:nwSpin 40s linear infinite reverse;stroke-dasharray:1 9}
@keyframes nwSpin{to{transform:rotate(360deg)}}
.nw-l{stroke:rgba(125,218,255,.14);stroke-width:1.2;transition:stroke .4s,stroke-width .4s}
.nw-l.on{stroke:rgba(125,218,255,.55);stroke-width:2}
.nw-p{stroke:#bdf0ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 240;stroke-dashoffset:246;opacity:.75;animation:nwPulse 2.6s linear infinite;animation-delay:var(--dl);filter:drop-shadow(0 0 6px #7ddaff)}
.nw-p.on{stroke:#fff;stroke-width:3.5;opacity:1;animation-duration:1.1s;stroke-dasharray:14 232}
@keyframes nwPulse{to{stroke-dashoffset:0}}
.nw-core-glow{fill:rgba(22,103,255,.18);filter:blur(18px);animation:nwBreath 4s ease-in-out infinite;transform-origin:300px 300px}
@keyframes nwBreath{50%{transform:scale(1.35);opacity:.6}}
.nw-core{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;justify-items:center;gap:8px;background:radial-gradient(circle,#0c2a4c,#030c16 70%);border:1px solid rgba(125,218,255,.45);box-shadow:0 0 0 10px rgba(22,103,255,.06),0 0 60px rgba(22,103,255,.45)}
.nw-core img{width:78%;height:auto;mix-blend-mode:lighten}
.nw-core span{font:700 9px/1 var(--body);letter-spacing:.22em;color:var(--fx-cyan)}
.nw-node{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;background:none;border:0;padding:0;color:#9fb4c9;cursor:pointer;width:130px}
.nw-ring{position:relative;display:grid;place-items:center;width:clamp(58px,6vw,76px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0a2440,#030c16 75%);border:1px solid rgba(125,218,255,.35);transition:transform .45s cubic-bezier(.2,1.4,.4,1),border-color .3s,box-shadow .3s}
.nw-ring::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(125,218,255,.0);transition:border-color .3s}
.nw-node .tm-icon{width:56%;height:56%;margin:0;filter:none}
.nw-node .tm-icon .ln{stroke-dashoffset:0;stroke-width:3}
.nw-lab{font:650 12.5px/1.2 var(--body);text-align:center;transition:color .3s;text-shadow:0 2px 10px #000}
.nw-node:hover .nw-ring{transform:scale(1.1);border-color:var(--fx-cyan)}
.nw-node:hover .nw-lab{color:#fff}
.nw-node[aria-pressed=true] .nw-ring{transform:scale(1.22);border-color:#fff;box-shadow:0 0 0 6px rgba(125,218,255,.12),0 0 40px rgba(125,218,255,.75);background:radial-gradient(circle,#1667ff,#06244a 75%)}
.nw-node[aria-pressed=true] .nw-ring::after{border-color:rgba(125,218,255,.6);animation:nwPing 1.8s ease-out infinite}
@keyframes nwPing{from{transform:scale(1);opacity:1}to{transform:scale(1.55);opacity:0}}
.nw-node[aria-pressed=true] .nw-lab{color:#fff}
.nw-node[aria-pressed=true] .tm-icon .ln{stroke:#fff}
.nw-node:focus-visible{outline:none}.nw-node:focus-visible .nw-ring{outline:2px solid #a5e6ff;outline-offset:6px}
.nw-detail{position:relative;min-height:470px}
.nw-d{position:absolute;inset:0 0 auto}
.nw-d[hidden]{display:block!important;visibility:hidden;opacity:0;pointer-events:none}
.nw-d>*{opacity:0;transform:translateY(22px);filter:blur(8px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.nw-d.on>*{opacity:1;transform:none;filter:none}
.nw-d.on>*:nth-child(2){transition-delay:.06s}.nw-d.on>*:nth-child(3){transition-delay:.12s}.nw-d.on>*:nth-child(4){transition-delay:.18s}.nw-d.on>*:nth-child(5){transition-delay:.26s}
.nw-num{display:block;font:850 clamp(64px,7vw,120px)/.8 var(--display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(125,218,255,.7)}
.nw-num i{font-style:normal;font-size:.3em;-webkit-text-stroke:0;color:#4d6a82;letter-spacing:0;margin-left:8px}
.nw-d h3{font:820 clamp(40px,4.2vw,74px)/.95 var(--display);letter-spacing:-.06em;margin:18px 0 10px}
.nw-who{margin:0 0 18px;color:var(--fx-cyan);font-weight:650;font-size:15px}
.nw-line{margin:0 0 30px;color:#c7d8e6;font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:520px}
.nw-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding-top:24px;border-top:1px solid var(--fx-edge)}
.nw-cols span{display:block;font:700 10.5px/1 var(--body);letter-spacing:.2em;color:#7f9bb1;margin-bottom:14px}
.nw-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nw-cols li{position:relative;padding-left:20px;font-size:15px;color:#fff;line-height:1.4}
.nw-cols li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--fx-cyan);box-shadow:0 0 10px var(--fx-cyan)}
.nw-tools li::before{border-radius:2px;background:transparent;border:1.5px solid var(--fx-cyan);box-shadow:none}
.nw-bar{position:absolute;left:0;right:0;bottom:-10px;height:2px;background:rgba(125,218,255,.12)}
.nw-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--fx-blue),var(--fx-cyan));transform-origin:0 50%;transform:scaleX(0)}
.nw.auto .nw-bar i{animation:fxJbar 5s linear forwards}
.nw.manual .nw-bar{opacity:0}
.nw-map{opacity:0;transform:scale(.85) rotate(-12deg);transition:opacity 1s,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.nw.in .nw-map{opacity:1;transform:none}
.nw-node{opacity:0;transition:opacity .5s}
.nw.in .nw-node{opacity:1}
.nw.in .nw-node:nth-of-type(1){transition-delay:.3s}.nw.in .nw-node:nth-of-type(2){transition-delay:.4s}.nw.in .nw-node:nth-of-type(3){transition-delay:.5s}.nw.in .nw-node:nth-of-type(4){transition-delay:.6s}.nw.in .nw-node:nth-of-type(5){transition-delay:.7s}.nw.in .nw-node:nth-of-type(6){transition-delay:.8s}.nw.in .nw-node:nth-of-type(7){transition-delay:.9s}.nw.in .nw-node:nth-of-type(8){transition-delay:1s}
@media(max-width:1100px){.nw{grid-template-columns:1fr;gap:48px}.nw-detail{min-height:440px}}
@media(max-width:620px){.nw-node{width:84px;gap:6px}.nw-lab{font-size:10px}.nw-ring{width:46px}.nw-core{width:28%}.nw-core span{font-size:7px}.nw-cols{grid-template-columns:1fr}.nw-detail{min-height:560px}.nw-map{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.nw-map,.nw-node{opacity:1;transform:none}.nw-p,.nw-orbit,.nw-orbit2{animation:none}}
@media(max-width:620px){.nw-detail{min-height:500px}}