:root{--bg:#edf2ef;--bg-deep:#e7eeea;--surface:rgba(255,255,255,.84);--surface-solid:#fff;--surface-soft:#f4f7f5;--border:rgba(22,56,45,.12);--border-strong:rgba(21,111,83,.27);--accent:#147557;--accent-bright:#2a9a75;--accent-dark:#0c5a43;--accent-soft:#e4f4ed;--ink:#12201a;--ink-2:#3d564b;--muted:#71857b;--danger:#b44343;--shadow:0 20px 60px rgba(19,55,44,.09);--shadow-soft:0 10px 30px rgba(19,55,44,.06);--radius:20px;--radius-sm:12px;--max:1080px;--tool-max:820px;}*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:90px;}body{margin:0;min-width:0;overflow-x:hidden;background:radial-gradient(circle at 70% -10%,rgba(52,157,120,.14),transparent 32%),linear-gradient(180deg,var(--bg),#f7f9f7 55%,#eef3f0);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;}a{color:inherit;}button,input,select{font:inherit;}button{appearance:none;}h1,h2,h3,h4{font-family:'Space Grotesk',Inter,system-ui,sans-serif;}#site-header{height:68px;}.topbar{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:22px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(244,247,245,.82);border-bottom:1px solid rgba(21,56,45,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.topbar-left,.topbar-right,.topbar-nav{display:flex;align-items:center;}.topbar-left{gap:10px;min-width:0;}.topbar-brand,.footer-brand-name{text-decoration:none;font:700 23px/1 'Space Grotesk',sans-serif;letter-spacing:-.045em;}.topbar-brand span,.footer-brand-name span{color:var(--accent);}.topbar-sub{color:var(--muted);font-size:12px;white-space:nowrap;}.topbar-nav{gap:24px;margin-left:auto;}.topbar-nav a,.topbar-link{text-decoration:none;font-size:13px;color:var(--ink-2);transition:color .16s ease;}.topbar-nav a:hover,.topbar-link:hover{color:var(--accent);}.topbar-right{gap:16px;}.btn-hub{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);background:rgba(255,255,255,.82);border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink-2);box-shadow:0 3px 15px rgba(17,50,40,.04);}.btn-hub svg{width:14px;height:14px;flex:none;}.section-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;}h1{margin:0 0 20px;font-size:clamp(3.1rem,6vw,5.25rem);line-height:.99;letter-spacing:-.065em;max-width:760px;}h1 span{color:var(--accent);}.sx-hero{padding:clamp(56px,7vw,86px) 22px 38px;}.sx-hero-inner{display:block;max-width:var(--max);margin:auto;}.sx-hero-copy{max-width:760px;}.sx-sub{max-width:670px;margin:0;font-size:17px;color:var(--ink-2);line-height:1.75;}.sx-hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap;}.sx-note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;}.note-dot{width:7px;height:7px;border-radius:50%;background:#35a47f;box-shadow:0 0 0 4px rgba(53,164,127,.12);}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:999px;cursor:pointer;text-decoration:none;font:700 15px 'Space Grotesk',sans-serif;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .16s ease;}.sx-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.sx-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;box-shadow:0 12px 30px rgba(20,117,87,.2);}.sx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,117,87,.24);}.sx-btn-ghost{background:rgba(255,255,255,.78);border-color:var(--border-strong);color:var(--ink-2);font-size:14px;font-weight:600;}.sx-btn-ghost:hover{color:var(--accent);border-color:rgba(20,117,87,.4);}.sx-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}.sx-btn-block{width:100%;}.sx-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;}.sx-tool{padding:8px 22px 76px;scroll-margin-top:90px;}.content-section{padding:10px 22px 90px;}.content-container{max-width:var(--max);margin:auto;}.content-block{padding:76px 0;border-top:1px solid rgba(20,55,44,.08);}.content-block h2{margin:8px 0 30px;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.055em;}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.step-card,.feature-item,.format-card,.use-card,.prose-copy{min-width:0;background:rgba(255,255,255,.56);border:1px solid rgba(20,55,44,.08);border-radius:18px;box-shadow:0 10px 28px rgba(18,56,44,.045);}.step-card{padding:23px;}.step-card > span,.feature-number{color:var(--accent);font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.08em;}.step-card h3{margin:24px 0 7px;font-size:19px;}.step-card p,.feature-item p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.65;}.large-copy{max-width:800px;margin:0;color:var(--ink-2);font-size:17px;line-height:1.8;}.format-grid,.use-grid,.prose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.format-card,.use-card{padding:24px;}.format-code{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;}.format-card h3,.use-card h3{margin:20px 0 8px;font-size:18px;letter-spacing:-.02em;}.format-card p,.use-card p,.prose-copy p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.7;}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;}.feature-item{display:flex;gap:13px;padding:20px;}.feature-number{flex:0 0 auto;}.feature-item strong{display:block;margin-bottom:5px;font-size:14px;}.prose-copy{padding:22px;}.prose-copy h3{margin:0 0 8px;font-size:16px;letter-spacing:-.02em;}.faq-list{border-top:1px solid rgba(20,55,44,.08);}.faq-item{border-bottom:1px solid rgba(20,55,44,.08);}.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:15px;font-weight:600;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary::after{content:'+';color:var(--accent);font:400 20px/1 'Space Grotesk',sans-serif;}.faq-item[open] summary::after{content:'−';}.faq-item p{margin:0;padding:0 0 20px;color:var(--ink-2);font-size:14px;line-height:1.75;max-width:780px;}.sx-share{max-width:1200px;margin:18px auto 0;padding:0;}.sx-share-card{max-width:none;margin:0;padding:24px clamp(18px,3vw,30px);display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;border:1px solid var(--border);border-radius:22px;background:linear-gradient(120deg,rgba(228,244,237,.96),rgba(255,255,255,.94) 58%,rgba(244,248,245,.96));box-shadow:var(--shadow-soft);}.sx-share-copy{min-width:0;max-width:470px;}.sx-share-copy .section-kicker{display:inline-block;}.sx-share-card h2{margin:6px 0 6px;font-size:clamp(21px,2.3vw,26px);line-height:1.1;letter-spacing:-.045em;}.sx-share-card p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.65;}.sx-share-actions{flex:1 1 470px;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:9px;}.sx-share-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}.sx-share-btns .sx-btn{min-height:44px;height:44px;padding:0 15px;gap:8px;font-size:13px;}.sx-share-btns .sx-btn svg{width:16px;height:16px;flex:none;}.sx-share-card .sx-share-note{margin:0;color:var(--muted);font-size:11px;line-height:1.4;text-align:right;}.site-footer{position:relative;overflow:hidden;padding:72px 22px 30px;background:var(--accent-dark);color:#fff;}.footer-inner{position:relative;z-index:1;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(190px,1.12fr) repeat(3,minmax(0,1fr));gap:34px;}.site-footer .footer-brand-name{color:#fff;}.site-footer .footer-brand-name span{color:#8fe3c3;}.footer-tagline{max-width:270px;margin:16px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.75;}.footer-col h4{margin:1px 0 17px;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:700;color:#8fe3c3;}.footer-col nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px;}.footer-col a{text-decoration:none;color:rgba(255,255,255,.88);font-size:13px;font-weight:500;line-height:1.45;transition:color .16s ease;}.footer-col a:hover{color:#8fe3c3;}.footer-col .footer-all{margin-top:5px;color:#8fe3c3;font-weight:650;}.footer-bottom{position:relative;z-index:1;max-width:var(--max);margin:48px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:18px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.6;}[hidden]{display:none !important;}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}@media (max-width:900px){.topbar-nav{gap:15px;}.topbar-sub{display:none;}}@media (max-width:760px){.topbar-nav{display:none;}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px;}.footer-brand{grid-column:1/-1;}.footer-links-last{grid-column:1/-1;}.footer-links-last nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;}.footer-bottom{flex-direction:column;margin-top:34px;}.steps-grid,.feature-grid{grid-template-columns:1fr;}}@media (max-width:600px){#site-header{height:62px;}.topbar{min-height:62px;padding:0 14px;}.topbar-sub{display:none;}.btn-hub{padding:8px 12px;}h1{font-size:clamp(2.8rem,14vw,4.1rem);}.sx-hero{padding:52px 15px 30px;}.sx-sub{font-size:15px;}.sx-tool,.content-section{padding-left:15px;padding-right:15px;}.content-block{padding:58px 0;}.format-grid,.use-grid,.prose-grid{grid-template-columns:1fr;}.sx-share{margin-top:14px;}.sx-share-card{align-items:flex-start;flex-direction:column;gap:18px;padding:22px 18px;}.sx-share-copy{max-width:none;}.sx-share-actions{flex:1 1 auto;align-items:flex-start;width:100%;}.sx-share-btns{width:100%;justify-content:flex-start;}.sx-share-btns .sx-btn{flex:1 1 calc(50% - 8px);padding:0 12px;}.sx-share-card .sx-share-note{text-align:left;}.footer-inner{grid-template-columns:1fr;gap:28px;}.footer-brand,.footer-links-last{grid-column:auto;}.footer-links-last nav{display:flex;}.footer-bottom{gap:7px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;}}@media (prefers-reduced-motion:reduce){.sx-share-btns .sx-btn{transition:none;}}