:root{--ink:#0a2c3a;--navy:#073d55;--blue:#087dac;--cyan:#06aeca;--green:#0ca889;--pale:#eef8fa;--line:#dbe8ec;--muted:#60747d;--white:#fff;--red:#d84c4c;--shadow:0 20px 60px rgba(7,61,85,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7fbfc;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}button{cursor:pointer}.demo-ribbon{position:fixed;z-index:50;left:50%;top:0;transform:translateX(-50%);padding:5px 18px;border-radius:0 0 10px 10px;background:#f7b52c;color:#3d2b00;font-size:10px;font-weight:900;letter-spacing:.12em}.site-head{position:sticky;z-index:40;top:0;height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:32px;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(219,232,236,.9)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-weight:900;letter-spacing:.12em}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--cyan),var(--blue));color:white;font:900 24px Georgia}.mark.small{width:31px;height:31px;border-radius:8px;font-size:18px}.site-head nav{display:flex;gap:28px;margin-left:auto}.site-head nav a{color:#31515e;text-decoration:none;font-weight:700;font-size:13px}.button,.primary,.ghost{border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 8px 22px rgba(8,125,172,.22)}.ghost{background:white;color:var(--blue);border:1px solid var(--line)}.compact{padding:9px 13px;font-size:12px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:90px max(24px,calc((100vw - 1240px)/2));background:radial-gradient(circle at 86% 20%,#d6f8f2 0,transparent 30%),linear-gradient(180deg,#fff,#f0fafb)}.eyebrow,.section-title>span,.cta span{color:var(--green);font-weight:900;letter-spacing:.15em;font-size:12px}.hero h1{font-size:clamp(44px,5.6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 24px;max-width:760px}.hero-copy>p{font-size:19px;color:#496772;max-width:660px}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust{display:flex;flex-wrap:wrap;gap:20px;color:#55727d;font-size:12px;font-weight:700}.hero-visual{position:relative;min-height:490px}.orb{position:absolute;width:430px;height:430px;border-radius:50%;right:10px;top:20px;background:linear-gradient(145deg,#09b2ca,#086f9e);box-shadow:0 40px 90px rgba(4,128,159,.25)}.portal-preview{position:absolute;z-index:2;left:0;top:70px;width:min(620px,100%);border:8px solid #102f3b;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-7deg) rotateX(2deg)}.preview-top{height:50px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.preview-top i{width:7px;height:7px;border-radius:50%;background:#dce8eb}.preview-top i:first-of-type{margin-left:auto}.preview-body{height:310px;display:flex}.preview-body aside{width:84px;padding:28px 18px;background:#073d55;display:flex;flex-direction:column;gap:18px}.preview-body aside span{height:9px;border-radius:10px;background:#6d9cab}.preview-body aside .active{background:#20d1b1}.preview-main{flex:1;padding:30px;background:#f5f9fa}.mini-title{width:44%;height:18px;border-radius:9px;background:#0b4056;margin-bottom:25px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-cards i{height:64px;border-radius:10px;background:white;box-shadow:0 5px 18px #dae7ea}.mini-table{margin-top:18px;padding:14px;background:white;border-radius:10px}.mini-table i{display:block;height:12px;margin:10px 0;border-radius:8px;background:#e1edef}.floating-card{position:absolute;z-index:4;padding:16px 18px;background:white;border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.floating-card b{font-size:25px;color:var(--blue)}.floating-card span{font-size:11px;color:var(--muted)}.card-a{left:-50px;bottom:45px}.card-b{right:-25px;top:25px}.section{padding:100px max(24px,calc((100vw - 1240px)/2))}.section-title{max-width:720px;margin-bottom:42px}.section-title h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.08;margin:12px 0}.section-title p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{position:relative;text-align:left;padding:28px;min-height:190px;border:1px solid var(--line);border-radius:17px;background:white;color:var(--ink);transition:.25s}.feature:hover{transform:translateY(-6px);border-color:#58c7d5;box-shadow:var(--shadow)}.feature span{display:block;color:var(--cyan);font-weight:900;margin-bottom:28px}.feature b{display:block;font-size:20px;margin-bottom:8px}.feature small{color:var(--muted);font-size:14px}.demo-section{padding:100px max(18px,calc((100vw - 1400px)/2));background:linear-gradient(145deg,#073d55,#0a6074)}.section-title.light{color:white}.section-title.light>span{color:#5be2cb}.section-title.light p{color:#bfdae1}.app-shell{overflow:hidden;border-radius:21px;background:#f4f7f8;box-shadow:0 36px 90px rgba(0,0,0,.3)}.app-top{min-height:68px;display:flex;align-items:center;padding:12px 22px;background:white;border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px}.app-brand div{display:flex;flex-direction:column}.app-brand small{color:var(--muted)}.archive-pill{margin-left:auto;margin-right:15px;padding:7px 12px;border-radius:20px;background:#e7f8f4;color:#176757;font-size:11px}.icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:var(--navy);color:white;font-weight:800}.app-nav{display:flex;gap:3px;padding:10px 16px;background:#0a4056;overflow:auto}.app-nav button{white-space:nowrap;padding:10px 14px;border:0;border-radius:7px;background:transparent;color:#bcd6de;font-size:12px;font-weight:800}.app-nav button.active{background:#fff;color:var(--navy)}.app-content{padding:28px}.app-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.app-heading small{color:var(--green);font-weight:900;letter-spacing:.1em}.app-heading h3{font-size:28px;margin:5px 0}.app-heading p{color:var(--muted);margin:0}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:24px 0}.metric-row>div{padding:18px;border-radius:12px;background:white;border:1px solid var(--line)}.metric-row span,.metric-row em{display:block;color:var(--muted);font-size:11px;font-style:normal}.metric-row b{display:block;font-size:28px;margin:3px 0;color:var(--navy)}.demo-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.demo-table th,.demo-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:12px}.demo-table th{color:#60747d;background:#edf4f5}.badge{display:inline-block;padding:4px 7px;border-radius:20px;background:#e7f8f4;color:#08745d;font-weight:900;font-size:9px}.badge.warn{background:#fff1dc;color:#9b5d00}.row-actions{display:flex;flex-wrap:wrap;gap:5px}.row-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--navy);font-size:10px;font-weight:800}.flow{background:white}.flow-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:18px}.flow-line>span{font-size:28px;color:#82adb9}.flow-line button{text-align:left;padding:24px;border:1px solid var(--line);border-radius:15px;background:#f7fbfc;color:var(--ink)}.flow-line i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-weight:900}.flow-line b,.flow-line small{display:block}.flow-line b{font-size:17px}.flow-line small{margin-top:6px;color:var(--muted)}.cta{margin:0 max(24px,calc((100vw - 1240px)/2)) 90px;padding:48px 55px;border-radius:22px;background:linear-gradient(130deg,#087da9,#0bab8b);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta span{color:#bfffee}.cta h2{font-size:36px;margin:8px 0}.cta p{margin:0;color:#d9f6f2}.white{background:white;color:var(--blue);border:0}footer{padding:42px max(24px,calc((100vw - 1240px)/2));background:#062e40;color:#c4d9df;display:grid;grid-template-columns:auto 1fr;gap:12px 30px;align-items:center}footer .wordmark{color:white}footer p,footer small{margin:0}footer small{grid-column:2;color:#89a8b2}dialog{width:min(760px,calc(100% - 32px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(2,29,40,.7);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#eef5f6;font-size:22px}.dialog-body{padding:36px}.dialog-body>span{color:var(--green);font-weight:900;letter-spacing:.1em;font-size:11px}.dialog-body h2{font-size:30px;margin:8px 0}.dialog-body .simulator{margin-top:24px;padding:20px;border-radius:12px;background:#f2f7f8}.dialog-body label{display:block;margin:10px 0;font-weight:700}.dialog-body input,.dialog-body select{width:100%;padding:10px;border:1px solid #cadcdf;border-radius:8px;background:white}.dialog-body .actions{display:flex;gap:10px;margin-top:18px}.login-mock{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.login-mock .brand-panel{padding:40px;color:white;background:linear-gradient(145deg,#057aa5,#0ab08e)}.login-mock .form-panel{padding:40px;display:flex;flex-direction:column;justify-content:center}.tour{position:fixed;inset:0;z-index:100}.tour-backdrop{position:absolute;inset:0;background:rgba(0,24,34,.72)}.tour-card{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(570px,calc(100% - 30px));padding:24px;border-radius:16px;background:white;box-shadow:0 25px 80px rgba(0,0,0,.35)}.tour-card>span{color:var(--green);font-weight:900;font-size:11px}.tour-card h3{font-size:24px;margin:6px 0}.tour-card p{color:var(--muted)}.tour-card>div{display:flex;justify-content:flex-end;gap:8px}.tour-focus{position:relative;z-index:101!important;box-shadow:0 0 0 5px #ffc74d,0 0 0 9999px rgba(0,24,34,.72)!important}.toast{position:fixed;z-index:120;right:22px;bottom:22px;transform:translateY(100px);opacity:0;padding:13px 18px;border-radius:10px;background:#073d55;color:white;font-weight:800;transition:.25s}.toast.show{transform:none;opacity:1}@media(max-width:960px){.site-head nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:repeat(2,1fr)}.flow-line{grid-template-columns:1fr}.flow-line>span{transform:rotate(90deg);justify-self:center}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.site-head{height:70px}.site-head .primary{display:none}.hero{padding-top:55px}.hero h1{font-size:42px}.floating-card{display:none}.feature-grid{grid-template-columns:1fr}.app-content{padding:18px}.app-heading{align-items:flex-start;flex-direction:column}.metric-row{grid-template-columns:1fr 1fr}.demo-table th:nth-child(3),.demo-table td:nth-child(3){display:none}.cta{margin-inline:16px;padding:34px 26px}.login-mock{grid-template-columns:1fr}.login-mock .brand-panel{min-height:180px}footer{grid-template-columns:1fr}footer small{grid-column:1}}