@font-face{font-family:Manrope;src:url("/public/fonts/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url("/public/fonts/manrope-500.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url("/public/fonts/manrope-600.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url("/public/fonts/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url("/public/fonts/manrope-800.ttf") format("truetype");font-weight:800;font-display:swap}
:root{--ink:#202124;--muted:#5f6368;--line:#e3e7eb;--blue:#1a73e8;--mint:#0f9d58;--purple:#7e57c2;--cream:#f8fafd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#fff;min-width:320px}button,input,select{font:inherit}.icon{display:inline-flex;width:18px;height:18px}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav{height:74px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:20px;letter-spacing:-.3px}.brand img{width:36px;height:36px;object-fit:contain;border-radius:0;background:#fff}.brand span span{color:var(--mint)}.nav-links{display:flex;gap:30px}.nav a,.nav-links a,footer a{text-decoration:none;color:#5f6368;font-size:14px}.nav-links a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:15px}.text-btn{border:0;background:none;color:#5f6368;font-size:14px;cursor:pointer}.button,.outline{border-radius:9px;height:44px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}.button{border:0;background:var(--blue);color:white;box-shadow:0 8px 24px rgba(26,115,232,.18)}.button:hover{transform:translateY(-2px);background:#1765cc}.button.compact{height:40px;padding:0 15px}.button .icon,.outline .icon{width:16px}.outline{border:1px solid #dadce0;background:white;color:#3c4043}.outline:hover{border-color:#9aa0a6}.menu-btn{display:none;border:0;background:none;color:var(--ink)}.mobile-nav{display:none}
.seo-shell{max-width:900px;margin:100px auto;padding:0 24px;text-align:center}.seo-shell h1{font-size:48px;line-height:1.1}.seo-shell p{font-size:18px;line-height:1.7;color:#5f6368}
.hero{position:relative;overflow:hidden;padding:87px 24px 110px;background:radial-gradient(circle at 50% 20%,#fff 0,#fafafe 55%,#f5f6fb 100%);border-top:1px solid #f1f2f6}.hero-copy{position:relative;z-index:2;text-align:center;max-width:920px;margin:auto}.pill{display:inline-flex;align-items:center;gap:8px;background:#eef0ff;color:#4c5ed0;border:1px solid #dfe3ff;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:700}.pill i{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(17,205,170,.12)}.hero h1{font-size:clamp(46px,6vw,78px);line-height:1.03;letter-spacing:-4.2px;margin:24px 0 22px}.hero h1 em{font-style:normal;color:#697084;font-weight:570}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:730px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:10px;margin:29px 0 20px}.button.large,.outline.large{height:50px;padding:0 21px}.play{width:24px;height:24px;border:1px solid #d9dce5;border-radius:50%;display:grid;place-items:center;font-size:7px}.hero-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#74798b;font-size:10px}.hero-note .icon{width:13px;color:#10ae91}.hero-note>span{width:1px;height:11px;background:#d5d7df;margin:0 7px}.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);opacity:.28}.hero-glow.one{width:300px;height:300px;background:#b9c3ff;left:-120px;top:180px}.hero-glow.two{width:280px;height:280px;background:#baf4e7;right:-120px;top:320px}
.product-stage{max-width:1120px;margin:75px auto 0;background:#fff;border:1px solid #dfe1e9;border-radius:17px;box-shadow:0 35px 90px rgba(34,43,77,.17);overflow:hidden;position:relative;z-index:3;transform:perspective(1300px) rotateX(1.5deg)}.stage-top{height:34px;background:#f6f7fa;border-bottom:1px solid #e5e7ed;display:flex;align-items:center;padding:0 12px;gap:5px}.stage-top>span{width:7px;height:7px;background:#d9dbe3;border-radius:50%}.stage-top b{font-size:8px;color:#9398a7;margin-left:13px;font-weight:500}.stage-top i{font-style:normal;font-size:7px;color:#0c997e;background:#e4f8f2;border-radius:10px;padding:3px 6px;margin-left:auto}.app-demo{display:grid;grid-template-columns:176px 1fr;height:590px;text-align:left}.demo-side{background:#0e1120;color:#8f95a8;padding:22px 13px;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:8px;color:white;margin:0 8px 25px;font-size:13px}.demo-brand img{width:24px;height:24px;border-radius:6px}.demo-brand span{color:var(--mint)}.demo-side>small{text-transform:uppercase;font-size:7px;letter-spacing:1.1px;color:#535a6d;margin:0 10px 8px}.demo-side>div:not(.demo-brand):not(.demo-user){height:35px;border-radius:7px;display:flex;align-items:center;gap:11px;padding:0 10px;font-size:9px}.demo-side>div.active{background:linear-gradient(90deg,#5266e9,#6e7bf0);color:white}.demo-side>div b{margin-left:auto;background:rgba(255,255,255,.1);border-radius:10px;padding:2px 5px}.demo-user{margin-top:auto;border-top:1px solid #252a3b;padding:15px 5px 0;display:flex;align-items:center;gap:8px}.demo-user>i{width:27px;height:27px;border-radius:7px;background:#29304a;display:grid;place-items:center;font-size:8px;font-style:normal;color:#d9dcfa}.demo-user>span{display:flex;flex-direction:column}.demo-user b{font-size:8px;color:white}.demo-user small{font-size:7px;margin-top:2px}.demo-main{background:#f5f6fa}.demo-header{height:52px;background:white;border-bottom:1px solid #e6e7ed;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#a2a6b3;font-size:8px}.demo-header button,.demo-title button{border:0;background:#5669e8;color:white;border-radius:6px;padding:9px 12px;font-size:8px}.demo-content{padding:23px 25px}.demo-title{display:flex;align-items:flex-end;justify-content:space-between}.demo-title small{text-transform:uppercase;letter-spacing:1px;font-size:6px;color:#9095a3}.demo-title h2{font-size:20px;letter-spacing:-.6px;margin:4px 0}.demo-title p{font-size:8px;color:#858a99;margin:0}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 12px}.demo-metrics>div{background:#fff;border:1px solid #e5e7ed;border-radius:9px;padding:13px;display:flex;gap:9px}.demo-metrics i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:8px;font-style:normal}.demo-metrics i.blue{color:#5265de;background:#eef0ff}.demo-metrics i.green{color:#10977e;background:#e8faf5}.demo-metrics i.amber{color:#da842c;background:#fff3e7}.demo-metrics i.purple{color:#913d9d;background:#f7edf9}.demo-metrics span{font-size:7px;color:#818697;display:flex;flex-direction:column}.demo-metrics strong{font-size:14px;color:#2a2e3e;margin:5px 0 6px}.demo-metrics small{font-size:6px}.demo-metrics small.up{color:#0aa081}.demo-metrics small.warn{color:#d77e25}.demo-grid{display:grid;grid-template-columns:1.75fr .8fr;gap:10px}.chart-card,.alert-card{height:310px;background:#fff;border:1px solid #e5e7ed;border-radius:9px;padding:15px;position:relative}.chart-card>b,.alert-card b{display:block;font-size:9px}.chart-card>small,.alert-card>small{font-size:7px;color:#999daa}.chart-card .legend{position:absolute;right:14px;top:17px;font-size:6px;color:#878c9c}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5669e8;margin:0 3px 0 7px}.legend i+ i{background:#14c7a6}.chart-card svg{width:100%;height:230px;margin-top:18px}.chart-card line{stroke:#edf0f4;stroke-width:1}.chart-card .area{fill:url(#fill)}.chart-card .line{fill:none;stroke:#586bea;stroke-width:2;vector-effect:non-scaling-stroke}.chart-card .line.mint{stroke:#11cdaa;stroke-width:1.5}.alert-card>div{display:flex;justify-content:space-between}.alert-card>div span{background:#fff1dd;color:#d88028;border-radius:10px;font-size:7px;padding:3px 6px}.alert-card article{display:flex;gap:8px;padding:18px 0;border-bottom:1px solid #eef0f3}.alert-card article>i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#eef0ff;color:#5868d8;font-size:7px;font-style:normal}.alert-card article>span{flex:1;display:flex;flex-direction:column}.alert-card article small{font-size:6px;color:#979ba8;margin:3px 0}.alert-card article em{height:3px;background:#f2efe9;border-radius:3px}.alert-card article u{display:block;height:100%;background:#eda147;border-radius:3px}.alert-card article u.red{background:#ec6772}.alert-card article strong{font-size:6px;display:inline}.floating-card{position:absolute;z-index:5;background:rgba(255,255,255,.95);box-shadow:0 15px 40px rgba(41,49,78,.15);border:1px solid #e7e9ef;border-radius:11px;padding:12px 15px;display:flex;align-items:center;gap:10px}.floating-card>i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:9px}.floating-card span{display:flex;flex-direction:column}.floating-card b{font-size:9px}.floating-card small{font-size:7px;color:#8e93a2;margin-top:3px}.floating-card.stock-in{left:calc(50% - 610px);bottom:250px}.stock-in>i{background:#e6f9f4;color:#0ba081}.floating-card.alert{right:calc(50% - 620px);bottom:85px}.alert>i{background:#fff2e4;color:#dd852d}
.proof{padding:34px 24px 60px;text-align:center;border-bottom:1px solid #f0f1f4}.proof p{text-transform:uppercase;letter-spacing:1.5px;color:#a0a4b0;font-size:9px;font-weight:700}.proof div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:24px}.proof span{font-weight:750;color:#73788a;font-size:13px}.proof i{width:3px;height:3px;background:#cfd1d9;border-radius:50%}.section{max-width:1200px;margin:auto;padding:120px 24px}.section-tag{display:inline-block;color:#4f61d5;background:#eef0ff;border-radius:20px;padding:7px 11px;text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:20px 0 45px}.section-head h2,.roles-copy h2,.faq h2{font-size:clamp(36px,4.2vw,54px);line-height:1.05;letter-spacing:-2.5px;margin:0}.section-head p{max-width:440px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}.feature{background:#f7f8fb;border:1px solid #ebecef;border-radius:18px;padding:31px;min-height:390px;overflow:hidden;position:relative}.feature-icon{width:38px;height:38px;border-radius:10px;background:#e9ecff;color:#5265df;display:grid;place-items:center;margin-bottom:23px}.feature-icon.mint{background:#e4faf4;color:#0e9d82}.feature-icon.amber{background:#fff2e3;color:#d9812b}.feature-icon.purple{background:#f6eafb;color:#893898}.feature>span,.wide-feature>div>span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8d92a1;font-weight:750}.feature h3{font-size:24px;letter-spacing:-.8px;max-width:420px;margin:9px 0 10px}.feature>p,.wide-feature p{font-size:12px;line-height:1.65;color:var(--muted);max-width:460px}.mini-inventory{background:white;border:1px solid #e5e7ed;border-radius:12px;margin:28px -5px -55px;padding:16px;box-shadow:0 16px 40px rgba(35,43,68,.08)}.mini-inventory header{display:flex;justify-content:space-between;font-size:9px;padding-bottom:11px;border-bottom:1px solid #eef0f3}.mini-inventory header span{color:#999dab;font-size:7px}.mini-inventory>div{display:grid;grid-template-columns:8px 1fr auto 80px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f1f4}.dot{width:6px;height:6px;background:#5367e8;border-radius:50%}.dot.d1{background:#11cdaa}.dot.d2{background:#eea048}.mini-inventory>div span{display:flex;flex-direction:column}.mini-inventory b,.mini-inventory strong{font-size:8px}.mini-inventory small{font-size:7px;color:#999daa;margin-top:3px}.mini-inventory em{height:4px;background:#edf0f5;border-radius:5px}.mini-inventory em u{display:block;height:100%;background:#6071e8;border-radius:5px}.scan-visual{height:150px;margin:31px auto 0;max-width:300px;border-radius:13px;background:#15192b;position:relative;display:grid;place-items:center;color:white}.scan-visual>span{position:absolute;width:27px;height:27px;border-color:#16d0ad;border-style:solid}.scan-visual>span:nth-child(1){left:19px;top:19px;border-width:2px 0 0 2px}.scan-visual>span:nth-child(2){right:19px;top:19px;border-width:2px 2px 0 0}.scan-visual>span:nth-child(3){left:19px;bottom:19px;border-width:0 0 2px 2px}.scan-visual>span:nth-child(4){right:19px;bottom:19px;border-width:0 2px 2px 0}.scan-visual div{font-family:monospace;font-size:18px;letter-spacing:3px}.scan-visual small{display:block;font-family:Inter,sans-serif;letter-spacing:0;font-size:8px;text-align:center;color:#8f96aa;margin-top:7px}.notification{background:white;border:1px solid #e4e6ec;border-radius:12px;box-shadow:0 12px 35px rgba(40,47,72,.09);display:flex;align-items:center;gap:10px;padding:14px;margin-top:48px}.notification>i{width:31px;height:31px;border-radius:8px;background:#fff0e1;color:#dd8128;display:grid;place-items:center;font-style:normal}.notification>span{display:flex;flex-direction:column;flex:1}.notification b{font-size:9px}.notification small{font-size:7px;color:#969aa7;margin-top:3px}.notification em{font-style:normal;font-size:7px;color:#aaaeba}.wide-feature{grid-column:1/-1;min-height:340px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.bars{height:220px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #dfe2e8;padding:0 25px}.bars span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.bars i{display:block;width:100%;background:linear-gradient(#596bea,#8390f0);border-radius:6px 6px 0 0}.bars small{font-size:7px;color:#9ca0ad}
.workflow-section{max-width:none;background:#111525;color:white;padding-left:max(24px,calc((100vw - 1152px)/2));padding-right:max(24px,calc((100vw - 1152px)/2))}.section-tag.dark{background:#222941;color:#8fa0ff}.section-head.light p{color:#9399ad}.steps{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;margin-top:55px}.steps>span{color:#4c5368;justify-self:center}.steps article{border:1px solid #292f42;border-radius:16px;padding:28px;background:#161b2c;min-height:240px}.steps article>i{font-style:normal;color:#576078;font-size:9px}.steps article>div{width:42px;height:42px;border-radius:11px;background:#20263a;color:#7f8fff;display:grid;place-items:center;margin:32px 0 23px}.steps h3{font-size:17px;margin:0 0 9px}.steps p{font-size:11px;color:#8e95a9;line-height:1.6;margin:0}
.roles{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;overflow:hidden}.roles-copy>h2{margin:19px 0}.roles-copy>p{color:var(--muted);font-size:13px;line-height:1.7;max-width:500px}.role-list{display:flex;flex-direction:column;margin-top:28px;max-width:470px}.role-list button{height:55px;border:0;border-bottom:1px solid #e8e9ee;background:white;display:flex;align-items:center;gap:11px;color:#686d7f;font-size:11px;text-align:left;cursor:pointer}.role-list button>i{font-style:normal;width:29px;height:29px;border-radius:8px;background:#f0f1f5;color:#727789;display:grid;place-items:center;font-size:8px;font-weight:750}.role-list button>span{margin-left:auto;opacity:0}.role-list button.active{color:#3f51c7;font-weight:700}.role-list button.active>i{background:#edf0ff;color:#5366dd}.role-list button.active>span{opacity:1}.role-list .icon{width:14px}.phone-wrap{background:linear-gradient(145deg,#edf0ff,#e5faf4);height:650px;border-radius:28px;display:grid;place-items:center;position:relative}.phone{width:290px;height:570px;background:#fafbfe;border:7px solid #171a28;border-radius:36px;box-shadow:0 24px 55px rgba(31,38,68,.22);overflow:hidden;position:relative;padding:24px 17px 0}.phone-top{position:absolute;top:0;left:0;right:0;height:25px;display:flex;justify-content:space-between;padding:8px 15px;font-size:7px}.phone-top i{width:60px;height:16px;background:#171a28;border-radius:0 0 10px 10px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.phone header{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.phone header div{display:flex;flex-direction:column}.phone header small{font-size:7px;color:#8d92a1}.phone header b{font-size:12px;margin-top:3px}.phone header>i{width:33px;height:33px;background:#5266e7;color:white;border-radius:10px;display:grid;place-items:center;font-size:8px;font-style:normal}.phone>section{background:linear-gradient(135deg,#566ae8,#7180eb);border-radius:14px;color:white;padding:19px}.phone>section span{font-size:8px;color:#dce0ff}.phone>section h3{font-size:26px;margin:10px 0 5px}.phone>section h3 small{font-size:10px}.phone>section em{font-style:normal;font-size:7px;color:#d9ddff}.phone h4{font-size:9px;margin:19px 0 10px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick button{height:67px;border:1px solid #e7e8ee;background:white;border-radius:10px;color:#5366de;font-size:17px}.quick button span{display:block;color:#73788a;font-size:7px;margin-top:6px}.phone>article{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e8e9ee;border-radius:10px;padding:10px}.phone>article>i{width:28px;height:28px;background:#fff0e3;color:#dc832b;border-radius:7px;display:grid;place-items:center;font-size:7px;font-style:normal}.phone>article span{display:flex;flex-direction:column;flex:1}.phone>article b{font-size:8px}.phone>article small{font-size:7px;color:#999daa;margin-top:3px}.phone>article em{font-style:normal;background:#fff1df;color:#d57e28;font-size:6px;border-radius:9px;padding:4px 6px}.phone>nav{position:absolute;bottom:0;left:0;right:0;height:58px;background:white;border-top:1px solid #eaebef;display:flex;justify-content:space-around;align-items:center}.phone>nav span,.phone>nav b{font-size:11px;color:#a0a4b1;display:flex;flex-direction:column;align-items:center}.phone>nav b{color:#5366de}.phone>nav small{font-size:6px;margin-top:4px}.role-note{position:absolute;right:-24px;top:95px;background:white;border:1px solid #e2e4ea;border-radius:11px;box-shadow:0 15px 35px rgba(40,48,76,.12);padding:13px 16px;display:flex;flex-direction:column;z-index:3}.role-note b{font-size:9px}.role-note span{font-size:7px;color:#9196a5;margin-top:4px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid #eeeef2}.faq-intro h2{margin:20px 0}.faq-intro p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 25px}.faq-list article{border-bottom:1px solid #e4e6eb}.faq-list button{width:100%;min-height:74px;border:0;background:white;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#292d3e;font-size:14px;font-weight:700;cursor:pointer}.faq-list button i{font-style:normal;font-size:19px;color:#7d8292;transition:.25s}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-list article>div p{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.7;margin:0;padding-right:40px}.faq-list article.open>div{grid-template-rows:1fr}.faq-list article.open>div p{margin:0 0 23px}.faq-list article.open button i{transform:rotate(45deg);color:#5266de}
.cta{max-width:1152px;min-height:410px;border-radius:26px;background:#5367eb;color:white;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:70px 30px;margin-bottom:110px}.cta>div:not(.cta-shape){position:relative;z-index:2}.cta span{text-transform:uppercase;letter-spacing:1.5px;font-size:8px;color:#d7dcff;font-weight:750}.cta h2{font-size:clamp(36px,4.4vw,55px);line-height:1.08;letter-spacing:-2.4px;margin:16px 0}.cta p{font-size:13px;line-height:1.7;color:#dbe0ff;max-width:600px;margin:0 auto 25px}.light-button{background:white;color:#4053ce}.light-button:hover{background:#f7f8ff}.cta-shape{position:absolute;border-radius:50%;border:55px solid rgba(255,255,255,.07)}.cta-shape.s1{width:340px;height:340px;left:-150px;top:-130px}.cta-shape.s2{width:250px;height:250px;right:-80px;bottom:-100px}.cta-shape.s3{width:110px;height:110px;right:120px;top:40px;border-width:30px}
footer{max-width:1200px;margin:auto;padding:0 24px 40px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;border-top:1px solid #ededf1;padding-top:35px}footer p{font-size:11px;color:#8c91a0}footer nav{display:flex;gap:20px;justify-self:end}footer nav a{font-size:10px}footer small{grid-column:1/-1;color:#aaadb8;font-size:8px}
.modal-backdrop{position:fixed;inset:0;background:rgba(14,17,31,.62);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-card{width:min(460px,100%);background:white;border-radius:18px;padding:30px;position:relative;box-shadow:0 28px 90px rgba(0,0,0,.3);animation:rise .25s ease}.modal-close{position:absolute;right:17px;top:17px;border:0;background:#f3f4f7;color:#727788;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;cursor:pointer}.modal-close .icon{width:15px}.modal-card>span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#5366df;font-weight:800}.modal-card h2{font-size:25px;letter-spacing:-.8px;margin:10px 0 7px}.modal-card>p{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 21px}.modal-card label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#5e6475;font-weight:700;margin-bottom:13px}.modal-card input,.modal-card select{height:41px;border:1px solid #dfe1e8;border-radius:8px;padding:0 10px;outline:none;background:white;color:#3d4253;font-size:11px}.modal-card input:focus,.modal-card select:focus{border-color:#697bea;box-shadow:0 0 0 3px #eef0ff}.modal-card>.button{width:100%;margin-top:8px}.modal-card>small{display:block;text-align:center;color:#9ca0ad;font-size:7px;margin-top:12px}.success{text-align:center;padding:25px 0}.success>.icon{width:45px;height:45px;padding:11px;border-radius:50%;background:#e5faf4;color:#0fa287}.success p{font-size:11px;color:var(--muted);margin-bottom:20px}@keyframes rise{from{opacity:0;transform:translateY(12px) scale(.98)}}
@media(max-width:1050px){.floating-card{display:none}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.app-demo{height:510px}.demo-side{width:155px}.app-demo{grid-template-columns:155px 1fr}.demo-content{padding:18px}.chart-card,.alert-card{height:260px}.chart-card svg{height:185px}.roles{gap:35px}.faq{gap:50px}}@media(max-width:780px){.nav-links,.nav-actions{display:none}.menu-btn{display:flex}.mobile-nav{position:absolute;top:68px;left:12px;right:12px;background:white;border:1px solid var(--line);box-shadow:0 18px 40px rgba(30,35,60,.14);border-radius:13px;padding:12px;z-index:30;flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{text-decoration:none;color:#454a5c;padding:12px;font-size:12px}.mobile-nav .button{margin-top:8px}.hero{padding-top:65px}.hero h1{letter-spacing:-2.6px}.hero-copy>p{font-size:15px}.product-stage{margin-top:55px}.app-demo{grid-template-columns:1fr;height:470px}.demo-side{display:none}.demo-content{padding:16px}.demo-metrics{grid-template-columns:repeat(2,1fr)}.demo-metrics>div:nth-child(n+3){display:none}.demo-grid{grid-template-columns:1fr}.alert-card{display:none}.chart-card{height:290px}.chart-card svg{height:215px}.proof{padding-bottom:40px}.section{padding:80px 20px}.feature-grid{grid-template-columns:1fr}.wide-feature{grid-column:auto;grid-template-columns:1fr;gap:20px}.steps{grid-template-columns:1fr;gap:10px}.steps>span{transform:rotate(90deg)}.roles{grid-template-columns:1fr}.phone-wrap{margin-top:25px}.faq{grid-template-columns:1fr;gap:45px}.cta{margin:0 14px 80px;padding:65px 20px}footer{grid-template-columns:1fr}footer nav{justify-self:start;flex-wrap:wrap}}@media(max-width:500px){.nav{height:66px;padding:0 16px}.hero{padding:55px 15px 75px}.hero h1{font-size:43px;letter-spacing:-2.3px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .button,.hero-actions .outline{width:100%}.hero-note{flex-wrap:wrap}.hero-note>span{display:none}.product-stage{border-radius:11px}.app-demo{height:400px}.demo-header{padding:0 12px}.demo-content{padding:13px}.demo-title h2{font-size:16px}.demo-title button{display:none}.demo-metrics{gap:7px;margin:12px 0 8px}.demo-metrics>div{padding:9px}.demo-metrics strong{font-size:11px}.chart-card{height:230px;padding:11px}.chart-card svg{height:160px}.section-head h2,.roles-copy h2,.faq h2{letter-spacing:-1.8px}.feature{padding:24px}.feature h3{font-size:21px}.mini-inventory>div{grid-template-columns:8px 1fr auto}.mini-inventory em{display:none}.phone-wrap{height:590px}.phone{transform:scale(.89)}.role-note{display:none}.faq-list button{font-size:12px}.cta h2{letter-spacing:-1.8px}footer nav{gap:12px}}

.data-control{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:78px;padding-top:105px;padding-bottom:105px}.data-copy h2{font-size:clamp(36px,4.2vw,54px);line-height:1.05;letter-spacing:-2.5px;margin:20px 0}.data-copy h2 em{font-style:normal;color:#6e7487;font-weight:560}.data-copy>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:520px}.data-copy ul{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:17px}.data-copy li{display:flex;align-items:flex-start;gap:12px}.data-copy li>.icon{flex:0 0 auto;width:21px;height:21px;padding:4px;border-radius:50%;background:#e4faf4;color:#0b9c80}.data-copy li span{display:flex;flex-direction:column}.data-copy li b{font-size:11px}.data-copy li small{font-size:9px;color:#898e9e;line-height:1.5;margin-top:4px}.sheets-stage{height:570px;background:linear-gradient(145deg,#e8f8f2,#eef1ff);border-radius:25px;position:relative;display:grid;place-items:center;padding:38px}.sheet-window{width:100%;background:white;border:1px solid #dfe2e8;border-radius:13px;box-shadow:0 25px 60px rgba(37,48,70,.16);overflow:hidden}.sheet-window header{height:62px;display:flex;align-items:center;padding:0 15px;gap:10px}.sheet-mark{width:31px;height:31px;border-radius:7px;background:#e3f7ef;color:#159670;display:grid;place-items:center}.sheet-mark .icon{width:18px}.sheet-window header div{display:flex;flex-direction:column}.sheet-window header b{font-size:10px}.sheet-window header small{font-size:7px;color:#969aa8;margin-top:3px}.sheet-window header button{margin-left:auto;border:0;background:#e7f1fd;color:#246cba;border-radius:7px;padding:7px 11px;font-size:8px;font-weight:700}.sheet-window nav{height:29px;border-top:1px solid #eef0f3;border-bottom:1px solid #e7e9ed;display:flex;align-items:center;gap:14px;padding:0 14px;color:#5f6575;font-size:7px}.formula{height:31px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;font-size:8px}.formula b{color:#8c91a0;font-style:italic;padding:0 12px;border-right:1px solid #e8e9ed}.formula span{padding-left:10px;color:#626879}.sheet-grid{display:grid;grid-template-columns:27px .9fr 1.5fr 1.15fr 1fr .7fr;overflow:hidden}.sheet-grid>*{height:36px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 7px;white-space:nowrap;overflow:hidden;font-size:7px;font-style:normal;font-weight:400;color:#4f5566}.sheet-grid>b,.sheet-grid>i{justify-content:center;background:#f6f7f9;color:#8c91a0}.sheet-grid>strong{background:#e9f7f1;color:#276c59;font-weight:750}.sheet-grid>span:nth-child(30){outline:2px solid #2ca36f;outline-offset:-2px;background:#f3fbf7}.sheet-window>footer{height:38px;display:flex;align-items:center;gap:17px;padding:0 13px;color:#777c8d;font-size:7px}.sheet-window>footer b{height:100%;display:flex;align-items:center;color:#21815f;border-bottom:2px solid #2ba373}.account-chip,.ownership-badge{position:absolute;background:white;border:1px solid #e0e3e9;box-shadow:0 14px 38px rgba(39,49,76,.14);border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:9px;z-index:3}.account-chip{right:14px;top:31px}.account-chip>i{width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#5367e9,#8d3c9d);color:white;display:grid;place-items:center;font-style:normal;font-size:8px}.account-chip span,.ownership-badge span{display:flex;flex-direction:column}.account-chip b,.ownership-badge b{font-size:8px}.account-chip small,.ownership-badge small{font-size:7px;color:#969ba9;margin-top:3px}.account-chip>.icon{width:15px;height:15px;padding:3px;border-radius:50%;background:#e3f8f1;color:#10987d;margin-left:5px}.ownership-badge{left:15px;bottom:28px}.ownership-badge>.icon{width:31px;height:31px;padding:7px;border-radius:8px;background:#eef0ff;color:#5366df}

@media(max-width:900px){.data-control{grid-template-columns:1fr;gap:45px}.sheets-stage{max-width:650px;width:100%;margin:auto}}@media(max-width:500px){.data-control{padding-top:75px;padding-bottom:75px}.data-copy h2{letter-spacing:-1.8px}.sheets-stage{height:440px;padding:24px 12px}.sheet-window{transform:scale(.94)}.account-chip{right:7px;top:13px}.ownership-badge{left:7px;bottom:12px}.sheet-grid{grid-template-columns:24px .9fr 1.4fr 1fr .9fr .6fr}.sheet-grid>*{padding:0 4px;font-size:6px}}

/* AppSheet-led visual system */
.hero{background:radial-gradient(circle at 50% 12%,#fff 0,#f8fbff 58%,#f2f7fc 100%)}.hero-glow.one{background:#d2e3fc}.hero-glow.two{background:#ceead6}.pill,.section-tag{background:#e8f0fe;color:#1967d2;border-color:#d2e3fc}.pill i{background:#0f9d58;box-shadow:0 0 0 4px rgba(15,157,88,.12)}.hero h1{letter-spacing:-3.8px}.hero h1 em{color:#5f6368}.hero-note .icon{color:#0f9d58}.section-tag.dark{background:#303134;color:#8ab4f8}.workflow-section{background:#202124}.steps article{background:#292a2d;border-color:#3c4043}.steps article>div{background:#303134;color:#8ab4f8}.cta{background:linear-gradient(135deg,#1a73e8,#1967d2)}.light-button{color:#1967d2}.feature-icon{background:#e8f0fe;color:#1a73e8}.feature-icon.mint{background:#e6f4ea;color:#0f9d58}.feature-icon.amber{background:#fef7e0;color:#e37400}.feature-icon.purple{background:#f3e8fd;color:#7e57c2}
.appsheet-stage{max-width:1100px;overflow:visible;transform:none;background:#f8f9fa;border-color:#dadce0;box-shadow:0 32px 80px rgba(60,64,67,.18)}.appsheet-stage .stage-top{border-radius:17px 17px 0 0;background:#fff}.appsheet-desktop{margin:22px 105px 42px 24px;border:1px solid #dadce0;border-radius:10px;overflow:hidden;background:white;box-shadow:0 12px 28px rgba(60,64,67,.12)}.appsheet-desktop img{display:block;width:100%;height:auto}.appsheet-mobile-float{position:absolute;right:-18px;bottom:-38px;width:210px;padding:8px;background:#202124;border-radius:27px;box-shadow:0 25px 55px rgba(32,33,36,.25);transform:rotate(1.5deg)}.appsheet-mobile-float img{display:block;width:100%;height:auto;border-radius:20px}.appsheet-proof{position:absolute;left:42px;bottom:13px;background:white;border:1px solid #dadce0;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;color:#3c4043;box-shadow:0 8px 20px rgba(60,64,67,.1)}.appsheet-proof .icon{width:13px;color:#0f9d58}
.appsheet-feature-shot{position:absolute;background:white;border:1px solid #dadce0;box-shadow:0 16px 35px rgba(60,64,67,.12);overflow:hidden}.appsheet-feature-shot img{display:block;width:100%;height:auto}.desktop-shot{left:30px;right:30px;top:245px;border-radius:10px}.mobile-shot{width:170px;right:30px;bottom:-105px;border-radius:25px;padding:5px;background:#202124}.mobile-shot img{border-radius:19px}.appsheet-wide-shot{height:255px;border:1px solid #dadce0;border-radius:12px;overflow:hidden;background:white;box-shadow:0 15px 36px rgba(60,64,67,.12)}.appsheet-wide-shot img{width:100%;height:100%;object-fit:cover;object-position:top left}
.appsheet-phone-wrap{background:linear-gradient(145deg,#e8f0fe,#e6f4ea)}.appsheet-phone{height:575px;padding:8px;background:#202124;border-radius:35px;box-shadow:0 25px 58px rgba(32,33,36,.25)}.appsheet-phone img{display:block;height:100%;width:auto;border-radius:27px}.mobile-view-caption{position:absolute;left:25px;bottom:35px;background:white;border:1px solid #dadce0;border-radius:12px;box-shadow:0 14px 34px rgba(60,64,67,.16);padding:11px 13px;display:flex;align-items:center;gap:9px}.mobile-view-caption>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1a73e8;color:white;font-style:normal;font-size:8px;font-weight:700}.mobile-view-caption span{display:flex;flex-direction:column}.mobile-view-caption b{font-size:8px}.mobile-view-caption small{font-size:7px;color:#80868b;margin-top:3px}.mobile-view-caption>.icon{width:15px;height:15px;padding:3px;border-radius:50%;background:#e6f4ea;color:#0f9d58}.role-list button.active{color:#1967d2}.role-list button.active>i{background:#e8f0fe;color:#1967d2}.data-copy li>.icon{background:#e6f4ea;color:#0f9d58}.sheets-stage{background:linear-gradient(145deg,#e6f4ea,#e8f0fe)}
.hero-note{gap:9px}.hero-note b{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;color:#5f6368}.hero-note b::before{content:"✓";width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:#e6f4ea;color:#0f9d58;font-size:8px}.hero-note b+b::after{content:"";order:-1;width:1px;height:12px;background:#dadce0;margin-right:4px}

@media(max-width:780px){.appsheet-desktop{margin:14px 50px 38px 14px}.appsheet-mobile-float{width:140px;right:-8px;bottom:-25px}.appsheet-proof{left:24px;bottom:9px}.appsheet-wide-shot{height:230px}.appsheet-phone{height:530px}}@media(max-width:500px){.hero h1{letter-spacing:-2px}.hero-note{gap:6px}.hero-note b{font-size:7px}.hero-note b+b::after{display:none}.appsheet-stage{margin-left:2px;margin-right:2px}.appsheet-desktop{margin:10px 28px 32px 9px;border-radius:7px}.appsheet-mobile-float{width:94px;padding:4px;border-radius:16px;right:-4px;bottom:-18px}.appsheet-mobile-float img{border-radius:12px}.appsheet-proof{left:14px;bottom:6px;font-size:6px;padding:5px 8px}.desktop-shot{left:20px;right:20px;top:250px}.mobile-shot{width:145px;right:18px}.appsheet-wide-shot{height:190px}.appsheet-phone{height:500px}.mobile-view-caption{left:9px;bottom:18px}}

/* Readability pass */
body{line-height:1.5}.hero h1{font-size:clamp(44px,5.5vw,68px);line-height:1.08;letter-spacing:-2.4px;font-weight:700}.hero h1 em{font-weight:400}.hero-copy>p{max-width:620px;font-size:18px;line-height:1.6}.pill{font-size:13px;font-weight:600}.hero-note b{font-size:11px;font-weight:500}.section-tag{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;padding:7px 12px}.section-head h2,.roles-copy h2,.faq h2,.data-copy h2{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-1.3px;font-weight:700}.data-copy h2 em{font-weight:400}.section-head p,.roles-copy>p,.faq-intro p,.data-copy>p{font-size:16px;line-height:1.65}.feature>span,.wide-feature>div>span{font-size:11px;letter-spacing:.4px;text-transform:none}.feature h3{font-size:23px;line-height:1.25;letter-spacing:-.3px}.feature>p,.wide-feature p{font-size:15px;line-height:1.6}.desktop-shot{top:220px}.steps h3{font-size:19px;font-weight:600}.steps p{font-size:14px;line-height:1.55}.steps article{min-height:225px}.role-list button{font-size:14px}.faq-list button{font-size:16px;font-weight:600;min-height:78px}.faq-list article>div p{font-size:14px;line-height:1.65}.cta h2{font-size:clamp(36px,4vw,50px);letter-spacing:-1.2px}.cta p{font-size:16px}.cta span{font-size:11px;letter-spacing:.5px;text-transform:none}.proof p{font-size:11px;letter-spacing:.5px;text-transform:none}.proof span{font-size:14px}

@media(max-width:500px){.hero h1{font-size:42px;line-height:1.1;letter-spacing:-1.4px}.hero-copy>p{font-size:16px}.pill{font-size:11px}.hero-note b{font-size:8px}.section-head h2,.roles-copy h2,.faq h2,.data-copy h2{font-size:34px;letter-spacing:-.8px}.section-head p,.roles-copy>p,.faq-intro p,.data-copy>p{font-size:15px}.feature h3{font-size:21px}.feature>p,.wide-feature p{font-size:14px}.desktop-shot{top:220px}.faq-list button{font-size:15px}}

/* Poly.dev product mockups */
.appsheet-desktop{margin:22px 92px 42px 24px}.appsheet-mobile-float{width:310px;right:-34px;bottom:-45px;padding:0;background:white;border-radius:18px;box-shadow:0 24px 55px rgba(32,33,36,.2)}.appsheet-mobile-float img{border-radius:18px}.desktop-shot{top:220px;left:26px;right:26px;border-radius:12px}.mobile-shot{width:300px;right:14px;bottom:-58px;padding:0;background:white;border-radius:18px}.mobile-shot img{border-radius:18px}.appsheet-wide-shot{height:330px}.appsheet-wide-shot img{object-fit:cover;object-position:top left}.appsheet-phone-wrap{height:610px}.appsheet-phone{width:94%;height:auto;padding:0;background:transparent;border-radius:0;box-shadow:none}.appsheet-phone img{width:100%;height:auto;border-radius:0}.mobile-view-caption{bottom:24px}

@media(max-width:780px){.appsheet-desktop{margin:14px 62px 38px 14px}.appsheet-mobile-float{width:210px;right:-16px;bottom:-30px}.mobile-shot{width:250px}.appsheet-wide-shot{height:260px}.appsheet-phone-wrap{height:520px}}@media(max-width:500px){.appsheet-desktop{margin:10px 36px 30px 9px}.appsheet-mobile-float{width:132px;right:-8px;bottom:-19px;border-radius:10px}.appsheet-mobile-float img{border-radius:10px}.desktop-shot{top:220px;left:18px;right:18px}.mobile-shot{width:205px;right:8px;bottom:-30px}.appsheet-wide-shot{height:210px}.appsheet-phone-wrap{height:430px}.appsheet-phone{width:105%}}

/* Larger Poly.dev identity */
.nav{height:84px}.nav .brand,footer .brand{font-size:25px;font-weight:700;gap:12px}.brand img{width:46px;height:46px}.stage-top{height:42px;padding:0 16px}.stage-top b{font-size:11px;margin-left:14px;color:#73777f}.stage-top i{font-size:9px;padding:4px 8px}.sheet-window header b{font-size:13px}.sheet-window header small{font-size:9px}.sheet-mark{width:38px;height:38px}.sheet-mark .icon{width:22px}footer p{font-size:13px}

@media(max-width:780px){.nav{height:76px}.nav .brand{font-size:22px}.brand img{width:42px;height:42px}.mobile-nav{top:76px}}@media(max-width:500px){.nav{height:72px}.nav .brand{font-size:21px;gap:9px}.brand img{width:40px;height:40px}.stage-top{height:36px;padding:0 10px}.stage-top b{font-size:8px;margin-left:8px}.stage-top i{font-size:7px;padding:3px 6px}footer .brand{font-size:22px}}

/* Role-focused product story */
.roles{grid-template-columns:.72fr 1.28fr;gap:55px;max-width:1320px}.role-benefits{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}.role-benefits li{display:flex;align-items:flex-start;gap:12px}.role-benefits li>.icon{flex:0 0 auto;width:22px;height:22px;padding:4px;border-radius:50%;background:#e6f4ea;color:#0f9d58}.role-benefits li span{display:flex;flex-direction:column}.role-benefits li b{font-size:15px;font-weight:600}.role-benefits li small{font-size:13px;line-height:1.5;color:#70757a;margin-top:3px}.role-views{background:linear-gradient(145deg,#f5f8ff,#edf7f3);border:1px solid #e1e6eb;border-radius:24px;padding:18px;box-shadow:0 24px 60px rgba(60,64,67,.12);overflow:hidden}.role-views img{display:block;width:100%;height:auto;border-radius:15px}.workflow-section .section-head{margin-bottom:0}

@media(max-width:900px){.roles{grid-template-columns:1fr}.role-views{margin-top:10px}}@media(max-width:500px){.roles{gap:32px}.role-views{padding:8px;border-radius:16px}.role-views img{border-radius:10px}.role-benefits li b{font-size:14px}.role-benefits li small{font-size:12px}}

/* Interactive team views */
.workflow-callout{max-width:470px!important;background:linear-gradient(135deg,rgba(138,180,248,.14),rgba(129,201,149,.1));border:1px solid #454a50;border-left:4px solid #8ab4f8;border-radius:14px;padding:18px 20px!important;color:#d7dbe0!important;display:flex;flex-direction:column;gap:5px;box-shadow:0 16px 36px rgba(0,0,0,.12)}.workflow-callout strong{font-size:18px;color:#fff;line-height:1.4}.workflow-callout span{font-size:14px;color:#aeb4bc}.role-viewer{background:linear-gradient(145deg,#f5f8ff,#edf7f3);border:1px solid #dde4e9;border-radius:24px;padding:16px;box-shadow:0 24px 60px rgba(60,64,67,.12)}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:rgba(255,255,255,.72);padding:6px;border:1px solid #e1e5e9;border-radius:13px}.role-tabs button{height:45px;border:0;border-radius:9px;background:transparent;color:#62676d;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .22s,color .22s,box-shadow .22s,transform .22s}.role-tabs button:hover{color:#202124;transform:translateY(-1px)}.role-tabs button.active{background:#fff;color:#7b1fa2;box-shadow:0 5px 16px rgba(60,64,67,.13)}.role-tabs .icon{width:17px}.role-preview{min-height:570px;display:grid;grid-template-columns:360px 1fr;align-items:center;gap:18px;padding:12px 16px 6px;transition:opacity .15s ease,transform .15s ease}.role-preview.switching{opacity:0;transform:translateY(8px)}.role-phone-crop{width:330px;height:535px;position:relative;overflow:hidden;margin:auto;border-radius:34px;filter:drop-shadow(0 20px 24px rgba(32,33,36,.18))}.role-phone-crop img{position:absolute;display:block;width:375%;max-width:none;height:auto;top:-12%;left:-19%;transition:left .5s cubic-bezier(.22,.8,.22,1)}.role-preview[data-current-team="sales"] .role-phone-crop img{left:-138%}.role-preview[data-current-team="purchase"] .role-phone-crop img{left:-257%}.role-preview-copy{display:flex;flex-direction:column;padding-right:10px}.role-preview-copy span{font-size:11px;font-weight:700;color:#7b1fa2;text-transform:uppercase;letter-spacing:.6px}.role-preview-copy b{font-size:25px;line-height:1.18;letter-spacing:-.5px;margin:10px 0}.role-preview-copy small{font-size:14px;line-height:1.6;color:#6d7278}.role-view-footer{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:9px 0 2px}.role-view-footer span{display:flex;align-items:center;gap:5px;border:1px solid #d9dee3;background:rgba(255,255,255,.76);border-radius:18px;padding:6px 9px;color:#676c72;font-size:10px}.role-view-footer .icon{width:13px;color:#7b1fa2}

/* Quiet motion */
.reveal-target{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,.8,.22,1) var(--reveal-delay,0ms)}.reveal-target.revealed{opacity:1;transform:none}.feature{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(60,64,67,.11);border-color:#d8dde3}.appsheet-mobile-float{animation:gentleFloat 6s ease-in-out infinite}.account-chip,.ownership-badge{animation:softPulse 5s ease-in-out infinite}.ownership-badge{animation-delay:1.2s}@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-8px) rotate(.7deg)}}@keyframes softPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media(max-width:1050px){.role-preview{grid-template-columns:300px 1fr}.role-phone-crop{width:270px;height:455px}.role-preview{min-height:500px}}@media(max-width:780px){.workflow-callout{max-width:100%!important}.role-preview{grid-template-columns:1fr;min-height:auto;padding-top:20px}.role-phone-crop{width:300px;height:490px}.role-preview-copy{text-align:center;padding:0 16px 12px}.role-tabs button{font-size:12px}.role-view-footer{display:none}}@media(max-width:500px){.role-viewer{padding:9px;border-radius:18px}.role-tabs{gap:4px}.role-tabs button{height:42px;font-size:11px}.role-tabs .icon{display:none}.role-phone-crop{width:250px;height:410px}.role-preview-copy b{font-size:21px}.role-preview-copy small{font-size:13px}.workflow-callout strong{font-size:16px}.workflow-callout span{font-size:13px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-target,.role-preview,.role-phone-crop img,.feature,.appsheet-mobile-float,.account-chip,.ownership-badge{animation:none!important;transition:none!important}.reveal-target{opacity:1;transform:none}}

/* Stronger interactive role selector */
.role-viewer{border-color:#cfd9e2;padding:20px;box-shadow:0 24px 60px rgba(60,64,67,.15)}.role-selector-label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 3px 12px}.role-selector-label span{background:#f3e8fd;color:#7b1fa2;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.role-selector-label b{font-size:18px}.role-selector-label small{font-size:12px;color:#6b7076}.role-tabs{gap:10px;background:#fff;padding:8px;border-color:#d2d9df;border-radius:16px;box-shadow:0 8px 24px rgba(60,64,67,.08)}.role-tabs button{min-height:58px;height:auto;border:1px solid #e0e4e8;border-radius:12px;background:#f8f9fa;color:#4f5459;gap:9px;font-size:16px;font-weight:700;transition:background .22s,color .22s,box-shadow .22s,transform .22s,border-color .22s}.role-tabs button:hover{color:#7b1fa2;border-color:#caa4dc;background:#faf5fc;transform:translateY(-2px)}.role-tabs button.active{background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border-color:#7b1fa2;box-shadow:0 9px 22px rgba(123,31,162,.28)}.role-tabs .icon{width:21px;height:21px}

@media(max-width:780px){.role-selector-label{grid-template-columns:1fr auto}.role-selector-label span{display:none}.role-selector-label b{font-size:16px}.role-selector-label small{font-size:11px}.role-tabs button{font-size:13px}}@media(max-width:500px){.role-viewer{padding:10px}.role-selector-label{grid-template-columns:1fr;text-align:center;margin:5px 0 10px}.role-selector-label small{display:block}.role-tabs{gap:5px;padding:5px}.role-tabs button{min-height:49px;font-size:12px}}

/* Full-width workflow promise */
.workflow-section .section-head{margin-bottom:34px}.workflow-promise{position:relative;overflow:hidden;border:1px solid #485464;border-radius:18px;padding:23px 28px;background:linear-gradient(120deg,#293142 0%,#253440 52%,#28382f 100%);box-shadow:0 20px 46px rgba(0,0,0,.2)}.workflow-promise::after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(138,180,248,.07);border-radius:50%;right:-75px;top:-105px}.workflow-promise>span{display:block;color:#8ab4f8;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1px;margin-bottom:13px}.workflow-promise>div{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.workflow-promise strong,.workflow-promise b{font-size:clamp(20px,2.2vw,30px);line-height:1.25;letter-spacing:-.5px}.workflow-promise strong{color:#fff}.workflow-promise b{color:#a8d6b4;font-weight:600}.workflow-promise i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#8ab4f8;color:#202124;font-style:normal;box-shadow:0 0 0 8px rgba(138,180,248,.1)}.workflow-promise i .icon{width:21px}.workflow-section .steps{margin-top:28px}

@media(max-width:780px){.workflow-promise{padding:22px}.workflow-promise>div{grid-template-columns:1fr;gap:16px}.workflow-promise i{transform:rotate(90deg);width:38px;height:38px}.workflow-promise strong,.workflow-promise b{font-size:22px}.workflow-section .steps{margin-top:22px}}@media(max-width:500px){.workflow-promise{padding:20px 18px}.workflow-promise>span{font-size:9px}.workflow-promise strong,.workflow-promise b{font-size:20px}}

/* Product bento grid */
.features .feature-grid{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:16px}.features .feature{border-radius:24px;border-color:#e2e6ea}.features .large-feature{grid-column:span 7;min-height:500px;background:linear-gradient(155deg,#f7f9fc 0%,#edf3ff 100%)}.features .feature:nth-child(2){grid-column:span 5;min-height:500px;background:linear-gradient(145deg,#f8f3fc 0%,#f0e9f8 100%)}.features .feature:nth-child(2)>h3,.features .feature:nth-child(2)>p{max-width:42%;position:relative;z-index:2}.features .feature:nth-child(3){grid-column:span 4;min-height:360px;background:linear-gradient(155deg,#fffaf1 0%,#fef3df 100%)}.features .wide-feature{grid-column:span 8;min-height:360px;background:linear-gradient(145deg,#f4faf7 0%,#e8f4ee 100%);grid-template-columns:.42fr 1fr;gap:24px}.features .desktop-shot{top:235px;left:30px;right:-40px;border-radius:14px;transform:rotate(-1deg)}.features .mobile-shot{width:72%;right:-9%;bottom:-16%;border:0;background:transparent;box-shadow:none;transform:rotate(2deg)}.features .mobile-shot img{border-radius:20px}.features .notification{margin-top:65px;border:0;box-shadow:0 14px 34px rgba(143,91,28,.12)}.features .appsheet-wide-shot{height:285px;border:0;box-shadow:0 16px 38px rgba(44,82,61,.13);transform:translateX(20px)}.features .feature::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:34px solid rgba(255,255,255,.38);right:-60px;top:-60px;pointer-events:none}.features .feature h3,.features .feature p,.features .feature>span,.features .feature-icon{position:relative;z-index:2}

@media(max-width:900px){.features .large-feature,.features .feature:nth-child(2),.features .feature:nth-child(3),.features .wide-feature{grid-column:span 12}.features .feature:nth-child(3){min-height:300px}.features .wide-feature{grid-template-columns:.55fr 1fr}}@media(max-width:780px){.features .feature-grid{grid-template-columns:1fr}.features .large-feature,.features .feature:nth-child(2),.features .feature:nth-child(3),.features .wide-feature{grid-column:1/-1}.features .feature:nth-child(2)>h3,.features .feature:nth-child(2)>p{max-width:52%}.features .wide-feature{grid-template-columns:1fr}.features .appsheet-wide-shot{transform:none}}@media(max-width:500px){.features .large-feature,.features .feature:nth-child(2){min-height:440px}.features .feature:nth-child(2)>h3,.features .feature:nth-child(2)>p{max-width:58%}.features .mobile-shot{width:70%;right:-12%;bottom:-8%}.features .desktop-shot{top:225px;right:-85px}.features .wide-feature{min-height:500px}.features .appsheet-wide-shot{height:245px}}

@media(min-width:901px){.features .feature:nth-child(2)>h3,.features .feature:nth-child(2)>p{max-width:38%}.features .mobile-shot{width:67%;right:-7%;bottom:-14%}}

/* Distribution search-intent section */
.distribution-seo{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid #e8ebee}.distribution-intro h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-1.4px;margin:20px 0}.distribution-intro p{color:var(--muted);font-size:16px;line-height:1.7;max-width:540px}.distribution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.distribution-grid article{padding:25px;border:1px solid #e1e5e9;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9fc);transition:transform .25s ease,box-shadow .25s ease}.distribution-grid article:last-child:nth-child(odd){grid-column:1/-1}.distribution-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(60,64,67,.1)}.distribution-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e8f0fe;color:#1967d2;font-size:10px;font-weight:700}.distribution-grid h3{font-size:18px;line-height:1.3;margin:18px 0 8px}.distribution-grid p{font-size:13px;line-height:1.65;color:#6c7178;margin:0}.distribution-terms{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.distribution-terms span{border:1px solid #dce1e6;background:#f8f9fa;border-radius:20px;padding:7px 11px;color:#62676d;font-size:11px}

@media(max-width:900px){.distribution-seo{grid-template-columns:1fr;gap:36px}}@media(max-width:600px){.distribution-grid{grid-template-columns:1fr}.distribution-seo{padding-top:75px;padding-bottom:75px}.distribution-intro h2{font-size:34px}.distribution-terms{justify-content:flex-start}}

/* Pricing page */
.pricing-page{background:#fbfcfe;color:#202124}.pricing-nav{max-width:1180px}.pricing-nav .active-link{color:#7b1fa2;font-weight:700}.pricing-hero{position:relative;overflow:hidden;text-align:center;padding:110px 24px 80px;border-top:1px solid #edf0f2}.pricing-hero>*:not(.pricing-glow){position:relative;z-index:2}.pricing-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.03;letter-spacing:-3.2px;margin:24px auto 20px;max-width:940px}.pricing-hero h1 em{font-style:normal;color:#6f747a;font-weight:400}.pricing-hero>p{font-size:18px;color:#666b72;line-height:1.65}.pricing-glow{position:absolute;border-radius:50%;filter:blur(8px);opacity:.35}.pricing-glow.one{width:360px;height:360px;background:#dfe7ff;left:-130px;top:80px}.pricing-glow.two{width:320px;height:320px;background:#e5d6f0;right:-100px;top:20px}.pricing-plans{max-width:1040px;margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}.price-card{position:relative;border:1px solid #dfe3e8;border-radius:24px;background:#fff;padding:38px;box-shadow:0 20px 55px rgba(60,64,67,.08);overflow:hidden}.price-card.featured{border:2px solid #7b1fa2;box-shadow:0 28px 70px rgba(123,31,162,.15)}.price-card.featured::after{content:"";position:absolute;width:230px;height:230px;border:48px solid rgba(123,31,162,.05);border-radius:50%;right:-100px;top:-105px}.popular-label{position:absolute;right:20px;top:20px;background:#f3e8fd;color:#7b1fa2;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.price-card header{display:flex;flex-direction:column;max-width:360px;position:relative;z-index:2}.price-card header span{font-size:14px;font-weight:750;color:#7b1fa2}.price-card header b{font-size:20px;line-height:1.35;margin-top:12px}.price{display:flex;align-items:flex-end;margin:36px 0 0;color:#202124;position:relative;z-index:2}.price sup{font-size:24px;font-weight:700;align-self:flex-start;margin-top:11px}.price strong{font-size:64px;line-height:.95;letter-spacing:-3px}.price span{font-size:14px;color:#70757a;margin:0 0 7px 9px}.tax-note{font-size:12px;color:#7b1fa2;font-weight:700;margin:9px 0 24px}.pricing-button{width:100%;height:50px}.member-note{display:flex;flex-direction:column;background:#f7f3fa;border-radius:13px;padding:15px;margin:16px 0 22px}.member-note b{font-size:14px}.member-note span{font-size:11px;color:#747980;margin-top:4px}.price-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.price-card li{font-size:13px;color:#4f545a}.price-card.featured li::first-letter{color:#0f9d58}.scale{background:linear-gradient(145deg,#202124,#292b30);color:#fff;border-color:#3c4043}.scale::after{content:"";position:absolute;width:240px;height:240px;border:42px solid rgba(138,180,248,.06);border-radius:50%;right:-95px;bottom:-100px}.scale header span{color:#8ab4f8}.scale header b{color:#fff}.scale-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#303134;color:#8ab4f8;font-size:17px;font-weight:750;margin-bottom:32px}.custom-price{display:flex;flex-direction:column;margin:44px 0 26px}.custom-price strong{font-size:45px;letter-spacing:-1.5px}.custom-price span{font-size:13px;color:#aeb3ba;margin-top:8px}.scale .outline{background:#fff;border-color:#fff;color:#202124}.scale ul{margin-top:26px}.scale li{color:#d4d7dc}.scale-footnote{font-size:11px;color:#92979e;line-height:1.6;margin:25px 0 0}.pricing-value{max-width:1040px;margin:0 auto 110px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-value>div{display:flex;flex-direction:column;border-top:1px solid #dfe3e7;padding:23px 6px}.pricing-value span{font-size:10px;color:#7b1fa2;font-weight:700}.pricing-value b{font-size:17px;margin:12px 0 6px}.pricing-value small{font-size:12px;color:#73787f;line-height:1.5}.pricing-faq{max-width:1040px;margin:0 auto 110px;padding:95px 24px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;border-top:1px solid #e2e5e9}.pricing-faq h2{font-size:44px;letter-spacing:-1.3px;margin:20px 0}.pricing-faq-list{display:flex;flex-direction:column}.pricing-faq-list article{padding:22px 0;border-bottom:1px solid #e0e4e8}.pricing-faq-list h3{font-size:16px;margin:0 0 8px}.pricing-faq-list p{font-size:13px;line-height:1.65;color:#666b72;margin:0}.pricing-cta{max-width:1120px;margin:0 auto 100px;padding:80px 30px;border-radius:28px;background:linear-gradient(135deg,#6a1b9a,#8e24aa);color:#fff;text-align:center;box-shadow:0 28px 75px rgba(123,31,162,.2)}.pricing-cta>span{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1px;color:#e9d5f3}.pricing-cta h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-1.4px;max-width:760px;margin:16px auto 28px}.pricing-cta .button{margin:auto}.pricing-footer{max-width:1180px}.pricing-contact-card>span{color:#7b1fa2}.pricing-contact-card>.button{background:#7b1fa2}.pricing-contact-card>.button:hover{background:#6a1b9a}

@media(max-width:850px){.pricing-plans{grid-template-columns:1fr;max-width:650px}.pricing-value{grid-template-columns:1fr;max-width:650px}.pricing-faq{grid-template-columns:1fr;gap:30px}.pricing-nav .nav-links{display:none}}@media(max-width:600px){.pricing-nav{padding:0 16px}.pricing-nav .brand{font-size:21px}.pricing-nav .brand img{width:40px;height:40px}.pricing-hero{padding:75px 18px 55px}.pricing-hero h1{font-size:44px;letter-spacing:-1.8px}.pricing-hero>p{font-size:15px}.pricing-plans{padding:0 14px}.price-card{padding:28px 23px}.popular-label{position:static;display:inline-block;margin-bottom:22px}.price strong{font-size:54px}.pricing-value{padding:0 18px;margin-bottom:75px}.pricing-faq{padding:75px 20px;margin-bottom:70px}.pricing-faq h2{font-size:36px}.pricing-cta{margin:0 14px 75px;padding:60px 20px;border-radius:22px}.pricing-footer{padding-left:20px;padding-right:20px}}

/* More product motion */
.hero-glow.one{animation:glowDriftLeft 11s ease-in-out infinite}.hero-glow.two{animation:glowDriftRight 13s ease-in-out infinite}.appsheet-stage{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1500px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .22s ease-out}.appsheet-stage .stage-top,.appsheet-stage .appsheet-desktop{transform:translateZ(8px)}.floating-card.stock-in{animation:cardBreathe 5.8s ease-in-out infinite}.floating-card.alert{animation:cardBreathe 5.8s ease-in-out 1.1s infinite}.sheet-grid>span:nth-child(18),.sheet-grid>span:nth-child(24),.sheet-grid>span:nth-child(30),.sheet-grid>span:nth-child(36){animation:sheetCell 6.4s ease-in-out infinite}.sheet-grid>span:nth-child(24){animation-delay:1.2s}.sheet-grid>span:nth-child(30){animation-delay:2.4s}.sheet-grid>span:nth-child(36){animation-delay:3.6s}.features .desktop-shot{animation:mockupDrift 7s ease-in-out infinite}.features .mobile-shot{animation:mobileMockupDrift 6.4s ease-in-out infinite}.features .notification{animation:noticeLift 5.5s ease-in-out infinite}.features .appsheet-wide-shot{animation:wideMockupDrift 7.8s ease-in-out infinite}.workflow-section.flow-active .steps article{animation:workflowCard 7.2s ease-in-out infinite}.workflow-section.flow-active .steps article:nth-of-type(2){animation-delay:1.5s}.workflow-section.flow-active .steps article:nth-of-type(3){animation-delay:3s}.workflow-section.flow-active .steps>span{animation:workflowArrow 7.2s ease-in-out infinite}.workflow-section.flow-active .steps>span:nth-of-type(1){animation-delay:.9s}.workflow-section.flow-active .steps>span:nth-of-type(2){animation-delay:2.4s}.workflow-promise i{animation:promiseArrow 2.8s ease-in-out infinite}.cta-shape.s1{animation:shapeOrbitOne 13s ease-in-out infinite}.cta-shape.s2{animation:shapeOrbitTwo 11s ease-in-out infinite}.cta-shape.s3{animation:shapeOrbitTwo 8s ease-in-out 1s infinite}

@keyframes glowDriftLeft{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(32px,-20px,0) scale(1.08)}}@keyframes glowDriftRight{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-28px,24px,0) scale(.94)}}@keyframes cardBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sheetCell{0%,13%,100%{background:transparent;box-shadow:none}5%,8%{background:#e6f4ea;box-shadow:inset 0 0 0 2px #34a853;color:#176b3a;font-weight:700}}@keyframes mockupDrift{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(-.4deg) translateY(-7px)}}@keyframes mobileMockupDrift{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}@keyframes noticeLift{0%,100%{transform:translateY(0);box-shadow:0 14px 34px rgba(143,91,28,.12)}50%{transform:translateY(-7px);box-shadow:0 20px 42px rgba(143,91,28,.18)}}@keyframes wideMockupDrift{0%,100%{transform:translateX(20px) translateY(0)}50%{transform:translateX(16px) translateY(-7px)}}@keyframes workflowCard{0%,18%,100%{border-color:#3c4043;transform:translateY(0);box-shadow:none}6%,12%{border-color:#8ab4f8;transform:translateY(-5px);box-shadow:0 16px 32px rgba(0,0,0,.22),0 0 0 1px rgba(138,180,248,.15)}}@keyframes workflowArrow{0%,18%,100%{color:#4c5368;transform:translateX(0)}6%,12%{color:#8ab4f8;transform:translateX(6px)}}@keyframes promiseArrow{0%,100%{transform:translateX(0);box-shadow:0 0 0 8px rgba(138,180,248,.1)}50%{transform:translateX(5px);box-shadow:0 0 0 13px rgba(138,180,248,.06)}}@keyframes shapeOrbitOne{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(24px,18px) rotate(18deg)}}@keyframes shapeOrbitTwo{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,-14px) scale(1.06)}}

@media(max-width:780px){.appsheet-stage{transform:none}.workflow-section.flow-active .steps>span{animation-name:workflowArrowMobile}.workflow-promise i{animation-name:promiseArrowMobile}.features .appsheet-wide-shot{animation:none}@keyframes workflowArrowMobile{0%,18%,100%{color:#4c5368;transform:rotate(90deg) translateX(0)}6%,12%{color:#8ab4f8;transform:rotate(90deg) translateX(6px)}}@keyframes promiseArrowMobile{0%,100%{transform:rotate(90deg) translateX(0);box-shadow:0 0 0 8px rgba(138,180,248,.1)}50%{transform:rotate(90deg) translateX(5px);box-shadow:0 0 0 13px rgba(138,180,248,.06)}}}
@media(prefers-reduced-motion:reduce){.hero-glow,.appsheet-stage,.floating-card,.sheet-grid>span,.features .desktop-shot,.features .mobile-shot,.features .notification,.features .appsheet-wide-shot,.workflow-section .steps article,.workflow-section .steps>span,.workflow-promise i,.cta-shape{animation:none!important;transition:none!important}.appsheet-stage{transform:none!important}}

/* Contact email */
.cta-email{display:block;width:max-content;margin:18px auto 0;color:#fff!important;font-size:14px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;text-underline-offset:4px}.cta-address{display:block;margin:7px auto 0;color:rgba(255,255,255,.74)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}.contact-email{display:block;margin-top:7px;color:#1a73e8!important;font-size:14px!important;font-weight:650}.contact-address{display:block;margin-top:4px;color:#8c91a0;font-size:11px}.modal-card>small{font-size:13px;margin-top:20px}.modal-card>small a{color:#1a73e8;font-size:15px;font-weight:750;text-underline-offset:3px}
.modal-card .form-error{color:#b42318;font-weight:700}

/* Stable header breakpoint */
@media(max-width:1050px){.site>.nav .nav-links,.site>.nav .nav-actions{display:none}.site>.nav .menu-btn{display:flex}.site>.mobile-nav{position:absolute;top:84px;left:12px;right:12px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(30,35,60,.14);border-radius:13px;padding:12px;z-index:30;flex-direction:column}.site>.mobile-nav.open{display:flex}.site>.mobile-nav a{text-decoration:none;color:#454a5c;padding:12px;font-size:14px}.site>.mobile-nav .button{margin-top:8px}}@media(max-width:780px){.site>.mobile-nav{top:76px}}@media(max-width:500px){.site>.mobile-nav{top:72px}}

/* Keep mobile feature copy clear of its phone mockup */
@media(max-width:900px){.features .feature:nth-child(2)>h3,.features .feature:nth-child(2)>p{max-width:32%}}@media(max-width:500px){.features .feature:nth-child(2)>h3{max-width:40%}.features .feature:nth-child(2)>p{max-width:34%}}

/* Animated hero product preview */
.appsheet-stage .appsheet-desktop{position:relative}.appsheet-stage .appsheet-desktop img{animation:dashboardBreath 10s ease-in-out infinite;transform-origin:50% 45%}.appsheet-stage .appsheet-desktop::after{content:"";position:absolute;z-index:2;left:0;right:0;top:-18%;height:18%;background:linear-gradient(180deg,rgba(52,168,83,0),rgba(52,168,83,.11),rgba(52,168,83,0));pointer-events:none;animation:dashboardScan 7s ease-in-out infinite}.stage-sync{position:absolute;z-index:6;right:205px;top:78px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #dfe4e7;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(32,33,36,.16);animation:stockToast 7s cubic-bezier(.22,.8,.22,1) infinite}.stage-sync>i{width:10px;height:10px;border-radius:50%;background:#34a853;box-shadow:0 0 0 6px rgba(52,168,83,.12)}.stage-sync>span{display:flex;flex-direction:column}.stage-sync b{font-size:11px;color:#303134}.stage-sync small{font-size:9px;color:#73777c;margin-top:3px}

@keyframes dashboardBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes dashboardScan{0%,15%{transform:translateY(0);opacity:0}25%{opacity:1}65%{opacity:.8}80%,100%{transform:translateY(660%);opacity:0}}@keyframes stockToast{0%,7%,82%,100%{opacity:0;transform:translateY(10px) scale(.97)}15%,68%{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:780px){.stage-sync{right:112px;top:55px;padding:8px 10px}.stage-sync b{font-size:9px}.stage-sync small{font-size:7px}}@media(max-width:500px){.stage-sync{right:72px;top:44px}.stage-sync small{display:none}}@media(prefers-reduced-motion:reduce){.appsheet-stage .appsheet-desktop img,.appsheet-stage .appsheet-desktop::after,.stage-sync{animation:none!important}.appsheet-stage .appsheet-desktop::after{display:none}}
/* Keep the Poly.dev lockup identical in every header and footer. */
.nav a.brand,
footer a.brand,
.pricing-nav a.brand,
.pricing-footer a.brand {
  color: var(--ink);
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.8px;
  gap: 12px;
}
.nav a.brand > span,
footer a.brand > span,
.pricing-nav a.brand > span,
.pricing-footer a.brand > span {
  color: var(--ink);
}
.nav a.brand > span > span,
footer a.brand > span > span,
.pricing-nav a.brand > span > span,
.pricing-footer a.brand > span > span {
  color: var(--mint);
}
.nav a.brand img,
footer a.brand img,
.pricing-nav a.brand img,
.pricing-footer a.brand img {
  width: 46px;
  height: 46px;
}
@media (max-width: 780px) {
  .nav a.brand,
  footer a.brand,
  .pricing-nav a.brand,
  .pricing-footer a.brand {
    font-size: 22px;
    gap: 10px;
  }
  .nav a.brand img,
  footer a.brand img,
  .pricing-nav a.brand img,
  .pricing-footer a.brand img {
    width: 42px;
    height: 42px;
  }
}

.generation-note{margin-top:26px;padding:18px 20px;border:1px solid #dce6ef;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f4fbf7);display:flex;flex-direction:column;gap:6px}.generation-note b{font-size:14px;line-height:1.45;color:#303134}.generation-note span{font-size:13px;line-height:1.6;color:#6c7178}