/* ───────────────────────────────────────────────
   Eira · web — hoja de estilos compartida
   Paleta y tipografía de la app (BlossomColors)
   ─────────────────────────────────────────────── */
:root{
  --cream:#F6EFE6; --ivory:#FBF7F2; --beige:#EFE3D5; --sand:#DCCBBC;
  --coral:#C97C5D; --coral-soft:#E6A28A; --peach:#F1C7B8; --peach-deep:#B5644B;
  --vanilla:#F0D79E; --lavender:#D9C2DD; --sage:#9C9271;
  --ink:#2A1F18; --ink-soft:#4A3528; --ink-muted:#7A5C4D; --ink-faint:#BBA89D;
  --line:rgba(120,92,77,0.16);
  /* Tyr · "El Escudo y el Guía" — paleta oficial (01_identidad_marca) */
  --tyr-ink:#22384F; --tyr-deep:#2C4B6F; --tyr-steel:#3E6086; --tyr-slate:#7A8D9E;
  --tyr-amber:#D99E6E; --tyr-mist:#DCE6F0; --tyr-pale:#EAF1F8; --tyr-silver:#B8C6D8;
  --tyr-line:rgba(44,75,111,0.18);
  --maxw:1080px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; color:var(--ink-soft);
  font-family:'Hanken Grotesk','Inter',system-ui,sans-serif;
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{max-width:100%; display:block;}
a{color:var(--coral); text-decoration:none;}
a:hover{color:var(--peach-deep);}

.serif{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; letter-spacing:-0.01em; color:var(--ink); line-height:1.05;}
.eyebrow{font-size:12px; letter-spacing:0.22em; text-transform:uppercase; font-weight:700; color:var(--coral);}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

/* ─── Nav ─── */
.nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(10px);
  background:rgba(246,239,230,0.82); border-bottom:1px solid var(--line);}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:68px;}
.brand{display:flex; align-items:center; gap:11px;}
.brand img{width:40px; height:40px;}
.brand .name{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:26px; color:var(--coral); white-space:nowrap;}
.nav-links{display:flex; align-items:center; gap:26px;}
.nav-links a{color:var(--ink-soft); font-size:14.5px; font-weight:500;}
.nav-links a:hover{color:var(--coral);}
.nav-cta{background:var(--coral); color:#fff !important; padding:10px 20px; border-radius:999px; font-weight:600; font-size:14px;
  box-shadow:0 8px 20px rgba(201,124,93,0.3); transition:transform .2s var(--ease), filter .2s var(--ease);}
.nav-cta:hover{filter:brightness(1.04); transform:translateY(-1px); color:#fff !important;}

/* ─── Aura backgrounds ─── */
.aura{position:relative; overflow:hidden;}
.aura::before,.aura::after{content:''; position:absolute; border-radius:50%; filter:blur(70px); pointer-events:none; z-index:0;}
.aura::before{width:520px; height:520px; top:-180px; right:-140px; background:radial-gradient(circle,rgba(241,199,184,0.55),transparent 70%);}
.aura::after{width:460px; height:460px; bottom:-200px; left:-160px; background:radial-gradient(circle,rgba(217,194,221,0.45),transparent 70%);}
.aura > *{position:relative; z-index:1;}

/* ─── Hero ─── */
.hero{padding:84px 0 78px; text-align:center;}
.hero .icon{width:172px; height:172px; margin:0 auto 26px; filter:drop-shadow(0 24px 54px rgba(201,124,93,0.26)); animation:breathe 6s var(--ease) infinite;}
@keyframes breathe{0%,100%{transform:scale(1) translateY(0);}50%{transform:scale(1.03) translateY(-5px);}}
.hero h1{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:78px; color:var(--coral); margin:0 0 8px; line-height:0.98;}
.hero .tagline{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:30px; color:var(--ink); margin:0 0 18px;}
.hero p.lead{font-size:17px; color:var(--ink-muted); max-width:48ch; margin:0 auto 30px;}
.hero .actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.btn{display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 28px; border-radius:999px; font-weight:600; font-size:15.5px;
  cursor:pointer; transition:transform .2s var(--ease), filter .2s var(--ease), box-shadow .2s var(--ease); border:none;}
.btn.primary{background:var(--coral); color:#fff !important; box-shadow:0 12px 28px rgba(201,124,93,0.34);}
.btn.primary:hover{filter:brightness(1.04); transform:translateY(-2px);}
.btn.ghost{background:var(--ivory); color:var(--ink-soft) !important; border:1px solid var(--line);}
.btn.ghost:hover{background:#fff; transform:translateY(-2px);}
.soon-pill{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--ink-muted);
  background:rgba(120,92,77,0.08); border:1px solid var(--line); border-radius:999px; padding:7px 16px; margin-bottom:26px;}
.soon-pill .dot{width:7px; height:7px; border-radius:50%; background:var(--coral);}

/* ─── Sections ─── */
section.block{padding:74px 0;}
.section-head{text-align:center; max-width:60ch; margin:0 auto 46px;}
.section-head h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:44px; color:var(--ink); margin:12px 0 14px; line-height:1.05;}
.section-head p{font-size:16px; color:var(--ink-muted); margin:0;}

/* path cards */
.paths{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.path{border-radius:24px; padding:26px; border:1px solid var(--line); position:relative; overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);}
.path:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(60,40,30,0.10);}
.path .ic{width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.path h3{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:25px; color:var(--ink); margin:0 0 6px;}
.path p{font-size:14.5px; color:var(--ink-muted); margin:0;}
.path .tag{display:inline-block; margin-top:12px; font-size:10px; letter-spacing:0.14em; font-weight:700; text-transform:uppercase;
  color:var(--ink-muted); background:rgba(120,92,77,0.10); border-radius:999px; padding:4px 11px;}

/* feature rows */
.features{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.feature{text-align:left;}
.feature .ic{width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:14px;
  background:var(--ivory); border:1px solid var(--line); color:var(--coral);}
.feature h3{font-size:17px; font-weight:700; color:var(--ink); margin:0 0 6px;}
.feature p{font-size:14.5px; color:var(--ink-muted); margin:0;}

/* privacy band */
.privacy-band{background:linear-gradient(135deg,var(--ivory),var(--cream)); border-radius:32px; padding:54px 48px; border:1px solid var(--line);
  display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center;}
.privacy-band .lock{width:88px; height:88px; border-radius:24px; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle,rgba(156,146,113,0.4),rgba(240,215,158,0.3)); color:var(--sage); margin-bottom:20px;}
.privacy-band h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:40px; color:var(--ink); margin:0 0 14px; line-height:1.05;}
.privacy-band p{font-size:15.5px; color:var(--ink-muted); margin:0 0 18px;}
.privacy-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px;}
.privacy-list li{display:flex; gap:13px; align-items:flex-start; font-size:14.5px; color:var(--ink-soft);}
.privacy-list .check{flex-shrink:0; width:24px; height:24px; border-radius:50%; background:var(--coral); color:#fff;
  display:flex; align-items:center; justify-content:center; margin-top:1px;}

/* sources strip */
.sources{text-align:center;}
.sources .logos{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:8px;}
.sources .src{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:22px; color:var(--ink-faint);
  border:1px solid var(--line); border-radius:14px; padding:12px 22px; background:var(--ivory);}

/* footer */
footer{background:var(--ink); color:#E8DDD2; padding:54px 0 34px; margin-top:30px;}
footer .wrap{display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; align-items:flex-start;}
footer .brand .name{color:#F1C7B8;}
footer .brand img{filter:none;}
footer .fcol h4{font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#BBA89D; margin:0 0 12px; font-weight:700;}
footer .fcol a{display:block; color:#E8DDD2; font-size:14px; margin-bottom:9px;}
footer .fcol a:hover{color:#F1C7B8;}
footer .legal{width:100%; border-top:1px solid rgba(255,255,255,0.12); margin-top:18px; padding-top:20px; font-size:12.5px; color:#9C8B7E;}

/* ─── Privacy / legal page ─── */
.legal-hero{padding:60px 0 30px; text-align:center;}
.legal-hero .eyebrow{margin-bottom:14px;}
.legal-hero h1{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:56px; color:var(--ink); margin:0 0 12px; line-height:1.02;}
.legal-hero p{font-size:15px; color:var(--ink-muted); margin:0;}
.doc{max-width:760px; margin:0 auto; padding:20px 28px 80px;}
.doc .toc{background:var(--ivory); border:1px solid var(--line); border-radius:18px; padding:22px 26px; margin-bottom:42px;}
.doc .toc h4{font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:var(--coral); margin:0 0 12px; font-weight:700;}
.doc .toc ol{margin:0; padding-left:20px; columns:2; gap:24px;}
.doc .toc li{margin-bottom:7px; font-size:14px;}
.doc h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:30px; color:var(--ink); margin:42px 0 6px; padding-top:18px; border-top:1px solid var(--line); line-height:1.1;}
.doc h2:first-of-type{border-top:none; padding-top:0;}
.doc h3{font-size:16px; font-weight:700; color:var(--ink); margin:22px 0 6px;}
.doc p{font-size:15px; color:var(--ink-soft); margin:10px 0;}
.doc ul{margin:10px 0; padding-left:22px;}
.doc li{font-size:15px; color:var(--ink-soft); margin:6px 0;}
.doc strong{color:var(--ink);}
.callout{background:rgba(156,146,113,0.12); border-left:3px solid var(--sage); border-radius:0 14px 14px 0; padding:16px 20px; margin:18px 0;}
.callout p{margin:0; font-size:14.5px;}
.fill{background:rgba(201,124,93,0.12); border-radius:6px; padding:1px 7px; font-weight:600; color:var(--peach-deep); font-size:0.95em;}
.updated{font-size:13.5px; color:var(--ink-muted); font-style:italic;}

/* ─── Eira & Tyr · diptych hero + dual cards ─── */
.duo-hero{padding:70px 0 54px; text-align:center;}
.duo-hero .eyebrow{margin-bottom:18px;}
.duo-hero h1{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:64px; line-height:1; margin:0 0 14px;
  background:linear-gradient(100deg, var(--coral) 0%, var(--coral) 46%, var(--tyr-steel) 54%, var(--tyr-deep) 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.duo-hero .sub{font-size:17px; color:var(--ink-muted); max-width:46ch; margin:0 auto 30px;}
.duo-hero .actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:46px;}
.diptych{max-width:760px; margin:0 auto; border-radius:26px; overflow:hidden; box-shadow:0 34px 80px rgba(47,63,95,0.22);}
.diptych img{width:100%;}

/* dual cards */
.duo{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.app-card{border-radius:28px; padding:38px 34px; position:relative; overflow:hidden; border:1px solid var(--line);}
.app-card.eira{background:linear-gradient(160deg, #FBF3E9, #F3E6D6);}
.app-card.tyr{background:linear-gradient(160deg, #EAF0F7, #D9E2EE); border-color:var(--tyr-line);}
.app-card .sigil{width:54px; height:54px; margin-bottom:16px;}
.app-card .nm{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:50px; line-height:1; margin:0;}
.app-card.eira .nm{color:var(--coral);}
.app-card.tyr .nm{color:var(--tyr-deep);}
.app-card .verbs{font-size:12px; letter-spacing:0.2em; text-transform:uppercase; font-weight:700; margin:8px 0 16px;}
.app-card.eira .verbs{color:var(--peach-deep);}
.app-card.tyr .verbs{color:var(--tyr-steel);}
.app-card p{font-size:15px; margin:0 0 22px;}
.app-card.eira p{color:var(--ink-muted);}
.app-card.tyr p{color:var(--tyr-steel);}
.app-card .status{display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; border-radius:999px; padding:9px 18px;}
.app-card.eira .status{background:rgba(201,124,93,0.14); color:var(--peach-deep); border:1px solid rgba(201,124,93,0.25);}
.app-card.tyr .status{background:rgba(47,63,95,0.10); color:var(--tyr-deep); border:1px solid var(--tyr-line);}
.app-card .status .dot{width:7px; height:7px; border-radius:50%;}
.app-card.eira .status .dot{background:var(--coral);}
.app-card.tyr .status .dot{background:var(--tyr-steel);}

/* shared showcase */
.showcase{text-align:center;}
.showcase .frame{max-width:640px; margin:30px auto 0; border-radius:24px; overflow:hidden; box-shadow:0 24px 60px rgba(47,63,95,0.18); border:1px solid var(--line);}
.showcase .frame img{width:100%;}

/* tyr-tinted section bg */
.bg-tyr{background:linear-gradient(180deg, var(--tyr-pale), #E0E8F2);}
.bg-tyr .section-head h2{color:var(--tyr-ink);}
.bg-tyr .section-head .eyebrow{color:var(--tyr-steel);}
.bg-tyr .section-head p{color:var(--tyr-steel);}

/* ════════ EFECTOS & SECCIONES NUEVAS ════════ */

/* reveal on scroll */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .9s var(--ease), transform .9s var(--ease);}
.reveal.in{opacity:1; transform:none;}
.reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;} .reveal.d4{transition-delay:.32s;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1; transform:none; transition:none;}}

/* floating petals (hero) */
.petals{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
.petals span{position:absolute; top:-40px; border-radius:50% 50% 50% 0; opacity:0; animation:fall linear infinite;}
@keyframes fall{
  0%{opacity:0; transform:translateY(-40px) rotate(0deg);}
  10%{opacity:.7;}
  90%{opacity:.5;}
  100%{opacity:0; transform:translateY(110vh) rotate(420deg);}
}

/* animated gradient title */
.duo-hero h1{background-size:200% auto; animation:hueShift 9s ease-in-out infinite;}
@keyframes hueShift{0%,100%{background-position:0% center;}50%{background-position:100% center;}}

/* hero diptych parallax shadow + hover */
.diptych{transition:transform .5s var(--ease), box-shadow .5s var(--ease);}
.diptych:hover{transform:translateY(-6px); box-shadow:0 44px 100px rgba(47,63,95,0.30);}

/* ── Cómo nace Eira ── */
.story{background:linear-gradient(180deg, #FBF3E9, var(--cream)); position:relative; overflow:hidden;}
.story .leaf-deco{position:absolute; font-size:0; opacity:0.5;}
.story-card{max-width:760px; margin:0 auto; background:var(--ivory); border:1px solid var(--line);
  border-radius:30px; padding:54px 56px; box-shadow:0 26px 64px rgba(60,40,30,0.10); position:relative;}
.story-card .badge{display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; color:var(--peach-deep);
  background:rgba(241,199,184,0.4); border-radius:999px; padding:8px 16px; margin-bottom:22px;}
.story-card h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:42px; color:var(--ink); margin:0 0 22px; line-height:1.06;}
.story-card p{font-size:16.5px; line-height:1.74; color:var(--ink-soft); margin:0 0 18px;}
.story-card p.intro{font-size:20px; line-height:1.6; color:var(--ink);}
.story-card p .hl{background:linear-gradient(transparent 62%, rgba(240,215,158,0.6) 62%);}
.story-card .drop::first-letter{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600;
  font-size:62px; float:left; line-height:0.8; padding:8px 12px 4px 0; color:var(--coral);}
.story-sign{display:flex; align-items:center; gap:14px; margin-top:28px; padding-top:24px; border-top:1px solid var(--line);}
.story-sign img{width:46px; height:46px;}
.story-sign .who{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:22px; color:var(--coral); line-height:1;}
.story-sign .role{font-size:13px; color:var(--ink-muted); margin-top:3px;}

/* ── Tyr nórdico ── */
.tyr-band{position:relative; overflow:hidden;
  background:linear-gradient(165deg, #3E6086 0%, #2C4B6F 55%, #22384F 100%); color:#E7EEF6;}
.tyr-band .runes{position:absolute; inset:0; pointer-events:none; opacity:0.10;
  background-image:radial-gradient(circle at 80% 18%, rgba(255,255,255,0.5) 0 1px, transparent 1px),
    radial-gradient(circle at 15% 70%, rgba(255,255,255,0.4) 0 1px, transparent 1px),
    radial-gradient(circle at 60% 85%, rgba(255,255,255,0.35) 0 1px, transparent 1px);}
.tyr-band .snow{position:absolute; inset:0; pointer-events:none;}
.tyr-band .snow span{position:absolute; top:-10px; width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,0.7); opacity:0; animation:snowfall linear infinite;}
@keyframes snowfall{0%{opacity:0; transform:translateY(-10px);}10%{opacity:.8;}100%{opacity:0; transform:translateY(105vh);}}
.tyr-band .wrap{position:relative; z-index:1;}
.tyr-head{text-align:center; max-width:64ch; margin:0 auto 48px;}
.tyr-head .eyebrow{color:var(--tyr-amber); margin-bottom:16px;}
.tyr-sigil{width:96px; height:96px; margin:0 auto 22px; display:block;}
.tyr-head h2{font-family:'Cinzel',serif; font-weight:600; font-size:50px; letter-spacing:0.04em; color:#fff; margin:0 0 8px; line-height:1.05;}
.tyr-head .verbs{font-size:12px; letter-spacing:0.3em; text-transform:uppercase; color:var(--tyr-silver); font-weight:600; margin:0 0 18px;}
.tyr-head p{font-size:17px; line-height:1.7; color:#CAD7E5; margin:0;}
.tyr-rune{max-width:620px; margin:26px auto 0; padding:20px 24px; border:1px solid rgba(184,198,216,0.28);
  border-radius:18px; background:rgba(255,255,255,0.05); text-align:left; display:flex; gap:18px; align-items:flex-start;}
.tyr-rune .glyph{font-family:'Cinzel',serif; font-size:42px; line-height:1; color:var(--tyr-amber); flex-shrink:0;}
.tyr-rune p{font-size:14px; line-height:1.6; color:#C2D0E0; margin:0;}
.tyr-rune strong{color:#fff;}
.tyr-values{display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin:24px auto 0; max-width:640px;}
.tyr-values span{font-size:12px; letter-spacing:0.08em; font-weight:600; color:#D8E2EE;
  border:1px solid rgba(184,198,216,0.3); border-radius:999px; padding:7px 15px; background:rgba(255,255,255,0.04);}
.tyr-modules{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.tyr-mod{background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:24px 22px;
  transition:transform .3s var(--ease), background .3s var(--ease);}
.tyr-mod:hover{transform:translateY(-4px); background:rgba(255,255,255,0.11);}
.tyr-mod .ic{width:46px; height:46px; border-radius:13px; background:rgba(217,158,110,0.2); color:var(--tyr-amber);
  display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.tyr-mod h3{font-family:'Cinzel',serif; font-weight:600; font-size:17px; letter-spacing:0.02em; color:#fff; margin:0 0 6px;}
.tyr-mod p{font-size:13.5px; line-height:1.55; color:#B9C7D8; margin:0;}
.tyr-soon{text-align:center; margin-top:44px;}
.tyr-soon .pill{display:inline-flex; align-items:center; gap:10px; background:var(--tyr-amber); color:#3A2412;
  font-weight:700; font-size:14px; border-radius:999px; padding:13px 26px; box-shadow:0 14px 30px rgba(217,158,110,0.3);}
.tyr-soon .pill .dot{width:8px; height:8px; border-radius:50%; background:#3A2412;}
.tyr-soon p{font-size:14.5px; color:#AEBED0; margin:16px auto 0; max-width:48ch;}

/* ── Apoyo / Ko-fi ── */
.support{position:relative; overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%, #FBEFE0 0%, var(--cream) 60%);}
.support-card{max-width:780px; margin:0 auto; text-align:center; background:var(--ivory);
  border:1px solid var(--line); border-radius:32px; padding:56px 52px;
  box-shadow:0 28px 70px rgba(201,124,93,0.14); position:relative;}
.support-card .heart{width:74px; height:74px; margin:0 auto 22px; border-radius:50%;
  background:radial-gradient(circle, rgba(241,199,184,0.8), rgba(240,215,158,0.4)); color:var(--coral);
  display:flex; align-items:center; justify-content:center; animation:heartbeat 2.6s ease-in-out infinite;}
@keyframes heartbeat{0%,100%{transform:scale(1);}14%{transform:scale(1.14);}28%{transform:scale(1);}42%{transform:scale(1.1);}}
.support-card h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:44px; color:var(--ink); margin:0 0 16px; line-height:1.05;}
.support-card p{font-size:16.5px; line-height:1.7; color:var(--ink-soft); margin:0 auto 16px; max-width:56ch;}
.support-card p.big{font-size:18px; color:var(--ink);}
.support-card .kofi{display:inline-flex; align-items:center; gap:11px; margin-top:14px; background:var(--coral); color:#fff !important;
  font-size:17px; font-weight:700; border-radius:999px; padding:16px 34px; box-shadow:0 16px 36px rgba(201,124,93,0.36);
  transition:transform .25s var(--ease), filter .25s var(--ease);}
.support-card .kofi:hover{transform:translateY(-3px) scale(1.02); filter:brightness(1.05); color:#fff !important;}
.support-mini{font-size:13.5px; color:var(--ink-muted); margin-top:18px; font-style:italic;}

/* ── Feedback / email ── */
.feedback{text-align:center;}
.feedback-card{max-width:680px; margin:0 auto; background:linear-gradient(160deg, var(--tyr-pale), #DCE6F0);
  border:1px solid var(--tyr-line); border-radius:30px; padding:50px 48px; box-shadow:0 24px 60px rgba(44,75,111,0.14);}
.feedback-card .ic{width:64px; height:64px; margin:0 auto 20px; border-radius:18px; background:rgba(44,75,111,0.1); color:var(--tyr-deep);
  display:flex; align-items:center; justify-content:center;}
.feedback-card h2{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:40px; color:var(--tyr-ink); margin:0 0 14px; line-height:1.06;}
.feedback-card p{font-size:16px; line-height:1.66; color:var(--tyr-deep); margin:0 auto 24px; max-width:48ch;}
.feedback-card .mail{display:inline-flex; align-items:center; gap:11px; background:var(--tyr-deep); color:#fff !important;
  font-size:17px; font-weight:700; border-radius:999px; padding:15px 30px; box-shadow:0 14px 32px rgba(44,75,111,0.3);
  transition:transform .25s var(--ease), filter .25s var(--ease);}
.feedback-card .mail:hover{transform:translateY(-3px); filter:brightness(1.08); color:#fff !important;}
.feedback-card .promise{display:inline-flex; align-items:center; gap:8px; margin-top:20px; font-size:14px; font-weight:600; color:var(--tyr-steel);}

/* responsive */
@media(max-width:820px){
  .hero h1{font-size:58px;}
  .hero .tagline{font-size:24px;}
  .duo-hero h1{font-size:46px;}
  .duo{grid-template-columns:1fr;}
  .app-card .nm{font-size:42px;}
  .paths{grid-template-columns:1fr;}
  .features{grid-template-columns:1fr;}
  .privacy-band{grid-template-columns:1fr; padding:40px 28px;}
  .section-head h2{font-size:34px;}
  .legal-hero h1{font-size:42px;}
  .doc .toc ol{columns:1;}
  .nav-links a:not(.nav-cta){display:none;}
  .story-card{padding:38px 28px;}
  .story-card h2{font-size:34px;}
  .tyr-modules{grid-template-columns:1fr;}
  .tyr-head h2{font-size:38px;}
  .support-card,.feedback-card{padding:40px 28px;}
  .support-card h2{font-size:34px;}
}