:root{--bg:#f7f9f6;--ink:#192e27;--muted:#6c7872;--green:#286247;--lime:#d8edb5;--line:#dfe5dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 "Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #7b9b46;outline-offset:5px}a{transition:color .2s,background .2s,transform .2s}.site-header{max-width:1240px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:32px;height:32px;border-radius:9px;font-size:27px;line-height:1}.brand-period{color:var(--green);margin-left:-9px}nav,.footer-links{display:flex;align-items:center;gap:29px;font-size:13px}nav>a:not(.button),.footer-links{color:var(--muted)}nav a:hover,.footer-links a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--green);border:1px solid var(--green);color:white;padding:14px 22px;border-radius:7px;font-size:14px;font-weight:600;box-shadow:0 4px 8px #183d2710}.button span{font-size:20px;font-weight:400;line-height:1}.button:hover{background:#1b4934;transform:translateY(-2px);color:white}.button-small{padding:10px 17px;gap:24px;font-size:12px}.hero{max-width:1240px;margin:auto;padding:87px 40px 80px;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--green);display:flex;align-items:center;gap:9px;margin:0 0 22px}.hero .eyebrow{letter-spacing:.6px;text-transform:none;font-size:12px;background:#eaf0e5;border:1px solid #dfe9d8;border-radius:30px;padding:6px 12px;width:fit-content}.status-dot{display:inline-block;background:#598051;width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(46px,5.25vw,70px);font-weight:600;line-height:1.08;letter-spacing:-3.8px;margin:23px 0}.hero h1>span{color:var(--green);font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-3px}.hero-text{font-size:16px;color:var(--muted);max-width:425px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin:29px 0 19px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:13px;align-items:center}.text-link:hover{color:var(--green)}.microcopy{font-size:10px;color:var(--muted)}.microcopy>span:first-child{color:var(--green);margin-right:4px}.micro-divider{margin:0 9px;color:#b8c4b6}.hero-visual{position:relative;border-radius:22px;background:radial-gradient(ellipse at 50% 50%,#dbe7ce,#edf1e6 65%);padding:23px 31px 28px;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;border-radius:inherit;background-image:linear-gradient(#bccbb2 1px,transparent 1px),linear-gradient(90deg,#bccbb2 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000,transparent)}.visual-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#63755b;margin-bottom:20px}.app-card{background:white;border:1px solid #e1e8dd;border-radius:13px;box-shadow:0 16px 40px #29452a12;overflow:hidden;transform:rotate(-2deg)}.app-top{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px solid #edf0ea;font-size:10px}.mini-brand{color:var(--green);font-size:20px;line-height:1}.app-menu{margin-left:auto;color:#8b978c;letter-spacing:2px}.app-body{padding:22px 20px 8px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center}.tiny-label{font-size:7px;letter-spacing:1.1px;color:#8a968b;margin:0 0 5px}.dashboard-heading h2{font-size:24px;letter-spacing:-1px;font-weight:600;margin:0;line-height:1.3}.dashboard-heading h2 span{color:#759751;font-size:21px}.avatar{display:grid;place-items:center;background:#f0e9dc;width:30px;height:30px;border-radius:50%;font-size:11px;color:#8a785d}.muted{color:var(--muted);font-size:9px;margin:5px 0 18px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-row>div{position:relative;border:1px solid #e3e9de;border-radius:8px;background:#f5f8f0;padding:12px;overflow:hidden}.metric-row>div+div{background:#fafaf6}.metric-icon{position:absolute;right:11px;top:12px;font-size:15px;color:#7b916a}.metric-row strong{display:block;font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-1px}.metric-row em{font-size:9px;font-style:normal;font-weight:400;margin-left:4px;color:#7e8b76;letter-spacing:0}.metric-row small{display:block;font-size:8px;color:#77816e}.mini-bars{display:flex;align-items:end;gap:4px;height:23px;margin-top:9px}.mini-bars i{flex:1;background:#b7d097;height:40%;border-radius:2px 2px 0 0}.mini-bars i:nth-child(2n){height:65%}.mini-bars i:nth-child(3n){height:90%}.mini-bars i:last-child{height:100%;background:#4c7452}.metric-note{display:block;color:#6b8754;font-size:7px;margin-top:21px}.activity-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 6px;font-size:10px}.activity-title>span{display:flex;align-items:center;gap:5px;color:#8b958a;font-size:8px}.activity-title .status-dot{width:4px;height:4px}.task{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eef0eb}.task:last-child{border:0}.task-icon,.feature-icon{display:grid;place-items:center;border-radius:8px;width:30px;height:30px;font-size:17px;flex-shrink:0}.task>div{flex:1}.task b{display:block;font-size:9px;font-weight:600}.task small{display:block;font-size:7px;color:#8a958c;margin-top:2px}.purple{background:#eeeaf7;color:#8d79b5}.green{background:#e9f0e2;color:#5d8350}.peach{background:#faf0e4;color:#be986d}.blue{background:#e9eff5;color:#6c8fa7}.pill{font-size:7px;padding:3px 7px;border-radius:4px;background:#f3efe1;color:#9a8654}.task-check{color:#7d9972;font-size:12px}.app-bottom{display:flex;gap:6px;align-items:center;justify-content:center;background:#fafbf8;padding:10px;font-size:7px;color:#8d9989;border-top:1px solid #edf0e9}.app-bottom .status-dot{width:4px;height:4px}.floating-note{position:relative;display:flex;align-items:center;gap:10px;margin:-5px -51px 0 auto;background:#fff;border:1px solid #e1e8da;border-radius:10px;width:247px;padding:13px 15px;box-shadow:0 12px 28px #30452412;transform:rotate(2deg)}.note-icon{background:#edf4e7;color:#5c8345;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.floating-note b{font-size:11px;display:block}.floating-note small{display:block;font-size:8px;color:var(--muted)}.note-spark{margin-left:auto;color:#78915a;font-size:27px}.preview-caption{font-size:8px;color:#85917c;text-align:center;margin:22px 0 0}.trusted{max-width:1160px;margin:auto;padding:29px 0 31px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.trusted p{font-size:8px;letter-spacing:1.8px;color:#8b968b;margin:0 0 20px}.trusted>div{display:flex;justify-content:center;gap:65px;flex-wrap:wrap;font-size:14px;font-weight:500;color:#667561}.section{max-width:1240px;margin:100px auto;padding:0 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section h2,.cta h2{font-size:clamp(32px,3.6vw,46px);line-height:1.16;letter-spacing:-1.9px;font-weight:550;margin:0}.section-intro{max-width:345px;color:var(--muted);font-size:13px;line-height:1.9}.section-heading .section-intro{margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:37px}.feature{border:1px solid var(--line);border-radius:11px;padding:22px;background:#fff;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 12px 30px #29442b0a}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-top>span:last-child{font-size:9px;color:#a7b1a4}.feature-icon{width:38px;height:38px;font-size:22px}.feature h3{font-size:16px;font-weight:600;letter-spacing:-.4px;margin:24px 0 9px}.feature p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 25px}.feature-tag{display:block;font-size:7px;letter-spacing:1.2px;color:#86937e;padding-top:16px;border-top:1px solid #edf0e9}.steps{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-top:14px}.steps .section-intro{margin:20px 0}.steps .text-link{color:var(--green)}.step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line)}.step:first-child{padding-top:0}.step>b{width:32px;height:32px;border:1px solid #dce6d4;background:#edf2e7;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#63814d}.step>div{flex:1}.step>span{font-size:17px;color:#9aac91}.step h3{font-size:16px;font-weight:600;margin:1px 0 5px;letter-spacing:-.3px}.step p{font-size:12px;color:var(--muted);margin:0}.cta{position:relative;max-width:1160px;margin:95px auto 75px;background:#e8efdf;border:1px solid #dbe5d1;border-radius:16px;padding:55px 60px;overflow:hidden}.cta .eyebrow{font-size:9px}.cta p:not(.eyebrow){font-size:13px;color:#748466;margin:17px 0 24px}.cta .button{font-size:12px}.cta-art{position:absolute;font-size:250px;line-height:1;right:95px;top:8px;color:#c7d9b2;transform:rotate(12deg);font-family:Arial,sans-serif}.cta-copy{position:relative;z-index:1}.cta-decoration{position:absolute;right:60px;bottom:30px;font-size:55px;color:#8fa77c;font-weight:200}.download-status{max-width:400px}.footer{max-width:1240px;margin:auto;padding:0 40px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:16px}.footer .brand-mark{width:26px;height:26px;font-size:22px}.footer p{font-size:10px;color:#8a9587;margin:12px 0 0}.footer-links{font-size:10px;gap:20px}.footer .copyright{font-size:9px;margin:0}.legal{max-width:820px;margin:75px auto 110px;padding:0 28px}.legal h1{font-size:clamp(36px,6vw,60px);line-height:1.1;letter-spacing:-2px;font-weight:600}.legal h2{font-size:21px;margin-top:35px;font-weight:600}.legal p{color:var(--muted);font-size:14px}.legal a{color:var(--green);text-decoration:underline}.updated{font-size:12px!important}@media(min-width:1400px){.hero{padding-top:105px;padding-bottom:100px}}@media(max-width:1000px){.hero{gap:35px;padding:60px 30px}.hero h1{font-size:55px}.hero-actions{gap:15px;flex-wrap:wrap}.floating-note{margin-right:-38px}.trusted{margin:0 30px}.trusted>div{gap:30px}.section{padding:0 30px}.feature-grid{gap:12px}.feature{padding:18px}.feature h3{font-size:14px}.steps{gap:55px}.cta{margin:70px 30px}.footer{flex-wrap:wrap}.hero-visual{padding:22px}.site-header{padding:23px 30px}}@media(max-width:760px){.site-header{padding:20px 24px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:44px 24px 46px;gap:40px}.hero h1{font-size:clamp(46px,9vw,65px);letter-spacing:-2.6px}.hero-copy{max-width:560px}.hero-text{max-width:470px;font-size:15px}.hero-visual{max-width:470px;width:calc(100% - 12px);margin:auto;padding:23px 32px}.floating-note{margin-right:-45px}.app-card{max-width:370px;margin:auto}.preview-caption{font-size:8px}.trusted{margin:0 24px;padding:24px 0}.trusted>div{gap:16px 26px;font-size:12px}.section{margin:65px auto;padding:0 24px}.section-heading{display:block}.section-heading .section-intro{max-width:440px;margin-top:18px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.feature{padding:22px}.feature h3{font-size:17px}.feature-tag{font-size:7px}.steps{grid-template-columns:1fr;gap:30px}.steps .section-intro{max-width:450px}.cta{margin:65px 24px 50px;padding:38px 28px}.cta-art{font-size:180px;right:-50px;top:70px;opacity:.55}.cta-decoration{display:none}.cta h2{font-size:35px}.footer{padding:0 24px 28px;align-items:flex-start;gap:24px}.footer>div:first-child{width:100%}.footer .copyright{margin-left:auto}}@media(max-width:400px){.brand{font-size:16px}.brand-mark{width:28px;height:28px}.button-small{padding:8px 12px;gap:10px}.hero h1{font-size:45px}.hero .eyebrow{font-size:10px}.hero-actions{gap:18px}.feature-grid{grid-template-columns:1fr}.hero-visual{padding:20px}.floating-note{margin-right:-27px;width:220px}.cta h2{font-size:30px}.footer-links{gap:15px}.footer .copyright{margin-left:0}.app-body{padding:20px 14px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.feature{transition:none}.feature:hover,.button:hover{transform:none}}
/* A quieter palette, editorial type, and a product-first layout. */
:root {
  --bg: #f5f2eb;
  --ink: #252522;
  --muted: #73716a;
  --green: #b94728;
  --lime: #f5f2eb;
  --line: #d9d6ce;
}
body { font-family: "Segoe UI", Arial, sans-serif; }
.site-header { max-width: 1360px; padding: 27px 55px; border-bottom: 0; }
.brand { font-size: 19px; letter-spacing: -.8px; }
.brand-mark { background: var(--ink); color: white; border-radius: 0; width: 30px; height: 30px; font-size: 22px; }
.brand-period { display: none; }
nav { gap: 34px; }
nav>a:not(.button) { color: #504f49; }
.button { background: var(--ink); border-color: var(--ink); border-radius: 2px; box-shadow: none; padding: 15px 23px; font-weight: 500; }
.button:hover { background: var(--green); border-color: var(--green); }
.button-small { padding: 10px 19px; }
.hero { max-width: 1360px; padding: 75px 55px 85px; grid-template-columns: 1.05fr 1fr; gap: 65px; }
.hero .eyebrow { background: none; border: 0; border-radius: 0; padding: 0; letter-spacing: 1.8px; font-size: 10px; color: #5b5851; }
.hero .eyebrow .status-dot { background: var(--green); border-radius: 0; width: 7px; height: 7px; }
.hero h1 { font-size: clamp(62px, 6.8vw, 94px); line-height: .99; font-weight: 500; letter-spacing: -6px; margin: 31px 0 26px; }
.hero h1>span { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -5px; color: var(--green); }
.hero-text { max-width: 380px; font-size: 15px; line-height: 1.9; }
.hero-actions { gap: 25px; margin: 32px 0 22px; }
.text-link { font-weight: 500; font-size: 12px; }
.microcopy { font-size: 10px; }
.microcopy>span:first-child { color: var(--ink); }
.hero-visual { background: #d8dfd7; border-radius: 0; padding: 28px 29px 24px; margin-top: 5px; }
.hero-visual:before { background: none; border: 1px solid #bec8bc; inset: 12px; opacity: .55; mask-image: none; }
.visual-label { font-family: Consolas, monospace; font-size: 8px; letter-spacing: 1.6px; color: #4b5c4b; justify-content: space-between; margin-bottom: 24px; }
.visual-label:after { content: '+'; font-size: 18px; }
.visual-label>.status-dot { display: none; }
.app-card { transform: none; border-radius: 7px; border-color: #e2e4df; box-shadow: 0 18px 30px #26312412; }
.app-top { font-size: 11px; padding: 14px 18px; }
.mini-brand { color: var(--ink); }
.app-body { padding: 23px 22px 12px; }
.tiny-label { font-family: Consolas, monospace; color: #687466; font-size: 8px; letter-spacing: .6px; }
.dashboard-heading h2 { font-size: 25px; font-weight: 500; margin-top: 7px; }
.dashboard-heading h2 span { display: none; }
.avatar { border-radius: 4px; background: #eadbc9; color: #685c4a; }
.muted { font-size: 10px; color: #6c7669; }
.metric-row>div { border-radius: 3px; background: #f0f2ec; border: 0; padding: 15px; }
.metric-row>div+div { background: #f3eee6; }
.metric-row strong { font-weight: 500; font-size: 31px; }
.metric-row small { color: #606e5c; font-size: 9px; }
.metric-note { color: #7c6d56; font-size: 8px; }
.mini-bars i { background: #b6c5ab; border-radius: 0; }
.mini-bars i:last-child { background: #657b5a; }
.metric-icon { color: #78856b; }
.activity-title { font-size: 11px; }
.task { padding: 14px 0; }
.task b { font-size: 10px; }
.task small { font-size: 8px; color: #798174; }
.task-icon { border-radius: 4px; }
.purple { background: #e8e7dc; color: #797449; }
.green { background: #e4ebdf; color: #5a744b; }
.blue { background: #e1e8e8; color: #5c7779; }
.peach { background: #f2e4da; color: #a56b45; }
.app-bottom { color: #69745f; font-size: 8px; padding: 12px; }
.floating-note { margin: 17px -43px 0 auto; transform: none; width: 260px; border-radius: 3px; border-color: #d8dbd2; box-shadow: 0 7px 16px #2631240c; }
.note-icon { border-radius: 0; background: #edf0e7; color: #5d754c; }
.note-spark { color: var(--green); }
.preview-caption { font-family: Consolas, monospace; font-size: 8px; text-align: left; margin-top: 23px; color: #53654e; }
.trusted { max-width: 1250px; padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 25px; text-align: left; }
.trusted p { margin: 0; font-family: Consolas, monospace; font-size: 9px; color: #7b776e; letter-spacing: 1px; }
.trusted>div { gap: 40px; font-size: 12px; color: #555950; }
.section { max-width: 1360px; padding: 0 55px; margin: 105px auto; }
.eyebrow { font-family: Consolas, monospace; color: var(--green); font-size: 10px; font-weight: 400; letter-spacing: 1.4px; margin-bottom: 20px; }
.section h2,.cta h2 { font-family: Georgia, "Times New Roman", serif; font-size: 53px; font-weight: 400; letter-spacing: -2px; line-height: 1.08; }
.section-heading .section-intro { max-width: 300px; margin-bottom: 6px; }
.section-intro { font-size: 14px; line-height: 1.9; }
.feature-grid { grid-template-columns: 1.35fr 1fr 1fr; gap: 0; margin-top: 40px; border-top: 1px solid var(--line); }
.feature { border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; padding: 29px; display: flex; flex-direction: column; }
.feature:first-child { grid-row: span 2; background: #e8e8dd; padding: 33px; }
.feature:first-child:after { content: 'An idea.\A A first draft.\A Your next post.'; white-space: pre-line; display: block; font-family: Georgia, serif; font-size: 34px; line-height: 1.3; letter-spacing: -1px; color: #697159; border-top: 1px solid #cacebf; margin-top: 35px; padding-top: 30px; }
.feature:nth-child(2) { border-right: 1px solid var(--line); }
.feature:nth-child(3) { border-right: 0; }
.feature:last-child { grid-column: 2 / 4; border-right: 0; }
.feature:hover { transform: none; box-shadow: none; background: #eceae2; }
.feature:first-child:hover { background: #e8e8dd; }
.feature-icon { border-radius: 0; width: 34px; height: 34px; font-size: 23px; background: none; color: var(--ink); }
.feature-top>span:last-child { font-family: Consolas, monospace; color: #89877d; font-size: 10px; }
.feature h3 { font-size: 19px; font-weight: 500; margin: 23px 0 10px; }
.feature p { font-size: 13px; line-height: 1.85; max-width: 350px; margin-bottom: 22px; }
.feature-tag { font-family: Consolas, monospace; font-size: 8px; letter-spacing: .8px; color: #797a6f; border: 0; padding-top: 0; margin-top: auto; }
.steps { gap: 120px; }
.step { padding: 27px 0; }
.step>b { border: 0; background: transparent; border-radius: 0; font-family: Georgia, serif; font-size: 24px; color: #a2947e; width: 37px; height: 34px; }
.step h3 { font-size: 18px; font-weight: 500; }
.step p { font-size: 13px; max-width: 350px; }
.step>span { color: #9c9d8e; }
.steps .text-link { color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px; }
.cta { max-width: 1250px; border: 0; border-radius: 0; background: #b94728; color: #fff4e4; padding: 62px; margin: 95px auto 50px; }
.cta .eyebrow { color: #ffdac6; }
.cta h2 { font-family: "Segoe UI", Arial, sans-serif; font-size: clamp(48px, 6vw, 80px); line-height: 1; font-weight: 400; letter-spacing: -3.5px; }
.cta p:not(.eyebrow) { color: #ffe0ce; font-size: 14px; margin: 24px 0; }
.cta .button { background: #f5f2eb; color: var(--ink); border-color: #f5f2eb; padding: 14px 23px; font-size: 13px; }
.cta .button:hover { background: white; }
.cta-art { font-family: Arial, sans-serif; color: #d37c5b; font-size: 330px; line-height: 1; right: 65px; top: 25px; transform: none; }
.cta-decoration { display: none; }
.footer { max-width: 1360px; padding: 0 55px 35px; }
.footer p { color: #75766c; font-size: 11px; }
.footer-links { font-size: 11px; }
.legal { max-width: 850px; }
.legal h1 { font-family: Georgia, serif; font-weight: 400; }
@media(min-width:1400px) { .hero { padding-top: 90px; padding-bottom: 95px; } }
@media(max-width:1100px) {
  .site-header { padding: 25px 35px; }
  .hero { padding: 60px 35px; gap: 35px; }
  .hero h1 { font-size: 72px; letter-spacing: -4px; }
  .hero h1>span { letter-spacing: -3px; }
  .hero-actions { flex-wrap: wrap; gap: 20px; }
  .trusted { margin: 0 35px; }
  .trusted>div { gap: 22px; }
  .section { padding: 0 35px; }
  .feature { padding: 25px; }
  .feature:first-child { padding: 25px; }
  .feature h3 { font-size: 17px; }
  .cta { margin-left: 35px; margin-right: 35px; }
  .footer { padding-left: 35px; padding-right: 35px; }
}
@media(max-width:760px) {
  .site-header { padding: 22px 24px; }
  .hero { padding: 42px 24px 50px; grid-template-columns: 1fr; gap: 40px; }
  .hero h1 { font-size: clamp(62px, 12vw, 85px); letter-spacing: -4px; margin-top: 25px; }
  .hero-text { max-width: 420px; }
  .hero-visual { width: 100%; max-width: 520px; padding: 25px 28px; }
  .app-card { max-width: none; }
  .floating-note { margin-right: -16px; }
  .trusted { margin: 0 24px; flex-direction: column; align-items: flex-start; gap: 15px; }
  .trusted>div { justify-content: flex-start; gap: 12px 24px; font-size: 11px; }
  .section { margin: 65px auto; padding: 0 24px; }
  .section h2 { font-size: 43px; }
  .section-heading .section-intro { max-width: 390px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature:first-child { grid-row: auto; grid-column: 1 / 3; }
  .feature:first-child:after { font-size: 29px; white-space: normal; margin-top: 23px; padding-top: 20px; }
  .feature:nth-child(2) { border-left: 1px solid var(--line); }
  .feature:last-child { grid-column: 1 / 3; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
  .feature:nth-child(3) { border-right: 1px solid var(--line); }
  .feature h3 { font-size: 18px; }
  .steps { grid-template-columns: 1fr; gap: 25px; }
  .cta { margin: 65px 24px 40px; padding: 37px 27px; }
  .cta h2 { font-size: 56px; letter-spacing: -2.5px; }
  .cta-art { right: -40px; top: 60px; opacity: .35; font-size: 240px; }
  .cta p:not(.eyebrow) { max-width: 230px; }
  .footer { padding: 0 24px 30px; }
}
@media(max-width:400px) {
  .hero h1 { font-size: 59px; letter-spacing: -3.5px; }
  .hero h1>span { letter-spacing: -3px; }
  .hero .eyebrow { font-size: 8px; letter-spacing: 1.2px; }
  .hero-visual { padding: 22px 17px; }
  .floating-note { width: 235px; margin-right: -6px; }
  .feature { padding: 22px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature:first-child,.feature:last-child { grid-column: auto; }
  .feature { border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
  .cta h2 { font-size: 48px; }
}
@media(prefers-reduced-motion:reduce) { .button:hover { transform: none; } }
/* Extended website sections */
.audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 42px; }
.audience-number { font: 9px/1.5 Consolas, monospace; letter-spacing: .8px; color: var(--muted); }
.audience h3 { font-size: 20px; font-weight: 500; letter-spacing: -.6px; line-height: 1.35; margin: 23px 0 13px; }
.audience p { font-size: 13px; color: var(--muted); line-height: 1.9; margin-bottom: 20px; }
.audience .text-link { border-bottom: 1px solid var(--line); padding-bottom: 5px; }
.audience-art { height: 205px; margin-top: 15px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.shop-art { background: #dedfd2; }
.shop-awning { width: 158px; height: 38px; position: absolute; top: 45px; background: repeating-linear-gradient(90deg, #a05237 0 20px, #eee3d1 20px 40px); transform: perspective(100px) rotateX(15deg); border-bottom: 7px solid #86452f; z-index: 2; }
.shop-window { position: absolute; top: 83px; width: 158px; height: 90px; background: #eee3d1; border: 9px solid #cfbca1; border-top: 0; padding: 26px 0 0 14px; font: 13px Georgia, serif; letter-spacing: 2px; color: #7b795f; }
.shop-door { position: absolute; top: 88px; left: calc(50% + 28px); width: 35px; height: 85px; border: 5px solid #cfbca1; background: #778c7d; }
.content-art { background: #e9d8cb; }
.paper { position: absolute; width: 145px; height: 158px; background: #f9f6ef; padding: 19px; box-shadow: 0 3px 10px #483a2710; }
.paper-back { transform: rotate(-12deg); background: #c7bca3; }
.paper-front { transform: rotate(7deg); }
.paper-front>span { font: 6px Consolas, monospace; letter-spacing: 1px; color: #9b6c53; }
.paper-front b { display: block; font: 22px/1.05 Georgia, serif; letter-spacing: -.6px; margin-top: 18px; color: #6a4b3c; }
.paper-front i { display: block; height: 3px; background: #d7cec0; margin-top: 12px; }
.paper-front i+i { width: 70%; margin-top: 5px; }
.team-art { background: #dbe1df; gap: 0; padding: 20px; }
.workflow-node { background: #f5f4eb; color: #64766b; font: 8px Consolas, monospace; letter-spacing: .5px; padding: 14px 10px; border: 1px solid #a8b5a8; }
.workflow-connector { height: 1px; width: 18px; background: #849983; flex-shrink: 0; }
.workflow-done { background: #596e58; border-color: #596e58; color: #f5f4eb; }
.workflow-section { background: #272e29; color: #f3f0e6; padding: 75px 0; }
.workflow-inner { max-width: 1360px; padding: 0 55px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 110px; }
.workflow-copy .eyebrow { color: #b9c2a3; }
.workflow-copy h2 { font: 400 57px/1.08 Georgia, serif; letter-spacing: -2px; margin: 0 0 26px; }
.workflow-copy>p:not(.eyebrow) { color: #b9c0b7; font-size: 14px; line-height: 1.9; max-width: 370px; }
.workflow-copy .text-link { margin-top: 20px; border-bottom: 1px solid #71806e; padding-bottom: 5px; }
.workflow-copy .text-link:hover { color: #dde6ca; }
.editor-preview { background: #f5f2eb; color: var(--ink); border-radius: 5px; transform: rotate(1deg); box-shadow: 0 15px 40px #0002; }
.editor-top { padding: 17px 22px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; font: 9px Consolas, monospace; letter-spacing: 1px; color: #74766c; }
.editor-badge { font-size: 8px; letter-spacing: 0; padding: 3px 6px; background: #e9e5da; }
.editor-prompt { margin: 22px; padding: 16px; border: 1px solid #d8d8ca; background: #eeeee4; }
.editor-label { font: 8px Consolas, monospace; letter-spacing: 1px; color: #777d69; }
.editor-prompt p { font-size: 12px; line-height: 1.7; margin: 9px 0 0; color: #59654e; }
.editor-draft { padding: 0 38px 24px; }
.editor-draft h3 { font: 30px/1.1 Georgia, serif; letter-spacing: -.8px; margin: 14px 0; }
.editor-draft p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.editor-lines i { display: block; height: 4px; background: #e1dfd6; margin-top: 8px; }
.editor-lines i+i { width: 62%; }
.editor-bottom { border-top: 1px solid var(--line); padding: 15px 22px; display: flex; justify-content: space-between; gap: 15px; align-items: center; font-size: 9px; color: var(--muted); }
.review-stamp { background: #e3e9da; color: #52664a; padding: 6px 9px; white-space: nowrap; }
.about-section { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; }
.about-copy>p { font-size: 14px; color: var(--muted); line-height: 1.9; margin-top: 0; }
.about-copy .about-lead { font-size: 22px; line-height: 1.5; letter-spacing: -.4px; color: var(--ink); margin-bottom: 22px; }
.principles { border-top: 1px solid var(--line); margin: 28px 0 24px; }
.principles>div { padding: 17px 0; border-bottom: 1px solid var(--line); }
.principles b { font-size: 13px; font-weight: 600; display: block; }
.principles span { font-size: 12px; color: var(--muted); }
.faq-section { border-top: 1px solid var(--line); padding-top: 65px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }
.faq-heading .section-intro { max-width: 260px; margin-top: 22px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 23px 0; font-size: 15px; line-height: 1.5; font-weight: 500; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; font-size: 22px; font-weight: 300; color: var(--green); flex-shrink: 0; }
.faq-list details[open] summary:after { content: '\2212'; }
.faq-list summary:hover { color: var(--green); }
.faq-list summary:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.faq-list details p { margin: -3px 28px 23px 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.faq-list a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:1100px) {
  nav { gap: 20px; }
  .audience-grid { gap: 20px; }
  .audience h3 { font-size: 18px; }
  .workflow-inner { padding: 0 35px; gap: 55px; }
  .workflow-node { padding: 12px 6px; font-size: 7px; }
  .workflow-connector { width: 10px; }
  .about-section { gap: 55px; }
  .faq-section { gap: 50px; }
}
@media(max-width:760px) {
  .audience-grid { grid-template-columns: 1fr; gap: 35px; margin-top: 30px; }
  .audience { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
  .audience-number { grid-column: 1 / -1; }
  .audience-art { grid-row: 2 / 5; height: 205px; }
  .audience h3 { margin: 20px 0 10px; font-size: 20px; }
  .audience p { margin: 0 0 13px; font-size: 12px; }
  .audience .text-link { width: fit-content; align-self: start; }
  .workflow-section { padding: 50px 0; }
  .workflow-inner { padding: 0 24px; grid-template-columns: 1fr; gap: 36px; }
  .workflow-copy h2 { font-size: 45px; }
  .workflow-copy>p:not(.eyebrow) { max-width: 450px; }
  .editor-preview { max-width: 480px; width: 100%; margin: auto; transform: none; }
  .workflow-node { padding: 14px 10px; font-size: 8px; }
  .workflow-connector { width: 18px; }
  .about-section { grid-template-columns: 1fr; gap: 28px; }
  .about-copy .about-lead { max-width: 440px; font-size: 21px; }
  .faq-section { margin: 65px 24px; padding: 40px 0 0; grid-template-columns: 1fr; gap: 25px; }
  .faq-heading .section-intro { max-width: 380px; }
  .faq-list summary { font-size: 14px; padding: 21px 0; }
}
@media(max-width:480px) {
  .audience { display: block; }
  .audience-art { height: 205px; }
  .audience h3 { font-size: 21px; }
  .audience p { font-size: 13px; }
  .editor-draft { padding: 0 24px 24px; }
  .editor-bottom { font-size: 8px; padding: 15px; gap: 8px; }
}
/* Keep every section readable and reachable at every screen width. */
html { scroll-padding-top: 24px; }
main > section[id] { scroll-margin-top: 24px; }
.hero, .steps, .workflow-inner, .about-section, .faq-section {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.hero > *, .section-heading > *, .feature-grid > *, .steps > *,
.audience-grid > *, .workflow-inner > *, .about-section > *, .faq-section > * {
  min-width: 0;
}
.site-header { flex-wrap: wrap; gap: 18px 28px; }
.site-header nav { flex-wrap: wrap; gap: 12px 22px; }
.site-header nav > a { display: inline-flex; align-items: center; min-height: 40px; }
.feature-grid { grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(0, 1fr)); }
.trusted { flex-wrap: wrap; }
.trusted > div { flex-wrap: wrap; }
.floating-note { max-width: 100%; margin-right: 0; }
.section-intro, .feature p, .step p, .audience p, .about-copy > p,
.workflow-copy > p:not(.eyebrow), .faq-list details p {
  font-size: 15px;
  line-height: 1.85;
}
.eyebrow, .hero .eyebrow { font-size: 11px; line-height: 1.7; }
.feature-tag, .audience-number { font-size: 10px; line-height: 1.8; }
.feature-tag { overflow-wrap: anywhere; }
.microcopy { font-size: 12px; }
.preview-caption { font-size: 10px; line-height: 1.7; }
.audience { display: flex; flex-direction: column; }
.audience-art { flex-shrink: 0; }
.audience .text-link { align-self: flex-start; margin-top: auto; }
.audience p { margin-bottom: 22px; }
.audience-number { color: #67665e; }
.team-art { padding: 12px; }
.workflow-node { padding: 14px 8px; font-size: 9px; letter-spacing: 0; }
.workflow-connector { width: 12px; flex-shrink: 1; min-width: 6px; }
.editor-preview { transform: none; }
.editor-top, .editor-label { font-size: 10px; }
.editor-badge { font-size: 10px; }
.editor-prompt p, .editor-draft p { font-size: 14px; }
.editor-bottom { flex-wrap: wrap; font-size: 11px; }
.principles b { font-size: 15px; }
.principles span { display: block; font-size: 14px; margin-top: 3px; }
.faq-list summary { font-size: 16px; }
.faq-list details p { color: #646259; }
.footer { flex-wrap: wrap; }
.footer-links { flex-wrap: wrap; row-gap: 12px; }
.footer-links a { min-height: 36px; display: inline-flex; align-items: center; }
.cta .cta-art { pointer-events: none; }
@media (max-width: 1100px) {
  .hero { gap: 32px; }
  .hero h1 { font-size: clamp(54px, 6.5vw, 72px); }
  .steps, .workflow-inner, .about-section, .faq-section { gap: 40px; }
  .section h2 { font-size: clamp(36px, 4.5vw, 49px); }
}
@media (max-width: 960px) {
  .site-header { align-items: flex-start; }
  .site-header nav { width: 100%; gap: 8px 20px; }
  .site-header nav > a:not(.button) { display: inline-flex; }
  .site-header nav .button { margin-left: auto; }
  .hero { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .hero-copy { max-width: 650px; }
  .hero-text { max-width: 540px; }
  .hero-visual { width: 100%; max-width: 560px; margin: 0 auto; }
  .section-heading { display: block; }
  .section-heading .section-intro { max-width: 560px; margin: 20px 0 0; }
  .audience-grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .audience { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 26px; }
  .audience-number { grid-column: 1 / -1; }
  .audience-art { grid-row: 2 / 5; height: 220px; }
  .audience h3 { margin-top: 22px; }
  .audience .text-link { margin-top: 0; }
  .workflow-inner, .about-section, .faq-section { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .workflow-copy > p:not(.eyebrow) { max-width: 600px; }
  .editor-preview { width: 100%; max-width: 560px; margin: auto; }
  .about-copy { max-width: 650px; }
  .faq-heading .section-intro { max-width: 500px; }
}
@media (max-width: 760px) {
  .site-header nav { gap: 5px 17px; }
  .site-header nav > a:not(.button) { font-size: 12px; }
  .site-header nav .button { margin-left: 0; }
  .hero { padding-top: 32px; }
  .hero h1 { font-size: clamp(52px, 10vw, 76px); }
  .hero h1, .hero h1 > span { letter-spacing: -3px; }
  .hero-actions { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature:first-child, .feature:last-child { grid-column: 1 / -1; }
  .feature:first-child { grid-row: auto; }
  .steps { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .section { margin-top: 64px; margin-bottom: 64px; }
  .section h2 { font-size: clamp(35px, 7vw, 45px); }
  .faq-section { padding-top: 38px; }
  .cta { padding: 36px 26px; }
  .cta-art { opacity: .2; }
  .cta h2 { font-size: clamp(44px, 9vw, 64px); }
  .footer .copyright { margin-left: 0; }
}
@media (max-width: 540px) {
  .audience { display: flex; gap: 0; }
  .audience-art { width: 100%; margin-top: 12px; height: 215px; }
  .audience h3 { font-size: 22px; }
  .audience .text-link { margin-top: 0; }
  .feature-grid { grid-template-columns: minmax(0, 1fr); }
  .feature { border-left: 1px solid var(--line); border-right: 1px solid var(--line); padding: 24px; }
  .feature:first-child, .feature:last-child { grid-column: auto; }
  .feature:nth-child(3) { border-right: 1px solid var(--line); }
  .feature:first-child:after { font-size: 28px; }
  .section-intro, .feature p, .step p, .audience p { max-width: 100%; }
  .hero h1 { font-size: clamp(47px, 11.5vw, 62px); }
  .hero-visual { padding: 20px 15px; }
  .app-body { padding: 20px 14px 10px; }
  .app-top { padding: 14px; }
  .dashboard-heading h2 { font-size: 23px; }
  .metric-row > div { padding: 12px; }
  .metric-row strong { font-size: 29px; }
  .metric-icon { right: 8px; font-size: 12px; }
  .floating-note { width: 100%; margin: 15px 0 0; }
  .visual-label { letter-spacing: 1px; font-size: 9px; }
  .editor-top { padding: 15px; letter-spacing: .5px; }
  .editor-prompt { margin: 17px; }
  .editor-draft { padding: 0 22px 24px; }
  .editor-draft h3 { font-size: 29px; }
  .faq-list details p { margin-right: 0; }
}
/* Original navy and green palette, shared by every page and section. */
:root {
  color-scheme: dark;
  --bg: #080b14;
  --ink: #f4f7fb;
  --muted: #a3aec0;
  --green: #36e29a;
  --lime: #d8ffe9;
  --line: #253047;
  --surface: #101624;
  --surface-raised: #151d2d;
}
body { background: var(--bg); color: var(--ink); }
a:focus-visible, .faq-list summary:focus-visible { outline-color: var(--green); }
.brand-mark { background: var(--green); color: var(--bg); }
nav > a:not(.button), .footer-links { color: var(--muted); }
nav > a:hover, .footer-links a:hover, .text-link:hover { color: var(--green); }
.button { background: var(--green); border-color: var(--green); color: #06120e; }
.button:hover { background: #67edb3; border-color: #67edb3; color: #06120e; }
.hero .eyebrow { color: var(--muted); }
.hero-visual { background: #111c2b; }
.hero-visual:before { border-color: #314359; }
.visual-label, .preview-caption { color: #a0b5b4; }
.app-card { background: var(--surface); border-color: var(--line); box-shadow: 0 18px 35px #0004; }
.app-top, .task, .app-bottom { border-color: var(--line); }
.mini-brand, .metric-icon, .task-check, .note-spark { color: var(--green); }
.app-menu, .tiny-label, .muted, .task small, .activity-title > span { color: var(--muted); }
.avatar { background: #293744; color: #d5e5ef; }
.metric-row > div { background: #162a27; }
.metric-row > div + div { background: var(--surface-raised); }
.metric-row small, .metric-row em, .metric-note { color: #acc3be; }
.mini-bars i { background: #2b765b; }
.mini-bars i:last-child { background: var(--green); }
.purple { background: #a98cff22; color: #bca6ff; }
.green { background: #36e29a22; color: var(--green); }
.blue { background: #72a7ff22; color: #91bbff; }
.peach { background: #ffad7222; color: #ffbb8b; }
.pill { background: #c6a35a22; color: #e9cd8d; }
.app-bottom { background: #0d1420; color: #a2b7b0; }
.status-dot { background: var(--green); }
.floating-note { background: var(--surface-raised); border-color: #314359; box-shadow: 0 7px 20px #0003; }
.note-icon { background: #36e29a22; color: var(--green); }
.trusted p, .trusted > div, .feature-top > span:last-child, .feature-tag, .audience-number { color: var(--muted); }
.feature:first-child, .feature:first-child:hover { background: #13251f; }
.feature:hover { background: var(--surface); }
.feature:first-child:after { color: #a3ceb6; border-color: #30493e; }
.feature-icon { color: var(--green); background: transparent; }
.step > b, .step > span { color: #8eaca4; }
.steps .text-link { color: var(--green); border-color: #36e29a66; }
.shop-art { background: #182b29; }
.shop-awning { background: repeating-linear-gradient(90deg, #35996f 0 20px, #b8dac6 20px 40px); border-color: #23664d; }
.shop-window { background: #cadbcb; border-color: #91b39a; color: #325c46; }
.shop-door { background: #3e705a; border-color: #91b39a; }
.content-art { background: #242639; }
.paper-back { background: #77728e; }
.paper-front { background: #e9e5f0; }
.paper-front > span { color: #6d587b; }
.paper-front b { color: #40384e; }
.paper-front i { background: #c9bfd5; }
.team-art { background: #182638; }
.workflow-node { background: #1e3045; color: #bdd0e8; border-color: #415873; }
.workflow-connector { background: #587189; }
.workflow-done { background: #245c45; border-color: #347b5c; color: #dbffeb; }
.workflow-section { background: #101b22; color: var(--ink); }
.workflow-copy .eyebrow, .workflow-copy .text-link { color: var(--green); }
.workflow-copy > p:not(.eyebrow) { color: var(--muted); }
.workflow-copy .text-link { border-color: #36e29a66; }
.workflow-copy .text-link:hover { color: #a3f5cf; }
.editor-preview { background: var(--surface); color: var(--ink); }
.editor-top, .editor-label { color: #a7b7bb; }
.editor-badge { background: #263246; }
.editor-prompt { border-color: #304b44; background: #152b25; }
.editor-prompt p { color: #c0d9cb; }
.editor-lines i { background: #2a3444; }
.review-stamp { background: #234333; color: #b1efcc; }
.faq-list details p { color: var(--muted); }
.footer p { color: var(--muted); }
.cta { background: #112b24; border: 1px solid #36e29a44; color: var(--ink); }
.cta .eyebrow { color: var(--green); }
.cta p:not(.eyebrow) { color: #b1c7be; }
.cta-art { color: #21523e; }
.cta .button { background: var(--green); border-color: var(--green); color: #06120e; }
.cta .button:hover { background: #67edb3; border-color: #67edb3; }
/* Shared footer */
.site-footer {
  background: #0c111c;
  border-top: 1px solid var(--line);
  margin-top: 72px;
  padding: 0 max(24px, calc((100% - 1250px) / 2));
}
.footer-main {
  display: grid;
  grid-template-columns: minmax(240px, 1.8fr) repeat(3, minmax(0, 1fr));
  gap: 48px;
  padding: 58px 0 48px;
}
.footer-brand-block { min-width: 0; }
.footer-brand-block .brand { font-size: 20px; }
.footer-brand-block > p { color: var(--muted); font-size: 14px; line-height: 1.85; margin: 21px 0 25px; }
.footer-app-link { display: inline-flex; align-items: center; gap: 12px; border: 1px solid #324237; background: #14241f; border-radius: 6px; padding: 12px 15px; max-width: 100%; color: #e7f9ed; font-size: 13px; }
.footer-app-link > svg { color: var(--green); flex-shrink: 0; }
.footer-app-link small { display: block; font: 8px/1.6 Consolas, monospace; color: #a3bcad; letter-spacing: .7px; margin-bottom: 2px; }
.footer-app-link > span:last-child { margin-left: 12px; color: var(--green); font-size: 20px; }
.footer-app-link:hover { border-color: var(--green); background: #1a3027; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 0; }
.footer-column h2 { font-size: 13px; font-weight: 600; color: var(--ink); margin: 2px 0 19px; letter-spacing: .2px; }
.footer-column a { display: inline-flex; align-items: center; min-height: 39px; font-size: 13px; color: var(--muted); line-height: 1.6; }
.footer-column a:hover { color: var(--green); }
.footer-legal-note { border-left: 2px solid #315a44; padding-left: 12px; color: #92ac9d; font-size: 12px; line-height: 1.8; margin: 22px 0 0; }
.footer-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; padding: 23px 0; border-top: 1px solid var(--line); }
.footer-bottom p, .footer-signoff { margin: 0; color: var(--muted); font-size: 11px; }
.footer-signoff { margin-left: auto; color: #9bafa4; }
.footer-back-top { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; color: #c7d2cb; min-height: 36px; }
.footer-back-top span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #35433b; border-radius: 50%; color: var(--green); }
.footer-back-top:hover { color: var(--green); }
@media (max-width: 1100px) {
  .site-footer { padding: 0 35px; }
  .footer-main { gap: 30px; grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .site-footer { padding: 0 24px; margin-top: 50px; }
  .footer-main { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 22px; padding: 40px 0 32px; }
  .footer-brand-block { grid-column: 1 / -1; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
  .footer-brand-block > p { margin: 16px 0 21px; }
  .footer-column h2 { margin-bottom: 12px; }
  .footer-column a { font-size: 12px; min-height: 42px; }
  .footer-bottom { gap: 10px 20px; padding: 20px 0; }
  .footer-signoff { margin-left: 0; }
  .footer-back-top { margin-left: auto; }
}
@media (max-width: 480px) {
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .footer-legal-note { margin-top: 14px; }
  .footer-bottom > p { width: 100%; }
  .footer-signoff { max-width: 180px; line-height: 1.7; }
}
.site-footer .footer-column a { display: inline-flex; }