:root{color-scheme:light;--ink: #11101d;--muted: rgba(17, 16, 29, .58);--soft: #f3f5fb;--line: #e8ebf4;--gold: #f1d38a;--white: #ffffff;--green: #16a874;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--soft);scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page{min-height:100vh;overflow:hidden}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand img{width:auto;height:42px}.nav-links{display:flex;align-items:center;gap:24px;color:#11101d9e;font-size:14px;font-weight:750}.nav-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:16px;padding:0 20px;border:1px solid transparent;font-size:14px;font-weight:850;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--ink);color:var(--white);box-shadow:0 18px 38px #11101d2e}.button.secondary{border-color:var(--line);background:#ffffffb3;color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);gap:34px;align-items:stretch;padding:18px 0 72px}.hero-copy{display:flex;min-height:650px;flex-direction:column;justify-content:space-between;border-radius:42px;background:var(--ink);color:var(--white);padding:clamp(28px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 28px 90px #11101d24}.hero-copy:after{content:"";position:absolute;right:52px;bottom:-84px;width:250px;height:250px;border:38px solid rgba(255,255,255,.08);border-radius:50%}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:10px;border-radius:999px;background:#ffffff1a;padding:8px 12px;color:#ffffffb8;font-size:13px;font-weight:850}.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gold)}h1,h2,h3,p{margin:0}h1{max-width:760px;margin-top:48px;font-size:clamp(44px,7vw,82px);line-height:.95;font-weight:900;letter-spacing:0}.hero-text{max-width:600px;margin-top:28px;color:#ffffffad;font-size:clamp(17px,2vw,20px);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;position:relative;z-index:1}.hero-actions .button.primary{background:var(--gold);color:var(--ink);box-shadow:none}.hero-actions .button.secondary{border-color:#ffffff24;background:#ffffff14;color:var(--white)}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:54px;position:relative;z-index:1}.meta-card{border-radius:24px;background:#ffffff14;padding:18px}.meta-card strong{display:block;font-size:22px;font-weight:900}.meta-card span{display:block;margin-top:6px;color:#ffffff85;font-size:13px;font-weight:750}.product-panel{display:flex;flex-direction:column;gap:18px;min-height:650px}.status-card,.device-card,.activity-card{border-radius:36px;background:var(--white);box-shadow:0 28px 90px #11101d0f}.status-card{padding:28px}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tile-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:var(--ink);color:var(--gold)}.tile-icon svg,.mini-icon svg,.check svg{width:22px;height:22px}.pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;background:#ecfdf5;color:#087a55;padding:0 12px;font-size:12px;font-weight:900}.status-card h2{margin-top:48px;font-size:34px;line-height:1.05;font-weight:900}.status-card p{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.7;font-weight:560}.chart{margin-top:24px;border-radius:28px;background:#f4f6fb;padding:20px 16px 8px}.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:130px}.bars span{display:block;min-height:24px;border-radius:999px 999px 12px 12px;background:var(--ink);opacity:var(--alpha)}.chart-labels{display:flex;justify-content:space-between;margin-top:16px;color:#11101d6b;font-size:12px;font-weight:850}.device-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.device{min-height:126px;border-radius:26px;background:#f4f6fb;padding:18px}.device:nth-child(2){background:var(--ink);color:var(--white)}.mini-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;background:var(--white);color:var(--ink)}.device:nth-child(2) .mini-icon{background:var(--gold)}.device strong{display:block;margin-top:16px;font-size:15px;font-weight:900}.device span{display:block;margin-top:5px;color:#11101d80;font-size:12px;font-weight:760}.device:nth-child(2) span{color:#ffffff8a}.activity-card{flex:1;padding:24px}.activity-card h3{font-size:18px;font-weight:900}.activity-list{display:grid;gap:14px;margin-top:18px}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.check{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;background:#ecfdf5;color:var(--green)}.activity-row strong{display:block;font-size:14px;font-weight:900}.activity-row span{display:block;margin-top:4px;color:#11101d7a;font-size:12px;font-weight:720}.time{color:#11101d5c;font-size:12px;font-weight:850}.section{padding:84px 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-kicker{color:#11101d73;font-size:14px;font-weight:900}.section h2{max-width:760px;margin-top:10px;font-size:clamp(34px,5vw,56px);line-height:1;font-weight:900;letter-spacing:0}.section-header p{max-width:420px;color:var(--muted);font-size:16px;line-height:1.7;font-weight:560}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{min-height:260px;border:1px solid rgba(232,235,244,.95);border-radius:30px;background:var(--white);padding:26px;box-shadow:0 24px 70px #11101d0a}.feature .mini-icon{background:#f4f6fb}.feature h3{margin-top:38px;font-size:21px;line-height:1.18;font-weight:900}.feature p{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.68;font-weight:560}.workflow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}.workflow-copy{border-radius:38px;background:var(--white);padding:clamp(28px,4vw,48px)}.workflow-copy h2{margin-top:0}.workflow-copy p{margin-top:20px;color:var(--muted);font-size:17px;line-height:1.72;font-weight:560}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;border-radius:30px;background:var(--white);padding:24px}.step-number{display:grid;width:44px;height:44px;place-items:center;border-radius:16px;background:var(--ink);color:var(--gold);font-weight:900}.step h3{font-size:18px;font-weight:900}.step p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.62;font-weight:560}.cta{padding:30px 0 72px}.cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-radius:42px;background:var(--ink);color:var(--white);padding:clamp(28px,5vw,54px)}.cta-panel h2{max-width:760px;font-size:clamp(34px,5vw,58px);line-height:1;font-weight:900}.cta-panel p{max-width:620px;margin-top:18px;color:#ffffffa8;font-size:17px;line-height:1.7;font-weight:560}.cta-panel .button{background:var(--gold);color:var(--ink)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 38px;color:#11101d75;font-size:13px;font-weight:760}.footer img{height:18px;width:auto;opacity:.55}@media (max-width: 1040px){.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-copy,.product-panel{min-height:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow{grid-template-columns:1fr}}@media (max-width: 720px){.shell{width:min(100% - 24px,1180px)}.nav{align-items:flex-start;padding:18px 0}.brand img{height:34px}.nav-actions .secondary{display:none}.button{min-height:42px;border-radius:14px;padding:0 14px;font-size:13px}.hero{gap:14px;padding-bottom:44px}.hero-copy{border-radius:30px;padding:24px}h1{margin-top:36px}.hero-meta,.device-card,.feature-grid{grid-template-columns:1fr}.product-panel{gap:14px}.status-card,.device-card,.activity-card,.feature,.workflow-copy,.step,.cta-panel{border-radius:26px}.section{padding:54px 0}.section-header,.cta-panel{grid-template-columns:1fr;align-items:start}.section-header{display:grid}.footer{flex-direction:column;align-items:flex-start}}
