.ti-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#13283f 0%,#1b3a5b 66%,#244d76 100%);color:#fff}
.ti-hero::after{content:"";position:absolute;right:-90px;top:-130px;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.035),0 0 0 112px rgba(255,255,255,.025)}
.ti-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(36px,6vw,72px);max-width:1080px;margin:0 auto;padding:clamp(54px,7vw,82px) 20px}
.ti-hero-copy{max-width:650px}
.ti-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ead18f;font-size:13px;font-weight:700;letter-spacing:.08em}
.ti-eyebrow::before{content:"";width:28px;height:2px;background:#c8a45c}
.ti-hero h1{margin-top:17px;font-size:clamp(34px,4.5vw,52px);line-height:1.34;letter-spacing:.02em;text-wrap:balance}
.ti-hero h1 strong{color:#ead18f;font-weight:700}
.ti-hero-lead{max-width:610px;margin-top:20px;color:#e5ebf1;font-size:16px;line-height:1.9}
.ti-hero-figure{display:flex;flex-direction:column;gap:11px;padding:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 20px 48px rgba(4,17,30,.24)}
.ti-hero-figure>span{color:#d2deea;font-size:12px;font-weight:700;letter-spacing:.08em}
.ti-hero-step{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:13px;padding:13px 15px;background:#fff;color:#1b3a5b;border-left:4px solid #c8a45c}
.ti-hero-step b{font-size:18px;color:#b08e44}
.ti-hero-step strong{font-size:15px}
.ti-hero-arrow{height:10px;margin-left:38px;border-left:2px solid rgba(255,255,255,.48)}

.ti-page{padding-top:0!important}
.ti-page>.ti-section:first-child{padding-top:clamp(42px,5vw,58px)}
.ti-tabs{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:1080px;margin:38px auto 52px;padding:0 clamp(22px,9vw,120px);background:transparent;border:0;border-bottom:4px solid #1f63a8;box-shadow:none}
.ti-tabs a{position:relative;display:flex;align-items:center;justify-content:center;min-height:70px;padding:15px 24px;background:#69acd8;color:#fff;font-weight:700;text-align:center;transition:color .25s ease,background-color .25s ease,transform .25s ease,box-shadow .25s ease}
.ti-tabs a+a{border-left:0}
.ti-tabs a::after{display:none}
.ti-tabs a:hover{background:#3f8fc6;color:#fff;box-shadow:0 8px 18px rgba(31,99,168,.16);text-decoration:none;transform:translateY(-2px)}
.ti-tabs a[aria-current="page"]{color:#fff;background:#1f63a8}

.ti-section{margin-bottom:clamp(56px,7vw,82px)}
.ti-heading{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start;margin-bottom:30px}
.ti-heading-single{grid-template-columns:minmax(0,1fr)}
.ti-heading-one-line p{max-width:none;font-size:14px;white-space:nowrap}
.ti-heading-label{padding-top:8px;color:#b08e44;font-size:12px;font-weight:700;letter-spacing:.11em}
.ti-heading h2{color:#1b3a5b;font-size:clamp(25px,3vw,34px);line-height:1.45;text-wrap:balance}
.ti-heading p{max-width:740px;margin-top:12px;color:#5b6573;font-size:15px;line-height:1.9}

.ti-purpose{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.ti-purpose-copy{padding:32px;background:#fff;border:1px solid #e1e6eb;border-top:4px solid #c8a45c}
.ti-purpose-copy strong{display:block;color:#1b3a5b;font-size:21px;line-height:1.6}
.ti-purpose-copy p{margin-top:13px;color:#4f5b68;font-size:14px;line-height:1.9}
.ti-purpose-diagram{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;padding:30px;background:#edf3f8;border:1px solid #dfe6ed}
.ti-purpose-node{min-height:164px;padding:22px 18px;background:#fff;border:1px solid #d8e0e8;text-align:center}
.ti-purpose-node span{display:block;color:#b08e44;font-size:12px;font-weight:700;letter-spacing:.08em}
.ti-purpose-node strong{display:block;margin-top:9px;color:#1b3a5b;font-size:19px}
.ti-purpose-node small{display:block;margin-top:6px;color:#657281;font-size:12px;line-height:1.7}
.ti-purpose-arrow{color:#b08e44;font-size:26px;font-weight:700;text-align:center}

.ti-role-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px;background:#fff;border:1px solid #e1e6eb}
.ti-role-card{position:relative;padding:25px 22px;border-top:3px solid #c8a45c;background:#f8fafc}
.ti-role-card.is-center{background:#1b3a5b;color:#fff;border-top-color:#ead18f}
.ti-role-card small{display:block;color:#b08e44;font-size:11px;font-weight:700;letter-spacing:.08em}
.ti-role-card.is-center small{color:#ead18f}
.ti-role-card h3{margin-top:7px;color:#1b3a5b;font-size:18px}
.ti-role-card h3:first-child{margin-top:0}
.ti-role-card.is-center h3{color:#fff}
.ti-role-card p{margin-top:8px;color:#5b6573;font-size:13px;line-height:1.75}
.ti-role-card.is-center p{color:#dce5ed}
.ti-role-note{grid-column:1/-1;margin-top:2px;padding:15px 18px;background:#fff8e7;color:#5f4514;font-size:13px;line-height:1.8;text-align:center}

.ti-stage-rail{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:stretch}
.ti-stage{display:flex;flex-direction:column;min-height:260px;background:#fff;border:1px solid #dfe5eb}
.ti-stage-head{padding:17px 20px;background:#1b3a5b;color:#fff}
.ti-stage-head small{display:block;color:#dce5ed;font-size:11px}
.ti-stage-head strong{display:block;margin-top:2px;font-size:20px}
.ti-stage-body{flex:1;padding:20px}
.ti-stage-body b{display:block;color:#b08e44;font-size:13px}
.ti-stage-body p{margin-top:8px;color:#5b6573;font-size:13px;line-height:1.75}
.ti-stage-exam{margin-top:auto;padding:12px 14px;background:#f7edd6;color:#6d541f;font-size:12px;font-weight:700;text-align:center}
.ti-stage-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b08e44;text-align:center}
.ti-stage-connector span{font-size:11px;line-height:1.45}
.ti-stage-connector b{font-size:25px}
.ti-chart-note{margin-top:15px;color:#6a7480;font-size:12px;line-height:1.75}

.ti-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#dfe5eb;border:1px solid #dfe5eb}
.ti-requirement{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:23px;background:#fff}
.ti-requirement span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf3f8;color:#1b3a5b;font-size:13px;font-weight:700}
.ti-requirement h3{color:#1b3a5b;font-size:16px}
.ti-requirement p{margin-top:4px;color:#5b6573;font-size:13px;line-height:1.75}

.ti-transition{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:32px clamp(24px,4vw,42px);background:#1b3a5b;color:#fff}
.ti-transition small{display:block;color:#ead18f;font-weight:700;letter-spacing:.08em}
.ti-transition h2{margin-top:6px;font-size:24px}
.ti-transition h2 em{font-style:normal;text-decoration-line:underline;text-decoration-color:#ead18f;text-decoration-thickness:4px;text-underline-offset:7px}
.ti-transition p{margin-top:8px;color:#dce5ed;font-size:14px}
.ti-transition .btn{white-space:nowrap}

.ti-flow-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-top:20px;background:#fff;border:1px solid #dfe5eb}
.ti-flow-summary a{position:relative;min-height:126px;padding:20px 11px 16px;border-right:1px solid #dfe5eb;color:#1b3a5b;text-align:center}
.ti-flow-summary a:last-child{border-right:0}
.ti-flow-summary a:not(:last-child)::after{content:"";position:absolute;right:-6px;top:50%;z-index:2;width:11px;height:11px;background:#fff;border-top:2px solid #c8a45c;border-right:2px solid #c8a45c;transform:translateY(-50%) rotate(45deg)}
.ti-flow-summary span{display:block;color:#b08e44;font-size:11px;font-weight:700;letter-spacing:.06em}
.ti-flow-summary strong{display:block;margin-top:10px;font-size:13px;line-height:1.55}
.ti-flow-summary a:hover{background:#fffdf8;text-decoration:none}

.ti-flow-list{position:relative;display:grid;gap:18px;max-width:900px;margin:0 auto}
.ti-flow-list::before{content:"";position:absolute;left:37px;top:34px;bottom:34px;width:2px;background:#d9c18c}
.ti-flow-step{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;scroll-margin-top:130px}
.ti-flow-number{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;background:#1b3a5b;color:#fff;border:6px solid #f7f8fa}
.ti-flow-number small{font-size:9px;letter-spacing:.08em}
.ti-flow-number strong{font-size:22px;line-height:1}
.ti-flow-card{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:25px;padding:25px 27px;background:#fff;border:1px solid #dfe5eb;border-left:4px solid #c8a45c}
.ti-flow-card h3{color:#1b3a5b;font-size:20px}
.ti-flow-card p{margin-top:7px;color:#4f5b68;font-size:14px;line-height:1.85}
.ti-flow-support{padding-left:22px;border-left:1px solid #e1e6eb}
.ti-flow-support span{display:block;color:#b08e44;font-size:11px;font-weight:700;letter-spacing:.08em}
.ti-flow-support strong{display:block;margin-top:7px;color:#1b3a5b;font-size:14px;line-height:1.6}

.ti-aftercare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ti-aftercare article{padding:28px;background:#fff;border-top:4px solid #c8a45c;box-shadow:0 8px 24px rgba(19,40,63,.05)}
.ti-aftercare span{color:#b08e44;font-size:11px;font-weight:700;letter-spacing:.08em}
.ti-aftercare h3{margin-top:7px;color:#1b3a5b;font-size:19px}
.ti-aftercare p{margin-top:8px;color:#5b6573;font-size:13px;line-height:1.8}

.ti-source-note{padding:20px 22px;background:#f1f4f7;border-left:3px solid #8aa0b6;color:#596575;font-size:12px;line-height:1.8}
.ti-source-note strong{display:block;color:#1b3a5b;margin-bottom:4px}
.ti-source-note a{text-decoration:underline;text-underline-offset:2px}

@media(max-width:920px){
  .ti-heading-one-line p{white-space:normal}
  .ti-hero-inner{grid-template-columns:1fr}.ti-hero-figure{max-width:560px}
  .ti-purpose{grid-template-columns:1fr}.ti-role-map{grid-template-columns:1fr 1fr}.ti-role-card.is-center{grid-column:1/-1;grid-row:1}
  .ti-stage-rail{grid-template-columns:1fr}.ti-stage{min-height:0}.ti-stage-connector{height:56px}.ti-stage-connector b{transform:rotate(90deg)}
  .ti-flow-summary{grid-template-columns:repeat(4,1fr)}.ti-flow-summary a{border-bottom:1px solid #dfe5eb}.ti-flow-summary a:nth-child(4){border-right:0}.ti-flow-summary a:nth-child(4)::after{display:none}
}
@media(max-width:680px){
  .ti-hero-inner{padding:46px 18px 62px}.ti-hero h1{font-size:32px}.ti-hero-lead{font-size:14px}.ti-hero-figure{padding:18px}
  .ti-tabs{gap:6px;margin:26px 0 42px;padding:0 8px;border-bottom-width:3px}.ti-tabs a{min-height:64px;padding:12px 9px;font-size:13px}
  .ti-heading{grid-template-columns:1fr;gap:7px}.ti-heading-label{padding:0}.ti-heading h2{font-size:25px}
  .ti-purpose-copy,.ti-purpose-diagram{padding:22px}.ti-purpose-diagram{grid-template-columns:1fr}.ti-purpose-arrow{transform:rotate(90deg)}
  .ti-role-map{grid-template-columns:1fr;padding:18px}.ti-role-card.is-center{grid-column:auto;grid-row:auto}
  .ti-requirements{grid-template-columns:1fr}.ti-requirement{padding:20px 17px}
  .ti-transition{grid-template-columns:1fr}.ti-transition .btn{justify-self:start}
  .ti-flow-summary{grid-template-columns:1fr 1fr}.ti-flow-summary a:nth-child(2n){border-right:0}.ti-flow-summary a:nth-child(2n)::after{display:none}.ti-flow-summary a:nth-child(4)::after{display:none}.ti-flow-summary a:last-child{grid-column:1/-1}
  .ti-flow-list::before{left:28px}.ti-flow-step{grid-template-columns:58px minmax(0,1fr);gap:12px}.ti-flow-number{width:58px;height:58px;border-width:5px}.ti-flow-number strong{font-size:18px}
  .ti-flow-card{grid-template-columns:1fr;padding:21px 19px}.ti-flow-support{padding:15px 0 0;border-left:0;border-top:1px solid #e1e6eb}
  .ti-aftercare{grid-template-columns:1fr}
}
