@font-face{font-family:Lufga;src:url('assets/fonts/Lufga-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lufga;src:url('assets/fonts/Lufga-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Lufga;src:url('assets/fonts/Lufga-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Lufga;src:url('assets/fonts/Lufga-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --ink:#070907;--ink-soft:#0d100d;--surface:#121512;--surface-2:#181c18;
  --paper:#f0f2eb;--paper-2:#e6e9df;--text:#f6f8f2;--muted:#949b90;
  --dark-text:#0a0c09;--dark-muted:#626960;--lime:#baff18;--lime-soft:#d0ff5d;
  --line-dark:rgba(255,255,255,.13);--line-light:rgba(9,12,8,.14);--shell:1440px;
}

[data-theme="kayan-v2"]{
  color-scheme:dark;
  --color-base-100:var(--ink);--color-base-200:var(--surface);--color-base-300:var(--surface-2);
  --color-base-content:var(--text);--color-primary:var(--lime);--color-primary-content:#0b0d08;
  --color-secondary:#2b302a;--color-secondary-content:var(--text);--radius-selector:999px;
  --radius-field:1rem;--radius-box:1.4rem;--border:1px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;font-family:Lufga,Arial,sans-serif;background:var(--ink);color:var(--text);overflow-x:hidden;text-rendering:optimizeLegibility}
body,button,a{font-family:Lufga,Arial,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--lime);color:var(--ink);padding:.8rem 1rem}
.skip-link:focus{top:1rem}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.section-dark{background:var(--ink);color:var(--text)}
.section-light{background:var(--paper);color:var(--dark-text)}
.section-pad{padding:clamp(6rem,10vw,10rem) 0}
.section-pad-sm{padding:clamp(4rem,7vw,7rem) 0 clamp(6rem,10vw,10rem)}
.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(186,255,24,.1)}

.site-header{position:fixed;inset:0 0 auto;z-index:60;background:rgba(7,9,7,.86);border-bottom:1px solid var(--line-dark);backdrop-filter:blur(18px)}
.nav-shell{height:96px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand img{width:112px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:clamp(1.3rem,2.5vw,2.5rem);margin-left:auto}
.desktop-nav a{color:#c2c7bd;font-size:.88rem;font-weight:500;transition:color .2s ease}
.desktop-nav a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:.8rem}
.language-switch{display:flex;border:1px solid var(--line-dark);padding:4px;border-radius:999px}
.lang-btn{border:0;background:transparent;color:#92998d;border-radius:999px;padding:.52rem .66rem;font-size:.75rem;font-weight:700}
.lang-btn.is-active{background:var(--lime);color:var(--ink)}
.btn{font-weight:600;text-transform:none;box-shadow:none;min-height:2.8rem;padding-inline:1.25rem}
.btn-primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn-primary:hover{background:var(--lime-soft);border-color:var(--lime-soft)}
.btn-outline{border-color:var(--line-dark);color:var(--text);background:rgba(255,255,255,.02)}
.btn-outline:hover{background:var(--text);border-color:var(--text);color:var(--ink)}
.btn svg{width:1rem;height:1rem;margin-left:.25rem}
.menu-toggle{display:none;color:var(--text)}
.mobile-nav{border-top:1px solid var(--line-dark);padding:1.4rem 32px 1.7rem;background:var(--ink)}
.mobile-nav a:not(.btn){display:block;padding:.8rem 0;color:#c6ccc0}
.mobile-nav .btn{width:100%;margin-top:.7rem}

.hero{min-height:100svh;padding:clamp(9rem,12vw,12rem) 0 5rem;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 22%,rgba(97,139,20,.16),transparent 30%),linear-gradient(180deg,#070907,#090c08)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);align-items:center;gap:clamp(3rem,6vw,6rem)}
.eyebrow,.stage-kicker{display:flex;align-items:center;gap:.8rem;color:#b9c0b5;font-size:.72rem;font-weight:700;letter-spacing:.16em}
.hero h1{font-size:clamp(3.9rem,6.6vw,7.2rem);line-height:.88;letter-spacing:-.065em;margin:2rem 0 2rem;font-weight:600;max-width:8.8ch}
.hero h1 .accent{color:var(--lime)}
.hero-lead{max-width:620px;color:#aeb5aa;font-size:clamp(1.05rem,1.25vw,1.3rem);line-height:1.6;margin:0}
.hero-actions{display:flex;gap:.9rem;margin:2.3rem 0 2.4rem;flex-wrap:wrap}
.scope-strip{display:flex;align-items:center;flex-wrap:wrap;border:1px solid var(--line-dark);width:fit-content;background:rgba(255,255,255,.025)}
.scope-strip span{display:flex;align-items:center;gap:.55rem;padding:.9rem 1.05rem;border-right:1px solid var(--line-dark);color:#bdc4b8;font-size:.74rem;letter-spacing:.02em}
.scope-strip span:last-child{border:0}
.scope-strip svg{color:var(--lime);width:1rem;height:1rem}
.product-stage{position:relative;padding:4.2rem 2.5rem 2.5rem;border:1px solid var(--line-dark);background:rgba(16,20,15,.72);min-height:640px;border-radius:2rem}
.product-stage:before{content:"";position:absolute;width:520px;aspect-ratio:1;border:1px solid rgba(186,255,24,.16);border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 90px rgba(186,255,24,.02),0 0 0 180px rgba(186,255,24,.018)}
.stage-kicker{position:absolute;top:1.7rem;left:2rem}
.dashboard-frame,.browser-card{position:relative;background:#151815;border:1px solid rgba(255,255,255,.2);border-radius:1.3rem;padding:2.5rem .65rem .65rem;box-shadow:0 36px 80px rgba(0,0,0,.36);overflow:hidden}
.dashboard-frame{margin:2.8rem 0 0 10%;transform:rotate(.35deg)}
.browser-bar{position:absolute;left:0;right:0;top:0;height:2.2rem;display:flex;align-items:center;gap:.36rem;padding:0 .8rem;color:#788076;font-size:.55rem;border-bottom:1px solid rgba(255,255,255,.08)}
.browser-bar i{width:6px;height:6px;border-radius:50%;background:#596057}
.browser-bar span{margin:auto;transform:translateX(-17px)}
.dashboard-frame img,.browser-card img{border-radius:.55rem;width:100%}
.phone-frame{position:absolute;width:28%;left:0;bottom:-4%;padding:.32rem;background:#20241f;border:1px solid rgba(255,255,255,.24);border-radius:2rem;box-shadow:0 25px 60px rgba(0,0,0,.48);overflow:hidden;transform:rotate(-3.5deg)}
.phone-frame img{border-radius:1.65rem}
.sync-note{position:absolute;right:2rem;bottom:1.4rem;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border:1px solid var(--line-dark);background:rgba(8,10,8,.9);color:#bcc3b8;font-size:.72rem;border-radius:999px}
.sync-note img{width:1.6rem}

.problem-section{border-top:1px solid var(--line-dark)}
.section-intro h2,.chapter-head h2,.feature-copy h2,.team-copy h2,.member-copy h2,.outcomes-title h2,.demo-card h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.97;letter-spacing:-.055em;font-weight:600}
.section-intro h2{margin:1.7rem 0 1.5rem}
.section-intro p,.chapter-head p,.feature-copy>p,.team-copy>p,.member-copy>p,.demo-card p{font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.68;color:var(--muted)}
.badge-outline{letter-spacing:.13em;font-size:.65rem;font-weight:700;padding:.75rem 1rem}
/* Original connected-system section, shared by both homepage entry points. */
.connection-section{--connection-lime:#c8ff28;--connection-muted:#a9ada3;background:#090b09;color:#f7f8f2;border-top:1px solid var(--line-dark);overflow:hidden;scroll-margin-top:100px}
.connection-section .connection-grid{max-width:1280px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}
.connection-section .connection-kicker{display:flex;align-items:center;gap:28px;margin:0 0 34px;color:#81877d;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.connection-section .connection-kicker>span:first-child{color:var(--connection-lime)}
.connection-section h2{margin:0;font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.05em;font-weight:600}
.connection-section .connection-lead{margin:32px 0 0;max-width:530px;color:var(--connection-muted);font-size:1rem;line-height:1.7}
.connection-section .security-note{display:flex;flex-direction:row;align-items:center;gap:14px;margin-top:42px;padding:18px;max-width:480px;border:1px solid var(--line-dark);border-radius:18px;background:rgba(255,255,255,.025)}
.connection-section .security-note>svg{width:28px;height:28px;color:var(--connection-lime);flex:none}
.connection-section .security-note h3{margin:0 0 5px;font-size:.75rem;font-weight:700;line-height:1.4}
.connection-section .security-note p{margin:0;color:var(--connection-muted);font-size:.6875rem;line-height:1.5}
.connection-section .connection-map{--node-width:175px;--core-size:140px;width:min(100%,640px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(198,255,29,.09)}
.connection-section .connection-map::before,.connection-section .connection-map::after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.connection-section .connection-map::before{width:74%;height:74%}
.connection-section .connection-map::after{width:46%;height:46%}
.connection-section .system-core{position:relative;z-index:3;width:var(--core-size);height:var(--core-size);border-radius:50%;display:grid;place-items:center;background:#181b17;border:1px solid rgba(198,255,29,.4);box-shadow:0 0 80px rgba(198,255,29,.08)}
.connection-section .system-core img{width:60px;height:60px;object-fit:contain}
.connection-section .system-core small{position:absolute;bottom:19px;color:#858b80;font-size:.4375rem;letter-spacing:.12em}
.connection-section .core-orbit{position:absolute;inset:-14px;border:1px solid rgba(198,255,29,.2);border-radius:50%;animation:connection-orbit-pulse 3s ease-in-out infinite}
.connection-section .system-node{position:absolute;z-index:3;width:var(--node-width);min-height:70px;display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid var(--line-dark);background:#181b17;border-radius:18px;padding:14px}
.connection-section .system-node>svg{width:28px;height:28px;flex:none;color:var(--connection-lime)}
.connection-section .system-node>span{display:grid;gap:4px;min-width:0}
.connection-section .system-node b{font-size:.6875rem;line-height:1.4;font-weight:700}
.connection-section .system-node small{color:var(--connection-muted);font-size:.5625rem;line-height:1.4}
.connection-section .node-member{left:0;top:50%;transform:translateY(-50%)}
.connection-section .node-gym{right:0;top:50%;transform:translateY(-50%)}
.connection-section .connector{position:absolute;top:50%;width:calc(50% - var(--node-width));height:1px;background:linear-gradient(90deg,rgba(198,255,29,.1),var(--connection-lime))}
.connection-section .connector::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;top:-2.5px;background:var(--connection-lime);animation:connection-data-move 2.8s linear infinite}
.connection-section .connector-left{left:var(--node-width)}
.connection-section .connector-right{right:var(--node-width);transform:rotate(180deg)}
.connection-section .data-pill{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:8px 11px;color:#979c94;font-size:.5625rem;line-height:1.4;background:#111310}
.connection-section .data-pill i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--connection-lime)}
.connection-section .data-one{left:21%;top:15%}
.connection-section .data-two{right:20%;top:18%}
.connection-section .data-three{left:21%;bottom:15%}
.connection-section .data-four{right:21%;bottom:18%}
@keyframes connection-orbit-pulse{50%{transform:scale(1.08);opacity:.5}}
@keyframes connection-data-move{from{left:0}to{left:100%}}
@keyframes connection-data-move-vertical{from{top:0}to{top:100%}}
@media(max-width:1120px){
  .connection-section .connection-grid{gap:40px}
  .connection-section .connection-map{--node-width:150px}
  .connection-section .system-node{padding:12px;gap:8px}
}
@media(max-width:920px){
  .connection-section .connection-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .connection-section .connection-copy{max-width:600px}
  .connection-section .connection-map{--node-width:175px}
}
@media(max-width:680px){
  .connection-section .connection-map{--node-width:150px;width:min(100%,500px);min-height:380px}
  .connection-section h2{font-size:clamp(38px,9vw,54px)}
  .connection-section .connection-kicker{gap:20px;margin-bottom:26px}
  .connection-section .node-member{left:50%;top:22px;transform:translateX(-50%)}
  .connection-section .node-gym{right:auto;left:50%;top:auto;bottom:22px;transform:translateX(-50%)}
  .connection-section .connector{left:50%;right:auto;top:auto;width:1px;height:calc(50% - 92px);background:linear-gradient(0deg,rgba(198,255,29,.1),var(--connection-lime))}
  .connection-section .connector-left{top:92px}
  .connection-section .connector-right{bottom:92px;transform:rotate(180deg)}
  .connection-section .connector::after{top:auto;left:-2.5px;animation-name:connection-data-move-vertical}
  .connection-section .data-one{left:3%;top:26%}
  .connection-section .data-two{right:3%;top:28%}
  .connection-section .data-three{left:3%;bottom:26%}
  .connection-section .data-four{right:4%;bottom:28%}
}
@media(prefers-reduced-motion:reduce){
  .connection-section .core-orbit,.connection-section .connector::after{animation:none}
}

.chapter-head{display:grid;grid-template-columns:.7fr 1.4fr .9fr;gap:4rem;align-items:start;margin-bottom:5rem}
.chapter-head>div{display:flex;gap:1.2rem;align-items:center;padding-top:.7rem}
.chapter-index{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--lime)}
.section-light .chapter-index{color:#466600}
.chapter-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--dark-muted)}
.chapter-head h2{margin:0}.chapter-head p{margin:.4rem 0 0;color:var(--dark-muted)}
.chapter-head.inverse .chapter-label,.chapter-head.inverse p{color:var(--muted)}
.journey{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.journey li{position:relative;padding:2.2rem 1.2rem 2.8rem;border-right:1px solid var(--line-light);min-height:292px}
.journey li:last-child{border-right:0}
.journey-icon{width:3.2rem;height:3.2rem;border:1px solid var(--line-light);display:grid;place-items:center;margin-bottom:2.5rem;background:rgba(255,255,255,.3)}
.journey-icon svg{color:#547800}
.journey li>span{font-size:.66rem;font-weight:700;color:#66705f;letter-spacing:.12em}
.journey h3{font-size:1.08rem;margin:.75rem 0 .65rem;line-height:1.15}
.journey p{font-size:.82rem;line-height:1.55;color:var(--dark-muted);margin:0}

.split-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(4rem,8vw,8rem);align-items:center}
.feature-copy .chapter-label,.team-copy .chapter-label,.member-copy .chapter-label{display:block;margin:.6rem 0 2rem}
.feature-copy h2,.team-copy h2,.member-copy h2{margin:0 0 1.5rem}
.check-list{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line-light)}
.check-list li{display:flex;align-items:center;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--line-light);font-size:.92rem;font-weight:500}
.check-list svg{width:1.1rem;color:#4c6e00}
.feature-visual{position:relative;padding:1.5rem 1.5rem 3.8rem;background:var(--paper-2);border:1px solid var(--line-light)}
.browser-card{border-color:rgba(8,10,8,.26);box-shadow:0 28px 60px rgba(30,35,23,.16)}
.visual-label{position:absolute;bottom:1.3rem;right:1.5rem;display:flex;align-items:center;gap:.7rem;font-size:.67rem;letter-spacing:.14em;font-weight:700;color:#4f574b}
.visual-label .signal{box-shadow:none}

.operations{border-top:1px solid var(--line-dark)}
.operations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.operation-card{background:var(--surface);border-color:var(--line-dark);border-radius:0;overflow:hidden}
.operation-card .card-body{padding:2rem;position:relative;min-height:340px}
.operation-card-wide{grid-column:1/-1}
.operation-card-wide .card-body{display:grid;grid-template-columns:.55fr .8fr 1.6fr;gap:2rem;align-items:center;min-height:430px}
.card-number{position:absolute;right:1.5rem;top:1.5rem;color:#667063;font-size:.7rem;letter-spacing:.16em}
.operation-icon{width:2rem;height:2rem;color:var(--lime);margin-bottom:2.4rem}
.operation-card h3{font-size:clamp(1.5rem,2.1vw,2.1rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.03em}
.operation-card p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}
.operation-screen{grid-column:3;border:1px solid var(--line-dark);padding:.45rem;background:#0b0d0b}
.operation-screen img{width:100%}

.team-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(4rem,10vw,10rem);align-items:center}
.role-stack{border-top:1px solid var(--line-light)}
.role-stack article{display:grid;grid-template-columns:40px 54px 1fr;align-items:center;gap:1.2rem;border-bottom:1px solid var(--line-light);padding:1.35rem 0}
.role-stack article>span{font-size:.65rem;letter-spacing:.12em;color:#6a7365}
.role-stack article>svg{width:1.45rem;color:#527400}
.role-stack h3{font-size:1.15rem;margin:0 0 .25rem}.role-stack p{margin:0;color:var(--dark-muted);font-size:.85rem}

.member-section{position:relative;overflow:hidden}
.member-section:before{content:"";position:absolute;right:-180px;bottom:-260px;width:800px;height:800px;border:1px solid rgba(186,255,24,.14);border-radius:50%;box-shadow:0 0 0 110px rgba(186,255,24,.015),0 0 0 220px rgba(186,255,24,.012)}
.member-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(4rem,8vw,8rem);align-items:center}
.member-points{display:grid;grid-template-columns:repeat(2,1fr);margin-top:2.3rem;border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.member-points span{display:flex;align-items:center;gap:.65rem;padding:1rem;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font-size:.78rem}
.member-points svg{color:var(--lime);width:1rem}
.phones-stage{position:relative;min-height:700px}
.phone{position:absolute;top:50%;width:40%;background:#1c201b;border:1px solid rgba(255,255,255,.2);padding:.34rem;border-radius:2.4rem;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.phone img{border-radius:2rem}
.phone-back{left:12%;transform:translateY(-47%) rotate(-8deg)}
.phone-front{right:14%;transform:translateY(-53%) rotate(6deg);z-index:2}
.member-sync{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:.7rem;padding:.8rem 1.1rem;border:1px solid var(--line-dark);background:rgba(7,9,7,.92);font-size:.65rem;letter-spacing:.13em;font-weight:700;white-space:nowrap}

.outcomes-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,10vw,10rem);align-items:start}
.outcomes-title h2{margin:1.5rem 0 0}
.outcome-list{border-top:1px solid var(--line-light)}
.outcome-list article{display:grid;grid-template-columns:50px 1fr;gap:1.2rem;padding:1.8rem 0;border-bottom:1px solid var(--line-light)}
.outcome-list article>span{font-size:.68rem;letter-spacing:.13em;color:#65705e}
.outcome-list h3{margin:0 0 .5rem;font-size:1.3rem}.outcome-list p{margin:0;color:var(--dark-muted);line-height:1.6}

.demo-section{padding:0 0 4rem}
.demo-card{border:1px solid rgba(186,255,24,.25);background:radial-gradient(circle at 85% 10%,rgba(186,255,24,.12),transparent 28%),#0d100d;padding:clamp(2.5rem,6vw,5.5rem);display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}
.demo-card h2{max-width:760px;margin:1.5rem 0 1rem}.demo-card p{margin:0;max-width:700px}
.demo-card .btn{flex:none}
.site-footer{border-top:1px solid var(--line-dark);padding:2.5rem 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:2rem;color:#858c81;font-size:.78rem}
.footer-grid img{width:94px}.footer-grid p{margin:0}.footer-grid>span{justify-self:end}
.footer-contact-link{justify-self:end;color:#c8ff28;font-size:.75rem;text-decoration:none}.footer-contact-link:hover{text-decoration:underline}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1180px){
  .desktop-nav{display:none}.menu-toggle{display:inline-grid}.nav-cta{display:none}
  .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:850px}.hero h1{max-width:11ch}
  .hero-product{max-width:900px;width:100%;margin:1rem auto 0}.product-stage{min-height:620px}
  .chapter-head{grid-template-columns:.55fr 1.45fr}.chapter-head>p{grid-column:2}
  .journey{grid-template-columns:repeat(3,1fr)}.journey li:nth-child(3){border-right:0}.journey li:nth-child(-n+3){border-bottom:1px solid var(--line-light)}
  .operations-grid{grid-template-columns:repeat(2,1fr)}.operation-card-wide{grid-column:1/-1}.operations-grid>.operation-card:last-child{grid-column:1/-1}
}

@media(max-width:860px){
  .shell{width:min(calc(100% - 40px),var(--shell))}.nav-shell{height:78px}.brand img{width:92px}
  .hero{padding-top:8.5rem}.hero h1{font-size:clamp(3.2rem,14vw,5.2rem)}
  .product-stage{min-height:auto;padding:3.7rem 1rem 4.7rem}.dashboard-frame{margin:1.5rem 0 0 5%}.phone-frame{width:26%;left:-1%;bottom:-1%}.sync-note{right:1rem;bottom:1rem}
  .split-feature,.team-grid,.member-grid,.outcomes-grid{grid-template-columns:1fr}.split-feature,.team-grid,.member-grid,.outcomes-grid{gap:3.5rem}
  .chapter-head{grid-template-columns:1fr;gap:1.5rem}.chapter-head>p{grid-column:auto}.chapter-head>div{padding:0}.chapter-head h2{max-width:13ch}
  .operation-card-wide .card-body{grid-template-columns:1fr;gap:1.5rem}.operation-card-wide .operation-copy{padding-top:2rem}.operation-screen{grid-column:auto}
  .phones-stage{min-height:650px}.phone{width:42%}.phone-back{left:8%}.phone-front{right:9%}
  .demo-card{align-items:flex-start;flex-direction:column}.demo-card .btn{width:100%}
}

@media(max-width:620px){
  .section-pad{padding:5.5rem 0}.section-pad-sm{padding:4rem 0 5.5rem}.shell{width:min(calc(100% - 32px),var(--shell))}
  .hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.scope-strip{display:grid;grid-template-columns:1fr 1fr;width:100%}.scope-strip span:nth-child(2){border-right:0}.scope-strip span:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}
  .hero-product{margin-top:0}.product-stage{padding-bottom:4.3rem;border-radius:1.2rem}.stage-kicker{left:1rem;top:1.35rem;font-size:.58rem}.dashboard-frame{margin:1.1rem 0 0;padding-top:1.8rem}.browser-bar{height:1.6rem}.phone-frame{width:31%;border-radius:1.1rem}.phone-frame img{border-radius:.9rem}.sync-note{font-size:0;width:2.7rem;height:2.7rem;padding:.55rem;border-radius:50%;justify-content:center}.sync-note img{width:1.35rem}
  .journey{grid-template-columns:1fr}.journey li{border-right:0;border-bottom:1px solid var(--line-light);min-height:auto;padding:1.5rem 0}.journey li:nth-child(3){border-right:0}.journey li:last-child{border-bottom:0}.journey-icon{margin-bottom:1.5rem}
  .operations-grid{grid-template-columns:1fr}.operations-grid>.operation-card:last-child{grid-column:auto}.operation-card .card-body{min-height:auto}
  .member-points{grid-template-columns:1fr}.phones-stage{min-height:560px}.phone{width:55%}.phone-back{left:0}.phone-front{right:0}.member-sync{bottom:0;width:100%;white-space:normal;font-size:.58rem}
  .footer-grid{grid-template-columns:1fr;gap:1rem}.footer-grid>span,.footer-contact-link{justify-self:start}
}

.hero-device-composition{margin:0;min-width:0;isolation:isolate}
.hero-device-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:24px}
.hero-device-composition figcaption{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:1.4rem 0 0;padding:.8rem 1rem;color:#b6bfaf;font-size:.85rem;line-height:1.5;text-align:left}
.hero-device-composition figcaption img{width:24px;height:24px;flex:none}
@media(min-width:1181px){.hero-grid:has(.hero-device-composition){grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2rem,4vw,4rem)}}
@media(max-width:620px){.hero-device-art{border-radius:14px}.hero-device-composition figcaption{font-size:.8rem;padding:0;margin-top:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}