.snappy-landing{--pink:#f5a6d7;--bold:#171217;--hero-bg:#f6abd9;--section-bg:#ffe1f1;background:var(--paper)}
.snappy-nav{border-bottom:2px solid var(--bold);background:var(--white)}.snappy-nav nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.snappy-links{display:flex;gap:32px;font-size:13px;font-weight:600}.snappy-nav .brand{font-weight:800;font-size:27px}.snappy-nav .button{border-radius:5px;border:1.5px solid var(--bold)}
.snappy-hero{position:relative;overflow:hidden;background:var(--hero-bg);color:var(--bold);border-bottom:2px solid var(--bold);padding:54px 0 58px}.hero-center{text-align:center;position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:1.2px;font-weight:750}.kicker-star{font-size:23px}.snappy-hero h1{font-size:clamp(48px,7.7vw,96px);font-weight:850;letter-spacing:-5px;line-height:1.01;margin:24px auto 22px;max-width:1000px}.snappy-hero h1 span{display:inline;position:relative;color:inherit;white-space:nowrap;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px}.snappy-intro{font-size:21px;font-weight:650;letter-spacing:-.5px}.snappy-explain{font-size:16px;line-height:1.85;max-width:620px;margin:14px auto 0;color:#4f2e43}.snappy-hero .hero-actions{justify-content:center;margin-top:25px;gap:28px}.snappy-hero .button{background:var(--bold);color:#fff;border:2px solid var(--bold);box-shadow:4px 4px 0 #fff;border-radius:4px;padding:15px 22px}.snappy-hero .button:hover{background:#392130}.hero-secondary{font-size:13px;font-weight:650}.hero-small{font-size:12px;margin:18px 0 0;color:#6e425a}.hero-spark{position:absolute;right:-28px;top:90px;font-size:190px;line-height:1;transform:rotate(15deg);opacity:.14}
.workflow-demo{max-width:950px;margin:41px auto 0;background:#fff8fc;text-align:left;border:2px solid var(--bold);border-radius:8px;box-shadow:7px 7px 0 var(--bold);padding:20px 24px}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:750;letter-spacing:1px;gap:15px;margin-bottom:21px}.demo-stamp{background:#171217;color:#fff8fc;padding:7px 9px;transform:rotate(-1deg)}.workflow-nodes{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:12px}.workflow-node{border:1px solid #ddc5d4;background:#fff;min-height:140px;border-radius:6px;padding:18px;display:flex;flex-direction:column;align-items:start;gap:9px}.workflow-node small{font-size:7px;font-weight:650;letter-spacing:.5px;color:#806477}.workflow-node strong{font-size:14px;letter-spacing:-.2px;line-height:1.4;font-weight:650}.node-snappy{background:#f7d9ec;border-color:#c180a7}.node-symbol{font-size:25px;font-weight:600;line-height:37px}.workflow-arrow{text-align:center;font-size:24px}.scenario-tabs{display:flex;justify-content:center;gap:9px;margin-top:17px}.scenario-tabs button{background:transparent;border:1px solid #dcc5d2;border-radius:4px;padding:8px 12px;font-size:10px;color:#806477}.scenario-tabs button.selected{background:#171217;border-color:#171217;color:#fff}
.snappy-benefits{padding:90px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.section-label{font-size:9px;letter-spacing:1.4px;font-weight:750;color:var(--green)}.editorial-heading h2,.process-heading h2{font-size:43px;line-height:1.13;letter-spacing:-1.7px;font-weight:750;margin:20px 0}.editorial-heading>p:last-child{font-size:14px;line-height:1.85;max-width:360px;color:var(--muted)}.benefit-list article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.benefit-list article:first-child{padding-top:0}.benefit-list article>span{font-size:10px;color:var(--green);padding-top:4px}.benefit-list h3{font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:12px}.benefit-list p{font-size:13px;line-height:1.8;color:var(--muted)}.benefit-list b{font-size:27px;font-weight:500;margin-left:auto;align-self:start;color:var(--green)}
.snappy-process{background:var(--section-bg);border-block:1.5px solid var(--border);padding:70px 0}.process-heading{margin-bottom:38px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-steps article{border-top:1px solid var(--ink);padding-top:17px}.process-steps span{font-size:12px;color:var(--green)}.process-steps h3{font-size:20px;letter-spacing:-.5px;font-weight:700;margin:16px 0 11px}.process-steps p{font-size:13px;color:var(--muted);line-height:1.85;max-width:300px}.snappy-landing .consultation{background:transparent;border:0;padding:80px 0;gap:80px;margin-bottom:0;align-items:start}.snappy-landing .consult-copy h2{font-size:46px;font-weight:750;letter-spacing:-1.9px}.snappy-landing .consult-form{border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:7px;padding:29px}.snappy-landing .consult-form .button{border-radius:4px}.snappy-landing .consult-note{border-color:var(--border)}
:root[data-theme=dark] .snappy-landing{--hero-bg:#141014;--bold:#ff90e8;--section-bg:#241922}:root[data-theme=dark] .snappy-nav{border-color:#49303f}:root[data-theme=dark] .snappy-hero h1{color:#ff90e8}:root[data-theme=dark] .snappy-intro{color:#f6e8f1}:root[data-theme=dark] .snappy-explain{color:#c9b4c2}:root[data-theme=dark] .hero-small{color:#b99aad}:root[data-theme=dark] .snappy-hero .button{background:#ff90e8;color:#171217;border-color:#ff90e8;box-shadow:4px 4px 0 #6b3455}:root[data-theme=dark] .hero-secondary{color:#f4d8e9}:root[data-theme=dark] .workflow-demo{background:#20181e;border-color:#83536f;box-shadow:7px 7px 0 #ff90e8;color:#f5eaf1}:root[data-theme=dark] .workflow-node{background:#30222b;border-color:#543343}:root[data-theme=dark] .workflow-node small{color:#bd98af}:root[data-theme=dark] .node-snappy{background:#512b43;border-color:#9b5c84}:root[data-theme=dark] .demo-stamp{background:#ff90e8;color:#171217}:root[data-theme=dark] .scenario-tabs button{color:#cfacc0;border-color:#614357}:root[data-theme=dark] .scenario-tabs button.selected{background:#ff90e8;color:#171217;border-color:#ff90e8}
@media(max-width:760px){.snappy-nav nav{min-height:72px}.snappy-links{display:none}.snappy-nav .brand{font-size:23px}.snappy-nav .brand img{width:32px;height:32px}.snappy-hero{padding:35px 0 40px}.hero-kicker{font-size:7px;letter-spacing:.5px}.snappy-hero h1{font-size:46px;letter-spacing:-2.3px;margin-top:21px}.snappy-hero h1 span{text-underline-offset:6px}.snappy-intro{font-size:16px}.snappy-explain{font-size:14px;padding:0 4px}.snappy-hero .hero-actions{gap:17px}.snappy-hero .button{width:100%}.hero-secondary{font-size:12px}.workflow-demo{padding:15px;margin-top:29px;box-shadow:4px 4px 0 var(--bold)}.demo-top{font-size:6px;letter-spacing:.5px}.workflow-nodes{grid-template-columns:1fr;gap:8px}.workflow-node{min-height:0;display:grid;grid-template-columns:34px 1fr;gap:5px 10px;padding:13px}.workflow-node small{grid-column:2;grid-row:1;font-size:7px}.workflow-node strong{grid-column:2;grid-row:2;font-size:12px}.node-symbol,.workflow-node img{grid-column:1;grid-row:1/3;align-self:center}.workflow-arrow{transform:rotate(90deg);line-height:20px}.scenario-tabs button{font-size:8px;padding:7px 9px}.snappy-benefits{grid-template-columns:1fr;gap:33px;padding:55px 0}.editorial-heading h2,.process-heading h2{font-size:34px}.benefit-list h3{font-size:17px}.snappy-process{padding:45px 0}.process-steps{grid-template-columns:1fr;gap:26px}.process-steps p{max-width:none}.snappy-landing .consultation{gap:28px;padding:50px 0}.snappy-landing .consult-copy h2{font-size:35px}.snappy-landing .consult-form{padding:22px}.hero-spark{display:none}}