:root{--ink:#17303a;--ink-soft:#4a6068;--ink-faint:#6b7c84;--paper:#ffffff;--paper-tint:#f4f8f7;--paper-warm:#fbfaf7;--line:rgba(23, 48, 58, 0.12);--line-strong:rgba(23, 48, 58, 0.2);--teal-900:#06333a;--teal-800:#0a4b53;--teal-700:#0f5f68;--teal-600:#147a82;--teal-500:#1a949a;--mint-400:#40e0d0;--mint-300:#7de8da;--mint-100:#e6f7f4;--accent:#c98a3e;--accent-soft:#f4e6d2;--font-display:'DM Serif Display', 'Iowan Old Style', Georgia, serif;--font-body:'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--step--1:clamp(0.82rem, 0.79rem + 0.16vw, 0.9rem);--step-0:clamp(1rem, 0.96rem + 0.2vw, 1.09rem);--step-1:clamp(1.15rem, 1.08rem + 0.36vw, 1.36rem);--step-2:clamp(1.35rem, 1.2rem + 0.75vw, 1.75rem);--step-3:clamp(1.6rem, 1.32rem + 1.4vw, 2.3rem);--step-4:clamp(1.95rem, 1.45rem + 2.5vw, 3.15rem);--step-5:clamp(2.4rem, 1.5rem + 4.5vw, 4.4rem);--gutter:clamp(1.15rem, 0.7rem + 2.2vw, 2.5rem);--section-y:clamp(3.25rem, 2rem + 6vw, 7rem);--radius:14px;--radius-lg:22px;--shadow-sm:0 1px 2px rgba(23, 48, 58, 0.06), 0 6px 18px rgba(23, 48, 58, 0.06);--shadow-md:0 2px 6px rgba(23, 48, 58, 0.07), 0 18px 40px rgba(23, 48, 58, 0.09);--measure:68ch;--wrap:74rem;} *, *::before, *::after{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} *, *::before, *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} h1, h2, h3, h4{font-family:var(--font-display);font-weight:400;line-height:1.14;margin:0 0 0.6em;letter-spacing:-0.01em;color:var(--ink);} h1{font-size:var(--step-5);} h2{font-size:var(--step-4);} h3{font-size:var(--step-2);} h4{font-size:var(--step-1);} p{margin:0 0 1rem;} p:last-child{margin-bottom:0;} a{color:var(--teal-700);text-underline-offset:3px;} a:hover{color:var(--teal-600);} img{max-width:100%;height:auto;display:block;} ul, ol{padding-left:1.2rem;} li + li{margin-top:0.4rem;} :focus-visible{outline:3px solid var(--mint-400);outline-offset:2px;border-radius:4px;} .skip-link{position:absolute;left:-9999px;top:0;background:var(--teal-900);color:#fff;padding:0.75rem 1.1rem;z-index:100;border-radius:0 0 var(--radius) 0;} .skip-link:focus{left:0;color:#fff;} .visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);} .section{padding-block:var(--section-y);} .section--tint{background:var(--paper-tint);} .section--warm{background:var(--paper-warm);} .section--ink{background:var(--teal-900);color:#eaf5f4;} .section--ink h1, .section--ink h2, .section--ink h3{color:#fff;} .section--ink a{color:var(--mint-300);} .section__head{max-width:46rem;margin-bottom:clamp(1.75rem, 1rem + 3vw, 3rem);} .section__head--center{margin-inline:auto;text-align:center;} .kicker{display:inline-flex;align-items:center;gap:0.5rem;font-size:var(--step--1);font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal-600);margin-bottom:0.7rem;} .kicker::before{content:"";width:1.6rem;height:2px;background:linear-gradient(90deg, var(--mint-400), var(--teal-600));border-radius:2px;} .section--ink .kicker{color:var(--mint-300);} .lede{font-size:var(--step-1);color:var(--ink-soft);max-width:var(--measure);} .section--ink .lede{color:#c9dedd;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.78rem 1.5rem;border-radius:9999px;border:1px solid transparent;font:inherit;font-weight:500;font-size:var(--step-0);text-decoration:none;cursor:pointer;transition:transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;background:linear-gradient(90deg, var(--mint-400), var(--teal-500));color:var(--teal-900);box-shadow:var(--shadow-sm);} .btn:hover{color:var(--teal-900);transform:translateY(-1px);box-shadow:var(--shadow-md);} .btn:active{transform:translateY(0);} .btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink);box-shadow:none;} .btn--ghost:hover{background:rgba(23, 48, 58, 0.04);color:var(--ink);} .btn--light{background:#fff;color:var(--teal-800);} .btn--light:hover{color:var(--teal-900);} .btn--sm{padding:0.55rem 1.1rem;font-size:var(--step--1);} .btn-row{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;} .text-link{font-weight:500;display:inline-flex;align-items:center;gap:0.4rem;} .text-link::after{content:"";width:1.1rem;height:1px;background:currentColor;transition:width 0.2s ease;} .text-link:hover::after{width:1.6rem;} .site-header{position:sticky;top:0;z-index:50;background:rgba(255, 255, 255, 0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);} .site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:0.85rem;} .brand{display:inline-flex;align-items:center;gap:0.7rem;text-decoration:none;color:var(--ink);} .brand:hover{color:var(--ink);} .brand__mark{width:2.4rem;height:2.4rem;flex:0 0 auto;border-radius:50%;background:linear-gradient(140deg, var(--teal-800), var(--teal-600) 60%, var(--mint-400));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:1.02rem;letter-spacing:0.02em;} .brand__text{display:grid;line-height:1.15;} .brand__name{font-family:var(--font-display);font-size:1.14rem;} .brand__role{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-faint);} .site-nav{display:flex;align-items:center;gap:0.35rem;} .site-nav ul{display:flex;align-items:center;gap:0.2rem;list-style:none;margin:0;padding:0;} .site-nav li + li{margin-top:0;} .site-nav a{display:block;padding:0.5rem 0.7rem;border-radius:9999px;text-decoration:none;color:var(--ink-soft);font-size:var(--step--1);font-weight:500;} .site-nav a:hover{color:var(--ink);background:rgba(23, 48, 58, 0.05);} .site-nav a[aria-current="page"]{color:var(--teal-800);background:var(--mint-100);} .header-actions{display:flex;align-items:center;gap:0.5rem;} .lang-switch{display:inline-flex;border:1px solid var(--line-strong);border-radius:9999px;overflow:hidden;} .lang-switch a, .lang-switch span{padding:0.36rem 0.7rem;font-size:0.72rem;font-weight:600;letter-spacing:0.06em;text-decoration:none;color:var(--ink-faint);text-transform:uppercase;} .lang-switch span{background:var(--mint-100);color:var(--teal-800);} .lang-switch a:hover{background:rgba(23, 48, 58, 0.05);color:var(--ink);} .nav-toggle{display:none;background:transparent;border:1px solid var(--line-strong);border-radius:9999px;padding:0.45rem 0.8rem;font:inherit;font-size:var(--step--1);color:var(--ink);cursor:pointer;} .hero{position:relative;padding-block:clamp(2.75rem, 1.5rem + 6vw, 6rem) clamp(2.5rem, 1.5rem + 5vw, 5rem);background:radial-gradient(1100px 520px at 78% -10%, rgba(64, 224, 208, 0.22), transparent 62%), radial-gradient(760px 420px at 4% 8%, rgba(20, 122, 130, 0.12), transparent 60%), linear-gradient(180deg, var(--paper-tint), var(--paper));overflow:hidden;} .hero__grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);gap:clamp(1.75rem, 1rem + 4vw, 3.5rem);align-items:center;} .hero__title{margin-bottom:0.5em;max-width:22ch;} .hero__lead{font-size:var(--step-1);color:var(--ink-soft);max-width:46ch;} .hero__note{font-size:var(--step--1);color:var(--ink-faint);display:flex;align-items:center;gap:0.5rem;margin-top:1.25rem;} .hero__note::before{content:"";width:0.5rem;height:0.5rem;border-radius:50%;background:var(--mint-400);box-shadow:0 0 0 4px rgba(64, 224, 208, 0.22);flex:0 0 auto;} .hero__panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem, 0.9rem + 1.4vw, 2rem);box-shadow:var(--shadow-md);} .hero__facts{display:grid;gap:1.1rem;margin:0;} .hero__fact{display:grid;gap:0.15rem;} .hero__fact dt{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-faint);} .hero__fact dd{margin:0;font-size:var(--step-1);font-family:var(--font-display);} .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-warm);} .trust__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(9rem, 1fr));gap:1rem;list-style:none;margin:0;padding-block:clamp(1.25rem, 1rem + 1.5vw, 2rem);} .trust__list li + li{margin-top:0;} .trust__value{font-family:var(--font-display);font-size:var(--step-2);color:var(--teal-800);display:block;line-height:1.1;} .trust__label{font-size:var(--step--1);color:var(--ink-soft);} .grid{display:grid;gap:clamp(1rem, 0.7rem + 1.2vw, 1.75rem);} .grid--2{grid-template-columns:repeat(auto-fit, minmax(min(100%, 22rem), 1fr));} .grid--3{grid-template-columns:repeat(auto-fit, minmax(min(100%, 18rem), 1fr));} .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem, 1rem + 1vw, 1.9rem);display:flex;flex-direction:column;gap:0.6rem;transition:transform 0.18s ease, box-shadow 0.22s ease, border-color 0.22s ease;} .card--link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(20, 122, 130, 0.28);} .card__title{font-size:var(--step-2);margin-bottom:0;} .card__title a{text-decoration:none;color:inherit;} .card__title a:hover{color:var(--teal-700);} .card__body{color:var(--ink-soft);} .card__foot{margin-top:auto;padding-top:0.5rem;} .icon-badge{width:2.9rem;height:2.9rem;border-radius:12px;display:grid;place-items:center;background:var(--mint-100);color:var(--teal-700);margin-bottom:0.4rem;flex:0 0 auto;} .icon-badge svg{width:1.5rem;height:1.5rem;display:block;} .section--ink .icon-badge{background:rgba(64, 224, 208, 0.14);color:var(--mint-300);} .pillars{display:grid;gap:clamp(1rem, 0.7rem + 1.2vw, 2rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 17rem), 1fr));} .pillar{border-top:2px solid var(--mint-400);padding-top:1rem;} .pillar__title{font-size:var(--step-1);margin-bottom:0.35rem;} .steps{counter-reset:step;display:grid;gap:clamp(1.1rem, 0.8rem + 1.4vw, 2rem);grid-template-columns:repeat(auto-fit, minmax(min(100%, 20rem), 1fr));} .step{position:relative;padding-left:3.2rem;} .step::before{counter-increment:step;content:counter(step, decimal-leading-zero);position:absolute;left:0;top:0.1rem;font-family:var(--font-display);font-size:1.5rem;color:var(--teal-600);opacity:0.55;} .step__title{font-size:var(--step-1);margin-bottom:0.3rem;} .page-head{padding-block:clamp(2.25rem, 1.5rem + 4vw, 4.25rem) clamp(1.5rem, 1rem + 2vw, 2.5rem);background:linear-gradient(180deg, var(--paper-tint), var(--paper));border-bottom:1px solid var(--line);} .page-head__title{max-width:26ch;margin-bottom:0.4em;} .page-head .lede{max-width:52ch;} .breadcrumb{font-size:var(--step--1);color:var(--ink-faint);margin-bottom:0.9rem;display:flex;gap:0.45rem;flex-wrap:wrap;} .breadcrumb a{color:var(--ink-soft);text-decoration:none;} .breadcrumb a:hover{text-decoration:underline;} .prose{max-width:var(--measure);} .prose h2{margin-top:2rem;font-size:var(--step-3);} .prose h3{margin-top:1.5rem;font-size:var(--step-2);} .prose ul{margin-bottom:1rem;} .prose>* + *{margin-top:0.85rem;} .checklist{list-style:none;padding:0;display:grid;gap:0.6rem;} .checklist li{display:flex;gap:0.65rem;align-items:flex-start;} .checklist li::before{content:"";flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:0.28rem;border-radius:50%;background:var(--mint-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230f5f68' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center / 0.8rem no-repeat;} .note-callout{background:var(--paper-warm);border-left:3px solid var(--mint-400);border-radius:0 var(--radius) var(--radius) 0;padding:1.1rem 1.25rem;color:var(--ink-soft);font-size:var(--step-0);} .note-callout p:last-child{margin-bottom:0;} .sidebar-card{background:var(--teal-900);color:#dcefee;border-radius:var(--radius-lg);padding:clamp(1.25rem, 1rem + 1vw, 1.9rem);} .sidebar-card h2, .sidebar-card h3{color:#fff;} .sidebar-card a{color:var(--mint-300);} .sidebar-card__list{list-style:none;padding:0;display:grid;gap:0.85rem;} .sidebar-card__list li + li{margin-top:0;} .sidebar-card__label{display:block;font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:#8fc0bf;} .layout-split{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 20rem);gap:clamp(1.5rem, 1rem + 3vw, 3rem);align-items:start;} @media (max-width:60rem){.layout-split{grid-template-columns:1fr;}} .note-list{display:grid;gap:1rem;} .note-card{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:1.25rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.15rem, 1rem + 1vw, 1.75rem);text-decoration:none;color:inherit;transition:transform 0.18s ease, box-shadow 0.22s ease;} .note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit;} .note-card>span>span{display:block;} .note-card__title{display:block;font-size:var(--step-2);margin-bottom:0.25rem;font-family:var(--font-display);line-height:1.2;} .note-card__meta{display:flex;font-size:var(--step--1);color:var(--ink-faint);gap:0.6rem;flex-wrap:wrap;align-items:center;margin-bottom:0.35rem;} .note-card__excerpt{display:block;color:var(--ink-soft);margin:0.4rem 0 0;} .note-media{width:8.5rem;height:6rem;border-radius:var(--radius);background:linear-gradient(150deg, var(--mint-100), #dceceb);display:grid;place-items:center;color:var(--teal-600);font-size:var(--step--1);flex:0 0 auto;} .tag{display:inline-block;padding:0.2rem 0.6rem;border-radius:9999px;background:var(--mint-100);color:var(--teal-800);font-size:0.72rem;font-weight:500;text-decoration:none;} .note-body{max-width:var(--measure);} .note-body h2{font-size:var(--step-3);margin-top:2.2rem;} .note-body p{margin-bottom:1.05rem;} .faq-list{display:grid;gap:0.75rem;max-width:52rem;} .faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0.35rem 1.15rem;} .faq-item summary{cursor:pointer;padding:0.85rem 0;font-family:var(--font-display);font-size:var(--step-1);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;} .faq-item summary::-webkit-details-marker{display:none;} .faq-item summary::after{content:"";width:0.65rem;height:0.65rem;border-right:2px solid var(--teal-600);border-bottom:2px solid var(--teal-600);transform:rotate(45deg);flex:0 0 auto;transition:transform 0.2s ease;} .faq-item[open] summary::after{transform:rotate(-135deg);} .faq-item__body{padding-bottom:1rem;color:var(--ink-soft);max-width:62ch;} .form{display:grid;gap:1.1rem;max-width:40rem;} .field{display:grid;gap:0.35rem;} .field>label{font-weight:500;font-size:var(--step--1);} .field .help{font-size:var(--step--1);color:var(--ink-faint);} .field input[type="text"], .field input[type="email"], .field input[type="tel"], .field select, .field textarea{width:100%;font:inherit;font-size:var(--step-0);color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0.7rem 0.9rem;transition:border-color 0.15s ease, box-shadow 0.15s ease;} .field input:focus, .field select:focus, .field textarea:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 4px rgba(64, 224, 208, 0.2);} .field--check{display:flex;gap:0.6rem;align-items:flex-start;} .field--check input{margin-top:0.28rem;width:1.05rem;height:1.05rem;accent-color:var(--teal-600);} .field--check label{font-weight:400;font-size:var(--step--1);color:var(--ink-soft);} .field__error{color:#9d2a2a;font-size:var(--step--1);} .form-errors{border:1px solid rgba(157, 42, 42, 0.35);background:#fdf3f2;color:#7f2222;border-radius:var(--radius);padding:0.9rem 1.1rem;font-size:var(--step--1);} .form-errors ul{margin:0.4rem 0 0;} .form-success{background:var(--mint-100);border:1px solid rgba(20, 122, 130, 0.28);border-radius:var(--radius-lg);padding:clamp(1.25rem, 1rem + 1vw, 1.9rem);} .form-success h2{font-size:var(--step-2);} .hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;} .site-footer{background:var(--teal-900);color:#c9dedd;padding-block:clamp(2.25rem, 1.5rem + 3vw, 3.5rem) 1.5rem;margin-top:auto;} .site-footer a{color:#dff0ef;text-decoration:none;} .site-footer a:hover{color:#fff;text-decoration:underline;} .site-footer h2, .site-footer h3{color:#fff;font-size:var(--step-1);} .footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 15rem), 1fr));gap:clamp(1.5rem, 1rem + 2vw, 2.5rem);padding-bottom:1.75rem;border-bottom:1px solid rgba(255, 255, 255, 0.14);} .footer-grid ul{list-style:none;padding:0;display:grid;gap:0.4rem;} .footer-grid li + li{margin-top:0;} .footer-bottom{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem;justify-content:space-between;align-items:center;padding-top:1.25rem;font-size:var(--step--1);color:#9dc0bf;} .footer-legal{display:flex;flex-wrap:wrap;gap:0.75rem 1.1rem;} .stack>* + *{margin-top:var(--stack-gap, 1rem);} .center{text-align:center;} .mt-2{margin-top:2rem;} .mb-0{margin-bottom:0;} .measure{max-width:var(--measure);} .media-slot{position:relative;border-radius:var(--radius-lg);border:1px dashed rgba(20, 122, 130, 0.4);background:linear-gradient(135deg, rgba(230, 247, 244, 0.9), rgba(220, 236, 235, 0.55));display:grid;place-items:center;text-align:center;color:var(--teal-700);padding:1rem;overflow:hidden;} .media-slot__inner{display:grid;gap:0.3rem;justify-items:center;} .media-slot__icon{width:1.9rem;height:1.9rem;opacity:0.65;} .media-slot__label{font-size:var(--step--1);font-weight:500;} .media-slot__hint{font-size:0.72rem;color:var(--ink-faint);letter-spacing:0.04em;} .media-slot--portrait{aspect-ratio:4 / 5;} .media-slot--wide{aspect-ratio:16 / 7;} .media-slot--card{aspect-ratio:3 / 2;} .portrait-figure{display:grid;gap:0.75rem;} .portrait-figure figcaption{font-size:var(--step--1);color:var(--ink-faint);} .cookie-consent{position:fixed;z-index:9999;left:1rem;right:1rem;bottom:1rem;max-width:30rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem 1.15rem;box-shadow:var(--shadow-md);font-size:var(--step--1);} .cookie-consent[hidden]{display:none;} .cookie-consent__title{font-size:var(--step-1);margin-bottom:0.35rem;} .cookie-consent__actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem;} @media (max-width:60rem){.hero__grid{grid-template-columns:1fr;} .hero__panel{order:2;}} @media (max-width:48rem){.nav-toggle{display:inline-flex;} .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:1rem var(--gutter) 1.25rem;flex-direction:column;align-items:flex-start;gap:0.35rem;} .site-nav[data-open="true"]{display:flex;} .site-nav ul{flex-direction:column;align-items:flex-start;width:100%;} .site-nav a{width:100%;padding:0.6rem 0.7rem;font-size:var(--step-0);} .note-card{grid-template-columns:1fr;} .note-media{width:100%;height:7rem;}} @media print{.site-header, .site-footer, .cookie-consent, .btn-row, .media-slot{display:none !important;} body{color:#000;} a{text-decoration:none;color:#000;}}