:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #08275d;--muted: #5b6678;--line: #d9e0ea;--soft: #f6f8fb;--soft-blue: #edf7ff;--blue: #0f6fc8;--blue-dark: #082d73;--green: #2cae2c;--green-soft: #edf9e9;--teal: #0b9fa6;--white: #ffffff;--shadow: 0 18px 42px rgba(8, 39, 93, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white)}body,button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px}.main-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.95rem;font-weight:650}.main-nav a:hover{color:var(--blue)}.nav-login{color:var(--ink)}.mobile-menu{display:none;align-items:center;justify-content:center;width:42px;height:42px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:750;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--white);background:var(--blue)}.btn-primary:hover{background:var(--blue-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{color:var(--blue);background:var(--white);border-color:var(--line)}.btn-store{color:var(--blue-dark);background:var(--green-soft);border-color:#2cae2c47}.btn-store:hover{border-color:#0f6fc85c;background:#fff}.hero{padding:78px 0 56px;background:linear-gradient(180deg,#f6fbff,#fff)}.hero-grid,.split-grid,.app-grid,.contact-grid,.footer-grid,.final-cta-inner{display:grid;gap:42px}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center}.hero-logo{width:min(168px,42vw);height:auto;margin-bottom:20px}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.08}h1{max-width:760px;font-size:clamp(2.45rem,5vw,4.7rem)}h2{font-size:clamp(1.85rem,3vw,3rem)}h3{font-size:1.15rem}.hero-lead,.section-lead{color:var(--muted);line-height:1.7}.hero-lead{max-width:660px;margin:22px 0 0;font-size:1.15rem}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-proof span{padding:8px 12px;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:.9rem;font-weight:700}.product-preview{min-width:0}.preview-window,.demo-form,.mode-card,.pricing-card,.feature-card,.faq-item{border:1px solid var(--line);border-radius:8px;background:var(--white)}.preview-window{overflow:hidden;box-shadow:var(--shadow)}.preview-topbar{display:flex;align-items:center;gap:8px;padding:14px 16px;color:var(--muted);background:#f0f7fb;border-bottom:1px solid var(--line)}.preview-topbar span{width:10px;height:10px;background:#bac7d8;border-radius:50%}.preview-topbar strong{margin-left:8px;font-size:.9rem}.preview-content{display:grid;gap:18px;padding:18px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;min-height:116px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.metric-card svg{color:var(--blue)}.metric-card span,.phone-mock span,.notification-row,.timeline-line span{color:var(--muted);font-size:.88rem}.metric-card strong{font-size:1.55rem}.preview-main{display:grid;grid-template-columns:1fr 180px;gap:14px}.attendance-panel,.phone-mock,.notification-row{border:1px solid var(--line);border-radius:8px}.attendance-panel{padding:18px}.panel-title{display:flex;align-items:center;gap:8px;font-weight:800}.timeline-line{display:grid;gap:10px;margin-top:18px}.timeline-line span{padding:10px;background:var(--soft);border-left:3px solid var(--line);border-radius:6px}.timeline-line .done{color:var(--green);background:var(--green-soft);border-left-color:var(--green)}.phone-mock{display:grid;gap:10px;place-items:center;align-content:center;min-height:230px;color:var(--blue);background:#f9fbff}.phone-mock span{width:78%;padding:9px;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:8px}.notification-row{display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(90deg,var(--soft-blue),var(--green-soft))}.notification-row svg{flex:0 0 auto;color:var(--blue)}.trust-strip{padding:18px 0;border-block:1px solid var(--line);background:var(--white)}.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.trust-item{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:10px;color:var(--ink);background:var(--soft);border-radius:8px;font-weight:750;text-align:center}.trust-item svg{flex:0 0 auto;color:var(--green)}.section{padding:82px 0}.section-heading{max-width:760px;text-align:center}.section-heading .section-lead{margin-inline:auto}.section-lead{max-width:700px;margin:18px 0 0}.split-grid,.app-grid,.conversion-grid,.contact-grid,.final-cta-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.problem-list,.mode-compare,.pricing-grid,.feature-grid,.workflow-grid{display:grid;gap:16px}.problem-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:650}.problem-item svg{flex:0 0 auto;color:var(--green)}.conversion-section{background:#fbfcfe}.conversion-grid{display:grid}.conversion-panel{padding:30px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.impact-row,.segment-grid{display:grid;gap:14px}.impact-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}.impact-row div{display:grid;gap:8px;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.impact-row svg,.segment-card svg{color:var(--blue)}.impact-row span,.demo-benefit p,.segment-card p{color:var(--muted);line-height:1.55}.demo-benefit-list{display:grid;gap:14px}.demo-benefit{display:flex;gap:14px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:8px}.demo-benefit svg{flex:0 0 auto;color:var(--green)}.demo-benefit h3,.demo-benefit p,.segment-card p{margin:0}.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:34px}.feature-card{display:grid;gap:14px;padding:20px;min-height:245px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--blue);background:var(--soft-blue);border-radius:8px}.feature-card p,.pricing-card p,.faq-item p,.site-footer p{margin:0;color:var(--muted);line-height:1.65}.app-section,.pricing-section,.faq-section,.segment-section{background:var(--soft)}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.segment-card{display:grid;gap:14px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:8px}.segment-card a{color:var(--blue);font-weight:800}.mode-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{padding:24px}.mode-card h3{margin-bottom:16px}.mode-card ul,.pricing-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}.mode-card li,.pricing-card li{color:var(--muted);line-height:1.5}.mode-card li{position:relative;padding-left:22px}.pricing-card li{display:flex;align-items:flex-start;gap:9px;color:var(--muted);line-height:1.5}.mode-card li:before{content:"";position:absolute;left:0;top:.63em;width:8px;height:8px;background:var(--green);border-radius:50%}.pricing-card li svg{flex:0 0 auto;margin-top:.22em;color:var(--green)}.workflow-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:34px}.workflow-step{display:grid;gap:12px;min-height:170px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:8px}.workflow-step svg{color:var(--blue)}.step-number{display:grid;place-items:center;width:30px;height:30px;color:var(--white);background:var(--green);border-radius:8px;font-weight:800}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.pricing-card{display:grid;gap:20px;padding:26px}.pricing-card.is-featured{border-color:#1859c973;box-shadow:var(--shadow)}.plan-badge{width:fit-content;padding:7px 10px;color:var(--green);background:var(--green-soft);border-radius:8px;font-size:.82rem;font-weight:800}.contact-options{display:grid;gap:10px;margin-top:26px}.contact-options a,.site-footer a{color:var(--blue);font-weight:750}.demo-form{padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-form label{display:grid;gap:7px;color:var(--ink);font-weight:750}.demo-form input,.demo-form textarea,.demo-form select{width:100%;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:8px;outline:none}.demo-form input,.demo-form select{min-height:46px;padding:0 12px}.demo-form textarea{resize:vertical;min-height:118px;padding:12px}.demo-form input:focus,.demo-form textarea:focus,.demo-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1859c91f}.full-field{grid-column:1 / -1}.demo-form small{color:#b42318;font-weight:700}.form-status{margin:18px 0 0;padding:12px;border-radius:8px;line-height:1.5;font-weight:700}.form-status.success{color:#096346;background:var(--green-soft)}.form-status.fallback{color:#825400;background:#fff6dc}.form-submit{width:100%;margin-top:18px}.faq-list{display:grid;gap:12px;max-width:880px}.faq-list{margin-top:32px}.faq-item{overflow:hidden}.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px;color:var(--ink);background:var(--white);border:0;cursor:pointer;font-weight:800;text-align:left}.faq-item button svg{flex:0 0 auto;color:var(--blue);transition:transform .18s ease}.faq-item button[aria-expanded=true] svg{transform:rotate(180deg)}.faq-item p{padding:0 20px 20px}.final-cta{padding:60px 0;color:var(--white);background:#123c7b}.final-cta .eyebrow,.final-cta h2{color:var(--white)}.final-cta .btn-secondary{color:var(--white);background:transparent;border-color:#ffffff73}.site-footer{padding:54px 0 28px;background:#f7f9fc;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1.2fr .8fr 1fr}.footer-brand{margin-bottom:16px}.site-footer h2{margin:0 0 14px;font-size:1rem}.site-footer nav,.site-footer div:nth-child(3){display:grid;gap:10px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:38px;padding-top:20px;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}.sticky-cta{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;align-items:center;gap:12px;max-width:min(460px,calc(100% - 32px));padding:10px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.sticky-cta span{color:var(--ink);font-weight:800}@media (max-width: 1100px){.hero-grid,.split-grid,.app-grid,.conversion-grid,.contact-grid,.final-cta-inner{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid,.impact-row,.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.mobile-menu{display:inline-flex}.main-nav{position:absolute;inset:72px 16px auto 16px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 10px}.nav-cta{margin-top:8px}.hero{padding-top:54px}.preview-main,.mode-compare,.pricing-grid,.segment-grid,.footer-grid{grid-template-columns:1fr}.metric-row,.workflow-grid,.impact-row,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}}@media (max-width: 560px){.container{width:min(100% - 24px,1120px)}.hero,.section{padding-block:54px}.feature-grid,.metric-row,.workflow-grid,.impact-row,.trust-grid,.form-grid{grid-template-columns:1fr}.feature-card,.workflow-step{min-height:auto}.btn,.cta-row{width:100%}.product-preview{margin-inline:-4px}.preview-content,.demo-form{padding:16px}.trust-item{justify-content:flex-start;text-align:left}.sticky-cta{right:12px;bottom:12px;left:12px;justify-content:space-between}.sticky-cta .btn{width:auto;min-width:118px}}
