:root{--ink: #111111;--paper: #fff8e7;--paper-2: #f7efd8;--green: #d8ff3e;--mint: #9dffd7;--blue: #5bd8ff;--pink: #ff76bd;--orange: #ff9a3c;--purple: #a994ff;--red: #ff5a5a;--white: #ffffff;--shadow: 8px 8px 0 var(--ink);--shadow-sm: 5px 5px 0 var(--ink);--shadow-lg: 14px 14px 0 var(--ink);--radius: 24px;--radius-sm: 16px;--max: 1180px;--ease: cubic-bezier(.18, .88, .24, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);overflow-x:hidden;overflow-x:clip}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 10%,rgba(216,255,62,.72),transparent 20rem),radial-gradient(circle at 82% 6%,rgba(91,216,255,.55),transparent 24rem),radial-gradient(circle at 65% 72%,rgba(255,118,189,.35),transparent 26rem),linear-gradient(180deg,var(--paper),#fff3cb 52%,#fff8e7);overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--green);color:var(--ink)}.bg-grid{position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(rgba(17,17,17,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.07) 1px,transparent 1px);background-size:34px 34px;animation:gridDrift 18s linear infinite;mask-image:linear-gradient(180deg,black,rgba(0,0,0,.64),transparent 96%)}@keyframes gridDrift{0%{background-position:0 0}to{background-position:34px 34px}}.scroll-progress{position:fixed;top:0;left:0;height:7px;width:0%;z-index:200;background:linear-gradient(90deg,var(--pink),var(--green),var(--blue));border-bottom:2px solid var(--ink)}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.nav{position:sticky;top:0;z-index:100;background:#fff8e7e6;backdrop-filter:blur(14px);border-bottom:3px solid var(--ink)}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:950;font-size:20px;letter-spacing:-.055em;white-space:nowrap}.logo{width:42px;height:42px;border:3px solid var(--ink);border-radius:12px;background:var(--green);box-shadow:4px 4px 0 var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}.logo:before,.logo:after{content:"";width:25px;height:6px;background:var(--ink);border-radius:99px;position:absolute;transform:rotate(-22deg)}.logo:after{width:16px;transform:rotate(22deg) translate(8px,9px)}.brand-logo{height:30px;width:auto;display:block;filter:brightness(0) invert(1)}.nav-links{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.nav-links a{padding:10px 12px;border:2px solid transparent;border-radius:999px;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.nav-links a:hover{background:var(--white);border-color:var(--ink);transform:translateY(-2px)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-cta{display:none}.mobile{display:none;width:44px;height:44px;border:3px solid var(--ink);border-radius:14px;background:var(--white);box-shadow:4px 4px 0 var(--ink);font-weight:950;cursor:pointer}.btn{appearance:none;border:3px solid var(--ink);border-radius:999px;min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:950;letter-spacing:-.025em;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease);position:relative;isolation:isolate;white-space:nowrap;color:var(--ink)}.btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--green)}.btn-secondary{background:var(--white)}.btn-dark{background:var(--ink);color:var(--white);box-shadow:6px 6px 0 var(--pink)}.btn-dark:hover{box-shadow:9px 9px 0 var(--pink)}.hero{position:relative;padding:64px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:42px;align-items:center}.tag{display:inline-flex;align-items:center;gap:9px;background:var(--white);border:3px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);padding:10px 14px;font-weight:950;font-size:13px;letter-spacing:-.015em;transform:rotate(-1deg)}.tag-dot{width:12px;height:12px;border-radius:50%;background:var(--pink);border:2px solid var(--ink);animation:blink 1.5s steps(2,jump-none) infinite}@keyframes blink{50%{background:var(--green)}}h1{margin:22px 0 20px;font-size:clamp(48px,7.7vw,98px);line-height:.88;letter-spacing:-.082em;font-weight:1000;max-width:850px}.headline-pop{display:inline-block;background:var(--green);border:4px solid var(--ink);border-radius:22px;padding:0 .12em .06em;box-shadow:var(--shadow);transform:rotate(-1.5deg);white-space:nowrap}.hero-sub{max-width:720px;margin:0 0 28px;font-size:clamp(18px,2vw,23px);line-height:1.38;letter-spacing:-.028em;font-weight:680}.hero-sub strong{background:linear-gradient(transparent 55%,var(--mint) 55%);font-weight:950}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.proof-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}.proof-pill{border:3px solid var(--ink);border-radius:999px;background:var(--white);box-shadow:4px 4px 0 var(--ink);padding:9px 12px;font-size:13px;font-weight:900}.trust-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.trust-card{background:var(--white);border:3px solid var(--ink);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.trust-card:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:8px 8px 0 var(--ink)}.trust-card b{display:block;font-size:23px;letter-spacing:-.055em}.trust-card span{display:block;margin-top:4px;font-size:13px;line-height:1.25;font-weight:760}.hero-stage{min-height:650px;position:relative;perspective:1100px}.brutal-window{position:absolute;inset:8px 0 auto auto;width:min(100%,590px);background:var(--white);border:4px solid var(--ink);border-radius:30px;box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(1.5deg);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.brutal-window:hover{transform:rotate(0) translate(-4px,-4px);box-shadow:18px 18px 0 var(--ink)}.window-top{height:54px;border-bottom:4px solid var(--ink);background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:950}.dots{display:flex;gap:7px}.dots span{width:15px;height:15px;border:3px solid var(--ink);border-radius:50%;background:var(--pink)}.dots span:nth-child(2){background:var(--orange)}.dots span:nth-child(3){background:var(--blue)}.product-ui{padding:18px;display:grid;grid-template-columns:170px 1fr;gap:14px;min-height:540px;background:linear-gradient(90deg,rgba(17,17,17,.04) 1px,transparent 1px),linear-gradient(rgba(17,17,17,.04) 1px,transparent 1px),var(--paper);background-size:20px 20px}.side{border:3px solid var(--ink);border-radius:20px;background:var(--white);padding:12px;box-shadow:var(--shadow-sm)}.side h4{margin:0 0 11px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.side-item{display:flex;align-items:center;gap:8px;padding:10px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);margin-bottom:8px;font-weight:900;font-size:12px}.side-item.active{background:var(--mint);box-shadow:4px 4px 0 var(--ink)}.ui-main{display:grid;gap:12px}.ui-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:3px solid var(--ink);border-radius:20px;background:var(--white);padding:14px;box-shadow:var(--shadow-sm)}.ui-head h3{margin:0;font-size:24px;letter-spacing:-.055em}.ui-head p{margin:3px 0 0;font-weight:760;font-size:13px}.status{display:inline-flex;align-items:center;border:3px solid var(--ink);border-radius:999px;background:var(--green);padding:7px 10px;font-weight:950;font-size:12px;white-space:nowrap}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{min-height:106px;border:3px solid var(--ink);border-radius:18px;background:var(--white);padding:12px;box-shadow:4px 4px 0 var(--ink);position:relative;overflow:hidden}.mini b{font-size:24px;letter-spacing:-.055em}.mini span{display:block;font-size:12px;line-height:1.22;font-weight:800;margin-top:3px}.mini:after{content:"";position:absolute;inset:auto 10px 10px;height:10px;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 16px);animation:barSlide 3.6s linear infinite}@keyframes barSlide{0%{background-position:0 0}to{background-position:32px 0}}.pipeline-board{border:3px solid var(--ink);border-radius:20px;background:var(--white);padding:12px;box-shadow:var(--shadow-sm)}.pipeline-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-weight:950}.columns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.col{border:3px solid var(--ink);border-radius:16px;background:var(--paper);padding:8px;min-height:168px}.col h5{margin:0 0 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.deal{background:var(--white);border:3px solid var(--ink);border-radius:13px;padding:9px;margin-bottom:8px;box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:950;animation:cardNudge 5s ease-in-out infinite}.deal small{display:block;font-size:10px;margin-top:3px;font-weight:800;opacity:.75}.deal.hot{background:var(--green)}@keyframes cardNudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.float-card{position:absolute;z-index:3;background:var(--white);border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow);padding:16px;animation:bob 5.5s ease-in-out infinite}.float-card.activity{top:70px;left:-14px;width:250px;transform:rotate(-3deg)}.float-card.deck{bottom:22px;right:8px;width:255px;transform:rotate(3deg);animation-delay:-1.3s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -14px}}.activity-row{display:flex;gap:10px;padding:9px 0;border-bottom:3px solid var(--ink);align-items:flex-start}.activity-row:last-child{border-bottom:0;padding-bottom:0}.avatar{width:34px;height:34px;border-radius:12px;border:3px solid var(--ink);background:var(--blue);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.activity-row b{display:block;font-size:13px;letter-spacing:-.02em}.activity-row span{display:block;font-size:12px;font-weight:800;margin-top:2px;opacity:.75;line-height:1.25}.deck-art{height:126px;border:3px solid var(--ink);border-radius:18px;background:linear-gradient(135deg,var(--green),var(--blue));padding:14px;position:relative;overflow:hidden}.deck-line{height:10px;border-radius:99px;background:var(--ink);margin:10px 0}.deck-line.short{width:58%}.deck-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:950;font-size:12px}.marquee{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--ink);color:var(--paper);overflow:hidden;transform:rotate(-1deg) scale(1.02);margin:24px 0}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.marquee span{display:inline-flex;align-items:center;gap:18px;padding:14px 18px;font-size:20px;font-weight:1000;letter-spacing:-.04em;white-space:nowrap}.marquee i{width:14px;height:14px;display:inline-block;background:var(--green);border-radius:50%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:82px 0;position:relative}.section-head{max-width:820px;margin:0 auto 34px;text-align:center}.kicker{display:inline-flex;border:3px solid var(--ink);border-radius:999px;background:var(--pink);box-shadow:var(--shadow-sm);padding:9px 13px;font-weight:1000;font-size:12px;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-1deg);margin-bottom:17px}h2{margin:0;font-size:clamp(36px,5.3vw,70px);line-height:.92;letter-spacing:-.078em;font-weight:1000}.section-sub{font-size:18px;line-height:1.45;font-weight:720;letter-spacing:-.02em;margin:17px auto 0;max-width:700px}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brutal-card{background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden;transition:transform .19s var(--ease),box-shadow .19s var(--ease)}.brutal-card:hover{transform:translate(-5px,-5px) rotate(-.5deg);box-shadow:14px 14px 0 var(--ink)}.pain-card{min-height:255px}.card-num{display:inline-grid;place-items:center;width:46px;height:46px;border:3px solid var(--ink);border-radius:15px;box-shadow:4px 4px 0 var(--ink);background:var(--green);font-weight:1000;margin-bottom:18px}.pain-card:nth-child(2) .card-num{background:var(--blue)}.pain-card:nth-child(3) .card-num{background:var(--pink)}.pain-card:nth-child(4) .card-num{background:var(--orange)}.brutal-card h3{margin:0 0 10px;font-size:24px;letter-spacing:-.055em;line-height:1;font-weight:1000}.brutal-card p{margin:0;font-size:15px;line-height:1.45;font-weight:720}.solution-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}.tabs{display:grid;gap:14px}.tab{text-align:left;cursor:pointer;border:4px solid var(--ink);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);padding:22px;transition:transform .19s var(--ease),box-shadow .19s var(--ease),background .19s var(--ease)}.tab.active{background:var(--green);transform:translate(-4px,-4px);box-shadow:13px 13px 0 var(--ink)}.tab small{display:inline-flex;border:3px solid var(--ink);border-radius:999px;background:var(--paper);padding:6px 10px;font-size:11px;font-weight:1000;margin-bottom:12px}.tab h3{margin:0 0 8px;font-size:24px;letter-spacing:-.055em;font-weight:1000}.tab p{margin:0;font-size:15px;line-height:1.42;font-weight:720}.live-demo{min-height:650px;background:var(--white);border:4px solid var(--ink);border-radius:34px;box-shadow:var(--shadow-lg);padding:18px;overflow:hidden;position:relative}.demo-screen{position:absolute;inset:18px;border:4px solid var(--ink);border-radius:24px;background:var(--paper);padding:20px;opacity:0;transform:translateY(24px) rotate(.8deg) scale(.98);transition:opacity .36s var(--ease),transform .36s var(--ease);pointer-events:none}.demo-screen.active{opacity:1;transform:translateY(0) rotate(0) scale(1);pointer-events:auto}.screen-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.screen-top h3{margin:0;font-size:30px;letter-spacing:-.065em}.screen-top p{margin:4px 0 0;font-weight:750}.builder{display:grid;gap:12px}.composer-title,.composer-box,.metric-strip,.ask-box,.doc-preview,.doc-viewer,.pipe-card{border:3px solid var(--ink);border-radius:18px;background:var(--white);box-shadow:5px 5px 0 var(--ink)}.composer-title{padding:14px;font-weight:950}.composer-box{min-height:210px;padding:16px;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(17,17,17,.12) 33px 36px),var(--white)}.line{height:11px;border-radius:99px;background:var(--ink);margin-bottom:16px;animation:typeLine 2.6s ease-in-out infinite;transform-origin:left}.line.l1{width:92%}.line.l2{width:76%;animation-delay:.1s}.line.l3{width:84%;animation-delay:.2s}.line.l4{width:58%;animation-delay:.3s}@keyframes typeLine{0%,to{transform:scaleX(.94);opacity:.82}50%{transform:scaleX(1);opacity:1}}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;background:var(--green)}.metric{border:3px solid var(--ink);border-radius:14px;background:var(--white);padding:10px;font-weight:950}.metric span{display:block;font-size:12px;font-weight:800;margin-top:2px}.ask-box{padding:14px;background:var(--pink);font-weight:950}.doc-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;min-height:500px}.doc-preview{padding:22px;background:linear-gradient(135deg,var(--green),var(--blue));position:relative;overflow:hidden}.doc-preview h4{margin:0;font-size:40px;line-height:.9;letter-spacing:-.075em;max-width:330px}.slide-stack{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:10px}.slide-stack div{height:18px;border:3px solid var(--ink);border-radius:999px;background:var(--white)}.doc-viewers{display:grid;gap:12px;align-content:start}.doc-viewer{padding:14px;background:var(--white)}.doc-viewer b{font-size:16px;font-weight:1000}.doc-viewer span{display:block;margin-top:4px;font-size:12px;font-weight:800}.progress{height:15px;border:3px solid var(--ink);border-radius:999px;margin-top:10px;overflow:hidden;background:var(--paper)}.progress i{display:block;height:100%;background:var(--green);width:var(--w);animation:fillPulse 2.2s ease-in-out infinite}@keyframes fillPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.16)}}.pipe-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pipe-col{border:3px solid var(--ink);border-radius:20px;background:var(--white);box-shadow:5px 5px 0 var(--ink);min-height:505px;padding:12px}.pipe-col h4{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000}.pipe-card{padding:12px;margin-bottom:10px;background:var(--paper);animation:liftCard 5s ease-in-out infinite}.pipe-card:nth-child(odd){animation-delay:-.8s}.pipe-card.hot{background:var(--green)}.pipe-card b{display:block;font-weight:1000;font-size:15px}.pipe-card span{display:block;font-weight:800;font-size:12px;margin-top:4px}@keyframes liftCard{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.conversion-band{background:var(--ink);color:var(--paper);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);overflow:hidden}.conversion-band h2{color:#f7f7fb}.band-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.band-stat{position:relative;background:var(--paper);color:var(--ink);border:4px solid var(--paper);border-radius:var(--radius);box-shadow:8px 8px 0 var(--green);padding:22px}.band-stat:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:26px;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,#5b4b82 0 4px,transparent 4px 10px);pointer-events:none}.band-stat:not(:last-child):before{content:"";position:absolute;top:50%;left:100%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#dcd0ff;box-shadow:0 0 12px #8b5cf6f2;animation:bandPulse 2s ease-in-out infinite;pointer-events:none}.band-stat:nth-child(2):before{animation-delay:1s}@keyframes bandPulse{0%{transform:translate(0);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translate(26px);opacity:0}}@keyframes bandPulseV{0%{transform:translateY(0);opacity:0}18%{opacity:1}82%{opacity:1}to{transform:translateY(26px);opacity:0}}.band-stat b{display:block;font-size:42px;line-height:.9;letter-spacing:-.075em;font-weight:1000}.band-stat span{display:block;margin-top:9px;font-weight:820;line-height:1.3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step;position:relative}.step{min-height:236px;background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;position:relative;z-index:1;overflow:hidden;transition:transform .19s var(--ease),box-shadow .19s var(--ease)}.step:before{counter-increment:step;content:"0" counter(step);display:inline-grid;place-items:center;width:62px;height:62px;border:4px solid var(--ink);border-radius:20px;background:var(--green);box-shadow:5px 5px 0 var(--ink);font-size:25px;font-weight:1000;letter-spacing:-.05em;margin-bottom:24px;transform:rotate(-3deg);transition:transform .22s var(--ease)}.step:nth-child(2):before{background:var(--blue)}.step:nth-child(3):before{background:var(--pink)}.step:nth-child(4):before{background:var(--orange)}.step h3{margin:0 0 10px;font-size:25px;letter-spacing:-.06em;font-weight:1000;line-height:1}.step p{margin:0;font-weight:720;line-height:1.4}.integrations-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.integration{border:3px solid var(--ink);border-radius:18px;background:var(--white);box-shadow:5px 5px 0 var(--ink);padding:17px 10px;text-align:center;font-weight:1000;font-size:13px;transition:transform .18s var(--ease),background .18s var(--ease)}.integration:hover{background:var(--green);transform:translate(-3px,-3px) rotate(-1deg)}.compare-wrap{overflow-x:auto;border:4px solid var(--ink);border-radius:30px;background:var(--white);box-shadow:var(--shadow-lg)}table{width:100%;min-width:840px;border-collapse:collapse}th,td{padding:20px;border-bottom:3px solid var(--ink);border-right:3px solid var(--ink);text-align:center;font-weight:900}th:last-child,td:last-child{border-right:0}tr:last-child td{border-bottom:0}th{background:var(--green);text-transform:uppercase;letter-spacing:.05em;font-size:13px}th:first-child,td:first-child{text-align:left;background:var(--paper);font-weight:1000}.winner{background:#d8ff3e5c;font-size:20px}.yes{color:#0e7d42;font-size:21px}.no{color:#b41414;font-size:21px}.manual{color:#950}.pricing-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--green);border:4px solid var(--ink);border-radius:34px;box-shadow:var(--shadow-lg);padding:34px;position:relative;overflow:hidden}.pricing-card:after{content:"LIVE PRODUCT";position:absolute;right:-38px;top:36px;rotate:18deg;background:var(--pink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:10px 56px;font-weight:1000;letter-spacing:.04em}.price-actions{min-width:292px;background:var(--white);border:4px solid var(--ink);border-radius:26px;box-shadow:var(--shadow);padding:22px;display:grid;gap:12px}.price-actions b{display:block;font-size:42px;letter-spacing:-.075em;line-height:.9}.price-actions span{font-weight:850;line-height:1.3}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq{background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.faq button{width:100%;border:0;background:transparent;padding:20px;display:flex;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-weight:1000;font-size:18px;letter-spacing:-.035em}.faq button span:last-child{flex:0 0 auto;width:30px;height:30px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--green);transition:transform .2s var(--ease)}.faq.open button span:last-child{transform:rotate(45deg)}.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s var(--ease)}.faq.open .faq-content{grid-template-rows:1fr}.faq-content>div{overflow:hidden}.faq p{margin:0;padding:0 20px 20px;font-weight:720;line-height:1.45}.final{padding:72px 0 94px}.final-card{text-align:center;background:var(--white);border:5px solid var(--ink);border-radius:44px;box-shadow:18px 18px 0 var(--ink);padding:54px 28px;position:relative;overflow:hidden}.final-card:before{content:"";position:absolute;inset:16px;border:3px dashed var(--ink);border-radius:32px;pointer-events:none;animation:dashSpin 18s linear infinite}@keyframes dashSpin{0%{clip-path:inset(0 0 0 0 round 32px)}50%{clip-path:inset(10px 6px 10px 6px round 28px)}to{clip-path:inset(0 0 0 0 round 32px)}}.final-card h2{position:relative;z-index:1;max-width:780px;margin:0 auto}.final-card p{position:relative;z-index:1;max-width:660px;margin:18px auto 26px;font-size:19px;line-height:1.4;font-weight:760}.final-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}footer{border-top:4px solid var(--ink);background:var(--ink);color:var(--paper);padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-weight:850;font-size:13px}.footer-inner .logo{box-shadow:4px 4px 0 var(--paper);border-color:var(--paper)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--green);border:4px solid var(--ink);border-radius:999px;box-shadow:var(--shadow);padding:14px 18px;font-weight:1000;transition:opacity .2s var(--ease),transform .2s var(--ease);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width: 1100px){.hero-grid,.solution-grid,.band-grid,.pricing-card{grid-template-columns:minmax(0,1fr)}.hero-grid>*,.solution-grid>*{min-width:0}.hero-stage{min-height:660px;order:-1}.brutal-window{left:0;right:0;margin:0 auto}.pain-grid,.steps{grid-template-columns:repeat(2,1fr)}.integrations-wall{grid-template-columns:repeat(3,1fr)}.price-actions{min-width:0}}@media (max-width: 760px){.container{width:min(100% - 32px,var(--max))}.nav-inner{min-height:64px;gap:12px}.brand-logo{height:28px}.nav-links{display:none}.mobile{display:grid;place-items:center}.nav.open .nav-links{position:absolute;display:grid;left:14px;right:14px;top:72px;background:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow);padding:14px}.nav.open .nav-links a{padding:13px 14px;border-radius:14px}.nav-actions .btn-secondary{display:none}.hero{padding:36px 0 40px}.hero-grid{gap:30px}h1{font-size:clamp(40px,12.5vw,60px);letter-spacing:-.05em;line-height:.94;margin:18px 0 16px}.headline-pop{white-space:normal;border-width:3px;border-radius:16px}.hero-sub{font-size:17px;margin-bottom:22px}.hero-actions{gap:10px}.hero-actions .btn{width:100%}.hero-stage{order:0;min-height:0;perspective:none;margin-top:2px}.brutal-window{position:relative;inset:auto;width:100%;transform:none}.product-ui{grid-template-columns:1fr;padding:12px;min-height:0}.side,.float-card{display:none}.ui-head h3{font-size:20px}.pipeline-title{flex-wrap:wrap;gap:4px 12px;font-size:13px}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini{min-height:0;padding:11px}.mini b{font-size:19px}.mini span{font-size:10px}.mini:after{display:none}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.col{min-height:0}.doc-layout,.pipe-layout,.trust-box,.pain-grid,.steps,.faq-grid{grid-template-columns:minmax(0,1fr)}.pain-card,.step{min-height:0}.live-demo{min-height:0;padding:12px}.demo-screen{position:relative;inset:auto;display:none;opacity:1;transform:none;padding:16px}.demo-screen.active{display:block}.screen-top h3{font-size:22px}.composer-box{min-height:150px}.doc-layout{min-height:auto}.doc-preview{min-height:220px}.doc-preview h4{font-size:30px}.pipe-col{min-height:auto}.integrations-wall{grid-template-columns:1fr 1fr}.pricing-card{padding:24px}.pricing-card:after{display:none}.price-actions .btn,.final-actions .btn{width:100%}.final-actions{flex-direction:column}section{padding:58px 0}th,td{padding:14px 12px}.final-card{border-radius:32px;padding:42px 20px}.toast{max-width:calc(100% - 24px);white-space:normal;text-align:center}}@media (max-width: 480px){.container{width:min(100% - 24px,var(--max))}.brand-logo{height:26px}.nav-actions .btn-primary{display:none}.nav.open .menu-cta{display:grid;gap:10px;margin-top:4px;padding-top:12px;border-top:3px solid var(--ink)}.nav.open .menu-cta .btn{display:inline-flex;width:100%}h1{font-size:clamp(33px,11.5vw,46px);letter-spacing:-.045em}h2{font-size:clamp(27px,8.4vw,38px);letter-spacing:-.05em}.section-head{margin-bottom:26px}.section-sub,.hero-sub{font-size:16px}.marquee span{font-size:16px;padding:12px 14px;gap:14px}.mini-grid{gap:6px}.mini{padding:9px}.mini b{font-size:16px}.brutal-card,.tab,.step{padding:18px}.brutal-card h3,.tab h3,.step h3{font-size:21px}.integrations-wall{gap:10px}.faq button{font-size:16px;padding:16px}.faq p{padding:0 16px 16px}section{padding:48px 0}.final-card{padding:34px 16px;border-radius:26px}.final-card p{font-size:16px}.pricing-card{padding:20px;border-radius:26px}.price-actions{padding:18px}.price-actions b{font-size:34px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}:root{--ink: #07040f;--paper: #0b0714;--paper-2: #151020;--green: #7c3aed;--mint: #a78bfa;--blue: #6d28d9;--pink: #c4b5fd;--orange: #9ca3af;--purple: #8b5cf6;--red: #ef4444;--white: #f7f7fb;--shadow: 8px 8px 0 #2a2140;--shadow-sm: 5px 5px 0 #2a2140;--shadow-lg: 14px 14px 0 #2a2140}html{background:#0b0714}body{color:#f7f7fb;background:radial-gradient(circle at 13% 8%,rgba(124,58,237,.42),transparent 25rem),radial-gradient(circle at 82% 6%,rgba(167,139,250,.24),transparent 25rem),radial-gradient(circle at 64% 72%,rgba(91,75,130,.28),transparent 28rem),linear-gradient(180deg,#07040f,#0f0a1b 46%,#0b0714)}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}.scroll-progress{background:linear-gradient(90deg,#6d28d9,#a78bfa,#f7f7fb);border-bottom-color:#2a2140}.nav{background:#07040fe0;border-bottom-color:#2a2140;color:#f7f7fb}.logo{background:#7c3aed;border-color:#a78bfa;box-shadow:4px 4px #2a2140}.logo:before,.logo:after{background:#f7f7fb}.nav-links a:hover{background:#171322;border-color:#5b4b82}.mobile,.btn-secondary{background:#171322;color:#f7f7fb;border-color:#5b4b82;box-shadow:5px 5px #2a2140}.btn-primary{background:#7c3aed;color:#fff;border-color:#a78bfa;box-shadow:5px 5px #2a2140}.btn-dark{background:#07040f;color:#fff;border-color:#a78bfa;box-shadow:6px 6px #6d28d9}.btn-dark:hover{box-shadow:9px 9px #6d28d9}.tag,.proof-pill,.trust-card,.brutal-card,.tab,.live-demo,.demo-screen,.brutal-window,.float-card,.pricing-card,.price-actions,.faq,.final-card,.compare-wrap,.step,.integration{background:#171322;color:#f7f7fb;border-color:#5b4b82;box-shadow:8px 8px #07040f}.tag{background:#211832;box-shadow:5px 5px #07040f}.tag-dot{background:#a78bfa;border-color:#07040f}.headline-pop,.kicker,.tab.active,.status,.side-item.active,.card-num,.metric-strip,.ask-box,.deal.hot,.pipe-card.hot,.step:before{background:#7c3aed;color:#fff;border-color:#a78bfa;box-shadow:5px 5px #07040f}.kicker{background:#2a2140;color:#f7f7fb}.proof-row .proof-pill,.trust-card,.brutal-card,.tab,.step,.integration,.faq{box-shadow:5px 5px #2a2140}.hero-sub strong{background:linear-gradient(transparent 58%,#7c3aed80 58%);color:#fff}.marquee{background:#f7f7fb;color:#07040f;border-top-color:#5b4b82;border-bottom-color:#5b4b82}.marquee i{background:#7c3aed}.window-top{background:#211832;color:#f7f7fb;border-bottom-color:#5b4b82}.dots span{border-color:#07040f;background:#7c3aed}.dots span:nth-child(2){background:#a78bfa}.dots span:nth-child(3){background:#9ca3af}.product-ui{background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),#0f0a1b}.side,.ui-head,.mini,.pipeline-board,.col,.deal,.composer-title,.composer-box,.metric,.doc-viewer,.pipe-col,.pipe-card,.side-item{background:#211832;color:#f7f7fb;border-color:#5b4b82;box-shadow:5px 5px #07040f}.side-item,.col,.pipe-card{background:#151020}.mini:after{background:repeating-linear-gradient(90deg,#a78bfa 0 10px,transparent 10px 16px)}.pipeline-title,.ui-head p,.side h4,.col h5,.pipe-col h4,.doc-viewer span,.pipe-card span,.activity-row span,.deal small{color:#b8b3c7;opacity:1}.activity-row{border-bottom-color:#5b4b82}.avatar{background:#7c3aed;color:#fff;border-color:#a78bfa}.deck-art,.doc-preview{background:linear-gradient(135deg,#2a2140,#6d28d9);border-color:#5b4b82}.deck-line,.line,.slide-stack div{background:#f7f7fb;border-color:#5b4b82}.section-sub,.hero-sub,.brutal-card p,.tab p,.step p,.faq p,.price-actions span,.trust-card span{color:#d4d0df}.conversion-band{background:radial-gradient(circle at 82% 16%,rgba(124,58,237,.16),transparent 26rem),radial-gradient(circle at 10% 88%,rgba(167,139,250,.09),transparent 22rem),#07040f;color:#f7f7fb;border-top-color:#2a2140;border-bottom-color:#2a2140}.band-stat{background:#171322;color:#f7f7fb;border-color:#5b4b82;box-shadow:8px 8px #6d28d9}.integrations-wall .integration:hover{background:#2a2140;color:#fff}th{background:#2a2140;color:#f7f7fb}th,td{border-color:#5b4b82}th:first-child,td:first-child,.winner{background:#151020;color:#f7f7fb}.yes{color:#a78bfa}.manual{color:#d4d0df}.no{color:#9ca3af}.pricing-card{background:radial-gradient(circle at 16% 18%,rgba(124,58,237,.42),transparent 18rem),#151020}.pricing-card:after{background:#6d28d9;color:#fff;border-color:#a78bfa;box-shadow:5px 5px #07040f}.faq button{color:#f7f7fb}.faq button span:last-child{background:#7c3aed;color:#fff;border-color:#a78bfa}.final-card{background:radial-gradient(circle at 14% 20%,rgba(124,58,237,.2),transparent 260px),radial-gradient(circle at 84% 30%,rgba(167,139,250,.14),transparent 220px),#171322;box-shadow:18px 18px #07040f}.final-card:before{border-color:#5b4b82}footer{background:#07040f;color:#d4d0df;border-top-color:#2a2140}.footer-inner .logo{box-shadow:4px 4px #2a2140;border-color:#a78bfa}.toast{background:#7c3aed;color:#fff;border-color:#a78bfa;box-shadow:8px 8px #07040f}@keyframes blink{50%{background:#f7f7fb}}.hero{padding:84px 0 64px}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.4s ease;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,#000 14%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,#000 14%,#000 74%,transparent 100%)}.hero-canvas.ready{opacity:1}.hero .container{position:relative;z-index:1}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-chip{display:inline-flex;border:3px solid #5b4b82;border-radius:999px;background:#211832;color:#f7f7fb;padding:6px 11px;font-size:11px;font-weight:1000;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;box-shadow:4px 4px #07040f}.final-note{position:relative;z-index:1;margin:22px auto 0;font-size:13px;font-weight:850;color:#9b94ad}.band-stat{transition:transform .19s var(--ease),box-shadow .19s var(--ease)}.band-stat:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #6d28d9}.step:hover{transform:translate(-5px,-5px) rotate(-.5deg);box-shadow:12px 12px #2a2140}.step:hover:before{transform:rotate(0)}.step-icon{position:absolute;top:22px;right:22px;width:46px;height:46px;border:3px solid #5b4b82;border-radius:15px;background:#211832;box-shadow:4px 4px #07040f;display:grid;place-items:center;transition:transform .22s var(--ease)}.step-icon svg{width:22px;height:22px;stroke:#a78bfa;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.step:hover .step-icon{transform:rotate(4deg) translate(-2px,-2px)}@media (max-width: 1100px){.audience-grid{grid-template-columns:1fr 1fr}.band-cards{grid-template-columns:1fr}.band-stat:not(:last-child):after{top:100%;left:50%;width:4px;height:26px;margin:0 0 0 -2px;background:repeating-linear-gradient(180deg,#5b4b82 0 4px,transparent 4px 10px)}.band-stat:not(:last-child):before{top:100%;left:50%;animation-name:bandPulseV}}@media (max-width: 760px){.audience-grid{grid-template-columns:1fr}}
