@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--ink:#edf2ed;--muted:#aab8b3;--bg:#111c20;--panel:#1b292d;--line:#304044;--teal:#7ad6be;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}.site-header{height:82px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--teal);color:#10201e;font-family:var(--serif);font-size:19px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{text-decoration:none;color:var(--muted);font-size:14px}.site-header nav a:hover,footer a:hover{color:var(--teal)}.site-header nav .nav-cta{padding:9px 15px;border:1px solid #668c80;border-radius:999px;color:var(--ink)}.hero{max-width:1160px;min-height:580px;margin:auto;padding:75px 28px 88px;display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-size:11px;font-weight:700;margin:0 0 18px}.hero h1,.article-wrap h1{font:500 clamp(43px,6vw,70px)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 24px;max-width:650px}.intro{font-size:18px;line-height:1.75;color:#c0cbc6;max-width:590px;margin:0 0 29px}.button{display:inline-flex;align-items:center;gap:18px;background:var(--teal);color:#10201e;text-decoration:none;font-weight:700;font-size:14px;padding:14px 21px;border-radius:999px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#9ce6d3}.small-note{font-size:12px;color:#8d9c97;margin:14px 0 0}.signature-card{position:relative;max-width:450px;width:100%;justify-self:center;min-height:360px;padding:34px 38px;background:linear-gradient(145deg,#223237,#182529);border:1px solid #34474a;border-radius:24px;box-shadow:0 32px 90px #0005;transform:rotate(1.5deg)}.card-label{color:#8caaa0;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}.sample{font-size:clamp(34px,4.4vw,53px);color:#eef5ef;white-space:nowrap;line-height:1.35}.sample-one{font-family:var(--serif);font-style:italic;margin-top:26px}.sample-two{font-family:cursive;font-weight:600;transform:rotate(-5deg);margin:16px 0 7px}.sample-three{font-family:var(--serif);font-weight:600;letter-spacing:-.06em}.style-tags{display:flex;gap:9px;margin-top:24px}.style-tags span{border:1px solid #3e5556;border-radius:99px;padding:5px 12px;font-size:11px;color:#9eb6ad}.feature-strip{max-width:1104px;margin:-16px auto 0;padding:23px 30px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.feature-strip>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.feature-strip>div:last-child{border:0}.feature-strip p{margin:0;font-size:14px}.feature-icon,.step-number{color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.08em}.content-section{max-width:970px;margin:auto;padding:110px 28px 94px}.content-section h2,.guide-callout h2,.final-cta h2,.article-wrap h2{font:500 clamp(32px,4vw,45px)/1.18 var(--serif);letter-spacing:-.025em;margin:0 0 18px}.section-lead{color:var(--muted);font-size:16px;max-width:780px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.steps article{padding:24px 22px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.steps h3{font-size:16px;margin:18px 0 8px}.steps p,.guide-callout p{margin:0;color:var(--muted);font-size:14px}.note{margin:26px 0 0;color:#92a19c;font-size:12px;max-width:820px}.guide-callout{max-width:1104px;margin:0 auto 100px;padding:38px 42px;background:#1a2b2d;border:1px solid #304845;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:30px}.guide-callout h2{font-size:32px;margin-bottom:9px}.guide-callout p:not(.eyebrow){max-width:620px}.text-link{color:var(--teal);font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}.final-cta{text-align:center;padding:75px 20px 92px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#25413a 0,transparent 65%)}.final-cta h2{margin-bottom:25px}footer{max-width:1160px;margin:auto;padding:27px 28px 35px;display:flex;align-items:center;gap:28px;color:#899994;font-size:12px}footer .brand{color:var(--ink);margin-right:auto}footer a:not(.brand){text-decoration:none}.article-wrap{max-width:850px;margin:0 auto;padding:76px 28px 100px}.article-wrap h1{font-size:clamp(43px,6vw,62px)}.article-wrap article>.intro{max-width:760px;margin-bottom:36px}.article-wrap h2{font-size:30px;margin:46px 0 10px}.article-wrap h3{font-size:17px;margin:28px 0 5px}.article-wrap p{color:#b8c4bf}.article-wrap strong{color:var(--ink)}.article-callout{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:15px;margin:30px 0 42px}.article-callout p{margin:8px 0 20px}.article-callout .button{padding:11px 17px}.back-link{margin-top:52px}.back-link a{color:var(--teal);text-decoration:none;font-weight:700}@media(max-width:760px){.site-header{height:70px;padding:0 20px}.site-header nav{gap:15px}.site-header nav>a:first-child{display:none}.hero{padding:55px 22px 65px;grid-template-columns:1fr;gap:44px}.hero h1{font-size:51px}.signature-card{max-width:420px;min-height:330px}.feature-strip{margin:0 18px;padding:19px 5px}.feature-strip>div{gap:7px;flex-direction:column;text-align:center}.feature-strip p{font-size:11px}.content-section{padding:78px 22px}.steps{grid-template-columns:1fr}.steps article{padding:21px}.guide-callout{margin:0 18px 75px;padding:28px;display:block}.guide-callout .text-link{display:inline-block;margin-top:22px}.final-cta{padding:65px 20px 75px}footer{padding:25px 20px;gap:16px;flex-wrap:wrap}footer .brand{width:100%;margin:0}.article-wrap{padding:55px 22px 75px}.article-wrap h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}