/* AURELIN — premium bridge (PL). Тёмный графит + золото. Всё self-host, 0 CDN. */
@font-face{font-family:'Fraunces';src:url('../fonts/fraunces.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  --bg:#08161c; --bg-2:#0c2029; --bg-3:#123039;
  --gold:#35c9a6; --gold-2:#7fe8d0; --gold-dim:rgba(53,201,166,.34);
  --ink:#eef7f6; --muted:#8fa7ad; --line:rgba(53,201,166,.22);
  --r:14px; --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:400 16px/1.6 'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* мягкое золотое свечение за пачкой — сердце композиции */
.glow{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(58vw 44vh at 50% 30%, rgba(53,201,166,.14), transparent 62%),
    radial-gradient(90vw 60vh at 50% 108%, rgba(18,70,80,.34), transparent 70%);
}
.wrap{position:relative;z-index:1;max-width:660px;margin:0 auto;padding:0 22px}

/* ── шапка: вордмарк по мотивам упаковки ── */
.topline{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.top{padding:16px 0 2px;text-align:center}
.home{color:var(--muted);font-size:13.5px;text-decoration:none}
.home:hover{color:var(--gold-2)}
.mark{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.mark__word{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:31px;
  letter-spacing:-.025em;color:#f2fbf9;line-height:1}
.mark__six{color:var(--gold-2)}
.mark__dose{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--gold-2);
  border:1px solid var(--line);border-radius:999px;padding:5px 10px;
  background:rgba(53,201,166,.09);white-space:nowrap;text-transform:uppercase}
.mark__tag{margin-top:9px;font-size:10px;letter-spacing:.30em;text-transform:uppercase;
  color:var(--muted);opacity:.8}

/* ── герой ── */
.hero{text-align:center;padding:6px 0 32px}
.pack{position:relative;margin:26px 0 18px;width:100vw;margin-left:calc(50% - 50vw);
  display:flex;justify-content:center}
.pack::after{content:'';position:absolute;left:50%;bottom:2px;transform:translateX(-50%);
  width:58%;height:18px;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(15px)}
.pack img{position:relative;z-index:1;width:104%;max-width:none;height:auto;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.55))}
@media (min-width:560px){.pack img{width:100%;max-width:600px}}

.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 auto 16px;opacity:.85}

.eyebrow{font-size:10.5px;letter-spacing:.30em;text-transform:uppercase;
  color:var(--muted);opacity:.85;margin-bottom:10px}
.title{font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(29px,7.6vw,42px);line-height:1.12;margin:0 0 12px;letter-spacing:.05em}
.title span{color:var(--gold-2)}
.sub{margin:0 auto 24px;max-width:40ch;color:var(--muted);font-size:15px;line-height:1.55}

/* ── CTA ── */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;
  width:100%;max-width:400px;padding:19px 26px;border-radius:var(--r);
  border:1px solid var(--gold);background:linear-gradient(180deg,rgba(53,201,166,.13),rgba(53,201,166,.05));
  color:var(--gold-2);font-weight:600;font-size:15px;letter-spacing:.11em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:.28s var(--ease);
  box-shadow:0 0 0 0 rgba(53,201,166,.35)}
.cta:hover{background:linear-gradient(180deg,rgba(53,201,166,.22),rgba(53,201,166,.10));
  box-shadow:0 12px 30px -10px rgba(53,201,166,.45);transform:translateY(-1px)}
.cta:active{transform:translateY(0)}
.cta__arrow{transition:transform .28s var(--ease)}
.cta:hover .cta__arrow{transform:translateX(5px)}
.cta[data-placeholder="1"]{cursor:default}

.note{margin:16px auto 0;font-size:12.5px;color:var(--muted);opacity:.75;max-width:36ch}

/* ── тонкая полоска доверия ── */
.trust{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;
  padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:30px}
.trust__i{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.trust__i svg{flex:0 0 auto;stroke:var(--gold);opacity:.9}

/* ── футер ── */
.foot{border-top:1px solid rgba(255,255,255,.06);padding:24px 0 40px;text-align:center}
.foot__nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.foot__nav a{color:var(--muted);font-size:13px;text-decoration:none;padding:4px 8px;border-radius:7px;transition:.2s}
.foot__nav a:hover{color:var(--gold-2);background:rgba(53,201,166,.07)}
.foot__c{font-size:12px;color:var(--muted);opacity:.6}

/* ── внутренние страницы ── */
.page{padding:14px 0 30px}
.page h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(25px,5.6vw,33px);
  margin:0 0 8px;letter-spacing:.02em}
.page .lead{color:var(--muted);margin:0 0 26px;font-size:15px}
.page h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:19px;margin:28px 0 9px;color:var(--gold-2)}
.page p,.page li{color:#c6d0e2;font-size:14.6px}
.page ul{padding-left:19px}
.card{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));margin-bottom:16px}
.card a{color:var(--gold-2);text-decoration:none}
.card a:hover{text-decoration:underline}
.back{display:inline-block;margin-top:24px;color:var(--muted);font-size:13.5px;text-decoration:none}
.back:hover{color:var(--gold-2)}

@media (max-width:420px){
  .trust{gap:16px}
  .wrap{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}