/* Three visual directions based on Appever's split, reversed and centered heroes. */
.hero-topics { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.hero-topics span { font-size:11px; padding:5px 12px; border:1px solid currentColor; border-radius:30px; color:var(--accent); }
.app-strip a { padding:8px 12px; border-radius:9px; }
.app-strip a[aria-current="page"] { background:var(--soft); color:var(--accent); }

/* Notes Ninja — warm paper, orange ink and an oversized diagonal shape. */
.brand-notes-ninja { --ink:#302820; --muted:#74685d; --cream:#fbf6ee; }
.brand-notes-ninja .hero { background:#f9f0e2; position:relative; }
.brand-notes-ninja .hero::before { content:""; position:absolute; width:850px; height:950px; background:#eaa663; border-radius:250px; right:-230px; top:-85px; transform:rotate(32deg); }
.brand-notes-ninja .hero-grid { position:relative; }
.brand-notes-ninja .hero .orb { background:#f7c99b; border:1px solid #fff7; box-shadow:0 0 0 30px #fff2,0 0 0 31px #fff4; }
.brand-notes-ninja .hero h1 { font-weight:750; }
.brand-notes-ninja .hero .phone { background:#fff9ed; border-color:#32271f; }
.brand-notes-ninja .hero .lead { color:#645446; }
.brand-notes-ninja .hero .hero-topics span { background:#fff8; border-color:#bd7d4660; color:#714320; }
.brand-notes-ninja .spark { color:#643d21; }
.brand-notes-ninja .nav-cta { background:#a15326; }
.brand-notes-ninja .step-number { font-size:24px; font-weight:700; }
.brand-notes-ninja .feature-visual { border-radius:28px; background:#f0d1ad; }
.brand-notes-ninja .download-panel { background:#34271f; color:#fff5e4; }
.brand-notes-ninja .download-panel .eyebrow { color:#f3b875; }
.brand-notes-ninja .download-panel>p:not(.eyebrow) { color:#dfcbb4; }
.brand-notes-ninja .footer { background:#2c231d; }

/* Lumnia — blue sanctuary, gilded arch and editorial serif typography. */
.brand-lumnia { --ink:#173749; --muted:#5e737e; --cream:#f6f8f7; }
.brand-lumnia .header { background:#102e40; color:#f9f4e6; border-color:#ffffff18; }
.brand-lumnia .brand { font-family:Georgia,serif; font-weight:400; letter-spacing:-.6px; }
.brand-lumnia .nav-cta { background:#d1a352; color:#142f40; }
.brand-lumnia .menu-button { background:transparent; color:#f8e5ba; border-color:#ffffff40; }
.brand-lumnia .language ul { color:#173749; }
.brand-lumnia .hero { background:linear-gradient(120deg,#102e40,#18485c); color:#fff8e7; }
.brand-lumnia .hero-grid { grid-template-columns:1fr 1.05fr; min-height:770px; gap:90px; }
.brand-lumnia .hero-copy { grid-column:2; grid-row:1; }
.brand-lumnia .hero-art { grid-column:1; grid-row:1; }
.brand-lumnia h1,.brand-lumnia h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.045em; }
.brand-lumnia .hero h1 { font-size:clamp(44px,4.6vw,65px); }
.brand-lumnia .hero .lead { color:#c4d4d8; }
.brand-lumnia .hero .eyebrow,.brand-lumnia .hero .spark { color:#edc985; }
.brand-lumnia .hero .status-dot { background:#edc985; }
.brand-lumnia .hero .hero-topics span { color:#efd5a4; border-color:#e4c88f50; }
.brand-lumnia .hero-meta { color:#c2d2d7; }
.brand-lumnia .hero .orb { width:420px; height:570px; border-radius:220px 220px 24px 24px; background:linear-gradient(#dab879,#eed9ac); border:10px solid #dfc289; box-shadow:0 0 0 12px #ffffff08,0 0 0 13px #e4c68a55; }
.brand-lumnia .light-rays { position:absolute; inset:15px -35px; border:1px solid #d9b56c40; border-radius:50% 50% 5% 5%; }
.brand-lumnia .phone { transform:rotate(-5deg); background:#fffbf1; border-color:#132f3b; }
.brand-lumnia .floating-label,.brand-lumnia .floating-note { color:#173749; border-color:#ead5ad; }
.brand-lumnia .floating-label { left:-20px; top:145px; transform:rotate(3deg); }
.brand-lumnia .floating-note { right:-15px; bottom:95px; transform:rotate(3deg); }
.brand-lumnia .preview-caption { color:#c5d4d9; bottom:-15px; }
.brand-lumnia .app-strip { background:#fcf7ea; border-color:#eadfc9; }
.brand-lumnia .steps { gap:22px; }
.brand-lumnia .steps article { padding:32px; border:1px solid #e7deca; border-radius:100px 100px 12px 12px; text-align:center; background:#fffdf7; }
.brand-lumnia .step-number { display:inline-grid; place-items:center; width:42px; height:42px; background:#f3e6c8; border-radius:50%; }
.brand-lumnia .feature-copy { grid-column:1; grid-row:1; }
.brand-lumnia .feature-visual { grid-column:2; grid-row:1; background:#e0eaf0; border-radius:200px 200px 20px 20px; }
.brand-lumnia .widget-card { background:#123748; color:#fff5dc; border-color:#234a5d; }
.brand-lumnia .widget-card>span { color:#e5c589; }
.brand-lumnia .widget-card small { color:#c1d1d7; }
.brand-lumnia .download-panel { border-radius:200px 200px 20px 20px; background:#f5e7c9; }
.brand-lumnia .footer { background:#102e40; }
.brand-lumnia .footer .brand-dot { color:#dfbd78; }
.brand-lumnia .legal-hero { background:#173e51; color:#fff6e1; }
.brand-lumnia .legal-hero .eyebrow { color:#e7c583; }
.brand-lumnia .legal-hero p:last-child { color:#cfdbde; }

/* Zodiac — centered composition, midnight violet and a celestial wheel. */
.brand-zodiac { --ink:#28213e; --muted:#756b87; --cream:#f7f4fc; }
.brand-zodiac .header { background:#100e22; border-color:#ffffff14; color:#f4edff; }
.brand-zodiac .brand { font-family:Georgia,serif; letter-spacing:1px; font-weight:400; }
.brand-zodiac .nav-cta { color:#f9f5ff; background:#7050ad; }
.brand-zodiac .menu-button { background:transparent; color:#e2d4ff; border-color:#ffffff40; }
.brand-zodiac .language ul { color:#28213e; }
.brand-zodiac .hero { background:radial-gradient(ellipse at 50% 80%,#45316b 0,transparent 56%),radial-gradient(circle at 15% 18%,#7763a680 1px,transparent 2px),radial-gradient(circle at 72% 32%,#d6baff99 1px,transparent 2px),#100e22; background-size:auto,93px 113px,157px 171px,auto; color:#f4edff; }
.brand-zodiac .hero-grid { grid-template-columns:1fr; text-align:center; gap:25px; padding-top:65px; padding-bottom:30px; }
.brand-zodiac .hero-copy { position:relative; z-index:3; margin:auto; max-width:850px; }
.brand-zodiac .hero h1 { max-width:820px; margin:0 auto 22px; font-family:Georgia,serif; font-size:clamp(43px,4.7vw,64px); font-weight:400; }
.brand-zodiac .hero .eyebrow,.brand-zodiac .hero .stores,.brand-zodiac .hero-topics,.brand-zodiac .hero-meta { justify-content:center; }
.brand-zodiac .hero .eyebrow { color:#c4a6ff; }
.brand-zodiac .hero .lead { margin:auto; max-width:640px; color:#bdb3cf; }
.brand-zodiac .hero .hero-meta { display:none; }
.brand-zodiac .hero-topics span { color:#d5befa; border-color:#af91db55; background:#ffffff06; }
.brand-zodiac .hero-art { min-height:640px; width:700px; max-width:100%; margin:auto; }
.brand-zodiac .orb { width:560px; height:560px; border:1px solid #c4a4f750; background:radial-gradient(#aa80f21a,#38245633); box-shadow:0 0 0 30px #a98bdb08,0 0 0 31px #b99de52b; }
.brand-zodiac .phone { transform:none; background:#201a35; color:#f2e6ff; border-color:#807393; box-shadow:0 20px 90px #0007; }
.brand-zodiac .phone .island,.brand-zodiac .phone-home { background:#0e0b18; }
.brand-zodiac .phone-message p { color:#f0e4ff; }
.brand-zodiac .phone-topic,.brand-zodiac .phone-tabs { border-color:#ffffff20; }
.brand-zodiac .phone-message small,.brand-zodiac .phone-tabs { color:#b5a3cf; }
.brand-zodiac .phone .message-symbol,.brand-zodiac .phone-tabs .active { color:#c6a3ff; }
.brand-zodiac .phone-rule { background:#bd9ee8; }
.brand-zodiac .floating-label,.brand-zodiac .floating-note { background:#2b2141; color:#eee2ff; border:1px solid #af91db50; }
.brand-zodiac .floating-label small { color:#b7a6cc; }
.brand-zodiac .floating-label { left:25px; top:125px; }
.brand-zodiac .floating-note { right:5px; bottom:100px; }
.brand-zodiac .spark { color:#d2b9ff; }
.brand-zodiac .spark-one { top:50px; right:90px; }
.brand-zodiac .preview-caption { color:#b3a1ce; }
.zodiac-orbit { width:560px; height:560px; position:absolute; border-radius:50%; }
.zodiac-orbit span { position:absolute; left:50%; top:50%; width:36px; height:36px; margin:-18px; display:grid; place-items:center; color:#d6b9fc; font-size:23px; transform:rotate(calc(var(--i) * 30deg)) translateY(-258px) rotate(calc(var(--i) * -30deg)); }
.brand-zodiac .app-strip { background:#1b1530; color:#e3d4f7; border-color:#ffffff18; }
.brand-zodiac .app-strip .wrap>span { color:#b7a5cb; }
.brand-zodiac .app-strip a[aria-current="page"] { color:#eadbff; background:#76549d55; }
.brand-zodiac .app-strip a>span { color:#cfb6ed; }
.brand-zodiac #how .section-heading { text-align:center; }
.brand-zodiac #how .eyebrow { justify-content:center; }
.brand-zodiac .steps article { border:1px solid #dfd3ee; border-radius:20px; background:#faf7ff; padding:30px; }
.brand-zodiac .step-number { border:1px solid #cfbce6; border-radius:50%; padding:8px 11px; }
.brand-zodiac .feature-section { background:#1c1530; color:#f0e7ff; }
.brand-zodiac .feature-copy>p:not(.eyebrow),.brand-zodiac .feature-line p { color:#c1b2d2; }
.brand-zodiac .feature-copy .eyebrow { color:#c2a2fa; }
.brand-zodiac .feature-visual { background:radial-gradient(circle,#584077,#211931); border:1px solid #b99de533; box-shadow:0 0 0 20px #a98bdb08; }
.brand-zodiac .topic-card { background:#31233f; color:#eee3fc; border:1px solid #b99de544; }
.brand-zodiac .topic-card .small-label { color:#c1aed7; }
.brand-zodiac .widget-card { background:#d8c5f0; border-color:#bca1dd; color:#2f2143; }
.brand-zodiac .download-panel { background:radial-gradient(ellipse at top,#66458a,#21172f 75%); color:#f3e8ff; border-radius:30px; }
.brand-zodiac .download-panel .eyebrow { color:#ccb1ec; }
.brand-zodiac .download-panel>p:not(.eyebrow) { color:#d3c0e4; }
.brand-zodiac .footer { background:#100e22; }
.brand-zodiac .legal-hero { background:linear-gradient(120deg,#171025,#493062); color:#f3e8ff; }
.brand-zodiac .legal-hero .eyebrow { color:#d3b8f6; }
.brand-zodiac .legal-hero p:last-child { color:#d1bfdf; }

@media (max-width:1050px) {
  .brand-lumnia .hero-grid { gap:45px; }
  .brand-lumnia .hero .orb { width:370px; }
}
@media (max-width:800px) {
  .brand-lumnia #main-nav { background:#102e40; border-color:#ffffff25; }
  .brand-zodiac #main-nav { background:#100e22; border-color:#ffffff25; }
  .brand-notes-ninja .hero::before { width:600px; height:650px; top:auto; bottom:-110px; right:-230px; }
  .brand-lumnia .hero-grid { grid-template-columns:1fr; gap:45px; padding-top:50px; padding-bottom:55px; }
  .brand-lumnia .hero-copy { grid-column:1; grid-row:1; }
  .brand-lumnia .hero-art { grid-column:1; grid-row:2; }
  .brand-lumnia .feature-copy { grid-column:1; grid-row:2; }
  .brand-lumnia .feature-visual { grid-column:1; grid-row:1; }
  .brand-lumnia .hero .orb { width:390px; }
  .brand-lumnia .light-rays { inset:0 0; }
  .brand-lumnia .download-panel { border-radius:100px 100px 20px 20px; padding-top:55px; }
  .brand-zodiac .hero-art { width:100%; transform:scale(.9); }
  .brand-zodiac .floating-label { left:0; }
  .brand-zodiac .floating-note { right:0; }
}
@media (max-width:480px) {
  .brand-lumnia .hero h1 { font-size:43px; }
  .brand-lumnia .hero .orb { width:335px; height:560px; }
  .brand-lumnia .hero-art { margin-top:-15px; margin-bottom:-20px; }
  .brand-lumnia .floating-label { left:0; top:100px; }
  .brand-lumnia .floating-note { right:0; bottom:80px; }
  .brand-lumnia .steps article { display:block; border-radius:65px 65px 12px 12px; padding:28px 24px; }
  .brand-lumnia .steps h3 { margin-top:16px; }
  .brand-zodiac .hero-grid { padding-top:45px; gap:20px; }
  .brand-zodiac .hero h1 { font-size:41px; }
  .brand-zodiac .hero-art { min-height:600px; width:calc(100% + 30px); max-width:none; transform:scale(.82); margin-top:-20px; }
  .brand-zodiac .orb,.zodiac-orbit { width:420px; height:420px; }
  .zodiac-orbit span { transform:rotate(calc(var(--i) * 30deg)) translateY(-191px) rotate(calc(var(--i) * -30deg)); font-size:19px; }
  .brand-zodiac .floating-label { left:-2px; top:60px; }
  .brand-zodiac .floating-note { right:-2px; bottom:55px; }
  .brand-zodiac .spark-one { right:5px; }
  .brand-zodiac .steps article { padding:25px; display:block; }
  .brand-zodiac .steps h3 { margin-top:24px; }
}
.brand-lumnia .header nav>a:hover,.brand-lumnia .footer a:hover { color:#edce94; }
.brand-zodiac .header nav>a:hover,.brand-zodiac .footer a:hover { color:#dbc2ff; }
.brand-zodiac .topic-card .topic-icon,.brand-zodiac .topic-card .check { color:#cfb2fa; }
.brand-zodiac .feature-line>span { background:#3a294d; color:#dcc5ff; }