@import url('https://api.fontshare.com/v2/css?f[]=clash-display@700,600,500&f[]=satoshi@400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  --void: #02040a;
  --deep: #050c18;
  --navy: #08142b;
  --panel: #0c1c38;
  --surface: rgba(12,28,56,0.6);
  --border: rgba(56,119,255,0.14);
  --border-active: rgba(56,119,255,0.45);
  --blue: #3877ff;
  --blue-bright: #5b94ff;
  --cyan: #00d2ff;
  --sky: #38bdf8;
  --indigo: #7c6dfa;
  --text: #e8f0ff;
  --text-dim: rgba(168,196,255,0.62);
  --text-muted: rgba(120,155,220,0.38);
  --mono: 'JetBrains Mono', monospace;
  --display: 'Clash Display', sans-serif;
  --body: 'Satoshi', sans-serif;
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--void);color:var(--text);font-family:var(--body);overflow-x:hidden;min-height:100vh;font-size:16px;line-height:1.6}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}
img{max-width:100%}

.container{max-width:1180px;margin:0 auto;padding:0 28px}

/* ── CUSTOM CURSOR ── */
.cursor{position:fixed;width:8px;height:8px;background:var(--blue);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width 0.2s,height 0.2s,opacity 0.2s;mix-blend-mode:screen;will-change:transform}
.cursor-ring{position:fixed;width:32px;height:32px;border:1px solid rgba(56,119,255,0.45);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);will-change:transform;mix-blend-mode:screen}
body:hover .cursor{opacity:1}

/* ── NOISE TEXTURE OVERLAY ── */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");opacity:0.4;pointer-events:none;z-index:0}

/* ── BACKGROUND ── */
.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-canvas canvas{position:absolute;inset:0}
.bg-glow-1{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(56,119,255,0.07) 0%,transparent 65%);top:-350px;left:-200px;animation:drift1 30s ease-in-out infinite}
.bg-glow-2{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,210,255,0.05) 0%,transparent 65%);bottom:-200px;right:-150px;animation:drift2 25s ease-in-out infinite}
.bg-glow-3{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,109,250,0.06) 0%,transparent 65%);top:40%;left:50%;transform:translate(-50%,-50%);animation:drift3 40s ease-in-out infinite}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(56,119,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,119,255,0.03) 1px,transparent 1px);background-size:80px 80px}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(0.97)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,30px)}}
@keyframes drift3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:900;padding:0;height:64px;display:flex;align-items:center}
.navbar::before{content:'';position:absolute;inset:0;background:rgba(2,4,10,0);backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:all 0.4s ease}
.navbar.scrolled::before{background:rgba(2,4,10,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border)}
.nav-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:-0.03em}
.nav-logo img{width:32px;height:32px;border-radius:8px;box-shadow:0 0 16px rgba(56,119,255,0.5)}
.logo-dot{color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:6px 14px;border-radius:8px;font-size:0.86rem;font-weight:500;color:var(--text-dim);transition:all 0.2s}
.nav-links a:hover{color:var(--text);background:rgba(56,119,255,0.08)}
.nav-right{display:flex;align-items:center;gap:10px}
.lang-switcher{display:flex;gap:2px;padding:3px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:8px}
.lang-btn{padding:4px 8px;border-radius:5px;opacity:0.4;transition:all 0.2s;display:flex;align-items:center}
.lang-btn.active,.lang-btn:hover{opacity:1;background:rgba(255,255,255,0.06)}
.nav-cta{display:flex;align-items:center;gap:7px;padding:8px 18px;background:var(--blue);color:#fff;border-radius:8px;font-size:0.85rem;font-weight:600;transition:all 0.2s;border:1px solid rgba(91,148,255,0.4);box-shadow:0 0 20px rgba(56,119,255,0.25)}
.nav-cta:hover{background:var(--blue-bright);box-shadow:0 0 30px rgba(56,119,255,0.45);transform:translateY(-1px)}
.mobile-menu-btn{display:none;flex-direction:column;gap:4px;padding:8px}
.mobile-menu-btn span{width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:all 0.2s}
@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}}
@media(max-width:768px){.nav-links.active{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(2,4,10,0.98);backdrop-filter:blur(24px);padding:20px;gap:4px;border-bottom:1px solid var(--border)}}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:10px;font-family:var(--display);font-weight:600;font-size:0.92rem;letter-spacing:-0.01em;transition:all 0.25s var(--ease-out);position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff;border:1px solid rgba(91,148,255,0.35);box-shadow:0 4px 24px rgba(56,119,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)}
.btn-primary:hover{background:var(--blue-bright);transform:translateY(-2px);box-shadow:0 8px 36px rgba(56,119,255,0.5)}
.btn-primary:active{transform:translateY(0) scale(0.98)}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}
.btn-outline:hover{border-color:var(--border-active);background:rgba(56,119,255,0.06);transform:translateY(-1px)}
.btn-lg{padding:15px 32px;font-size:1rem}
.btn-sm{padding:8px 16px;font-size:0.82rem}
.btn-full{width:100%}

/* ── HERO - ASYMMETRIC SPLIT ── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:80px 0 60px;z-index:1;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}
.hero-left{position:relative;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;background:rgba(56,119,255,0.08);border:1px solid rgba(56,119,255,0.2);border-radius:100px;font-size:0.72rem;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:var(--sky);margin-bottom:28px;font-family:var(--mono)}
.hero-tag-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 6px var(--cyan)}50%{box-shadow:0 0 18px var(--cyan),0 0 30px rgba(0,210,255,0.3)}}

.hero-title{font-family:var(--display);font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:0.96;letter-spacing:-0.04em;margin-bottom:24px;color:var(--text)}
.hero-title .line{display:block;overflow:hidden}
.hero-title .line span{display:block;transform:translateY(100%);animation:line-reveal 0.8s var(--ease-out) forwards}
.hero-title .line:nth-child(1) span{animation-delay:0.1s}
.hero-title .line:nth-child(2) span{animation-delay:0.22s}
.hero-title .line:nth-child(3) span{animation-delay:0.34s}
.hero-title .highlight{background:linear-gradient(90deg,var(--blue-bright) 0%,var(--cyan) 50%,var(--sky) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:gradient-shift 4s ease-in-out infinite}
@keyframes line-reveal{to{transform:translateY(0)}}
@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.hero-desc{font-size:1.05rem;color:var(--text-dim);line-height:1.75;max-width:480px;margin-bottom:36px;opacity:0;animation:fade-in-up 0.7s var(--ease-out) 0.5s forwards}
@keyframes fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fade-in-up 0.7s var(--ease-out) 0.65s forwards}

.hero-stats{display:flex;gap:32px;margin-top:44px;padding-top:32px;border-top:1px solid var(--border);opacity:0;animation:fade-in-up 0.7s var(--ease-out) 0.8s forwards}
.hero-stat-num{font-family:var(--display);font-size:1.8rem;font-weight:700;color:var(--text);line-height:1;background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-stat-label{font-size:0.75rem;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:0.06em;font-family:var(--mono)}

/* Hero Right - 3D Bot Card Float */
.hero-right{position:relative;z-index:2;opacity:0;animation:fade-in-up 0.9s var(--ease-out) 0.3s forwards}
.hero-card-scene{position:relative;display:flex;justify-content:center;align-items:center}
.hero-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;width:100%;max-width:440px;box-shadow:0 40px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.05);animation:card-float 6s ease-in-out infinite;transform-style:preserve-3d}
@keyframes card-float{0%,100%{transform:translateY(0) rotate3d(1,0.5,0,2deg)}50%{transform:translateY(-12px) rotate3d(1,0.5,0,-1deg)}}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--blue),transparent)}
.hero-card-topbar{padding:12px 16px;background:rgba(5,12,24,0.8);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.hc-dots{display:flex;gap:5px}
.hc-dot{width:10px;height:10px;border-radius:50%}
.hc-dot.r{background:#ff5f57}.hc-dot.y{background:#ffbd2e}.hc-dot.g{background:#28c840}
.hc-url{flex:1;text-align:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:5px;padding:3px 12px;font-family:var(--mono);font-size:0.68rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-card-body{padding:20px;display:flex;gap:16px;min-height:320px}

/* Mini Sidebar inside card */
.hc-sidebar{width:48px;background:rgba(5,12,24,0.5);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}
.hc-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:var(--text-muted);transition:all 0.2s;cursor:default}
.hc-icon.active{background:rgba(56,119,255,0.2);color:var(--blue-bright)}
.hc-icon:hover{background:rgba(255,255,255,0.05);color:var(--text)}
.hc-divider{width:20px;height:1px;background:var(--border);margin:4px 0}

/* Main area inside card */
.hc-main{flex:1;display:flex;flex-direction:column;gap:12px}
.hc-header{display:flex;align-items:center;justify-content:space-between}
.hc-title{font-family:var(--display);font-size:0.88rem;font-weight:600;color:var(--text)}
.hc-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));border:2px solid rgba(56,119,255,0.4)}
.hc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hc-stat{background:rgba(5,12,24,0.6);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:10px 8px;text-align:center}
.hc-stat-val{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--text);display:block}
.hc-stat-lbl{font-size:0.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;font-family:var(--mono);display:block;margin-top:2px}

/* Chat log in card */
.hc-chat{flex:1;display:flex;flex-direction:column;gap:6px}
.hc-msg{display:flex;gap:7px;animation:msg-appear 0.4s var(--ease-out) both}
.hc-msg:nth-child(1){animation-delay:1s}
.hc-msg:nth-child(2){animation-delay:2.2s}
.hc-msg:nth-child(3){animation-delay:3.4s}
@keyframes msg-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hc-msg-av{width:24px;height:24px;border-radius:50%;flex-shrink:0;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--display)}
.hc-msg-av.u{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}
.hc-msg-av.b{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}
.hc-msg-body{flex:1;min-width:0}
.hc-msg-name{font-size:0.65rem;font-weight:700;margin-bottom:2px}
.hc-msg-name.bot{color:var(--blue-bright)}
.hc-msg-name.usr{color:#7289da}
.hc-msg-badge{display:inline-block;background:var(--blue);color:#fff;font-size:0.5rem;padding:1px 4px;border-radius:2px;font-weight:700;margin-left:4px;text-transform:uppercase;vertical-align:middle}
.hc-msg-text{font-size:0.73rem;color:var(--text-dim);line-height:1.4}
.hc-embed{background:rgba(56,119,255,0.08);border-left:2px solid var(--blue);padding:6px 8px;border-radius:0 5px 5px 0;margin-top:3px;font-size:0.7rem;color:var(--text-dim)}
.hc-embed-title{color:var(--blue-bright);font-weight:700;font-size:0.68rem;margin-bottom:2px}

/* Floating badges around card */
.hero-float-badge{position:absolute;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:0.75rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,0.4);backdrop-filter:blur(12px);white-space:nowrap;z-index:3}
.hfb-1{top:-16px;right:-20px;animation:badge-float1 5s ease-in-out infinite;color:var(--cyan)}
.hfb-2{bottom:30px;left:-24px;animation:badge-float2 6s ease-in-out infinite 1s;color:#a3e635}
.hfb-3{bottom:-14px;right:30px;animation:badge-float1 7s ease-in-out infinite 0.5s;color:#f59e0b}
.hfb-icon{font-size:1rem}
@keyframes badge-float1{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes badge-float2{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-6px) rotate(-1deg)}}

@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:60px}.hero-right{max-width:480px;margin:0 auto}}
@media(max-width:640px){.hero-title{font-size:2.8rem}.hero-stats{flex-wrap:wrap;gap:20px}}
/* -- FEATURES STRIP -- */
.features-strip{position:relative;z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(5,12,24,0.7);overflow:hidden;height:52px}
.strip-track{display:flex;animation:marquee 25s linear infinite;width:max-content}
.strip-item{display:flex;align-items:center;gap:10px;padding:0 32px;height:52px;font-size:0.8rem;font-weight:600;color:var(--text-dim);white-space:nowrap;font-family:var(--mono)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* -- SECTIONS -- */
.section{padding:120px 0;position:relative;z-index:1}
.section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:16px}
.section-title{font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.05;letter-spacing:-0.03em;margin-bottom:16px}
.section-desc{color:var(--text-dim);font-size:1.02rem;line-height:1.7;max-width:520px}
.text-gradient{background:linear-gradient(90deg,var(--blue-bright) 0%,var(--cyan) 60%,var(--sky) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* -- REVEAL -- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.75s,transform 0.75s}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity 0.75s,transform 0.75s}
.reveal-left.in{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(36px);transition:opacity 0.75s,transform 0.75s}
.reveal-right.in{opacity:1;transform:translateX(0)}
.delay-1{transition-delay:0.1s}.delay-2{transition-delay:0.2s}.delay-3{transition-delay:0.3s}.delay-4{transition-delay:0.4s}.delay-5{transition-delay:0.5s}
/* -- FEATURES TABS -- */
.features-section{background:linear-gradient(180deg,var(--void) 0%,var(--deep) 50%,var(--void) 100%)}
.features-layout{display:grid;grid-template-columns:360px 1fr;gap:56px;align-items:start;margin-top:64px}
.features-tabs{display:flex;flex-direction:column;gap:4px}
.feature-tab{padding:18px 20px;border-radius:12px;cursor:pointer;transition:all 0.25s;border:1px solid transparent;position:relative;overflow:hidden}
.feature-tab-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);border-radius:0 3px 3px 0;transform:scaleY(0);transition:transform 0.25s}
.feature-tab:hover{background:rgba(56,119,255,0.06);border-color:var(--border)}
.feature-tab.active{background:rgba(56,119,255,0.08);border-color:rgba(56,119,255,0.2)}
.feature-tab.active .feature-tab-bar{transform:scaleY(1)}
.ft-icon{font-size:1.4rem;margin-bottom:8px;display:block}
.ft-title{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}
.ft-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.5}
.feature-tab.active .ft-title{color:var(--blue-bright)}
.feature-tab.active .ft-desc{color:var(--text-dim)}
.features-preview{position:sticky;top:100px}
.feature-panel{display:none}
.feature-panel.active{display:block;animation:pfadein 0.4s ease}
@keyframes pfadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.fp-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,0.5)}
.fp-stripe{height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent)}
.fp-body{padding:24px}
.fp-label{font-family:var(--mono);font-size:0.68rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}
.fp-title{font-family:var(--display);font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:10px}
.fp-text{font-size:0.88rem;color:var(--text-dim);line-height:1.65;margin-bottom:20px}
.fp-tags{display:flex;flex-wrap:wrap;gap:6px}
.fp-tag{padding:4px 12px;background:rgba(56,119,255,0.1);border:1px solid rgba(56,119,255,0.2);border-radius:100px;font-size:0.72rem;font-weight:600;color:var(--sky);font-family:var(--mono)}
.discord-mock{background:rgba(5,12,24,0.8);border-radius:12px;border:1px solid rgba(255,255,255,0.05);overflow:hidden;margin-top:16px}
.dm-header{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:8px;font-size:0.75rem;color:var(--text-muted);font-family:var(--mono)}
.dm-header-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}
.dm-msgs{padding:12px;display:flex;flex-direction:column;gap:8px;max-height:160px;overflow:hidden}
.dm-row{display:flex;gap:8px;animation:msgapp 0.4s ease both}
.dm-row:nth-child(1){animation-delay:0.5s}.dm-row:nth-child(2){animation-delay:1.5s}.dm-row:nth-child(3){animation-delay:2.5s}
@keyframes msgapp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.dm-av{width:26px;height:26px;border-radius:50%;flex-shrink:0;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}
.dm-av.u{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff}
.dm-av.b{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}
.dm-av.a{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}
.dm-content{flex:1;min-width:0}
.dm-name{font-size:0.68rem;font-weight:700;margin-bottom:2px}
.dm-name.bot{color:var(--blue-bright)}.dm-name.usr{color:#7289da}.dm-name.mod{color:#ef4444}
.dm-badge{display:inline-block;background:var(--blue);color:#fff;font-size:0.48rem;padding:1px 4px;border-radius:2px;font-weight:700;text-transform:uppercase;vertical-align:middle;margin-left:3px}
.dm-text{font-size:0.72rem;color:var(--text-dim);line-height:1.4}
.dm-deleted{background:rgba(239,68,68,0.1);border:1px dashed rgba(239,68,68,0.25);padding:4px 8px;border-radius:4px;font-size:0.7rem;color:#f87171;display:inline-block;margin-top:2px}
.dm-embed{background:rgba(56,119,255,0.08);border-left:2px solid var(--blue);padding:5px 8px;border-radius:0 4px 4px 0;margin-top:3px;font-size:0.68rem;color:var(--text-dim)}
.dm-embed b{color:var(--blue-bright);display:block;margin-bottom:2px;font-size:0.7rem}
.dm-typing{display:flex;align-items:center;gap:6px;font-size:0.68rem;color:var(--text-muted);padding:8px 14px;border-top:1px solid rgba(255,255,255,0.04)}
.dm-typing-dots{display:flex;gap:2px}
.dm-typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--blue-bright);animation:typbounce 1.4s infinite}
.dm-typing-dots span:nth-child(2){animation-delay:0.2s}.dm-typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes typbounce{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-4px);opacity:1}}
.log-stream{padding:12px;display:flex;flex-direction:column;gap:4px;max-height:140px;overflow:hidden}
.log-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:rgba(5,12,24,0.5);font-size:0.68rem;font-family:var(--mono);animation:msgapp 0.3s ease both}
.log-row:nth-child(1){animation-delay:0.4s;border-left:2px solid #ef4444}
.log-row:nth-child(2){animation-delay:0.8s;border-left:2px solid #22c55e}
.log-row:nth-child(3){animation-delay:1.2s;border-left:2px solid #f59e0b}
.log-row:nth-child(4){animation-delay:1.6s;border-left:2px solid var(--blue)}
.log-time{color:var(--text-muted);min-width:38px}.log-event{flex:1;color:var(--text-dim)}.log-event b{color:var(--text)}
@media(max-width:900px){.features-layout{grid-template-columns:1fr}.features-preview{position:static}}
/* -- COMMANDS SECTION -- */
.commands-section{background:var(--deep)}
.cmd-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.cmd-categories{display:flex;flex-direction:column;gap:8px;margin-top:40px}
.cmd-cat{padding:16px 20px;border-radius:12px;background:rgba(56,119,255,0.04);border:1px solid var(--border);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:14px}
.cmd-cat:hover{background:rgba(56,119,255,0.08);border-color:rgba(56,119,255,0.2)}
.cmd-cat.active{background:rgba(56,119,255,0.1);border-color:rgba(56,119,255,0.3)}
.cmd-cat-icon{width:36px;height:36px;border-radius:9px;background:rgba(56,119,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.cmd-cat.active .cmd-cat-icon{background:rgba(56,119,255,0.2)}
.cmd-cat-name{font-family:var(--display);font-weight:600;font-size:0.92rem;color:var(--text)}
.cmd-cat-count{font-size:0.72rem;color:var(--text-muted);margin-top:1px;font-family:var(--mono)}
.cmd-terminal{background:rgba(5,12,24,0.9);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.5)}
.cmd-terminal-bar{padding:12px 16px;background:rgba(2,4,10,0.8);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.cmd-terminal-dots{display:flex;gap:5px}
.cmd-terminal-title{flex:1;text-align:center;font-family:var(--mono);font-size:0.7rem;color:var(--text-muted)}
.cmd-list{padding:20px;display:flex;flex-direction:column;gap:8px;min-height:350px;max-height:450px;overflow-y:auto;scroll-behavior:smooth}
.cmd-list::-webkit-scrollbar{width:6px}
.cmd-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:10px}
.cmd-list::-webkit-scrollbar-thumb{background:rgba(56,119,255,0.2);border-radius:10px}
.cmd-list::-webkit-scrollbar-thumb:hover{background:rgba(56,119,255,0.4)}
.cmd-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:9px;transition:all 0.2s;animation:msgapp 0.3s ease both}
.cmd-item:hover{background:rgba(56,119,255,0.06);border-color:var(--border)}
.cmd-name{font-family:var(--mono);font-weight:700;color:var(--cyan);font-size:0.85rem}
.cmd-desc{font-size:0.78rem;color:var(--text-muted)}
.cmd-badge{font-size:0.6rem;font-weight:700;padding:2px 8px;border-radius:100px;font-family:var(--mono)}
.cmd-badge.mod{background:rgba(239,68,68,0.1);color:#f87171;border:1px solid rgba(239,68,68,0.2)}
.cmd-badge.ai{background:rgba(56,119,255,0.1);color:var(--sky);border:1px solid rgba(56,119,255,0.2)}
.cmd-badge.fun{background:rgba(168,85,247,0.1);color:#c084fc;border:1px solid rgba(168,85,247,0.2)}
.cmd-badge.util{background:rgba(245,158,11,0.1);color:#fbbf24;border:1px solid rgba(245,158,11,0.2)}
.cmd-badge.set{background:rgba(16,185,129,0.1);color:#6ee7b7;border:1px solid rgba(16,185,129,0.2)}
@media(max-width:900px){.cmd-layout{grid-template-columns:1fr}}
/* -- STATS BIG NUMBERS -- */
.stats-section{background:linear-gradient(180deg,var(--void) 0%,rgba(8,20,43,0.5) 50%,var(--void) 100%)}
.stats-big{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:64px;background:var(--border);border-radius:20px;overflow:hidden;border:1px solid var(--border)}
.stat-big-card{background:var(--void);padding:48px 32px;text-align:center;position:relative;overflow:hidden;transition:background 0.3s}
.stat-big-card:hover{background:var(--deep)}
.stat-big-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(56,119,255,0.08),transparent 70%)}
.stat-big-num{font-family:var(--display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.stat-big-label{font-family:var(--mono);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted)}
.stat-big-icon{font-size:1.5rem;margin-bottom:16px;display:block}
.status-live{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:40px;font-family:var(--mono);font-size:0.78rem;color:var(--text-dim)}
.status-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e,0 0 20px rgba(34,197,94,0.3);animation:livedot 2s ease-in-out infinite}
@keyframes livedot{0%,100%{box-shadow:0 0 8px #22c55e}50%{box-shadow:0 0 16px #22c55e,0 0 30px rgba(34,197,94,0.4)}}
@media(max-width:768px){.stats-big{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.stats-big{grid-template-columns:1fr}}
.pricing-section{background:var(--deep)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;align-items:start}
.price-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px 28px;position:relative;overflow:hidden;transition:all 0.3s}
.price-card:hover{border-color:rgba(56,119,255,0.3);transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,0.4)}
.price-card.featured{border-color:rgba(56,119,255,0.35);background:linear-gradient(180deg,rgba(56,119,255,0.07) 0%,var(--panel) 100%);transform:scale(1.03)}
.price-card.featured:hover{transform:scale(1.03) translateY(-4px)}
.price-card.pro-card{border-color:rgba(124,109,250,0.3)}
.price-stripe{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity 0.3s}
.price-card.featured .price-stripe,.price-card:hover .price-stripe{opacity:1}
.price-badge{position:absolute;top:-1px;right:20px;background:var(--blue);color:#fff;font-size:0.65rem;font-weight:700;padding:5px 12px;border-radius:0 0 8px 8px;font-family:var(--mono);letter-spacing:0.06em;text-transform:uppercase}
.price-name{font-family:var(--display);font-size:0.82rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px}
.price-amount{font-family:var(--display);font-size:3rem;font-weight:700;line-height:1;color:var(--text);margin-bottom:4px}
.price-period{font-family:var(--mono);font-size:0.75rem;color:var(--text-muted);margin-bottom:28px}
.price-divider{height:1px;background:var(--border);margin-bottom:24px}
.price-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.price-feat{display:flex;align-items:center;gap:10px;font-size:0.87rem;color:var(--text-dim)}
.price-feat.no{opacity:0.35}
.pf-check{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:0.7rem;flex-shrink:0}
.pf-check.yes{background:rgba(34,197,94,0.15);color:#4ade80}
.pf-check.star{background:rgba(124,109,250,0.15);color:#a78bfa}
.pf-check.no{background:rgba(255,255,255,0.04);color:var(--text-muted)}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.price-card.featured{transform:none}}

/* -- TEAM SECTION -- */
.team-section{background:var(--void)}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}
.team-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all 0.35s;position:relative}
.team-card:hover{border-color:rgba(56,119,255,0.3);transform:translateY(-5px);box-shadow:0 24px 56px rgba(0,0,0,0.45)}
.team-card-top{height:110px;position:relative;overflow:hidden}
.team-card-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,119,255,0.15),rgba(0,210,255,0.08))}
.team-card-bg.pr{background:linear-gradient(135deg,rgba(124,109,250,0.18),rgba(56,119,255,0.1))}
.team-card-bg-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0.03) 0px,transparent 1px,transparent 40px,rgba(255,255,255,0.03) 40px)}
.team-avatar-wrap{position:absolute;bottom:-28px;left:28px}
.team-avatar{width:60px;height:60px;border-radius:50%;border:3px solid var(--panel);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.4rem;color:#fff;box-shadow:0 0 0 2px var(--border),0 8px 20px rgba(0,0,0,0.4)}
.ta-kelle{background:linear-gradient(135deg,var(--blue),var(--cyan))}
.ta-pr{background:linear-gradient(135deg,var(--indigo),var(--blue))}
.team-spin-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px dashed rgba(56,119,255,0.35);animation:teamspin 8s linear infinite}
@keyframes teamspin{to{transform:rotate(360deg)}}
.team-body{padding:44px 28px 28px}
.team-role-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;padding:3px 10px;border-radius:100px;margin-bottom:10px}
.trt-kelle{background:rgba(56,119,255,0.1);border:1px solid rgba(56,119,255,0.2);color:var(--sky)}
.trt-pr{background:rgba(124,109,250,0.1);border:1px solid rgba(124,109,250,0.2);color:#a5b4fc}
.team-name{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:12px}
.team-bio{font-size:0.88rem;color:var(--text-dim);line-height:1.7;margin-bottom:20px}
.team-tags{display:flex;flex-wrap:wrap;gap:6px}
.team-tag{padding:3px 10px;border-radius:100px;font-size:0.7rem;font-weight:600;font-family:var(--mono)}
.team-tag.blue{background:rgba(56,119,255,0.1);border:1px solid rgba(56,119,255,0.2);color:var(--sky)}
.team-tag.purple{background:rgba(124,109,250,0.1);border:1px solid rgba(124,109,250,0.2);color:#a5b4fc}
@media(max-width:640px){.team-grid{grid-template-columns:1fr}}

/* -- FOOTER -- */
.footer{border-top:1px solid var(--border);padding:64px 0 32px;background:var(--void);position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand-desc{color:var(--text-dim);font-size:0.88rem;line-height:1.65;margin:14px 0}
.footer-social{display:flex;gap:8px}
.fsocial{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text-dim);transition:all 0.2s}
.fsocial:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.footer-col h4{font-family:var(--mono);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text);margin-bottom:16px}
.footer-col a{display:block;padding:5px 0;font-size:0.86rem;color:var(--text-dim);transition:all 0.2s}
.footer-col a:hover{color:var(--blue-bright);padding-left:6px}
.footer-bottom{padding-top:28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:0.82rem;color:var(--text-muted)}
.footer-copy strong{color:var(--blue-bright)}
.footer-copy a{color:var(--sky);transition:color 0.2s}
.footer-copy a:hover{color:var(--cyan)}
.footer-version{font-family:var(--mono);font-size:0.7rem;color:var(--text-muted)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}

/* -- MISC -- */
code{background:rgba(56,119,255,0.12);border:1px solid rgba(56,119,255,0.2);padding:1px 6px;border-radius:4px;font-family:var(--mono);font-size:0.85em;color:var(--sky)}
.glass-card{background:rgba(12,28,56,0.6);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all 0.25s}
.glass-card:hover{border-color:var(--border-active);transform:translateY(-3px)}
#announcement-overlay{display:none;position:fixed;inset:0;z-index:99999;background:
radial-gradient(circle at 12% 18%,rgba(0,210,255,0.16),transparent 28%),
radial-gradient(circle at 88% 12%,rgba(56,119,255,0.2),transparent 24%),
linear-gradient(135deg,rgba(1,4,12,0.86),rgba(3,8,20,0.96));backdrop-filter:blur(18px);align-items:center;justify-content:center;padding:clamp(16px,4vh,32px) 32px;overflow-y:auto;overscroll-behavior:contain}
#announcement-box{position:relative;max-width:760px;width:min(100%,760px);margin:auto 0;font-family:var(--body);animation:announcementSlideIn .45s var(--ease-out)}
#announcement-box::before{content:'';position:absolute;inset:-1px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.02) 24%,rgba(56,119,255,0.14) 60%,rgba(0,210,255,0.08));opacity:.9;pointer-events:none}
.announcement-shell{position:relative;overflow:auto;max-height:calc(100dvh - clamp(32px,8vh,64px));border-radius:28px;background:linear-gradient(180deg,rgba(7,18,38,0.985),rgba(3,10,24,0.985));padding:28px 28px 24px;box-shadow:0 36px 90px rgba(0,0,0,0.52),0 0 0 1px rgba(255,255,255,0.03)}
.announcement-shell::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.03),transparent 26%),radial-gradient(circle at top right,rgba(0,210,255,0.1),transparent 24%);pointer-events:none}
.announcement-close-icon{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:1.3rem;line-height:1;color:rgba(232,240,255,0.72);z-index:2;transition:background .2s ease,color .2s ease,transform .2s ease}
.announcement-close-icon:hover{background:rgba(255,255,255,0.08);color:#fff;transform:rotate(90deg)}
.announcement-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:52px;margin-bottom:22px}
.announcement-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(0,210,255,0.2);border-radius:999px;background:rgba(0,210,255,0.08);font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8fe8ff;width:max-content}
.announcement-mini-mark{font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(216,233,255,0.58)}
.announcement-hero{position:relative;z-index:1;display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:start}
.announcement-badge{position:relative;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 18px 40px rgba(0,0,0,0.28)}
.announcement-badge-ring{position:absolute;inset:10px;border:1px solid rgba(0,210,255,0.28);border-radius:22px;animation:announcementOrbit 8s linear infinite}
.announcement-badge-logo{position:absolute;inset:10px;z-index:1;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:22px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(56,119,255,0.35));animation:announcementOrbit 8s linear infinite;transform-origin:center}
.announcement-hero-copy{min-width:0}
.announcement-transition-card{padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(12px)}
.announcement-transition-label{display:block;margin-bottom:10px;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.announcement-transition-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.announcement-transition-old,.announcement-transition-new{font-family:var(--display);font-size:1.08rem;font-weight:600;letter-spacing:-.02em}
.announcement-transition-old{color:rgba(232,240,255,0.56)}
.announcement-transition-new{color:#fff}
.announcement-transition-arrow{font-size:1.1rem;color:var(--cyan)}
.announcement-kicker{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9ad8ff;margin-bottom:18px}
.announcement-title{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.02;letter-spacing:-.05em;color:#f4f8ff;margin-bottom:16px;max-width:min(13.5em,100%);text-wrap:balance}
.announcement-title span{display:inline-block;background:linear-gradient(90deg,#ffffff,#91ddff 55%,#4e9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.announcement-text{max-width:52ch;font-size:1rem;line-height:1.8;color:rgba(216,230,255,0.76);margin-bottom:18px}
.announcement-text strong{color:#fff}
.announcement-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.announcement-note{padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}
.announcement-note-label{display:inline-block;margin-bottom:9px;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8edaff}
.announcement-note p{font-size:.9rem;line-height:1.7;color:rgba(208,224,255,0.68)}
.announcement-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.08)}
.announcement-assurance{display:flex;align-items:center;gap:14px;max-width:420px}
.announcement-assurance-line{width:44px;height:1px;background:linear-gradient(90deg,rgba(0,210,255,0.1),rgba(0,210,255,0.9));flex-shrink:0}
.announcement-assurance p{font-size:.88rem;line-height:1.7;color:rgba(207,223,255,0.6)}
.announcement-close{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;min-width:132px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#72b6ff);color:#fff;border:1px solid rgba(160,211,255,0.26);font-family:var(--display);font-size:.92rem;font-weight:600;letter-spacing:-.01em;box-shadow:0 18px 40px rgba(56,119,255,0.28),inset 0 1px 0 rgba(255,255,255,0.18);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.announcement-close:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(56,119,255,0.38);filter:brightness(1.05)}
@keyframes announcementSlideIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes popupSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.975)}}
@keyframes announcementOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:900px){.announcement-title{max-width:none}.announcement-grid{grid-template-columns:1fr}}
@media(max-width:640px){#announcement-overlay{padding:14px}.announcement-shell{max-height:calc(100dvh - 28px);padding:22px 18px 18px;border-radius:24px}.announcement-topline{align-items:flex-start;flex-direction:column;padding-right:40px;margin-bottom:18px}.announcement-hero{grid-template-columns:1fr;gap:18px}.announcement-badge{width:84px;height:84px;border-radius:24px}.announcement-badge-ring{inset:9px;border-radius:18px}.announcement-badge-logo{inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:18px}.announcement-transition-row{align-items:flex-start;flex-direction:column;gap:6px}.announcement-transition-arrow{transform:rotate(90deg)}.announcement-footer{align-items:flex-start;flex-direction:column}.announcement-assurance{max-width:none}.announcement-close{width:100%}}
@media(max-width:640px){.hero-inner{grid-template-columns:1fr}.btn-lg{padding:12px 22px;font-size:0.92rem}.section{padding:80px 0}}