@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');
:root { --ink:#142b32; --paper:#f7f3e9; --cream:#eee7d8; --mint:#62c9bf; --teal:#0e827c; --coral:#e77d68; --yellow:#f1cc78; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.site-header { height:92px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:10px; font-family:"DM Serif Display",serif; font-size:22px; }
.brand img { width:38px; height:38px; border-radius:10px; }
nav { display:flex; gap:32px; font-size:14px; }
nav a:hover,.footer-links a:hover { color:var(--teal); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:54px; padding:0 24px; background:var(--ink); color:white; border-radius:999px; font-weight:600; box-shadow:0 10px 22px rgba(20,43,50,.13); transition:.2s ease; }
.button:hover { transform:translateY(-2px); background:var(--teal); }
.button-small { min-height:42px; padding:0 19px; font-size:14px; }
.hero { min-height:690px; display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:50px; padding-block:48px 92px; }
.eyebrow,.section-label { color:var(--teal); font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { font-family:"DM Serif Display",serif; font-weight:400; margin:0; }
h1 { font-size:clamp(58px,7.2vw,104px); line-height:.91; letter-spacing:-.045em; }
.hero-lede { font-size:20px; line-height:1.6; max-width:610px; margin:30px 0; color:#41555a; }
.hero-actions { display:flex; align-items:center; gap:26px; }
.text-link { display:inline-flex; gap:12px; align-items:center; font-weight:600; border-bottom:1px solid rgba(20,43,50,.35); padding-bottom:5px; }
.quiet-proof { display:flex; gap:20px; flex-wrap:wrap; margin-top:34px; color:#607074; font-size:13px; }
.quiet-proof span::before { content:"✓"; color:var(--teal); margin-right:7px; }
.hero-art { position:relative; min-height:590px; display:grid; place-items:center; }
.sun-disc { position:absolute; width:470px; aspect-ratio:1; border-radius:50%; background:var(--yellow); opacity:.82; }
.phone { position:relative; overflow:hidden; background:#102832; border:9px solid #102832; border-radius:31px; box-shadow:0 28px 55px rgba(20,43,50,.23); }
.phone img { width:100%; height:100%; display:block; object-fit:cover; }
.phone-main { width:290px; height:516px; z-index:1; transform:rotate(2deg); }
.margin-note { position:absolute; right:-10px; bottom:22px; z-index:2; background:var(--coral); color:white; padding:17px 22px; transform:rotate(-4deg); font-family:"DM Serif Display",serif; font-size:19px; line-height:1.2; box-shadow:0 12px 25px rgba(106,55,47,.2); }
.manifesto { background:var(--ink); color:white; padding:100px 0; }
.manifesto-grid,.trust-grid { display:grid; grid-template-columns:.32fr 1fr; gap:80px; }
.manifesto .section-label { color:var(--mint); }
.manifesto h2,.story-copy h2,.trust-section h2,.final-cta h2 { font-size:clamp(42px,5vw,70px); line-height:1.03; letter-spacing:-.025em; }
.manifesto p:not(.section-label) { font-size:20px; line-height:1.7; color:#c8d2d4; max-width:720px; }
.feature-story,.split-feature { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; padding-block:130px; }
.story-copy p:not(.eyebrow) { color:#4b5f63; font-size:18px; line-height:1.75; max-width:560px; }
.phone-pair { min-height:590px; position:relative; display:grid; place-items:center; }
.phone-pair .phone,.solo-phone { width:275px; height:489px; }
.tilted-back { position:absolute; transform:translateX(-96px) rotate(-7deg); }
.tilted-front { position:absolute; transform:translateX(105px) translateY(55px) rotate(6deg); }
.benefit-band { background:var(--cream); padding:92px 0; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:55px; }
.benefit-number { color:var(--coral); font-family:"DM Serif Display",serif; font-size:19px; }
.benefit-grid h3 { font-size:31px; margin:22px 0 15px; }
.benefit-grid p { color:#55676a; line-height:1.7; }
.split-feature { padding-block:120px; }
.solo-phone { justify-self:center; }
.trust-section { background:#d9efeb; padding:100px 0; }
.trust-copy p { font-size:18px; line-height:1.75; color:#3e5559; }
.resource-band { background:#f0c974; padding:95px 0; }
.resource-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.resource-grid h2 { font-size:clamp(44px,5vw,68px); line-height:1.04; }
.resource-grid>div:last-child>p { font-size:19px; line-height:1.7; color:#3f5054; }
.resource-links { display:grid; gap:16px; margin-top:28px; justify-items:start; }
.final-cta { text-align:center; padding-block:130px; }
.final-cta>img { width:90px; border-radius:22px; margin-bottom:26px; }
.final-cta h2 { margin:15px 0 35px; font-size:clamp(64px,8vw,108px); }
.site-footer { border-top:1px solid #d8d1c3; padding:36px 0 50px; display:flex; align-items:center; justify-content:space-between; gap:25px; font-size:13px; }
.footer-links { display:flex; gap:22px; flex-wrap:wrap; }
.site-footer p { color:#738083; }

.seo-page { min-height:100vh; }
.seo-hero { padding:100px 0 80px; text-align:center; }
.seo-hero h1 { font-size:clamp(54px,7vw,92px); max-width:900px; margin:0 auto; }
.seo-hero>p:not(.eyebrow) { max-width:680px; margin:28px auto; font-size:20px; line-height:1.7; color:#4b5f63; }
.seo-content { background:var(--cream); padding:90px 0; }
.seo-content-inner { max-width:820px; margin:auto; }
.seo-content h2 { font-size:42px; margin:55px 0 14px; }
.seo-content h2:first-child { margin-top:0; }
.seo-content p,.seo-content li { font-size:18px; line-height:1.75; color:#485c60; }
.seo-content li { margin-bottom:10px; }
.seo-cta { text-align:center; padding:90px 0; }
.seo-cta h2 { font-size:54px; margin-bottom:28px; }
.article-hero { max-width:940px; padding:100px 0 75px; text-align:center; }
.article-hero h1 { font-size:clamp(56px,7vw,92px); }
.article-intro { max-width:730px; margin:28px auto 0; font-size:21px; line-height:1.7; color:#4b5f63; }
.article-body { max-width:780px; padding-bottom:80px; }
.article-body section { padding:30px 0; }
.article-body h2,.article-checklist h2 { font-size:42px; margin-bottom:16px; }
.article-body p,.article-body li { font-size:18px; line-height:1.8; color:#43585c; }
.article-body li { margin-bottom:12px; }
.article-checklist { margin:42px 0; padding:42px; background:var(--cream); border-left:6px solid var(--coral); }
.template-card { margin:36px 0; padding:34px; background:white; border:1px solid #d8d1c3; border-radius:18px; box-shadow:0 14px 30px rgba(20,43,50,.08); }
.template-card h3 { font-size:28px; margin-bottom:14px; }
.question-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin:34px 0; }
.question-grid article { padding:28px; background:white; border-radius:16px; }
.question-grid h3 { font-size:25px; margin-bottom:12px; }
.help-list { display:grid; gap:18px; margin:35px 0; }
.help-list details { background:white; padding:22px 25px; border-radius:14px; }
.help-list summary { cursor:pointer; font-weight:600; }

@media (max-width:820px) {
  .shell { width:min(100% - 30px,680px); }
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:65px; }
  .hero-art { min-height:540px; }
  .sun-disc { width:min(92vw,430px); }
  .manifesto-grid,.trust-grid,.feature-story,.split-feature,.resource-grid { grid-template-columns:1fr; gap:45px; }
  .feature-story { padding-block:95px 130px; }
  .split-feature { padding-block:95px; }
  .benefit-grid { grid-template-columns:1fr; gap:42px; }
  .phone-pair { order:2; min-height:520px; transform:scale(.86); }
  .site-footer { flex-direction:column; align-items:flex-start; }
  .question-grid { grid-template-columns:1fr; }
}

@media (max-width:480px) {
  .site-header .button { display:none; }
  h1 { font-size:54px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .quiet-proof { flex-direction:column; gap:9px; }
  .phone-main { width:250px; height:445px; }
  .hero-art { min-height:480px; }
  .margin-note { right:0; }
  .phone-pair { transform:scale(.69); margin-inline:-70px; min-height:450px; }
}