/* Opti's existing palette, with tactile depth and deliberate interaction. */
.tcc-official-mark{display:flex;align-items:center;justify-content:center;padding:28px;background:#fff;border-radius:24px}
.tcc-official-mark img{width:100%;max-width:460px;height:auto;object-fit:contain}
.tcc-official-logo{display:block;width:min(300px,80%);height:auto;margin:0 0 26px}
.navlinks{gap:18px}
.btn{position:relative;transition:box-shadow .22s ease,background-color .22s ease,border-color .22s ease}
.btn:focus-visible,a:focus-visible{outline:3px solid #8b5cf6;outline-offset:5px}
.btn-1:hover{box-shadow:0 10px 28px rgba(91,31,158,.23)}
.btn:active{filter:brightness(.95)}
.motion-card{position:relative;isolation:isolate;transition:box-shadow .25s ease,border-color .25s ease}
.motion-card:hover,.motion-card:focus-within{box-shadow:0 20px 48px rgba(14,18,32,.1);border-color:rgba(91,31,158,.3)}
.motion-sheen{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1}
.motion-sheen:before{content:'';position:absolute;width:220px;height:220px;left:var(--pointer-x,50%);top:var(--pointer-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(124,58,237,.10),transparent 70%);opacity:0;transition:opacity .25s}
.motion-card:hover .motion-sheen:before{opacity:1}
@media(min-width:901px) and (max-width:1200px){.navlinks{gap:12px}.navlinks a:not(.btn){font-size:13px}.brand img{width:150px;height:auto}.navlinks .btn{padding-left:12px;padding-right:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.btn,.motion-card,.motion-sheen:before{transition:none}.motion-sheen{display:none}}
/* Clear section symbols at a consistent visual weight. */
.v2-pillar-icon,.v2-capability-icon,.v2-start-step-icon{width:72px!important;height:72px!important;min-width:72px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:20px!important;border:1px solid rgba(91,31,158,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 20px rgba(14,18,32,.05)}
.v2-pillar-icon svg,.v2-capability-icon svg,.v2-start-step-icon svg{width:38px!important;height:38px!important;flex:none}
.value-ico,.fit-ico{min-width:58px;min-height:58px;display:inline-flex;align-items:center;justify-content:center}
.value-ico svg,.fit-ico svg{width:32px;height:32px}
.v2-signal-icon svg{width:25px;height:25px}
footer{position:relative;isolation:isolate;overflow:hidden}
footer>.wrap{position:relative;z-index:1}
.footer-orbit{position:absolute;inset:0 0 auto;height:2px;overflow:hidden;background:rgba(255,255,255,.08);pointer-events:none}
.footer-orbit span{position:absolute;inset:0 auto 0 0;width:36%;background:linear-gradient(90deg,transparent,#58d2ff,#a178ff,transparent);opacity:.65}
@media(max-width:600px){.v2-pillar-icon,.v2-capability-icon,.v2-start-step-icon{width:60px!important;height:60px!important;min-width:60px!important;border-radius:16px!important}.v2-pillar-icon svg,.v2-capability-icon svg,.v2-start-step-icon svg{width:32px!important;height:32px!important}}
.v2-pillar-question{grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important}
.v2-capability{grid-template-columns:24px 72px minmax(0,1fr) auto!important}
.v2-start-step-card{grid-template-columns:72px minmax(0,1fr)!important}
@media(max-width:600px){.v2-pillar-question{grid-template-columns:60px minmax(0,1fr)!important}.v2-capability{grid-template-columns:20px 60px minmax(0,1fr)!important;gap:10px!important}.v2-start-step-card{grid-template-columns:60px minmax(0,1fr)!important}}
/* A visible, softly moving cyan/violet atmosphere within the footer. */
.footer-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.footer-glow{position:absolute;width:640px;height:440px;border-radius:50%;opacity:.42}
.footer-glow.cyan{left:-120px;bottom:-130px;background:radial-gradient(ellipse,rgba(0,177,238,.8),rgba(0,177,238,.18) 45%,transparent 70%)}
.footer-glow.violet{right:-100px;top:-150px;background:radial-gradient(ellipse,rgba(139,69,230,.85),rgba(139,69,230,.2) 45%,transparent 70%)}
.footer-pointer{position:absolute;left:-170px;top:-170px;width:340px;height:340px;opacity:0;background:radial-gradient(circle,rgba(105,130,255,.5),transparent 70%)}
.foot-col a{width:fit-content;position:relative}
.foot-col a::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#59d5ff,#b897ff);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.foot-col a:hover::after,.foot-col a:focus-visible::after{transform:scaleX(1)}
@media(max-width:600px){.footer-glow{width:420px;height:380px;opacity:.35}.footer-glow.cyan{bottom:10%;left:-180px}.footer-glow.violet{right:-180px;top:0}}
@media(prefers-reduced-motion:reduce){.footer-pointer{display:none}.foot-col a::after{transition:none}}
