/* A quieter paper canvas, with color saved for the creative details. */
:root { --ink:#252731; --muted:#626774; --line:#e4e7ec; --purple:#7765eb; --purple-dark:#604bdc; --green:#24694c; --mint:#edf7f1; --lavender:#f1edff; }
.header { position:sticky; top:0; background:#fff; border-bottom:1px solid #e4e7ec; }
.nav { height:82px; }
.nav-links { gap:28px; padding-left:0; }
.nav-links a { font-size:14px; font-weight:500; }
.nav-actions { gap:20px; }
.nav-actions .btn { background:var(--purple-dark); border-radius:9px; padding:14px 20px; }
.nav-actions .btn:hover { background:#604bdc; }
.announcement { background:#f1edff; color:#604bdc; font-weight:500; }
.announcement a { font-weight:600; }
.btn { border-radius:9px; }
.btn-dark { font-size:14px; padding:17px 23px; }
.btn-outline { font-size:14px; background:#fff9; border-color:#d8d2e7; }
.section-kicker { color:#604bdc; font-size:11px; letter-spacing:.12em; }
.is-home { background:#fff; }
.is-home main { overflow:clip; }
.is-home section[id] { scroll-margin-top:105px; }
.is-home .hero { margin:24px 24px 0; border:1px solid #e4ddf4; border-radius:24px; background:#f7f8fa; padding:52px 0 56px; }
.is-home .hero::before { display:none; }
.is-home .hero-grid { min-height:510px; grid-template-columns:1fr 1.06fr; gap:42px; }
.is-home .hero-copy { padding:0; }
.is-home .hero .eyebrow { border:1px solid #ddd5f5; background:#f1edff; color:#604bdc; border-radius:6px; font-size:10px; font-weight:600; padding:9px 12px; }
.is-home .hero h1 { font-size:clamp(54px,4.7vw,70px); line-height:1.04; margin:24px 0; letter-spacing:-.02em; max-width:530px; }
.is-home .hero h1 .serif { font-size:1em; letter-spacing:inherit; text-decoration-thickness:4px; text-underline-offset:7px; text-decoration-color:#b8a9ed; }
.is-home .hero-desc { max-width:450px; font-size:15px; line-height:1.85; color:#626774; margin-bottom:26px; }
.is-home .hero-note { margin:15px 0 26px; color:#626774; font-size:12px; }
.hero-promises { display:flex; align-items:center; gap:20px; flex-wrap:wrap; border-top:1px solid #e4e7ec; padding-top:22px; }
.hero-promises span { display:flex; align-items:center; gap:7px; color:#626774; font-size:12px; }
.sketch-icon { display:inline-block; width:1.25em; height:1.25em; vertical-align:middle; flex-shrink:0; }
.hero-promises .sketch-icon { color:#604bdc; width:18px; height:18px; }
.is-home .hero-art { min-height:490px; padding:22px 0 22px 4px; }
.is-home .hero-blob { background:#e6dfff; width:450px; height:450px; border-radius:50%; filter:none; }
.is-home .hero-ring { border-color:#ddd5f5; width:500px; height:460px; }
.is-home .mock-app { transform:rotate(-1deg); border-color:#ddd5f5; box-shadow:0 24px 55px #4e3b6e15; }
.is-home .mock-sidebar { background:#f7f8fa; }
.is-home .idea-float { background:#edf7f1; border:1px solid #d3e7db; color:#24694c; box-shadow:none; top:6px; right:7px; transform:rotate(4deg); }
.is-home .ai-bubble { border-color:#ddd5f5; box-shadow:0 12px 32px #49365b12; bottom:8px; right:-8px; }
.is-home .ai-title .ai-icon { background:#edf7f1; color:#24694c; }
.is-home .deco-star { color:#8b75c7; }
.is-home .uses { border-top:0; border-bottom:1px solid #e4e7ec; padding:28px 0; }
.is-home .uses-label { font-weight:600; color:#626774; }
.is-home .use-tag { color:#626774; font-size:12px; font-weight:500; }
.is-home .use-icon { background:transparent; color:#604bdc; }
.is-home .features { padding:96px 0; }
.is-home .section-heading { margin-bottom:42px; max-width:750px; }
.is-home h2 { font-family:'Patrick Hand',cursive; letter-spacing:-.02em; font-weight:400; font-size:clamp(36px,4vw,52px); line-height:1.12; }
.is-home h2 .serif { font:inherit; color:#604bdc; letter-spacing:inherit; }
.is-home .section-heading p { font-size:15px; max-width:490px; }
.is-home .feature-grid { grid-template-columns:1fr 1fr; gap:22px; }
.is-home .feature-card { min-height:385px; padding:32px 34px; border:1px solid #e4e7ec; border-radius:20px; background:#f1edff; }
.is-home .feature-card:nth-child(2) { background:#f7f8fa; border-color:#e4e7ec; }
.is-home .feature-card:nth-child(3) { background:#edf7f1; border-color:#d3e7db; }
.is-home .feature-card.feature-wide { grid-column:1/-1; min-height:310px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.feature-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:.1em; font-weight:600; text-transform:uppercase; color:#604bdc; }
.feature-eyebrow .sketch-icon { width:21px; height:21px; color:#604bdc; }
.is-home .feature-card h3 { font:400 34px/1.15 'Patrick Hand',cursive; max-width:360px; margin:18px 0 12px; letter-spacing:0; }
.is-home .feature-card p { font-size:14px; line-height:1.8; color:#626774; max-width:390px; }
.feature-example { position:relative; padding:24px; background:white; border:1px solid #e4e7ec; border-radius:14px; box-shadow:0 10px 28px #3e2c5110; }
.example-caption { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:600; color:#604bdc; padding-bottom:16px; border-bottom:1px solid #e4e7ec; }
.example-prompt { font-size:14px; line-height:1.7; color:#43384e; margin:18px 0; }
.example-ideas { display:grid; gap:9px; }
.example-ideas span { display:flex; gap:10px; align-items:center; font-size:12px; background:#f1edff; padding:11px 12px; border-radius:7px; color:#60516d; }
.example-ideas b { color:#604bdc; font-size:11px; font-weight:500; }
.is-home .feature-card .tone-box,.is-home .feature-card .organize-box { position:relative; inset:auto; width:100%; margin-top:26px; transform:none; padding:20px; border-radius:12px; background:#fff; border:1px solid #e4e7ec; box-shadow:0 6px 20px #3e2c5108; }
.is-home .feature-card .organize-box { border-color:#d3e7db; }
.is-home .tone-top,.is-home .organize-top { font-size:10px; font-weight:600; color:#626774; border:0; padding:0; }
.is-home .tone-choices { gap:8px; flex-wrap:wrap; }
.is-home .tone-choice { font-size:11px; padding:8px 12px; font-weight:500; }
.is-home .tone-choice.selected { background:#f1edff; color:#604bdc; }
.is-home .tone-paragraph { font-size:12px; line-height:1.7; background:#f7f8fa; color:#615969; }
.is-home .project-row { margin:12px 0 0; padding:11px 0; width:auto; border:0; border-top:1px solid #eee; border-radius:0; box-shadow:none; font-size:12px; font-weight:500; transform:none; }
.is-home .project-row>span { width:27px; height:27px; background:#edf7f1; color:#24694c; }
.is-home .project-row > .sketch-icon { margin-left:auto; color:#9d8cb3; }
.is-home .workflow { padding:36px 0 96px; }
.is-home .workflow-grid { gap:80px; }
.is-home .workflow-visual { background:#e6dfff; border:1px solid #e4e7ec; border-radius:22px; }
.is-home .workflow-visual::before { background:#e6dfff; }
.is-home .workflow-head { background:transparent; color:#604bdc; font-size:11px; }
.is-home .workflow-head span:last-child { border-color:#ddd5f5; }
.is-home .draft-card { box-shadow:0 16px 40px #50377013; border:1px solid #e4e7ec; }
.is-home .draft-card h4 { font:400 28px/1.15 'Patrick Hand',cursive; letter-spacing:0; }
.is-home .draft-card p { font-size:12px; color:#626774; }
.is-home .polished-chip { background:#edf7f1; color:#24694c; border:1px solid #d3e7db; box-shadow:none; right:18px; bottom:48px; }
.is-home .workflow-copy .lead { font-size:14px; color:#626774; }
.is-home .step-num { border:1px solid #ddd5f5; background:#f1edff; color:#604bdc; font-weight:500; }
.is-home .step h3 { font-size:15px; font-weight:600; }
.is-home .step p { font-size:13px; color:#626774; }
.is-home .statement { margin:0 24px; border-radius:22px; padding:62px 0; background:#252731; }
.is-home .statement h2 .serif { color:#cfc1ed; }
.is-home .statement .btn-light { background:#edf7f1; color:#24694c; }
.is-home .pricing { padding:96px 0; }
.price-card { border-radius:17px; padding:30px; border-color:#e4e7ec; }
.price-card.featured { border-color:#ddd5f5; background:#f1edff; box-shadow:0 10px 40px #5735770c; }
.price-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.plan-highlight { font-size:10px; color:#604bdc; background:#e6dfff; padding:6px 9px; border-radius:20px; font-weight:500; }
.price-name { font-size:17px; font-weight:600; }
.price-desc { font-size:13px; line-height:1.7; color:#626774; min-height:48px; }
.amount { font-size:42px; font-weight:650; letter-spacing:-1.5px; }
.check-list { gap:15px; }.check-list li { font-size:13px; line-height:1.6; }.check-list li>span { color:#24694c; }
.price-btn { font-size:13px; height:46px; font-weight:600; }
.featured .price-btn { background:#604bdc; border-color:#604bdc; }
.pricing-note { font-size:12px; color:#626774; line-height:1.8; }.pricing-note a { text-decoration:underline; text-underline-offset:3px; }
.is-home .faq { background:#f7f8fa; padding:80px 0; border-top:1px solid #e4e7ec; border-bottom:1px solid #e4e7ec; }
.is-home .faq-grid { gap:80px; }.is-home .faq-left p { font-size:14px; color:#626774; }
.faq-list { border:0;display:grid;gap:12px; }.faq-list details { background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:21px 22px; }.faq-list details[open]{border-color:#ddd5f5;}
.faq-list summary { font-size:14px;font-weight:600; }.faq-list details p { font-size:13px;color:#626774; }
.is-home .final-cta { margin:72px 24px;border-radius:22px;background:#edf7f1;border:1px solid #d3e7db;padding:60px 0; }
.is-home .final-cta::before { border-color:#d3e7db; }.is-home .final-cta::after { color:#d3e7db; }.is-home .final-inner h2 .serif { color:#24694c; }
.footer { background:#f7f8fa; border-top:1px solid #e4e7ec; padding-top:54px; }.footer-brand p,.footer-nav-group a { font-size:13px;color:#626774; }.footer-nav-group strong { font-size:13px; font-weight:600; }.footer-bottom { font-size:11px;color:#626774; }
@media(min-width:1600px){.is-home .hero,.is-home .statement,.is-home .final-cta{max-width:1480px;margin-left:auto;margin-right:auto;}}
@media(max-width:1100px){.nav-links{gap:18px;}.is-home .hero-grid{gap:25px;}.is-home .hero h1{font-size:58px;}.is-home .hero-art{min-height:460px;}.is-home .hero .container{width:calc(100% - 48px);}.is-home .hero-ring{width:420px;}.is-home .hero-blob{width:380px;height:380px;}.is-home .workflow-grid{gap:42px;}.is-home .feature-card.feature-wide{gap:30px;}.is-home .faq-grid{gap:42px;}}
@media(max-width:850px){.is-home .hero-grid{grid-template-columns:1fr;gap:14px;}.is-home .hero-copy{text-align:center;max-width:580px;margin:auto;}.is-home .hero h1{font-size:64px;max-width:580px;}.is-home .hero-desc{margin-left:auto;margin-right:auto;}.is-home .hero-ctas,.hero-promises{justify-content:center;}.is-home .hero-art{width:min(570px,100%);margin:auto;min-height:490px;}.is-home .hero{padding:42px 0;}.is-home .feature-card.feature-wide{grid-template-columns:1fr 1fr;}.is-home .workflow-grid{grid-template-columns:1fr;max-width:620px;}.is-home .workflow-visual{order:2;}.is-home .workflow-copy h2{max-width:none;}.is-home .faq-grid{grid-template-columns:1fr;max-width:620px;}.is-home .statement-inner,.is-home .final-inner{flex-direction:column;text-align:center;gap:26px;}.is-home .uses-inner{flex-direction:column;gap:12px;}.is-home .uses-label{max-width:none;}.is-home .uses-label br{display:none;}.is-home .use-tags{flex-wrap:wrap;justify-content:center;gap:10px 22px;}.is-home .statement h2,.is-home .final-inner h2{max-width:600px;}}
@media(max-width:620px){.nav{height:74px;gap:10px;}.nav-actions{gap:12px;}.nav-links{top:calc(100% + 8px);}.nav-links a{font-size:14px;}.announcement{font-size:11px;}.is-home .hero{margin:12px 12px 0;border-radius:18px;padding:34px 0 22px;}.is-home .hero .container{width:calc(100% - 32px);}.is-home .hero h1{font-size:clamp(43px,10.5vw,58px);margin:22px auto;}.is-home .hero h1 .serif{letter-spacing:-.025em;}.is-home .hero-desc{font-size:14px;line-height:1.8;}.is-home .hero .eyebrow{font-size:9px;padding:8px 10px;letter-spacing:.04em;}.is-home .hero-ctas{gap:10px;}.is-home .hero-ctas .btn{font-size:12px;padding:14px 15px;}.is-home .hero-note{font-size:11px;margin-bottom:22px;}.hero-promises{gap:12px;padding-top:18px;}.hero-promises span{font-size:11px;}.is-home .hero-art{min-height:420px;padding:24px 2px;}.is-home .hero-ring{width:330px;height:370px;}.is-home .hero-blob{width:300px;height:320px;}.is-home .idea-float{right:0;top:13px;}.is-home .ai-bubble{right:0;bottom:6px;}.is-home .features,.is-home .pricing{padding:64px 0;}.is-home .section-heading{margin-bottom:28px;}.is-home .section-heading p{font-size:14px;}.is-home .feature-grid{grid-template-columns:1fr;gap:16px;}.is-home .feature-card,.is-home .feature-card.feature-wide{display:block;min-height:0;padding:26px;grid-column:auto;}.is-home .feature-card h3{font-size:30px;}.feature-example{margin-top:26px;padding:18px;}.is-home .feature-card .tone-box,.is-home .feature-card .organize-box{padding:16px;}.is-home .workflow{padding:12px 0 64px;}.is-home .workflow-visual{height:400px;padding:22px;}.is-home .workflow-head{font-size:9px;}.is-home .draft-card{left:27px;right:27px;padding:22px;}.is-home .polished-chip{bottom:32px;right:15px;}.is-home .statement{margin:0 12px;border-radius:18px;padding:44px 0;}.is-home .faq{padding:58px 0;}.faq-list details{padding:18px;}.faq-list summary{font-size:13px;}.faq-list details p{padding-right:0;}.is-home .final-cta{margin:48px 12px;padding:44px 0;border-radius:18px;}.footer-top{gap:30px;}.footer-nav{gap:30px;flex-wrap:wrap;}.footer-brand p{max-width:320px;}.price-card{padding:26px;}.is-home .hero-promises .sketch-icon{width:16px;height:16px;}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* One primary action color and one supporting green, on neutral surfaces. */
.btn-dark,.nav-actions .btn,.featured .price-btn{background:var(--purple-dark);color:#fff;border-color:var(--purple-dark);box-shadow:none;}
.btn-dark:hover,.nav-actions .btn:hover,.featured .price-btn:hover{background:#5140bd;border-color:#5140bd;}
.is-home .hero{background:#f7f8fa;border-color:#e4e7ec;}
.is-home .hero h1,.is-home .hero h1 .serif{color:var(--ink);}
.is-home .hero h1 .serif{ text-decoration-color:#c5b8f4; }
.is-home .hero .eyebrow,.plan-highlight{background:var(--lavender);color:var(--purple-dark);border-color:#ddd5f5;}
.is-home .hero-blob{background:#efecfb;}.is-home .hero-ring{border-color:#ddd5f5;}
.is-home .feature-card.feature-wide{background:#f4f1ff;border-color:#e2daf7;}
.is-home .feature-card:nth-child(2){background:#f7f8fa;border-color:#e4e7ec;}
.is-home .feature-card:nth-child(3){background:var(--mint);border-color:#d3e7db;}
.is-home .statement{background:var(--ink);}.is-home .statement::before{color:#3d3f4a;}
.is-home .statement .serif{color:#d8ceff;}
.is-home .final-inner h2 .serif{color:var(--green);}
.is-home .hero-promises,.feature-eyebrow,.example-caption{color:#626774;}
.is-home .browser-text,.is-home .browser-misc,.is-home .editor-breadcrumb,.is-home .doc-meta,.is-home .side-label{color:#747986;}
.is-home .mock-editor p,.is-home .ai-bubble p{color:#626774;}
.is-home .ai-suggestion,.is-home .highlight-line{background:var(--lavender);color:var(--purple-dark);}
.is-home .saved{color:var(--green);}
@media(max-width:980px){.header .nav-links{display:none;position:absolute;left:24px;right:24px;top:calc(100% + 8px);padding:12px;background:white;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 12px 25px #25273112;flex-direction:column;align-items:stretch;gap:0}.header .nav-links.show{display:flex}.header .nav-links a{font-size:14px;padding:12px}.header .menu-btn{display:grid}}