:root{--canvas:#f3f2ec;--paper:#fffefa;--ink:#202522;--muted:#718078;--line:#c9d1ca;--teal:#0f5b55;--pine:#071e1c;--mist:#9fd2c9;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Avenir Next", "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.6}a{color:inherit}button,input{font:inherit}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #63aaa2}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.eyebrow{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--teal)}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f3f2eced;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.wordmark{font:700 15px var(--mono);letter-spacing:.04em;color:var(--ink);white-space:nowrap;text-decoration:none}.wordmark span{color:var(--teal)}.site-nav{align-items:center;gap:24px;display:flex}.site-nav>a,.nav-menu-trigger{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:14px;font-weight:550;text-decoration:none;transition:color .15s;display:inline-flex}.site-nav>a:hover,.nav-menu-trigger:hover{color:var(--ink)}.nav-menu{position:relative}.nav-dropdown{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:190px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);left:-14px;box-shadow:0 16px 44px #20252224}.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{display:flex}.nav-dropdown a{color:var(--ink);border-radius:5px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none}.nav-dropdown a:hover{color:var(--teal);background:#0f5b550f}.header-actions{align-items:center;gap:16px;display:flex}.login-link{color:var(--muted);font-size:14px;font-weight:550;text-decoration:none}.login-link:hover{color:var(--ink)}.cta-button{background:var(--teal);color:#fff;border:1px solid var(--teal);white-space:nowrap;border-radius:6px;padding:9px 18px;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s;display:inline-block}.cta-button:hover{background:#11706a}.cta-button.ghost{color:var(--teal);background:0 0}.cta-button.ghost:hover{background:#0f5b550f}.cta-button.large{padding:13px 26px;font-size:16px}.hero-work{text-align:center;padding:76px 0 64px}.hero-work h1{font-family:var(--serif);letter-spacing:-.02em;margin:16px 0 14px;font-size:clamp(38px,4.6vw,58px);font-weight:500;line-height:1.08}.hero-work .lede{color:var(--muted);max-width:520px;margin:0 auto 34px;font-size:17px}.workbar{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;max-width:640px;margin:0 auto 26px;padding:12px 12px 12px 18px;display:flex;box-shadow:0 18px 50px #2025221a}.workbar-input{color:var(--muted);flex:1;align-items:center;gap:10px;min-width:0;font-size:14.5px;display:flex}.workbar-input svg{color:var(--teal);flex-shrink:0}.workbar-input>span{text-align:left;flex:1}.workbar-chip{border:1px solid var(--line);color:var(--teal);cursor:pointer;background:0 0;border-radius:99px;flex-shrink:0;padding:5px 13px;font-size:12.5px;font-weight:600}.workbar-chip:hover{border-color:var(--teal);background:#0f5b550d}.mode-tabs{justify-content:center;gap:6px;margin-bottom:30px;display:flex}.mode-tabs span{color:var(--muted);border:1px solid #0000;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.mode-tabs span.active{color:var(--teal);background:var(--paper);border-color:var(--line)}.viz-grid{grid-template-columns:repeat(10,1fr);gap:10px;max-width:860px;margin:0 auto;display:grid}.viz-item{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:11.5px;font-weight:550;display:flex}.viz-icon{background:var(--paper);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:flex-end;gap:3px;width:52px;height:44px;padding:9px;display:flex}.viz-icon i{background:var(--teal);opacity:.8;border-radius:2px;width:7px}.viz-icon[data-variant="0"] i:first-child{height:40%}.viz-icon[data-variant="0"] i:nth-child(2){height:75%}.viz-icon[data-variant="0"] i:nth-child(3){height:55%}.viz-icon[data-variant="1"] i:first-child{height:70%}.viz-icon[data-variant="1"] i:nth-child(2){height:45%}.viz-icon[data-variant="1"] i:nth-child(3){height:85%}.viz-icon[data-variant="2"] i:first-child{height:55%}.viz-icon[data-variant="2"] i:nth-child(2){height:90%}.viz-icon[data-variant="2"] i:nth-child(3){height:35%}.viz-icon[data-variant="3"] i:first-child{height:85%}.viz-icon[data-variant="3"] i:nth-child(2){height:60%}.viz-icon[data-variant="3"] i:nth-child(3){height:45%}.viz-icon[data-variant="4"] i:first-child{height:50%}.viz-icon[data-variant="4"] i:nth-child(2){height:65%}.viz-icon[data-variant="4"] i:nth-child(3){height:95%}.section{padding:68px 0}.section-head{max-width:560px;margin-bottom:40px}.section-head.split{justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.section-head h2{font-family:var(--serif);letter-spacing:-.015em;margin:12px 0 14px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.15}.section-head p{color:var(--muted);margin:0}.view-all{color:var(--teal);white-space:nowrap;padding-bottom:6px;font-size:14px;font-weight:600;text-decoration:none}.view-all:hover{text-decoration:underline}.section-cta{text-align:center;margin-top:40px}.template-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.template-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.template-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 12px 30px #2025221a}.template-thumb{background:var(--canvas);border-radius:5px;align-items:flex-end;gap:6px;height:88px;padding:12px;display:flex}.template-thumb i{background:var(--teal);opacity:.75;border-radius:2px 2px 0 0;flex:1}.compare-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.compare-block{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 26px}.compare-block h3{font-family:var(--serif);margin:12px 0 8px;font-size:22px;font-weight:500}.compare-block p{color:var(--muted);margin:0;font-size:14px}.logo-strip{border-block:1px solid var(--line);background:var(--paper);padding:22px 0;overflow:hidden}.logo-track{gap:56px;width:max-content;animation:36s linear infinite marquee;display:flex}.logo-track span{font:700 14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:.75}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.testimonial-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:18px;margin:0;padding:26px 24px;display:flex}.testimonial-card blockquote{margin:0;font-size:15px;line-height:1.55}.testimonial-card figcaption{align-items:center;gap:12px;margin-top:auto;display:flex}.testimonial-card .avatar{background:var(--teal);color:#fff;width:38px;height:38px;font:700 12px var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.testimonial-card strong{font-size:14px;display:block}.testimonial-card small{color:var(--muted);font-size:12.5px}.quote-row{flex-wrap:wrap;gap:10px;display:flex}.quote-row span{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 16px;font-size:13px}.quote-row span.alt{background:var(--pine);border-color:var(--pine);color:var(--mist)}.features{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{padding:4px 8px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{color:var(--muted);margin:0;font-size:14px}.connector-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.connector-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex}.connector-logo{width:34px;height:34px;color:var(--teal);font:700 15px var(--mono);background:#0f5b5514;border-radius:8px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.connector-card strong{font-size:14px}.connector-card em{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-style:normal}.band{background:var(--pine);color:#ecf5f1;padding:72px 0}.band .eyebrow{color:var(--mist)}.band h2{font-family:var(--serif);letter-spacing:-.015em;margin:12px 0 14px;font-size:clamp(28px,3.2vw,40px);font-weight:500}.band p{color:#ecf5f1a8;max-width:560px;margin:0}.band-split{justify-content:space-between;align-items:center;gap:48px;display:flex}.lock-visual{color:var(--mist);opacity:.6;flex-shrink:0}.final-cta{text-align:center}.final-cta h2{font-family:var(--serif);letter-spacing:-.015em;margin:12px 0 24px;font-size:clamp(28px,3.2vw,40px);font-weight:500}.tiers{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.tier{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:28px 26px;display:flex}.tier.featured{border-color:var(--teal);box-shadow:0 14px 40px #0f5b551a}.tier h3{margin:0;font-size:17px}.tier .price{font-family:var(--serif);letter-spacing:-.03em;margin:14px 0 2px;font-size:40px}.tier .price small{font-size:14px;font-family:var(--sans);color:var(--muted)}.tier .tier-note{color:var(--muted);margin:0 0 18px;font-size:13px}.tier ul{gap:9px;margin:0 0 24px;padding:0;font-size:14px;list-style:none;display:grid}.tier li:before{content:"✓  ";color:var(--teal);font-weight:700}.tier .cta-button{text-align:center;margin-top:auto}.prose{max-width:680px;padding:72px 0 96px}.prose h1{font-family:var(--serif);letter-spacing:-.02em;margin:14px 0 20px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.1}.prose h2{font-family:var(--serif);margin:40px 0 12px;font-size:26px;font-weight:500}.prose p,.prose li{color:#3d453f}.prose code{font:13px var(--mono);background:#e8eae2;border-radius:4px;padding:2px 6px}.prose pre{background:var(--pine);color:#ffca85;font:13px var(--mono);border-radius:8px;padding:16px 18px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.post-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:24px 26px}.post-card time{font:700 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.post-card h2{font-family:var(--serif);margin:8px 0;font-size:22px;font-weight:500}.post-card p{color:var(--muted);margin:0;font-size:14px}.site-footer{border-top:1px solid var(--line);background:var(--paper);color:var(--muted);padding:56px 0 40px;font-size:13px}.footer-top{align-items:flex-start;gap:56px;display:flex}.footer-brand{flex-direction:column;flex-shrink:0;gap:18px;display:flex}.footer-socials{gap:14px;display:flex}.footer-socials a{color:var(--muted)}.footer-socials a:hover{color:var(--teal)}.footer-columns{flex:1;grid-template-columns:repeat(6,1fr);gap:24px;display:grid}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col p{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin:0 0 4px}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);margin-top:44px;padding-top:20px}@media (max-width:1000px){.viz-grid{grid-template-columns:repeat(5,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.connector-grid,.footer-columns{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.site-nav{display:none}.steps,.features,.tiers,.compare-grid,.testimonial-grid{grid-template-columns:1fr}.workbar{flex-direction:column;align-items:stretch}.band-split{flex-direction:column;align-items:flex-start}.footer-top{flex-direction:column}.footer-columns,.connector-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}