@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;700&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap");

:root { --green:#008060; --dark:#004c3f; --ink:#16231f; --muted:#66746f; --line:#dfe8e4; --soft:#f3f8f6; --mint:#dff4ec; --navy:#10251f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Noto Sans JP",sans-serif; font-size:16px; line-height:1.8; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.site-header { height:82px; max-width:1200px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.brand,.footer-brand { display:flex; align-items:center; gap:11px; font-size:13px; font-weight:800; line-height:1.25; }
.brand-mark { width:46px; height:46px; display:block; flex:0 0 auto; border:1px solid var(--line); border-radius:12px; background:#fff; object-fit:cover; }
nav { display:flex; align-items:center; gap:28px; font-size:13px; font-weight:700; }
nav a:hover { color:var(--green); }
.nav-feature { color:var(--green); }
.nav-feature[aria-current="page"] { color:#fff; background:var(--green); }
.nav-cta { padding:10px 18px; color:#fff!important; border-radius:8px; background:var(--green); }
.hero { padding:80px max(24px,calc((100vw - 1160px)/2)) 100px; display:grid; grid-template-columns:.92fr 1.08fr; gap:76px; align-items:center; overflow:hidden; background:radial-gradient(circle at 75% 20%,#dff4ec 0,transparent 35%),linear-gradient(180deg,#f8fcfa,#fff); }
.eyebrow { margin:0 0 16px; color:var(--green); font:700 12px/1.4 "DM Sans",sans-serif; letter-spacing:.15em; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:26px; font-size:clamp(42px,5vw,68px); line-height:1.25; letter-spacing:-.045em; }
h1 span { color:var(--green); }
.hero-lead { max-width:570px; color:var(--muted); font-size:18px; }
.hero-actions { margin-top:34px; display:flex; gap:12px; }
.button { min-height:52px; padding:13px 24px; display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid transparent; border-radius:10px; font-size:14px; font-weight:700; transition:.2s; }
.button:hover { transform:translateY(-2px); }
.primary { color:#fff; background:var(--green); box-shadow:0 12px 28px rgba(0,128,96,.2); }
.primary:hover { background:var(--dark); }
.secondary { border-color:var(--line); background:#fff; }
.hero-points { margin:25px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:18px; color:#52645e; list-style:none; font-size:12px; font-weight:700; }
.hero-visual { position:relative; }
.mock-window { padding:0 22px 24px; overflow:hidden; border:1px solid #d8e8e2; border-radius:22px; background:#fff; box-shadow:0 30px 70px rgba(13,69,51,.15); }
.mock-head { height:55px; margin:0 -22px 20px; padding:0 18px; display:flex; align-items:center; gap:7px; border-bottom:1px solid var(--line); color:#7c8a86; font-size:11px; font-weight:600; }
.mock-head i { width:8px; height:8px; border-radius:50%; background:#cfd9d5; }
.mock-head span { margin-left:auto; margin-right:auto; }
.address-card { padding:16px; display:flex; align-items:center; gap:13px; border:1px solid #ffd8d5; border-radius:12px; background:#fff7f6; }
.address-card .status { width:34px; height:34px; display:grid; place-items:center; color:#fff; border-radius:50%; background:#dc4c3f; font-weight:900; }
.address-card small,.address-card strong,.suggestion small,.suggestion strong { display:block; }
.address-card small { color:#c23d33; font-size:10px; }
.address-card strong { font-size:13px; }
.field { margin-top:14px; padding:11px 14px; border:1px solid var(--line); border-radius:9px; }
.field small,.field span { display:block; }
.field small { color:#85918d; font-size:9px; }
.field span { font-size:13px; }
.suggestion { margin-top:14px; padding:15px; border-radius:10px; background:var(--soft); }
.suggestion small { color:var(--muted); font-size:9px; }
.suggestion strong { margin:3px 0 10px; font-size:13px; }
.suggestion button { padding:7px 11px; color:var(--green); border:1px solid #a9d7c8; border-radius:7px; background:#fff; font:700 10px "Noto Sans JP"; }
.mock-submit { margin-top:17px; padding:10px; color:#fff; border-radius:8px; background:var(--green); text-align:center; font-size:11px; font-weight:700; }
.floating { position:absolute; right:-20px; bottom:-25px; padding:13px 18px; color:var(--dark); border:1px solid #bae1d4; border-radius:10px; background:#fff; box-shadow:0 15px 30px rgba(13,69,51,.14); font-size:12px; font-weight:800; }
.metrics { max-width:1100px; margin:-35px auto 0; position:relative; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 15px 40px rgba(23,63,51,.08); }
.metrics div { padding:24px 18px; text-align:center; }
.metrics div+div { border-left:1px solid var(--line); }
.metrics strong,.metrics span { display:block; }
.metrics strong { color:var(--green); font:700 25px "DM Sans"; }
.metrics span { color:var(--muted); font-size:11px; }
.section { max-width:1100px; margin:auto; padding:120px 24px; }
.section-heading { max-width:720px; margin:0 auto 55px; text-align:center; }
h2 { margin-bottom:20px; font-size:clamp(32px,4vw,48px); line-height:1.38; letter-spacing:-.035em; }
.section-heading>p:last-child,.problem-grid p,.correction>div>p,.sms-copy>p { color:var(--muted); }
.problem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.problem-grid article { padding:32px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(22,65,51,.05); }
.problem-grid span { color:var(--green); font:700 13px "DM Sans"; }
.problem-grid h3 { margin:22px 0 10px; font-size:20px; }
.problem-grid p { margin:0; font-size:13px; }
.impact-section { padding:115px max(24px,calc((100vw - 1100px)/2)); background:var(--soft); }
.impact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.impact-grid article { padding:27px 23px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.impact-grid b { width:42px; height:42px; margin-bottom:24px; display:grid; place-items:center; color:#b64b42; border-radius:11px; background:#feecea; font-size:12px; }
.impact-grid strong { display:block; margin-bottom:8px; font-size:14px; }
.impact-grid p { margin:0; color:var(--muted); font-size:11px; }
.checks-section { padding:115px max(24px,calc((100vw - 1100px)/2)); color:#fff; background:var(--navy); }
.light .eyebrow { color:#64d5b0; }
.light>p:last-child { color:#a8bbb5; }
.checks-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.checks-grid article { padding:28px 24px; border:1px solid #2e4840; border-radius:16px; background:#17342b; }
.checks-grid b { width:44px; height:44px; margin-bottom:30px; display:grid; place-items:center; color:#73ddba; border-radius:12px; background:#204b3d; }
.checks-grid strong { display:block; margin-bottom:8px; }
.checks-grid p { margin:0; color:#a8bbb5; font-size:12px; }
.reasons-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.reasons-grid article { padding:34px 30px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(22,65,51,.05); }
.reasons-grid span { color:var(--green); font:700 13px "DM Sans"; }
.reasons-grid h3 { margin:22px 0 10px; font-size:19px; }
.reasons-grid p { margin:0; color:var(--muted); font-size:12px; }
.error-cases-section { padding:115px max(24px,calc((100vw - 1100px)/2)); background:var(--soft); }
.error-cases-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.error-cases-grid article { padding:26px 28px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.error-cases-grid span { color:var(--green); font:700 11px "DM Sans"; }
.error-cases-grid h3 { margin:12px 0 7px; font-size:15px; }
.error-cases-grid p { margin:0; color:var(--muted); font-size:11px; }
.correction { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; }
.check-list { margin:28px 0 0; padding:0; list-style:none; }
.check-list li { margin:12px 0; font-size:13px; font-weight:700; }
.timeline-card { padding:22px 28px; border:1px solid var(--line); border-radius:20px; background:var(--soft); }
.timeline-card div { padding:19px 0; position:relative; display:grid; grid-template-columns:100px 1fr 32px; align-items:center; border-bottom:1px solid var(--line); }
.timeline-card div:last-child { border:0; }
.timeline-card span { color:var(--muted); font-size:10px; }
.timeline-card strong { font-size:13px; }
.timeline-card i { width:28px; height:28px; display:grid; place-items:center; color:#b8483f; border-radius:50%; background:#fee9e7; font-style:normal; font-size:11px; font-weight:800; }
.timeline-card .done { color:var(--green); background:var(--mint); }
.plan-support-section { padding:115px max(24px,calc((100vw - 960px)/2)); background:var(--soft); }
.plan-support-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.plan-support-grid article { padding:32px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.plan-support-grid article>span { display:inline-block; margin-bottom:20px; padding:4px 12px; color:var(--green); border-radius:99px; background:var(--mint); font-size:10px; font-weight:700; }
.plan-support-grid strong { display:block; margin-bottom:15px; font-size:17px; }
.plan-support-grid ul { margin:0; padding-left:20px; color:var(--muted); font-size:12px; }
.plan-support-grid li { margin:8px 0; }
.plus-support { border-color:#add8ca!important; }
.support-note { max-width:820px; margin:24px auto 0; color:var(--muted); text-align:center; font-size:10px; }
.flow-section { padding:115px max(24px,calc((100vw - 1100px)/2)); background:var(--soft); }
.flow { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; }
.flow li { padding:0 20px; position:relative; text-align:center; }
.flow li:not(:last-child)::after { content:"→"; position:absolute; top:18px; right:-7px; color:#9bb1aa; }
.flow li>span { width:48px; height:48px; margin:0 auto 18px; display:grid; place-items:center; color:var(--green); border:1px solid #aad4c6; border-radius:50%; background:#fff; font:700 14px "DM Sans"; }
.flow li:last-child>span { color:#fff; background:var(--green); }
.flow strong,.flow small { display:block; }
.flow strong { font-size:14px; }
.flow small { color:var(--muted); font-size:10px; }
.operations-section { padding:115px max(24px,calc((100vw - 1040px)/2)); }
.operations-compare { display:grid; grid-template-columns:1fr 50px 1fr; align-items:center; }
.operations-compare article { padding:30px; border:1px solid var(--line); border-radius:18px; }
.operations-compare article>span { display:inline-block; margin-bottom:20px; padding:4px 11px; border-radius:99px; font-size:10px; font-weight:700; }
.operation-before { background:#fafafa; }
.operation-before>span { color:#8b625e; background:#f3e9e7; }
.operation-after { border-color:#add8ca!important; background:#f0faf6; }
.operation-after>span { color:var(--green); background:var(--mint); }
.operations-compare ol { margin:0; padding:0; list-style:none; }
.operations-compare li { padding:11px 0; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--line); font-size:12px; }
.operations-compare li:last-child { border:0; }
.operations-compare li b { width:24px; height:24px; display:grid; place-items:center; color:var(--muted); border:1px solid var(--line); border-radius:50%; font:700 9px "DM Sans"; }
.operation-after li b { color:var(--green); border-color:#add8ca; background:#fff; }
.compare-arrow { color:var(--green); text-align:center; font-size:25px; font-weight:800; }
.sms { display:grid; grid-template-columns:1fr 320px; gap:100px; align-items:center; }
.pro-badge { display:inline-block; margin-bottom:14px; padding:4px 11px; color:#fff; border-radius:99px; background:var(--green); font:700 10px "DM Sans"; }
.phone { min-height:500px; padding:28px 20px; border:8px solid #183029; border-radius:42px; background:#f5f7f6; box-shadow:0 28px 50px rgba(20,54,43,.18); text-align:center; }
.phone-speaker { width:70px; height:6px; margin:0 auto 35px; border-radius:5px; background:#233c34; }
.phone>small { font-size:11px; font-weight:700; }
.bubble { margin-top:35px; padding:17px; border-radius:16px 16px 5px 16px; background:#d8f5e9; text-align:left; font-size:12px; }
.bubble u { color:var(--green); font-weight:800; }
.phone>span { margin-top:8px; display:block; color:#8b9692; text-align:right; font-size:9px; }
.email-feature-section { padding:115px max(24px,calc((100vw - 1040px)/2)); display:grid; grid-template-columns:440px 1fr; gap:90px; align-items:center; background:var(--soft); }
.email-feature-visual { min-width:0; padding:0 28px 30px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 22px 55px rgba(16,69,52,.12); }
.email-feature-toolbar { height:52px; margin:0 -28px 22px; padding:0 17px; display:flex; align-items:center; gap:7px; border-bottom:1px solid var(--line); color:#7c8a86; font-size:9px; font-weight:700; }
.email-feature-toolbar i { width:7px; height:7px; border-radius:50%; background:#cfd9d5; }
.email-feature-toolbar span { margin-left:auto; }
.email-feature-meta { display:flex; align-items:center; gap:11px; }
.email-feature-meta>b { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; color:#fff; border-radius:50%; background:var(--green); font-size:12px; }
.email-feature-meta strong,.email-feature-meta small { display:block; }
.email-feature-meta strong { font-size:11px; }
.email-feature-meta small { color:var(--muted); font-size:8px; }
.email-feature-visual h3 { margin:23px 0 10px; font-size:18px; }
.email-feature-visual p { color:var(--muted); font-size:11px; }
.email-feature-link { padding:11px 13px; color:var(--green); border:1px solid #add8ca; border-radius:8px; background:#f3faf7; font:700 11px "DM Sans"; overflow-wrap:anywhere; }
.email-feature-copy>p { color:var(--muted); }
.email-feature-copy .button { margin-top:14px; }
.dashboard-section { padding:115px 24px; background:var(--navy); color:#fff; }
.dashboard-section .section-heading>p:last-child { color:#a8bbb5; }
.dashboard { max-width:900px; margin:auto; padding:28px; border:1px solid #2e4840; border-radius:20px; background:#17342b; box-shadow:0 25px 60px rgba(0,0,0,.2); }
.dash-top { display:flex; justify-content:space-between; color:#a8bbb5; font-size:11px; }
.dash-top strong { color:#fff; font-size:14px; }
.dash-grid { margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.dash-grid div { padding:20px; border:1px solid #315047; border-radius:12px; background:#1d3e34; }
.dash-grid small { display:block; color:#9db1aa; font-size:9px; }
.dash-grid strong { font:700 30px "DM Sans"; }
.dash-grid i { margin-left:3px; color:#8da39c; font-style:normal; font-size:10px; }
.bar { height:9px; margin-top:26px; overflow:hidden; border-radius:9px; background:#6b3c39; }
.bar span { height:100%; display:block; background:#52cda5; }
.bar-label { margin-top:8px; display:flex; justify-content:space-between; color:#91a69f; font-size:9px; }
.screens-section { padding:115px 24px; overflow:hidden; }
.screens-row { max-width:1120px; margin:auto; padding-bottom:14px; display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; }
.screens-row img { height:340px; width:auto; flex:0 0 auto; scroll-snap-align:start; object-fit:contain; border:1px solid var(--line); border-radius:14px; background:var(--soft); box-shadow:0 12px 30px rgba(22,65,51,.08); }
.pricing { padding:120px 24px; background:var(--soft); }
.pricing-grid { max-width:820px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }
.plan-card { padding:38px 34px 30px; position:relative; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 12px 35px rgba(22,65,51,.06); }
.plan-card.featured { border:2px solid var(--green); transform:translateY(-10px); }
.recommended { position:absolute; top:-15px; left:50%; padding:5px 18px; transform:translateX(-50%); color:#fff; border-radius:99px; background:var(--green); font-size:10px; font-weight:700; }
.plan-name { margin-bottom:18px; font:700 19px "DM Sans"; }
.price { display:flex; align-items:baseline; }
.price span { font:700 20px "DM Sans"; }
.price strong { font:700 56px/1 "DM Sans"; }
.price small { margin-left:6px; color:var(--muted); }
.plan-card>p:not(.plan-name) { min-height:58px; color:var(--muted); font-size:12px; }
.plan-card ul { margin:5px 0 30px; padding:0; list-style:none; }
.plan-card li { margin:9px 0; padding-left:20px; position:relative; font-size:12px; }
.plan-card li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800; }
.plan-card .button { width:100%; margin-top:auto; }
.pricing-note { margin:28px 0 0; color:var(--muted); text-align:center; font-size:11px; }
.fit-section { padding:115px max(24px,calc((100vw - 1100px)/2)); color:#fff; background:var(--navy); }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fit-grid article { padding:27px 28px; border:1px solid #315047; border-radius:15px; background:#17342b; }
.fit-grid span { color:#71ddba; font:700 10px "DM Sans"; }
.fit-grid strong { margin:12px 0 5px; display:block; font-size:15px; }
.fit-grid p { margin:0; color:#9fb3ad; font-size:11px; }
.scope-section { padding:115px max(24px,calc((100vw - 1000px)/2)); background:var(--soft); }
.scope-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.scope-grid article { padding:32px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.scope-grid article>span { display:inline-block; margin-bottom:18px; padding:4px 12px; border-radius:99px; font-size:10px; font-weight:700; }
.scope-can>span { color:var(--green); background:var(--mint); }
.scope-note>span { color:#9a5b54; background:#feecea; }
.scope-grid ul { margin:0; padding:0; list-style:none; }
.scope-grid li { margin:11px 0; padding-left:22px; position:relative; color:var(--muted); font-size:12px; }
.scope-can li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800; }
.scope-note li::before { content:"!"; width:15px; height:15px; position:absolute; left:0; top:3px; display:grid; place-items:center; color:#9a5b54; border-radius:50%; background:#feecea; font-size:8px; font-weight:800; }
.setup-section { padding:115px max(24px,calc((100vw - 1100px)/2)); }
.setup-grid { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; list-style:none; }
.setup-grid li { padding:27px 23px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.setup-grid li>span { color:var(--green); font:700 24px "DM Sans"; }
.setup-grid strong { margin:22px 0 7px; display:block; font-size:14px; }
.setup-grid p { margin:0; color:var(--muted); font-size:10px; }
.setup-note { max-width:850px; margin:24px auto 0; color:var(--muted); text-align:center; font-size:10px; }
.faq-section { padding:115px max(24px,calc((100vw - 900px)/2)); }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { padding:22px 8px; display:flex; align-items:center; gap:16px; cursor:pointer; font-size:14px; font-weight:700; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"＋"; margin-left:auto; color:var(--green); font-size:18px; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list summary span { color:var(--green); font:700 10px "DM Sans"; }
.faq-list details p { margin:0; padding:0 42px 22px; color:var(--muted); font-size:12px; }
.final-cta { padding:110px 24px 130px; text-align:center; }
.final-cta>p:not(.eyebrow) { color:var(--muted); }
.final-cta .button { margin-top:22px; }
footer { padding:44px max(24px,calc((100vw - 1100px)/2)); display:grid; grid-template-columns:1fr auto; align-items:center; gap:22px; color:#fff; background:#0a1d17; }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; color:#a5b7b1; font-size:11px; }
footer small { grid-column:1/-1; padding-top:20px; color:#657871; border-top:1px solid #203b32; }
@media(max-width:900px){nav>a:not(.nav-cta):not(.nav-feature){display:none}.hero{grid-template-columns:1fr;gap:60px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{max-width:620px;margin:auto}.problem-grid,.reasons-grid{grid-template-columns:1fr}.checks-grid{grid-template-columns:1fr 1fr}.correction{grid-template-columns:1fr}.sms{grid-template-columns:1fr}.phone{width:320px;margin:auto}.email-feature-section{grid-template-columns:1fr;gap:45px}.email-feature-visual{width:100%;max-width:500px;margin:auto}.dash-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{font-size:15px}.site-header{height:72px;padding:0 16px}.brand-mark{width:40px;height:40px}.brand span:last-child{font-size:11px}.nav-cta{padding:9px 11px}.hero{padding:50px 18px 80px}.hero-actions{display:grid}.hero-actions .button{width:100%}.floating{right:5px}.metrics{margin:0;border-radius:0;grid-template-columns:1fr 1fr}.metrics div+div{border-left:0}.metrics div:nth-child(even){border-left:1px solid var(--line)}.metrics div:nth-child(n+3){border-top:1px solid var(--line)}.section,.checks-section,.error-cases-section,.flow-section,.dashboard-section,.pricing,.faq-section{padding:80px 18px}.checks-grid,.error-cases-grid{grid-template-columns:1fr}.correction{gap:40px}.timeline-card{padding:14px 18px}.timeline-card div{grid-template-columns:80px 1fr 28px}.flow{grid-template-columns:1fr 1fr;gap:36px 0}.flow li:nth-child(2)::after{display:none}.sms{gap:45px}.phone{width:100%;max-width:320px}.dash-grid{grid-template-columns:1fr 1fr}.dash-grid div{padding:14px}.pricing-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.faq-list details p{padding-left:8px;padding-right:8px}footer{grid-template-columns:1fr}.footer-links{gap:12px}}
@media(max-width:900px){.impact-grid{grid-template-columns:1fr 1fr}.operations-compare{grid-template-columns:1fr}.compare-arrow{padding:14px;transform:rotate(90deg)}}
@media(max-width:900px){.setup-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.impact-section,.plan-support-section,.operations-section,.email-feature-section,.screens-section,.fit-section,.scope-section,.setup-section{padding:80px 18px}.impact-grid,.plan-support-grid,.fit-grid,.scope-grid,.setup-grid{grid-template-columns:1fr}.screens-row img{height:260px}}
@media(max-width:620px){
  body { overflow-wrap:anywhere; }
  .site-header { min-height:72px; height:auto; padding:10px 16px 12px; gap:10px; flex-wrap:wrap; }
  .brand { min-width:0; }
  nav { margin-left:auto; gap:8px; font-size:12px; }
  .feature-nav { width:100%; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:1 1 100%; order:2; }
  .nav-feature,.nav-cta { min-height:44px; padding:9px 11px; display:inline-flex; align-items:center; border-radius:8px; white-space:nowrap; }
  .feature-nav .nav-feature,.feature-nav .nav-cta { width:100%; justify-content:center; }
  .nav-feature { border:1px solid #add8ca; background:#f3faf7; }
  h1 { font-size:clamp(34px,10.5vw,42px); line-height:1.3; }
  h2 { font-size:clamp(27px,8vw,34px); }
  .section-heading { margin-bottom:38px; }
  .hero-lead { font-size:16px; }
  .hero-visual,.mock-window,.dashboard,.template-card,.update-panel { min-width:0; }
  .floating { max-width:calc(100% - 10px); }
  .dash-top,.bar-label { gap:8px; flex-wrap:wrap; }
  .screens-row { margin-right:-18px; padding-right:18px; }
  .email-feature-section { gap:40px; }
  .email-feature-visual { padding-right:20px; padding-left:20px; }
  .email-feature-toolbar { margin-right:-20px; margin-left:-20px; }
  .footer-links a { min-height:40px; display:inline-flex; align-items:center; }
}
@media(max-width:420px){
  .brand>span:last-child { display:none; }
  nav { font-size:11px; }
  .nav-feature,.nav-cta { padding-right:10px; padding-left:10px; }
  .feature-nav { gap:6px; font-size:10px; }
  .feature-nav .nav-feature,.feature-nav .nav-cta { padding-right:6px; padding-left:6px; }
  .timeline-card div { grid-template-columns:70px minmax(0,1fr) 28px; gap:6px; }
  .dash-grid { grid-template-columns:1fr; }
  .dash-grid div { min-width:0; }
  .screens-row img { max-width:calc(100vw - 54px); height:auto; max-height:260px; }
  .price strong { font-size:48px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}