.home-hero{border-bottom:1px solid var(--line);background:var(--surface);overflow:hidden}.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:70px;min-height:680px;padding-block:88px 96px;display:grid}.hero-copy h1{max-width:730px}.hero-button{margin-top:18px}.hero-demo{min-height:430px;position:relative}.demo-window{border:1px solid var(--line);background:var(--surface-strong);width:min(390px,86%);min-height:245px;box-shadow:var(--shadow);border-radius:12px;padding:28px;position:absolute}.demo-source{top:0;left:0;transform:rotate(-2deg)}.demo-result{border-top:4px solid var(--accent);bottom:45px;right:0;transform:rotate(1.5deg)}.demo-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px;font-size:11px;font-weight:800;display:block}.demo-line,.demo-heading{background:#ccd2cd;border-radius:2px;height:9px;margin-bottom:12px;display:block}.demo-heading{background:#4d5a57;width:58%;height:15px;margin-top:26px}.demo-line.long{width:92%}.demo-line.medium{width:72%}.demo-line.short{width:48%}.demo-result code{color:#29423f;white-space:nowrap;margin-bottom:16px;font-family:Consolas,Courier New,monospace;font-size:13px;display:block}.demo-arrow{z-index:2;border:5px solid var(--paper);color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:52px;height:52px;font-size:23px;font-weight:900;display:grid;position:absolute;top:47%;left:47%}.demo-local{z-index:3;color:var(--accent-dark);background:#f2faf8;border:1px solid #bcd4d0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700;position:absolute;bottom:0;right:12px}.demo-local span{margin-right:4px}.tools-section{padding-block:110px 120px}.section-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;margin-bottom:40px;display:grid}.section-heading h2{max-width:720px;margin-bottom:0}.section-heading>p{color:var(--muted);margin-bottom:5px;font-size:16px}.markdown-heading{margin-top:100px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tools-grid-single{grid-template-columns:minmax(0,1fr)}.tools-grid-single .tool-card{min-height:250px}.source-heading{margin-top:100px}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);border-top:4px solid #0000;flex-direction:column;min-height:290px;padding:32px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.tool-card:hover{border-color:#91b4af;border-top-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 34px #17201f14}.tool-direction{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800}.tool-card h3{max-width:500px;font-family:var(--font-display);margin:24px 0 14px;font-size:27px;font-weight:600}.tool-card p{max-width:510px;color:var(--muted);margin-bottom:28px}.tool-action{color:var(--accent-dark);margin-top:auto;font-weight:750}.tool-action b{margin-left:7px;transition:transform .16s;display:inline-block}.tool-card:hover .tool-action b{transform:translate(4px)}.principles-section{color:#fff;background:#182725;padding-block:105px}.principles-section .eyebrow{color:#7bc0ba}.principles-grid{grid-template-columns:.88fr 1.12fr;gap:110px;display:grid}.principle-list{border-top:1px solid #41524f}.principle-list article{border-bottom:1px solid #41524f;grid-template-columns:48px 1fr;gap:22px;padding:26px 0;display:grid}.principle-list article>span{color:#7bc0ba;font-family:var(--font-display);font-size:18px}.principle-list h3{margin-bottom:7px;font-size:18px}.principle-list p{color:#aebbb8;margin-bottom:0;font-size:14px}.faq-section{max-width:900px;padding-block:110px 130px}.seo-guide-section{padding-block:110px 25px}.seo-guide-heading{max-width:900px}.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:50px;display:grid}.seo-guide-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px}.seo-guide-grid article>span{color:var(--accent);font-family:var(--font-display);font-size:18px}.seo-guide-grid h3{font-family:var(--font-display);margin:22px 0 12px;font-size:25px;font-weight:600}.seo-guide-grid p{color:var(--muted);margin-bottom:0}.seo-guide-grid a{color:var(--accent-dark);text-underline-offset:3px;font-weight:700}.seo-guide-grid a:hover{text-decoration-thickness:2px}.faq-list{border-top:1px solid var(--line-strong);margin-top:38px}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{cursor:pointer;padding:23px 46px 23px 0;font-size:18px;font-weight:750;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent);font-size:27px;font-weight:400;line-height:1;position:absolute;right:4px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:720px;color:var(--muted);margin-bottom:24px}:root[data-theme=dark] .demo-line{background:#46514e}:root[data-theme=dark] .demo-heading{background:#85928e}:root[data-theme=dark] .demo-result code{color:#b9ded9}:root[data-theme=dark] .demo-local{color:#c9ebe7;background:#1b302d;border-color:#426763}:root[data-theme=dark] .tool-card:hover{border-color:#547b77;box-shadow:0 16px 34px #00000040}:root[data-theme=dark] .seo-guide-grid a{color:var(--accent)}@media (max-width:920px){.home-hero-grid{grid-template-columns:1fr;gap:50px}.hero-demo{width:min(560px,100%);margin-inline:auto}.section-heading,.principles-grid,.seo-guide-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:650px){.home-hero-grid{min-height:0;padding-block:64px 72px}.hero-demo{min-height:355px}.demo-window{min-height:210px;padding:22px}.demo-result code{font-size:11px;overflow:hidden}.demo-arrow{left:43%}.tools-section,.faq-section,.seo-guide-section{padding-block:74px 86px}.seo-guide-section{padding-bottom:10px}.markdown-heading{margin-top:72px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:250px;padding:25px}.principles-section{padding-block:78px}}