
:root{--navy:#0b2239;--teal:#008f91;--mint:#e8f8f5;--muted:#637587;--line:#e4edf0;--paper:#f7fafb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:white;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1140px;margin:auto;padding:0 26px}.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.6px;font-size:20px;line-height:1.1}.brand img{width:44px;height:44px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:650}.navlinks a:not(.button):hover,.navlinks a.active{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--teal);color:white!important;padding:12px 20px;border-radius:11px;border:1px solid var(--teal);font-weight:750;cursor:pointer;line-height:1.4}.button:hover{background:#007779}.button.secondary{background:white;color:var(--navy)!important;border-color:#cddce0}.button.dark{background:var(--navy);border-color:var(--navy)}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:850}.hero{padding:92px 0 82px;background:linear-gradient(115deg,#fff 48%,#eaf8f7)}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:60px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,67px);line-height:1.12;letter-spacing:-2.7px;margin:17px 0 23px}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.18;letter-spacing:-1.6px;margin:12px 0 18px}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}p{color:var(--muted)}.lead{font-size:18px;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:85px 0}.section.alt{background:var(--paper)}.center{text-align:center}.center p{margin-left:auto;margin-right:auto;max-width:660px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:29px;box-shadow:0 10px 28px rgba(13,42,62,.035)}.card p{margin-bottom:0}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--mint);color:var(--teal);font-size:23px;font-weight:900;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.steps{counter-reset:step}.step{position:relative;padding:0 0 25px 54px;border-bottom:1px solid var(--line);margin-bottom:25px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--teal);font-weight:900}.step h3{margin-bottom:5px}.step p{margin:0}.mock{background:white;border:1px solid #dce8eb;border-radius:21px;overflow:hidden;box-shadow:0 25px 70px rgba(15,50,70,.11)}.mock-head{background:#102d46;color:white;padding:17px 22px;display:flex;justify-content:space-between;font-weight:750}.mock-content{padding:24px}.mock-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.mock-stat div{padding:15px 12px;background:#f2f8f8;border-radius:11px;font-size:11px;color:var(--muted)}.mock-stat strong{display:block;font-size:20px;color:var(--navy)}.billrow{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;gap:10px;font-size:13px}.billrow span{color:var(--muted)}.pill{display:inline-block;padding:4px 10px;border-radius:50px;background:#d9f6e9;color:#14764e;font-size:11px;font-weight:800}.pill.wait{background:#fff2da;color:#9b6715}.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:960px;margin:36px auto 0}.pricing .card{padding:38px}.pricing .featured{border:2px solid var(--teal);box-shadow:0 20px 45px rgba(0,143,145,.09)}.price{font-size:29px;font-weight:850;letter-spacing:-1px;margin:10px 0}.price small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}.checks{list-style:none;padding:0;margin:23px 0 29px}.checks li{padding:8px 0 8px 27px;position:relative;color:#34495a}.checks li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:900}.banner{background:#0d2c43;color:white;border-radius:24px;padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner p{color:#bdd1db;margin-bottom:0}.banner h2{font-size:32px}.banner .button{white-space:nowrap}.pagehero{padding:74px 0 60px;background:linear-gradient(125deg,#f3fbfa,#fff)}.pagehero h1{font-size:clamp(38px,4vw,55px);max-width:850px}.pagehero p{max-width:720px;font-size:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:750}.field input,.field textarea,.field select{border:1px solid #cddce0;border-radius:10px;padding:12px;background:white;color:var(--navy);width:100%}.field.full{grid-column:1/-1}.note{font-size:13px;color:var(--muted)}footer{background:#0c263c;color:white;padding:45px 0 25px}footer .brand{margin-bottom:10px}footer p{color:#aabfcd;font-size:13px}footer a:hover{color:#61d2c6}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footlinks{display:flex;gap:19px;flex-wrap:wrap;font-size:13px}.mini{margin-top:25px;padding-top:18px;border-top:1px solid #2b465a;color:#9eb5c5;font-size:12px}.mobiletoggle{display:none}.faq{max-width:830px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{margin:12px 0 0}.dash{display:grid;grid-template-columns:220px 1fr;min-height:590px;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 55px #1234}.side{background:#0c293f;color:white;padding:28px 18px}.side div{padding:11px 13px;border-radius:9px;margin-top:8px;font-size:14px}.side .selected{background:#164e5a}.dashmain{padding:30px;background:#f7fafb}.dashmain .cards{margin-top:20px}.dashmain .card{padding:20px}.dashmain .card strong{font-size:23px}.muted{color:var(--muted)}@media(max-width:820px){.nav{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.navlinks{width:100%;justify-content:space-between;gap:9px;flex-wrap:wrap}.hero-grid,.split,.pricing{grid-template-columns:1fr}.hero{padding:60px 0}.cards{grid-template-columns:1fr 1fr}.banner{display:block;padding:30px}.banner .button{margin-top:20px}.section{padding:65px 0}}@media(max-width:540px){.wrap{padding:0 18px}.cards,.formgrid{grid-template-columns:1fr}.navlinks{font-size:12px}.navlinks .button{padding:8px 11px}h1{letter-spacing:-1.7px}.hero-grid{gap:30px}.dash{grid-template-columns:1fr}.side{display:none}.mock-stat{grid-template-columns:1fr 1fr}}

/* tiered pricing layout */

/* 2026 visual refresh: no external fonts or animation dependencies */
:root{--navy:#102c42;--teal:#008f91}
.top{backdrop-filter:blur(18px);background:rgba(255,255,255,.91)}
.button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease;box-shadow:0 5px 16px rgba(0,143,145,.10)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,143,145,.20)}
.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(13,42,62,.09);border-color:#b6e2df}
.premium-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 42%,#d9f5f0 0,transparent 39%),linear-gradient(120deg,#fff 30%,#f3fbfa 100%);padding:105px 0 110px}
.premium-hero:before{content:'';position:absolute;right:-130px;top:-180px;width:520px;height:520px;border:1px solid #bfe7e4;border-radius:50%;opacity:.55}
.premium-hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-3.2px}
.hero-art{height:460px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.art-glow{position:absolute;inset:12% 1%;border-radius:50%;background:radial-gradient(circle,#a2e3d9 0,transparent 65%);filter:blur(34px);opacity:.52;z-index:-2}
.orbit{position:absolute;border:1px solid rgba(0,143,145,.15);border-radius:50%;z-index:-1}.orbit-one{width:410px;height:410px}.orbit-two{width:505px;height:505px}
.art-panel{width:92%;max-width:480px;background:white;border:1px solid #dcebe9;border-radius:20px;box-shadow:0 35px 80px rgba(17,65,76,.17);overflow:hidden;transform:rotate(-1.2deg);animation:floatPanel 7s ease-in-out infinite}
.art-panel-head{height:46px;background:#102d46;color:#aec8d1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;font-weight:800;letter-spacing:1.1px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#658394;border-radius:50%}.window-dots i:first-child{background:#7ed4c6}.live-dot{color:#7cdec5}
.art-inner{padding:25px}.art-heading{display:flex;align-items:center;justify-content:space-between}.art-heading small,.art-stats small,.art-bill small{color:#8294a0;display:block;font-size:11px}.art-heading h3{font-size:20px;margin:3px 0 0}.art-avatar{background:#e5f8f4;border-radius:12px;padding:12px;color:#008f91;font-weight:900;font-size:12px}.art-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:21px 0}.art-stats>div{background:#f4f9f9;border:1px solid #edf3f3;border-radius:11px;padding:12px}.art-stats strong{display:block;font-size:26px;line-height:1.3}.art-stats strong.gold{color:#d39936}.art-list-label{font-size:10px;font-weight:850;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:4px}.art-list-label span{color:#008f91}.art-bill{display:grid;grid-template-columns:33px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f2;font-size:12px}.art-bill>div:nth-child(2){min-width:0}.art-bill-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e6f3fb;color:#277fa2;font-size:18px;font-weight:800}.art-bill-icon.aqua{background:#e7f8f5;color:#008f91}.art-bill-icon.orange{background:#fff4e6;color:#b8872f}.art-bill strong{white-space:nowrap}.art-status{background:#e4f7ed;color:#13845c;padding:4px 7px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.art-status.due{background:#fff2db;color:#a76d0d}
.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2eeeb;padding:12px 17px;border-radius:15px;box-shadow:0 15px 38px #1233;z-index:2;animation:floatChip 5s ease-in-out infinite}.floating-chip b{display:block;font-size:12px}.floating-chip small{display:block;font-size:10px;color:#7c909a}.chip-symbol{display:grid;place-items:center;background:#dff7ea;color:#159a66;width:35px;height:35px;border-radius:11px;font-size:20px;font-weight:900}.chip-symbol.alert{background:#fff3dd;color:#b77b17}.chip-top{top:22px;right:-15px}.chip-bottom{bottom:12px;left:-24px;animation-delay:-2s}
.trust-strip{border-bottom:1px solid #e8efee;background:#fff}.trust-items{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:23px;padding-bottom:23px;flex-wrap:wrap}.trust-items span{font-size:10px;letter-spacing:1.6px;color:#79909a;font-weight:850}.trust-items b{font-size:12px;color:#526b77}
.workflow-art{background:#102d46;border-radius:25px;padding:36px;box-shadow:0 28px 60px #102d4630;color:white;position:relative;overflow:hidden}.workflow-art:after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:#2b8e8a;filter:blur(75px);right:-100px;top:-100px;opacity:.4}.workflow-label{font-size:10px;letter-spacing:2px;color:#8ce0d2;font-weight:800;margin-bottom:25px}.workflow-line{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff20}.workflow-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#214c61;color:#a6e8de;font-size:23px}.workflow-icon.success{background:#166958;color:#a4f5c9}.workflow-line>div:nth-child(2){flex:1}.workflow-line b,.workflow-line small{display:block}.workflow-line b{font-size:14px}.workflow-line small{font-size:12px;color:#a7c0ca}.workflow-line>span{color:#668d9f;font-size:12px}.workflow-note{margin-top:23px;color:#9be3d1;font-size:13px;font-weight:650}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes floatPanel{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-9px) rotate(-.6deg)}}@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:820px){.premium-hero{padding:60px 0}.hero-art{height:425px}.chip-top{right:0}.chip-bottom{left:0}}
@media(max-width:540px){.premium-hero h1{letter-spacing:-2px}.hero-art{height:390px}.art-panel{width:95%}.art-inner{padding:15px}.floating-chip{padding:8px 10px}.chip-top{top:0}.chip-bottom{bottom:0}.orbit-two{width:350px;height:350px}.orbit-one{width:300px;height:300px}.art-bill{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}.art-status{display:none}.trust-items{justify-content:center}.trust-items span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
