:root{--bg:#f6f9fb;--ink:#182b3d;--sub:#64788a;--teal:#007c7f;--navy:#16384f;--line:#dbe6ec;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,'Segoe UI',sans-serif;line-height:1.5;font-size:15px}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.56;cursor:not-allowed}[hidden]{display:none!important}.wrap{max-width:1220px;margin:auto;padding:0 24px}.muted{color:var(--sub)}.eyebrow{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.15em}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.logo{display:flex;align-items:center;gap:11px;font-weight:650;font-size:19px;white-space:nowrap}.logo b{color:var(--teal)}.logo-mark{height:37px;width:37px;background:var(--navy);color:#fff;font-size:23px;border-radius:10px;display:grid;place-items:center;font-weight:800}.btn{border:1px solid var(--line);padding:11px 18px;border-radius:10px;background:#fff;color:var(--navy);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:opacity .2s}.btn:hover{opacity:.81}.btn-primary{border-color:var(--teal);background:var(--teal);color:white}.btn-outline{background:transparent;border-color:#b8cad0}.btn-mini{font-size:11px;padding:6px 9px;margin-top:6px}h1{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}h2{font-size:clamp(25px,3vw,39px);line-height:1.2;letter-spacing:-.03em}h3{font-size:19px}.hero{padding-top:86px;padding-bottom:113px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.hero em{color:var(--teal);font-style:normal}.lead{color:#53677b;font-size:18px;max-width:630px;line-height:1.72}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.mini-note{font-size:12px;color:var(--sub);margin-top:24px}.mock{background:white;border:1px solid #e0ebee;border-radius:20px;padding:22px;box-shadow:0 22px 65px #1b425018}.mock-top{display:flex;justify-content:space-between;font-weight:700;font-size:13px}.mock-pill{background:#e5f5f0;color:#067569;padding:5px 11px;border-radius:30px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:29px 0 16px}.mini-grid div{border:1px solid #e5ecef;border-radius:10px;padding:14px 8px}.mini-grid small{display:block;color:#687b8e;font-size:11px}.mini-grid strong{display:block;font-size:24px;margin-top:7px}.mock-graph{width:100%;height:auto}.mock-key{display:flex;gap:18px;color:var(--sub);font-size:12px}.mock-key span:first-child{color:#087e83}.mock-key span:nth-child(2){color:#4269ad}.mock-legal{color:#82919a}.section{padding:94px 0}.section.alt{background:#edf3f6}.section h2{margin:16px 0 38px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{border:1px solid var(--line);border-radius:16px;padding:27px;background:#fff}.features p{color:var(--sub);line-height:1.7}.features h3{margin:10px 0}.num{font-size:14px;color:var(--teal);font-weight:800}.footnote{font-size:12px;color:#718293;line-height:1.7}.price-box{max-width:790px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-radius:17px;background:white;border:1px solid var(--line);padding:34px}.price-box p{color:var(--sub)}.price-box strong{display:block;font-size:36px;letter-spacing:-.04em}.price-box small{display:block;margin:3px 0 18px;color:var(--sub)}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:34px;padding-bottom:38px;font-size:12px;color:var(--sub)}.app-wrap{padding-top:28px;padding-bottom:90px}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-header h1{margin:9px 0;font-size:36px}.status{border:1px solid #bfdfd8;background:#eef8f5;border-radius:20px;padding:7px 12px;color:#007c7f;font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 8px 25px #0f2b3806}.panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:18px}.panel-head h2{font-size:21px;margin:0}.panel-head p{font-size:12px;margin:4px 0}.row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:12px 0}.row label{font-size:12px;font-weight:650;color:#567;display:flex;align-items:center;gap:8px}.row input.wide{flex:1;min-width:210px}.row select{max-width:260px}input,select{border:1px solid var(--line);border-radius:8px;background:white;padding:11px 12px;max-width:100%;color:var(--ink)}.auth-box{max-width:460px;margin:80px auto;background:white;border:1px solid var(--line);border-radius:17px;padding:32px}.auth-box h1{font-size:33px}.auth-box form{display:grid;gap:17px;margin:28px 0}.auth-box form label{display:grid;gap:7px;color:#526479;font-size:13px}.auth-box .btn{width:100%}.flash{margin:17px 0;padding:13px 16px;border-radius:10px;background:#e6f4ee;color:#126854;border:1px solid #c9e2da}.flash.bad{background:#ffefeb;color:#8c2e20;border-color:#f5d2c9}.shop-list{display:flex;flex-wrap:wrap;gap:10px}.shop-tile{display:grid;gap:5px;min-width:220px;text-align:left;background:#f9fcfd;border:1px solid var(--line);border-radius:11px;padding:16px}.shop-tile.picked{border-color:#0d908e;background:#ecf8f7}.shop-tile small,.shop-tile span{color:var(--sub);font-size:12px}.shop-tile span{color:var(--teal)}.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.kpi-card{border:1px solid var(--line);padding:16px;border-radius:10px}.kpi-card small{display:block;font-size:12px;color:var(--sub)}.kpi-card strong{font-size:24px;margin-top:7px;display:block}.graph-block{margin:17px 0;padding:15px;border:1px solid var(--line);border-radius:12px}.graph-block h3{margin:0 0 9px}.checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0}.checks label{display:flex;align-items:center;gap:6px;font-size:12px;color:#485b70;cursor:pointer}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.graph-block svg{width:100%;height:auto;min-height:110px;display:block}.empty-graph{display:grid;place-items:center;color:var(--sub);height:125px}.table-scroller{max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:1160px;font-size:12px}th{position:sticky;top:0;background:#edf4f6;text-align:left;color:#3d596b;z-index:1}td,th{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}td input[type=number]{width:100px;padding:7px 6px}td input[type=checkbox],td input[type=radio]{accent-color:var(--teal)}.item-name strong{display:block;font-size:12px}.item-name small{display:block;color:var(--sub);margin-top:3px;overflow-wrap:anywhere}.check-label{font-size:12px;display:flex;align-items:center;gap:3px}.danger{display:block;color:#ac4a2b}.history-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:10px 2px;font-size:12px}.history-row strong{flex:1;overflow-wrap:anywhere}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px;gap:30px}.features{grid-template-columns:1fr}.nav nav>a:not(.btn){display:none}.kpi{grid-template-columns:repeat(2,1fr)}.price-box{grid-template-columns:1fr}.section{padding:58px 0}.footer{flex-direction:column}.panel{padding:16px}.dash-header{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.wrap{padding:0 16px}.nav{height:69px}.nav nav{gap:9px}.nav .btn{font-size:12px;padding:9px}.logo{font-size:16px}.hero{padding-bottom:70px}.mini-grid strong{font-size:20px}.row .btn{width:100%}.kpi-card strong{font-size:19px}}

/* Commercial pricing: two standard periods and a high-volume tier. */
.price-intro{max-width:810px;margin-top:-16px;margin-bottom:29px}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:27px}
.price-option{border:1px solid var(--line);border-radius:17px;background:#fff;padding:27px;min-height:255px}
.price-option h3{font-size:17px;margin:10px 0}
.price-option p{color:var(--sub);line-height:1.65;margin:8px 0;font-size:14px}
.price-tag{display:inline-block;background:#e9f5f4;color:#006e72;font-size:12px;font-weight:750;padding:7px 10px;border-radius:40px}
.price-amount{font-weight:800;font-size:clamp(28px,2.5vw,38px);letter-spacing:-.035em;margin:18px 0 6px}
.price-amount small{font-weight:500;color:var(--sub);font-size:13px;letter-spacing:normal}
.bulk-option{border-color:#96cac7}
.pricing-calc{border:1px solid #cde2e4;border-radius:18px;background:white;padding:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.pricing-calc h3{font-size:23px;margin:9px 0}.pricing-calc p{color:var(--sub)}
.sku-input-label{font-weight:700;font-size:13px;display:block;margin:22px 0 8px}
#sku-volume{width:min(100%,320px);font-size:21px;font-weight:750}
.sku-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sku-presets button{background:#eef5f5;border:1px solid #d5e3e5;color:#24606a;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:650}
.sku-presets button:hover{background:#d9eae9}
.calc-result{padding:25px;background:#f3f8f8;border-radius:13px;display:grid;gap:16px}
.calc-result>div{display:grid;gap:4px}
.calc-result>div span{font-size:13px;color:var(--sub)}
.calc-result>div strong{font-size:clamp(27px,3vw,34px);letter-spacing:-.04em;color:var(--navy)}
.calc-result>div+div{border-top:1px solid #d8e6e6;padding-top:15px}
.calc-result .btn{width:fit-content}.price-disclaimer{margin-top:17px}
#shop-pricing-info{font-size:13px;padding:12px 14px;border:1px solid #d9e7e9;border-radius:9px;background:#f7fafb}
@media(max-width:850px){.price-grid{grid-template-columns:1fr}.price-option{min-height:0}.pricing-calc{grid-template-columns:1fr;gap:20px;padding:20px}.calc-result{padding:19px}}

/* Public sign-in and sign-up tabs, no implementation or environment details. */
.auth-tabs{display:flex;border:1px solid var(--line);border-radius:11px;padding:4px;background:#f2f7f8;gap:4px;margin:24px 0 10px}
.auth-tab{flex:1;border:0;background:transparent;border-radius:8px;padding:11px;color:#516878;font-weight:700}
.auth-tab.is-active{background:#fff;color:#007c7f;box-shadow:0 2px 8px #182b3d12}
.auth-link{background:none;border:0;color:var(--teal);padding:0;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.auth-box form{margin:19px 0}
.auth-box input{width:100%}
.auth-box input:focus-visible,.auth-tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px}