:root{--navy:#0b1727;--ink:#152a42;--blue:#178fe0;--green:#14b890;--muted:#627287;--light:#f4f7fb;--line:#e4ebf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:750;line-height:1.1;color:var(--navy)}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{color:var(--blue)}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.1em;font-weight:600}.site-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between}.site-nav nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer;border:1px solid transparent;font-size:14px}.btn-primary{background:linear-gradient(100deg,#188ce7,#0ea9bc);color:white}.btn-outline{border-color:#b9cede;color:var(--navy)}.btn-muted{background:rgba(255,255,255,.13);color:white;border:1px solid rgba(255,255,255,.2)}.hero{background:radial-gradient(circle at 80% 20%,#173c68,#0b1727 62%);color:white;padding:95px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;color:#34d5cf;font-weight:800}.hero h1{font-size:clamp(38px,4.5vw,61px);line-height:1.14;letter-spacing:-.045em;margin:20px 0}.hero h1 em{font-style:normal;color:#28d1cc}.hero p{color:#c2d1df;font-size:17px;max-width:560px}.actions{display:flex;gap:12px;margin:32px 0}.disclaimer{font-size:11px!important;color:#90a7bf!important}.hero-preview{border:1px solid #365b83;border-radius:20px;padding:26px;background:linear-gradient(145deg,#18375b,#10233d);box-shadow:0 35px 70px #0006}.preview-head{display:flex;gap:10px;align-items:center;font-weight:700}.live-dot{width:9px;height:9px;border-radius:50%;background:#1bcba3}.tag{margin-left:auto;color:#abd4dc;font-size:10px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.stat-row>div{background:#224462;padding:20px;border-radius:12px}.stat-row small{display:block;color:#b1ccde}.stat-row b{font-size:22px;display:block;margin:4px 0}.stat-tag{color:#54e3d7;font-size:12px}.fake-chart{display:flex;align-items:end;gap:12px;height:155px;border-bottom:1px solid #456381}.fake-chart span{flex:1;background:linear-gradient(#39d4ca,#247ec8);border-radius:8px 8px 0 0;height:40%}.fake-chart span:nth-child(2){height:58%}.fake-chart span:nth-child(3){height:45%}.fake-chart span:nth-child(4){height:70%}.fake-chart span:nth-child(5){height:83%}.fake-chart span:nth-child(6){height:95%}.hero-preview p{font-size:12px;color:#bcd0e3}.features{padding-top:80px;padding-bottom:80px}.heading{text-align:center}.heading small{font-weight:800;color:var(--blue);letter-spacing:.12em}.heading h2{font-size:36px;margin:6px 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article,.panel,.metric-grid article{border:1px solid var(--line);border-radius:16px;padding:27px;box-shadow:0 5px 25px #173b5908}.feature-symbol{width:45px;height:45px;border-radius:13px;background:#e9f8ff;color:#0f8dd3;font-size:25px;text-align:center}.feature-grid h3{margin-bottom:8px}.feature-grid p,.callout p,.pricing p{color:var(--muted)}.callout{border-radius:18px;padding:32px 36px;background:#eef8fb;display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}.footer{padding-top:26px;padding-bottom:30px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-info{background:radial-gradient(circle at 90% 80%,#164b76,var(--navy));padding:52px clamp(32px,6vw,100px);color:white;display:flex;flex-direction:column;justify-content:space-between}.brand-white,.brand-white strong{color:white}.brand-white small{color:#9bd5da}.login-info h1{font-size:44px;line-height:1.2}.login-info p,.login-info>small{color:#bacce0}.login-side{display:grid;place-items:center;padding:30px;background:var(--light)}.login-card,.simple-card{width:min(100%,460px);padding:48px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 15px 45px #13325212}.login-card h2{font-size:30px;margin:0}.login-card p,.simple-card p{color:var(--muted)}#google-signin{min-height:50px;margin:28px 0}.hint{font-size:12px;color:var(--muted)!important}.backlink{display:inline-block;margin-top:18px;font-weight:700;color:var(--blue)}.notice{padding:18px;background:#eef7ff;border:1px solid #cce9fa;border-radius:12px;color:#255473}.notice p{margin:5px 0 12px}.error{color:#b32635;margin-top:15px}.app-layout{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh;background:var(--light)}.sidebar{background:var(--navy);padding:28px 16px;color:#bad0e2}.sidebar .brand{margin-bottom:40px;padding:0 10px}.nav-section{font-size:10px;letter-spacing:.14em;color:#728ca6;margin:24px 14px 8px;font-weight:800}.navitem{padding:11px 14px;border-radius:10px;color:#bdd0e1;display:block;font-size:14px;width:100%;text-align:left;background:none;border:0}.navitem.selected{background:#204466;color:white}.logout{cursor:pointer}.main-app{padding:34px min(4vw,65px)}.app-top{display:flex;justify-content:space-between;align-items:center}.app-top small{font-size:11px;color:var(--blue);letter-spacing:.13em;font-weight:800}.app-top h1{font-size:34px;margin:0}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,#168ddc,#14b99e);color:white;font-weight:800}.intro{color:var(--muted)}.notice-border{margin:20px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.metric-grid article{background:white}.metric-grid small,.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid b{display:block;font-size:29px;margin:9px 0;color:var(--ink)}.panel{background:white;margin-top:20px;min-height:250px}.panel h2{font-size:19px}.panel p{color:var(--muted)}.empty{border:1px dashed #cbd8e5;background:#f8fbfd;color:#6f8191;text-align:center;margin-top:28px;padding:35px}.pricing{padding-top:75px;padding-bottom:100px}.pricing h1{font-size:46px;margin:10px 0}.pricing .notice{margin-top:20px}.simple-page{min-height:100vh;background:var(--light);display:grid;place-items:center}.simple-card h1{font-size:28px}.simple-card label{display:block;margin:15px 0 6px;font-size:14px}.simple-card input{width:100%;border:1px solid #bed3e5;border-radius:10px;padding:12px}.simple-card button{margin-top:16px}@media(max-width:950px){.hero-grid,.login-layout{grid-template-columns:1fr}.hero-preview{margin-top:10px}.feature-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.login-info{min-height:250px}.app-layout{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:560px){.site-nav nav{gap:12px}.site-nav nav a:not(.btn){display:none}.wrap{padding-left:16px;padding-right:16px}.hero{padding:60px 0}.feature-grid,.metric-grid{grid-template-columns:1fr}.callout{flex-direction:column;align-items:start;gap:18px}.login-card{padding:30px}}