/* VitePDF home hero — black + gold, centered. Scoped to #landing. */
#landing .hero{--gold:#D4AF37;--gold-hi:#F0D27A;--gold-lo:#A8841F;padding:92px 0 84px;background:#0E0F12;color:#fff;overflow:hidden;position:relative}
#landing .hero::before{content:"";position:absolute;left:50%;top:-40%;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(212,175,55,.16),transparent);pointer-events:none}
#landing .hero-inner{position:relative;max-width:760px}
#landing .hero .eyebrow{display:inline-block;margin:0 0 26px;padding:7px 14px;border:1px solid rgba(212,175,55,.45);border-radius:999px;background:transparent;color:var(--gold-hi);font-size:11.5px;letter-spacing:.14em}
#landing .hero .eyebrow::before,#landing .hero .eyebrow::after{display:none}
#landing .hero h1{margin:0 0 22px;font-family:Sora,Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.035em;color:#fff;text-wrap:balance}
#landing .hero h1 .accent{position:relative;color:var(--gold);background:none;-webkit-text-fill-color:currentColor;text-decoration:none}
#landing .hero h1 .accent::after{content:"";display:block;position:absolute;left:2%;right:2%;bottom:-.06em;height:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C 40 2, 70 12, 110 6 S 170 2, 198 7' fill='none' stroke='%23D4AF37' stroke-opacity='.6' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
#landing .hero .lead{margin:0 auto 30px;max-width:50ch;font-size:18px;line-height:1.6;color:rgba(255,255,255,.68)}
#landing .hero .trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:0 0 36px}
#landing .hero .trust-pill{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.86);box-shadow:none}
#landing .hero .trust-pill svg{color:var(--gold)}
#landing .hero .hero-cta{margin:0;padding:15px 30px;font-size:16px;font-weight:600;border:0;border-radius:10px;color:#17130A;background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:0 12px 32px -12px rgba(212,175,55,.65),0 1px 0 rgba(255,255,255,.4) inset}
#landing .hero .hero-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
#landing .hero .hero-cta:focus-visible{outline:3px solid rgba(240,210,122,.5);outline-offset:3px}

/* batch tools as buttons + hub links, below the tool grid */
#landing .hero-more{max-width:900px;margin:44px auto 44px;padding:0 8px;text-align:center}
#landing .hm-batch{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#landing .hm-btn{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid #0E0F12;border-radius:999px;background:#fff;color:#0E0F12;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
#landing .hm-btn:hover{background:#0E0F12;color:#F0D27A;border-color:#0E0F12}
#landing .hm-btn:focus-visible{outline:3px solid rgba(212,175,55,.6);outline-offset:2px}
#landing .hm-hubs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:16px;font-size:13.5px}
#landing .hm-hubs a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--line-strong)}
#landing .hm-hubs a:hover{color:#8a6d12;border-bottom-color:currentColor}
@media (max-width:640px){#landing .hero{padding:56px 0 56px}#landing .hero .lead{font-size:16.5px}}

/* Advanced Editor card — gold hairline + periodic light sweep */
#landing .advanced-editor-cta{border-color:rgba(212,175,55,.55);background:radial-gradient(120% 140% at 0 0,rgba(212,175,55,.14),transparent 55%),linear-gradient(180deg,#fff,#fffdf6);box-shadow:0 1px 2px rgba(20,23,31,.04),0 14px 32px -16px rgba(168,132,31,.55)}
#landing .advanced-editor-cta:hover{border-color:rgba(212,175,55,.9);box-shadow:0 1px 2px rgba(20,23,31,.04),0 20px 40px -16px rgba(168,132,31,.65)}
#landing .advanced-editor-cta::after{display:block;content:"";position:absolute;top:-10%;bottom:-10%;left:-45%;width:28%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(240,210,122,.38),rgba(255,248,214,.85),rgba(240,210,122,.38),transparent);transform:skewX(-20deg);animation:aeSheen 5.5s ease-in-out 1.6s infinite;transition:none}
@keyframes aeSheen{0%{left:-45%}28%,100%{left:135%}}
@media (prefers-reduced-motion:reduce){#landing .advanced-editor-cta::after{animation:none;display:none}}
#landing .advanced-editor-cta .ae-go{flex:none;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;background:var(--cobalt);color:#fff;font:600 14px/1 Inter,system-ui,sans-serif;box-shadow:0 8px 18px -10px rgba(36,84,255,.8);transition:background .2s,gap .2s}
#landing .advanced-editor-cta:hover .ae-go{background:#1b43d6;gap:10px}
#landing .advanced-editor-cta .ae-sub{font-size:13.5px}
@media (max-width:640px){#landing .advanced-editor-cta{flex-wrap:wrap}#landing .advanced-editor-cta .ae-go{width:100%;justify-content:center}}
[dir=rtl] #landing .advanced-editor-cta .ae-go svg{transform:scaleX(-1)}

/* Floating icon chips (document, shield, bolt) */
#landing .hero-chips{position:absolute;inset:0;pointer-events:none;z-index:0}
#landing .hero .float-chip{position:absolute;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--gold-hi);background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.38);box-shadow:0 14px 28px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:heroChipFloat 5s ease-in-out infinite}
#landing .hero .float-chip svg{width:21px;height:21px}
#landing .hero .chip-a{top:14%;left:9%;animation-delay:0s}
#landing .hero .chip-b{top:24%;right:10%;animation-delay:1.1s}
#landing .hero .chip-c{bottom:12%;left:17%;animation-delay:.55s}
@keyframes heroChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:820px){#landing .hero .float-chip{display:none}}
@media (prefers-reduced-motion:reduce){#landing .hero .float-chip{animation:none}}

/* Eyebrow: use the site sans (the mono font was falling back to a serif) */
#landing .hero .eyebrow{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.14em}

/* ── Premium tool tiles (home only) ── */
#landing .tools-section{background:linear-gradient(180deg,#FBF9F4 0,#F6F4EE 55%,#F3F1EA 100%);padding:76px 0 96px}
#landing .tools-section-decor .blob{opacity:.07;filter:blur(110px)}
#landing .tools-section-decor .blob-blue{background:#D4AF37;top:-160px;right:-160px}
#landing .tools-section-decor .blob-green{background:#D4AF37;bottom:-200px;left:-160px;opacity:.05}
#landing .tools-section-head{margin-bottom:46px}
#landing .tools-section-head h2{font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(26px,3.2vw,36px);font-weight:700;letter-spacing:-.025em;margin:0 0 12px}
#landing .tools-section-head h2::after{content:"";display:block;width:44px;height:2px;margin:16px auto 0;border-radius:2px;background:linear-gradient(90deg,transparent,#D4AF37,transparent)}
#landing .tools-section-head p{font-size:15.5px;color:#6a6f7c}
#landing .tiles-grid{gap:20px}
#landing .tiles-grid .tile{--mx:50%;--my:0%;gap:18px;padding:32px 26px 28px;border-radius:20px;border:1px solid rgba(20,23,31,.075);background:linear-gradient(180deg,#fff,#FDFCF9);box-shadow:0 1px 1px rgba(20,23,31,.03),0 8px 22px -14px rgba(20,23,31,.18),inset 0 1px 0 #fff;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .25s ease;isolation:isolate}
#landing .tiles-grid .tile::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(212,175,55,.16),rgba(212,175,55,0) 62%);opacity:0;transition:opacity .35s ease}
#landing .tiles-grid .tile:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.62);box-shadow:0 1px 1px rgba(20,23,31,.03),0 22px 40px -20px rgba(168,132,31,.42),0 0 0 1px rgba(212,175,55,.14),inset 0 1px 0 #fff}
#landing .tiles-grid .tile:hover::before{opacity:1}
#landing .tiles-grid .tile:focus-visible{outline:2px solid #D4AF37;outline-offset:3px}
#landing .tiles-grid .tile-title{font-family:Sora,Inter,system-ui,sans-serif;font-size:17.5px;letter-spacing:-.012em}
#landing .tiles-grid .tile-sub{font-size:13.5px;line-height:1.5;color:#6a6f7c}
/* one orchestrated reveal, only when JS is running */
html.js #landing .tiles-grid:not(.vp-in) .tile{opacity:0;transform:translateY(16px)}
html.js #landing .tiles-grid.vp-in .tile{animation:vpTileIn .6s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(var(--i,0)*35ms)}
@keyframes vpTileIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html.js #landing .tiles-grid:not(.vp-in) .tile{opacity:1;transform:none}html.js #landing .tiles-grid.vp-in .tile{animation:none}}
@media (max-width:640px){#landing .tools-section{padding:56px 0 72px}#landing .tiles-grid .tile{padding:24px 22px}}

/* ── Dark premium tiles (home only) — overrides the light tile block above ── */
#landing .tools-section{--cobalt:#E6C458;--cobalt-dim:rgba(230,196,88,.12);--green:#4ADE80;--green-dim:rgba(74,222,128,.14);--punch:#FF6B85;--ink:#F5F3EC;--ink-dim:#9EA1AD;--line:rgba(255,255,255,.09);--card:#14161A;--paper:#0E0F12;background:linear-gradient(180deg,#0E0F12 0,#0C0D10 45%,#0A0B0D 100%);color:#F5F3EC;padding:84px 0 104px;position:relative}
#landing .tools-section::before{content:"";position:absolute;left:50%;top:0;width:min(1100px,92%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent);pointer-events:none}
#landing .tools-section-decor .blob{opacity:.1}
#landing .tools-section-decor .blob-blue{background:#D4AF37;top:-200px;right:-200px}
#landing .tools-section-decor .blob-green{background:#D4AF37;bottom:-260px;left:-200px;opacity:.07}
#landing .tools-section-head h2{color:#fff}
#landing .tools-section-head p{color:#A4A7B2}
#landing .tiles-grid .tile{background:linear-gradient(180deg,#16181D,#121418);border:1px solid rgba(255,255,255,.07);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 16px 32px -22px rgba(0,0,0,.9);color:#F5F3EC}
#landing .tiles-grid .tile::before{background:radial-gradient(280px circle at var(--mx) var(--my),rgba(212,175,55,.2),rgba(212,175,55,0) 62%)}
#landing .tiles-grid .tile:hover{border-color:rgba(212,175,55,.65);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 26px 46px -22px rgba(212,175,55,.38),0 0 0 1px rgba(212,175,55,.16)}
#landing .tiles-grid .tile-title{color:#fff}
#landing .tiles-grid .tile-sub{color:#9EA1AD}
#landing .tiles-grid .tile .tile-icon{width:84px;height:84px;border-radius:22px;background:radial-gradient(120% 120% at 25% 15%,rgba(255,255,255,.085),rgba(255,255,255,.015) 60%),rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -14px rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;overflow:visible;transition:color .3s ease .05s,transform .45s cubic-bezier(.22,.61,.36,1),border-color .3s ease,box-shadow .3s ease}
#landing .tiles-grid .tile .tile-icon svg{width:62px;height:62px;filter:drop-shadow(0 3px 10px rgba(230,196,88,.22))}
#landing .tiles-grid .tile:hover .tile-icon{border-color:rgba(212,175,55,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 28px -14px rgba(212,175,55,.45)}
#landing .tiles-grid .tile .tile-icon::before{inset:-14px}
#landing .tiles-grid .tile .tile-icon::after{width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:22px}

/* AE promo card: dark premium */
body #landing .advanced-editor-cta{background:radial-gradient(120% 160% at 0 0,rgba(212,175,55,.16),transparent 55%),linear-gradient(180deg,#15161b,#0d0e12);border:1px solid rgba(212,175,55,.45);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 18px 40px -18px rgba(0,0,0,.9),0 0 40px -14px rgba(212,175,55,.35)}
body #landing .advanced-editor-cta:hover{border-color:rgba(240,210,122,.9);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 22px 44px -18px rgba(0,0,0,.95),0 0 50px -12px rgba(212,175,55,.55)}
body #landing .advanced-editor-cta .ae-title{color:#fff!important;font-weight:700}
body #landing .advanced-editor-cta .ae-sub{color:#A9ACB8!important}
body #landing .advanced-editor-cta .ae-go{background:linear-gradient(135deg,#F3D983,#D4AF37);color:#1a1405;box-shadow:0 10px 22px -10px rgba(212,175,55,.85),inset 0 1px 0 rgba(255,255,255,.45)}
body #landing .advanced-editor-cta:hover .ae-go{background:linear-gradient(135deg,#F7E19A,#DDB945)}
body #landing .advanced-editor-cta::after{background:linear-gradient(100deg,transparent,rgba(240,210,122,.10),rgba(255,248,214,.22),rgba(240,210,122,.10),transparent)}
body #landing .advanced-editor-cta .ae-icon{box-shadow:0 0 0 1px rgba(240,210,122,.55),0 10px 22px -8px rgba(36,84,255,.7)}

/* "free forever" pill: emphasised */
body #landing .hero .trust-row .trust-pill:last-child{background:linear-gradient(135deg,#F3D983,#D4AF37);border-color:#E9C766;color:#1a1405;font-weight:700;box-shadow:0 10px 24px -10px rgba(212,175,55,.85),0 0 0 4px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.55)}
body #landing .hero .trust-row .trust-pill:last-child svg{color:#1a1405;fill:#1a1405;filter:none;animation:vpHeart 2.4s ease-in-out infinite}
@keyframes vpHeart{0%,100%{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}48%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){body #landing .hero .trust-row .trust-pill:last-child svg{animation:none}}