@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=600px){.tablet-screen.image-screen{aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important;display:block!important;transform:none!important}}:root{color:#17191d;font-synthesis:none;text-rendering:optimizelegibility;--gold:#c78a24;--gold-dark:#a16d17;--ink:#17191d;--muted:#666970;background:#fff;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.site{max-width:1440px;margin:auto;overflow:hidden}.navbar{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:0 5.5%;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand b,.tablet-brand b,.dashboard-top b{color:var(--gold)}.brand-mark,.mini-mark{background:var(--ink);color:var(--gold);border-radius:9px;place-items:center;font-weight:800;display:grid}.brand-mark{width:38px;height:38px;font-size:25px}.navbar nav{gap:32px;font-size:14px;display:flex}.navbar nav a:hover{color:var(--gold)}.nav-button,.primary-button{background:var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.nav-button:hover,.primary-button:hover{background:var(--gold);color:var(--ink)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;padding:58px 5.5% 62px;display:grid}.eyebrow{color:var(--gold-dark);letter-spacing:2px;font-size:12px;font-weight:700}.hero .eyebrow{align-items:center;gap:12px;display:flex}.gold-line{background:var(--gold);flex:none;width:34px;height:2px;display:inline-block}.hero h1{letter-spacing:-3.5px;margin:22px 0 18px;font-size:clamp(42px,5vw,68px);font-weight:800;line-height:1.02}.hero h1 span,.section-heading h2 span,.system-copy h2 span{color:var(--gold)}.hero-content>p{max-width:480px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.hero-actions{align-items:center;gap:26px;margin-top:28px;display:flex}.text-button{white-space:nowrap;font-size:14px;font-weight:600}.hero-visual{justify-content:center;align-items:center;min-width:0;padding:5px 20px 18px;display:flex;position:relative}.tablet{z-index:1;aspect-ratio:.78;background:linear-gradient(135deg,#111,#333 55%,#080808);border-radius:25px;width:min(100%,370px);padding:13px;position:relative;transform:rotate(-5deg);box-shadow:0 22px 30px #0002,inset 0 0 0 2px #555}.tablet-screen{background:#fff;border-radius:15px;flex-direction:column;height:100%;display:flex;overflow:hidden}.tablet-brand{align-items:center;gap:4px;padding:13px 14px;font-size:10px;font-weight:800;display:flex}.mini-mark{border-radius:5px;width:19px;height:19px;margin-right:3px;font-size:13px}.waffle-photo{background:linear-gradient(145deg,#f7eee0,#d8b17b);flex:1;place-items:center;min-height:160px;display:grid}.waffle-plate{aspect-ratio:1.25;background:#fff9ed;border-radius:50%;place-items:center;width:78%;display:grid;transform:rotate(-8deg);box-shadow:0 8px 16px #4b2b1425}.waffle{color:#9a5b19;text-shadow:3px 3px #e9b45d;font-size:clamp(55px,8vw,90px)}.waffle-plate span{letter-spacing:1px;color:#6d3d12;font-size:8px;font-weight:800}.tablet-caption{color:#fff;text-align:center;background:#17191d;padding:15px 10px 18px}.tablet-caption h3{margin:0 0 5px;font-size:18px}.tablet-caption p{color:#ddd;margin:0 0 12px;font-size:9px;font-style:italic}.menu-button{color:#17191d;background:#e9ad27;border-radius:7px;padding:9px 18px;font-size:10px;font-weight:700;display:inline-block}.tablet-shadow{filter:blur(18px);background:#0002;width:70%;height:20px;position:absolute;bottom:0}.solutions{background:#fafaf9;padding:32px 3.5% 38px}.section-heading{text-align:center}.section-heading h2{letter-spacing:-1.8px;margin:14px 0 28px;font-size:clamp(28px,3.2vw,42px);line-height:1.15}.solution-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.solution-card{background:#fff;border:1px solid #e9e9e9;border-radius:13px;min-height:190px;padding:20px 20px 28px;transition:all .2s;position:relative}.solution-card:hover{border-color:var(--gold);transform:translateY(-3px)}.card-icon{width:42px;height:42px;color:var(--gold-dark);background:#fff3d7;border-radius:10px;place-items:center;margin-bottom:12px;font-size:23px;display:grid}.solution-card h3{letter-spacing:-.5px;margin:0 0 7px;font-size:17px}.solution-card p{color:var(--muted);max-width:230px;margin:0;font-size:13px;line-height:1.45}.card-arrow{color:var(--ink);font-size:22px;position:absolute;bottom:13px;left:20px}.system-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:55px 5.5%;display:grid}.dashboard-visual{min-width:0;padding:12px 24px 20px 0;position:relative}.laptop{background:#151515;border-radius:12px 12px 5px 5px;padding:10px;box-shadow:0 12px 20px #0002}.laptop-screen{background:#fff;border-radius:5px;min-height:220px;overflow:hidden}.dashboard-top{border-bottom:1px solid #eee;align-items:center;padding:10px 12px;font-size:10px;font-weight:800;display:flex}.dashboard-body{grid-template-columns:95px 1fr;min-height:175px;display:grid}.dashboard-body aside{color:#ddd;background:#17191d;flex-direction:column;gap:13px;padding:15px 10px;font-size:9px;display:flex}.stat-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-cards span{color:#777;background:#f7f7f7;border-radius:5px;padding:9px;font-size:9px}.stat-cards b{color:#17191d;margin-top:5px;font-size:15px;display:inline-block}.chart{border-bottom:1px solid #eee;justify-content:space-around;align-items:end;gap:7px;height:80px;padding:12px 8px 0;display:flex}.chart i{background:#e8b33e;border-radius:3px 3px 0 0;width:9%;height:35%;display:block}.chart i:nth-child(2),.chart i:nth-child(5){height:55%}.chart i:nth-child(3),.chart i:nth-child(7){height:70%}.chart i:nth-child(4),.chart i:nth-child(8){height:90%}.laptop:after{content:"";background:linear-gradient(#aaa,#555);border-radius:0 0 12px 12px;height:7px;margin:0 -18px -14px;display:block}.phone{background:#111;border:4px solid #222;border-radius:17px;width:100px;padding:8px 5px;position:absolute;bottom:0;right:0;box-shadow:0 8px 20px #0003}.phone-top{color:var(--gold);text-align:center;margin-bottom:8px;font-size:6px;font-weight:800}.phone-product{text-align:center;background:#fff;border-radius:5px;margin-bottom:5px;padding:9px 4px;font-size:15px}.phone-product span{color:#555;font-size:7px;display:block}.system-copy .eyebrow{margin-bottom:15px}.system-copy h2{letter-spacing:-2px;margin:0 0 22px;font-size:clamp(30px,3.5vw,44px);line-height:1.12}.system-copy ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.system-copy li{align-items:center;gap:12px;font-size:15px;display:flex}.system-copy li:before{content:"✓";background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;font-weight:800;display:grid}.contact{color:#fff;background:#17191d;border-radius:14px;justify-content:space-between;align-items:center;gap:25px;margin:0 2.5% 24px;padding:25px 6%;display:flex}.contact h2{letter-spacing:-1px;margin:0;font-size:clamp(23px,3vw,34px);line-height:1.15}.contact-button{white-space:nowrap;color:#17191d;background:#e9ad27;border-radius:7px;align-items:center;gap:14px;padding:15px 22px;font-size:14px;font-weight:700;display:inline-flex}footer{color:#777;border-top:1px solid #f1f1f1;justify-content:space-between;align-items:center;gap:18px;padding:18px 5.5%;font-size:12px;display:flex}.footer-brand{color:var(--ink);font-size:15px}@media (width<=900px){.navbar{padding:0 4%}.navbar nav{display:none}.hero{gap:18px;padding:42px 5% 45px}.hero h1{letter-spacing:-2.5px;font-size:clamp(38px,6vw,55px)}.hero-content>p{font-size:15px}.solution-grid{grid-template-columns:repeat(2,1fr)}.system-section{gap:28px;padding:42px 5%}}@media (width<=600px){.navbar{min-height:68px;padding:0 5%}.brand{gap:7px;font-size:14px}.brand-mark{width:31px;height:31px;font-size:21px}.nav-button{gap:7px;padding:11px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:20px;padding:35px 5% 28px}.hero .eyebrow{letter-spacing:1.2px;font-size:9px}.gold-line{width:22px}.hero h1{letter-spacing:-2.5px;margin:18px 0 14px;font-size:43px;line-height:1.03}.hero-content>p{max-width:360px;font-size:14px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:20px}.primary-button{padding:13px 15px;font-size:12px}.text-button{font-size:12px}.hero-visual{padding:8px 30px 12px}.tablet{border-radius:20px;width:min(75%,280px);padding:10px}.waffle-photo{min-height:125px}.tablet-caption{padding:12px 8px 14px}.tablet-caption h3{font-size:15px}.solutions{padding:27px 4% 30px}.section-heading h2{letter-spacing:-1.2px;margin:12px 0 20px;font-size:27px}.section-heading .eyebrow{letter-spacing:1.4px;font-size:10px}.solution-grid{gap:9px}.solution-card{border-radius:10px;min-height:155px;padding:13px 12px 25px}.card-icon{width:34px;height:34px;margin-bottom:9px;font-size:19px}.solution-card h3{margin-bottom:5px;font-size:13px;line-height:1.25}.solution-card p{font-size:11px;line-height:1.4}.card-arrow{font-size:18px;bottom:7px;left:12px}.system-section{grid-template-columns:1fr;gap:25px;padding:34px 5% 38px}.dashboard-visual{padding-right:25px}.laptop-screen{min-height:175px}.dashboard-body{grid-template-columns:72px 1fr;min-height:135px}.dashboard-body aside{gap:10px;padding:12px 7px;font-size:7px}.dashboard-content{padding:8px}.stat-cards span{padding:7px;font-size:7px}.stat-cards b{font-size:12px}.chart{height:60px}.phone{border-radius:13px;width:78px}.system-copy .eyebrow{letter-spacing:1.5px;font-size:10px}.system-copy h2{letter-spacing:-1.5px;margin-bottom:18px;font-size:31px}.system-copy li{font-size:13px}.contact{flex-direction:column;align-items:flex-start;gap:18px;margin:0 3% 16px;padding:22px 18px}.contact h2{font-size:24px}.contact-button{padding:13px 15px;font-size:12px}footer{flex-wrap:wrap;gap:10px;padding:17px 5%;font-size:10px}footer>span:nth-child(2){display:none}.footer-brand{font-size:13px}}:root{--gold:#c58a2b;--gold-dark:#a97520;--ink:#171719;--muted:#666970}.site{background:#fff;max-width:1440px;margin:0 auto}.navbar{min-height:88px;padding:0 4.5%}.brand{letter-spacing:-1.1px;font-size:20px}.brand-mark{border-radius:12px;width:46px;height:46px;font-size:29px}.navbar nav{gap:38px;font-size:16px}.nav-button,.primary-button{border-radius:9px;padding:15px 23px;font-size:15px}.hero{grid-template-columns:1.12fr .88fr;gap:24px;padding:48px 5.3% 52px}.hero h1{letter-spacing:-3.4px;font-size:clamp(46px,5.1vw,70px);line-height:1.02}.hero-content>p{max-width:500px;font-size:18px}.hero-actions{gap:28px;margin-top:30px}.hero-visual{padding:10px 18px 20px}.tablet{aspect-ratio:.78;border-radius:27px;width:min(100%,390px);transform:rotate(-5deg)}.tablet-caption{padding:17px 12px 20px}.tablet-caption h3{font-size:20px}.tablet-caption p{font-size:11px}.menu-button{padding:11px 20px;font-size:11px}.solutions{padding:36px 3.3% 42px}.section-heading h2{margin:14px 0 30px;font-size:clamp(30px,3.2vw,44px)}.solution-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.solution-card{border-radius:14px;min-height:205px;padding:20px 20px 30px}.card-icon{width:46px;height:46px;margin-bottom:13px;font-size:24px}.solution-card h3{font-size:18px}.solution-card p{font-size:14px}.system-section{grid-template-columns:1.08fr .92fr;gap:48px;padding:56px 5.2%}.dashboard-visual{padding:12px 28px 22px 0}.laptop-screen{min-height:270px}.dashboard-body{grid-template-columns:105px 1fr;min-height:220px}.dashboard-body aside{gap:14px;font-size:10px}.dashboard-content{padding:14px}.stat-cards span{padding:12px;font-size:10px}.stat-cards b{font-size:18px}.chart{height:100px}.phone{border-radius:20px;width:112px;padding:10px 6px}.phone-top{margin-bottom:10px;font-size:7px}.phone-product{margin-bottom:7px;padding:12px 5px;font-size:18px}.phone-product span{font-size:8px}.system-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12}.system-copy ul{gap:16px}.system-copy li{font-size:17px}.system-copy li:before{flex:0 0 30px;width:30px;height:30px;font-size:15px}.contact{color:#fff;background:#171719;border-radius:16px;margin:0 2.2% 24px;padding:28px 6.3%}.contact h2{font-size:clamp(25px,3vw,36px);line-height:1.15;color:#fff!important}.contact-button{color:#171719;background:#e9b33e;padding:17px 25px;font-size:15px}footer{padding:20px 4.5%;font-size:14px}.footer-brand{font-size:18px}.footer-brand .brand-mark{width:40px;height:40px;font-size:26px}@media (width<=900px){.navbar{min-height:76px}.navbar nav{display:none}.hero{grid-template-columns:1fr;gap:28px;padding:42px 5% 38px}.hero-content{text-align:center}.hero .eyebrow{justify-content:center}.hero-content>p{margin:0 auto}.hero-actions{justify-content:center}.hero-visual{padding:10px 30px 22px}.tablet{width:min(75%,340px)}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-section{grid-template-columns:1fr;gap:35px}.dashboard-visual{width:100%;max-width:620px;margin:0 auto}.system-copy{text-align:center}.system-copy ul{text-align:left;display:inline-grid}.contact{flex-direction:column;align-items:flex-start}}@media (width<=600px){.navbar{min-height:68px;padding:0 5%}.brand{gap:7px;font-size:14px}.brand-mark{border-radius:9px;width:32px;height:32px;font-size:21px}.nav-button{padding:11px 12px;font-size:11px}.hero{gap:24px;padding:34px 5% 28px}.hero-content{text-align:left}.hero .eyebrow{letter-spacing:1.1px;justify-content:flex-start;font-size:9px}.hero h1{letter-spacing:-2.5px;margin:18px 0 14px;font-size:clamp(38px,10.5vw,46px)}.hero-content>p{margin:0;font-size:15px}.hero-actions{justify-content:flex-start;gap:14px;margin-top:20px}.primary-button{padding:13px 15px;font-size:12px}.text-button{font-size:12px}.hero-visual{padding:8px 28px 18px}.tablet{width:min(82%,290px)}.solutions{padding:28px 4% 32px}.section-heading h2{letter-spacing:-1.2px;margin:12px 0 20px;font-size:27px}.solution-grid{gap:9px}.solution-card{min-height:158px;padding:13px 12px 25px}.card-icon{width:35px;height:35px;font-size:19px}.solution-card h3{font-size:13px}.solution-card p{font-size:11px}.system-section{gap:30px;padding:35px 5% 38px}.laptop-screen{min-height:175px}.dashboard-body{grid-template-columns:72px 1fr;min-height:135px}.dashboard-body aside{gap:10px;padding:12px 7px;font-size:7px}.dashboard-content{padding:8px}.stat-cards span{padding:7px;font-size:7px}.stat-cards b{font-size:12px}.chart{height:60px}.phone{width:78px}.system-copy{text-align:left}.system-copy h2{letter-spacing:-1.5px;font-size:31px}.system-copy ul{display:grid}.system-copy li{font-size:13px}.contact{gap:18px;margin:0 3% 16px;padding:22px 18px}.contact h2{font-size:24px;color:#fff!important}.contact-button{white-space:normal;padding:13px 15px;font-size:12px}footer{flex-wrap:wrap;gap:10px;padding:17px 5%;font-size:10px}footer>span:nth-child(2){display:none}.footer-brand{font-size:13px}}.card-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.brand-logo{object-fit:contain;width:220px;max-width:100%;height:auto;display:block}.mockup-logo{object-fit:contain;object-position:left center;width:145px;height:34px;display:block}.phone-top img{object-fit:contain;width:100%;max-width:110px;height:28px;margin:0 auto;display:block}.footer-brand .brand-logo{width:220px}@media (width<=600px){.brand-logo{width:190px}.mockup-logo{width:125px;height:30px}.phone-top img{max-width:100px;height:25px}.footer-brand .brand-logo{width:175px}}.navbar .brand-logo{object-fit:contain;object-position:left center;width:175px;height:58px}.footer-brand .brand-logo{object-fit:contain;width:190px;height:62px}.tablet-brand .mockup-logo,.dashboard-top .mockup-logo{object-fit:contain;object-position:left center;width:150px;height:42px}.phone-top img{object-fit:contain;max-width:115px;height:35px}@media (width<=600px){.navbar .brand-logo{width:155px;height:52px}.footer-brand .brand-logo{width:165px;height:55px}.tablet-brand .mockup-logo,.dashboard-top .mockup-logo{width:125px;height:36px}.phone-top img{max-width:105px;height:32px}}.tablet-brand{color:#171717;letter-spacing:-.4px;justify-content:center;align-items:center;min-height:54px;font-size:20px;font-weight:700;display:flex}.site-footer{color:#777;text-align:center;border-top:1px solid #e8e8e8;justify-content:center;align-items:center;padding:28px 16px;font-size:14px;display:flex}@media (width<=600px){.tablet-brand{min-height:48px;font-size:18px}.site-footer{padding:24px 12px;font-size:13px}}.image-screen{background:#fff;overflow:hidden;padding:0!important}.image-screen img{object-fit:contain;width:100%;height:100%;display:block}.admin-panel-preview{object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}@media (width<=600px){.hero-visual{box-sizing:border-box;width:100%;overflow:visible;padding:8px 12px 18px!important}.tablet{aspect-ratio:4/5;box-sizing:border-box;max-width:100%;margin:0 auto;width:min(100%,420px)!important;height:auto!important}.tablet-screen.image-screen{width:100%;height:100%}.tablet-screen.image-screen img{object-fit:contain;width:100%;height:100%}.tablet{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important}.tablet-screen.image-screen{background:0 0!important;border:0!important;border-radius:0!important;width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important}.tablet-shadow{display:none!important}.tablet{aspect-ratio:auto!important;width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}.tablet-screen.image-screen{height:auto!important;overflow:visible!important}.tablet-screen.image-screen img{object-fit:contain!important;object-position:center!important;width:100%!important;height:auto!important}.hero-visual{padding-top:0!important;padding-bottom:6px!important}.tablet{margin-top:-18px!important;margin-bottom:-18px!important}}.contact{color:#111!important;background:#fff!important;border:1px solid #e8e8e8!important}.contact h2{color:#111!important}.contact-button{color:#f3b735!important;background:#111!important;border:1px solid #111!important}.contact-button span{color:#f3b735!important}.contact{box-shadow:none!important;text-align:center!important;background:0 0!important;border:0!important;border-radius:0!important;flex-direction:column!important;align-items:center!important;padding-left:0!important;padding-right:0!important;display:flex!important}.contact h2{text-align:center!important;width:100%!important}.contact-button{align-self:center!important;margin-left:auto!important;margin-right:auto!important}