/* The live-demo action belongs beside the main CTA, not below the video tabs. */
.hero-copy .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-copy .hero-demo-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;min-height:52px;padding:14px 20px;border:1px solid var(--green);border-radius:14px;background:var(--paper);color:var(--green);font-size:15px;font-weight:500;box-shadow:0 3px 0 color-mix(in srgb,var(--green) 12%,transparent);transition:background .2s,transform .2s,box-shadow .2s}.hero-copy .hero-demo-toggle:hover{background:var(--tint);transform:translateY(-2px);box-shadow:0 5px 0 color-mix(in srgb,var(--green) 12%,transparent)}.hero-copy .hero-demo-toggle[aria-pressed=true]{background:var(--tint)}.hero-copy .hero-demo-toggle:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
/* Six little stories share a stage. The scenery changes with the story. */
.feature-stories{--scene-wash:#e5ecd9;--scene-accent:#507958;position:relative;background:var(--paper);transition:background-color .65s}.feature-stories:before{content:'';position:absolute;inset:125px 0 0;pointer-events:none;background-color:var(--scene-wash);mask-image:linear-gradient(180deg,transparent,#000 70%,transparent);opacity:.65;transition:background-color .85s ease}.feature-stories[data-scene=collection]{--scene-wash:#f1ddbb;--scene-accent:#9c6a35}.feature-stories[data-scene=split]{--scene-wash:#f0d6c5;--scene-accent:#a15d3e}.feature-stories[data-scene=balance]{--scene-wash:#d9e9e2;--scene-accent:#3c7868}.feature-stories[data-scene=random]{--scene-wash:#e4dcf0;--scene-accent:#79628d}.feature-stories[data-scene=currency]{--scene-wash:#d1e7ee;--scene-accent:#397d91}
[data-theme=dark] .feature-stories{--scene-wash:#31462e;--scene-accent:#a6c68f}[data-theme=dark] .feature-stories[data-scene=collection]{--scene-wash:#53462c;--scene-accent:#e2bb7d}[data-theme=dark] .feature-stories[data-scene=split]{--scene-wash:#543c32;--scene-accent:#e2aa88}[data-theme=dark] .feature-stories[data-scene=balance]{--scene-wash:#284b42;--scene-accent:#92c6b3}[data-theme=dark] .feature-stories[data-scene=random]{--scene-wash:#45384f;--scene-accent:#c4addc}[data-theme=dark] .feature-stories[data-scene=currency]{--scene-wash:#284650;--scene-accent:#9ac9dd}
.feature-stories .capabilities-heading h2{font-size:clamp(28px,2.6vw,37px)}.feature-stories .feature-tabs{gap:22px}.feature-stories .feature-tabs button{font-size:12px;min-width:0;min-height:50px;line-height:1.35;border-bottom:0;isolation:isolate}.feature-tabs b{font-weight:500}.feature-tabs i{position:absolute;bottom:-1px;height:2px;left:0;width:100%;background:var(--scene-accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.feature-tabs [aria-selected=true] i{transform:scaleX(var(--scene-progress,0));transition:transform .2s linear}.feature-stories .feature-tabs [aria-selected=true]{color:var(--scene-accent)}.feature-stories .feature-tabs [aria-selected=true]:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:var(--scene-accent);opacity:.18;z-index:-1}
.feature-stories .feature-stage{min-height:480px;padding:20px 55px 8px;gap:80px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.feature-stories .feature-copy{min-height:0!important;max-width:480px;padding:0;align-self:center}.feature-stories .feature-phase{font-size:10px;letter-spacing:.12em;margin-bottom:10px;color:var(--scene-accent)}.feature-stories .feature-copy h3{font-size:clamp(30px,3.1vw,43px);max-width:none;min-height:92px;line-height:1.05}.feature-stories .feature-description{font-size:15px;line-height:1.6;min-height:72px;max-width:440px;margin-top:12px}.feature-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.feature-steps li{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px;line-height:1.4;min-height:29px;transition:color .3s,transform .3s}.story-step-number{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;background:var(--paper);transition:background .35s,border-color .35s,color .35s}.feature-steps .is-current{color:var(--ink);transform:translateX(3px)}.is-current .story-step-number{background:var(--scene-accent);border-color:var(--scene-accent);color:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb,var(--scene-accent) 12%,transparent)}.is-done .story-step-number{color:var(--scene-accent);border-color:var(--scene-accent);background:var(--paper)}
.feature-mascot{display:flex;align-items:center;gap:8px;min-height:100px;margin-top:15px;position:relative}.feature-mascot img{display:block;width:120px;height:80px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 5px #183a2522);animation:story-frog-breathe 3.8s ease-in-out infinite}.frog-speech{position:relative;min-height:74px;flex:1;display:flex;flex-direction:column;justify-content:center;background:var(--paper);border:1px solid color-mix(in srgb,var(--scene-accent) 35%,var(--line));border-radius:14px 14px 14px 3px;padding:12px 15px;box-shadow:0 5px 20px #20352508}.result-label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.feature-result{margin:5px 0 0!important;font-size:13px!important;line-height:1.4!important;font-weight:500;color:var(--ink)!important;min-height:36px}.story-result .frog-speech{border-color:var(--scene-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--scene-accent) 9%,transparent);transition:box-shadow .5s,border-color .5s}.story-result .feature-mascot img{animation:story-frog-cheer .65s ease-out,story-frog-breathe 3.8s .7s ease-in-out infinite}.story-result .result-label{color:var(--scene-accent)}
.feature-stories .feature-film{width:270px;align-self:center}.feature-stories .feature-film-screen{border-radius:20px;box-shadow:0 18px 35px #16352620;border:1px solid color-mix(in srgb,var(--scene-accent) 25%,var(--line))}.feature-stories .feature-film-caption{margin-top:8px}.feature-stories .feature-navigation{position:relative;z-index:3;margin:0 55px 18px;padding-top:0;gap:15px;height:42px}.feature-stories .feature-navigation button{height:38px;width:38px;font-size:22px}.feature-stories .feature-auto{width:auto!important;padding:0 13px;font:500 11px/1.3 Onest,sans-serif!important;border:1px solid var(--line);border-radius:30px;gap:7px;margin-left:8px}.feature-stories .feature-auto:hover{transform:none}.feature-stories .feature-video-progress{position:relative;inset:auto;flex:1;max-width:260px;margin-left:6px;height:2px;background:var(--line);overflow:hidden}.feature-stories .feature-video-progress span{background:var(--scene-accent)}.feature-stories .feature-swiper>.capabilities-landscape{height:160px;bottom:-68px;opacity:.7;transition:filter .9s,background-position .9s;z-index:0;mask-image:linear-gradient(transparent,#000 65%,transparent)}.feature-stories[data-scene=collection] .capabilities-landscape{filter:sepia(.25);background-position:40% bottom}.feature-stories[data-scene=split] .capabilities-landscape{filter:sepia(.25) hue-rotate(-18deg);background-position:65% bottom}.feature-stories[data-scene=random] .capabilities-landscape{background-position:50% bottom;filter:hue-rotate(30deg)}.feature-stories[data-scene=currency] .capabilities-landscape{background-position:80% bottom;filter:hue-rotate(12deg) saturate(.8)}.feature-stories .capabilities-support{padding:12px 18px}
@keyframes story-frog-breathe{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes story-frog-cheer{0%,100%{transform:none}45%{transform:translateY(-9px) rotate(-4deg)}70%{transform:translateY(0) rotate(3deg)}}
@media(min-width:761px) and (max-height:800px){.feature-stories{padding-block:20px 10px}.feature-stories .feature-swiper{margin-top:12px}.feature-stories .feature-stage{min-height:446px;padding-top:12px;padding-bottom:4px}.feature-stories .feature-film{width:246px}.feature-stories .feature-copy h3{font-size:35px;min-height:74px}.feature-stories .feature-description{font-size:14px;min-height:67px;margin-top:9px}.feature-steps{margin-top:13px;gap:6px}.feature-mascot{margin-top:10px;min-height:90px}.feature-mascot img{width:108px;height:72px}.feature-stories .feature-navigation{margin-bottom:15px}.hero-copy .hero-demo-toggle{min-height:48px;padding:12px 16px;font-size:13px}}
@media(min-width:761px) and (max-width:1100px){.feature-stories .feature-stage{padding-inline:20px;gap:32px}.feature-stories .feature-navigation{margin-inline:20px}.feature-stories .feature-tabs{gap:12px}.feature-stories .feature-tabs button{font-size:10px}.feature-mascot img{width:90px;height:60px}.hero-copy .hero-demo-toggle{font-size:12px;padding-inline:12px}}
@media(max-width:760px){.hero-copy .actions{gap:10px}.hero-copy .hero-demo-toggle{min-height:48px;font-size:13px;padding:12px 16px}.feature-stories .feature-tabs{gap:22px;top:0;background:var(--paper)}.feature-stories .feature-tabs button{min-width:100px;max-width:150px;min-height:56px;font-size:12px;flex:0 0 auto}.feature-stories .feature-stage{grid-template-columns:1fr;gap:15px;min-height:0;padding:20px 0 4px}.feature-stories .feature-copy{max-width:none;display:grid;grid-template-columns:1fr;min-height:395px!important}.feature-stories .feature-copy h3{font-size:31px;min-height:66px}.feature-stories .feature-description{font-size:14px;min-height:68px;margin-top:9px}.feature-steps{gap:7px;margin-top:13px}.feature-steps li{font-size:12px;min-height:27px}.feature-mascot{margin-top:10px;min-height:90px}.feature-mascot img{width:96px;height:64px}.frog-speech{padding:10px 12px;min-height:74px}.feature-result{font-size:12px!important}.feature-stories .feature-film{width:264px}.feature-stories .feature-navigation{margin:17px 0 20px;gap:12px}.feature-stories .feature-video-progress{max-width:none}.feature-stories .feature-swiper>.capabilities-landscape{height:160px;bottom:-25px}.feature-stories .capabilities-support{margin-top:0}.feature-stories:before{inset:130px 0 0}}
@media(prefers-reduced-motion:reduce){.feature-mascot img,.story-result .feature-mascot img{animation:none}.feature-stories,.feature-stories:before,.feature-steps li,.story-step-number,.feature-stories .capabilities-landscape,.hero-copy .hero-demo-toggle{transition:none}}

/* Three clear reading columns: choose, understand, watch. */
@media(min-width:761px){
 .feature-stories .feature-swiper{display:grid;grid-template-columns:205px minmax(0,1fr);column-gap:48px;margin-top:28px}
 .feature-stories .feature-tabs{grid-column:1;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:7px;border:0;padding:0 0 0 0;overflow:visible}
 .feature-stories .feature-tabs button{flex:none;min-height:58px;padding:13px 14px;gap:12px;border:1px solid transparent;border-radius:12px;font-size:13px;line-height:1.4;transition:background-color .45s,color .45s,border-color .45s,transform .35s}
 .feature-stories .feature-tabs button:hover{background:color-mix(in srgb,var(--paper) 65%,transparent);transform:translateX(3px)}
 .feature-stories .feature-tabs button[aria-selected=true]{background:var(--paper);border-color:color-mix(in srgb,var(--scene-accent) 30%,transparent);box-shadow:0 5px 18px #203d2707}
 .feature-stories .feature-tabs button:after{display:none}.feature-stories .feature-tabs i{left:14px;bottom:0;width:calc(100% - 28px);height:2px;border-radius:2px}
 .feature-stories .feature-stage{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) 270px;column-gap:42px;min-height:476px;padding:0;align-items:center}
 .feature-stories .feature-copy{display:flex;flex-direction:column;min-height:420px!important;max-width:430px;align-self:center}
 .feature-stories .feature-copy h3{font-size:clamp(28px,2.8vw,39px);min-height:0;line-height:1.1;max-width:400px}
 .feature-stories .feature-description{min-height:0;margin:17px 0 0;font-size:15px;line-height:1.6}
 .feature-stories .feature-steps{margin-top:21px;gap:10px}.feature-stories .feature-mascot{margin-top:auto;padding-top:24px;min-height:104px}.feature-stories .feature-mascot img{width:100px;height:76px}
 .feature-stories .feature-navigation{grid-column:2;grid-row:2;margin:10px 0 16px}
}
@media(min-width:761px) and (max-height:800px){
 .feature-stories .feature-swiper{margin-top:18px;column-gap:36px}
 .feature-stories .feature-stage{grid-template-columns:minmax(0,1fr) 246px;min-height:438px;column-gap:34px}
 .feature-stories .feature-copy{min-height:402px!important}.feature-stories .feature-copy h3{font-size:34px;min-height:0}
 .feature-stories .feature-description{font-size:14px;margin-top:14px}.feature-stories .feature-steps{margin-top:18px;gap:8px}
}
@media(min-width:761px) and (max-width:1100px){
 .feature-stories .feature-swiper{grid-template-columns:170px minmax(0,1fr);column-gap:25px}
 .feature-stories .feature-stage{grid-template-columns:minmax(0,1fr) 220px;column-gap:25px}
 .feature-stories .feature-film{width:220px}.feature-stories .feature-tabs button{font-size:12px;padding-inline:10px}
 .feature-stories .feature-copy h3{font-size:29px}.feature-stories .feature-description{font-size:13px}
 .feature-stories .feature-mascot img{width:70px;height:60px}.feature-stories .frog-speech{padding:10px}
}
@media(max-width:760px){.feature-stories .feature-copy{display:flex;flex-direction:column;min-height:390px!important}.feature-stories .feature-copy h3{min-height:0}.feature-stories .feature-description{min-height:0}.feature-stories .feature-mascot{margin-top:auto;padding-top:14px}.feature-stories .feature-tabs{position:relative}}
@media(prefers-reduced-motion:reduce){.feature-stories .feature-tabs button{transition:none}}

.feature-stories .feature-tabs button>span{flex:0 0 18px;white-space:nowrap}.hero-copy .hero-demo-toggle[aria-expanded=true]{background:var(--tint)}.hero-live-loading{border:0;font:inherit;color:var(--ink);background:var(--paper)}
/* The original relationship graph lives behind content, never over controls. */
.has-relationship-network{position:relative;isolation:isolate}.relationship-network{position:absolute;inset:0;z-index:0;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.has-relationship-network>.wrap,.has-relationship-network>.hero-copy,.has-relationship-network>.hero-art{position:relative;z-index:1}.feature-stories .feature-swiper{max-width:1050px;margin-inline:auto}.feature-stories .feature-copy{max-width:none}.feature-stories .feature-count{background:var(--paper);border-radius:20px;padding:7px 10px}.feature-stories .feature-phase{user-select:none}

@media(max-width:760px){.feature-stories .feature-copy{min-height:270px!important}.feature-stories .feature-film .feature-mascot{width:350px;max-width:calc(100vw - 40px);margin:14px 0 0;left:50%;transform:translateX(-50%);padding-top:0}.feature-stories .feature-film .feature-mascot img{width:86px}.feature-stories .feature-film .frog-speech{min-height:72px}}

.has-relationship-network>.relationship-network{z-index:-1}.feature-stories:before{z-index:-2}.has-relationship-network>.wrap,.has-relationship-network>.hero-copy,.has-relationship-network>.hero-art{z-index:1}