.of-hero{padding:120px 0 clamp(48px,7vw,80px);background:var(--bg-soft);border-bottom:1px solid var(--line);overflow:hidden}:root[data-theme=dark] .of-hero{background:#ffffff09}.of-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}.of-hero h1{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:clamp(32px,5.2vw,54px);line-height:1.06;letter-spacing:-1.6px;margin-top:12px}.of-sub{margin-top:16px;max-width:560px;font-size:17px;line-height:1.6;color:var(--muted)}.of-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.of-actions .btn{padding:15px 26px;font-size:15px}.of-next{position:relative;display:block;border-radius:26px;overflow:hidden;min-height:380px;background:#0b1224;color:#fff;box-shadow:var(--shadow);border:1px solid var(--line);isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.of-next:hover{transform:translateY(-4px)}.of-next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.of-next:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050a1826,#050a188c 45%,#050a18f0)}.of-next-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.of-live{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#ffffff24;backdrop-filter:blur(8px);font-size:11.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.of-live i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade80b3;animation:ofPulse 1.8s infinite}@keyframes ofPulse{70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media(prefers-reduced-motion:reduce){.of-live i{animation:none}.of-next:hover{transform:none}}.of-date{display:grid;place-items:center;min-width:62px;padding:8px 10px;border-radius:14px;background:#fff;color:#0b0e14;text-align:center;line-height:1}.of-date b{font-family:var(--font-display);font-size:26px}.of-date span{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.of-next-body{position:absolute;left:0;right:0;bottom:0;padding:24px;display:grid;gap:8px}.of-next-body h2{font-family:var(--font-display);font-size:clamp(22px,2.6vw,28px);line-height:1.15;letter-spacing:-.6px;color:#fff}.of-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:#ffffffd1}.of-meta span{display:inline-flex;align-items:center;gap:5px}.of-meta .material-symbols-outlined{font-size:17px}.of-next-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px}.of-next-cta .btn{background:#fff;color:#0b0e14;padding:12px 20px}.of-next-cta small{font-size:13px;color:#ffffffc7}.of-body{padding:clamp(64px,9vw,100px) 0 clamp(72px,10vw,110px)}.of-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}.of-card{position:relative;display:flex;flex-direction:column;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .25s ease,box-shadow .25s ease}.of-card:hover{border-color:var(--blue-border);box-shadow:var(--shadow)}.of-card.is-primary{border-color:var(--blue-border);background:linear-gradient(160deg,var(--blue-soft),var(--surface) 55%)}.of-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.of-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 24px #0077fc47}.of-ic .material-symbols-outlined{font-size:26px}.of-tag{font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue)}.of-metric{margin-top:22px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.of-metric b{font-family:var(--font-display);font-size:clamp(34px,4vw,44px);font-weight:700;letter-spacing:-1.5px;color:var(--ink);line-height:1}.of-metric span{font-size:13.5px;font-weight:600;color:var(--muted)}.of-card h3{margin-top:14px;font-size:21px;font-weight:700;letter-spacing:-.4px;color:var(--ink)}.of-card p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}.of-card ul{list-style:none;display:grid;gap:8px;margin:16px 0 24px}.of-card li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;font-weight:500;color:var(--ink-2)}.of-card li .material-symbols-outlined{flex:0 0 auto;margin-top:2px;font-size:18px;color:var(--blue)}.of-card .btn{margin-top:auto;align-self:flex-start}.of-cta{position:relative;overflow:hidden;margin-top:48px;padding:clamp(56px,8vw,80px) 32px;border-radius:32px;background:var(--night);color:#fff;text-align:center}.of-cta .blob-1{width:460px;height:460px;background:#0077fc8c;top:-210px;right:-70px;filter:blur(90px)}.of-cta .blob-2{width:380px;height:380px;background:#1abcd866;bottom:-200px;left:-50px;filter:blur(90px);animation-delay:-7s}.of-cta-inner{position:relative;z-index:2;max-width:600px;margin:0 auto}.of-cta-inner h2{color:#fff;font-size:clamp(26px,3.6vw,38px);letter-spacing:-1.2px}.of-cta-inner p{margin:12px 0 30px;font-size:16.5px;color:#ffffffbf}.of-cta-inner .row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}@media(max-width:960px){.of-hero-grid{grid-template-columns:minmax(0,1fr)}.of-next{min-height:320px}.of-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.of-hero{padding-top:104px}.of-actions .btn,.of-card .btn{width:100%;justify-content:center}.of-card{padding:24px 20px}.of-next-body{padding:20px}}