:root{--navy:#07183f;--blue:#4169e1;--ink:#0b1937;--muted:#65738b;--line:#e1e6ee;--soft:#f6f8fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font:800 27px "Manrope";letter-spacing:-1.3px}.brand img{width:36px;height:36px}.coming{position:relative;min-height:100vh;padding:30px 20px;display:grid;place-items:center;overflow:hidden;background:#fbfcff}.orb{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(6px)}.orb-one{left:-330px;top:-310px;background:radial-gradient(circle,#dbe6ff 0,transparent 68%)}.orb-two{right:-320px;bottom:-330px;background:radial-gradient(circle,#e3e9ff 0,transparent 68%)}.coming-card{position:relative;z-index:1;width:min(690px,100%);padding:55px;text-align:center;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:24px;box-shadow:0 35px 90px rgba(20,39,80,.12);backdrop-filter:blur(18px)}.coming-card .brand{margin-bottom:42px}.build-badge{width:max-content;margin:0 auto 21px;padding:8px 13px;color:#315ccc;background:#edf2ff;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.build-badge span{display:inline-block;width:6px;height:6px;margin-right:6px;background:#4169e1;border-radius:50%;box-shadow:0 0 0 4px #dbe4ff}.coming-card h1{margin:0;font:800 clamp(43px,7vw,65px)/1.06 "Manrope";letter-spacing:-3.5px}.coming-card h1 em,.hero h1 em{color:var(--blue);font-style:normal}.coming-card>p{max-width:520px;margin:21px auto 30px;color:var(--muted);font-size:17px;line-height:1.65}.access-form{max-width:440px;margin:auto;text-align:left}.access-form label{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.access-form>div{display:flex;gap:9px}.access-form input{min-width:0;flex:1;padding:14px;border:1px solid #d9e0eb;border-radius:9px;outline:none;font:inherit}.access-form input:focus{border-color:#5074dc;box-shadow:0 0 0 3px #edf1ff}.access-form button,.primary{padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--navy);border:0;border-radius:9px;font-weight:700;cursor:pointer;box-shadow:0 9px 24px rgba(7,24,63,.17)}.error{max-width:440px;margin:12px auto 0;padding:10px;color:#a12837;background:#fff0f2;border:1px solid #f0cbd0;border-radius:8px;font-size:12px}.coming-card>small{display:block;margin-top:28px;color:#8a95a6;font-size:11px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.navlinks{display:flex;gap:32px;font-size:13px;font-weight:600}.logout{padding:10px 15px;color:#526078;border:1px solid #dce2eb;border-radius:8px;font-size:12px;font-weight:700}.preview-note{padding:8px;color:#d8e2ff;background:#0b2358;text-align:center;font-size:10px;font-weight:700;letter-spacing:.5px}.hero{padding:82px 0 90px;overflow:hidden;background:linear-gradient(155deg,#fff 45%,#f3f6ff)}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.pill{width:max-content;padding:8px 12px;color:#315ccc;background:#edf2ff;border-radius:25px;font-size:11px;font-weight:700}.hero h1{margin:24px 0;font:800 clamp(47px,5.3vw,68px)/1.03 "Manrope";letter-spacing:-4px}.hero-grid>div:first-child>p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.65}.hero-buttons{display:flex;gap:10px;margin-top:29px}.primary,.secondary{min-height:49px}.secondary{padding:0 22px;display:inline-flex;align-items:center;border:1px solid #dce2eb;border-radius:9px;font-weight:700}.checks{display:flex;gap:17px;margin-top:22px;color:#68768c;font-size:11px}.dash-card{min-width:600px;min-height:475px;display:grid;grid-template-columns:135px 1fr;overflow:hidden;background:#fff;border:1px solid #dce2ec;border-radius:15px;box-shadow:0 30px 70px rgba(20,40,85,.15)}.dash-side{padding:23px 12px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #e3e8ef}.dash-side img{width:28px;margin:0 0 24px 10px}.dash-side span,.dash-side b{padding:11px;color:#68758a;border-radius:7px;font-size:10px}.dash-side b{color:var(--navy);background:#edf2ff}.dash-main{padding:0 21px 20px;background:#f9fbfe}.dash-top{height:58px;margin:0 -21px 20px;padding:0 21px;display:flex;align-items:center;font-size:11px;font-weight:700;background:#fff;border-bottom:1px solid #e2e7ee}.dash-top i{width:29px;height:29px;margin-left:auto;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:50%;font-size:8px}.dash-main>small{color:#8894a5;font-size:8px;font-weight:700;letter-spacing:.8px}.dash-main h3{margin:5px 0 16px;font:700 19px "Manrope"}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats>div{padding:13px;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e7ef;border-radius:9px}.stats span{font-size:8px;color:#718097}.stats b{margin:6px 0;font:700 20px "Manrope"}.stats small{color:#4169e1;font-size:7px}.activity{margin-top:10px;padding:15px;background:#fff;border:1px solid #e2e7ef;border-radius:9px}.activity h4{margin:0 0 7px;font-size:10px}.activity p{margin:0;padding:12px 0;display:flex;flex-direction:column;border-bottom:1px solid #edf0f4;font-size:9px}.activity p:last-child{border:0}.activity p span{margin-top:3px;color:#8793a4;font-size:8px}.trust{padding:22px 0;color:#5d6b80;border-block:1px solid #e6eaf1;text-align:center;font-size:12px;font-weight:600}.section{padding:105px 0}.heading{max-width:740px;margin:0 auto 50px;text-align:center}.heading>span,.eyebrow{color:#4167d3;font-size:11px;font-weight:800;letter-spacing:1.3px}.heading h2,.how h2,.faq h2{margin:12px 0 15px;font:750 clamp(34px,4vw,47px)/1.15 "Manrope";letter-spacing:-2px}.heading p,.how-grid>div>p{color:var(--muted);font-size:16px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.features article{position:relative;padding:29px 23px;border:1px solid var(--line);border-radius:14px}.features i{position:absolute;right:18px;top:12px;color:#edf0f5;font:800 39px "Manrope"}.features article>b{width:46px;height:46px;margin-bottom:37px;display:grid;place-items:center;color:var(--blue);background:#edf2ff;border-radius:10px;font-size:20px}.features h3{min-height:48px;margin:0 0 10px;font:700 17px/1.35 "Manrope"}.features p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.how{padding:105px 0;background:var(--soft)}.how-grid{display:grid;grid-template-columns:.85fr 1.05fr;gap:90px;align-items:center}.how ol{margin:30px 0 0;padding:0;list-style:none}.how li{margin:0 0 20px;display:flex;gap:14px}.how li>b{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:#4169e1;background:#e7edff;border-radius:50%}.how li span{display:flex;flex-direction:column;color:#718097;font-size:12px}.how li strong{margin-bottom:4px;color:var(--ink);font-size:14px}.chat{padding:26px;background:#fff;border:1px solid #dce3ee;border-radius:16px;box-shadow:0 25px 55px rgba(30,47,85,.1)}.chat-head{padding-bottom:17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e7ebf1}.chat-head>i{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:10px}.chat-head span{display:flex;flex-direction:column}.chat-head small{margin-top:3px;color:#329d6e;font-size:9px}.user-msg{max-width:75%;margin:28px 0 15px auto;padding:13px 15px;color:#fff;background:#315ccb;border-radius:10px 10px 2px 10px;font-size:12px;line-height:1.55}.ai-msg{max-width:82%;padding:15px;background:#f0f3f8;border-radius:10px 10px 10px 2px;font-size:12px;line-height:1.55}.ai-msg p{margin:8px 0}.ai-msg small{color:#4369cc}.prices{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:center}.price-grid article{position:relative;padding:34px;border:1px solid var(--line);border-radius:15px}.price-grid article.popular{padding-block:45px;border:2px solid var(--blue);box-shadow:0 20px 45px rgba(40,75,165,.12)}.price-grid article>span{color:#4166d2;font-size:10px;font-weight:800;letter-spacing:1px}.price-grid h3{margin:10px 0;font:750 34px "Manrope"}.price-grid h3 small{color:#6b788c;font:500 12px "DM Sans"}.price-grid p{min-height:48px;color:var(--muted);font-size:13px;line-height:1.55}.price-grid ul{margin:24px 0 0;padding:22px 0 0;border-top:1px solid #e6eaf0;list-style:none}.price-grid li{margin:11px 0;color:#35435d;font-size:12px}.price-grid em{position:absolute;top:0;left:50%;padding:6px 12px;transform:translate(-50%,-50%);color:#fff;background:var(--blue);border-radius:20px;font-size:8px;font-weight:800;font-style:normal;letter-spacing:1px}.faq{background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.75fr 1.2fr;gap:90px}.faq details{border-bottom:1px solid #dce2eb}.faq summary{padding:21px 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}.faq details p{margin:-5px 40px 20px 0;color:var(--muted);font-size:13px;line-height:1.6}.final{padding:75px 0}.final>.wrap{padding:48px 55px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#07183f,#143276);border-radius:20px}.final span{color:#bfcef2;font-size:11px}.final h2{margin:10px 0 7px;font:750 35px "Manrope"}.final p{margin:0;color:#bdc8df}.final a{padding:14px 20px;color:var(--navy);background:#fff;border-radius:9px;font-weight:700}footer{padding:58px 0 28px;color:#c2cbe0;background:#050f28}footer .light{color:#fff}footer p{font-size:12px}footer small{display:block;margin-top:35px;padding-top:20px;border-top:1px solid #1b2942;font-size:10px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.dash-card{min-width:0}.features{grid-template-columns:repeat(2,1fr)}.how-grid{gap:45px}.navlinks{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.coming-card{padding:39px 21px}.coming-card .brand{margin-bottom:33px}.access-form>div{flex-direction:column}.access-form button{min-height:48px}.nav{height:66px}.logout{padding:9px 11px}.preview-note{font-size:9px}.hero{padding:57px 0 65px;text-align:center}.pill{margin:auto}.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-grid>div:first-child>p{font-size:15px}.hero-buttons{flex-direction:column}.primary,.secondary{width:100%;min-height:48px}.checks{justify-content:center;flex-wrap:wrap}.dash-card{grid-template-columns:1fr;min-height:380px;text-align:left}.dash-side{display:none}.dash-main{padding:0 13px 15px}.section,.how{padding:75px 0}.heading{margin-bottom:35px}.heading h2,.how h2,.faq h2{font-size:34px}.features,.how-grid,.price-grid,.faq-grid{grid-template-columns:1fr}.features article>b{margin-bottom:25px}.how-grid,.faq-grid{gap:40px}.price-grid article.popular{order:-1}.final>.wrap{padding:38px 24px;flex-direction:column;align-items:flex-start;gap:25px}.final h2{font-size:30px}.brand{font-size:24px}.brand img{width:33px}}

/* Full Firmo system preview */
.hero-grid{grid-template-columns:.72fr 1.38fr;gap:42px}.system-dash{min-width:720px;min-height:525px;grid-template-columns:145px 1fr}.system-dash .dash-side{padding:19px 10px;gap:3px}.system-dash .dash-side img{margin-bottom:14px}.system-dash .dash-side span,.system-dash .dash-side b{position:relative;padding:8px 9px;font-size:8px}.system-dash .dash-side span i{position:absolute;right:7px;width:14px;height:14px;display:grid;place-items:center;color:#fff;background:#4169e1;border-radius:50%;font-size:6px;font-style:normal}.system-dash .dash-main{padding:0 16px 15px}.system-dash .dash-top{height:50px;margin:0 -16px 16px;padding:0 16px}.system-dash .dash-top em{margin-left:auto;color:#6f7d91;font-style:normal}.system-dash .dash-top i{margin-left:12px}.system-dash .dash-main h3{margin-bottom:13px}.system-stats{grid-template-columns:1.35fr 1.25fr .8fr .8fr;gap:6px}.system-stats>div{padding:10px}.system-stats b{font-size:15px;white-space:nowrap}.system-stats small{font-size:6px}.system-stats .good{color:#239a65}.system-dash .dash-panels{margin-top:8px;display:grid;grid-template-columns:1.45fr .72fr;gap:7px}.system-activity{margin-top:0;padding:11px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h4{margin:0}.card-title>span{color:#4169e1;font-size:7px}.system-activity p{position:relative;min-height:54px;padding:10px 0 10px 30px;display:block}.system-activity p>i{position:absolute;left:0;top:11px;width:23px;height:23px;display:grid;place-items:center;border-radius:6px;font-size:9px;font-style:normal}.system-activity p>b{display:flex;flex-direction:column;font-size:8px}.system-activity p b small{margin-top:3px;color:#8994a5;font-size:6px;font-weight:400}.system-activity p>em{position:absolute;right:0;top:10px;color:#939dac;font-size:6px;font-style:normal}.mail-icon{color:#4169e1;background:#edf2ff}.invoice-icon{color:#e57c2a;background:#fff2e7}.contract-icon{color:#6d54ca;background:#f0edff}.ai-panel{padding:11px;color:#35435d;background:linear-gradient(145deg,#f0f4ff,#f8f9ff);border:1px solid #dbe3f5;border-radius:9px}.ai-panel>div{display:flex;align-items:center;gap:5px;font-size:8px}.ai-panel>div>span{width:22px;height:22px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:6px}.ai-panel>div i{margin-left:auto;padding:3px 5px;color:#278d61;background:#e5f7ef;border-radius:9px;font-size:6px;font-style:normal}.ai-panel h4{margin:14px 0 8px;font-size:9px}.ai-panel ul{margin:0;padding:0;list-style:none}.ai-panel li{margin:8px 0;padding-left:12px;position:relative;font-size:7px}.ai-panel li:before{content:'✓';position:absolute;left:0;color:#4169e1}.ai-panel button{width:100%;margin-top:12px;padding:8px;color:#fff;background:var(--navy);border:0;border-radius:5px;font-size:7px;font-weight:700}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.system-dash{width:100%;min-width:0}}
@media(max-width:700px){.system-dash{grid-template-columns:1fr;min-height:500px}.system-stats{grid-template-columns:1fr 1fr}.system-dash .dash-panels{grid-template-columns:1fr}.system-dash .ai-panel{display:none}.system-dash .dash-side{display:none}.system-dash .dash-main{text-align:left}.system-stats b{font-size:14px}}