:root{--ink:#0b1618;--paper:#f1eee7;--paper-2:#e8e4da;--muted:#71807c;--orange:#ef6f43;--mint:#a9d8c9;--line:rgba(18,40,41,.15);--serif:"Noto Serif SC",serif;--sans:"Manrope","Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.seo-header{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper)}.seo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;letter-spacing:.08em}.seo-brand img{width:25px;height:25px;filter:brightness(0) invert(1)}.seo-brand b{color:#ff8d5e}.seo-nav{display:flex;align-items:center;gap:24px;color:#b7c8c2;font:10px var(--mono)}.seo-nav a{text-decoration:none}.seo-nav a:hover{color:#fff}.seo-nav .seo-nav-cta{padding:10px 14px;border:1px solid rgba(241,238,231,.3);border-radius:99px;color:var(--paper)}.seo-shell{width:min(1080px,calc(100% - 48px));margin:0 auto}.seo-hero{padding:105px 0 75px;border-bottom:1px solid var(--line)}.seo-kicker{color:var(--orange);font:10px var(--mono);letter-spacing:.13em}.seo-hero h1{font-family:var(--serif);font-size:clamp(46px,6vw,78px);line-height:1.12;letter-spacing:-.07em;font-weight:600;margin:24px 0 25px}.seo-hero h1 em,.seo-section h2 em{color:var(--orange);font-style:normal}.seo-lead{max-width:690px;color:#556560;font-size:18px;line-height:1.85;margin:0}.seo-note{margin-top:28px;color:#87918d;font:10px var(--mono)}.seo-main{padding:78px 0 120px}.seo-section{margin:0 0 84px}.seo-section h2{font-family:var(--serif);font-size:clamp(31px,4vw,49px);line-height:1.2;letter-spacing:-.065em;margin:0 0 25px}.seo-section>p{max-width:700px;color:#63736d;line-height:1.9;font-size:14px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.seo-card{min-height:205px;background:var(--paper-2);padding:25px}.seo-card:nth-child(2){background:#dce8df}.seo-card:nth-child(3){background:var(--ink);color:var(--paper)}.seo-card .card-no{color:var(--orange);font:10px var(--mono)}.seo-card h3{font-size:18px;margin:27px 0 10px}.seo-card p{color:#71807c;font-size:12px;line-height:1.75;margin:0}.seo-card:nth-child(3) p{color:#b0c0ba}.seo-steps{border-top:1px solid var(--line);margin-top:35px}.seo-step{display:grid;grid-template-columns:70px 1fr 1.5fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.seo-step>span{color:var(--orange);font:10px var(--mono)}.seo-step h3{font-size:16px;margin:0}.seo-step p{color:#71807c;font-size:12px;line-height:1.75;margin:0}.seo-callout{background:var(--ink);color:var(--paper);padding:32px 35px;margin-top:32px}.seo-callout strong{display:block;color:var(--mint);font-size:16px;margin-bottom:10px}.seo-callout p{color:#b0c0ba;line-height:1.8;font-size:13px;margin:0}.seo-faq{border-top:1px solid var(--line)}.seo-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.seo-faq summary{cursor:pointer;font-weight:700}.seo-faq p{max-width:700px;color:#71807c;font-size:13px;line-height:1.8;margin:15px 0 0}.seo-video{background:var(--ink);padding:14px 14px 0;max-width:790px}.seo-video video{display:block;width:100%;max-height:600px;object-fit:contain;background:#101a1b}.seo-video-caption{display:flex;justify-content:space-between;color:#9bb1ad;padding:13px 2px;font:9px var(--mono)}.seo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.seo-button{display:inline-flex;text-decoration:none;padding:14px 18px;border-radius:3px;background:var(--orange);color:#fff;font-weight:700;font-size:12px}.seo-button.secondary{background:transparent;border:1px solid rgba(18,40,41,.35);color:var(--ink)}.seo-footer{border-top:1px solid var(--line);padding:25px 0 32px;color:#82908b;font:10px var(--mono);display:flex;justify-content:space-between;gap:20px}.seo-footer a{text-decoration:none}.seo-footer a:hover{text-decoration:underline;color:var(--orange)}.seo-source{color:#9a7770;font:10px var(--mono);margin-top:24px}.seo-source strong{color:var(--orange)}
@media(max-width:760px){.seo-header{height:auto;min-height:70px;padding-top:14px;padding-bottom:14px}.seo-nav{gap:10px}.seo-nav a:not(.seo-nav-cta){display:none}.seo-hero{padding:70px 0 55px}.seo-grid{grid-template-columns:1fr}.seo-step{grid-template-columns:42px 1fr;gap:12px}.seo-step p{grid-column:2}.seo-footer{flex-direction:column;gap:10px}.seo-main{padding-top:55px}}