:root{--ink:#1d1d22;--muted:#696974;--line:#ece8dc;--yellow:#ffd94d;--pink:#ff5aa8;--green:#26c979;--mint:#dff8ce;--cream:#fffdf4;--white:#fff;--shadow:0 18px 60px rgba(29,29,34,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,56px);background:rgba(255,253,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pink)}.nav{display:flex;align-items:center;gap:20px;font-weight:700;font-size:14px}.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;border:2px solid var(--ink);padding:0 18px;font-weight:900;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover,.nav-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary{background:var(--pink);color:#fff}.secondary{background:var(--yellow)}.full{width:100%}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:48px;align-items:center;padding:64px clamp(18px,5vw,72px) 42px;min-height:calc(100vh - 74px)}.hero-copy h1,.auth-panel h1,.app-hero h1{font-size:clamp(42px,6vw,82px);line-height:.93;margin:10px 0 20px;max-width:980px}.hero-text{font-size:clamp(18px,2vw,23px);line-height:1.45;color:#3d3d46;max-width:760px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:950;color:#17171b;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span,.pill{border:1px solid var(--ink);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hero-media{position:relative;min-height:520px;border:2px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:10px 10px 0 var(--green);background:#fff}.hero-media img{width:100%;height:100%;min-height:520px;object-fit:cover}.floating-ticket{position:absolute;left:22px;bottom:22px;display:grid;gap:4px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:14px 16px;box-shadow:5px 5px 0 var(--yellow);font-weight:800}.floating-ticket span{font-size:13px;color:var(--muted)}.ticker-band{display:grid;grid-template-columns:repeat(5,1fr);border-block:2px solid var(--ink);background:var(--green);font-weight:950;text-align:center}.ticker-band span{padding:18px 10px;border-right:2px solid var(--ink)}.ticker-band span:last-child{border-right:0}.section{padding:76px clamp(18px,5vw,72px)}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1fr);gap:42px;align-items:center}.section h2,.image-band h2,.cta h2{font-size:clamp(32px,4vw,56px);line-height:1;margin:10px 0 16px}.section p,.image-band p,.cta p{color:#4d4d56;line-height:1.65;font-size:17px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.mini-grid div{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:16px;box-shadow:5px 5px 0 var(--yellow)}.mini-grid b{display:block;font-size:32px}.mini-grid span{font-weight:800}.board-preview{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:18px;box-shadow:12px 12px 0 var(--pink)}.board-top,.preview-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px}.preview-card{display:grid}.preview-card b{font-size:17px}.preview-card span{color:var(--muted);font-size:14px}.preview-card.hot{background:var(--mint);border:2px solid var(--ink);border-radius:8px;margin:8px 0}.image-band{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1fr);gap:42px;align-items:center;padding:76px clamp(18px,5vw,72px);background:#fff;border-block:2px solid var(--ink)}.image-band img{border:2px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--yellow);width:100%;aspect-ratio:4/3;object-fit:cover}.center{text-align:center;margin-inline:auto}.feature-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.feature-grid article,.price-card{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:24px;box-shadow:7px 7px 0 var(--ink)}.feature-grid h3,.price-card h3{font-size:22px;margin:16px 0 8px}.pill.yellow{background:var(--yellow)}.pill.green{background:var(--mint)}.pill.pink{background:#ffe0ee}.pricing{background:#f8ffe9;border-block:2px solid var(--ink)}.price{font-size:50px;font-weight:950;margin:8px 0}.price span{font-size:18px;color:var(--muted)}.price-card.featured{background:var(--yellow);box-shadow:9px 9px 0 var(--pink)}.cta{margin:72px clamp(18px,5vw,72px);padding:34px;display:grid;grid-template-columns:1fr minmax(280px,.55fr);gap:28px;align-items:center;background:var(--green);border:2px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--yellow)}.lead-form{display:grid;gap:12px}.lead-form input,.stack-form input,.stack-form select,.stack-form textarea{width:100%;min-height:46px;border:2px solid var(--ink);border-radius:8px;background:#fff;padding:10px 12px;font:inherit}.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-weight:700}.flash-wrap{position:fixed;right:18px;top:82px;z-index:20;display:grid;gap:8px}.flash{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:12px 14px;box-shadow:5px 5px 0 var(--ink);font-weight:800}.flash.success{background:var(--mint)}.flash.error{background:#ffe0ee}.auth-page{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:42px 18px}.auth-panel{width:min(520px,100%);background:#fff;border:2px solid var(--ink);border-radius:8px;padding:32px;box-shadow:10px 10px 0 var(--green)}.auth-panel h1{font-size:42px}.stack-form{display:grid;gap:14px}.stack-form label{font-weight:850;display:grid;gap:7px}.fine-print{color:var(--muted)}.app-shell{padding:30px clamp(14px,3vw,42px) 70px}.app-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0 18px}.app-hero h1{font-size:56px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.metric-row div{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:18px;box-shadow:5px 5px 0 var(--yellow)}.metric-row span{display:block;color:var(--muted);font-weight:800}.metric-row b{font-size:28px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,380px);gap:18px}.action-column,.side-panel,.contact-table{background:#fff;border:2px solid var(--ink);border-radius:8px;padding:20px;box-shadow:7px 7px 0 rgba(29,29,34,.18)}.action-card{display:grid;grid-template-columns:42px 1fr;gap:14px;border:2px solid var(--ink);border-radius:8px;padding:16px;margin:12px 0;background:#fff}.action-card.done{opacity:.58}.priority{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--pink);color:#fff;border:2px solid var(--ink);font-weight:950}.action-card h3{margin:0 0 6px;font-size:20px}.reason{margin:0 0 12px;color:var(--muted);font-weight:750}.draft{background:#f7f7f2;border:1px solid var(--line);border-radius:8px;padding:12px;line-height:1.5}.card-actions{display:flex;gap:8px;margin-top:10px;align-items:center}.small-button,.text-button{border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-weight:900;padding:8px 10px;cursor:pointer}.text-button{background:#fff;color:#c33}.compact{gap:10px}.contact-table{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}td span{display:block;color:var(--muted);font-size:13px}.empty-state{border:2px dashed var(--ink);border-radius:8px;padding:24px;background:#fff8d7;font-weight:850}@media (max-width:940px){.hero,.split,.image-band,.cta,.workspace-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:42px}.hero-media,.hero-media img{min-height:360px}.feature-grid,.price-grid,.metric-row,.mini-grid,.ticker-band{grid-template-columns:1fr}.ticker-band span{border-right:0;border-bottom:2px solid var(--ink)}.nav{gap:10px;font-size:13px}.nav a:not(.nav-button){display:none}.app-hero{align-items:start;flex-direction:column}.hero-copy h1{font-size:44px}}@media (max-width:520px){.site-header{padding-inline:14px}.hero-copy h1{font-size:40px}.section h2,.image-band h2,.cta h2{font-size:34px}.hero-actions .button{width:100%}.auth-panel{padding:22px}.app-hero h1{font-size:42px}}
html,body{max-width:100%;overflow-x:hidden}.hero-copy,.hero-media,.section,.image-band,.cta,.app-shell{min-width:0}.hero-copy h1,.section h2,.image-band h2,.cta h2,.app-hero h1{max-width:100%;overflow-wrap:break-word}@media (max-width:520px){.site-header{gap:8px}.brand{gap:8px}.brand span:last-child{font-size:16px}.mark{width:32px;height:32px}.nav-button{min-height:38px;padding:0 10px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.hero{padding-left:24px;padding-right:24px}.hero-copy h1{font-size:36px;line-height:1.05}.hero-text{font-size:18px}.trust-row{display:grid;grid-template-columns:1fr;align-items:start}.trust-row span{width:max-content;max-width:100%}.hero-media,.hero-media img{min-height:320px}.floating-ticket{left:14px;right:14px;bottom:14px}.mini-grid div,.feature-grid article,.price-card,.action-column,.side-panel,.contact-table{box-shadow:4px 4px 0 rgba(29,29,34,.18)}}
@media (max-width:520px){.hero{display:block;width:100%;max-width:100vw}.hero-copy,.hero-actions,.hero-media{width:100%;max-width:calc(100vw - 48px)}.hero-copy h1{width:100%;font-size:34px;line-height:1.08;overflow-wrap:anywhere;word-break:normal}.hero-text{width:100%;overflow-wrap:anywhere}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%;max-width:100%}.hero-media img{width:100%;max-width:100%;object-position:center}.section,.image-band,.cta{max-width:100vw;overflow:hidden}.board-preview{max-width:100%;box-shadow:5px 5px 0 var(--pink)}}
@media (max-width:520px){.hero-copy,.hero-actions,.hero-media{max-width:342px}.hero-copy h1{font-size:38px;line-height:1.02}.hero-actions .button{width:342px}.hero-media{width:342px}.hero-text{max-width:342px}.site-header{max-width:100vw}}
@media (max-width:374px){.hero-copy,.hero-actions,.hero-media,.hero-text{max-width:calc(100vw - 36px)}.hero-actions .button,.hero-media{width:calc(100vw - 36px)}}
.hero{min-height:min(820px,calc(88vh - 74px))}
@media (max-width:940px){.hero{min-height:auto}}

.logo-brand img{width:190px;height:auto;max-width:46vw}.logo-brand{gap:0}.brand.logo-brand{font-size:0}
@media (max-width:520px){.logo-brand img{width:152px;max-width:44vw}}

.plan-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:16px 18px;box-shadow:6px 6px 0 var(--pink)}.plan-strip span,.plan-strip small{display:block;color:var(--muted);font-weight:800}.plan-strip b{font-size:24px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{text-decoration:underline;text-underline-offset:3px}.legal-page{padding:54px clamp(18px,5vw,72px) 80px}.legal-page section{max-width:860px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:34px;box-shadow:8px 8px 0 var(--yellow)}.legal-page h1{font-size:clamp(38px,5vw,62px);line-height:1;margin:12px 0 22px}.legal-page h2{font-size:24px;margin:30px 0 8px}.legal-page p{font-size:17px;line-height:1.65;color:#3f3f48}@media (max-width:700px){.plan-strip{display:grid}.plan-strip .button{width:100%}}

.mini-link{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:3px}.upgrade-actions{display:flex;gap:10px;flex-wrap:wrap}.upgrade-actions .button{min-height:40px;padding:0 12px;box-shadow:3px 3px 0 var(--ink)}@media (max-width:700px){.upgrade-actions{display:grid}.upgrade-actions .button{width:100%}}
