/* AnnualPOS CRM · 0.1.3 · progressive enhancement. Uses official AnnualPOS assets and colors. */
:root{--crm-night:#0B1230;--crm-violet:#4F46E5;--crm-blue:#5B6CFF;--crm-soft:#EEF2FF;--crm-border:#e0e6f5}
.marketing-page{overflow-x:clip}.marketing-page .marketing-wrap{width:min(calc(100% - 64px),1370px)}
.marketing-header .header-inner{gap:16px}.marketing-header .site-nav{gap:20px}.marketing-header .site-nav a{font-size:12px}
.premium-hero{padding:78px 0 85px;background:radial-gradient(ellipse at 84% 34%,rgba(83,89,244,.16),transparent 43%),linear-gradient(155deg,#fff 12%,#f5f7ff 80%)}
.premium-hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.16fr);gap:48px}
.premium-hero .marketing-hero-copy h1{font-size:clamp(43px,4.1vw,65px);letter-spacing:-.065em;line-height:1.09;margin:24px 0}
.premium-hero .marketing-lead{font-size:16px;line-height:1.75;max-width:575px;color:#52617f}
.premium-hero .hero-meta{margin-top:39px;gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:570px}
.premium-hero .hero-meta span{padding:0 14px;border-left:1px solid #dce3fa}
.premium-hero .hero-meta span:first-child{border:0;padding-left:0}
.premium-hero .hero-meta b{font-size:14px;color:#122044}.premium-hero .hero-meta small{display:block;margin-top:4px;font-size:10px;color:#66758e}
.premium-hero .hero-footnote{font-size:11px;line-height:1.5}
.premium-hero .button-lg{min-height:52px;font-size:13px;padding:13px 19px}
.premium-product{position:relative;min-width:0;isolation:isolate;padding:27px 9px 37px}
.premium-glow{position:absolute;inset:0;background:linear-gradient(130deg,#edefff,#f6f8ff 40%,#dfe9ff);border-radius:54% 46% 45% 55%;transform:rotate(-5deg);z-index:-1;filter:blur(2px)}
.premium-window{border:1px solid #e1e6fb;border-radius:19px;background:#fff;box-shadow:0 45px 95px rgba(24,41,107,.17),0 8px 20px rgba(24,41,107,.07);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(.7deg);transition:transform .45s ease,box-shadow .45s ease}
.premium-product:hover .premium-window{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 55px 95px rgba(24,41,107,.2)}
.premium-window-head{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fff;border-bottom:1px solid #e5eaf7;color:#283860;font-size:11px}.premium-breadcrumb{display:flex;align-items:center;gap:8px}.premium-breadcrumb img{border-radius:8px}.premium-breadcrumb span{color:#8994ac}.premium-demo-pill{font-size:9px;color:#5555cf;background:#f0f0ff;border:1px solid #e2e3ff;border-radius:999px;padding:5px 9px;font-weight:800;white-space:nowrap}
.premium-inner{display:grid;grid-template-columns:52px minmax(0,1fr);background:#f7f9ff;min-height:397px}.premium-rail{display:flex;flex-direction:column;gap:13px;background:#152648;align-items:center;padding:21px 4px;color:#adbdfc;font-size:18px}.premium-rail span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.premium-rail .premium-rail-active{background:linear-gradient(125deg,#6454fb,#3372ff);color:white}.premium-main{min-width:0;padding:18px 18px 14px}.premium-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.premium-heading small,.demo-title small{display:block;font-size:9px;font-weight:850;letter-spacing:.14em;color:#5867aa;margin-bottom:4px}.premium-heading strong{display:block;font-size:16px;letter-spacing:-.035em;color:#1d294c}.premium-period{font-size:9px;color:#60718d;background:#fff;border:1px solid #e4e8f6;border-radius:8px;padding:8px;white-space:nowrap}
.premium-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.premium-stats article{position:relative;min-width:0;min-height:110px;background:white;border:1px solid #e2e8f7;border-radius:12px;padding:12px 10px;overflow:hidden;transition:transform .25s,box-shadow .25s}.premium-stats article:hover{transform:translateY(-5px);box-shadow:0 12px 22px rgba(41,63,150,.1)}.premium-stats article>span{display:block;color:#697992;font-weight:700;font-size:10px}.premium-stats article>strong{display:block;font-size:27px;color:#172447;margin:6px 0 0;letter-spacing:-.05em}.premium-stats article>small{display:block;font-size:8px;color:#168858;font-weight:700;margin-top:1px}.premium-stats svg{position:absolute;width:65px;height:24px;right:7px;bottom:10px;fill:none;stroke:#4978ff;stroke-width:2}
.premium-graphs{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:9px;margin-top:9px}.premium-bars,.premium-goals{border:1px solid #e4e9f6;background:#fff;border-radius:12px;min-width:0;padding:13px 14px}.premium-graph-label{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#1e2b50;font-size:10px}.premium-graph-label small{font-size:8px;color:#8391ac}
.premium-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:14px;height:145px;padding:15px 0 24px;border-bottom:1px solid #e6eaf8;background:repeating-linear-gradient(to top,transparent 0px,transparent 37px,#edf1fc 38px)}.premium-bar-chart i{position:relative;display:block;width:21px;max-width:20%;height:var(--bar);min-height:8px;background:linear-gradient(180deg,#5278ff,#7462f0);border-radius:5px 5px 0 0;animation:premium-rise .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom;transition:filter .2s,transform .2s}.premium-bar-chart i:nth-child(even){background:linear-gradient(180deg,#8e71fa,#4e72fe)}.premium-bar-chart i:hover{filter:brightness(1.14);transform:scaleX(1.12)}.premium-bar-chart i em{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:7px;color:#71809b;font-style:normal;white-space:nowrap}
.premium-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(#4e6ef7 0 68%,#e9edfb 68% 100%);margin:13px auto 9px;display:grid;place-items:center}.premium-ring>span{width:75px;height:75px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.premium-ring strong{font-size:20px;letter-spacing:-.055em}.premium-ring small{font-size:8px;color:#74819b}.premium-progress-label{display:flex;justify-content:space-between;font-size:9px;color:#75839c}.premium-progress-label b{color:#4f61c7}.premium-track,.dashboard-stage-track{height:6px;background:#e8eeff;overflow:hidden;border-radius:99px;margin-top:7px}.premium-track span,.dashboard-stage-track i{display:block;width:var(--progress);height:100%;border-radius:99px;background:linear-gradient(90deg,#6256f7,#3c82f6);animation:crm-bar-in .9s ease both;transform-origin:left}
.premium-feed{margin-top:9px;background:#fff;border:1px solid #e3e8f4;border-radius:11px;padding:11px 13px;display:flex;gap:9px;align-items:center;font-size:9px;min-width:0}.premium-feed strong{white-space:nowrap;color:#273457}.premium-feed>span:nth-of-type(2){color:#6a7b96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-feed>b{margin-left:auto;color:#237e66;background:#eafbf5;padding:5px 6px;border-radius:999px}.premium-tick{width:17px;height:17px;border-radius:6px;background:#e6eaff;flex:none}
.premium-float{position:absolute;display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid #e1e6fb;border-radius:13px;background:#fff;box-shadow:0 14px 40px rgba(43,49,125,.13);color:#21325d;font-size:10px;animation:crm-float 5s ease-in-out infinite}.premium-float .ui-icon{color:#5658f5}.premium-float b,.premium-float small{display:block}.premium-float small{color:#77849d;font-size:9px;margin-top:4px}.premium-float-a{right:-18px;top:4px}.premium-float-b{left:-25px;bottom:8px;animation-delay:1.5s}
.marketing-proof{background:white;border-bottom:1px solid #e6eafa}.proof-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:22px 0}.proof-row span{display:flex;gap:9px;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#4b5874;white-space:nowrap}.proof-row .ui-icon{width:18px;height:18px;color:#605ff3}
.premium-explore{background:linear-gradient(180deg,#fff,#f6f8ff);padding-top:95px}.explore-layout{display:grid;grid-template-columns:minmax(235px,.46fr) minmax(0,1fr);gap:22px;align-items:stretch}.explore-control{display:flex;flex-direction:column;gap:18px}.explore-tabs{display:grid;gap:11px}.explore-tabs button{width:100%;border:1px solid #e1e8fa!important;text-align:left;background:#fff!important;box-shadow:none!important;color:#334466!important;justify-content:space-between!important;padding:20px!important;border-radius:16px!important;font-size:14px!important}.explore-tabs button[aria-selected=true]{border-color:#9facff!important;background:linear-gradient(115deg,#f5f4ff,#f0f6ff)!important;color:#3d39c5!important;box-shadow:0 10px 24px rgba(47,63,172,.09)!important}.explore-tabs button:hover{transform:translateY(-3px)!important}.explore-note{margin-top:auto;padding:23px;border-radius:18px;background:#172748;color:#fff}.explore-note-icon{display:block;font-size:22px;margin-bottom:11px;color:#a5b4ff}.explore-note strong{font-size:17px}.explore-note p{font-size:12px;line-height:1.65;color:#d8dfff}.explore-note a{font-size:12px;color:#fff;font-weight:800}
.explore-screen{min-width:0;background:white;border:1px solid #dbe4f9;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(29,43,109,.07)}.screen-caption{height:47px;background:#172748;color:#e9eeff;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:10px;letter-spacing:.08em;font-weight:800}.demo-panel{padding:27px;min-height:425px}.demo-panel[hidden]{display:none!important}.demo-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.demo-title h3{font-size:22px;letter-spacing:-.04em;margin:2px 0;color:#18264b}.demo-title>span{padding:9px;border:1px solid #e0e8f9;border-radius:9px;color:#526887;font-size:11px}.demo-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-three article{min-width:0;padding:15px;border:1px solid #e5eafa;border-radius:12px;background:#fbfcff;transition:transform .25s}.demo-three article:hover{transform:translateY(-4px)}.demo-three small,.demo-three span{display:block;color:#72819d;font-size:10px}.demo-three b{display:block;font-size:28px;letter-spacing:-.055em;margin:8px 0 4px}.demo-plot{border:1px solid #e5eafa;border-radius:12px;margin-top:13px;padding:18px 19px 14px}.demo-plot h4{font-size:13px;margin:0 0 3px}.demo-plot small{font-size:10px;color:#8291aa}.demo-columns{display:flex;align-items:end;justify-content:space-evenly;gap:12px;height:155px;padding:15px 8px 0;border-bottom:1px solid #e3eaf8;background:repeating-linear-gradient(to top,transparent 0px,transparent 38px,#eef2fb 39px)}.demo-columns i{display:block;height:var(--h);width:38px;max-width:12%;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#627afa,#7060f4);animation:premium-rise 1s ease both;transform-origin:bottom;transition:filter .2s}.demo-columns i:hover{filter:brightness(1.15)}.demo-months{display:flex;justify-content:space-evenly;gap:12px;margin-top:9px;font-size:9px;color:#71819b}.demo-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-kanban>div{min-width:0;background:#f1f4ff;border:1px solid #e1e8ff;border-radius:12px;padding:10px;min-height:282px}.demo-kanban>div:nth-child(2){background:#edf6ff}.demo-kanban>div:nth-child(3){background:#fef7ec}.demo-kanban b,.demo-kanban span{display:block;font-size:11px;color:#2d3a5f}.demo-kanban span{color:#7988a3;margin:5px 0 12px}.demo-kanban article{padding:13px 9px;border-radius:9px;background:white;border:1px solid #e1e6f5;box-shadow:0 6px 12px rgba(24,40,104,.04);font-size:10px;margin-top:9px;transition:transform .2s}.demo-kanban article:hover{transform:translateY(-3px)}.demo-kanban article strong{display:block;font-size:14px;margin-top:7px}.demo-kanban article small{display:block;color:#64708e;font-size:9px;margin-top:7px}.demo-agenda{display:grid;gap:11px}.demo-agenda>div{display:grid;grid-template-columns:48px 26px 1fr auto;align-items:center;gap:9px;padding:15px 12px;border:1px solid #e4eafb;border-radius:10px;font-size:11px}.demo-agenda b{color:#687892}.demo-agenda span{color:#5c60f3}.demo-agenda strong{font-size:12px}.demo-agenda em{font-style:normal;background:#eafaf3;color:#21845e;padding:6px 8px;border-radius:999px;font-size:9px}
.premium-visual-story{background:#fff}.premium-story-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:60px}.premium-story-grid h2{font-size:clamp(34px,3vw,49px);letter-spacing:-.05em;line-height:1.12}.premium-story-grid p{font-size:14px;line-height:1.8;color:#62708d}.story-mini{display:grid;gap:8px;margin:23px 0}.story-mini span{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e8ebf8;font-size:11px;color:#6966ea}.story-mini b{color:#203259;font-size:12px}.story-image{margin:0;min-width:0}.story-image img{width:100%;height:auto;border-radius:16px;border:1px solid #e2e8f7;box-shadow:0 25px 55px rgba(21,42,117,.09);display:block}.story-image figcaption{font-size:10px;color:#687792;margin-top:11px;line-height:1.5}
.marketing-page .feature-card,.marketing-page .step-card,.marketing-page .plan-card,.app-page .kpi,.app-page .panel{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.marketing-page .feature-card:hover,.marketing-page .step-card:hover,.marketing-page .plan-card:hover{transform:translateY(-6px);box-shadow:0 22px 47px rgba(32,53,126,.12);border-color:#c9d5ff}.marketing-page .feature-card:hover .feature-icon{transform:translateY(-2px) scale(1.06)}.marketing-page .feature-icon{transition:transform .25s}
/* Data-backed private dashboard: never synthetic sales graphs. */
.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,#fff,#f0f3ff);border:1px solid #e1e7fa;border-radius:18px;padding:25px;margin-bottom:16px}.dashboard-intro h2{font-size:27px;letter-spacing:-.045em;margin:8px 0 6px}.dashboard-intro p{font-size:12px;color:#65718d;margin:0}.dashboard-kpis{margin-bottom:15px}.dashboard-kpi{display:grid!important;gap:3px;min-height:148px;position:relative;text-decoration:none!important;overflow:hidden}.dashboard-kpi:hover{transform:translateY(-5px)!important;box-shadow:0 18px 36px rgba(38,56,138,.11)!important}.dashboard-kpi-icon{width:35px;height:35px;display:grid;place-items:center;background:#ecf0ff;color:#534bdb;border-radius:11px;margin-bottom:8px}.dashboard-kpi:nth-child(2) .dashboard-kpi-icon{background:#eaf6ff;color:#3078ce}.dashboard-kpi:nth-child(3) .dashboard-kpi-icon{background:#f2edff;color:#7d4fea}.dashboard-kpi:nth-child(4) .dashboard-kpi-icon{background:#e8faf1;color:#19805a}.dashboard-kpi strong{font-size:clamp(20px,2vw,29px)!important;line-height:1.1;overflow-wrap:anywhere}.dashboard-kpi-help{font-size:10px;color:#76849e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:16px;margin-bottom:16px}.dashboard-grid>.panel{margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:19px;margin:6px 0}.panel-head a{font-size:11px;font-weight:800}.muted-note{color:#74819b;font-size:12px}.dashboard-stage-list{display:grid;gap:14px;margin-top:22px}.dashboard-stage-row{display:grid;grid-template-columns:123px minmax(0,1fr) 24px;gap:11px;align-items:center;font-size:11px;color:#52617e}.dashboard-stage-row>b{text-align:right;color:#253456}.dashboard-stage-track{height:9px;margin:0}.dashboard-stage-row:nth-child(2) i{background:linear-gradient(90deg,#5488ff,#43b4fa)}.dashboard-stage-row:nth-child(3) i{background:linear-gradient(90deg,#8d6cff,#5b67ec)}.dashboard-stage-row:nth-child(4) i{background:linear-gradient(90deg,#f5bd5d,#ed9e30)}.dashboard-stage-row:nth-child(5) i{background:linear-gradient(90deg,#34c982,#15a973)}.dashboard-stage-row:nth-child(6) i{background:linear-gradient(90deg,#fa8c96,#e85f76)}.dashboard-footline{font-size:11px;color:#74809b;margin-top:24px}.dashboard-count-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #e6ecf8}.dashboard-count-icon{width:44px;height:44px;border-radius:13px;background:#eef1ff;display:grid;place-items:center;color:#4d59ea}.dashboard-count-row b{font-size:20px;display:block}.dashboard-count-row small{display:block;color:#79869a;font-size:11px;margin-top:4px}.dashboard-summary-panel .button{margin-top:20px;width:100%}.dashboard-license{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(105deg,#eef3ff,#fff)}.dashboard-license h2{font-size:19px;margin:8px 0}.dashboard-license p{margin:0;font-size:12px;color:#687790}
@keyframes premium-rise{from{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes crm-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes crm-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1200px){.premium-hero .hero-grid{gap:25px}.premium-product{padding:23px 1px}.premium-float-a{right:-5px}.premium-float-b{left:-5px}.premium-main{padding:11px}.premium-bar-chart{gap:8px}.marketing-page .marketing-wrap{width:min(calc(100% - 46px),1180px)}}
@media(max-width:900px){.premium-hero .hero-grid{grid-template-columns:1fr;max-width:790px}.premium-hero .marketing-lead{margin:auto}.premium-hero .hero-meta{margin-inline:auto}.premium-product{max-width:650px;width:100%;margin-inline:auto}.proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-layout{grid-template-columns:1fr}.explore-control{display:block}.explore-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.explore-tabs button{font-size:12px!important;padding:15px!important}.explore-note{display:none}.premium-story-grid{grid-template-columns:1fr;gap:30px}.story-image{max-width:800px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:700px){.marketing-page .marketing-wrap{width:calc(100% - 32px)}.premium-hero{padding:42px 0 55px}.premium-hero .marketing-hero-copy h1{font-size:clamp(36px,8.2vw,48px)}.premium-hero .marketing-lead{font-size:14px}.premium-hero .hero-meta{gap:4px;margin-top:22px}.premium-hero .hero-meta span{padding:0 7px}.premium-hero .hero-meta b{font-size:11px}.premium-hero .hero-meta small{font-size:9px}.premium-product{padding:21px 0 15px}.premium-window{transform:none}.premium-inner{grid-template-columns:31px 1fr;min-height:0}.premium-rail{padding:14px 1px}.premium-rail span{width:24px;height:26px;font-size:13px}.premium-window-head{padding:0 9px}.premium-main{padding:9px}.premium-heading strong{font-size:12px}.premium-heading small{font-size:7px}.premium-period{font-size:8px;padding:5px}.premium-stats{gap:4px}.premium-stats article{padding:8px 6px;min-height:82px}.premium-stats article>span{font-size:7px}.premium-stats article>strong{font-size:20px;margin:5px 0}.premium-stats article>small{font-size:6px}.premium-stats svg{width:33px;height:15px;right:2px;bottom:7px}.premium-graphs{grid-template-columns:1fr 0.83fr;gap:5px}.premium-bars,.premium-goals{padding:8px}.premium-graph-label{font-size:8px}.premium-graph-label small{font-size:7px}.premium-bar-chart{height:105px;gap:3px;padding-bottom:20px}.premium-bar-chart i{width:14px}.premium-bar-chart i em{font-size:5px}.premium-ring{width:66px;height:66px;margin:10px auto 7px}.premium-ring>span{width:50px;height:50px}.premium-ring strong{font-size:14px}.premium-ring small{font-size:6px}.premium-progress-label{font-size:7px}.premium-feed{padding:7px;gap:5px;font-size:7px}.premium-feed b{font-size:7px}.premium-float{display:none}.proof-row{padding:15px 0;gap:11px}.proof-row span{font-size:10px;justify-content:flex-start;white-space:normal}.premium-explore{padding-top:66px}.explore-tabs{grid-template-columns:1fr;gap:8px}.explore-tabs button{padding:12px 15px!important}.screen-caption{padding:0 13px}.demo-panel{padding:13px;min-height:395px}.demo-title h3{font-size:18px}.demo-title>span{font-size:9px}.demo-three{gap:5px}.demo-three article{padding:9px}.demo-three b{font-size:23px}.demo-three small,.demo-three span{font-size:8px}.demo-plot{padding:10px}.demo-columns{height:155px;gap:5px}.demo-columns i{width:22px}.demo-kanban{gap:5px}.demo-kanban>div{padding:6px}.demo-kanban article{padding:8px 5px;overflow-wrap:anywhere;font-size:9px}.demo-kanban article strong{font-size:11px}.demo-agenda>div{grid-template-columns:36px 16px minmax(0,1fr);font-size:9px;gap:4px}.demo-agenda em{grid-column:3;justify-self:start}.story-image figcaption{font-size:9px}.dashboard-intro{display:block;padding:19px}.dashboard-intro h2{font-size:22px}.dashboard-intro .button{margin-top:15px}.dashboard-kpi{min-height:135px}.dashboard-stage-row{grid-template-columns:98px minmax(0,1fr) 20px;gap:8px;font-size:10px}.dashboard-license{display:block}.dashboard-license .button{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.premium-window,.premium-float,.premium-bar-chart i,.demo-columns i,.premium-track span,.dashboard-stage-track i{animation:none!important;transition:none!important;transform:none!important;translate:none!important}}