@font-face{font-family:Inter;src:url(assets/inter-variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#102c3f;--deep:#0b2639;--teal:#008f96;--mint:#a5ece0;--line:#c9dce0;--muted:#4d6977;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;min-width:320px;background:#fff;color:var(--ink);font:400 1rem/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a,button{font:inherit}a{color:inherit}button{cursor:pointer}img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1,h2{line-height:1.07}
:focus-visible{outline:3px solid #ec875a;outline-offset:4px}
::selection{background:#b7eee7;color:#0b2639}
.shell{width:min(1280px,calc(100% - 84px));margin-inline:auto}
.skip-link{position:absolute;z-index:100;top:-100px;left:16px;padding:12px 16px;border-radius:8px;background:#fff;color:var(--ink)}
.skip-link:focus{top:12px}
.chapter{position:relative;scroll-margin-top:75px}
.eyebrow{display:flex;align-items:center;gap:11px;color:#087985;font-size:.68rem;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.eyebrow.light{color:#9eeadd}
.eyebrow-line{display:inline-block;flex:none;width:26px;height:2px;background:currentColor}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:57px;padding:15px 24px;border-radius:100px;text-decoration:none;font-weight:730;font-size:.94rem;box-shadow:0 16px 32px #001d2a35;transition:transform .25s ease,background-color .25s ease}
.button:hover{transform:translateY(-3px)}
.button span{font-size:1.15rem;font-weight:400}
.button-mint{background:#c9f6ec;color:#103648}
.button-mint:hover{background:#e6fff8}
.text-link{display:inline-flex;align-items:center;gap:12px;text-underline-offset:6px;color:#006e7c;font-weight:730;font-size:.87rem}
.text-link:hover{color:#133d4e}

/* Header */
.site-header{position:sticky;z-index:80;top:0;background:#fffffff0;border-bottom:1px solid #d5e3e7;backdrop-filter:blur(16px)}
.header-inner{min-height:74px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;flex-direction:column;flex:none;line-height:.82;text-decoration:none;white-space:nowrap}
.brand-word{font-size:2rem;font-weight:800;letter-spacing:-.085em}
.brand-word span,.brand-word i{font-style:normal;color:#039da1}
.brand-sub{margin:11px 0 0 32px;color:#527380;font-size:.48rem;font-weight:800;letter-spacing:.34em}
.main-nav{display:flex;align-items:center;gap:clamp(15px,2vw,31px);margin-left:auto}
.main-nav a{text-decoration:none;font-size:.79rem;font-weight:680;white-space:nowrap}
.main-nav a:not(.nav-contact):hover{color:#007b84}
.nav-products{position:relative}
.nav-products>summary{list-style:none;cursor:pointer;font-size:.79rem;font-weight:680;white-space:nowrap}
.nav-products>summary::-webkit-details-marker{display:none}
.nav-products>summary::after{content:'⌄';display:inline-block;margin-left:6px;color:#0b9299;transition:transform .2s ease}
.nav-products[open]>summary::after{transform:rotate(180deg)}
.nav-product-links{position:absolute;right:-38px;top:calc(100% + 20px);z-index:25;display:grid;gap:2px;width:min(310px,90vw);padding:10px;border:1px solid #c9dfe1;border-radius:15px;background:#fff;box-shadow:0 20px 45px #0a34482d}
.nav-product-links a{display:block;padding:11px 13px;border-radius:9px;color:#113347;line-height:1.3;white-space:normal}
.nav-product-links a:hover{background:#eaf6f5}
.main-nav .nav-contact{padding:10px 16px;border-radius:100px;background:var(--deep);color:#fff}
.main-nav .nav-contact:hover{background:#075d6f}
.menu-toggle{display:none;align-items:center;gap:13px;margin-left:auto;padding:9px 14px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}

/* A strong opening, with an own visual instead of generic stock imagery. */
.hero{isolation:isolate;overflow:hidden;padding:0 0 34px;background:radial-gradient(circle at 68% 20%,#1d5368 0,transparent 42%),linear-gradient(125deg,#0a2639,#103e52);color:#fff}
.hero-glow{position:absolute;z-index:-1;right:-250px;top:-250px;width:750px;height:750px;border:1px solid #9fded932;border-radius:50%;box-shadow:0 0 0 90px #9fded916,0 0 0 200px #9fded90a;pointer-events:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(45px,6vw,110px);min-height:610px;padding-block:62px 46px}
.hero-copy{position:relative;z-index:2}
.hero h1{max-width:650px;margin:28px 0 25px;font-size:clamp(3.3rem,5.2vw,5.5rem);font-weight:750;letter-spacing:-.06em;text-wrap:balance}
.hero h1 em{font-style:normal;color:#a5eee1}
.hero-lead{max-width:510px;margin-bottom:30px;color:#d0e5eb;font-size:clamp(1.04rem,1.35vw,1.28rem);line-height:1.6}
.hero-scene{position:relative;min-width:0;aspect-ratio:1.14;border:1px solid #9bd1d367;border-radius:28px;background:#d8eef1;box-shadow:0 38px 90px #021929a6;transform:rotate(2deg);overflow:hidden}
.hero-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c2838d9 0,transparent 32%)}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:58% 53%}
.scene-caption{position:absolute;z-index:1;bottom:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-around;gap:5px;padding:11px 13px;border:1px solid #b0d5d878;border-radius:11px;background:#0f3647d9;color:#ddf3f3;backdrop-filter:blur(12px);font-size:.61rem;font-weight:780;letter-spacing:.08em;white-space:nowrap}
.scene-caption b{color:#8be3d9;font-size:.92rem}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.route-grid a{position:relative;display:flex;flex-direction:column;min-width:0;min-height:132px;padding:19px 23px;border:1px solid #8fbcc46e;border-radius:14px;background:#ffffff0d;color:#fff;text-decoration:none;transition:background-color .25s ease,transform .25s ease}
.route-grid a:hover{transform:translateY(-5px);background:#ffffff1c}
.route-number{margin-bottom:13px;color:#91ddd8;font-size:.59rem;font-weight:800;letter-spacing:.13em}
.route-grid strong{font-size:1.27rem;font-weight:720;line-height:1.1;letter-spacing:-.03em}
.route-grid small{margin-top:7px;padding-right:30px;color:#bdd6dd;font-size:.72rem;line-height:1.4}
.route-grid b{position:absolute;right:22px;bottom:18px;color:#aff0e3;font-size:1.1rem;font-weight:400}

/* Present what an ordinary assistant already does, then reveal the missing work. */
.gap{overflow:hidden;padding-block:105px 112px;background:linear-gradient(155deg,#fff 18%,#eef6f6 100%)}
.gap::before{content:"?";position:absolute;right:-.05em;top:-.36em;color:#188d9420;font-size:clamp(35rem,55vw,60rem);font-weight:790;line-height:1;pointer-events:none}
.section-intro{position:relative;max-width:970px}
.section-intro h2,.journey h2,.core h2,.routes h2,.work h2,.closing h2{margin:22px 0 22px;font-size:clamp(3rem,5.3vw,5.8rem);font-weight:720}
.section-intro h2 em,.journey h2 em,.routes h2 em,.work h2 em{font-style:normal;color:#008e93}
.section-intro>p:last-child{max-width:600px;margin-bottom:45px;color:var(--muted);font-size:1.08rem;line-height:1.6}
.gap-story{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #a9ccd0}
.gap-story article{position:relative;min-width:0;padding:29px clamp(19px,2.8vw,42px) 24px;border-left:1px solid #d2e4e5}
.gap-story article:first-child{border-left:0;padding-left:0}
.gap-story article:last-child{padding-right:24px;border-radius:0 0 16px 16px;background:#e3f3f0}
.gap-story article::before{content:"";position:absolute;top:-5px;left:clamp(19px,2.8vw,42px);width:9px;height:9px;border-radius:50%;background:#0a9ca0}
.gap-story article:first-child::before{left:0}
.gap-story article>span{display:block;margin-bottom:23px;color:#087b84;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.gap-story h3{margin:0 0 12px;font-size:clamp(1.35rem,1.65vw,1.85rem);line-height:1.18}
.gap-story p{max-width:34ch;margin:0;color:#496a77;font-size:.89rem;line-height:1.62}
.gap-fairness{max-width:800px;margin:26px 0 0;color:#57717c;font-size:.76rem;line-height:1.55}
.contrast{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contrast-card{position:relative;min-height:285px;padding:36px 40px;border-radius:20px;overflow:hidden}
.contrast-ai{border:1px solid #bed6db;background:#f5fafb}
.contrast-work{background:#103d4e;color:#f5fcfc;box-shadow:0 26px 58px #0d394350}
.contrast-label{display:block;margin-bottom:34px;font-size:.63rem;font-weight:800;letter-spacing:.15em;color:#0b7d85}
.contrast-work .contrast-label{color:#96e7da}
.contrast-card strong{display:block;max-width:460px;font-size:clamp(1.8rem,2.8vw,3rem);font-weight:730;letter-spacing:-.05em;line-height:1.12}
.contrast-card p{position:relative;z-index:1;max-width:490px;margin:16px 0 0;color:#4d6977;font-size:.96rem}
.contrast-work p{color:#c7dfe4}
.contrast-mark{position:absolute;right:15px;bottom:-62px;color:#a7d6d73b;font-size:16rem;font-weight:800;line-height:1}
.contrast-work .contrast-mark{color:#7fdad43b}
.contrast-arrow{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;border:5px solid #eef6f6;border-radius:50%;background:#a6ebe0;color:#0c3344;font-size:1.5rem;transform:translate(-50%,-50%)}

/* The same task, shown as three connected actions. */
.journey{padding-block:105px 112px;background:#e5f4f2}
.journey-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}
.journey-head>div{max-width:750px}.journey-head>p{max-width:340px;margin:0 0 9px;color:#4f6c77;font-size:.97rem;line-height:1.62}
.journey-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(42px,7vw,105px);align-items:center}
.journey-steps{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid #79b8b6}
.journey-steps li{position:relative;display:grid;grid-template-columns:35px 1fr;gap:15px;padding:15px 0 22px 25px}
.journey-steps li::before{content:"";position:absolute;left:-7px;top:21px;width:13px;height:13px;border:3px solid #e5f4f2;border-radius:50%;background:#008e93;box-shadow:0 0 0 1px #008e93}
.journey-steps li>span{padding-top:6px;color:#087b82;font-size:.7rem;font-weight:800}
.journey-steps strong{font-size:1.35rem;font-weight:730;letter-spacing:-.03em}
.journey-steps p{max-width:340px;margin:5px 0 0;color:#496a75;font-size:.88rem;line-height:1.57}
.case-window{overflow:hidden;border:1px solid #2a647273;border-radius:19px;background:#0e3348;box-shadow:0 34px 74px #1647524c;color:#effafa;transform:rotate(-1deg)}
.window-top{display:flex;align-items:center;gap:15px;min-height:49px;padding:10px 20px;background:#0a283b;color:#a8ccd3;font-size:.6rem;font-weight:800;letter-spacing:.12em}
.window-top span:last-child{margin-left:auto;color:#80d7ce}
.window-dots{display:flex;gap:4px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#5bc8c2}.window-dots i:nth-child(2){opacity:.65}.window-dots i:nth-child(3){opacity:.35}
.window-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px;padding:20px}
.window-message,.window-thread,.window-next{padding:19px;border-radius:11px;background:#f2f9f9;color:#143648}
.window-message{grid-column:1;grid-row:1;min-height:144px}
.window-thread{grid-column:2;grid-row:1/span 2;display:flex;align-items:center;gap:14px;background:#ddf0ef}
.window-next{grid-column:1;grid-row:2;background:#fff;min-height:144px}
.window-body small{display:block;color:#087c83;font-size:.62rem;font-weight:800;letter-spacing:.1em}
.window-body strong{display:block;margin-top:17px;font-size:1.17rem;letter-spacing:-.025em;line-height:1.24}
.window-body span{display:block;margin-top:9px;color:#587782;font-size:.77rem}
.window-thread>div{max-width:230px}.window-thread strong{margin-top:10px}
.thread-line{flex:none;width:2px;height:120px;margin:0 7px;background:linear-gradient(#21afab,#8cdbd3)}
.case-window>p{margin:0;padding:0 21px 18px;color:#a4c4cd;font-size:.65rem}

/* Core as a living system, with product paths beside it. */
.core{overflow:hidden;padding-block:103px 115px;background:radial-gradient(circle at 40% 60%,#1a5262 0,#0e3044 50%,#082536 100%);color:#f2fafa}
.core::before{content:"";position:absolute;right:-220px;top:-250px;width:620px;height:620px;border:1px solid #a8eee437;border-radius:50%;box-shadow:0 0 0 70px #a8eee40e,0 0 0 150px #a8eee407}
.core-top{position:relative}.core-top h2{max-width:900px}.core-top h2 em,.closing h2 em{font-style:normal;color:#a8eee1}
.core-top>p:last-child{max-width:640px;color:#bad4db;font-size:1.04rem;line-height:1.6}
.core-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(60px,8vw,140px);align-items:center;margin-top:45px}
.core-visual{position:relative;width:min(100%,520px);height:400px}
.core-ring{position:absolute;inset:10% 17%;border:1px solid #93dcd382;border-radius:50%}
.ring-two{inset:1% 9%;border-color:#93dcd33a}
.core-center{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;justify-content:center;width:230px;height:230px;padding:30px;border:1px solid #a0e7db8c;border-radius:50%;background:linear-gradient(145deg,#238399,#0b3c54);box-shadow:0 25px 62px #0018269c;transform:translate(-50%,-50%);text-align:center}
.core-center small{color:#a4ede2;font-size:.62rem;font-weight:800;letter-spacing:.1em}
.core-center strong{margin:18px 0 11px;font-size:1.28rem;line-height:1.2;letter-spacing:-.035em}
.core-center span{color:#bfd9dd;font-size:.58rem}
.orbit{position:absolute;z-index:3;display:grid;place-items:center;min-width:118px;min-height:45px;padding:8px 14px;border:1px solid #b5eae2a8;border-radius:100px;background:#e6f8f4;color:#143d4b;box-shadow:0 12px 30px #031e2f8c;font-size:.76rem;font-weight:740}
.orbit-one{left:0;top:16%}.orbit-two{right:0;top:10%}.orbit-three{left:2%;bottom:11%}.orbit-four{right:1%;bottom:15%}
.core-links{border-top:1px solid #72a2ac85}
.core-links .core-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 14px;padding:17px 2px 18px;border-bottom:1px solid #72a2ac85}
.core-row span{grid-row:1/3;padding-top:3px;color:#a5e8dc;font-size:.7rem;font-weight:800}
.core-row strong{font-size:1.09rem;font-weight:690;letter-spacing:-.025em}
.core-row p{grid-column:2;max-width:450px;margin:0;color:#c3dce1;font-size:.82rem;line-height:1.52}
.core-links summary{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;gap:13px;min-height:79px;cursor:pointer;list-style:none;transition:padding-left .2s ease,background-color .2s ease}
.core-links summary::-webkit-details-marker{display:none}
.core-links summary:hover{padding-left:10px;background:#ffffff0a}
.core-links summary span{color:#a5e8dc;font-size:.7rem;font-weight:800}
.core-links strong{font-size:1.16rem;font-weight:690;letter-spacing:-.025em}
.core-links summary b{color:#a5e8dc;font-size:1.18rem;font-weight:400;transition:transform .2s ease}
.core-links details[open] summary b{transform:rotate(45deg)}
.core-detail{padding:0 24px 24px 53px}
.core-detail p{max-width:450px;margin:0 0 14px;color:#c3dce1;font-size:.86rem;line-height:1.6}
.core-detail a{color:#9debdc;font-size:.82rem;font-weight:740;text-underline-offset:4px}
.core-detail a span{font-size:1rem}

/* Three visible paths need no additional click to reveal their meaning. */
.routes{padding-block:107px 116px;background:linear-gradient(145deg,#f8fcfc,#eaf5f5)}
.routes-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:37px}
.routes-head>div{max-width:800px}.routes-head>p{max-width:340px;margin:0 0 7px;color:var(--muted);font-size:.96rem;line-height:1.62}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.audience-card{min-width:0;overflow:hidden;border:1px solid #cfdee2;border-radius:17px;background:#fff;box-shadow:0 18px 45px #285b6721;transition:transform .25s ease,box-shadow .25s ease}
.audience-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px #285b6735}
.audience-visual{position:relative;display:grid;place-items:center;height:200px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#d1eeee,#82b5bf)}
.audience-visual::before{content:"";position:absolute;inset:12% 20%;border:1px solid #ffffff8c;border-radius:50%;box-shadow:0 0 0 35px #ffffff1c,0 0 0 80px #ffffff12}
.visual-business{background:radial-gradient(circle at 43% 32%,#d9f1e8,#8dc8be 63%,#397b86)}
.visual-team{background:radial-gradient(circle at 55% 35%,#deebf4,#95afcf 60%,#4a7293)}
.widget-private,.widget-business,.widget-team{position:relative;z-index:1;width:88%;height:160px}
.widget-paper,.widget-folder{position:absolute;width:58%;height:117px;padding:15px 14px;border-radius:11px;box-shadow:0 16px 32px #194f5c52;transition:transform .35s ease}
.widget-paper{top:8px;left:2%;background:#fff;color:#164357;transform:rotate(-7deg)}
.widget-folder{right:1%;bottom:4px;background:#0b4759;color:#fff;transform:rotate(6deg)}
.widget-paper small,.widget-folder small,.widget-shift small{display:block;font-size:.55rem;font-weight:800;letter-spacing:.09em}
.widget-paper small{color:#078a8e}.widget-folder small{color:#a6eee0}
.widget-paper strong,.widget-folder strong,.widget-shift strong{display:block;margin-top:10px;font-size:.92rem;line-height:1.15;letter-spacing:-.04em}
.widget-folder span{display:block;margin-top:12px;color:#b5dfe1;font-size:.62rem}
.widget-lines{display:block;width:70%;height:3px;margin-top:16px;border-radius:3px;background:#9acbd0;box-shadow:0 10px #c9e2e4,0 20px #c9e2e4}
.widget-join{position:absolute;z-index:2;left:46%;top:49%;width:22px;height:22px;border:4px solid #e8faf7;border-radius:50%;background:#00a9ac;box-shadow:0 0 0 5px #34c6bd42}
.audience-card:hover .widget-paper{transform:translateY(-5px) rotate(-7deg)}
.audience-card:hover .widget-folder{transform:translateY(4px) rotate(6deg)}
.widget-business{display:flex;flex-direction:column;justify-content:center;gap:15px}
.widget-track{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:3px}
.widget-track span{display:flex;flex-direction:column;justify-content:center;min-width:0;height:90px;padding:9px;border:1px solid #dcf4ed;border-radius:10px;background:#fff;color:#174e5b;box-shadow:0 12px 24px #14555b3c;font-size:.67rem;font-weight:750;line-height:1.2}
.widget-track span:nth-of-type(2){background:#e7f7f2}.widget-track span:last-child{background:#0c5261;color:#fff}
.widget-track span b{margin-bottom:7px;color:#008a8f;font-size:.58rem}.widget-track span:last-child b{color:#a8eee0}
.widget-track i{height:2px;background:#e9fff8;box-shadow:0 0 12px #e9fff8}
.widget-business-note{align-self:flex-end;padding:8px 12px;border-radius:8px;background:#ddf9ee;color:#125663;box-shadow:0 8px 18px #185b6238;font-size:.64rem;font-weight:770;transition:transform .35s ease}
.widget-business-note b{margin-left:7px;color:#058f92}
.audience-card:hover .widget-business-note{transform:translateX(5px)}
.widget-team{display:grid;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);align-content:center;align-items:center;gap:6px}
.widget-shift{min-width:0;height:108px;padding:14px 12px;border-radius:11px;background:#fff;color:#173d55;box-shadow:0 12px 28px #123f5b42}
.widget-shift:last-of-type{background:#133e5c;color:#fff}
.widget-shift small{color:#168697}.widget-shift:last-of-type small{color:#b1e2ec}
.widget-shift strong{font-size:.77rem}.widget-shift .widget-lines{width:60%;margin-top:13px}
.widget-shift-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a9f1e0;color:#0a5065;font-weight:800;transition:transform .35s ease}
.audience-card:hover .widget-shift-arrow{transform:translateX(5px)}
.widget-team-note{grid-column:1/-1;justify-self:center;padding:6px 10px;border-radius:7px;background:#f3fbff;color:#21536c;font-size:.6rem;font-weight:730}
.audience-content{padding:28px 27px 31px}
.audience-content>span{color:#057c84;font-size:.64rem;font-weight:800;letter-spacing:.13em}
.audience-content h3{margin:14px 0 14px;font-size:clamp(1.65rem,2.1vw,2.35rem);line-height:1.15;font-weight:720}
.audience-content p{min-height:95px;margin:0 0 18px;color:#55727d;font-size:.86rem;line-height:1.58}
.audience-content a{display:inline-flex;gap:10px;align-items:center;color:#006e7b;font-size:.82rem;font-weight:740;text-underline-offset:5px}
.audience-content a b{font-size:1rem;font-weight:400}
.audience-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;color:#145766;font-size:.68rem;font-weight:750}
.audience-flow span{padding:6px 8px;border-radius:7px;background:#e9f6f5}
.audience-flow b{color:#028c92;font-weight:650}
.audience-content details{margin:0 0 17px;padding:14px 0;border-top:1px solid #d2e4e5;border-bottom:1px solid #d2e4e5}
.audience-content details summary{cursor:pointer;list-style:none;color:#075f70;font-size:.83rem;font-weight:760}
.audience-content details summary::-webkit-details-marker{display:none}
.audience-content details summary::after{content:'+';float:right;font-size:1.2rem;line-height:1}
.audience-content details[open] summary::after{content:'−'}
.audience-content details p{min-height:0;margin:12px 0 0;color:#426b78}
.audience-content{display:flex;flex-direction:column}
.audience-content>p{min-height:0;margin-bottom:24px}
.audience-card .audience-content>p{margin-bottom:0}
.audience-content details{margin:auto 0 0;border-bottom:0}
.audience-content details p{margin-bottom:14px}
.audience-content details a{margin-top:3px}
@media(max-width:800px){.gap-story{grid-template-columns:1fr}.gap-story article,.gap-story article:first-child{padding:22px 18px 23px;border-left:0;border-bottom:1px solid #d0e3e5}.gap-story article:last-child{border-bottom:0;border-radius:13px}.gap-story article::before,.gap-story article:first-child::before{left:18px}.gap-story article>span{margin-bottom:10px}.gap-story p{max-width:65ch}.gap-fairness{font-size:.78rem}}
@media(max-width:800px){.nav-products>summary{display:flex;align-items:center;min-height:43px;padding:10px 3px;font-size:.92rem}.nav-product-links{position:static;width:100%;margin:3px 0 10px;padding:5px 8px;border-radius:10px;box-shadow:none}.nav-product-links a{min-height:43px;padding:11px 9px;font-size:.86rem}}

/* Practice, value and a single invitation. */
.work{padding-block:109px 104px;background:#fff}
.work-layout{display:grid;grid-template-columns:1fr .9fr;gap:clamp(65px,10vw,150px);align-items:center}
.work-layout>*{min-width:0}
.work h2{overflow-wrap:anywhere}
.work h2{max-width:720px}.work-lead{max-width:570px;margin-bottom:24px;color:var(--muted);font-size:1.03rem;line-height:1.65}
.work-steps{border-top:1px solid #c4dadd}
.work-steps>div{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:24px 0;border-bottom:1px solid #c4dadd}
.work-steps span{grid-row:span 2;color:#087b83;font-size:.69rem;font-weight:800;padding-top:5px}
.work-steps strong{font-size:1.13rem;font-weight:720}
.work-steps p{margin:1px 0 0;color:#5a7580;font-size:.82rem}
.value-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:78px;padding:27px 31px;border-left:3px solid #0ea0a1;background:#ebf8f7}
.value-note p{max-width:620px;margin:0;color:#315869;font-size:.91rem}
.value-note a{flex:none;color:#006d78;font-size:.86rem;font-weight:750;text-underline-offset:5px}
.closing{padding-block:91px;background:radial-gradient(circle at 85% 25%,#287582 0,transparent 44%),linear-gradient(110deg,#0a273b,#123e50);color:#fff}
.closing-inner{display:flex;justify-content:space-between;align-items:end;gap:55px}
.closing h2{max-width:900px}.closing p:not(.eyebrow){max-width:600px;margin-bottom:0;color:#c3dbe1;font-size:1.02rem}
.closing .button{flex:none}
.site-footer{padding-top:58px;background:#091f2e;color:#d8e9ed}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px;padding-bottom:60px}
.footer-brand{color:#fff}.footer-brand .brand-sub{color:#acc9d0}
.footer-grid>div p{max-width:260px;margin:25px 0 0;color:#a7c4cc;font-size:.82rem}
.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-grid nav a{font-size:.82rem;text-decoration:none}.footer-grid nav a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:19px;border-top:1px solid #3a5662;color:#93b1bb;font-size:.71rem}

@media(max-width:1080px){.shell{width:calc(100% - 56px)}.hero-layout{grid-template-columns:1fr 1fr;gap:35px}.hero h1{font-size:clamp(3.1rem,6vw,5rem)}.hero-scene{aspect-ratio:1}.route-grid a{padding:18px}.journey-layout,.core-stage,.work-layout{gap:40px}.audience-grid{gap:12px}.audience-content{padding:23px 20px 27px}}
@media(max-width:800px){.shell{width:calc(100% - 44px)}.header-inner{min-height:68px;flex-wrap:wrap}.menu-toggle{display:inline-flex}.main-nav{display:flex;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 0 17px;border-top:1px solid var(--line)}.main-nav a{display:block;min-height:43px;padding:10px 3px;font-size:.92rem}.main-nav .nav-contact{display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding-inline:15px}.js .main-nav{display:none}.js .site-header.nav-open .main-nav{display:flex}.hero-layout{grid-template-columns:1fr;min-height:0;gap:34px;padding-block:62px 34px}.hero h1{max-width:790px;font-size:clamp(3.3rem,8vw,5.6rem)}.hero-scene{max-width:700px;aspect-ratio:1.75;transform:rotate(1deg)}.route-grid{gap:9px}.route-grid strong{font-size:1.03rem}.route-grid small{font-size:.68rem}.gap,.journey,.core,.routes,.work{padding-block:80px}.journey-head,.routes-head{display:block}.journey-head>p,.routes-head>p{max-width:640px;margin-top:18px}.journey-layout,.core-stage,.work-layout{grid-template-columns:1fr;gap:40px}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0;padding:0}.journey-steps li{display:block;padding:16px;border:1px solid #9fcdd0;border-radius:12px}.journey-steps li::before{display:none}.journey-steps li>span{display:block;margin-bottom:10px}.case-window{transform:none}.core-visual{max-width:530px;margin:auto}.core-links{max-width:700px}.audience-grid{grid-template-columns:1fr 1fr}.audience-grid .audience-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.audience-grid .audience-card:last-child .audience-visual{height:100%}.closing-inner{align-items:flex-start;flex-direction:column;gap:27px}.footer-grid{gap:30px}}
@media(max-width:560px){.shell{width:calc(100% - 38px)}.brand-word{font-size:1.8rem}.hero{padding-bottom:21px}.hero-layout{padding-block:46px 20px;gap:25px}.hero h1{margin:19px 0;font-size:clamp(2.48rem,10.5vw,3.55rem);line-height:1.1;letter-spacing:-.038em;text-wrap:initial}.hero-lead{font-size:.98rem;line-height:1.56;margin-bottom:23px}.hero-scene{aspect-ratio:1.7;border-radius:15px;transform:none}.scene-caption{left:8px;right:8px;bottom:8px;padding:6px 7px;font-size:.45rem}.scene-caption b{font-size:.7rem}.route-grid{grid-template-columns:1fr;gap:7px}.route-grid a{min-height:0;padding:12px 15px;border-radius:10px}.route-number{margin-bottom:4px;font-size:.55rem}.route-grid strong{font-size:1rem}.route-grid small{margin-top:3px;font-size:.68rem}.route-grid b{right:16px;bottom:20px}.gap,.journey,.core,.routes,.work{padding-block:69px}.section-intro h2,.journey h2,.core h2,.routes h2,.work h2,.closing h2{font-size:clamp(2.55rem,10vw,3.65rem);line-height:1.1}.section-intro>p:last-child{font-size:.96rem;margin-bottom:27px}.contrast{grid-template-columns:1fr;gap:13px}.contrast-card{min-height:0;padding:25px;border-radius:14px}.contrast-label{margin-bottom:16px}.contrast-card strong{font-size:1.8rem}.contrast-card p{font-size:.9rem}.contrast-arrow{left:50%;top:50%;width:43px;height:43px;border-width:4px;transform:translate(-50%,-50%) rotate(90deg)}.journey-head{margin-bottom:26px}.journey-head>p{font-size:.92rem}.journey-steps{grid-template-columns:1fr;gap:8px}.journey-steps li{display:grid;grid-template-columns:27px 1fr;gap:10px;padding:12px 14px}.journey-steps li>span{margin:0}.journey-steps strong{font-size:1.05rem}.journey-steps p{grid-column:2;margin:0;font-size:.78rem}.journey-layout{gap:28px}.window-body{grid-template-columns:1fr;gap:9px;padding:13px}.window-message,.window-thread,.window-next{grid-column:1;grid-row:auto;min-height:0;padding:15px}.window-thread{min-height:92px}.thread-line{height:65px}.window-body strong{margin-top:8px;font-size:1rem}.window-body span{font-size:.7rem}.window-top{padding-inline:13px;font-size:.53rem}.case-window>p{padding:0 14px 14px}.core-top>p:last-child{font-size:.95rem}.core-stage{margin-top:22px;gap:22px}.core-visual{height:260px;max-width:360px}.core-center{width:155px;height:155px;padding:19px}.core-center small{font-size:.55rem}.core-center strong{margin:10px 0 7px;font-size:.89rem}.core-center span{font-size:.48rem}.orbit{min-width:79px;min-height:35px;padding:5px 7px;font-size:.59rem}.orbit-one{left:0;top:10%}.orbit-two{right:0;top:10%}.orbit-three{left:0;bottom:9%}.orbit-four{right:0;bottom:9%}.core-links summary{min-height:68px}.core-links strong{font-size:.99rem}.routes-head{margin-bottom:25px}.routes-head>p{font-size:.92rem}.audience-grid{grid-template-columns:1fr;gap:16px}.audience-grid .audience-card:last-child{grid-column:auto;display:block}.audience-grid .audience-card:last-child .audience-visual{height:170px}.audience-visual{height:170px}.audience-content{padding:20px 23px 25px}.audience-content h3{font-size:1.78rem}.audience-content p{min-height:0;margin-bottom:15px}.work-lead{font-size:.94rem}.work-steps>div{padding:17px 0}.value-note{display:block;margin-top:42px;padding:22px}.value-note a{display:inline-block;margin-top:11px}.closing{padding-block:72px}.closing-inner{gap:25px}.closing .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 18px;padding-bottom:44px}.footer-grid>div{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}}
@media(max-width:370px){.hero h1{font-size:2.36rem}.scene-caption{font-size:.42rem}.orbit{min-width:73px;font-size:.55rem}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy{animation:hero-enter .7s ease-out both}
  .hero-scene{animation:hero-enter .8s .12s ease-out both}
  .js.reveal-ready .reveal-item{opacity:0;translate:0 18px;transition:opacity .58s ease,translate .58s ease}
  .js.reveal-ready .reveal-item.is-visible{opacity:1;translate:0 0}
  .js.reveal-ready .audience-card:nth-child(2).reveal-item{transition-delay:.08s}
  .js.reveal-ready .audience-card:nth-child(3).reveal-item{transition-delay:.16s}
  @keyframes hero-enter{from{opacity:.55;translate:0 16px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.route-grid a,.audience-card,.core-links summary,.widget-paper,.widget-folder,.widget-business-note,.widget-shift-arrow{transition:none}.button:hover,.route-grid a:hover,.audience-card:hover,.audience-card:hover .widget-paper,.audience-card:hover .widget-folder,.audience-card:hover .widget-business-note,.audience-card:hover .widget-shift-arrow{transform:none}}

/* Phone layout: one clear idea and one example at a time. */
.audience-switch{display:none}
@media(max-width:560px){
  .header-inner{min-height:62px}
  .hero-layout{padding-block:36px 18px;gap:22px}
  .hero h1{font-size:clamp(2.05rem,8.7vw,2.45rem);line-height:1.12}
  .hero-lead{font-size:.94rem;line-height:1.5}
  .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;border:1px solid #9ecfce75;border-radius:13px;overflow:hidden;background:#ffffff0d}
  .route-grid a{display:grid;place-items:center;min-height:50px;padding:9px 5px;border:0;border-right:1px solid #9ecfce75;border-radius:0;text-align:center;background:transparent}
  .route-grid a:last-child{border-right:0}
  .route-grid .route-number,.route-grid small,.route-grid b{display:none}
  .route-grid strong{font-size:.76rem;line-height:1.16}
  .gap,.journey,.core,.routes,.work{padding-block:48px}
  .section-intro h2,.journey h2,.core h2,.routes h2,.work h2,.closing h2{margin:15px 0 17px;font-size:clamp(1.92rem,8.1vw,2.28rem);line-height:1.13;letter-spacing:-.04em}
  .section-intro>p:last-child,.journey-head>p,.core-top>p:last-child,.routes-head>p,.work-lead{font-size:.91rem;line-height:1.52}
  .routes-head{margin-bottom:17px}
  .routes-head>p{margin-top:8px}
  .audience-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 12px;padding:4px;border:1px solid #c7dfe0;border-radius:13px;background:#e9f4f3}
  .audience-switch button{min-height:38px;padding:6px 3px;border:0;border-radius:9px;background:transparent;color:#315766;font:700 .77rem/1.2 Inter,Arial,sans-serif;cursor:pointer}
  .audience-switch button[aria-pressed="true"]{background:#0b5260;color:#fff;box-shadow:0 4px 12px #0b52602c}
  .audience-switch button:focus-visible{outline:2px solid #ef875c;outline-offset:1px}
  .audience-grid{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:8px}
  .audience-grid::-webkit-scrollbar{display:none}
  .audience-grid .audience-card,.audience-grid .audience-card:last-child{flex:0 0 100%;display:block;scroll-snap-align:start;scroll-snap-stop:always;grid-column:auto;box-shadow:none}
  .audience-card:hover{transform:none;box-shadow:none}
  .audience-visual,.audience-grid .audience-card:last-child .audience-visual{height:148px}
  .audience-content{padding:18px 20px 22px}
  .audience-content h3{margin:8px 0;font-size:1.43rem;line-height:1.18}
  .audience-content>p{font-size:.88rem;line-height:1.48}
  .work-layout{gap:24px}
  .work-steps>div{padding:12px 0}
  .work-steps strong{font-size:1rem}
  .work-steps p{font-size:.78rem;line-height:1.4}
  .closing{padding-block:52px}
  .closing p:not(.eyebrow){font-size:.94rem;line-height:1.5}
  .footer-grid{padding-top:46px}
}

@media(max-width:600px){.header-inner .el-guide-mobile-toggle{position:static;right:auto;top:auto;flex:none;margin-left:auto}.header-inner .el-guide-mobile-toggle+.menu-toggle{margin-left:0}}@media(min-width:601px) and (max-width:900px){.header-inner .menu-toggle{margin-left:auto}}
.footer-social-links{display:flex;flex-wrap:wrap;gap:9px 15px}.footer-social-links a{color:#a7d9d8;text-decoration:none}.footer-social-links a:hover{text-decoration:underline;text-underline-offset:4px}