/* ===== INTERIOR PAGES (homepage does not use these classes) ===== */
.br-d{display:none}@media(min-width:900px){.br-d{display:inline}}
/* page hero */
.ph{position:relative;overflow:hidden;color:var(--text-on-dark);padding:calc(76px + clamp(48px,7vw,96px)) 0 clamp(56px,7vw,96px);background:radial-gradient(55% 70% at 80% 20%,rgba(0,150,190,.25),transparent 70%),radial-gradient(40% 50% at 0 100%,rgba(30,90,200,.16),transparent 70%),linear-gradient(180deg,#030725,#06142e)}
.ph::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,180,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 70% at 70% 30%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 70% 30%,#000,transparent 75%)}
.ph>.flow{inset:0;opacity:.35;mix-blend-mode:screen}
.ph .container{position:relative}
.ph h1{font-size:clamp(2.2rem,4.6vw,3.8rem);max-width:15em;line-height:1.06}
.ph .lede{color:#C6D3E6;max-width:40em}
.ph-narrow>*{max-width:900px}
.ph-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:center}
@media(max-width:900px){.ph-grid{grid-template-columns:1fr}}
.pill-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pill-nav a{padding:10px 16px;border-radius:999px;font-size:.88rem;font-weight:500;text-decoration:none;color:#E8EEF7;border:1px solid rgba(0,216,224,.35);background:rgba(0,216,224,.06);transition:background .2s,border-color .2s}.pill-nav a:hover{background:rgba(0,216,224,.16);border-color:var(--cyan)}
/* trio diagram */
.trio{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:400/380}
.trio svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.trio-spin{transform-origin:200px 200px;animation:spin 80s linear infinite}
.trio-l{position:absolute;transform:translate(-50%,-50%);font:600 clamp(.8rem,1.4vw,.95rem) var(--font-display);letter-spacing:.02em;color:#E8EEF7;padding:7px 14px;border-radius:999px;background:rgba(4,17,43,.85);border:1px solid rgba(0,216,224,.4)}
.t-a{left:50%;top:14%}.t-b{left:20%;top:76%}.t-c{left:80%;top:76%}
.trio-core{position:absolute;left:50%;top:52.6%;transform:translate(-50%,-50%);font:600 .68rem/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#7FF0F4}
/* start small */
.start-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:start}.start-grid h2{margin:0}.start-grid p{color:var(--text-dim)}
@media(max-width:860px){.start-grid{grid-template-columns:1fr}}
/* pillars */
.pillar{position:relative}
.pillar-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:start}
.pillar-head{position:sticky;top:110px}
.pillar-num{display:block;font:600 clamp(3rem,6vw,4.6rem)/1 var(--font-display);background:linear-gradient(135deg,#00D8E0,#2E8BFF);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35;margin-bottom:10px}
.pillar-out{font-size:1.06rem;color:var(--text-dim)}
.hear{margin-top:26px;padding:20px 22px;border-radius:14px;background:#F3F7FB;border:1px solid rgba(11,40,80,.07)}
.hear small,.rel small,.flow-cap,.conf-card>small{display:block;font:600 .7rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#047780;margin-bottom:10px}
.hear ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.hear li{font-size:.92rem;color:#2B3F5C;font-style:italic;padding-left:14px;border-left:2px solid rgba(0,200,215,.5)}
.pillar-dark .hear li{font-style:normal}
.cap-h{font-size:1rem;margin:30px 0 12px;color:var(--text)}
.caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.caps li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid rgba(11,40,80,.08);font-size:.93rem}
.caps li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#00D8E0,#2E8BFF)}
.rel{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rel small{width:100%;margin:0}
.rel a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:.86rem;font-weight:500;text-decoration:none;color:#06606a;background:rgba(0,216,224,.1);border:1px solid rgba(0,200,215,.25);transition:background .2s}.rel a:hover{background:rgba(0,216,224,.2)}
.rel a::after{content:"→"}
/* flowline illustration */
.flowline{padding:22px 22px 24px;border-radius:18px;background:linear-gradient(165deg,#0a1f45,#030725);border:1px solid rgba(0,216,224,.22);box-shadow:0 30px 60px -34px rgba(3,20,60,.7);color:#E8EEF7;overflow:hidden;position:relative}
.flowline .flow-cap{color:var(--cyan);margin-bottom:18px}
.flowline ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}
.flowline ol::before{content:"";position:absolute;left:10%;right:10%;top:22px;height:2px;background:repeating-linear-gradient(90deg,rgba(0,216,224,.75) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dashmove 1.4s linear infinite}
@keyframes dashmove{to{background-position:24px 0}}
.flowline li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:.78rem;line-height:1.3;color:#C9D6E8}
.flowline li .ico{box-sizing:content-box;width:20px;height:20px;padding:12px;border-radius:50%;background:#071a36;border:1px solid rgba(0,216,224,.5);color:var(--cyan);box-shadow:0 0 0 5px #06163a}
.flowline li:last-child .ico{background:var(--cyan);color:#03142e;box-shadow:0 0 0 5px #06163a,0 0 24px rgba(0,216,224,.6)}
@media(max-width:600px){.flowline ol{grid-template-columns:1fr;gap:12px}.flowline ol::before{left:22px;right:auto;top:10px;bottom:10px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(0,216,224,.75) 0 6px,transparent 6px 12px);animation:none}.flowline li{flex-direction:row;text-align:left;font-size:.88rem;gap:14px}.flowline li .ico{padding:10px}}
/* dark pillar */
.pillar-dark{background:radial-gradient(50% 60% at 85% 30%,rgba(0,120,200,.2),transparent 70%),linear-gradient(180deg,#041029,#030725);color:var(--text-on-dark)}
.pillar-dark .pillar-out,.pillar-dark .caps li{color:#C9D6E8}.pillar-dark .caps li{border-color:rgba(255,255,255,.08)}.pillar-dark .cap-h{color:#fff}
.pillar-dark .eyebrow{color:var(--cyan)}.pillar-dark .rel small{color:var(--cyan)}
.pillar-dark .rel a{color:#BFF7FA;background:rgba(0,216,224,.1);border-color:rgba(0,216,224,.3)}
.pillar-dark .flowline{background:linear-gradient(165deg,#0e2a55,#061430);border-color:rgba(0,216,224,.35)}
.buildrun{margin-top:26px;padding:20px 22px;border-radius:14px;border:1px solid rgba(0,216,224,.4);background:linear-gradient(160deg,rgba(0,216,224,.12),rgba(0,216,224,.02));font-size:.93rem;color:#C9D6E8}.buildrun b{display:block;color:#fff;font:600 1.05rem var(--font-display);margin-bottom:4px}
@media(max-width:900px){.pillar-grid{grid-template-columns:1fr}.pillar-head{position:static}}
@media(max-width:560px){.caps{grid-template-columns:1fr}.caps li{padding:9px 0 9px 22px;font-size:.9rem}.caps li::before{top:16px}.pillar-num{font-size:2.6rem}}
/* connect */
.connect-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.connect-row>div{padding:26px;border-radius:18px;background:#fff;border:1px solid rgba(15,50,95,.075);box-shadow:0 18px 36px -24px rgba(6,40,80,.25)}
.connect-row .ico-wrap{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(0,216,224,.18),rgba(46,139,255,.12));color:#07808a;margin-bottom:14px}
.connect-row h3{margin-bottom:6px}.connect-row p{margin:0;color:var(--text-dim);font-size:.92rem}
.also{text-align:center;margin:28px 0 0;color:var(--text-dim);font-size:.95rem}
@media(max-width:820px){.connect-row{grid-template-columns:1fr;gap:10px}.connect-row>div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:18px}.connect-row .ico-wrap{grid-row:span 2;margin:0}}
/* closing band */
.close-band{position:relative;overflow:hidden;color:var(--text-on-dark);background:radial-gradient(60% 90% at 90% 50%,rgba(0,150,200,.3),transparent 70%),linear-gradient(180deg,#041029,#030725)}
.close-band>.flow{inset:0;opacity:.45;mix-blend-mode:screen}
.close-inner{position:relative;display:grid;grid-template-columns:1.3fr auto;gap:40px;align-items:end;padding-block:clamp(64px,8vw,104px)}
.close-inner h2{font-size:clamp(1.7rem,3.2vw,2.5rem);max-width:18em}.close-inner p:not(.eyebrow){color:#BFCDE1;max-width:36em;margin:0}
.close-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:860px){.close-inner{grid-template-columns:1fr;gap:24px}.close-actions .btn{flex:1 1 auto}}
/* how we work: phases */
.phases{list-style:none;margin:clamp(40px,6vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.phases li{position:relative;padding:22px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1)}
.phases li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-14px;width:14px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
.phases .num{background:transparent;box-shadow:none;color:var(--cyan);border-color:rgba(0,216,224,.6);margin-bottom:14px}
.phases h3{color:#fff;margin-bottom:6px}.phases p{font-size:.9rem;color:#BFCDE1;margin-bottom:12px}
.phases small{display:block;font-size:.8rem;color:#7FF0F4;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){.phases{grid-template-columns:1fr 1fr}.phases li::after{display:none}}
@media(max-width:560px){.phases{grid-template-columns:1fr;gap:10px}.phases li{display:grid;grid-template-columns:46px 1fr;gap:0 14px;padding:16px}.phases .num{grid-row:span 3;margin:0}.phases h3{margin:8px 0 2px}.phases small{grid-column:2}}
/* engagement models */
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.model{position:relative;display:flex;flex-direction:column;padding:28px 26px;border-radius:20px;background:#fff;border:1px solid rgba(15,50,95,.08);box-shadow:inset 0 1px 0 #fff,0 22px 44px -28px rgba(6,40,80,.3)}
.model-feat{background:radial-gradient(90% 60% at 100% 0,rgba(0,170,210,.3),transparent 60%),linear-gradient(165deg,#0a1f45,#030725);color:var(--text-on-dark);border-color:rgba(0,216,224,.3);box-shadow:0 30px 60px -30px rgba(3,20,60,.7)}
.model-k{font:600 .7rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#047780}.model-feat .model-k{color:var(--cyan)}
.model h3{font-size:1.45rem;margin:8px 0 2px}.model-feat h3{color:#fff}
.model-sub{margin:0;color:var(--text-dim);font-size:.9rem}.model-feat .model-sub,.model-feat p,.model-feat li{color:#C9D6E8}
.model>p{font-size:.93rem;color:var(--text-dim)}
.resp{width:100%;height:auto;margin:18px 0 14px;padding:12px 10px 4px;border-radius:12px;background:#F3F7FB;overflow:visible}
.model-feat .resp{background:rgba(255,255,255,.04)}
.resp .ax{stroke:rgba(11,40,80,.15);stroke-width:1}.model-feat .resp .ax{stroke:rgba(255,255,255,.15)}
.resp .n{fill:none;stroke:#00C2CC;stroke-width:3;stroke-linecap:round}.resp .c{fill:none;stroke:#2E5C9A;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 6}
.model-feat .resp .c{stroke:#9FB3CC}
.resp text{font:500 8.5px var(--font-body);fill:#6B7D96}.model-feat .resp text{fill:#8FA3BF}
.model-steps,.model-list{margin:4px 0 18px;padding:0;list-style:none;display:grid;gap:7px;font-size:.88rem}
.model-steps{counter-reset:m}.model-steps li{counter-increment:m;display:flex;gap:10px}.model-steps li::before{content:counter(m);flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:600;background:rgba(0,216,224,.15);color:#07808a}
.model-list li{display:flex;gap:10px;align-items:baseline}.model-list li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--cyan);transform:translateY(-2px)}
.ideal{margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(11,40,80,.08);font-size:.88rem;color:var(--text-dim)}.ideal b{color:var(--text)}
.model-feat .ideal{border-color:rgba(255,255,255,.12)}.model-feat .ideal b{color:#fff}
.legend{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin-top:18px;font-size:.82rem;color:var(--text-dim)}
.legend span{display:inline-flex;align-items:center;gap:8px}.legend i{width:22px;height:3px;border-radius:2px;background:#00C2CC}.legend i.c{background:repeating-linear-gradient(90deg,#2E5C9A 0 2px,transparent 2px 6px)}.legend em{font-style:normal;opacity:.7}
.pricing-note{display:flex;gap:16px;align-items:flex-start;max-width:820px;margin:36px auto 0;padding:22px 24px;border-radius:16px;background:#fff;border:1px solid rgba(0,200,215,.3)}
.pricing-note .ico{flex:none;width:24px;height:24px;color:#047780;margin-top:2px}.pricing-note p{margin:0;color:var(--text-dim);font-size:.95rem}.pricing-note b{color:var(--text)}
@media(max-width:1020px){.model-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}}
@media(max-width:560px){.model{padding:22px 20px}.model-steps,.model-list{gap:5px;font-size:.86rem}}
/* ownership */
.ownership{background:radial-gradient(55% 60% at 15% 30%,rgba(0,120,200,.2),transparent 70%),linear-gradient(180deg,#041029,#030725)}
.ownership>.flow{inset:auto 0 0;height:70%;opacity:.3;mix-blend-mode:screen}
.own-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.ownership p{color:#BFCDE1}
.ownership blockquote{margin:26px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--cyan);font:500 clamp(1.1rem,1.6vw,1.3rem)/1.45 var(--font-display);color:#fff}
.principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.principles li{display:flex;gap:14px;padding:18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.principles .ico{flex:none;width:22px;height:22px;color:var(--cyan)}.principles b{display:block;color:#fff;font-size:.95rem;margin-bottom:3px}.principles span{font-size:.85rem;color:#AFC0D6;line-height:1.45}
.fine{margin-top:18px;font-size:.8rem;line-height:1.55;color:#8FA3BF}
@media(max-width:900px){.own-grid{grid-template-columns:1fr}}
@media(max-width:560px){.principles{grid-template-columns:1fr;gap:8px}.principles li{padding:14px}}
/* confidentiality */
.conf-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.conf-copy p{color:var(--text-dim)}
.conf-card{padding:28px;border-radius:20px;background:#fff;border:1px solid rgba(15,50,95,.08);box-shadow:0 24px 50px -30px rgba(6,40,80,.35)}
.chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:7px 12px;border-radius:999px;font-size:.82rem;background:#F1F6FA;border:1px solid rgba(11,40,80,.08);color:#2B3F5C}
.nda{display:flex;gap:14px;padding:18px;border-radius:14px;background:linear-gradient(160deg,#0a1f45,#030725);color:#C9D6E8}
.nda .ico{flex:none;width:24px;height:24px;color:var(--cyan)}.nda p{margin:0;font-size:.92rem}.nda b{color:#fff}
.conf-card .fine{color:var(--text-dim);margin-bottom:0}
@media(max-width:900px){.conf-grid{grid-template-columns:1fr}}
/* getting started */
.startline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.startline li{display:flex;gap:14px;padding:22px;border-radius:16px;background:#fff;border:1px solid rgba(15,50,95,.075)}
.startline li>span{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00D8E0,#2E8BFF);color:#03142e;font:600 .9rem var(--font-display)}
.startline h3{font-size:1rem;margin:4px 0 4px}.startline p{margin:0;font-size:.88rem;color:var(--text-dim)}
@media(max-width:1020px){.startline{grid-template-columns:1fr 1fr}}@media(max-width:560px){.startline{grid-template-columns:1fr;gap:8px}.startline li{padding:16px}}
/* about */
.ph-about h1{max-width:12em}
.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.portrait{margin:0;position:sticky;top:110px}
.portrait-frame{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:radial-gradient(80% 60% at 50% 20%,#dfe8f2,#c3d1e1);border:1px solid rgba(11,40,80,.08);box-shadow:0 40px 80px -40px rgba(6,40,80,.45)}
.portrait-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 8px rgba(255,255,255,.35)}
.portrait-frame svg{position:absolute;inset:auto 0 0;width:100%;height:85%}
.ph-tag{position:absolute;left:16px;top:16px;padding:6px 12px;border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(3,7,37,.75);color:#7FF0F4}
.portrait figcaption{display:flex;justify-content:space-between;margin-top:14px;font-size:.9rem;color:var(--text-dim)}.portrait figcaption b{color:var(--text)}
.founder-copy h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.story p{font-size:1.06rem;line-height:1.75;color:#33475f}

.story-close{margin-top:1.4em;padding:20px 22px;border-radius:14px;background:#F3F7FB;border-left:3px solid var(--cyan);font-weight:500;color:var(--text)!important}
@media(max-width:860px){.founder-grid{grid-template-columns:1fr}.portrait{position:static;max-width:300px}.story p{font-size:1rem;line-height:1.7}}
.eyes{background:radial-gradient(50% 60% at 80% 30%,rgba(0,120,200,.2),transparent 70%),linear-gradient(180deg,#041029,#030725)}
.eyes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px)}
.eyes-grid>div{padding-top:22px;border-top:1px solid rgba(0,216,224,.35)}
.eyes-n{font:600 .85rem var(--font-display);color:var(--cyan);letter-spacing:.1em}.eyes-grid h3{color:#fff;margin:10px 0 8px}.eyes-grid p{font-size:.93rem;color:#BFCDE1;margin:0}
.statement{margin:clamp(40px,6vw,72px) 0 0;font:600 clamp(1.5rem,3.2vw,2.5rem)/1.2 var(--font-display);letter-spacing:-.02em;color:#fff;text-align:center}
@media(max-width:820px){.eyes-grid{grid-template-columns:1fr;gap:20px}.statement{text-align:left}}
.phil-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,80px);align-items:center}.sub-l{color:var(--text-dim);font-size:1.05rem}
.phil-list{list-style:none;margin:0;padding:0;counter-reset:p}
.phil-list li{counter-increment:p;display:grid;grid-template-columns:52px 1fr;padding:20px 0;border-bottom:1px solid rgba(11,40,80,.09)}
.phil-list li::before{content:"0" counter(p);grid-row:span 2;font:600 .9rem var(--font-display);color:#047780;padding-top:4px}
.phil-list b{font:600 clamp(1.15rem,1.8vw,1.4rem) var(--font-display);color:var(--text)}.phil-list span{color:var(--text-dim);font-size:.93rem}
@media(max-width:860px){.phil-grid{grid-template-columns:1fr}.phil-list li{padding:14px 0;grid-template-columns:40px 1fr}}
.respect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.respect-card{padding:26px;border-radius:18px;background:#fff;border:1px solid rgba(15,50,95,.075);box-shadow:0 18px 36px -24px rgba(6,40,80,.25)}
.respect-card .ico{width:26px;height:26px;color:#047780;margin-bottom:12px}.respect-card h3{margin-bottom:6px}.respect-card p{color:var(--text-dim);font-size:.92rem}.respect-card .link{font-size:.9rem;font-weight:500}
@media(max-width:860px){.respect-grid{grid-template-columns:1fr;gap:10px}.respect-card{padding:20px}}
@media(max-width:640px){.ph{padding:calc(76px + 36px) 0 48px}.ph h1{font-size:2.15rem}}
.model-feat>p,.model-feat .ideal{color:#C9D6E8}
.principles span{display:block}
/* --- capability lists: open on desktop, collapsible on mobile --- */
.cap-d summary{list-style:none;cursor:default}.cap-d summary::-webkit-details-marker{display:none}.cap-n{display:none}
@media(max-width:640px){
  .cap-d{margin-top:22px;border-radius:14px;border:1px solid rgba(11,40,80,.12);background:#fff}
  .pillar-dark .cap-d{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
  .cap-d summary{cursor:pointer;display:flex;align-items:center;gap:10px;margin:0;padding:15px 16px;min-height:48px;font-size:.98rem}
  .cap-n{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;font:600 .75rem var(--font-body);background:rgba(0,216,224,.16);color:#07808a}
  .pillar-dark .cap-n{color:var(--cyan)}
  .cap-d summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s;opacity:.6}
  .cap-d[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
  .cap-d .caps{padding:0 16px 8px}.cap-d .caps li:last-child{border-bottom:0}
}
/* --- engagement models: segmented on mobile, three cards on desktop --- */
.model-tabs{display:none}
@media(max-width:640px){
  .model-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:14px;border-radius:14px;background:#E7EEF5;position:sticky;top:84px;z-index:5;box-shadow:0 8px 20px -14px rgba(6,40,80,.35)}
  .model-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:8px 4px;border:0;border-radius:10px;background:transparent;font:inherit;color:var(--text-dim);cursor:pointer;transition:background .2s,color .2s}
  .model-tabs b{font:600 .9rem var(--font-display);color:var(--text)}.model-tabs span{font-size:.68rem;line-height:1.2;text-align:center}
  .model-tabs [aria-selected=true]{background:#fff;box-shadow:0 2px 8px rgba(6,40,80,.12)}.model-tabs [aria-selected=true] b{color:#07808a}
  .model-grid[data-active] .model{display:none}
  .model-grid[data-active="1"] #model-1,.model-grid[data-active="2"] #model-2,.model-grid[data-active="3"] #model-3{display:flex;animation:fadein .3s var(--ease)}
}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ===== PHASE 2 ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.crumbs a{text-decoration:none;opacity:.85}.crumbs a:hover{opacity:1}.crumbs span{opacity:.5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font:600 .7rem var(--font-body);letter-spacing:.06em;background:rgba(0,216,224,.12);color:#07808a;border:1px solid rgba(0,200,215,.25)}
.ph .pill,.section-dark .pill{background:rgba(0,216,224,.1);color:#9FF3F7;border-color:rgba(0,216,224,.3)}
.status-live{background:rgba(46,230,166,.12)!important;color:#0d8a62!important;border-color:rgba(46,200,150,.35)!important}.ph .status-live{color:#6ff0c4!important}
.status-progress{background:rgba(255,190,80,.12)!important;color:#9a6200!important;border-color:rgba(230,170,60,.35)!important}.ph .status-progress{color:#ffd28a!important}
/* service hero: vertical flow */
.flowline-v ol{grid-template-columns:1fr;gap:14px}
.flowline-v ol::before{left:23px;right:auto;top:12px;bottom:12px;width:2px;height:auto;background:repeating-linear-gradient(180deg,rgba(0,216,224,.75) 0 6px,transparent 6px 12px);background-size:2px 24px;animation:dashmove-v 1.4s linear infinite}
@keyframes dashmove-v{to{background-position:0 24px}}
.flowline-v li{flex-direction:row;text-align:left;font-size:.95rem;gap:16px;color:#E8EEF7}
.flowline-v{max-width:420px;justify-self:end;width:100%}
@media(max-width:900px){.flowline-v{justify-self:start;max-width:none}}
@media(max-width:600px){.flowline-v ol::before{animation:none}}
/* service sections */
.svc-2{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:start}
@media(max-width:900px){.svc-2{grid-template-columns:1fr}}
.svc-lead{font-size:1.1rem;line-height:1.7;color:#33475f}
.familiar{padding:26px;border-radius:18px;background:#F3F7FB;border:1px solid rgba(11,40,80,.07)}
.familiar small,.receive small,.cs-card small,.models-mini small{display:block;font:600 .7rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#047780;margin-bottom:12px}
.familiar ul,.receive ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.familiar li,.receive li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem}.familiar .ico,.receive .ico{flex:none;width:20px;height:20px;color:#047780;margin-top:2px}
.svc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-steps li{padding:26px;border-radius:18px;background:#fff;border:1px solid rgba(15,50,95,.075);box-shadow:0 18px 36px -24px rgba(6,40,80,.25)}
.svc-steps .num{margin-bottom:14px;box-shadow:none}.svc-steps h3{margin-bottom:6px}.svc-steps p{margin:0;color:var(--text-dim);font-size:.93rem}
@media(max-width:860px){.svc-steps{grid-template-columns:1fr;gap:10px}.svc-steps li{display:grid;grid-template-columns:46px 1fr;gap:0 14px;padding:18px}.svc-steps .num{grid-row:span 2;margin:0}.svc-steps h3{margin:8px 0 4px}}
.receive{padding:28px;border-radius:20px;background:radial-gradient(90% 60% at 100% 0,rgba(0,170,210,.3),transparent 60%),linear-gradient(165deg,#0a1f45,#030725);color:#E8EEF7;box-shadow:0 30px 60px -30px rgba(3,20,60,.6)}
.receive .eyebrow{color:var(--cyan)}.receive .ico{color:var(--cyan)}.receive .fine{color:#8FA3BF;margin:18px 0 0}
.svc-deliver h2{margin-bottom:18px}
.svc-helps{background:radial-gradient(50% 60% at 80% 30%,rgba(0,120,200,.2),transparent 70%),linear-gradient(180deg,#041029,#030725)}
.example-card{position:relative;padding:clamp(26px,3vw,36px);border-radius:20px;background:#F3F7FB;border:1px solid rgba(11,40,80,.07);border-left:4px solid var(--cyan)}
.example-card .tag{display:inline-block;margin-bottom:12px;font:600 .7rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#047780}
.example-card h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}.example-card p{color:#33475f;line-height:1.7}.example-card .fine{color:var(--text-dim);margin-bottom:0}
.models-mini h3{font-size:1.25rem;margin-bottom:14px}.models-mini ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.models-mini li{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid rgba(15,50,95,.08)}.models-mini b{display:block;font-size:.95rem}.models-mini span{font-size:.86rem;color:var(--text-dim)}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.rel-grid .b-card{min-height:100%}
@media(max-width:900px){.rel-grid{grid-template-columns:1fr;gap:10px}.rel-grid .b-card{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:14px;padding:16px}.rel-grid .b-card h3{margin:0 0 2px;font-size:1rem}.rel-grid .b-card p{font-size:.84rem}.rel-grid .card-go{position:static;width:28px;height:28px}}
/* review banner */
.review-banner{background:#FFF6E5;border-bottom:1px solid rgba(200,140,30,.25);color:#6b4500;font-size:.88rem}
.review-banner .container{display:flex;gap:10px;align-items:flex-start;padding-block:12px}.review-banner .ico{flex:none;width:18px;height:18px;margin-top:2px}
/* detail layout (reserved) */
.cs-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cs-grid{display:grid;grid-template-columns:1fr 320px;gap:clamp(28px,5vw,72px);align-items:start}
.cs-sec{display:grid;grid-template-columns:56px 1fr;gap:0 18px;padding:28px 0;border-bottom:1px solid rgba(11,40,80,.09)}.cs-sec:first-child{padding-top:0}
.cs-k{font:600 .9rem var(--font-display);color:#047780;padding-top:8px}
.cs-sec h2{font-size:clamp(1.3rem,2vw,1.6rem);margin-bottom:10px}.cs-sec p{color:#33475f;line-height:1.75;margin-bottom:.8em}.cs-sec .fine{color:var(--text-dim)}
.cs-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cs-list li{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;background:#F6F9FC;border:1px solid rgba(11,40,80,.06);font-size:.95rem}
.st{flex:none;padding:3px 9px;border-radius:999px;font:600 .66rem var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.st-operating,.st-deployed{background:rgba(46,230,166,.14);color:#0d8a62}.st-tested,.st-developed{background:rgba(46,139,255,.12);color:#1d5fb8}.st-planned{background:rgba(143,163,191,.18);color:#4A5B75}
.cs-aside{position:sticky;top:110px;display:grid;gap:14px}
.cs-card{padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(15,50,95,.08);box-shadow:0 18px 36px -24px rgba(6,40,80,.25)}
.cs-card .chips{margin:0}.cs-card p{font-size:.9rem;color:var(--text-dim)}.cs-card p:last-child{margin-bottom:0}
.cs-note{background:#F3F7FB}
@media(max-width:960px){.cs-grid{grid-template-columns:1fr}.cs-aside{position:static}}
@media(max-width:560px){.cs-sec{grid-template-columns:1fr;padding:22px 0}.cs-k{padding:0 0 4px}.cs-list li{flex-direction:column;gap:6px}}
.cs-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}
.cs-principles>div{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(15,50,95,.07);font-size:.86rem;color:#2B3F5C}
.cs-principles .ico{flex:none;width:20px;height:20px;color:#047780}
@media(max-width:960px){.cs-principles{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cs-principles{grid-template-columns:1fr;gap:8px}.cs-principles>div{padding:12px 14px}}
.cs-tiles{display:grid;gap:16px}
.cs-tile{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"i tags tags" "i h dl" "i p dl" "i more dl";gap:6px 28px;padding:clamp(24px,3vw,36px);border-radius:20px;text-decoration:none;background:#fff;border:1px solid rgba(15,50,95,.08);box-shadow:0 22px 44px -28px rgba(6,40,80,.3);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.cs-tile:hover{transform:translateY(-3px);border-color:rgba(0,200,215,.4);box-shadow:0 28px 56px -28px rgba(0,120,170,.4)}
.cs-i{grid-area:i;font:600 clamp(2.4rem,4vw,3.4rem)/1 var(--font-display);background:linear-gradient(135deg,#00D8E0,#2E8BFF);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.45}
.cs-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:8px}.cs-tile h2{grid-area:h;font-size:clamp(1.25rem,2.2vw,1.65rem);margin:8px 0 0}.cs-tile p{grid-area:p;margin:0;color:var(--text-dim)}
.cs-tile dl{grid-area:dl;margin:0;display:grid;gap:10px;align-content:start;min-width:180px;padding-left:24px;border-left:1px solid rgba(11,40,80,.09)}
.cs-tile dt{font:600 .68rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#047780}.cs-tile dd{margin:2px 0 0;font-size:.92rem}
.cs-tile .b-more{grid-area:more;color:#07808a;padding-top:10px}
@media(max-width:860px){.cs-tile{grid-template-columns:1fr;grid-template-areas:"i" "tags" "h" "p" "dl" "more";gap:8px}.cs-tile dl{padding:12px 0 0;border-left:0;border-top:1px solid rgba(11,40,80,.09);grid-template-columns:1fr 1fr;min-width:0}.cs-i{font-size:2rem}}
/* insights */
.art-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:16px}
.art-grid-2{grid-template-columns:1fr 1fr}
.art-card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:#fff;border:1px solid rgba(15,50,95,.08);box-shadow:0 22px 44px -28px rgba(6,40,80,.3);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.art-card:hover{transform:translateY(-3px);border-color:rgba(0,200,215,.4)}
.art-card h2{font-size:clamp(1.2rem,2vw,1.45rem);margin:4px 0 0}.art-card p{margin:0;color:var(--text-dim);font-size:.94rem}.art-card .b-more{color:#07808a;padding-top:12px}
.art-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-dim)}
.art-feat{grid-row:span 2;justify-content:flex-end;min-height:420px;position:relative;overflow:hidden;background:radial-gradient(90% 60% at 100% 0,rgba(0,170,210,.35),transparent 60%),linear-gradient(165deg,#0a1f45,#030725);border-color:rgba(0,216,224,.3);color:#E8EEF7}
.art-feat::before{content:"";position:absolute;inset:0 0 45% 0;background:url(../assets/flow.svg) center/cover;opacity:.5;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.art-feat>*{position:relative}.art-feat h2{font-size:clamp(1.6rem,2.8vw,2.2rem);color:#fff}.art-feat p{color:#BFCDE1}.art-feat .art-meta{color:#8FA3BF}.art-feat .pill{background:rgba(0,216,224,.12);color:#9FF3F7;border-color:rgba(0,216,224,.3)}.art-feat .b-more{color:var(--cyan)}
@media(max-width:900px){.art-grid,.art-grid-2{grid-template-columns:1fr}.art-feat{grid-row:auto;min-height:340px}.art-card{padding:22px}}
.ph-art h1{max-width:20em;font-size:clamp(2rem,4vw,3.2rem)}.art-by{margin:18px 0 0;font-size:.85rem;color:#8FA3BF}
.art-wrap{display:grid;grid-template-columns:minmax(0,720px) 280px;gap:clamp(28px,6vw,96px);justify-content:space-between;align-items:start}
.art-aside{position:sticky;top:110px}.art-aside .btn{margin-top:4px}
@media(max-width:960px){.art-wrap{grid-template-columns:1fr}.art-aside{position:static}}
.prose{font-size:1.08rem;line-height:1.8;color:#2B3F5C}
.prose h2{font-size:clamp(1.35rem,2.2vw,1.7rem);margin:1.8em 0 .5em;color:var(--text)}
.prose p{margin:0 0 1.15em}.prose strong{color:var(--text)}
.prose ul{margin:0 0 1.3em;padding:0;list-style:none;display:grid;gap:12px}
.prose li{position:relative;padding-left:24px}.prose li::before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#00D8E0,#2E8BFF)}
.prose>p:first-child{font-size:1.18rem;color:var(--text)}
@media(max-width:560px){.prose{font-size:1rem;line-height:1.75}}
/* contact */
.contact-grid{display:grid;grid-template-columns:1fr minmax(0,520px);gap:clamp(28px,5vw,80px);align-items:start}
.contact-points{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px}
.contact-points li{display:flex;gap:14px}.contact-points .ico{flex:none;width:22px;height:22px;color:var(--cyan);margin-top:2px}
.contact-points b{display:block;color:#fff}.contact-points span{font-size:.92rem;color:#AFC0D6}
.form-card{padding:clamp(24px,3vw,36px);border-radius:22px;background:#fff;color:var(--text);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(0,216,224,.2)}
.form-card h2{font-size:1.5rem;margin-bottom:4px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form input:not([type=checkbox]),.form textarea{background:#F7FAFC;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form textarea:focus{outline:none;border-color:#00b8c2;box-shadow:0 0 0 3px rgba(0,216,224,.2);background:#fff}
.form .check{display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-size:.9rem;color:#2B3F5C;cursor:pointer}
.form .check input{width:18px;height:18px;margin-top:2px;accent-color:#00a9b3;flex:none}
.form .btn{justify-self:start}.form-status{font-size:.9rem;color:#07808a}
@media(max-width:960px){.contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.form .btn{justify-self:stretch}}
.form [aria-invalid=true]{border-color:#d4483b!important;box-shadow:0 0 0 3px rgba(212,72,59,.15)!important}
.form-status[data-kind=error]{color:#b3261e}.form-status[data-kind=ok]{color:#0d8a62;font-weight:500}
.form button[disabled]{opacity:.6;cursor:wait}
.cf-turnstile{min-height:65px}
@media(max-width:640px){.form input:not([type=checkbox]),.form textarea{font-size:16px}}
/* founder: text-only layout (no photograph supplied) */
.founder-text{grid-template-columns:minmax(0,820px);justify-content:center}
.founder-text .founder-copy h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
.portrait-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.signoff{display:flex;align-items:center;gap:12px;margin:28px 0 0;font-size:.95rem;color:var(--text-dim)}
.signoff-line{width:36px;height:2px;background:linear-gradient(90deg,#00D8E0,#2E8BFF)}.signoff b{color:var(--text)}
.signoff span:last-child::before{content:"·";margin-right:12px}
.form-note{margin:0;font-size:.82rem;color:var(--text-dim)}.form-note a{color:#07808a}
.footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-base a{color:var(--slate-400);text-decoration:none}.footer-base a:hover{color:var(--cyan)}
.phases h2.h3{font-size:1.15rem;letter-spacing:-.01em;margin-bottom:6px;color:#fff}
@media(max-width:560px){.phases h2.h3{margin:8px 0 2px}}
.form .check small{display:block;margin-top:3px;font-size:.8rem;color:var(--text-dim)}

/* ===== pilot: insights layout (featured spans the row; no empty panel) ===== */
.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:20px}
.art-grid-2{grid-template-columns:1fr 1fr}
.art-feat{grid-column:1/-1;grid-row:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;padding:0;align-items:stretch}
.art-feat::before{display:none}
.art-copy{display:flex;flex-direction:column;gap:12px;padding:clamp(28px,3.4vw,44px);justify-content:center}
.art-feat h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.15;max-width:18em}.art-feat p{max-width:34em;font-size:1rem}
.art-cover{display:block;width:100%;height:100%;min-height:240px;border-left:1px solid rgba(255,255,255,.06)}
.art-card:not(.art-feat){padding:26px}.art-card:not(.art-feat) .b-more{margin-top:auto}
@media(max-width:980px){.art-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.art-grid,.art-grid-2{grid-template-columns:1fr}.art-feat{grid-template-columns:1fr}.art-cover{order:-1;min-height:0;height:150px;border-left:0;border-bottom:1px solid rgba(255,255,255,.06)}.art-copy{padding:22px}}

/* ===== Solutions example flows: no marching dashes; the path fills once, each step lights as it is reached ===== */
.flowline ol::before{animation:none;background:rgba(127,200,255,.14);height:1px;top:24px}
.flowline ol::after{content:"";position:absolute;left:10%;right:10%;top:23.5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#00D8E0,#2E8BFF 70%,#5BE7EE);box-shadow:0 0 10px rgba(0,216,224,.5);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .2s cubic-bezier(.6,0,.2,1)}
.flowline ol::before,.flowline ol::after{z-index:0}.flowline li{z-index:1;opacity:.35;transition:opacity .5s var(--ease)}
.flowline li .ico{border-radius:14px;padding:13px;background:linear-gradient(160deg,#0d2b57,#061633);border:1px solid rgba(127,240,244,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -10px rgba(0,0,0,.6);transition:border-color .5s,box-shadow .5s}
.flowline li:last-child .ico{background:linear-gradient(160deg,#16e3ea,#0a9fd8);color:#03142e;border-color:transparent;box-shadow:0 10px 26px -10px rgba(0,216,224,.75)}
.flowline.is-in ol::after{transform:scaleX(1)}
.flowline.is-in li{opacity:1}
.flowline.is-in li:nth-child(1){transition-delay:.2s}.flowline.is-in li:nth-child(2){transition-delay:.55s}.flowline.is-in li:nth-child(3){transition-delay:.9s}.flowline.is-in li:nth-child(4){transition-delay:1.25s}.flowline.is-in li:nth-child(5){transition-delay:1.6s}
.flowline.is-in li .ico{border-color:rgba(127,240,244,.55)}
@media(max-width:600px){.flowline ol::before{left:22px;top:10px;bottom:10px;width:1px;height:auto;background:rgba(127,200,255,.14)}.flowline ol::after{left:21.5px;right:auto;top:10px;bottom:10px;width:2px;height:auto;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,#00D8E0,#2E8BFF 70%,#5BE7EE)}.flowline.is-in ol::after{transform:scaleY(1)}.flowline li .ico{padding:10px;border-radius:12px}}
@media (prefers-reduced-motion:reduce){.flowline li{opacity:1}.flowline ol::after{transform:none!important}}
