:root{--about-dark:#031326;--about-navy:#071a31;--about-cyan:#2de8fd;--about-muted:#6da7b7;--about-paper:#eef5f7;--about-ink:#0a213c}
.about-page{color:var(--about-ink);background:var(--about-paper)}
.desktop-nav .is-current{color:#fff}
.about-hero{position:relative;min-height:0;padding:194px 0 84px;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 42%,rgba(8,100,144,.7),transparent 38%),repeating-radial-gradient(ellipse at 74% 48%,transparent 0 76px,rgba(85,221,235,.055) 77px 78px),linear-gradient(155deg,#04182d,#020c1c 76%)}
.about-hero-gridlines{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(88,206,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(88,206,226,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 92%)}
.about-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:50px;align-items:center}
.about-hero-copy h1{margin:16px 0 20px;font-size:clamp(58px,5vw,70px);font-weight:500;line-height:.96;letter-spacing:-.065em}
.about-hero-copy h1 em{color:var(--about-cyan);font-style:normal;text-shadow:0 0 30px rgba(45,232,253,.14)}
.about-hero-copy>p:not(.eyebrow){max-width:650px;margin:0 0 24px;color:#bfd3dc;font-size:16px;line-height:1.58}
.about-hero-actions{display:flex;align-items:center;gap:27px}
.about-hero-actions .text-link{position:relative;display:inline-flex;align-items:center;padding:8px 2px;color:#d9edf4;transition:color .22s ease}.about-hero-actions .text-link-label{position:relative;margin-left:0;color:inherit}.about-hero-actions .text-link-label:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:#4cecff;opacity:0;box-shadow:0 0 8px rgba(76,236,255,.55);transform:scaleX(0);transform-origin:left;transition:opacity .22s,transform .25s ease}.about-hero-actions .text-link:hover{color:#fff}.about-hero-actions .text-link:hover .text-link-label:after,.about-hero-actions .text-link:focus-visible .text-link-label:after{opacity:1;transform:scaleX(1)}
.about-wave{position:absolute;z-index:5;left:0;bottom:-1px;width:100%;height:54px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 31 C90 17 145 18 225 29 C310 40 380 13 470 24 C560 37 625 42 715 27 C810 11 875 39 965 27 C1055 14 1115 39 1205 26 C1295 12 1355 21 1440 31 L1440 60 L0 60 Z' fill='%23eef5f7'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.dock-console{position:relative;padding:12px;border:1px solid rgba(87,220,237,.26);border-radius:24px;background:linear-gradient(145deg,rgba(4,31,54,.82),rgba(3,20,40,.76));box-shadow:0 32px 75px rgba(0,0,0,.3),inset 0 0 65px rgba(30,177,210,.07);backdrop-filter:blur(10px)}
.dock-console-head{display:flex;align-items:center;justify-content:space-between;color:#82aab9;font-size:8px;font-weight:800;letter-spacing:.14em}.dock-console-head b{color:#9cebf1;font-size:8px}.dock-console-head b i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 12px var(--about-cyan);animation:dockBlink 1.8s ease-in-out infinite}
.dock-field{position:relative;height:270px;margin:12px 0 0;overflow:hidden;border:1px solid rgba(84,184,207,.17);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(28,164,195,.16),transparent 30%),linear-gradient(180deg,rgba(7,31,54,.96),rgba(3,18,35,.98))}
.dock-field:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(70,205,227,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(70,205,227,.1) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000,transparent 79%)}
.dock-orbits,.dock-orbits i{position:absolute;left:50%;top:50%;border:1px solid rgba(45,232,253,.12);border-radius:50%;transform:translate(-50%,-50%)}.dock-orbits{width:225px;height:225px}.dock-orbits i:nth-child(1){width:170px;height:170px}.dock-orbits i:nth-child(2){width:112px;height:112px}.dock-orbits i:nth-child(3){width:58px;height:58px;border-color:rgba(45,232,253,.24);box-shadow:0 0 25px rgba(45,232,253,.08)}
.dock-links{position:absolute;inset:0;width:100%;height:100%}.dock-links path{fill:none;stroke:rgba(65,224,239,.6);stroke-width:1.3;stroke-dasharray:5 9;filter:drop-shadow(0 0 4px rgba(45,232,253,.48));animation:dockSignal 2.6s linear infinite}.dock-links path:nth-child(2){animation-delay:-.65s}.dock-links path:nth-child(3){animation-delay:-1.3s}.dock-links path:nth-child(4){animation-delay:-1.95s}
.dock-module{position:absolute;z-index:3;display:grid;width:108px;min-height:48px;padding:8px 9px 7px;grid-template-columns:7px 1fr;gap:2px 6px;align-items:center;border:1px solid rgba(84,221,236,.34);border-radius:12px;color:#effeff;background:rgba(5,38,61,.92);box-shadow:0 13px 28px rgba(0,0,0,.22)}.dock-module>i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 11px var(--about-cyan)}.dock-module b{font-size:8px;line-height:1.15}.dock-module small{color:#719eae;font-size:5px;font-weight:800;letter-spacing:.12em}.dock-module-a{left:3%;top:8%}.dock-module-b{right:3%;top:8%}.dock-module-c{left:3%;bottom:14%}.dock-module-d{right:3%;bottom:14%}
.dock-vessel{position:absolute;z-index:4;left:50%;top:50%;width:148px;transform:translate(-50%,-51%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.32))}.dock-vessel svg{display:block;width:100%;overflow:visible}.dock-vessel .dock-halo{fill:rgba(45,232,253,.035);stroke:rgba(45,232,253,.16);stroke-width:1}.dock-vessel .dock-hull{fill:#073554;stroke:#55e7f1;stroke-width:2}.dock-vessel .dock-cabin{fill:#061d35;stroke:#3ecedf;stroke-width:1.5}.dock-vessel circle{fill:#0b5972;stroke:#5ceaf3;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(45,232,253,.6))}.dock-vessel .dock-axis,.dock-vessel .dock-port{fill:none;stroke:#48dce9;stroke-width:2;stroke-linecap:round}.dock-vessel text{fill:#eaffff;font:800 11px Manrope,Arial,sans-serif;letter-spacing:.12em}.dock-vessel>span{position:absolute;left:50%;bottom:3px;color:#66cbd8;font-size:5px;font-weight:800;letter-spacing:.16em;white-space:nowrap;transform:translateX(-50%)}
.dock-status{position:absolute;z-index:5;left:50%;bottom:8px;display:flex;width:68%;min-height:26px;padding:0 11px;align-items:center;border:1px solid rgba(69,207,226,.19);border-radius:999px;color:#7ba9b7;background:rgba(3,24,43,.8);font-size:6px;font-weight:800;letter-spacing:.11em;transform:translateX(-50%)}.dock-status i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 9px var(--about-cyan)}.dock-status b{margin-left:auto;color:#72e9f3;font-size:6px}
.dock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dock-stats div{padding:7px 9px;border:1px solid rgba(102,181,203,.13);border-radius:10px;background:rgba(10,38,62,.48)}.dock-stats span,.dock-stats b{display:block}.dock-stats span{color:#7196a7;font-size:5px;letter-spacing:.12em}.dock-stats b{margin-top:3px;color:#dffcff;font-size:9px}
@keyframes dockSignal{to{stroke-dashoffset:-28}}@keyframes dockBlink{50%{opacity:.38;box-shadow:0 0 5px var(--about-cyan)}}
.crew-radar{position:relative;padding:22px;border:1px solid rgba(87,220,237,.28);border-radius:32px;background:rgba(3,24,43,.8);box-shadow:0 35px 80px rgba(0,0,0,.3),inset 0 0 70px rgba(30,177,210,.08);backdrop-filter:blur(10px)}
.crew-radar-head{display:flex;align-items:center;justify-content:space-between;color:#8db9c5;font-size:9px;font-weight:800;letter-spacing:.13em}
.crew-radar-head b{color:#9cebf1;font-size:8px}.crew-radar-head b i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 12px var(--about-cyan)}
.crew-radar-field{position:relative;height:390px;margin:17px 0 14px;overflow:hidden;border:1px solid rgba(84,184,207,.18);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(25,148,184,.14),transparent 52%),#06162b}
.crew-rings,.crew-rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(45,232,253,.16);border-radius:50%;transform:translate(-50%,-50%)}
.crew-rings{width:360px;height:360px}.crew-rings i:nth-child(1){width:250px;height:250px}.crew-rings i:nth-child(2){width:150px;height:150px}.crew-rings i:nth-child(3){width:58px;height:58px}
.crew-sweep{position:absolute;left:50%;top:50%;width:45%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--about-cyan),transparent);animation:aboutRadar 7s linear infinite}
@keyframes aboutRadar{to{transform:rotate(360deg)}}
.crew-core{position:absolute;left:50%;top:50%;display:grid;width:92px;height:92px;place-items:center;align-content:center;transform:translate(-50%,-50%);border:1px solid rgba(45,232,253,.55);border-radius:50%;background:#082d47;box-shadow:0 0 28px rgba(45,232,253,.16)}
.crew-core strong{color:#fff;font-size:23px}.crew-core small{margin-top:4px;color:#74dce7;font-size:7px;letter-spacing:.11em}
.crew-node{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(85,218,234,.25);border-radius:10px;color:#c8e1e7;background:rgba(6,43,68,.88);font-size:9px;font-weight:700;box-shadow:0 10px 23px rgba(0,0,0,.2)}
.crew-node i{width:7px;height:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 11px var(--about-cyan)}
.crew-node-a{left:8%;top:20%}.crew-node-b{right:7%;top:29%}.crew-node-c{right:11%;bottom:18%}.crew-node-d{left:10%;bottom:25%}
.crew-radar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.crew-radar-stats div{padding:12px;border:1px solid rgba(102,181,203,.14);border-radius:13px;background:rgba(10,38,62,.5)}.crew-radar-stats span,.crew-radar-stats b{display:block}.crew-radar-stats span{color:#7397a9;font-size:7px;letter-spacing:.12em}.crew-radar-stats b{margin-top:5px;color:#dffcff;font-size:13px}
.about-intro,.about-results{padding:112px 0;background:var(--about-paper)}
.about-intro-grid,.about-section-head,.film-head{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end;margin-bottom:52px}
.about-intro h2,.about-section-head h2,.about-route h2,.film-head h2,.about-cta h2{margin:0;font-size:clamp(48px,5vw,72px);font-weight:500;line-height:.98;letter-spacing:-.06em}
.about-intro h2 em,.about-section-head h2 em{color:var(--about-muted);font-style:normal}
.about-intro-copy{padding:4px 0 4px 24px;border-left:2px solid var(--about-muted)}.about-intro-copy p{margin:0;color:#5f7683;font-size:15px;line-height:1.75}.about-intro-copy p+p{margin-top:17px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-grid article{display:flex;min-height:300px;padding:27px 29px;flex-direction:column;border:1px solid rgba(59,145,166,.2);border-radius:24px;background:#fff;box-shadow:0 0 28px rgba(45,232,253,.035);transition:.28s}.value-grid article:hover{transform:translateY(-5px);border-color:rgba(45,205,226,.52);box-shadow:0 20px 42px rgba(10,69,91,.13),0 0 25px rgba(45,232,253,.09)}.value-grid article>span{color:#378b9f;font-size:10px;font-weight:800;letter-spacing:.14em}.value-icon{display:grid;width:60px;height:60px;margin:28px 0 22px;place-items:center;border:1px solid #b9e4eb;border-radius:17px;color:#0b5675;background:#edfafd;font-size:26px}.value-grid h3{margin:0 0 11px;font-size:24px}.value-grid p{margin:0;color:#637b88;font-size:14px;line-height:1.65}.value-grid .value-dark{color:#fff;border-color:rgba(45,232,253,.3);background:#0a2741}.value-grid .value-dark:hover{border-color:rgba(45,232,253,.5);background:#0d3552;box-shadow:0 20px 44px rgba(3,28,51,.22),0 0 30px rgba(45,232,253,.14)}.value-dark>span{color:#75ddea}.value-dark .value-icon{color:#041326;border-color:transparent;background:var(--about-cyan);box-shadow:0 0 20px rgba(45,232,253,.12)}.value-dark p{color:#aec2ce}
.about-route{position:relative;padding:120px 0;overflow:hidden;color:#fff;background:linear-gradient(145deg,#06152a,#082f50)}.about-route:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 78% 30%,rgba(45,232,253,.09),transparent 25%),repeating-radial-gradient(ellipse at 78% 50%,transparent 0 73px,rgba(67,180,215,.05) 74px 75px)}.about-route-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-route h2 em{color:var(--about-muted);font-style:normal;text-shadow:none}.about-route-copy>p:not(.kicker){color:#aec1cd;font-size:15px;line-height:1.72}.about-route blockquote{margin:30px 0 0;padding:4px 0 4px 21px;border-left:2px solid #4b9aac;color:#c7dbe2;font-size:15px;line-height:1.7}
.route-steps{display:flex;flex-direction:column-reverse}.route-steps article{position:relative;display:grid;grid-template-columns:78px 1fr 12px;gap:20px;align-items:center;min-height:124px;padding:20px 23px;border-bottom:1px solid rgba(79,177,203,.22);transition:.25s}.route-steps article:last-child{border-top:1px solid rgba(79,177,203,.22)}.route-steps article:hover,.route-steps .is-active{padding-left:31px;background:linear-gradient(90deg,rgba(45,232,253,.065),transparent 76%)}.route-steps article>b{color:#6da7b7;font-size:16px}.route-steps span{color:#61cad8;font-size:9px;font-weight:800;letter-spacing:.12em}.route-steps h3{margin:7px 0 5px;font-size:20px}.route-steps p{margin:0;color:#9db7c2;font-size:12px;line-height:1.5}.route-steps article>i{width:8px;height:8px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 13px rgba(45,232,253,.72)}
.about-section-head>p,.film-head>p{margin:0 0 6px;padding:4px 0 4px 22px;border-left:2px solid var(--about-muted);color:#637b88;font-size:15px;line-height:1.7}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #cadfe5;border-radius:28px;background:#fff;box-shadow:0 25px 60px rgba(8,47,67,.08)}.result-grid article{display:flex;min-height:240px;padding:34px;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid #d6e5e9;text-align:center}.result-grid article:last-child{border:0}.result-grid strong{display:block;color:#138ca5;font-size:clamp(44px,4vw,63px);font-weight:600;letter-spacing:-.06em}.result-grid span{display:block;max-width:230px;margin-top:17px;color:#536d79;font-size:15px;line-height:1.55;text-align:center}
.about-film{padding:120px 0;background:#031326;color:#fff}.film-head h2 em{color:var(--about-muted);font-style:normal;text-shadow:none}.film-head>p{color:#a8c0ca;border-left-color:#4fddea}.film-shell{position:relative;overflow:hidden;border:1px solid rgba(70,214,232,.3);border-radius:32px;background:#04182c;box-shadow:0 35px 85px rgba(0,0,0,.32),0 0 45px rgba(45,232,253,.06)}.film-shell video{display:block;width:100%;aspect-ratio:16/9;background:#020c1c;object-fit:cover}.film-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;min-width:180px;padding:0;border:0;color:#fff;background:transparent;place-items:center;transform:translate(-50%,-50%);cursor:pointer;text-shadow:0 2px 18px rgba(0,0,0,.7)}.film-play span{display:grid;width:82px;height:82px;margin-bottom:14px;place-items:center;padding-left:5px;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#06182c;background:rgba(45,232,253,.94);box-shadow:0 0 34px rgba(45,232,253,.32);font-size:25px;transition:.25s}.film-play:hover span{transform:scale(1.07);background:#7af4ff}.film-play b{font-size:14px}.film-play small{margin-top:4px;color:#c8e6ea;font-size:9px}.is-started .film-play{opacity:0;visibility:hidden}.film-frame{position:absolute;z-index:2;left:19px;right:19px;top:17px;display:flex;justify-content:space-between;color:#e1fbfd;font-size:8px;font-weight:800;letter-spacing:.14em;pointer-events:none}.film-frame b{color:#7cf4ff}.film-frame b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 11px var(--about-cyan)}
.about-cta{padding:100px 0;background:#edf4f6}.about-cta-card{display:grid;grid-template-columns:1fr auto;gap:65px;align-items:center;padding:54px 60px;border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 35%,rgba(20,113,150,.55),transparent 35%),linear-gradient(145deg,#071a34,#062c4b);box-shadow:0 26px 68px rgba(5,35,58,.15)}.about-cta h2{font-size:clamp(47px,4.4vw,65px)}.about-cta h2 em{color:var(--about-cyan);font-style:normal}.about-cta p:not(.kicker){max-width:620px;margin:21px 0 0;color:#afc5ce;font-size:15px;line-height:1.7}
@media(max-width:1050px){.about-hero{padding-top:185px}.about-hero-grid{grid-template-columns:1fr;gap:45px}.about-hero-copy{max-width:800px}.dock-console{width:100%;max-width:740px}.about-route-grid{grid-template-columns:1fr;gap:55px}.result-grid{grid-template-columns:repeat(2,1fr)}.result-grid article:nth-child(2){border-right:0}.result-grid article:nth-child(-n+2){border-bottom:1px solid #d6e5e9}.about-cta-card{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){.about-hero{min-height:auto;padding:120px 0 92px}.about-hero-grid{width:min(100% - 28px,1180px);gap:34px}.about-hero-copy h1{font-size:clamp(43px,12.4vw,57px)}.about-hero-copy>p:not(.eyebrow){font-size:15px}.about-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.crew-radar{padding:16px;border-radius:24px}.crew-radar-field{height:320px}.crew-rings{width:290px;height:290px}.crew-node{padding:7px 9px;font-size:7px}.crew-node-a{left:3%;top:18%}.crew-node-b{right:2%;top:28%}.crew-node-c{right:4%;bottom:17%}.crew-node-d{left:5%;bottom:24%}.crew-radar-stats{gap:6px}.crew-radar-stats div{padding:10px}.crew-radar-stats b{font-size:10px}.about-intro,.about-results,.about-film{padding:82px 0}.about-intro-grid,.about-section-head,.film-head{grid-template-columns:1fr;gap:26px;margin-bottom:38px}.about-intro h2,.about-section-head h2,.about-route h2,.film-head h2,.about-cta h2{font-size:43px}.about-intro-copy{padding-left:18px}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:270px}.value-icon{margin:25px 0 20px}.about-route{padding:84px 0}.route-steps article{grid-template-columns:65px 1fr 9px;padding:18px 10px}.route-steps article:hover,.route-steps .is-active{padding-left:16px}.result-grid{grid-template-columns:1fr}.result-grid article{min-height:185px;border-right:0;border-bottom:1px solid #d6e5e9}.result-grid article:nth-child(2){border-bottom:1px solid #d6e5e9}.film-shell{border-radius:20px}.film-play span{width:64px;height:64px}.about-cta{padding:72px 0}.about-cta-card{width:min(100% - 28px,1180px);padding:30px 25px}.about-cta .button{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.crew-sweep{animation:none}.value-grid article,.film-play span{transition:none}}
/* Accessible body copy on light cards. */
.value-grid article:not(.value-dark) p{color:#58717f}

@media(max-width:760px){
  .dock-console{padding:14px;border-radius:23px}
  .dock-console-head{font-size:6px}.dock-console-head b{font-size:6px}
  .dock-field{height:300px;margin:12px 0 10px;border-radius:18px}
  .dock-orbits{width:250px;height:250px}.dock-orbits i:nth-child(1){width:188px;height:188px}.dock-orbits i:nth-child(2){width:126px;height:126px}.dock-orbits i:nth-child(3){width:62px;height:62px}
  .dock-module{width:104px;min-height:49px;padding:8px 9px 7px;grid-template-columns:7px 1fr;gap:2px 6px;border-radius:11px}.dock-module>i{width:6px;height:6px}.dock-module b{font-size:8px}.dock-module small{font-size:5px}
  .dock-module-a{left:3%;top:8%}.dock-module-b{right:3%;top:8%}.dock-module-c{left:3%;bottom:14%}.dock-module-d{right:3%;bottom:14%}
  .dock-vessel{width:145px}.dock-vessel>span{font-size:5px}
  .dock-status{width:82%;font-size:5px}.dock-status b{font-size:5px}
  .dock-stats{gap:5px}.dock-stats div{padding:9px 8px}.dock-stats span{font-size:5px}.dock-stats b{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.dock-links path,.dock-console-head b i{animation:none}}

/* About page refinements: compact hero, meaningful joint-course visual and proof. */
.dock-signal{position:absolute;z-index:3;display:grid;width:132px;min-height:46px;padding:9px 11px;grid-template-columns:8px 1fr;gap:7px;align-items:center;border:1px solid rgba(84,221,236,.34);border-radius:12px;color:#effeff;background:rgba(5,38,61,.93);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.dock-signal>i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 10px var(--about-cyan)}
.dock-signal b{font-size:11px;line-height:1.2}.dock-signal small{display:none}
.dock-signal-a{left:3%;top:8%}.dock-signal-b{right:3%;top:8%}.dock-signal-c{left:50%;bottom:38px;transform:translateX(-50%)}
.dock-pair{position:absolute;z-index:4;left:50%;top:53%;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}
.dock-craft{position:relative;display:grid;width:92px;height:46px;place-items:center;border:1px solid rgba(84,230,240,.72);color:#e9feff;background:linear-gradient(135deg,#0a4965,#062c4a);box-shadow:0 10px 25px rgba(0,0,0,.26),0 0 18px rgba(45,232,253,.08);font-size:8px;font-weight:800;letter-spacing:.08em}
.dock-craft-client{border-radius:23px 8px 8px 23px;clip-path:polygon(0 15%,82% 15%,100% 50%,82% 85%,0 85%)}
.dock-craft-deepdive{border-radius:8px 23px 23px 8px;clip-path:polygon(18% 15%,100% 15%,100% 85%,18% 85%,0 50%)}
.dock-craft i{position:absolute;top:50%;width:7px;height:7px;border:1px solid #6df3fb;border-radius:50%;background:#0b5870;transform:translateY(-50%);box-shadow:0 0 8px rgba(45,232,253,.55)}.dock-craft-client i{right:9px}.dock-craft-deepdive i{left:9px}
.dock-point{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(84,230,240,.65);border-radius:50%;color:#021425;background:var(--about-cyan);box-shadow:0 0 20px rgba(45,232,253,.3)}.dock-point i{position:absolute;width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--about-cyan),transparent)}.dock-point b{position:relative;font-size:13px}
.dock-status{min-height:28px;font-size:7px}.dock-status b{font-size:7px}
.value-icon svg{width:34px;height:34px}
.route-steps article{grid-template-columns:82px 1fr 12px;min-height:132px;padding:22px 23px}.route-steps article>b{font-size:18px}.route-steps span{font-size:13px;letter-spacing:.07em}.route-steps h3{margin:8px 0 6px;font-size:22px}.route-steps p{color:#a9c0ca;font-size:14px;line-height:1.55}
.film-shell:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,rgba(2,15,31,.74),rgba(4,43,70,.58));pointer-events:none;transition:opacity .35s}.film-shell.is-started:after{opacity:0}

@media(max-width:1050px){.about-hero-grid{gap:38px}}
@media(max-width:760px){.about-hero{padding:112px 0 76px}.about-hero-grid{gap:26px}.about-hero-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:18px}.dock-field{height:280px}.dock-signal{width:118px;padding:8px 9px}.dock-signal b{font-size:10px}.dock-signal-a,.dock-signal-b{top:8%}.dock-signal-c{bottom:40px}.dock-pair{top:52%}.dock-craft{width:78px;height:42px;font-size:7px}.dock-status{width:88%;font-size:6px}.dock-status b{font-size:6px}.route-steps article{grid-template-columns:72px 1fr 9px;padding:19px 10px}.route-steps article>b{font-size:16px}.route-steps span{font-size:12px}.route-steps h3{font-size:20px}.route-steps p{font-size:13px}}
@media(max-width:360px){.about-hero-actions{align-items:flex-start;flex-direction:column}}

/* A single glanceable partnership visual. */
.partnership-vessels{position:absolute;z-index:4;left:50%;top:48%;display:flex;align-items:center;gap:13px;transform:translate(-50%,-50%)}
.dock-field:after{content:"";position:absolute;z-index:2;left:50%;top:48%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(108,244,255,.24) 0,rgba(45,232,253,.1) 28%,rgba(45,232,253,.025) 54%,transparent 72%);filter:blur(3px);transform:translate(-50%,-50%);animation:partnershipGlow 3.2s ease-in-out infinite}
.partner-vessel{position:relative;display:flex;width:158px;height:86px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(92,235,244,.72);color:#effeff;background:linear-gradient(145deg,#0b4e69,#072d4a);box-shadow:0 18px 34px rgba(0,0,0,.3),0 0 28px rgba(45,232,253,.09)}
.partner-vessel-client{padding-right:17px;border-radius:44px 13px 13px 44px;clip-path:polygon(0 9%,80% 9%,100% 50%,80% 91%,0 91%)}
.partner-vessel-deepdive{padding-left:17px;border-radius:13px 44px 44px 13px;clip-path:polygon(20% 9%,100% 9%,100% 91%,20% 91%,0 50%)}
.partner-vessel strong{font-size:14px;letter-spacing:.08em}.partner-vessel>span{margin-top:6px;color:#8cb8c5;font-size:7px;font-weight:800;letter-spacing:.12em}
.partner-vessel-lights{position:absolute;top:14px;display:flex;gap:5px}.partner-vessel-client .partner-vessel-lights{left:28px}.partner-vessel-deepdive .partner-vessel-lights{right:28px}.partner-vessel-lights i{width:6px;height:6px;border:1px solid #76eff7;border-radius:50%;background:#0a657e}.partner-vessel-lights i:first-child{background:var(--about-cyan);box-shadow:0 0 9px rgba(45,232,253,.72)}
.partnership-lock{position:relative;z-index:5;width:48px;height:48px;flex:0 0 48px}.partnership-lock:before{content:"";position:absolute;left:-38px;right:-38px;top:50%;height:3px;background:linear-gradient(90deg,transparent 0,rgba(45,232,253,.55) 18%,#b8fbff 50%,rgba(45,232,253,.55) 82%,transparent 100%);box-shadow:0 0 15px rgba(45,232,253,.72)}.partnership-lock:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#d9fdff;box-shadow:0 0 12px #8ef6ff,0 0 32px rgba(45,232,253,.78),0 0 58px rgba(45,232,253,.38);transform:translate(-50%,-50%)}.partnership-lock i{position:absolute;z-index:1;top:50%;width:31px;height:31px;border:2px solid #9af8fd;border-radius:50%;background:rgba(5,50,75,.66);box-shadow:0 0 26px rgba(45,232,253,.42);transform:translateY(-50%);animation:partnershipRings 3.2s ease-in-out infinite}.partnership-lock i:first-child{left:-1px}.partnership-lock i:last-child{right:-1px}
.partnership-caption{position:absolute;z-index:5;left:50%;bottom:23px;display:flex;min-width:285px;min-height:34px;padding:0 16px;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(69,207,226,.22);border-radius:999px;color:#dff9fc;background:rgba(3,24,43,.84);transform:translateX(-50%)}.partnership-caption i{width:7px;height:7px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 10px var(--about-cyan)}.partnership-caption b,.partnership-caption span{font-size:8px;letter-spacing:.1em}.partnership-caption span{color:#73cfdc}
@keyframes partnershipGlow{50%{opacity:.68;transform:translate(-50%,-50%) scale(.9)}}@keyframes partnershipRings{50%{border-color:#d4fdff;box-shadow:0 0 34px rgba(45,232,253,.62)}}
@media(max-width:760px){.partnership-vessels{gap:7px}.partner-vessel{width:118px;height:72px}.partner-vessel strong{font-size:11px}.partner-vessel>span{font-size:6px}.partner-vessel-client{padding-right:13px}.partner-vessel-deepdive{padding-left:13px}.partner-vessel-client .partner-vessel-lights{left:21px}.partner-vessel-deepdive .partner-vessel-lights{right:21px}.partnership-lock{width:38px;height:38px;flex-basis:38px}.partnership-lock i{width:24px;height:24px}.partnership-caption{min-width:245px}.partnership-caption b,.partnership-caption span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.dock-field:after,.partnership-lock i{animation:none}}

/* Two connected bathyscaphes ascending as one expedition. */
.dock-console:has(.ascent-group){padding:12px}.dock-console:has(.ascent-group) .dock-field{height:294px;margin:0}
.ascent-stream{position:absolute;z-index:1;left:57%;top:-4px;width:260px;height:250px;background:linear-gradient(180deg,rgba(143,248,255,.25),rgba(45,232,253,.07) 46%,transparent 82%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform:translateX(-50%)}
.ascent-stream:before{content:"";position:absolute;left:50%;top:14px;width:142px;height:2px;border:0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(146,248,255,.46) 16%,#d7fdff 50%,rgba(146,248,255,.46) 84%,transparent);box-shadow:0 0 8px rgba(45,232,253,.55),0 0 24px rgba(45,232,253,.28);transform:translateX(-50%);animation:surfaceShimmer 3.4s ease-in-out infinite}
.ascent-stream:after{content:"";position:absolute;left:50%;top:0;width:190px;height:44px;border-radius:50%;background:radial-gradient(ellipse,rgba(205,253,255,.3) 0,rgba(45,232,253,.12) 35%,transparent 72%);filter:blur(5px);transform:translateX(-50%);animation:surfaceGlow 3.4s ease-in-out infinite}
.ascent-group{position:absolute;z-index:4;left:50%;top:47%;width:380px;height:190px;transform:translate(-50%,-50%)}
.bathyscaphe{position:absolute;width:132px;height:136px;filter:drop-shadow(0 20px 27px rgba(0,0,0,.36));animation:bathyscapheFloat 4.2s ease-in-out infinite}
.bathyscaphe-client{left:24px;top:48px}.bathyscaphe-deepdive{right:20px;top:4px;animation-delay:-1.05s}
.bathyscaphe-dome{position:absolute;z-index:2;left:50%;top:0;width:76px;height:40px;border:2px solid #8df5fb;border-bottom:0;border-radius:42px 42px 9px 9px;background:linear-gradient(180deg,rgba(72,215,233,.4),rgba(6,48,73,.94));transform:translateX(-50%);box-shadow:inset 0 0 18px rgba(45,232,253,.2),0 0 18px rgba(45,232,253,.13)}
.bathyscaphe-dome:after{content:"";position:absolute;left:50%;top:8px;width:28px;height:10px;border-top:1px solid rgba(204,253,255,.62);border-radius:50%;transform:translateX(-50%)}
.bathyscaphe-hull{position:absolute;z-index:3;left:50%;top:32px;display:flex;width:128px;height:82px;align-items:center;justify-content:center;gap:10px;border:2px solid #70edf5;border-radius:42px 42px 49px 49px;color:#f1feff;background:linear-gradient(145deg,#0c5d78,#072d4a);transform:translateX(-50%);box-shadow:inset 0 -22px 34px rgba(1,17,32,.23),0 0 17px rgba(45,232,253,.08)}
.bathyscaphe-hull:before,.bathyscaphe-hull:after{content:"";position:absolute;top:31px;width:18px;height:31px;border:1px solid rgba(102,235,244,.72);background:#083b58}.bathyscaphe-hull:before{left:-15px;border-radius:14px 3px 3px 14px}.bathyscaphe-hull:after{right:-15px;border-radius:3px 14px 14px 3px}
.bathyscaphe-hull i{width:16px;height:16px;border:1px solid #b3fbff;border-radius:50%;background:radial-gradient(circle at 36% 30%,#5ceaf4,#09627c 48%,#073b5a 72%);box-shadow:inset 0 0 5px rgba(219,254,255,.45),0 0 10px rgba(45,232,253,.52)}.bathyscaphe-hull strong{position:absolute;left:50%;bottom:9px;font-size:8px;letter-spacing:.11em;transform:translateX(-50%)}
.bathyscaphe-thrust{position:absolute;z-index:1;left:50%;top:108px;width:58px;height:32px;background:linear-gradient(180deg,rgba(98,241,251,.46),rgba(45,232,253,.08) 60%,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);transform:translateX(-50%);filter:blur(1.4px)}
.ascent-link{position:absolute;z-index:5;left:132px;top:91px;width:132px;height:57px;border-top:2px solid rgba(183,251,255,.92);border-radius:50% 50% 0 0;transform:rotate(-15deg);filter:drop-shadow(0 0 7px rgba(45,232,253,.78))}.ascent-link:before,.ascent-link:after{content:"";position:absolute;top:-7px;width:11px;height:11px;border:2px solid #b6fbff;border-radius:50%;background:#07506a;box-shadow:0 0 11px rgba(45,232,253,.64)}.ascent-link:before{left:-3px}.ascent-link:after{right:-3px}.ascent-link i,.ascent-link b{position:absolute;top:-4px;width:7px;height:7px;border-radius:50%;background:#e1feff;box-shadow:0 0 8px #8ff8ff,0 0 17px rgba(45,232,253,.8);animation:ascentPulse 2.4s linear infinite}.ascent-link i{left:21%}.ascent-link b{left:21%;animation-delay:-1.2s}
.ascent-bubbles{position:absolute;z-index:2;left:50%;bottom:36px;width:330px;height:92px;transform:translateX(-50%)}.ascent-bubbles i{position:absolute;border:1px solid rgba(97,232,243,.55);border-radius:50%;animation:ascentBubble 3.8s ease-in-out infinite}.ascent-bubbles i:nth-child(1){left:8%;bottom:1px;width:9px;height:9px}.ascent-bubbles i:nth-child(2){left:23%;bottom:28px;width:5px;height:5px;animation-delay:-1.4s}.ascent-bubbles i:nth-child(3){left:44%;bottom:3px;width:10px;height:10px;animation-delay:-2.2s}.ascent-bubbles i:nth-child(4){right:22%;bottom:38px;width:6px;height:6px;animation-delay:-.8s}.ascent-bubbles i:nth-child(5){right:7%;bottom:9px;width:9px;height:9px;animation-delay:-1.9s}
.dock-console:has(.ascent-group) .partnership-caption{bottom:16px;min-width:205px}.dock-console:has(.ascent-group) .partnership-caption b{font-size:8px}
@keyframes bathyscapheFloat{50%{transform:translateY(-6px)}}@keyframes ascentBubble{0%{opacity:.18;transform:translateY(8px) scale(.72)}38%{opacity:.8}100%{opacity:.08;transform:translateY(-34px) scale(1.08)}}@keyframes ascentPulse{0%{left:10%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:90%;opacity:0}}@keyframes surfaceShimmer{0%,100%{opacity:.58;transform:translateX(-50%) scaleX(.84)}50%{opacity:1;transform:translateX(-50%) scaleX(1.08)}}@keyframes surfaceGlow{0%,100%{opacity:.48;transform:translateX(-50%) scale(.9)}50%{opacity:.9;transform:translateX(-50%) scale(1.08)}}
@media(max-width:760px){.dock-console:has(.ascent-group) .dock-field{height:300px}.ascent-group{width:310px;height:178px}.bathyscaphe{width:104px;height:117px}.bathyscaphe-client{left:24px;top:48px}.bathyscaphe-deepdive{right:20px;top:8px}.bathyscaphe-dome{width:60px;height:32px}.bathyscaphe-hull{top:26px;width:101px;height:67px}.bathyscaphe-hull:before,.bathyscaphe-hull:after{top:25px;width:14px;height:26px}.bathyscaphe-hull:before{left:-12px}.bathyscaphe-hull:after{right:-12px}.bathyscaphe-hull i{width:13px;height:13px}.bathyscaphe-hull strong{font-size:7px}.bathyscaphe-thrust{top:88px;width:47px}.ascent-link{left:108px;top:85px;width:104px;height:45px}.ascent-stream{left:59%;width:215px}.ascent-bubbles{width:280px}.dock-console:has(.ascent-group) .partnership-caption{min-width:198px}.dock-console:has(.ascent-group) .partnership-caption b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.bathyscaphe,.ascent-bubbles i,.ascent-link i,.ascent-link b,.ascent-stream:before,.ascent-stream:after{animation:none}}

/* Compact proof cards and a single-line ascent status. */
.result-grid article{min-height:190px;padding:25px 28px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.result-grid article:hover{position:relative;z-index:2;border-color:rgba(45,211,232,.56);background:linear-gradient(145deg,#fff,#f2fbfc);box-shadow:0 18px 38px rgba(10,69,91,.13),0 0 30px rgba(45,232,253,.16);transform:translateY(-6px)}
.result-grid span{margin-top:13px;line-height:1.5}
.dock-console:has(.ascent-group) .partnership-caption{min-width:292px;gap:9px;white-space:nowrap}
.dock-console:has(.ascent-group) .partnership-caption b{letter-spacing:.075em;white-space:nowrap}
@media(max-width:760px){.result-grid article{min-height:155px;padding:23px}.dock-console:has(.ascent-group) .partnership-caption{width:max-content;max-width:calc(100% - 24px);min-width:0;min-height:40px;padding-inline:12px}.dock-console:has(.ascent-group) .partnership-caption b{font-size:10px;letter-spacing:.03em}}
@media(max-width:760px){.reviews .review-controls{justify-content:flex-end}}

/* Sharper bathyscaphe silhouettes; quieter background instrumentation. */
.dock-console:has(.ascent-group) .dock-orbits,.dock-console:has(.ascent-group) .dock-orbits i{border-color:rgba(45,232,253,.075)}
.dock-console:has(.ascent-group) .dock-orbits i:nth-child(3){border-color:rgba(45,232,253,.14);box-shadow:0 0 18px rgba(45,232,253,.045)}
.dock-console:has(.ascent-group) .dock-field:after{opacity:.42}
.bathyscaphe:before{content:"";position:absolute;z-index:1;left:50%;top:-9px;width:2px;height:14px;border-radius:999px;background:#82f2f9;box-shadow:0 0 8px rgba(45,232,253,.62);transform:translateX(-50%)}
.bathyscaphe:after{content:"";position:absolute;z-index:4;left:50%;top:106px;width:76px;height:11px;border:2px solid rgba(107,237,246,.78);border-top:0;border-radius:0 0 32px 32px;transform:translateX(-50%);filter:drop-shadow(0 0 5px rgba(45,232,253,.22))}
.bathyscaphe-dome:before{content:"";position:absolute;left:50%;top:-5px;width:7px;height:7px;border:1px solid #c8fdff;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 9px rgba(45,232,253,.85);transform:translateX(-50%)}
.bathyscaphe-hull:before,.bathyscaphe-hull:after{clip-path:polygon(20% 0,80% 0,100% 72%,72% 100%,28% 100%,0 72%)}
.bathyscaphe-deepdive .bathyscaphe-hull{border-color:#a0f8fc;background:linear-gradient(145deg,#0d6680,#07314e);box-shadow:inset 0 -22px 34px rgba(1,17,32,.2),0 0 21px rgba(45,232,253,.13)}
@media(max-width:760px){.bathyscaphe:before{top:-8px;height:12px}.bathyscaphe:after{top:87px;width:61px;height:9px}}

/* Tighter page rhythm after the story section. */
.about-results{padding-top:94px;padding-bottom:94px}
.about-film{padding-top:96px;padding-bottom:96px}
@media(max-width:760px){.about-results,.about-film{padding-top:68px;padding-bottom:68px}.value-grid article{min-height:238px;padding:24px 25px}.value-icon{width:56px;height:56px;margin:19px 0 17px}.value-grid h3{margin-bottom:9px}.value-grid p{line-height:1.58}}

/* Progressive route, compact mobile proof grid and a quiet CTA signal. */
.route-steps{position:relative;--route-rest-left:23px}
.route-steps:before{content:"";position:absolute;z-index:0;right:30.5px;top:12.5%;bottom:12.5%;width:1px;background:linear-gradient(0deg,var(--about-cyan),rgba(45,232,253,.28),transparent);box-shadow:0 0 9px rgba(45,232,253,.38);opacity:0;transform:scaleY(0);transform-origin:bottom}
.route-steps article{z-index:1;transition:padding-left 1s cubic-bezier(.45,0,.55,1)}
/* Fade a fixed gradient: background-image itself switches discretely. Overlap
 * neighbouring signals gently, retaining the existing text and final inset. */
.route-steps article:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(45,232,253,.095),transparent 78%);opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.45,0,.55,1)}
.route-steps article>*{position:relative;z-index:1}
.route-steps article:hover,.route-steps article.is-active{background:transparent}
.route-steps article:hover:before,.route-steps article.is-active:before{opacity:1}
.route-steps article:last-child:before{background:linear-gradient(90deg,rgba(45,232,253,.075),transparent 78%)}
.route-steps.is-rising:before{animation:routeRise 4.4s cubic-bezier(.22,.7,.2,1) forwards}
.route-steps.is-rising article:nth-child(1):before{animation:routeSignal 1.6s .18s cubic-bezier(.45,0,.55,1) backwards}
.route-steps.is-rising article:nth-child(2):before{animation:routeSignal 1.6s 1.2s cubic-bezier(.45,0,.55,1) backwards}
.route-steps.is-rising article:nth-child(3):before{animation:routeSignal 1.6s 2.22s cubic-bezier(.45,0,.55,1) backwards}
.route-steps.is-rising article:nth-child(4){animation:routeArrival 1.2s 3.2s cubic-bezier(.45,0,.55,1) both}
.route-steps.is-rising article:nth-child(4):before{animation:routeFinish 1.2s 3.2s cubic-bezier(.45,0,.55,1) both}
@keyframes routeRise{0%{opacity:0;transform:scaleY(0)}12%{opacity:.86}100%{opacity:.5;transform:scaleY(1)}}
@keyframes routeSignal{0%,100%{opacity:0}50%{opacity:1}}
@keyframes routeArrival{from{padding-left:var(--route-rest-left)}to{padding-left:31px}}
@keyframes routeFinish{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.route-steps{--route-rest-left:10px}}
.about-cta-card{position:relative;overflow:hidden}
.about-cta-card:before{content:"";position:absolute;right:108px;top:50%;width:190px;height:190px;border:1px solid rgba(45,232,253,.12);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,rgba(45,232,253,.075) 32px 33px);transform:translateY(-50%);opacity:.72;pointer-events:none}
.about-cta-card:after{content:"";position:absolute;right:195px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--about-cyan);box-shadow:0 0 12px var(--about-cyan),0 0 30px rgba(45,232,253,.45);transform:translateY(-50%);pointer-events:none;animation:ctaSignal 2.8s ease-in-out infinite}
.about-cta-card>div,.about-cta-card>.button{position:relative;z-index:1}
@keyframes ctaSignal{50%{opacity:.42;box-shadow:0 0 6px var(--about-cyan),0 0 17px rgba(45,232,253,.25)}}
@media(max-width:760px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid article{min-height:168px;padding:20px 12px;border-right:0;border-bottom:1px solid #d6e5e9}.result-grid article:nth-child(odd){border-right:1px solid #d6e5e9}.result-grid article:nth-child(n+3){border-bottom:0}.result-grid strong{font-size:42px}.result-grid span{margin-top:10px;font-size:12.5px;line-height:1.4}.bathyscaphe-hull strong{font-size:8px}.route-steps:before{right:14.5px}.about-cta-card:before{right:-75px;width:160px;height:160px;opacity:.44}.about-cta-card:after{right:0}.about-cta-card>.button{justify-self:stretch}}

/* SokoM scan: paper-colour mat removes hard white letterboxing without changing slider height. */
.reviews .review-card>.review-scan:is([href$="sokom-review.png"],[href*="/shared/media/webp-site/sokom-review-"]){background:#f7f6ef!important}
.reviews .review-card>.review-scan:is([href$="sokom-review.png"],[href*="/shared/media/webp-site/sokom-review-"]) img{background:#f7f6ef!important;box-shadow:inset 0 14px 18px -18px rgba(78,91,84,.2),inset 0 -14px 18px -18px rgba(78,91,84,.2),0 18px 25px rgba(9,44,61,.16)!important}
@media(prefers-reduced-motion:reduce){.route-steps.is-rising:before,.route-steps.is-rising article,.route-steps.is-rising article:before,.about-cta-card:after{animation:none!important}.route-steps article,.route-steps article:before{transition:none}.route-steps:before{opacity:.55;transform:scaleY(1)}}

/* Keep the action and its sonar rings on one center line. */
.about-cta-card:before,.about-cta-card:after{display:none}
.about-cta-action{position:relative;z-index:1;display:grid;min-height:210px;place-items:center}
.about-cta-action:before{content:"";position:absolute;left:50%;top:50%;width:190px;height:190px;border:1px solid rgba(45,232,253,.12);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 31px,rgba(45,232,253,.075) 32px 33px);transform:translate(-50%,-50%);opacity:.72;pointer-events:none}
.about-cta-action>.button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}
.about-cta-action>.button svg{display:block;width:18px;height:18px;flex:none}
@media(max-width:760px){.about-cta-action{min-height:132px;width:100%}.about-cta-action:before{width:160px;height:160px;opacity:.44}.about-cta-action>.button{width:100%;white-space:normal}}

/* Portrait mobile: remove only the page-wide rings; the bathyscaphe rings stay. */
.about-hero-gridlines{display:none}

@media(max-width:760px){
  .about-hero{background:radial-gradient(circle at 78% 42%,rgba(8,100,144,.7),transparent 38%),linear-gradient(155deg,#04182d,#020c1c 76%)}
}

/* External hero rings only; the docking visual keeps its own semantic circles. */
@media (orientation:landscape) and (min-height:521px) and (max-width:1366px){
  .about-hero{background:radial-gradient(circle at 78% 42%,rgba(8,100,144,.7),transparent 38%),linear-gradient(155deg,#04182d,#020c1c 76%)}
  .about-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 85% 50%,transparent 0 76px,rgba(85,221,235,.0275) 77px 78px);-webkit-mask-image:linear-gradient(to right,transparent 0 52%,#000 63%);mask-image:linear-gradient(to right,transparent 0 52%,#000 63%)}
}
@media (orientation:landscape) and (max-height:520px){
  .about-hero{background:radial-gradient(circle at 85% 50%,rgba(8,100,144,.7),transparent 38%),linear-gradient(155deg,#04182d,#020c1c 76%)}
  .about-hero:after{display:none}
}

/* Unified page-wide rings; the docking radar remains independent. */
.about-hero{background:radial-gradient(circle at 78% 42%,rgba(8,100,144,.7),transparent 38%),linear-gradient(155deg,#04182d,#020c1c 76%)}
.about-hero:after{content:"";position:absolute;z-index:1;inset:0;display:block;pointer-events:none;background:repeating-radial-gradient(ellipse at 74% 48%,transparent 0 76px,rgba(76,193,222,.04) 77px 78px);-webkit-mask-image:none;mask-image:none}
@media (orientation:landscape) and (min-height:521px) and (max-width:1366px){.about-hero:after{background:repeating-radial-gradient(ellipse at 85% 50%,transparent 0 76px,rgba(76,193,222,.02) 77px 78px);-webkit-mask-image:linear-gradient(to right,transparent 0 52%,#000 63%);mask-image:linear-gradient(to right,transparent 0 52%,#000 63%)}}
@media(max-width:760px),(orientation:landscape) and (max-height:520px){.about-hero:after{display:none}}

/* Shared first-screen bubbles: the calm varied motion approved on the homepage. */
.about-hero>.bubble-field{position:absolute;z-index:2;inset:90px 0 45px;display:block;overflow:hidden;pointer-events:none}
.about-hero>.about-hero-grid{z-index:3}
.about-hero>.bubble-field i{position:absolute;bottom:-30px;width:9px;height:9px;border:1px solid rgba(83,238,253,.42);border-radius:50%;box-shadow:0 0 12px rgba(45,232,253,.12);animation:aboutBubbleRise 12s linear infinite}
.about-hero>.bubble-field i:nth-child(1){left:4%;width:5px;height:5px;animation-delay:-2s}.about-hero>.bubble-field i:nth-child(2){left:18%;width:13px;height:13px;animation-delay:-7s;animation-duration:16s}.about-hero>.bubble-field i:nth-child(3){left:35%;animation-delay:-4s;animation-duration:14s}.about-hero>.bubble-field i:nth-child(4){left:54%;width:6px;height:6px;animation-delay:-10s}.about-hero>.bubble-field i:nth-child(5){left:66%;width:15px;height:15px;animation-delay:-5s;animation-duration:18s}.about-hero>.bubble-field i:nth-child(6){left:75%;width:7px;height:7px;animation-delay:-1s}.about-hero>.bubble-field i:nth-child(7){left:84%;width:11px;height:11px;animation-delay:-8s;animation-duration:15s}.about-hero>.bubble-field i:nth-child(8){left:92%;width:5px;height:5px;animation-delay:-3s}.about-hero>.bubble-field i:nth-child(9){left:48%;width:4px;height:4px;animation-delay:-12s;animation-duration:17s}
@keyframes aboutBubbleRise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.75}70%{opacity:.42}100%{transform:translateY(-700px) translateX(28px);opacity:0}}
@media(prefers-reduced-motion:reduce){.about-hero>.bubble-field i{animation:none}}

/* Secondary hero action: no resting underline; reveal it only on interaction. */
.about-hero-actions .button{font-size:14px;line-height:1}
.about-hero-actions .text-link:after{display:none!important}
.film-play span{padding-left:0}
.film-play svg{display:block;width:28px;height:28px;fill:currentColor}
.about-hero-actions .text-link-label:after{right:auto;width:100%;opacity:0;transform:scaleX(0)}
.about-hero-actions .text-link:hover .text-link-label:after,.about-hero-actions .text-link:focus-visible .text-link-label:after{opacity:1;transform:scaleX(1)}

/* Explanatory dividers omitted from the paragraph-only audit. */
.about-intro-copy,.about-route blockquote{border-left-color:#25cfe2;box-shadow:none}

/* Approved rings: approach section only; preserve all other page backgrounds. */
body.about-page #approach.about-route::before{background-image:radial-gradient(circle at 78% 30%,rgba(45,232,253,.09),transparent 25%),repeating-radial-gradient(ellipse at 78% 50%,transparent 0 73px,rgba(67,180,215,.0323) 74px 75px)}
@media(min-width:761px){body.about-page #approach.about-route::before{background-image:radial-gradient(circle at 78% 30%,rgba(45,232,253,.09),transparent 25%),repeating-radial-gradient(ellipse 100px 57.12px at 78% 50%,transparent 0 73px,rgba(67,180,215,.0323) 74px 75px)}}
@media(max-width:760px) and (orientation:portrait){body.about-page #approach.about-route::before{background-image:radial-gradient(circle at 78% 30%,rgba(45,232,253,.09),transparent 25%),repeating-radial-gradient(ellipse 100px 89.25px at 78% 50%,transparent 0 73px,rgba(67,180,215,.0323) 74px 75px)}}

/* Portrait phones: keep route rows fixed during hover and the arrival effect. */
@media(max-width:760px) and (orientation:portrait){
 body.about-page #approach .route-steps article{padding-left:10px;transition:none;animation:none}
}

/* Reserve the same two-line caption height for 150+, preserving the other cards. */
body.about-page .result-grid article:nth-child(3)>span{min-height:3em}
@media(max-width:760px){body.about-page .result-grid article:nth-child(3)>span{min-height:2.8em}}