:root { --tu-accent:#81c8ff; }
.reading-progress { position:fixed; inset:0 0 auto; height:3px; z-index:100; background:linear-gradient(90deg,#178cff,#75deff,#b5adff); transform:scaleX(0); transform-origin:left; pointer-events:none; box-shadow:0 0 14px #299cff80; }
#top::after { content:""; position:absolute; width:75%; height:420px; top:-180px; left:12%; border-radius:50%; background:radial-gradient(ellipse,#2c90ff30,transparent 68%); pointer-events:none; animation:tuAurora 12s ease-in-out infinite alternate; }
#top > div { z-index:1; }
#top h1 { padding-bottom:.08em; }
#top a[href="#six"], .assistance-link { box-shadow:0 0 0 1px #ffffff30,0 8px 32px #2d9bff25; }
.site-nav { border-bottom-color:#83bdff25 !important; }
a, button { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
a:active, button:active { filter:brightness(.92); }
.assistance-card { position:relative; grid-row:span 2; align-self:start; min-width:0; border-radius:30px; overflow:hidden; background:linear-gradient(145deg,#182c40,#0b111b); border:1px solid #8cb8e640; box-shadow:0 24px 80px -32px #2c94ff66; }
.assistance-photo { overflow:hidden; aspect-ratio:4/4.5; }
.assistance-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.assistance-caption { position:relative; display:flex; flex-direction:column; gap:14px; padding:24px; background:linear-gradient(135deg,#142435,#0b111b); border-top:1px solid #89c8ff25; }
.assistance-label { display:flex; align-items:center; gap:10px; color:#95d4ff; font:11px/1.4 'Geist Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }
.assistance-title { font-size:clamp(22px,2.2vw,30px); line-height:1.15; font-weight:600; letter-spacing:-.025em; }
.assistance-link { display:flex; justify-content:space-between; align-items:center; gap:12px; align-self:stretch; padding:13px 16px; border-radius:16px; background:#edf6ff; color:#09111c; font-size:clamp(13px,1.1vw,16px); font-weight:500; text-decoration:none; }
.assistance-link:hover { color:#09111c; background:white; }
.signal-bars { display:flex; align-items:center; gap:3px; height:18px; }
.signal-bars i { width:3px; height:12px; border-radius:4px; background:#7ccfff; animation:tuSignal 1.6s ease-in-out infinite; }
.signal-bars i:nth-child(2) { animation-delay:-.4s; height:18px; }
.signal-bars i:nth-child(3) { animation-delay:-.8s; height:15px; }
.signal-bars i:nth-child(4) { animation-delay:-1.2s; height:9px; }
.tu-entered { animation:tuEntrance .65s cubic-bezier(.2,.7,.2,1) both; }
@keyframes tuEntrance { from { opacity:.35; translate:0 18px; } to { opacity:1; translate:0 0; } }
@keyframes tuAurora { from { transform:translateX(-12%) scale(1); opacity:.65; } to { transform:translateX(12%) scale(1.2); opacity:1; } }
@keyframes tuSignal { 0%,100% { transform:scaleY(.45); } 50% { transform:scaleY(1); } }
@media(hover:hover) and (pointer:fine) {
 .hero-chips>a, .assistance-link, button { transition:translate .2s ease,box-shadow .2s ease,background .2s ease; }
 .hero-chips>a:hover, .assistance-link:hover, button:hover { translate:0 -2px; box-shadow:0 8px 24px #3b9aff25; }
 .assistance-photo img { transition:transform 1s cubic-bezier(.2,.7,.2,1); }
 .assistance-card:hover .assistance-photo img { transform:scale(1.025); }
}
@media(max-width:1023px) {
 .assistance-card { grid-row:auto; width:100%; }
 .assistance-photo { aspect-ratio:4/4; }
 .assistance-caption { padding:20px; }
 #top::after { height:300px; }
 .component-nav button { min-height:44px !important; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto !important; }
 *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
 [data-reveal] { opacity:1 !important; transform:none !important; }
 .tu-entered { animation:none; }
}
