.simple-hero { padding:30px 0 55px; background:linear-gradient(180deg,#f8f6fd,#fff); }
.simple-hero-copy { max-width:860px; text-align:center; margin:50px auto 0; }
.simple-hero .eyebrow { justify-content:center; }
.simple-hero h1 { font-size:clamp(3rem,5.2vw,4.6rem); line-height:1.09; letter-spacing:-.055em; margin:24px 0; }
.simple-hero h1 span { color:var(--purple); }
.simple-hero .lead { max-width:730px; margin:auto; font-size:1.1875rem; line-height:1.8; }
.simple-hero .actions { justify-content:center; margin-top:30px; }
.simple-hero .trial-note { margin-top:16px; }
.simple-feature-page .section { padding-block:75px; }
.simple-heading { max-width:740px; margin-bottom:42px; }
.simple-heading h2,.simple-editorial h2,.simple-marketing h2 { font-size:clamp(2.3rem,3.5vw,3.2rem); line-height:1.15; letter-spacing:-.045em; margin:16px 0 22px; }
.simple-heading>p:last-child,.simple-editorial p,.simple-marketing p { font-size:1.0625rem; line-height:1.8; }
.simple-examples { padding:18px 0 55px; }
.simple-examples>.container>.eyebrow { text-align:center; justify-content:center; margin-bottom:24px; }
.simple-caption-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.simple-caption-grid figure { margin:0; border:1px solid var(--line); border-radius:16px; padding:30px; }
.simple-caption-grid figure:nth-child(2) { background:#29213b; color:#fff; border-color:#29213b; }
.simple-caption-grid figcaption { font-size:.875rem; font-weight:600; color:var(--purple); margin-bottom:23px; }
.simple-caption-grid figure:nth-child(2) figcaption { color:#d0baff; }
.simple-caption-grid blockquote { font-size:1.35rem; line-height:1.65; letter-spacing:-.025em; margin:0; }
.simple-feature-page .simple-note { font-size:.875rem; line-height:1.7; color:var(--muted); margin-top:23px; }
.simple-languages { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:16px; }
.simple-languages li { border-top:1px solid var(--line); padding:22px 0 10px; display:flex; flex-direction:column; gap:10px; }
.simple-languages strong { font-size:1.125rem; align-self:flex-start; }
.simple-languages span { font-size:.875rem; color:var(--muted); }
.simple-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.simple-steps article>span { color:var(--purple); font-size:.875rem; font-weight:600; }
.simple-steps h3 { font-size:1.4rem; line-height:1.35; margin:18px 0 16px; }
.simple-steps p,.simple-methods p,.simple-sync-grid p,.simple-related p { font-size:1rem; line-height:1.8; }
.simple-editorial { display:grid; grid-template-columns:1fr 1fr; gap:75px; }
.simple-editorial p+p,.simple-marketing p+p { margin-top:20px; }
.simple-editorial .text-link,.simple-marketing .text-link { margin-top:25px; }
.simple-methods { display:grid; gap:0; }
.simple-methods article { display:flex; gap:30px; padding:32px 0; border-top:1px solid var(--line); }
.simple-methods article>.icon { width:30px; height:30px; color:var(--purple); flex:none; margin-top:3px; }
.simple-methods .eyebrow { font-size:.75rem; }
.simple-methods h3 { font-size:1.55rem; margin:12px 0; }
.simple-methods article>div { max-width:790px; }
.simple-sync-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.simple-sync-grid article { border:1px solid var(--line); border-radius:16px; padding:32px; }
.simple-sync-grid article>span { display:flex; align-items:center; gap:12px; font-size:.75rem; letter-spacing:.06em; color:var(--purple); font-weight:600; }
.simple-sync-grid .icon { width:22px; height:22px; }
.simple-sync-grid h3 { font-size:1.55rem; line-height:1.35; margin:22px 0 16px; }
.simple-inline { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:28px; }
.simple-inline p { font-size:.9375rem; line-height:1.8; max-width:600px; }
.simple-marketing { background:#f6f4fa; }
.simple-marketing-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; align-items:center; }
.simple-marketing figure { margin:0; max-width:380px; justify-self:center; }
.simple-marketing figure img { width:100%; height:auto; display:block; border-radius:10px; box-shadow:0 22px 55px -32px #30204477; }
.simple-marketing figcaption { font-size:.75rem; text-align:center; color:var(--muted); line-height:1.7; margin-top:18px; }
.simple-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:25px; }
.simple-related a { border-top:1px solid var(--line); padding-top:24px; }
.simple-related h3 { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:1.25rem; margin-bottom:14px; }
.simple-related .icon { width:19px; height:19px; flex:none; color:var(--purple); }
@media(max-width:900px) { .simple-languages { grid-template-columns:repeat(4,minmax(0,1fr)); } .simple-caption-grid { gap:15px; } .simple-caption-grid figure { padding:24px; } .simple-caption-grid blockquote { font-size:1.15rem; } .simple-editorial,.simple-marketing-grid { gap:40px; } .simple-steps { gap:25px; } }
@media(max-width:650px) { .simple-hero { padding:20px 0 40px; } .simple-hero-copy { margin-top:34px; } .simple-hero h1 { font-size:clamp(2.7rem,10.5vw,3.6rem); } .simple-feature-page .section { padding-block:52px; } .simple-caption-grid,.simple-steps,.simple-editorial,.simple-sync-grid,.simple-marketing-grid,.simple-related { grid-template-columns:1fr; } .simple-caption-grid blockquote { font-size:1.25rem; } .simple-languages { grid-template-columns:repeat(2,minmax(0,1fr)); } .simple-steps { gap:32px; } .simple-heading { margin-bottom:30px; } .simple-editorial { gap:10px; } .simple-methods article { gap:20px; } .simple-sync-grid article { padding:25px; } .simple-inline { flex-direction:column; align-items:flex-start; gap:16px; } .simple-marketing figure { max-width:320px; } }