/* Interior pages: the same paper, pine and soft colour used on the homepage. */
@font-face{font-family:Manrope;src:url('fonts/manrope-regular.woff2') format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-semibold.woff2') format('woff2');font-weight:501 750;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope-extrabold.woff2') format('woff2');font-weight:751 900;font-display:swap}
@font-face{font-family:Instrument;src:url('fonts/instrument-serif.woff2') format('woff2');font-style:normal;font-display:swap}
:root{
  --paper:#f2f1eb;--paper-deep:#e8eadf;--card:#fffef9;--ink:#101713;
  --ink-soft:#435048;--muted:#687167;--faint:#8b958b;--line:#daddd1;
  --green:#13965e;--green-bright:#13965e;--green-soft:#e1f1dd;
  --forest:#1e2d25;--mint:#e1f1dd;--apricot:#f5e6d1;--red:#b94e3a;
  --font-sans:Manrope,Arial,sans-serif;--font-serif:Instrument,Georgia,serif;
  --font-mono:Manrope,Arial,sans-serif;
  --void:var(--paper);--pure:var(--ink);--cloud:var(--ink);--ash:var(--ink-soft);
  --fog:var(--muted);--hairline:var(--line);--hairline-strong:#bec9b8;--panel-2:#e7eadf;
}
html{background:var(--paper);scroll-padding-top:104px}
body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.65}
::selection{background:#cfe4c8;color:var(--ink)}
:where(a,button):focus-visible{outline:3px solid var(--green);outline-offset:4px}

/* Consistent navigation, including the compact legal-page variant. */
.nav,.nav.scrolled{position:sticky;top:0;inset:auto;background:rgba(242,241,235,.94);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-inner{min-height:84px;padding:0;gap:28px}
.nav .logo{margin-right:0;color:var(--ink);font-size:31px;line-height:1;letter-spacing:-1.9px;flex:none}
.nav .logo .tick{background:var(--green)}
.nav-links{gap:27px;margin-inline:auto;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}
.nav-links a::after{background:var(--green)}
.nav-links a:hover{color:var(--green)}
.nav-cta-group,.nav-utility{gap:10px;margin-left:auto}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 20px;border-radius:50px;background:var(--forest);color:var(--card);font-size:12px;font-weight:600;box-shadow:none;white-space:nowrap;transition:background .2s,transform .2s}
.btn:hover{background:#2d4638;transform:translateY(-2px);scale:1}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #b5beaf}
.btn.ghost:hover{background:#e8ecdf;color:var(--ink)}
.btn.big{font-size:13px;padding:14px 25px;min-height:54px}

/* The interior hero continues the homepage's edge-to-edge atmosphere. */
.page-hero,.legal-hero{
  position:relative;isolation:isolate;overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(to bottom,rgba(242,241,235,.45),rgba(242,241,235,.12) 60%,var(--paper)),
    radial-gradient(ellipse at 98% 58%,#b9d2aa 0%,#dce8d1 24%,transparent 57%),
    radial-gradient(ellipse at 4% 64%,#efd9bc 0%,#f5e7d1 22%,transparent 50%),
    var(--paper);
}
.page-hero{padding:clamp(75px,10vw,126px) 0 clamp(70px,9vw,108px)}
.legal-hero{padding:clamp(72px,9vw,108px) 0 clamp(58px,7vw,82px)}
.hero-grid-bg{display:none}
.page-hero .inner{max-width:860px}
.kicker{gap:9px;padding:7px 13px;border:1px solid #dbe2d4;border-radius:50px;background:#e8eade;color:#66775e;font:600 10px/1.5 var(--font-sans);letter-spacing:.12em}
.kicker::before{width:6px;height:6px;border-radius:50%;background:var(--green)}
.page-hero h1,.legal-hero h1{color:var(--ink);font-family:var(--font-sans);font-size:clamp(44px,6.4vw,78px);line-height:1.07;letter-spacing:-.055em;font-weight:650;margin-top:25px}
/* Headline emphasis: one accent per page — the hero headline of a guide or
   comparison. Every other heading's <em class="serif it"> renders plain: same
   face, weight and colour as the rest of the heading. Selectors match the
   pages' inline .serif.it rules in specificity so these win. */
.page-hero h1 .serif.it,.legal-hero h1 .serif.it,.article h2 .serif.it,.article h3 .serif.it,.faq-section h2 .serif.it,.bigcta h2 .serif.it{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit}
.page-hero h1 .serif.it{color:var(--green)}
.page-hero .lede{max-width:660px;margin-top:23px;color:var(--muted);font-size:clamp(16px,1.6vw,18px);line-height:1.75}
.page-meta,.legal-updated{color:var(--muted);font:600 11px/1.5 var(--font-sans);letter-spacing:.06em}
.page-meta .dot{background:var(--green)}

/* Comfortable long-form reading with warmer, product-like examples. */
.article{padding:72px 0 112px}
.article .inner,.faq-section .inner{margin-inline:auto}
.article h2,.article h3{color:var(--ink);font-weight:650;letter-spacing:-.04em}
.article h2{font-size:clamp(30px,3.6vw,44px)}
.article p,.article ul,.article ol{color:var(--ink-soft);line-height:1.8}
.article p b,.article li b{color:var(--ink)}
.article a.inline{color:#087349;text-decoration-color:#92b9a1}
.article a.inline:hover{color:var(--green);text-decoration-color:currentColor}
.callout{background:var(--mint);border:1px solid #c9ddc5;box-shadow:none}
.callout .ico{background:var(--card);color:var(--green)}
.callout p{color:var(--ink-soft)}
.step-num{background:var(--forest);color:var(--card)}
.mock,.compare-table{background:var(--card);border:1px solid var(--line);box-shadow:0 26px 65px -42px #1e2d2552}
.mock-label,.mock-cap,.mock-note{color:var(--muted)}
.mock-row,.cmp-row{border-top-color:var(--line)}
.mock-amt,.cmp-cell .val{color:var(--ink-soft)}
.mock-bar{background:var(--paper-deep)}
.field{background:var(--paper);border-color:var(--line);color:var(--ink)}
.field .cur{color:var(--muted)}
.toggle{background:var(--green)}
.toggle.off{background:var(--paper-deep)}
.pill.green,.cmp-yes{background:var(--mint);color:#087349}
.pill.red{background:#f7e8e4;color:var(--red)}
.pill.neutral{background:var(--paper-deep);color:var(--ink-soft)}
.strike{color:var(--faint)}
.gain{color:#087349}.loss{color:var(--red)}
.cf .in{background:var(--green)!important}
.cf .out,.hbar .tr i{background:var(--red)!important}
.cmp-row:first-child{background:#e9eee4}
.cmp-cell.head,.cmp-feature small,.cmp-cell .note{color:var(--muted)}
.cmp-cell.head.tallo,.cmp-feature{color:var(--ink)}
.cmp-no{background:var(--paper-deep);color:var(--muted)}
.cmp-row .cmp-cell:nth-child(2){background:rgba(225,241,221,.58)}

.faq-section{padding:80px 0 100px;background:#e8ecdf;border-block:1px solid var(--line)}
.faq-section h2,.faq-q{color:var(--ink)}
.faq-item,.faq-item:last-child{border-color:#cdd8ca}
.faq-q .ic{border-color:#bdc9b9}
.faq-item.open .ic{background:var(--forest)}
.faq-item.open .ic svg path{stroke:var(--card)}
.faq-a p{color:var(--ink-soft)}
.bigcta{background:var(--forest);color:var(--card);border:0;box-shadow:0 30px 80px -48px #1e2d2580}
.bigcta .glow{background:radial-gradient(circle,rgba(124,221,169,.19),transparent 65%)}
.bigcta h2{color:var(--card)}
.bigcta p{color:#c3d1c6}
.bigcta .btn{background:#7cdda9;color:var(--forest)}
.bigcta .btn:hover{background:#9ae6bd}
.bigcta .btn.ghost{background:transparent;color:var(--card);box-shadow:inset 0 0 0 1px #6e8374}
.bigcta .btn.ghost:hover{background:#2d4638;color:var(--card)}
.bigcta .fine{color:#a7b8aa}

.legal-wrap{padding:72px 0 112px}
.legal-body h2{color:var(--ink);font-family:var(--font-sans);font-size:clamp(25px,3vw,32px);font-weight:650;letter-spacing:-.035em;border-top-color:var(--line)}
.legal-body h3,.legal-body strong{color:var(--ink)}
.legal-body p,.legal-body li,.legal-body td{color:var(--ink-soft)}
.legal-body a{color:#087349;text-decoration-color:#92b9a1}
.legal-body a:hover{color:var(--green)}
.legal-body th{color:var(--muted);border-bottom-color:var(--line)}
.legal-body td{border-bottom-color:var(--line)}
.legal-crossnav{border-top-color:var(--line)}
.legal-crossnav a{color:var(--ink-soft)}
.legal-crossnav a:hover{color:var(--green)}
.danger-card{background:#f7e8e4;border-color:#ebc7bd}
.danger-icon{background:#f0cbbf;color:var(--red)}
.danger-text h4{color:var(--ink)}
.danger-text p{color:var(--ink-soft)}
.danger-btn{background:var(--red);color:#fff}

/* shared-footer.js supplies the same links across interior pages. */
.site-footer{background:var(--paper);border-top:1px solid var(--line);color:var(--ink)}
.site-footer .wrap{max-width:1230px}
.site-footer .logo{color:var(--ink);font-size:27px;letter-spacing:-1.9px}
.site-footer .foot-brand p{color:var(--muted);font-weight:400}
.site-footer .foot-eu{color:var(--green);font:600 11px/1.5 var(--font-sans);letter-spacing:.04em}
.site-footer h5{color:var(--muted);font:700 10px/1.5 var(--font-sans);letter-spacing:.12em}
.site-footer ul a{color:var(--ink-soft);font-weight:500}
.site-footer ul a:hover,.site-footer .foot-bottom a:hover{color:var(--green)}
.site-footer .foot-bottom{border-top-color:var(--line);color:var(--muted);font-weight:400}
.site-footer .foot-bottom a{color:var(--ink-soft)}
.site-footer .footer-mark span{color:#e4e9dc}

.content-motion .article .inner > *,.content-motion .legal-body > *{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.content-motion .article .inner > *.is-visible,.content-motion .legal-body > *.is-visible{opacity:1;transform:none}
@media(max-width:860px){.nav-inner{min-height:70px}.article{padding-top:52px}.nav-cta-group .btn,.nav-utility .btn{padding:10px 16px;font-size:12px}}
@media(max-width:760px){.nav .logo{font-size:28px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.page-hero{padding:64px 0 68px}.page-hero h1,.legal-hero h1{font-size:clamp(40px,11vw,60px)}.legal-hero{padding:62px 0 56px}.legal-wrap{padding-top:42px}.legal-body table{display:block;overflow-x:auto}.compare-table{margin-inline:-4px}.cmp-cell{min-width:0;overflow-wrap:anywhere}.bigcta{border-radius:24px}.site-footer{padding-top:66px}}
@media(prefers-reduced-motion:reduce){.content-motion .article .inner > *,.content-motion .legal-body > *{opacity:1;transform:none;transition:none}}