.tr-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 60% at 10% 20%,rgba(17,119,195,.13),transparent 70%),radial-gradient(ellipse 45% 60% at 92% 85%,rgba(226,178,40,.16),transparent 70%),var(--gray-50);padding:110px 24px 100px;text-align:center}
.tr-hero-inner{max-width:860px;margin:0 auto}
.tr-roots-wrap{padding:96px 0 120px;background:linear-gradient(180deg,#fff 0%,#fff 30%,var(--blue-50) 70%,#dbe9f6 100%)}
.tr-ground{max-width:1180px;margin:56px auto 0;padding:0 24px}
.tr-surface{position:relative;height:4px;border-radius:4px;background:var(--gray-200);overflow:hidden}
.tr-surface span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue-600),var(--gold-500,#E2B228),var(--blue-600));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.tr-ground.grown .tr-surface span{width:100%}
.tr-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.tr-col{display:flex;flex-direction:column;align-items:center}
.tr-root{width:40px;height:var(--h);display:block;overflow:visible}
.tr-root path{fill:none;stroke:var(--blue-500);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.5s + var(--i)*.15s)}
.tr-root path.tw{stroke-width:1.6;opacity:.5}
.tr-ground.grown .tr-root path{stroke-dashoffset:0}
.tr-node{width:100%;font:inherit;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 18px 24px;border-radius:24px;background:#fff;border:1px solid var(--gray-200);box-shadow:0 6px 20px rgba(31,41,55,.06);opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;transition-delay:calc(1.1s + var(--i)*.15s),calc(1.1s + var(--i)*.15s),0s,0s}
.tr-ground.grown .tr-node{opacity:1;transform:none}
.tr-node-icon{width:58px;height:58px;margin-top:-55px;border-radius:50%;background:#fff;border:3px solid var(--blue-600);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(17,119,195,.1);transition:border-color .35s,box-shadow .35s,transform .35s}
.tr-node-icon img{width:24px;height:24px;opacity:.85}
.tr-node-n{margin-top:8px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--gold-600,#b58a10)}
.tr-node-t{font-family:var(--font-display);font-size:18px;line-height:1.35;color:var(--gray-900);text-wrap:balance}
.tr-node-d{font-size:14.5px;line-height:1.6;color:var(--gray-500);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin .35s}
.tr-node:hover,.tr-node.open{border-color:rgba(226,178,40,.6);box-shadow:0 20px 44px rgba(17,119,195,.14)}
.tr-node:hover .tr-node-icon,.tr-node.open .tr-node-icon{border-color:var(--gold-500,#E2B228);box-shadow:0 0 0 8px rgba(226,178,40,.2);transform:scale(1.06)}
.tr-node:hover .tr-node-d,.tr-node.open .tr-node-d{max-height:160px;opacity:1;margin-top:6px}
.tr-ground.grown .tr-node:hover,.tr-ground.grown .tr-node.open{transform:translateY(-4px)}
.tr-split{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.tr-quote{position:relative;padding:44px 40px;border-radius:28px;background:linear-gradient(150deg,var(--gold-50),#fff 80%);border:1px solid rgba(226,178,40,.35)}
.tr-quote-mark{font-family:var(--font-display);font-size:96px;line-height:.5;color:var(--gold-500,#E2B228);display:block;height:36px}
.tr-quote p{font-family:var(--font-display);font-style:italic;font-size:clamp(26px,3vw,34px);line-height:1.3;color:var(--blue-700);margin:0 0 14px}
.tr-quote-sub{font-size:14.5px;color:var(--gray-500)}
.cn-tracks{position:relative;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:120px}
.cn-branch{position:absolute;left:0;top:0;width:100%;height:120px;overflow:visible}
.cn-branch path{fill:none;stroke:var(--blue-500);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.5}
.cn-card{position:relative;display:flex;flex-direction:column;padding:40px 32px 30px;border-radius:26px;background:#fff;border:1px solid var(--gray-200);box-shadow:0 6px 22px rgba(31,41,55,.06);text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.cn-card.fade-up{transition-delay:var(--d)}
.cn-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(17,119,195,.15);border-color:rgba(226,178,40,.55)}
.cn-node{position:absolute;left:50%;top:-10px;width:20px;height:20px;transform:translateX(-50%);border-radius:50%;background:#fff;border:4px solid var(--blue-600);transition:border-color .3s,box-shadow .3s}
.cn-card:hover .cn-node{border-color:var(--gold-500,#E2B228);box-shadow:0 0 0 7px rgba(226,178,40,.2)}
.cn-icon{width:60px;height:60px;border-radius:18px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s}
.cn-icon img{width:28px;height:28px;opacity:.85}
.cn-card:hover .cn-icon{background:var(--gold-50);transform:rotate(-6deg)}
.cn-n{margin-top:22px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--gold-600,#b58a10)}
.cn-card h3{font-family:var(--font-display);font-size:24px;margin:6px 0 10px;color:var(--gray-900)}
.cn-card p{margin:0 0 24px;font-size:15.5px;line-height:1.65;color:var(--gray-500);flex:1}
.cn-ninety{max-width:1100px;margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 40px;border-radius:26px;text-decoration:none;color:#fff;background:radial-gradient(ellipse 60% 120% at 95% 0%,rgba(226,178,40,.3),transparent 60%),linear-gradient(140deg,var(--blue-600),var(--blue-800));transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.cn-ninety:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(17,119,195,.25)}
.cn-ninety .pg-tag{background:rgba(226,178,40,.22);color:var(--gold-100,#f5dc8f)}
.cn-ninety h3{font-family:var(--font-display);font-size:26px;margin:14px 0 8px;color:#fff}
.cn-ninety p{margin:0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.88);max-width:640px}
.cn-ninety-go{flex:0 0 auto;font-weight:600;color:var(--gold-100,#f5dc8f)}
@media (max-width:1000px){.tr-cols{gap:10px}.tr-node{padding:24px 10px 20px}.tr-node-t{font-size:15px}.tr-node-d{font-size:13px}.tr-node-icon{width:50px;height:50px}.tr-ground{padding:0 16px}}
@media (max-width:860px){.tr-split{grid-template-columns:minmax(0,1fr);gap:36px}.cn-tracks{grid-template-columns:minmax(0,1fr);padding-top:20px;gap:30px}.cn-branch,.cn-node{display:none}.cn-ninety{flex-direction:column;align-items:flex-start}}
@media (max-width:860px){.tr-hero{padding:72px 20px 72px}.tr-roots-wrap{padding:72px 0 90px}
.tr-surface{display:none}.tr-cols{grid-template-columns:minmax(0,1fr);gap:22px;border-left:3px solid rgba(17,119,195,.35);margin-left:10px;padding-left:24px}
.tr-root{display:none}.tr-node{flex-direction:column;align-items:flex-start;text-align:left;opacity:1;transform:none}.tr-node-icon{margin-top:0}.tr-node-d{max-height:none;opacity:1}}