/*
 * Tokko Tencho business page v1 — /work/tokkotencho/ only (loaded by inc/tokko.php, after the TOP header/footer CSS).
 * Generated from docs/tokko-business-no-case-v1/reference/tokko-business-approved.html (approved, case studies removed):
 * every class is prefixed tk- and scoped to .capsor-tokko-main; custom properties are prefixed --tk- so the
 * shared TOP header/footer keep their own values. Header, footer, review ribbon and preview-only rules are not carried over.
 */
body.capsor-tokko { --tk-navy:#102530;--tk-deep:#091923;--tk-ink:#172e39;--tk-orange:#f45532;--tk-magenta:#e44378;--tk-light:#f7f8f5;--tk-cream:#f0ede8;--tk-muted:#64737b;--tk-line:#d9e1df;--tk-g:clamp(24px,5.4vw,90px);--tk-max:1360px;--tk-ease:cubic-bezier(.2,.75,.2,1) }
.capsor-tokko-main { margin:0;color:var(--tk-ink);background:#fff;font-family:Inter,'Hiragino Kaku Gothic ProN','Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-feature-settings:'palt';-webkit-font-smoothing:antialiased }
body .capsor-tokko-main p { margin:1em 0; }
body .capsor-tokko-main h1 { margin:.67em 0; }
body .capsor-tokko-main h2 { margin:.83em 0; }
body .capsor-tokko-main h3 { margin:1em 0; }
.capsor-tokko-main ul, .capsor-tokko-main ol { list-style:none; margin:0; padding:0; }
.capsor-tokko-main figure { margin:0; }
.capsor-tokko-main a { color:inherit;text-decoration:none }
.capsor-tokko-main button { font:inherit;cursor:pointer }
body .capsor-tokko-main a:focus-visible, body .capsor-tokko-main button:focus-visible { outline:3px solid var(--tk-orange);outline-offset:4px }
.capsor-tokko-main img { max-width:100%;display:block }
.capsor-tokko-main .tk-wrap { max-width:var(--tk-max);padding-inline:var(--tk-g);margin-inline:auto }
.capsor-tokko-main .tk-eyebrow { font-size:11px;line-height:1.4;letter-spacing:.17em;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px }
.capsor-tokko-main .tk-eyebrow:before { content:'';width:27px;height:2px;background:var(--tk-orange) }
.capsor-tokko-main .tk-eyebrow.tk-light { color:#bed0d9 }
.capsor-tokko-main .tk-eyebrow.tk-light:before { background:#f7704e }
.capsor-tokko-main .tk-jp-note { font-size:10px;color:#7c8b91 }
.capsor-tokko-main .tk-section-number { font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--tk-orange) }
.capsor-tokko-main .tk-hero { background:#f7f8f5;position:relative;overflow:hidden }
.capsor-tokko-main .tk-hero-layout { display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:675px }
.capsor-tokko-main .tk-hero-copy { padding:94px 3.5% 91px 0;position:relative;z-index:2 }
.capsor-tokko-main .tk-hero-copy .tk-eyebrow { color:#49606c }
.capsor-tokko-main .tk-hero-chip { display:flex;gap:8px;align-items:center;margin-top:26px;color:#6d7b83;font-size:10px;letter-spacing:.09em;font-weight:700 }
.capsor-tokko-main .tk-hero-chip span { height:5px;width:5px;background:var(--tk-orange);border-radius:50% }
.capsor-tokko-main .tk-hero-heading { margin:39px 0 8px;font-size:clamp(64px,7.4vw,112px);line-height:1.04;font-weight:900;letter-spacing:-.1em;white-space:nowrap }
.capsor-tokko-main .tk-hero-heading .tk-mark { color:var(--tk-magenta);margin-left:2px }
.capsor-tokko-main .tk-hero-lead { font-size:clamp(25px,3vw,41px);font-weight:850;letter-spacing:-.055em;line-height:1.45;margin:14px 0 25px }
.capsor-tokko-main .tk-hero-desc { font-size:14px;color:#5f717b;line-height:2.25;max-width:475px;margin:0 }
.capsor-tokko-main .tk-hero-links { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:37px }
.capsor-tokko-main .tk-action { display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 23px;border:1px solid var(--tk-navy);min-height:59px;font-weight:800;font-size:12px;transition:transform .25s var(--tk-ease),background .2s,color .2s }
.capsor-tokko-main .tk-action span:last-child { font-size:18px;font-weight:400 }
.capsor-tokko-main .tk-action.tk-primary { background:var(--tk-navy);color:white }
.capsor-tokko-main .tk-action:hover { transform:translateY(-3px);border-color:var(--tk-orange);background:var(--tk-orange);color:white }
.capsor-tokko-main .tk-action.tk-secondary { border-color:#bfccce;color:#28414d }
.capsor-tokko-main .tk-action.tk-secondary:hover { color:white }
.capsor-tokko-main .tk-hero-foot { display:flex;gap:16px;align-items:center;color:#859298;font-size:10px;letter-spacing:.15em;margin-top:56px;font-weight:800 }
.capsor-tokko-main .tk-hero-foot i { width:61px;height:1px;background:#a1afb2 }
.capsor-tokko-main .tk-hero-panel { background:var(--tk-deep);margin-right:calc(-1*var(--tk-g));padding:48px var(--tk-g) 45px 5%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center }
.capsor-tokko-main .tk-hero-panel:before { content:'';position:absolute;width:780px;height:780px;left:-35%;top:-25%;border:1px solid rgba(141,181,195,.2);border-radius:50% }
.capsor-tokko-main .tk-hero-panel:after { content:'';position:absolute;inset:auto -130px -370px auto;width:560px;height:560px;background:radial-gradient(circle,#cf3c60a1 0%,transparent 63%);opacity:.35 }
.capsor-tokko-main .tk-hero-visual { width:min(565px,100%);z-index:2;position:relative }
.capsor-tokko-main .tk-visual-caption { color:#91abb8;letter-spacing:.16em;font-size:10px;font-weight:800;display:flex;justify-content:space-between;margin-bottom:28px }
.capsor-tokko-main .tk-visual-caption em { font-style:normal;color:#e6f0f2 }
.capsor-tokko-main .tk-network { height:346px;position:relative;display:grid;grid-template-columns:1fr 1.28fr 1fr;gap:15px;align-items:center }
.capsor-tokko-main .tk-network:before { content:'';position:absolute;top:50%;left:4%;right:4%;height:1px;background:linear-gradient(90deg,#405d6b,#ef6877,#456477) }
.capsor-tokko-main .tk-node-wrap { display:flex;flex-direction:column;gap:24px;position:relative;z-index:2 }
.capsor-tokko-main .tk-node { padding:14px 12px;min-height:72px;border-radius:10px;background:#203947;border:1px solid #496574;color:#eaf3f6;text-align:left;box-shadow:0 10px 30px #0003 }
.capsor-tokko-main .tk-node .tk-mini { color:#86a5b3;font-size:9px;letter-spacing:.12em;font-weight:800;display:block;margin-bottom:9px }
.capsor-tokko-main .tk-node b { font-size:12px;display:block }
.capsor-tokko-main .tk-core { aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#1c3645;border:2px solid #de6080;box-shadow:0 0 0 12px #ee608012,0 0 60px #ed40772a;text-align:center;padding:13px;position:relative;z-index:3 }
.capsor-tokko-main .tk-core:before { content:'';position:absolute;inset:12%;border:1px dashed #7494a3;border-radius:50%;opacity:.45 }
.capsor-tokko-main .tk-core-small { font-weight:850;font-size:9px;letter-spacing:.17em;color:#9eb2ba }
.capsor-tokko-main .tk-core-main { position:relative;font-size:clamp(17px,2.2vw,28px);font-weight:900;color:#fff;letter-spacing:-.08em;margin:8px 0 }
.capsor-tokko-main .tk-core-foot { position:relative;font-size:9px;font-weight:750;color:#fa97a9;letter-spacing:.1em }
.capsor-tokko-main .tk-panel-bottom { margin-top:16px;border-top:1px solid #3b5260;padding-top:17px;color:#92aab4;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;line-height:1.7 }
.capsor-tokko-main .tk-panel-bottom b { color:#e9d4db;font-size:11px }
.capsor-tokko-main .tk-notice { font-size:9px;color:#a8bdc8 }
.capsor-tokko-main .tk-proof-strip { background:#fff;border-bottom:1px solid #e2e6e4 }
.capsor-tokko-main .tk-proof-grid { display:grid;grid-template-columns:repeat(3,1fr) }
.capsor-tokko-main .tk-proof-cell { padding:25px 24px;border-right:1px solid #dfe5e2;display:flex;align-items:center;gap:17px }
.capsor-tokko-main .tk-proof-cell:first-child { padding-left:0 }
.capsor-tokko-main .tk-proof-cell:last-child { border-right:0 }
.capsor-tokko-main .tk-proof-cell .tk-n { font-size:25px;letter-spacing:-.07em;font-weight:850;color:var(--tk-orange) }
.capsor-tokko-main .tk-proof-cell p { margin:0;font-weight:850;font-size:12px;line-height:1.5 }
.capsor-tokko-main .tk-proof-cell small { display:block;font-weight:750;color:#819099;font-size:9px;letter-spacing:.09em;margin-top:4px }
.capsor-tokko-main .tk-approach { padding:116px 0 120px;background:#fff }
.capsor-tokko-main .tk-approach-grid { display:grid;grid-template-columns:.84fr 1.16fr;gap:10%;align-items:start }
.capsor-tokko-main .tk-approach-label { position:sticky;top:60px }
.capsor-tokko-main .tk-intro-heading { font-size:clamp(36px,4.3vw,63px);line-height:1.45;font-weight:900;letter-spacing:-.07em;margin:29px 0 0 }
.capsor-tokko-main .tk-intro-heading em { font-style:normal;color:var(--tk-orange) }
.capsor-tokko-main .tk-approach-text { padding-top:47px }
.capsor-tokko-main .tk-approach-text p { line-height:2.25;font-size:15px;color:#52656f;margin:0 0 22px }
.capsor-tokko-main .tk-approach-text strong { color:#172f3b }
.capsor-tokko-main .tk-from-to { background:#f3f6f4;border:1px solid #dde5e1;padding:26px 27px;margin-top:30px }
.capsor-tokko-main .tk-from-to .tk-fromtop { display:block;color:#778890;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:18px }
.capsor-tokko-main .tk-originline { display:flex;gap:12px;align-items:center;justify-content:space-between }
.capsor-tokko-main .tk-originline span { background:#fff;padding:13px 17px;font-size:12px;font-weight:800;flex:1;text-align:center }
.capsor-tokko-main .tk-originline b { color:var(--tk-orange);font-size:21px;font-weight:600 }
.capsor-tokko-main .tk-from-to small { font-size:11px;color:#728189;display:block;margin-top:15px;line-height:1.8 }
.capsor-tokko-main .tk-capabilities { padding:106px 0 124px;background:var(--tk-navy);color:#fff }
.capsor-tokko-main .tk-capabilities-heading { display:flex;justify-content:space-between;gap:45px;align-items:end }
.capsor-tokko-main .tk-capabilities h2 { font-size:clamp(38px,5.3vw,73px);line-height:1.23;letter-spacing:-.07em;margin:25px 0 0 }
.capsor-tokko-main .tk-capabilities h2 em { font-style:normal;color:#f77b5a }
.capsor-tokko-main .tk-capabilities-intro { font-size:13px;line-height:2.1;color:#aebfc6;max-width:355px;margin:0 0 7px }
.capsor-tokko-main .tk-feature-grid { margin-top:61px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#49606b;border:1px solid #49606b }
.capsor-tokko-main .tk-feature-card { background:#17313d;padding:43px clamp(24px,3.2vw,49px) 47px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden }
.capsor-tokko-main .tk-feature-card:before { content:'';background:var(--tk-orange);width:0;height:3px;position:absolute;top:0;left:0;transition:width .35s }
.capsor-tokko-main .tk-feature-card:hover:before { width:100% }
.capsor-tokko-main .tk-feature-num { color:#f77b5a;font-size:11px;font-weight:850;letter-spacing:.17em }
.capsor-tokko-main .tk-feature-heading { font-size:clamp(23px,2.55vw,35px);font-weight:850;letter-spacing:-.05em;margin:23px 0 14px }
.capsor-tokko-main .tk-feature-card p { max-width:380px;font-size:13px;line-height:2;color:#aec3cc;margin:0 }
.capsor-tokko-main .tk-feature-en { font-weight:800;color:#527180;font-size:10px;letter-spacing:.15em;margin-top:29px }
.capsor-tokko-main .tk-feature-card span.tk-corner { position:absolute;right:31px;top:26px;font-size:57px;color:#2c5060;font-weight:500 }
.capsor-tokko-main .tk-workflow { padding:115px 0;background:#f4f6f3 }
.capsor-tokko-main .tk-workflow-grid { display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:8% }
.capsor-tokko-main .tk-workflow h2 { margin:24px 0;font-weight:900;font-size:clamp(35px,4.2vw,57px);letter-spacing:-.065em;line-height:1.43 }
.capsor-tokko-main .tk-workflow p { font-size:14px;color:#5c6f79;line-height:2.1;margin:0 }
.capsor-tokko-main .tk-workflow .tk-textlink { display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #1a3340;padding-bottom:10px;margin-top:35px;font-size:12px;font-weight:850 }
.capsor-tokko-main .tk-workflow .tk-textlink:hover { color:var(--tk-orange);border-color:var(--tk-orange) }
.capsor-tokko-main .tk-flow-visual { background:#fff;border:1px solid #dbe4e0;padding:39px 36px;box-shadow:15px 18px 45px #112c3c0b }
.capsor-tokko-main .tk-flow-top { display:flex;justify-content:space-between;align-items:center;color:#829099;font-size:10px;font-weight:850;letter-spacing:.13em;margin-bottom:27px }
.capsor-tokko-main .tk-flow-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px }
.capsor-tokko-main .tk-flow-card { min-height:93px;background:#f3f6f3;border:1px solid #e0e8e5;padding:16px 12px;display:flex;flex-direction:column;gap:11px;align-items:start }
.capsor-tokko-main .tk-flow-card b { font-size:13px }
.capsor-tokko-main .tk-flow-card span { font-size:10px;color:#74858a }
.capsor-tokko-main .tk-flow-arrow { text-align:center;line-height:42px;font-size:25px;color:#f56642 }
.capsor-tokko-main .tk-flow-core { display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:2px }
.capsor-tokko-main .tk-flow-core div { background:#17313d;color:#dce9ed;text-align:center;padding:17px 4px;font-size:12px;font-weight:800 }
.capsor-tokko-main .tk-flow-core .tk-highlight { background:#f36c4b;color:white }
.capsor-tokko-main .tk-flow-bottom { border-top:1px solid #e5eae8;margin-top:27px;padding-top:18px;color:#7e8b90;font-size:10px;line-height:1.8 }
.capsor-tokko-main .tk-people { padding:101px 0 109px;background:#f5f6f3 }
.capsor-tokko-main .tk-people-header { display:flex;justify-content:space-between;gap:40px;align-items:end }
.capsor-tokko-main .tk-people h2 { font-size:clamp(36px,4.8vw,64px);margin:20px 0 0;letter-spacing:-.065em;line-height:1.38 }
.capsor-tokko-main .tk-people-desc { font-size:13px;color:#60717a;max-width:390px;line-height:2;margin-bottom:5px }
.capsor-tokko-main .tk-people-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px }
.capsor-tokko-main .tk-people-card { min-height:270px;border:1px solid #dce4e0;padding:30px 28px;background:white;display:flex;flex-direction:column;justify-content:space-between }
.capsor-tokko-main .tk-people-card small { font-size:10px;font-weight:850;color:var(--tk-orange);letter-spacing:.16em }
.capsor-tokko-main .tk-people-card h3 { font-size:23px;font-weight:850;letter-spacing:-.04em;margin:17px 0 15px }
.capsor-tokko-main .tk-people-card p { font-size:12px;line-height:2;color:#647780;margin:0 }
.capsor-tokko-main .tk-people-card .tk-pnum { font-size:50px;color:#dde6e4;font-weight:850;letter-spacing:-.06em;line-height:1;margin-top:20px }
.capsor-tokko-main .tk-cta { padding:105px 0 110px;background:#112834;color:#fff;position:relative;overflow:hidden }
.capsor-tokko-main .tk-cta:after { content:'';width:570px;height:570px;border-radius:50%;border:1px solid #365460;position:absolute;right:-170px;top:-150px;opacity:.55 }
.capsor-tokko-main .tk-cta .tk-wrap { position:relative;z-index:2 }
.capsor-tokko-main .tk-cta-grid { display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end }
.capsor-tokko-main .tk-cta h2 { font-size:clamp(35px,4.6vw,64px);line-height:1.42;letter-spacing:-.07em;margin:27px 0 17px }
.capsor-tokko-main .tk-cta p { color:#b2c7d0;font-size:13px;line-height:2.1;margin:0 }
.capsor-tokko-main .tk-cta-buttons { display:flex;gap:10px;flex-direction:column;min-width:270px }
.capsor-tokko-main .tk-cta .tk-action.tk-primary { background:#f36a47;border-color:#f36a47 }
.capsor-tokko-main .tk-cta .tk-action.tk-primary:hover { background:white;color:#102530;border-color:white }
.capsor-tokko-main .tk-cta .tk-action.tk-secondary { background:transparent;border-color:#6b8691;color:white }
.capsor-tokko-main .tk-cta .tk-action.tk-secondary:hover { background:white;color:var(--tk-deep);border-color:white }
.capsor-tokko-main .tk-next { background:#fff;padding:60px 0 }
.capsor-tokko-main .tk-next-inner { display:flex;justify-content:space-between;align-items:center;gap:30px }
.capsor-tokko-main .tk-next .tk-eyebrow { margin-bottom:11px;color:#6b7e86 }
.capsor-tokko-main .tk-next h2 { font-size:clamp(22px,3vw,39px);font-weight:850;letter-spacing:-.06em;margin:0 }
.capsor-tokko-main .tk-next-links { display:flex;gap:17px;flex-wrap:wrap }
.capsor-tokko-main .tk-next-links a { font-weight:800;font-size:12px;border-bottom:1px solid #aebdc2;padding-bottom:9px;white-space:nowrap }
.capsor-tokko-main .tk-next-links a:hover { color:var(--tk-orange);border-color:var(--tk-orange) }
@media(max-width:1190px){
  .capsor-tokko-main .tk-hero-heading { font-size:clamp(60px,7vw,91px) }
  .capsor-tokko-main .tk-hero-desc { font-size:13px }
  .capsor-tokko-main .tk-hero-panel { padding-left:2% }
  .capsor-tokko-main .tk-network { gap:10px }
  .capsor-tokko-main .tk-node { padding:11px 9px }
  .capsor-tokko-main .tk-node b { font-size:11px }
}
@media(max-width:900px){
  .capsor-tokko-main .tk-hero-copy { padding-top:72px }
  .capsor-tokko-main .tk-hero-layout { min-height:610px }
  .capsor-tokko-main .tk-hero-heading { font-size:clamp(50px,7.2vw,71px) }
  .capsor-tokko-main .tk-hero-lead { font-size:clamp(21px,2.9vw,31px) }
  .capsor-tokko-main .tk-hero-panel { padding-inline:12px;margin-right:calc(-1*var(--tk-g)) }
  .capsor-tokko-main .tk-visual-caption { font-size:8px }
  .capsor-tokko-main .tk-network { height:290px;gap:6px }
  .capsor-tokko-main .tk-node .tk-mini { font-size:8px }
  .capsor-tokko-main .tk-node b { font-size:9px }
  .capsor-tokko-main .tk-node { padding:10px 7px;min-height:68px }
  .capsor-tokko-main .tk-core-small { font-size:8px }
  .capsor-tokko-main .tk-core-main { font-size:17px }
  .capsor-tokko-main .tk-core-foot { font-size:7px }
  .capsor-tokko-main .tk-proof-cell { gap:10px;padding:22px 12px }
  .capsor-tokko-main .tk-approach-grid { gap:6% }
  .capsor-tokko-main .tk-workflow-grid { gap:5% }
}
@media(max-width:700px){
  body.capsor-tokko { --tk-g:24px }
  .capsor-tokko-main .tk-hero-layout { display:flex;flex-direction:column;min-height:auto }
  .capsor-tokko-main .tk-hero-copy { padding:65px 0 70px }
  .capsor-tokko-main .tk-hero-heading { font-size:clamp(53px,13.1vw,87px);margin-top:30px }
  .capsor-tokko-main .tk-hero-chip { margin-top:17px }
  .capsor-tokko-main .tk-hero-lead { font-size:clamp(23px,6.3vw,36px);line-height:1.48;margin-top:14px }
  .capsor-tokko-main .tk-hero-desc { font-size:13px }
  .capsor-tokko-main .tk-hero-links { margin-top:29px;gap:8px }
  .capsor-tokko-main .tk-action { padding:16px 17px;min-height:55px;font-size:11px }
  .capsor-tokko-main .tk-hero-foot { margin-top:34px }
  .capsor-tokko-main .tk-hero-panel { margin-inline:calc(-1*var(--tk-g));padding:30px var(--tk-g) 37px }
  .capsor-tokko-main .tk-hero-visual { width:min(530px,100%) }
  .capsor-tokko-main .tk-network { height:275px;gap:13px }
  .capsor-tokko-main .tk-node { min-height:65px;padding:10px }
  .capsor-tokko-main .tk-node b { font-size:10px }
  .capsor-tokko-main .tk-core-main { font-size:clamp(18px,4.9vw,28px) }
  .capsor-tokko-main .tk-visual-caption { font-size:9px }
  .capsor-tokko-main .tk-proof-grid { grid-template-columns:1fr }
  .capsor-tokko-main .tk-proof-cell { padding:16px 0;border-bottom:1px solid #e4ebe7;border-right:0 }
  .capsor-tokko-main .tk-proof-cell:last-child { border-bottom:0 }
  .capsor-tokko-main .tk-proof-cell .tk-n { font-size:20px }
  .capsor-tokko-main .tk-proof-cell p { font-size:12px }
  .capsor-tokko-main .tk-approach, .capsor-tokko-main .tk-capabilities, .capsor-tokko-main .tk-workflow, .capsor-tokko-main .tk-people { padding:79px 0 86px }
  .capsor-tokko-main .tk-approach-grid { grid-template-columns:1fr;gap:14px }
  .capsor-tokko-main .tk-approach-label { position:static }
  .capsor-tokko-main .tk-intro-heading { font-size:clamp(36px,9.1vw,50px);margin-top:21px }
  .capsor-tokko-main .tk-approach-text { padding-top:16px }
  .capsor-tokko-main .tk-approach-text p { font-size:13px }
  .capsor-tokko-main .tk-originline { flex-direction:column;align-items:stretch }
  .capsor-tokko-main .tk-originline b { text-align:center;line-height:19px;transform:rotate(90deg) }
  .capsor-tokko-main .tk-capabilities-heading, .capsor-tokko-main .tk-people-header { flex-direction:column;align-items:start;gap:14px }
  .capsor-tokko-main .tk-capabilities h2, .capsor-tokko-main .tk-people h2 { font-size:clamp(34px,9.1vw,54px) }
  .capsor-tokko-main .tk-capabilities-intro, .capsor-tokko-main .tk-people-desc { max-width:600px }
  .capsor-tokko-main .tk-feature-grid { margin-top:35px;grid-template-columns:1fr }
  .capsor-tokko-main .tk-feature-card { min-height:228px;padding:30px 28px }
  .capsor-tokko-main .tk-feature-heading { font-size:27px }
  .capsor-tokko-main .tk-workflow-grid { grid-template-columns:1fr;gap:35px }
  .capsor-tokko-main .tk-workflow h2 { font-size:clamp(35px,9.1vw,54px) }
  .capsor-tokko-main .tk-flow-visual { padding:25px 19px }
  .capsor-tokko-main .tk-flow-card { padding:11px 7px;min-height:76px }
  .capsor-tokko-main .tk-flow-card b { font-size:11px }
  .capsor-tokko-main .tk-flow-card span { font-size:9px }
  .capsor-tokko-main .tk-flow-core div { font-size:10px;padding:14px 3px }
  .capsor-tokko-main .tk-people-grid { grid-template-columns:1fr;gap:10px;margin-top:28px }
  .capsor-tokko-main .tk-people-card { min-height:210px;padding:26px }
  .capsor-tokko-main .tk-people-card .tk-pnum { font-size:35px }
  .capsor-tokko-main .tk-cta { padding:77px 0 83px }
  .capsor-tokko-main .tk-cta-grid { grid-template-columns:1fr;gap:32px }
  .capsor-tokko-main .tk-cta h2 { font-size:clamp(34px,8.7vw,54px) }
  .capsor-tokko-main .tk-cta-buttons { width:100%;min-width:0;max-width:440px }
  .capsor-tokko-main .tk-next { padding:57px 0 }
  .capsor-tokko-main .tk-next-inner { flex-direction:column;align-items:start }
}
@media(max-width:395px){
  body.capsor-tokko { --tk-g:19px }
  .capsor-tokko-main .tk-hero-heading { font-size:clamp(52px,13vw,64px) }
  .capsor-tokko-main .tk-hero-links .tk-action { width:100%;justify-content:space-between }
  .capsor-tokko-main .tk-network { height:240px;gap:5px }
  .capsor-tokko-main .tk-node { padding:8px 6px;min-height:61px }
  .capsor-tokko-main .tk-node b { font-size:9px }
  .capsor-tokko-main .tk-node .tk-mini { font-size:7px }
  .capsor-tokko-main .tk-core { padding:8px;box-shadow:0 0 0 5px #ee608012 }
  .capsor-tokko-main .tk-core-main { font-size:clamp(14px,4.2vw,20px) }
  .capsor-tokko-main .tk-core-foot { font-size:7px }
  .capsor-tokko-main .tk-core-small { font-size:7px }
  .capsor-tokko-main .tk-flow-grid { gap:5px }
  .capsor-tokko-main .tk-flow-card b { font-size:10px }
  .capsor-tokko-main .tk-flow-core { gap:5px }
  .capsor-tokko-main .tk-flow-core div { font-size:9px }
}
@media print{
  .capsor-tokko-main .tk-hero-panel, .capsor-tokko-main .tk-capabilities, .capsor-tokko-main .tk-cta { print-color-adjust:exact }
}

/* Breadcrumb (approved .pathbar, now a nav landmark) */
.capsor-tokko-main .tk-pathbar { background:#fff; font-size:11px; letter-spacing:.04em; color:#738089; border-bottom:1px solid #e6ebe8; padding:15px var(--tk-g); }
.capsor-tokko-main .tk-pathbar ol { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
.capsor-tokko-main .tk-pathbar li + li::before { content:"/"; margin:0 1em; }
.capsor-tokko-main .tk-pathbar a:hover { color:var(--tk-orange); }
.capsor-tokko-main .tk-pathbar [aria-current] { font-weight:750; color:#304650; }
.capsor-tokko-main .tk-from-to small a { text-decoration:underline; text-underline-offset:3px; }
.capsor-tokko-main .tk-from-to small a:hover { color:var(--tk-orange); }
/* Narrow screens: wrap long headings between phrases, keep the hero foot labels on one line (the approved file broke mid-word at 390px). */
.capsor-tokko-main .tk-phrase { display:inline-block; }
@media(max-width:700px){
  .capsor-tokko-main .tk-pathbar { font-size:10px; padding-block:13px; }
  .capsor-tokko-main .tk-hero-foot { gap:12px; letter-spacing:.12em; }
  .capsor-tokko-main .tk-hero-foot span { white-space:nowrap; }
  .capsor-tokko-main .tk-hero-foot i { flex:0 1 61px; min-width:16px; }
}
@media(max-width:359px){
  .capsor-tokko-main .tk-hero-foot { flex-wrap:wrap; }
  .capsor-tokko-main .tk-hero-foot i { display:none; }
}
@media(prefers-reduced-motion:reduce){
  .capsor-tokko-main .tk-action, .capsor-tokko-main .tk-feature-card::before { transition:none; }
  .capsor-tokko-main .tk-action:hover { transform:none; }
}