/* Scenario-first home layer */
.sc-home{padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--bdr);border-radius:16px;background:linear-gradient(135deg,var(--surf),color-mix(in srgb,var(--surf) 94%,var(--ya) 6%));margin-bottom:2rem}.sc-home-eye{font:600 .62rem var(--font-d);letter-spacing:.15em;text-transform:uppercase;color:var(--ya);margin-bottom:.6rem}.sc-home h1{font-family:var(--font-h);font-size:clamp(2rem,5.5vw,4rem);line-height:1.02;letter-spacing:-.04em;color:var(--white);margin:0 0 .85rem;max-width:960px}.sc-home h1 em{font-style:normal;color:var(--ya)}.sc-home-deck{font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1.7;max-width:780px;color:var(--tx);margin:0}.sc-home-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.15rem 0}
.sc-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:9px;overflow:hidden;margin:1rem 0 1.2rem}.sc-flow span{background:var(--surf);padding:.58rem .35rem;text-align:center;font:600 .58rem var(--font-d);color:var(--muted)}.sc-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.sc-link{display:block;padding:.75rem .8rem;border:1px solid var(--bdr);border-radius:9px;background:var(--surf);color:var(--tx);text-decoration:none;transition:.15s}.sc-link:hover{border-color:var(--ya);transform:translateY(-1px)}.sc-link b{display:block;font:700 .76rem var(--font-h);color:var(--white);margin-bottom:.2rem}.sc-link span{font-size:.65rem;color:var(--muted);line-height:1.35}
.tool-compact{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:1px solid var(--bdr);border-radius:12px;background:var(--surf);padding:1rem 1.1rem}.tool-compact h3{margin:0 0 .3rem;font:700 .9rem var(--font-h);color:var(--white)}.tool-compact p{margin:0;font-size:.75rem;line-height:1.55;color:var(--muted);max-width:700px}.tool-compact .hero-actions{margin:0}.tool-label{font:600 .58rem var(--font-d);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:.3rem}@media(max-width:850px){.sc-six{grid-template-columns:repeat(2,1fr)}.sc-flow{grid-template-columns:repeat(3,1fr)}.tool-compact{grid-template-columns:1fr}}@media(max-width:540px){.sc-six{grid-template-columns:1fr}.sc-flow{grid-template-columns:repeat(2,1fr)}.sc-home{padding:1rem}.sc-home h1{font-size:2.15rem}}
.hero-dynamic-title{display:flex;flex-direction:column;gap:.12em;max-width:920px!important;font-size:clamp(2.15rem,4.8vw,4.15rem)!important;line-height:.98!important}.hero-static{display:block;color:var(--white)}.hero-type-row{display:flex;align-items:center;min-height:1.08em;color:var(--ya);white-space:nowrap}.hero-type{display:inline-block}.hero-caret{display:inline-block;width:.08em;height:.82em;margin-left:.08em;background:currentColor;animation:heroCaret .9s steps(1) infinite}@keyframes heroCaret{50%{opacity:0}}@media(max-width:760px){.hero-dynamic-title{font-size:clamp(2rem,8vw,3rem)!important}.hero-type-row{white-space:normal;min-height:2.05em;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.hero-caret{animation:none;opacity:.65}}
.sc-groups{display:grid;gap:1rem}.sc-group{padding-top:.15rem}.sc-group-title{margin:0 0 .5rem;font:700 .68rem var(--font-d);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sc-group-problem{padding:.8rem;border:1px solid color-mix(in srgb,var(--bang) 30%,var(--bdr));border-radius:12px;background:color-mix(in srgb,var(--surf) 97%,var(--bang) 3%)}
.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.model-grid>div,.result-examples a{border:1px solid var(--bdr);border-radius:10px;background:var(--surf);padding:.8rem;text-decoration:none}.model-grid b,.result-examples b{display:block;font:700 .75rem var(--font-h);color:var(--white);margin-bottom:.25rem}.model-grid span,.result-examples span{display:block;font-size:.68rem;line-height:1.45;color:var(--muted)}
.result-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.result-examples a:hover{border-color:var(--ya)}.home-ref-lead{font-size:.78rem;color:var(--muted);margin:-.3rem 0 .8rem}.home-ref-links{display:flex;gap:.45rem;flex-wrap:wrap}.home-ref-links a{padding:.5rem .7rem;border:1px solid var(--bdr);border-radius:8px;background:var(--surf);text-decoration:none;color:var(--tx);font-size:.72rem}.home-ref-links a:hover{border-color:var(--ya);color:var(--ya)}
@media(max-width:850px){.model-grid,.result-examples{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.model-grid,.result-examples{grid-template-columns:1fr}.sc-group-problem{padding:.6rem}}

/* 2026-09-26: stronger scenario grouping */
.sc-groups{gap:1.15rem}
.sc-group{--group-accent:#2a6fb8;--group-bg:rgba(42,111,184,.055);padding:1rem;border:1px solid color-mix(in srgb,var(--group-accent) 28%,var(--bdr));border-radius:16px;background:linear-gradient(180deg,var(--group-bg),rgba(255,255,255,.82))}
.sc-group-sales{--group-accent:#2a6fb8;--group-bg:rgba(42,111,184,.055)}
.sc-group-purchase{--group-accent:#2f8f6b;--group-bg:rgba(47,143,107,.055)}
.sc-group-people{--group-accent:#7a5cc7;--group-bg:rgba(122,92,199,.055)}
.sc-group-period{--group-accent:#a87b1f;--group-bg:rgba(168,123,31,.06)}
.sc-group-problem{--group-accent:#b14e5a;--group-bg:rgba(177,78,90,.06);padding:1rem}
.sc-group-head{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.8rem}
.sc-group-title{display:flex;align-items:center;gap:.5rem;margin:0;font:800 .82rem var(--font-h);letter-spacing:.035em;color:var(--group-accent)}
.sc-group-title:before{content:"";width:.65rem;height:.65rem;border-radius:50%;background:var(--group-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--group-accent) 14%,transparent);flex:0 0 auto}
.sc-group-sub{font-size:.72rem;line-height:1.45;color:var(--muted);margin-left:1.15rem}
.sc-group .sc-link{background:rgba(255,255,255,.9);border-color:color-mix(in srgb,var(--group-accent) 20%,var(--bdr));border-top:3px solid color-mix(in srgb,var(--group-accent) 60%,white);border-radius:12px;padding:.86rem .9rem}
.sc-group .sc-link:hover{border-color:color-mix(in srgb,var(--group-accent) 52%,var(--bdr));box-shadow:0 8px 22px rgba(20,35,60,.06);transform:translateY(-2px)}
.sc-group .sc-link b{font:800 .88rem/1.3 var(--font-h);margin-bottom:.24rem}
.sc-group .sc-link span{font-size:.7rem;line-height:1.4}
@media(max-width:540px){.sc-group{padding:.78rem}.sc-group-sub{margin-left:0}.sc-group-title{font-size:.78rem}}

/* 2026-09-26: scenario method moved below catalogue */
.home-method-lead{max-width:860px;margin:-.25rem 0 .9rem;color:var(--muted);font-size:.78rem;line-height:1.55}
.sc-flow-method{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;background:none;border:0;border-radius:0;overflow:visible;margin:0}
.sc-flow-method span{--step:#2a6fb8;display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;min-height:112px;padding:.72rem .72rem .76rem;border:1px solid color-mix(in srgb,var(--step) 25%,var(--bdr));border-radius:12px;background:color-mix(in srgb,var(--step) 6%,white);text-align:left;color:var(--tx)}
.sc-flow-method span:nth-child(2){--step:#3f7db8}.sc-flow-method span:nth-child(3){--step:#2f8f6b}.sc-flow-method span:nth-child(4){--step:#7a5cc7}.sc-flow-method span:nth-child(5){--step:#a87b1f}.sc-flow-method span:nth-child(6){--step:#b14e5a}
.sc-flow-method i{font:800 .62rem/1 var(--font-d);font-style:normal;letter-spacing:.08em;color:var(--step)}
.sc-flow-method b{font:800 .77rem/1.25 var(--font-h);color:var(--white)}
.sc-flow-method small{font-size:.62rem;line-height:1.4;color:var(--muted)}
@media(max-width:900px){.sc-flow-method{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.sc-flow-method{grid-template-columns:1fr 1fr}.sc-flow-method span{min-height:98px}}

/* 2026-09-26: semantic emphasis in hero deck */
.sc-home-deck strong{font-weight:800;color:var(--white)}
.sc-home-deck strong:nth-of-type(2),.sc-home-deck strong:nth-of-type(4){color:var(--ya)}

/* Hero deck semantic accents */
.sc-home-deck strong{font-weight:800;color:var(--white)}

/* semantic accents in hero deck */
.sc-home-deck strong{font-weight:800}
.sc-home-deck .deck-prep{color:#2a6fb8}
.sc-home-deck .deck-check{color:#b27a18}
.sc-home-deck .deck-result{color:#2f8f6b}

/* 2026-09-26: richer scenario cards + builder entry */
.sc-builder-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin:1rem 0 1.15rem;padding:.9rem 1rem;border:1px solid #cad9e8;border-radius:14px;background:linear-gradient(135deg,#f6faff,#fff)}
.sc-builder-copy{display:flex;flex-direction:column;gap:.16rem;min-width:0}.sc-builder-copy span{font:700 .62rem var(--font-d);letter-spacing:.05em;text-transform:uppercase;color:var(--ya)}.sc-builder-copy b{font:750 .92rem/1.25 var(--font-h);color:var(--white)}.sc-builder-copy small{font-size:.69rem;line-height:1.4;color:var(--muted)}
.sc-builder-btn{display:inline-flex;align-items:center;justify-content:center;padding:.66rem .8rem;border-radius:9px;background:var(--white);color:#fff;text-decoration:none;font:700 .7rem var(--font-s);white-space:nowrap}.sc-builder-btn:hover{background:var(--ya)}
.sc-group .sc-link{display:flex;flex-direction:column;min-height:146px}.sc-link-route{display:block;margin-top:.5rem;padding-top:.48rem;border-top:1px dashed color-mix(in srgb,var(--group-accent) 20%,var(--bdr));font-style:normal;font-size:.66rem;line-height:1.45;color:#52657b}
.sc-link-tags{display:flex!important;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.55rem}.sc-link-tags i{display:inline-flex;padding:.24rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--group-accent) 7%,white);border:1px solid color-mix(in srgb,var(--group-accent) 20%,var(--bdr));font:600 .58rem/1.1 var(--font-s);font-style:normal;color:color-mix(in srgb,var(--group-accent) 78%,#445)}
@media(max-width:700px){.sc-builder-entry{grid-template-columns:1fr}.sc-builder-btn{justify-self:start}.sc-group .sc-link{min-height:0}}


/* 2026-09-26 mobile home hardening */
@media (max-width:760px){
  .sc-builder-entry{display:grid!important;grid-template-columns:1fr!important;gap:.7rem!important;align-items:stretch!important;margin:.9rem 0 1rem!important;padding:.9rem!important;min-width:0!important;overflow:hidden!important}
  .sc-builder-copy{display:flex!important;flex-direction:column!important;gap:.3rem!important;min-width:0!important}
  .sc-builder-copy>span,.sc-builder-copy>b,.sc-builder-copy>small{display:block!important;width:100%!important;margin:0!important;white-space:normal!important}
  .sc-builder-copy>span{font-size:.7rem!important;line-height:1.35!important}
  .sc-builder-copy>b{font-size:1rem!important;line-height:1.28!important}
  .sc-builder-copy>small{font-size:.82rem!important;line-height:1.5!important}
  .sc-builder-btn{display:inline-flex!important;width:auto!important;max-width:100%!important;justify-self:start!important;white-space:normal!important;line-height:1.25!important}
  .sc-group{min-width:0!important;overflow:hidden!important}
  .sc-six{grid-template-columns:1fr!important;min-width:0!important}
  .sc-group .sc-link{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;padding:.9rem!important}
  .sc-group .sc-link>b,.sc-group .sc-link>span,.sc-group .sc-link>em{display:block!important;width:100%!important;min-width:0!important}
  .sc-group .sc-link>b{font-size:.96rem!important;line-height:1.3!important}
  .sc-group .sc-link>span:not(.sc-link-tags){font-size:.78rem!important;line-height:1.45!important;margin-top:.15rem!important}
  .sc-link-route{display:block!important;margin:.55rem 0 0!important;padding:.5rem 0 0!important;font-style:normal!important;font-size:.78rem!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .sc-link-tags{display:flex!important;flex-wrap:wrap!important;gap:.32rem!important;margin:.6rem 0 0!important;padding:0!important;width:100%!important}
  .sc-link-tags i{display:inline-flex!important;font-style:normal!important;font-size:.68rem!important;line-height:1.15!important;white-space:normal!important}
  .sc-group-head{margin-bottom:.65rem!important}
  .sc-group-title{font-size:.9rem!important;line-height:1.25!important}
  .sc-group-sub{font-size:.8rem!important;line-height:1.4!important;margin-left:0!important}
}
@media (max-width:620px){
  .nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:.45rem!important;padding:.6rem .85rem .45rem!important}
  .nav-logo{flex:0 1 auto!important;margin-right:auto!important;font-size:1.35rem!important}
  .nav-right{display:flex!important;flex:0 0 auto!important;margin-left:auto!important;max-width:58%!important}
  .nav-cta{display:inline-flex!important;max-width:none!important;min-height:38px!important;padding:.52rem .68rem!important;font-size:.7rem!important;white-space:nowrap!important}
  .nav-links{order:3!important;display:flex!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;gap:.1rem!important;padding:.15rem 0 0!important}
  .nav-links a{flex:0 0 auto!important;padding:.42rem .58rem!important;font-size:.78rem!important;white-space:nowrap!important}
}
@media (max-width:420px){
  .nav-cta{display:none!important}
  .nav-right{max-width:56px!important}
  .page{padding-left:.75rem!important;padding-right:.75rem!important}
  .sc-builder-entry,.sc-group{border-radius:12px!important}
}


/* 2026-09-27: service gateway */
.service-gateway{margin:1rem 0 1.1rem;padding:1rem;border:1px solid #cad9e8;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff)}
.service-gateway-head{display:flex;flex-direction:column;gap:.18rem;margin-bottom:.8rem}.service-gateway-head span{font:700 .6rem var(--font-d);letter-spacing:.08em;text-transform:uppercase;color:var(--ya)}.service-gateway-head b{font:800 1.02rem/1.25 var(--font-h);color:var(--white)}.service-gateway-head small{font-size:.72rem;color:var(--muted)}
.service-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.service-entry{min-width:0;padding:.9rem;border:1px solid var(--bdr);border-radius:12px;background:#fff;color:var(--tx);text-decoration:none}.service-entry-num{display:block;font:800 .58rem var(--font-d);letter-spacing:.08em;color:var(--ya);margin-bottom:.45rem}.service-entry strong{display:block;font:800 .9rem/1.25 var(--font-h);color:var(--white);margin-bottom:.35rem}.service-entry small{display:block;font-size:.7rem;line-height:1.45;color:var(--muted)}.service-entry em{display:block;margin-top:.65rem;font:700 .68rem var(--font-s);font-style:normal;color:var(--ya)}
.service-entry-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}.service-entry-links a{padding:.36rem .48rem;border:1px solid var(--bdr);border-radius:7px;background:var(--surf);font-size:.62rem;line-height:1.25;text-decoration:none;color:var(--tx)}.service-entry-links a:hover{border-color:var(--ya);color:var(--ya)}
.service-entry-do{border-top:3px solid #2a6fb8}.service-entry-fix{border-top:3px solid #b14e5a}.service-entry-check{border-top:3px solid #a87b1f}
@media(max-width:760px){.service-gateway{padding:.82rem}.service-gateway-grid{grid-template-columns:1fr}.service-entry{padding:.82rem}.service-entry-links a{font-size:.68rem}}

/* 2026-09-27: visible AI data-safety choice on service home */
.ai-data-mode{margin:.85rem 0 1rem;padding:.9rem 1rem;border:1px solid #cbd9e6;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff)}
.ai-data-mode-head{display:flex;flex-direction:column;gap:.18rem}.ai-data-mode-head>span{font:700 .6rem var(--font-d);letter-spacing:.07em;text-transform:uppercase;color:var(--ya)}.ai-data-mode-head>b{font:800 .9rem/1.3 var(--font-h);color:var(--white)}.ai-data-mode-head>small{font-size:.68rem;line-height:1.45;color:var(--muted)}
.ai-data-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.ai-data-mode-grid>div{padding:.65rem;border:1px solid var(--bdr);border-radius:9px;background:#fff}.ai-data-mode-grid strong{display:block;margin-bottom:.2rem;font:800 .68rem var(--font-h);color:var(--tx)}.ai-data-mode-grid span{display:block;font-size:.64rem;line-height:1.45;color:var(--muted)}
.ai-data-mode-foot{margin-top:.58rem;font-size:.63rem;line-height:1.45;color:var(--muted)}.ai-data-mode-foot i{font-style:normal;font-weight:700;color:#53677e}
@media(max-width:700px){.ai-data-mode{padding:.8rem}.ai-data-mode-grid{grid-template-columns:1fr}.ai-data-mode-head>b{font-size:.84rem}.ai-data-mode-head>small,.ai-data-mode-grid span{font-size:.66rem}}

/* Business indicators entry */
.business-indicators-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin:1.15rem 0 1.35rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--ya) 26%,var(--bdr));border-radius:14px;background:color-mix(in srgb,var(--surf) 96%,var(--ya) 4%);text-decoration:none;color:var(--tx)}
.business-indicators-entry:hover{border-color:color-mix(in srgb,var(--ya) 60%,var(--bdr));background:color-mix(in srgb,var(--surf) 92%,var(--ya) 8%)}
.business-indicators-kicker{font:700 .63rem var(--font-d);letter-spacing:.11em;text-transform:uppercase;color:var(--ya);white-space:nowrap}
.business-indicators-main{display:block;min-width:0}.business-indicators-main b{display:block;font-size:1rem;line-height:1.25;color:var(--white);margin-bottom:.18rem}.business-indicators-main small{display:block;font-size:.82rem;line-height:1.4;color:var(--muted)}
.business-indicators-cta{font-size:.8rem;font-weight:700;color:var(--ya);white-space:nowrap}
@media(max-width:720px){.business-indicators-entry{grid-template-columns:1fr;gap:.45rem;padding:.9rem 1rem}.business-indicators-cta{margin-top:.1rem}.business-indicators-main b{font-size:.95rem}.business-indicators-main small{font-size:.78rem}}
