:root {
  --ink: #0c243d;
  --ink-soft: #314a61;
  --paper: #f8f6f0;
  --cream: #eee9dc;
  --line: rgba(12, 36, 61, .12);
  --amber: #ed984d;
  --amber-light: #ffd4a5;
  --mint: #9ccfbd;
  --navy: #0b213a;
  --navy-2: #132f4a;
  --white: #fffdfa;
  --display: 'Alexandria', sans-serif;
  --body: 'Tajawal', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 17px; line-height: 1.7; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.container { width: min(1152px, calc(100% - 48px)); margin-inline: auto; position: relative; }
.page-noise { pointer-events: none; opacity: .15; position: fixed; inset: 0; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }

/* Animated academic field */
.symbol-field { position: absolute; inset: 0 0 auto; height: 1250px; overflow: hidden; pointer-events: none; z-index: 0; }
.symbol { position: absolute; font-family: var(--display); font-weight: 500; color: rgba(12,36,61,.10); animation: drift 11s ease-in-out infinite; }
.s1 { right: 9%; top: 130px; font-size: 26px; animation-delay: -3s; }.s2 { left: 7%; top: 220px; font-size: 36px; animation-delay: -6s; }.s3 { right: 45%; top: 110px; font-size: 19px; animation-delay: -8s; }.s4 { left: 36%; top: 510px; font-size: 28px; animation-delay: -2s; }.s5 { right: 5%; top: 580px; font-size: 32px; animation-delay: -9s; }.s6 { left: 11%; top: 800px; font-size: 25px; animation-delay: -5s; }.s7 { right: 40%; top: 850px; font-size: 29px; animation-delay: -1s; }.s8 { left: 32%; top: 960px; font-size: 16px; animation-delay: -4s; }.s9 { right: 11%; top: 1010px; font-size: 21px; animation-delay: -7s; }
@keyframes drift { 0%,100% { transform: translate3d(0,0,0) rotate(-3deg); opacity: .45; } 50% { transform: translate3d(11px,-20px,0) rotate(4deg); opacity: .9; } }

/* Header */
.site-header { position: fixed; z-index: 50; top: 18px; left: 0; right: 0; padding-top: 0; }
.nav-shell { min-height: 74px; padding: 11px 14px 11px 19px; display: flex; align-items: center; gap: 26px; border: 1px solid rgba(12,36,61,.10); background: rgba(255,253,250,.78); box-shadow: 0 9px 34px rgba(12,36,61,.06); backdrop-filter: blur(12px); border-radius: 18px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-size: 21px; font-weight: 800; letter-spacing: -.06em; color: var(--ink); white-space: nowrap; }
.brand-emblem { width: 36px; height: 36px; object-fit: contain; border-radius: 50%; }
.brand-mark { position: relative; width: 31px; height: 36px; display: inline-block; background: var(--navy); border-radius: 52% 48% 48% 52% / 59% 60% 40% 41%; transform: rotate(45deg); overflow: hidden; box-shadow: 0 4px 12px rgba(12,36,61,.18); }
.brand-mark i { position: absolute; background: var(--amber); height: 24px; width: 12px; bottom: -5px; left: 10px; border-radius: 100% 0 100% 0; transform: rotate(4deg); }.brand-mark b { position:absolute; height: 12px; width: 7px; border-radius: 8px; background: var(--amber-light); bottom: 6px; left: 12px; }
.nav-links { display: flex; align-items: center; gap: 24px; margin-right: auto; font-size: 14px; font-weight: 700; color: var(--ink-soft); }.nav-links a { position: relative; padding: 8px 0; }.nav-links a::after { content: ''; position: absolute; height: 2px; background: var(--amber); width: 0; right: 0; bottom: 1px; transition: width .25s ease; }.nav-links a:hover::after { width: 100%; }
.nav-cta { display: inline-flex; align-items:center; gap: 12px; border-radius: 12px; background: var(--navy); color: var(--white); font-weight: 700; font-size: 14px; padding: 11px 16px; transition: transform .25s, background .25s; white-space: nowrap; }.nav-cta span { color: var(--amber); font-family: sans-serif; font-size: 17px; }.nav-cta:hover { background: #15395c; transform: translateY(-2px); }

/* Hero */
.hero { min-height: 702px; display: grid; grid-template-columns: 1fr 1.06fr; align-items: center; gap: 30px; padding: 150px 12px 68px; z-index: 1; }
.hero-copy { position: relative; padding-right: 10px; }.eyebrow, .section-kicker { font-family: var(--display); color: #4e7580; font-size: 12px; font-weight: 600; letter-spacing: -.02em; }.eyebrow { display: inline-flex; gap: 8px; align-items:center; border: 1px solid rgba(78,117,128,.18); background: rgba(232,243,238,.65); padding: 8px 11px; border-radius: 99px; }.spark { color: var(--amber); font-size: 16px; animation: spark 2.4s ease-in-out infinite; }@keyframes spark { 0%,100% { transform: scale(.75) rotate(0); opacity: .65; } 50% { transform: scale(1.1) rotate(20deg); opacity: 1; } }
h1, h2, h3, p { margin-top: 0; }h1,h2,h3 { font-family: var(--display); letter-spacing: -.058em; }h1 { margin: 24px 0 21px; max-width: 560px; font-size: clamp(42px, 5.1vw, 70px); line-height: 1.24; font-weight: 700; }em { color: var(--amber); font-style: normal; font-weight: 700; }.hero-intro { max-width: 555px; color: var(--ink-soft); font-size: 18px; line-height: 2; }.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 29px; }.button { display: inline-flex; justify-content: center; align-items: center; gap: 15px; padding: 14px 19px; border-radius: 12px; font-family: var(--display); font-weight: 600; font-size: 14px; transition: transform .25s ease, box-shadow .25s ease; }.button.primary { background: var(--navy); color: var(--white); box-shadow: 0 9px 22px rgba(11,33,58,.18); }.button.primary span, .button.amber span { font-family: sans-serif; font-size: 18px; color: var(--amber); }.button:hover { transform: translateY(-3px); box-shadow: 0 13px 25px rgba(11,33,58,.20); }.text-link { display: inline-flex; gap: 9px; align-items: center; border-bottom: 1px solid rgba(12,36,61,.35); padding-bottom: 5px; font-family: var(--display); font-size: 13px; font-weight: 600; }.text-link span { color: var(--amber); font-size: 18px; line-height: 1; }
.hero-notes { display: flex; gap: 19px; margin: 47px 0 0; }.hero-notes div { padding-left: 19px; border-left: 1px solid rgba(12,36,61,.15); }.hero-notes div:last-child { border: none; }.hero-notes dt { font-family: var(--display); font-size: 11px; font-weight: 700; margin-bottom: 4px; }.hero-notes dd { margin: 0; font-size: 12px; color: #66808f; }
.hero-art { position: relative; min-height: 476px; align-self: center; border-radius: 30px 30px 84px 30px; overflow: hidden; background: var(--navy); box-shadow: 0 30px 54px rgba(12,36,61,.15); }.hero-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(140deg, rgba(11,33,58,.1), transparent 46%, rgba(11,33,58,.34)); z-index: 1; }.hero-art img { position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; transition: transform 1.3s ease; }.hero-art:hover img { transform: scale(1.04); }.art-glow { position: absolute; z-index: 2; width: 210px; height: 210px; left: -60px; bottom: -80px; border-radius: 50%; background: radial-gradient(circle, rgba(250,178,87,.65), rgba(250,178,87,0) 70%); filter: blur(8px); animation: breathe 4s ease-in-out infinite; }.art-caption { position:absolute; z-index: 3; left: 24px; bottom: 23px; display: inline-flex; gap: 8px; align-items:center; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; padding: 8px 12px; background: rgba(9,25,44,.64); color: #fff; font-size: 12px; backdrop-filter: blur(8px); }.mini-flame { color: var(--amber); animation: spark 2.4s ease-in-out infinite; }@keyframes breathe { 50% { transform: scale(1.14); opacity: .78; } }

/* General sections */
.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid var(--line); padding: 28px 0; }.trust-strip div { text-align: center; padding: 1px 18px; border-left: 1px solid var(--line); }.trust-strip div:last-child { border:0; }.trust-strip strong { display:block; font-family: var(--display); font-size: 29px; line-height: 1.2; letter-spacing: -.08em; }.trust-strip small { font-size: 13px; color: var(--amber); }.trust-strip span { display:block; margin-top: 5px; color: var(--ink-soft); font-size: 12px; }.section { padding: 132px 0; }.why-section { position:relative; }.split-heading { display:grid; grid-template-columns: 1fr 1.55fr 1fr; gap: 34px; align-items:start; }.section-kicker { display:inline-flex; align-items:center; gap: 10px; }.section-kicker span { width: 27px; height: 1px; background: var(--amber); display: inline-block; }.split-heading h2, .subject-copy h2, .how-header h2, .founder-copy h2, .cta-card h2, .faq-title h2 { font-size: clamp(29px,3.3vw,47px); line-height: 1.5; margin: -14px 0 0; font-weight: 700; }.split-heading p { margin: 1px 0 0; color: var(--ink-soft); font-size: 16px; line-height: 2; }
.feature-grid { display:grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 72px; }.feature-card { min-height: 332px; border:1px solid var(--line); border-radius: 18px; padding: 25px; background: rgba(255,253,250,.7); position:relative; overflow:hidden; transition: transform .3s ease, box-shadow .3s ease; }.feature-card:hover { transform: translateY(-6px); box-shadow: 0 19px 32px rgba(12,36,61,.08); }.feature-card.featured { background: var(--navy); color: var(--white); border-color: var(--navy); }.feature-number { font-family: var(--display); font-size:12px; color: var(--amber); }.feature-icon { position:absolute; left: 22px; top: 18px; color: var(--mint); font-family:serif; font-size:30px; }.feature-card h3 { font-size: 20px; line-height:1.75; margin: 49px 0 11px; }.feature-card p { color: var(--ink-soft); font-size:14px; line-height:1.95; }.feature-card.featured p { color: #c7d6df; }.tags { position:absolute; bottom:23px; right:25px; left:25px; display:flex; gap:6px; flex-wrap: wrap; }.tags span { padding:4px 8px; border-radius:6px; background:#eef1ed; color:#607080; font-size:10px; }.chat { position:absolute; left:24px; right:24px; bottom:24px; display:grid; gap:7px; font-size:11px; }.chat b { align-self:start; justify-self:start; color: var(--navy); padding:7px 9px; background:var(--amber-light); border-radius:8px 8px 8px 0; }.chat span { align-self:end; justify-self:end; padding:7px 9px; background:rgba(255,255,255,.13); border-radius:8px 8px 0 8px; }.term-line { position:absolute; right:25px; left:25px; bottom:30px; display:flex; gap:8px; align-items:center; color:#657c8e; font-size:10px; }.term-line i { display:block; height:1px; background:var(--amber); flex:1; position:relative; }.term-line i::before,.term-line i::after{content:'';position:absolute;width:5px;height:5px;background:var(--amber);border-radius:50%;top:-2px;}.term-line i::before{right:0}.term-line i::after{left:0}

/* Subjects */
.path-section { background: var(--cream); padding: 119px 0 0; overflow:hidden; }.subjects-layout { display:grid; grid-template-columns: .9fr 1.1fr; gap: 82px; align-items:center; }.subject-copy p { color: var(--ink-soft); max-width:390px; margin: 19px 0 29px; }.subject-board { border-radius:20px; background:rgba(255,253,250,.91); padding:17px 22px 20px; box-shadow: 0 22px 35px rgba(12,36,61,.08); transform: rotate(-2deg); border:1px solid rgba(12,36,61,.07); }.board-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid var(--line); color:var(--ink-soft); font-size:12px; font-weight:700; }.board-dot { width:9px; height:9px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 4px rgba(156,207,189,.18); }.subject-row { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; margin-top:18px; }.subject-symbol { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#f7e6d4; color:#b95f29; font-size:17px; font-family:Georgia,serif; }.subject-symbol.chemistry{background:#e5edf0;color:#436b84}.subject-symbol.leaf{background:#e2efe6;color:#538267}.subject-row b { display:block; font-family:var(--display); font-size:12px; }.subject-row small { display:block; color:#728595; font-size:10px; }.subject-row strong { font-family:var(--display); font-size:12px; }.progress { height:4px; margin:10px 0 0 44px; border-radius:99px; background:#e9e7e0; overflow:hidden; }.progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--amber),#efbc76); }.board-note { margin-top:22px; border-radius:9px; background:#edf5f0; color:#466b5f; padding:9px 11px; font-size:11px; }.board-note span { color:var(--amber); margin-left:5px; }.subject-marquee { margin-top:110px; height:55px; display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:28px; white-space:nowrap; overflow:hidden; background:var(--navy); color:#fff; font-family:var(--display); font-size:12px; font-weight:500; }.subject-marquee i { color:var(--amber); font-style:normal; font-size:13px; }

/* How, founder, CTA */
.how-section { padding-bottom:110px; }.how-header { display:flex; justify-content:space-between; gap:50px; align-items:flex-end; }.how-header p { width:350px; max-width:100%; color:var(--ink-soft); font-size:15px; margin:0 0 8px; }.step-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:73px; border-top:1px solid var(--line); }.step { padding:23px 26px 0; min-height:176px; border-left:1px solid var(--line); }.step:last-child { border:0; }.step span { display:block; color:var(--amber); font-family:var(--display); font-size:12px; }.step h3 { font-size:16px; margin:20px 0 5px; }.step p { color:var(--ink-soft); font-size:13px; line-height:1.8; }.founder-section { padding:0 0 118px; }.founder-card { background:var(--navy); color:var(--white); padding:58px 57px; border-radius:24px; display:grid; grid-template-columns:1fr 2.5fr 1fr; gap:48px; align-items:center; overflow:hidden; }.founder-card::before { content:'∞'; position:absolute; left:-20px; top:-88px; font-family:Georgia,serif; color:rgba(255,255,255,.035); font-size:400px; line-height:1; }.founder-symbol { position:relative; width:142px; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; }.founder-symbol::before {content:''; position:absolute; inset:11px; border:1px dashed rgba(255,255,255,.18); border-radius:50%; animation:rotate 18s linear infinite;}.founder-symbol span { font-family:var(--display); color:var(--amber); font-size:57px; font-weight:800; z-index:1; }.founder-symbol i { position:absolute; bottom:31px; right:40px; width:16px; height:21px; background:var(--amber); border-radius:100% 0 100% 0; transform:rotate(26deg); box-shadow:0 0 18px rgba(237,152,77,.6); }.founder-copy { position:relative; z-index:1; }.founder-copy .section-kicker { color:var(--mint); }.founder-copy h2 { margin-top:10px; }.founder-copy p { color:#c9d7df; max-width:550px; font-size:14px; line-height:2; margin:17px 0 21px; }.founder-name { border-right:2px solid var(--amber); padding-right:12px; display:grid; gap:2px; }.founder-name b { font-family:var(--display); font-size:13px; }.founder-name span { color:#9cb1be; font-size:11px; }.founder-facts { position:relative; z-index:1; display:grid; gap:21px; }.founder-facts div { border-right:1px solid rgba(255,255,255,.23); padding-right:15px; }.founder-facts strong { display:block; font-family:var(--display); color:var(--amber); font-size:25px; letter-spacing:-.08em; }.founder-facts small { font-size:12px; }.founder-facts span { font-size:10px; color:#bdd0da; }@keyframes rotate{to{transform:rotate(360deg)}}
.cta-section { padding-bottom:123px; }.cta-card { border-radius:22px; padding:43px 48px; min-height:264px; background:linear-gradient(115deg,#f3e0c7,#f7eddf 56%,#e6f0eb); display:grid; grid-template-columns:.72fr 2.1fr .68fr 1fr; align-items:center; gap:29px; overflow:hidden; }.cta-card h2 { margin:9px 0 0; font-size:35px; }.cta-card p { font-size:13px; max-width:460px; color:var(--ink-soft); margin:10px 0 0; }.cta-lamp { width:100px; aspect-ratio:1; position:relative; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#ffd8a4 0 20%,#efaa5a 21% 30%,transparent 31%); animation:breathe 4s ease-in-out infinite; }.cta-lamp::before { content:''; position:absolute; inset:27px; border:2px solid var(--navy); border-radius:100% 0 100% 0; transform:rotate(45deg); }.cta-lamp span{position:relative;color:var(--white);z-index:1}.price { direction:rtl; display:flex; align-items:center; gap:8px; }.price strong { font-family:var(--display); font-size:56px; letter-spacing:-.12em; line-height:1; }.price span { font-family:var(--display); font-size:13px; line-height:1.3; }.price small { color:var(--ink-soft); font-family:var(--body); font-size:10px; }.button.amber { background:var(--navy); color:#fff; justify-self:end; }.button.amber span { color:var(--amber); }

/* FAQ and footer */
.faq-section { padding-bottom:119px; display:grid; grid-template-columns:.83fr 1.17fr; gap:110px; }.faq-list details { border-top:1px solid var(--line); padding:18px 0; }.faq-list details:last-child { border-bottom:1px solid var(--line); }.faq-list summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:14px; font-family:var(--display); font-size:14px; font-weight:600; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--amber); font-size:19px; line-height:1; }.faq-list p { font-size:14px; color:var(--ink-soft); margin:13px 0 0; padding-left:45px; }.site-footer { background:var(--navy); color:white; padding-top:61px; position:relative; overflow:hidden; }.site-footer::before { content:'شعلة'; position:absolute; left:-30px; bottom:-122px; color:rgba(255,255,255,.025); font-family:var(--display); font-weight:800; font-size:250px; letter-spacing:-.16em; }.footer-top { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:45px; align-items:center; padding-bottom:55px; }.footer-brand { position:relative; display:grid; grid-template-columns:68px 1fr; column-gap:13px; }.footer-flame { width:62px; height:69px; grid-row:span 2; position:relative; filter:drop-shadow(0 0 14px rgba(237,152,77,.35)); }.footer-flame span { position:absolute; width:48px; height:60px; bottom:1px; right:5px; background:var(--amber); border-radius:70% 10% 70% 50%; transform:rotate(42deg); }.footer-flame i { position:absolute; width:25px; height:37px; bottom:7px; right:20px; background:var(--navy); border-radius:70% 10% 70% 50%; transform:rotate(41deg); }.footer-flame b { position:absolute; width:13px; height:22px; bottom:14px; right:27px; background:var(--amber-light); border-radius:70% 10% 70% 50%; transform:rotate(43deg); }.footer-line { font-family:var(--display); font-weight:400; color:#d6e0e3; font-size:17px; line-height:1.8; margin:0; }.footer-line strong { font-size:21px; color:var(--amber); }.footer-brand > span { grid-column:2; display:block; color:#9fb2bd; font-size:12px; }.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:9px 21px; font-size:12px; color:#cad7dc; }.footer-links a:hover { color:var(--amber); }.footer-contact { border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:13px 15px; display:grid; grid-template-columns:1fr auto; transition:.25s; }.footer-contact:hover { background:rgba(255,255,255,.06); transform:translateY(-2px); }.footer-contact span { color:#a9bac2; font-size:10px; }.footer-contact b { font-family:var(--display); font-size:12px; grid-row:2; font-weight:500; }.footer-contact i { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--amber); font-style:normal; }.footer-bottom { position:relative; z-index:1; border-top:1px solid rgba(255,255,255,.13); display:flex; justify-content:space-between; color:#91a7b1; font-size:11px; padding:17px 0; }.footer-bottom a { color:#e7a867; }

/* Scroll reveal */
.hero .reveal { opacity:1; transform:none; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.65,.25,1); }.reveal.is-visible { opacity:1; transform:translateY(0); }.feature-card.reveal:nth-child(2), .step.reveal:nth-child(2) { transition-delay:.12s; }.feature-card.reveal:nth-child(3), .step.reveal:nth-child(3) { transition-delay:.24s; }.step.reveal:nth-child(4) { transition-delay:.36s; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } .reveal { opacity:1; transform:none; } }
@media (max-width: 920px) { .nav-links { display:none; }.nav-shell { justify-content:space-between; }.hero { grid-template-columns:1fr; padding-top:66px; }.hero-copy { padding-right:0; }.hero-art { min-height:430px; max-width:650px; width:100%; }.hero-notes { margin-top:35px; }.split-heading { grid-template-columns:1fr 1.6fr; }.split-heading > p { grid-column:2; }.feature-grid { grid-template-columns:1fr; }.feature-card { min-height:270px; }.subjects-layout { gap:38px; }.founder-card { grid-template-columns:1fr 2.4fr; }.founder-facts { grid-column:2; grid-template-columns:1fr 1fr; }.cta-card { grid-template-columns:70px 1fr 130px; }.cta-card .button { grid-column:2 / 4; justify-self:start; }.faq-section { gap:55px; }.footer-top { grid-template-columns:1fr 1fr; }.footer-contact { grid-column:1 / -1; max-width:285px; }
}
@media (max-width: 620px) { body { font-size:16px; }.container { width:min(100% - 32px, 1152px); }.site-header { padding-top:12px; }.nav-shell { min-height:61px; border-radius:14px; padding:8px 9px 8px 12px; }.brand { font-size:18px; }.brand-mark { transform:rotate(45deg) scale(.78); }.nav-cta { font-size:11px; padding:10px 12px; gap:7px; }.hero { padding:55px 0 47px; min-height:auto; }.eyebrow { font-size:10px; padding:7px 9px; }.hero h1 { font-size:40px; margin:18px 0 14px; }.hero-intro { font-size:16px; line-height:1.9; }.hero-actions { flex-wrap:wrap; gap:18px; margin-top:24px; }.hero-notes { gap:10px; margin-top:30px; }.hero-notes div { padding-left:10px; }.hero-notes dt { font-size:9px; }.hero-notes dd { font-size:10px; line-height:1.5; }.hero-art { min-height:310px; border-radius:22px 22px 55px 22px; }.trust-strip { grid-template-columns:1fr 1fr; gap:18px 0; padding:22px 0; }.trust-strip div:nth-child(2) { border:0; }.trust-strip div:nth-child(3) { border-left:1px solid var(--line); }.section, .path-section { padding-top:80px; }.section { padding-bottom:80px; }.split-heading { display:block; }.split-heading h2, .subject-copy h2, .how-header h2, .founder-copy h2, .faq-title h2 { font-size:30px; margin-top:11px; }.split-heading p { margin-top:17px; }.feature-grid { margin-top:35px; }.feature-card { min-height:254px; }.path-section { padding-bottom:0; }.subjects-layout { grid-template-columns:1fr; }.subject-board { transform:none; }.subject-marquee { margin-top:70px; justify-content:flex-start; padding-right:20px; }.how-header { display:block; }.how-header p { margin-top:17px; }.step-grid { grid-template-columns:1fr 1fr; margin-top:38px; }.step { padding:17px 13px 0; min-height:168px; }.step:nth-child(2) { border-left:0; }.step h3 { font-size:14px; }.step p { font-size:12px; }.founder-section { padding-bottom:80px; }.founder-card { padding:31px 25px; display:block; }.founder-symbol { width:94px; margin-bottom:23px; }.founder-symbol span { font-size:38px; }.founder-symbol i { bottom:19px; right:27px; }.founder-copy p { font-size:13px; }.founder-facts { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }.cta-section { padding-bottom:75px; }.cta-card { display:grid; grid-template-columns:56px 1fr; padding:27px 21px; gap:13px; }.cta-lamp { width:56px; align-self:start; }.cta-card h2 { font-size:28px; }.cta-card p { font-size:12px; }.price { grid-column:1; }.price strong { font-size:44px; }.cta-card .button { grid-column:2; grid-row:3; justify-self:end; font-size:11px; padding:12px 13px; }.faq-section { grid-template-columns:1fr; gap:29px; padding-bottom:78px; }.faq-list summary { font-size:12px; }.footer-top { display:block; padding-bottom:34px; }.footer-links { margin:30px 0; max-width:290px; }.footer-contact { width:100%; }.footer-bottom { font-size:9px; }.symbol-field { height:1050px; }.s3,.s5,.s8 { display:none; }
}

/* Restored original image treatment */
.subject-symbol { overflow: hidden; }
.subject-symbol img { width: 100%; height: 100%; object-fit: cover; }
.founder-symbol { overflow: hidden; background: #092951; }
.founder-symbol img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
@media (max-width: 620px) {
  .site-header { top: 12px; }
  .hero { padding-top: 126px; }
  .brand-emblem { width: 31px; height: 31px; }
}

/* Latest interaction refinements */
.site-header { top: 16px; }
.nav-shell { background: rgba(255, 253, 250, .48); border-color: rgba(255,255,255,.72); box-shadow: 0 14px 38px rgba(12,36,61,.12), inset 0 1px 0 rgba(255,255,255,.75); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); animation: floatingBar 5s ease-in-out infinite; }
@keyframes floatingBar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.symbol-field { z-index: 2; }
.symbol { color: rgba(12,36,61,.16); text-shadow: 0 0 18px rgba(156,207,189,.2); will-change: transform, opacity; animation-name: symbolOrbit; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.s1 { animation-duration: 7s; }.s2 { animation-duration: 10s; }.s3 { animation-duration: 8.5s; }.s4 { animation-duration: 12s; }.s5 { animation-duration: 9s; }.s6 { animation-duration: 11s; }.s7 { animation-duration: 8s; }.s8 { animation-duration: 13s; }.s9 { animation-duration: 9.5s; }
@keyframes symbolOrbit { 0%, 100% { transform: translate3d(0,0,0) rotate(-6deg) scale(.96); opacity: .34; } 25% { transform: translate3d(13px,-12px,0) rotate(4deg) scale(1.04); opacity: .74; } 50% { transform: translate3d(-4px,-27px,0) rotate(9deg) scale(1.08); opacity: 1; } 75% { transform: translate3d(-15px,-9px,0) rotate(-2deg) scale(1); opacity: .56; } }
.price { position: relative; display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 9px; min-width: 175px; }
.price-original { display: flex; align-items: baseline; gap: 4px; color: #708493; font-family: var(--display); font-size: 18px; opacity: .82; }
.price-original s { text-decoration-thickness: 2px; text-decoration-color: var(--amber); }
.price-original span { font-size: 10px; }
.price-current { direction: rtl; display: flex; align-items: center; gap: 7px; }
.price-current strong { font-family: var(--display); font-size: 48px; letter-spacing: -.12em; line-height: 1; }
.price-current > span { font-family: var(--display); font-size: 12px; line-height: 1.25; }.price-current small { color: var(--ink-soft); font-family: var(--body); font-size: 9px; white-space: nowrap; }
.promo-badge { grid-column: 1 / -1; justify-self: start; padding: 4px 8px; border-radius: 99px; background: rgba(237,152,77,.16); color: #a65c28; font-family: var(--display); font-size: 9px; white-space: nowrap; }
.promo-window { grid-column: 1 / -1; color: var(--ink-soft); font-size: 10px; white-space: nowrap; }.price.promo-active .price-current strong { color: #bd672d; }.price.promo-active .price-original { opacity: .58; }
.footer-line strong { font-size: 19px; }
@media (max-width: 620px) {
  .site-header { top: 10px; }
  .nav-shell { animation-duration: 6s; }
  .price { min-width: 146px; gap: 3px 6px; }
  .price-current strong { font-size: 40px; }
  .price-original { font-size: 15px; }
  .promo-badge, .promo-window { font-size: 8px; }
}

/* Restored original sections */
.dashboard-section { padding-top: 105px; background: rgba(238,233,220,.38); }
.dashboard-heading, .reviews-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; }
.dashboard-heading h2, .reviews-heading h2 { font-size:clamp(29px,3.3vw,47px); line-height:1.5; margin:10px 0 0; }
.dashboard-heading p, .reviews-heading p { max-width:350px; color:var(--ink-soft); margin:0 0 8px; line-height:2; }
.dashboard-preview { margin-top:54px; border:1px solid rgba(12,36,61,.08); border-radius:28px; padding:15px; background:rgba(255,255,255,.68); box-shadow:0 28px 55px rgba(12,36,61,.12); transform:rotate(-1deg); overflow:hidden; }
.dashboard-topbar { display:flex; align-items:center; gap:18px; padding:10px 16px 15px; border-bottom:1px solid rgba(12,36,61,.08); color:var(--ink-soft); font-size:12px; }.dash-logo { display:flex; align-items:center; gap:6px; font-family:var(--display); font-weight:800; color:var(--ink); }.dash-logo img { width:27px; height:27px; border-radius:50%; }.dash-search { flex:1; padding:9px 14px; border-radius:10px; background:#f6f7f7; color:#97a5ad; text-align:right; }.dash-avatar { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--navy); color:#fff; }
.dashboard-body { display:grid; grid-template-columns:150px 1fr; direction:rtl; min-height:360px; }.dashboard-side { padding:24px 12px; display:grid; align-content:start; gap:10px; background:#f3f7f8; color:#71808a; }.dashboard-side small { color:#a4afb4; font-size:10px; margin-bottom:7px; }.dashboard-side b { padding:10px 12px; border-radius:10px; font-size:11px; font-weight:500; }.dashboard-side b.active { background:var(--navy); color:#fff; }.dashboard-main { padding:28px 34px; }.dashboard-main > p { margin:0; color:#8a989f; font-size:11px; }.dashboard-main h3 { margin:3px 0 23px; font-size:25px; }.dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.dashboard-stats span { padding:16px; border:1px solid #e5ebeb; border-radius:14px; background:rgba(255,255,255,.75); }.dashboard-stats b { display:block; color:var(--ink); font-family:var(--display); font-size:25px; }.dashboard-stats small { color:#86a094; font-size:9px; }.dashboard-main h4 { margin:27px 0 12px; font-family:var(--display); font-size:16px; }.dashboard-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.dashboard-cards article { overflow:hidden; border:1px solid #e8ecec; border-radius:12px; background:#fff; }.dashboard-cards img { display:block; width:100%; height:84px; object-fit:cover; }.dashboard-cards b, .dashboard-cards small { display:block; padding:5px 9px 0; font-size:10px; }.dashboard-cards small { padding-top:0; padding-bottom:8px; color:#8ba09e; font-size:9px; }.dashboard-progress { margin-top:18px; padding:12px 15px; border-radius:12px; background:#fff8ee; color:#936842; font-size:10px; }.dashboard-progress span { display:block; height:5px; margin-top:8px; border-radius:99px; background:#eadfce; overflow:hidden; }.dashboard-progress i { display:block; width:78%; height:100%; background:var(--amber); border-radius:inherit; }
.reviews-section { padding-top:110px; padding-bottom:125px; }.reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:54px; }.reviews-grid figure { margin:0; border:1px solid var(--line); border-radius:18px; padding:10px; background:rgba(255,253,250,.8); box-shadow:0 12px 25px rgba(12,36,61,.06); transition:transform .3s ease, box-shadow .3s ease; }.reviews-grid figure:hover { transform:translateY(-6px); box-shadow:0 20px 32px rgba(12,36,61,.11); }.reviews-grid img { display:block; width:100%; height:240px; object-fit:cover; object-position:top; border-radius:12px; background:#f7f7f4; }.reviews-grid figcaption { display:grid; gap:2px; padding:13px 7px 7px; }.reviews-grid figcaption b { font-family:var(--display); font-size:12px; }.reviews-grid figcaption span { color:#718391; font-size:10px; }
@media (max-width:620px) { .dashboard-heading, .reviews-heading { display:block; }.dashboard-heading p, .reviews-heading p { margin-top:16px; }.dashboard-preview { margin-top:35px; transform:none; padding:8px; }.dashboard-topbar { gap:7px; padding-inline:8px; }.dash-search { font-size:9px; }.dashboard-body { grid-template-columns:74px 1fr; min-height:300px; }.dashboard-side { padding:17px 6px; }.dashboard-side b { padding:8px 5px; font-size:8px; }.dashboard-main { padding:18px 12px; }.dashboard-main h3 { font-size:16px; }.dashboard-stats { gap:6px; }.dashboard-stats span { padding:9px 6px; }.dashboard-stats b { font-size:16px; }.dashboard-stats small { font-size:7px; }.dashboard-cards { gap:6px; }.dashboard-cards img { height:53px; }.dashboard-cards b, .dashboard-cards small { padding-inline:5px; font-size:8px; }.reviews-grid { grid-template-columns:1fr; gap:15px; margin-top:35px; }.reviews-grid img { height:230px; } }

/* Supplied dashboard artwork and dotted journey */
.dashboard-preview { padding: 0; background: rgba(255,255,255,.48); }
.dashboard-reference { display:block; width:100%; height:auto; max-height:610px; object-fit:contain; border-radius:22px; }
.journey-path { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:18px; align-items:center; margin-top:73px; position:relative; }
.journey-step { position:relative; min-height:164px; padding:22px 22px 15px; border:1px solid var(--line); border-radius:18px; background:rgba(255,253,250,.84); box-shadow:0 12px 24px rgba(12,36,61,.04); }
.journey-step::after { content:''; position:absolute; width:9px; height:9px; right:22px; top:-5px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 5px rgba(237,152,77,.13); }
.journey-step > span { display:block; color:var(--amber); font-family:var(--display); font-size:12px; font-weight:700; }
.journey-step h3 { font-size:16px; margin:22px 0 6px; }.journey-step p { color:var(--ink-soft); font-size:13px; line-height:1.8; }
.journey-arrow { position:relative; display:block; width:56px; color:var(--amber); font-size:24px; font-style:normal; text-align:center; border-top:2px dotted rgba(237,152,77,.72); line-height:0; transform:translateY(-2px); }.journey-arrow::after { content:''; position:absolute; inset:-5px 0 auto; border-top:1px dotted rgba(12,36,61,.18); }
@media (max-width:920px) { .journey-path { gap:10px; }.journey-arrow { width:30px; font-size:18px; }.journey-step { padding:18px 13px; }.journey-step h3 { font-size:13px; } }
@media (max-width:620px) { .dashboard-reference { border-radius:15px; }.journey-path { display:grid; grid-template-columns:1fr; gap:0; margin-top:38px; padding-right:15px; }.journey-step { min-height:125px; padding:16px 19px; }.journey-step h3 { margin:12px 0 4px; }.journey-step p { font-size:12px; margin-bottom:0; }.journey-arrow { width:0; height:35px; border-top:0; border-right:2px dotted rgba(237,152,77,.72); font-size:0; margin-right:27px; }.journey-arrow::after { display:none; }.journey-arrow::before { content:'↓'; position:absolute; right:-10px; top:6px; color:var(--amber); font-size:20px; line-height:1; } }

/* Requested refinements */
.symbol-field { position:fixed; inset:0; height:100vh; z-index:0; }
.hero, .trust-strip, .section, .path-section, .founder-section, .cta-section, .faq-section, .reviews-section, .site-footer { position:relative; z-index:1; }
.section { padding-top:78px; padding-bottom:78px; }.dashboard-section { display:none; }.path-section { padding-top:78px; }.subject-marquee { margin-top:64px; }.founder-section { padding-bottom:78px; }.cta-section { padding-bottom:78px; }.faq-section { padding-bottom:78px; }
.dashboard-hero { min-height:476px; padding:16px; background:rgba(255,255,255,.78); border:1px solid rgba(12,36,61,.08); box-shadow:0 28px 54px rgba(12,36,61,.14); border-radius:28px 28px 68px 28px; overflow:hidden; }
.dashboard-hero-top { display:flex; align-items:center; gap:14px; padding:0 2px 13px; border-bottom:1px solid rgba(12,36,61,.08); color:var(--ink-soft); font-size:10px; }.dashboard-hero-top .dash-logo { display:flex; align-items:center; gap:5px; color:var(--ink); font-family:var(--display); font-weight:800; }.dashboard-hero-top .dash-logo img { width:25px; height:25px; border-radius:50%; }.dashboard-hero-top .dash-search { flex:1; padding:8px 12px; border-radius:9px; background:#f4f6f6; color:#9ba8ad; }.dashboard-hero-top .dash-avatar { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:var(--navy); color:#fff; }
.dashboard-hero-body { display:grid; grid-template-columns:112px 1fr; min-height:400px; direction:rtl; }.dashboard-hero-side { display:grid; align-content:start; gap:8px; padding:20px 7px; background:#f2f6f7; color:#829097; }.dashboard-hero-side small { font-size:9px; margin-bottom:8px; }.dashboard-hero-side b { padding:9px 8px; border-radius:9px; font-size:9px; font-weight:500; }.dashboard-hero-side b.active { background:var(--navy); color:#fff; }.dashboard-hero-main { padding:22px 20px; }.dashboard-hero-main > p { margin:0; color:#9aa5aa; font-size:9px; }.dashboard-hero-main h3 { margin:3px 0 18px; font-size:20px; }.dashboard-hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.dashboard-hero-stats span { padding:11px 8px; border:1px solid #e4ebeb; border-radius:11px; background:rgba(255,255,255,.7); }.dashboard-hero-stats b { display:block; font-family:var(--display); font-size:19px; }.dashboard-hero-stats small { color:#82a094; font-size:8px; }.dashboard-hero-main h4 { margin:19px 0 9px; font-family:var(--display); font-size:13px; }.dashboard-hero-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.hero-subject { padding:0 0 8px; border:1px solid #e5ebeb; border-radius:10px; background:#fff; color:var(--ink); cursor:pointer; text-align:right; overflow:hidden; transition:transform .2s, border-color .2s, box-shadow .2s; }.hero-subject:hover, .hero-subject.active { transform:translateY(-3px); border-color:var(--amber); box-shadow:0 8px 16px rgba(12,36,61,.10); }.hero-subject img { display:block; width:100%; height:67px; object-fit:cover; }.hero-subject b, .hero-subject small { display:block; padding:3px 7px 0; font-size:9px; }.hero-subject small { color:#8a9b9e; font-size:8px; }.dashboard-hero-progress { margin-top:15px; padding:10px 12px; border-radius:10px; background:#fff8ed; color:#936842; font-size:9px; }.dashboard-hero-progress span { display:block; height:4px; margin-top:7px; border-radius:99px; background:#eadfce; overflow:hidden; }.dashboard-hero-progress i { display:block; width:78%; height:100%; background:var(--amber); border-radius:inherit; transition:width .3s ease; }
.track-switch { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 14px; }.track-button { border:1px solid rgba(12,36,61,.12); border-radius:99px; padding:8px 13px; background:rgba(255,253,250,.7); color:var(--ink-soft); font-family:var(--display); font-size:10px; cursor:pointer; transition:.2s; }.track-button:hover, .track-button.active { background:var(--navy); color:#fff; border-color:var(--navy); box-shadow:0 7px 14px rgba(12,36,61,.12); }.journey-step { padding-top:28px; }.journey-step > b { display:block; color:var(--amber); font-family:var(--display); font-size:11px; }.journey-step > span.journey-icon { position:absolute; top:17px; left:19px; display:grid; place-items:center; width:27px; height:27px; border-radius:9px; background:rgba(156,207,189,.25); color:#4e8273; font-size:14px; }.journey-arrow { direction:ltr; }
@media (max-width:620px) { .dashboard-hero { min-height:405px; padding:10px; border-radius:20px 20px 48px 20px; }.dashboard-hero-body { grid-template-columns:70px 1fr; min-height:355px; }.dashboard-hero-side { padding:14px 4px; }.dashboard-hero-side b { font-size:7px; padding:7px 4px; }.dashboard-hero-main { padding:15px 10px; }.dashboard-hero-main h3 { font-size:15px; }.dashboard-hero-stats { gap:5px; }.dashboard-hero-stats span { padding:8px 5px; }.dashboard-hero-stats b { font-size:14px; }.dashboard-hero-stats small { font-size:6px; }.hero-subject img { height:48px; }.hero-subject b, .hero-subject small { padding-inline:5px; font-size:7px; }.hero-subject small { font-size:6px; }.dashboard-hero-main h4 { font-size:11px; }.dashboard-hero-top { gap:6px; }.dashboard-hero-top .dash-search { font-size:7px; }.track-switch { margin-top:14px; }.track-button { font-size:8px; padding:7px 9px; } }

/* Interactive dashboard navigation */
.dashboard-hero-side .dashboard-nav { border:0; text-align:right; cursor:pointer; font-family:var(--body); }.dashboard-hero-side .dashboard-nav.active { background:var(--navy); color:#fff; }.dashboard-view { display:none; height:100%; }.dashboard-view.active { display:block; }.dashboard-view-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:17px; }.dashboard-view-heading span { font-family:var(--display); font-size:17px; font-weight:700; }.dashboard-view-heading small { color:#8c9ca0; font-size:9px; }.subject-icon { display:grid; place-items:center; height:58px; color:var(--amber); background:linear-gradient(145deg,#f7e5d0,#fff8ee); font-family:Georgia,serif; font-size:28px; }.hero-subject:nth-child(2) .subject-icon { color:#6485c8; background:#eef1fb; }.hero-subject:nth-child(3) .subject-icon { color:#4e9275; background:#edf7f0; }.materials-grid, .groups-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.materials-grid button, .groups-grid a { min-height:67px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:9px; border:1px solid #e5ebeb; border-radius:10px; background:#fff; color:var(--ink); text-align:right; font-family:var(--body); text-decoration:none; cursor:pointer; transition:.2s; }.materials-grid button:hover, .groups-grid a:hover { border-color:var(--amber); transform:translateY(-2px); box-shadow:0 7px 14px rgba(12,36,61,.08); }.materials-grid button:first-letter, .groups-grid a:first-letter { color:var(--amber); font-size:19px; }.materials-grid b, .groups-grid b { font-family:var(--display); font-size:8px; }.groups-grid a { min-height:74px; }.groups-grid small { color:#7c9295; font-size:7px; }.groups-grid .group-disabled { opacity:.52; cursor:not-allowed; }.files-empty { min-height:245px; display:grid; place-content:center; justify-items:center; gap:7px; color:#8da09f; text-align:center; }.files-empty:first-letter { color:var(--amber); font-size:32px; }.files-empty b { color:var(--ink-soft); font-family:var(--display); font-size:12px; }.files-empty small { font-size:9px; }
@media (max-width:620px) { .dashboard-view-heading span { font-size:13px; }.dashboard-view-heading small { font-size:7px; }.materials-grid, .groups-grid { grid-template-columns:repeat(2,1fr); gap:6px; }.materials-grid button, .groups-grid a { min-height:56px; padding:7px; }.materials-grid b, .groups-grid b { font-size:7px; }.groups-grid small { font-size:6px; }.subject-icon { height:43px; font-size:22px; }.dashboard-hero-side .dashboard-nav { font-size:7px; } }

/* Card tilt interaction */
.dashboard-nav { appearance:none; width:100%; text-align:right; font-family:var(--body); }.dashboard-view[hidden] { display:none !important; }
.hero-subject, .materials-grid button, .groups-grid a { transform:rotate(-2deg); transform-origin:center; }.hero-subject:nth-child(2), .materials-grid button:nth-child(even), .groups-grid a:nth-child(even) { transform:rotate(2deg); }.hero-subject:hover, .materials-grid button:hover, .groups-grid a:hover, .hero-subject.is-pressed, .materials-grid button.is-pressed, .groups-grid a.is-pressed { transform:rotate(0deg) translateY(-3px) scale(1.02); }
.dashboard-hero { transform:rotate(-1.2deg); transition:transform .35s ease, box-shadow .35s ease; }
.dashboard-hero:hover { transform:rotate(0deg) translateY(-4px); box-shadow:0 34px 64px rgba(12,36,61,.18); }
.dashboard-hero::after { display:none; }
.dashboard-hero > * { position:relative; z-index:2; }
.dashboard-hero-side .dashboard-nav { appearance:none; border:1px solid transparent; background:transparent; color:inherit; transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease; }
.dashboard-hero-side .dashboard-nav:hover { transform:translateX(-3px); background:rgba(255,255,255,.7); color:var(--ink); }
.dashboard-hero-side .dashboard-nav.active { transform:translateX(-4px); box-shadow:0 7px 14px rgba(12,36,61,.13); }
.dashboard-view { animation:dashboardPanelIn .3s ease both; }
@keyframes dashboardPanelIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.materials-grid button.selected { transform:rotate(0deg) translateY(-3px) scale(1.02); border-color:var(--amber); background:#fff8ed; box-shadow:0 10px 18px rgba(12,36,61,.12); }
.materials-grid button small { color:#7c9295; font-size:7px; }
.dashboard-selection { margin:12px 0 0; padding:8px 10px; border-radius:8px; background:#edf5f0; color:#4e8273; font-size:8px; text-align:center; }

/* Reference-inspired floating dashboard accents and link chips */
.hero-quick-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.hero-quick-links a { display:inline-flex; align-items:center; padding:7px 11px; border:1px solid rgba(12,36,61,.12); border-radius:999px; background:rgba(255,253,250,.62); color:var(--ink-soft); font-family:var(--display); font-size:10px; font-weight:600; transition:transform .25s ease, border-color .25s ease, background .25s ease; }
.hero-quick-links a:hover { transform:translateY(-2px); border-color:rgba(237,152,77,.7); background:#fff8ed; }
.floating-badge { position:absolute; z-index:6 !important; display:flex; align-items:center; gap:9px; min-width:158px; padding:10px 12px; border:1px solid rgba(255,255,255,.72); border-radius:14px; box-shadow:0 14px 26px rgba(12,36,61,.16); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); pointer-events:none; animation:badgeFloat 4.8s ease-in-out infinite; }
.floating-badge > span { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:9px; color:#fff; font-family:var(--display); font-size:15px; font-weight:800; }
.floating-badge div { display:grid; gap:1px; }.floating-badge b { font-family:var(--display); font-size:10px; line-height:1.35; }.floating-badge small { color:#718391; font-size:8px; white-space:nowrap; line-height:1.35; }
.progress-badge { right:-35px; top:66px; background:rgba(231,246,238,.9); transform:rotate(4deg); }.progress-badge > span { background:#55ae8c; }
.order-badge { left:-32px; bottom:34px; background:rgba(255,246,229,.93); transform:rotate(-5deg); animation-delay:-2.2s; }.order-badge > span { background:var(--amber); }
@keyframes badgeFloat { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
@media (max-width:620px) { .hero-quick-links { gap:6px; }.hero-quick-links a { font-size:8px; padding:6px 8px; }.floating-badge { min-width:118px; padding:7px 8px; gap:6px; }.floating-badge > span { width:23px; height:23px; flex-basis:23px; font-size:12px; }.floating-badge b { font-size:7px; }.floating-badge small { font-size:6px; }.progress-badge { right:-18px; top:48px; }.order-badge { left:-18px; bottom:20px; } }
.dashboard-hero { overflow:visible; }