:root{--cream:#f4efe7;--paper:#faf8f4;--gold:#c7a977;--sage:#8d9a84;--brown:#6b5b4b;--ink:#2f2f2b;--muted:#4a4a42;--line:#e4d9c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body.seo-page{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,sans-serif;line-height:1.65}a{color:inherit}.seo-header,.seo-footer,.seo-hero,.seo-intro,.seo-benefits,.seo-use-cases,.seo-related,.seo-faq,.seo-cta{width:min(1180px,calc(100% - 40px));margin-inline:auto}.seo-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.seo-brand{display:flex}.seo-brand img{display:block;width:155px;height:auto}.seo-header nav,.seo-footer nav{display:flex;align-items:center;gap:24px}.seo-header nav a,.seo-footer a{text-decoration:none;font-size:.92rem;font-weight:600}.seo-header nav a:hover,.seo-footer a:hover{color:var(--brown)}.seo-login{border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:#fff}.seo-hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(48px,7vw,100px);padding:80px 0 100px}.seo-eyebrow{margin:0 0 16px;color:var(--brown);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.seo-hero h1,.seo-intro h2,.seo-section-heading h2,.seo-use-cases h2,.seo-related h2,.seo-faq h2,.seo-cta h2{font-family:"Cormorant Garamond",serif;line-height:.98;letter-spacing:-.025em}.seo-hero h1{margin:0;max-width:720px;font-size:clamp(3.4rem,6.2vw,6.1rem);font-weight:600}.seo-lead{max-width:650px;margin:28px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.25rem)}.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:10px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.seo-button:hover{transform:translateY(-2px)}.seo-button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid rgba(199,169,119,.65);outline-offset:3px}.seo-button-primary{background:linear-gradient(135deg,#6b5b4b 0%,#6b5b4b 42%,#4a4a42 100%);color:#fff;box-shadow:0 14px 32px rgba(47,47,43,.17)}.seo-button-primary:hover{background:linear-gradient(135deg,#4a4a42 0%,#2f2f2b 100%)}.seo-button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.72)}.seo-hero-visual{position:relative;padding:24px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#fff,var(--cream));box-shadow:0 32px 80px rgba(107,91,75,.14);transform:rotate(1.2deg)}.seo-hero-visual:before{content:"";position:absolute;inset:-35px 15% auto -25px;height:130px;border-radius:50%;background:rgba(199,169,119,.22);filter:blur(45px);z-index:-1}.seo-hero-visual img{display:block;width:100%;height:auto;border-radius:18px}.seo-hero-visual span{position:absolute;padding:8px 13px;border:1px solid rgba(107,91,75,.14);border-radius:999px;background:rgba(255,255,255,.92);color:var(--brown);font-size:.77rem;font-weight:700;box-shadow:0 10px 28px rgba(47,47,43,.11)}.seo-hero-visual span:nth-of-type(1){top:8%;left:-25px}.seo-hero-visual span:nth-of-type(2){right:-22px;top:42%}.seo-hero-visual span:nth-of-type(3){left:12%;bottom:-18px}.seo-intro{max-width:930px;padding:110px 0;text-align:center}.seo-intro h2,.seo-section-heading h2,.seo-use-cases h2,.seo-related h2,.seo-faq h2,.seo-cta h2{margin:0;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:600}.seo-intro>p:last-child{max-width:760px;margin:26px auto 0;color:var(--muted);font-size:1.13rem}.seo-benefits{padding:100px 0}.seo-section-heading{max-width:760px;margin-bottom:48px}.seo-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.seo-card-grid article{min-height:260px;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff}.seo-card-grid article>span{color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:1.55rem;font-weight:700}.seo-card-grid h3{margin:42px 0 10px;font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:1.05}.seo-card-grid p{margin:0;color:var(--muted)}.seo-use-cases{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin-block:100px;padding:clamp(38px,6vw,78px);border-radius:32px;background:var(--cream)}.seo-use-cases>div>p:last-child{color:var(--muted)}.seo-use-cases ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;align-content:center}.seo-use-cases li{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid rgba(107,91,75,.12);border-radius:14px;background:rgba(255,255,255,.68);font-weight:600}.seo-use-cases li span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--sage);color:#fff}.seo-related,.seo-faq{padding:100px 0}.seo-related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}.seo-related a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}.seo-related a:hover{background:var(--cream)}.seo-faq{max-width:880px}.seo-faq>div{margin-top:42px;border-top:1px solid var(--line)}.seo-faq details{border-bottom:1px solid var(--line)}.seo-faq summary{padding:23px 4px;cursor:pointer;font-weight:700}.seo-faq details p{margin:-5px 0 24px;color:var(--muted)}.seo-cta{margin-block:90px 110px;padding:clamp(45px,7vw,84px);border-radius:32px;background:linear-gradient(145deg,var(--cream),#efe7dc);text-align:center}.seo-cta p:not(.seo-eyebrow){max-width:650px;margin:22px auto 30px;color:var(--muted)}.seo-footer{display:flex;justify-content:space-between;gap:30px;padding:32px 0 45px;border-top:1px solid var(--line)}
@media(max-width:820px){.seo-header{min-height:72px}.seo-header nav>a:not(.seo-login){display:none}.seo-hero{min-height:0;grid-template-columns:1fr;gap:58px;padding:64px 0 80px}.seo-hero h1{font-size:clamp(3.2rem,14vw,5rem)}.seo-hero-visual{margin-inline:14px;padding:15px}.seo-intro,.seo-benefits,.seo-related,.seo-faq{padding-block:72px}.seo-card-grid,.seo-related>div{grid-template-columns:1fr}.seo-use-cases{grid-template-columns:1fr;gap:38px;margin-block:70px}}
@media(max-width:520px){.seo-header,.seo-footer,.seo-hero,.seo-intro,.seo-benefits,.seo-use-cases,.seo-related,.seo-faq,.seo-cta{width:min(100% - 28px,1180px)}.seo-brand img{width:132px}.seo-login{padding:9px 13px}.seo-actions,.seo-actions .seo-button{width:100%}.seo-footer{flex-direction:column}.seo-footer nav{flex-wrap:wrap;gap:15px}.seo-card-grid article{min-height:0}.seo-card-grid h3{margin-top:28px}}