html,body,#root{color:#f7f2e8;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0f1714;min-height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.site{background:radial-gradient(circle at 15% 8%,#f59e0b3d,#0000 28%),radial-gradient(circle at 85% 18%,#10b9812e,#0000 28%),linear-gradient(#101a16 0%,#16231e 48%,#fbf6ea 48% 100%);min-height:100vh}.nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:78px;margin:0 auto;display:flex}.brand{letter-spacing:-.055em;color:#fff7e8;align-items:center;gap:10px;font-size:27px;font-weight:900;display:flex}.brandMark{color:#102019;background:linear-gradient(135deg,#f59e0b,#10b981);border-radius:12px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.links{color:#cbd8d1;gap:28px;font-size:14px;font-weight:650;display:flex}.actions,.heroButtons{align-items:center;gap:10px;display:flex}.btn{border:0;border-radius:13px;padding:11px 16px;font-size:14px;font-weight:850}.primary{color:#172018;background:#f59e0b;box-shadow:0 14px 30px #f59e0b38}.secondary{color:#fff7e8;background:#ffffff14;border:1px solid #ffffff24}.big{padding:14px 20px}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;width:min(1180px,100% - 48px);margin:0 auto;padding:70px 0 92px;display:grid}.kicker{color:#fbbf24;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:950}.copy h1{color:#fff7e8;letter-spacing:-.075em;max-width:650px;margin:0;font-size:62px;font-weight:880;line-height:.98}.lead{color:#c5d0ca;max-width:610px;margin:24px 0 0;font-size:19px;line-height:1.56}.heroButtons{margin-top:30px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;margin-top:34px;display:grid}.metrics div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;padding:16px}.metrics b,.metrics span{display:block}.metrics b{color:#fff7e8;font-size:22px}.metrics span{color:#aebcb5;margin-top:4px;font-size:13px}.productMock{color:#172018;background:#f8f0df;border-radius:32px;padding:18px;box-shadow:0 32px 90px #00000047}.mockTop{border-bottom:1px solid #1720181f;align-items:center;gap:8px;height:44px;display:flex}.mockTop span{background:#ef4444;border-radius:50%;width:10px;height:10px}.mockTop span:nth-child(2){background:#f59e0b}.mockTop span:nth-child(3){background:#10b981}.mockTop b{color:#55625c;margin-left:auto;font-size:13px}.callBanner{color:#fff7e8;background:#172018;border-radius:20px;justify-content:space-between;align-items:center;margin-top:18px;padding:18px;display:flex}.callBanner small,.msg small,.ticket small{color:#8fa099;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.callBanner strong{margin-top:6px;font-size:22px;display:block}.callBanner em{color:#0f241a;background:#10b981;border-radius:999px;padding:7px 11px;font-size:12px;font-style:normal;font-weight:950}.conversation{gap:12px;margin-top:14px;display:grid}.msg,.ticket{background:#fff;border-radius:18px;padding:16px}.msg p{color:#33413e;margin:7px 0 0;line-height:1.45}.qrest{background:#fff6e7;border:1px solid #f59e0b40}.ticket{background:#ecfdf5;border:1px solid #10b9813d}.ticket b{margin-top:7px;font-size:22px;display:block}.ticket span{color:#5b6b65;margin-top:4px;display:block}.workflow{background:#fbf6ea;border-top:1px solid #1720181a;border-bottom:1px solid #1720181a;grid-template-columns:repeat(4,1fr);display:grid}.workflow article{color:#172018;border-right:1px solid #1720181a;min-height:118px;padding:30px 7vw}.workflow span{color:#d97706;font-size:13px;font-weight:950}.workflow b{letter-spacing:-.04em;margin-top:10px;font-size:21px;display:block}.platform{color:#172018;width:min(1180px,100% - 48px);margin:0 auto;padding:82px 0}.sectionHeader{max-width:740px}.sectionHeader h2,.dashboard h2{letter-spacing:-.065em;margin:0;font-size:46px;line-height:1.04}.featureGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;display:grid}.featureGrid article{background:#fff;border:1px solid #1720181a;border-radius:24px;min-height:220px;padding:23px;box-shadow:0 18px 45px #1720180e}.featureGrid h3{letter-spacing:-.04em;margin:0;font-size:19px}.featureGrid p{color:#61706a;font-size:14px;line-height:1.55}.dashboard{color:#fff7e8;background:#172018;border-radius:34px;grid-template-columns:1fr 420px;align-items:center;gap:34px;width:min(1180px,100% - 48px);margin:0 auto 78px;padding:38px;display:grid}.dashboard p{color:#bccac3;font-size:16px;line-height:1.55}.dashboardCard{color:#172018;background:#fff7e8;border-radius:24px;overflow:hidden}.dashRow{border-bottom:1px solid #eadfca;justify-content:space-between;align-items:center;min-height:64px;padding:0 19px;display:flex}.dashRow span{color:#65736e}.dashRow b{font-size:18px}footer{color:#172018;background:#fff7e8;border-top:1px solid #eadfca;justify-content:space-between;align-items:center;height:90px;padding:0 7vw;display:flex}footer b{letter-spacing:-.055em;font-size:25px}footer span{color:#65736e}@media (width<=1000px){.links,.actions{display:none}.hero,.dashboard{grid-template-columns:1fr}.copy h1{font-size:46px}.workflow,.featureGrid{grid-template-columns:1fr}.workflow article{padding:24px}}@media (width<=560px){.nav,.hero,.platform,.dashboard{width:calc(100% - 32px)}.hero{gap:34px;padding-top:38px}.copy h1{font-size:40px}.lead{font-size:16px}.metrics{grid-template-columns:1fr}.dashboard{padding:24px}.sectionHeader h2,.dashboard h2{font-size:34px}footer{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:26px 20px}}
