@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0c1425;--text:#202c42;--muted:#708095;--line:#e3e8ee;--mint:#c1f58a;--mint-dark:#98d95e;--paper:#f8faf9;--radius:18px;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.05em}h1 em,h2 em{font-style:normal;color:#81bd4f}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.075em}.brand-mark{height:38px;width:38px;border-radius:12px;background:var(--mint);display:flex;align-items:center;justify-content:center;color:#0c1425;font-size:24px;letter-spacing:-.06em}.brand-mark .brand-dot{color:#326a32}.brand-dot{color:#8ac657}.landing-body{background:#fff}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1380px;padding:0 40px;margin:auto}.site-nav{display:flex;gap:36px;font-size:14px;font-weight:700;color:#5f6a7b}.site-nav a:hover{color:#111b2f}.header-cta{border-radius:100px;padding:14px 23px;background:#0c1425;color:#fff;font-size:14px;font-weight:700}.header-cta span{color:var(--mint);margin-left:10px}.hero{min-height:655px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;padding:35px 0 85px}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker,.dash-eyebrow{letter-spacing:.13em;font-size:11px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:#3d6940}.pulse{width:8px;height:8px;border-radius:50%;background:#83bd46;box-shadow:0 0 0 5px #e8f7da}.hero h1{font-size:clamp(46px,5vw,74px);line-height:1.12;letter-spacing:-.073em;margin:25px 0}.hero-copy>p{font-size:18px;line-height:1.8;color:#6d798a;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;gap:26px;justify-content:center;padding:17px 22px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:#152316}.btn-primary:hover{box-shadow:0 8px 30px #b6e28475}.btn-secondary{border:1px solid #e1e8e9;background:#fff;color:#1a2838}.btn-dark{background:#0e1828;color:white;margin-top:12px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px}.hero-tags span{font-size:12px;padding:8px 14px;border:1px solid #e6ecea;border-radius:50px;color:#798391}.hero-visual{min-height:500px;position:relative;display:grid;place-items:center}.grid-glow{position:absolute;inset:0;border-radius:40px;background:radial-gradient(ellipse at 55% 45%,#c7efb5 0%,#edf8ed 34%,#f8fafc 70%,#fff 75%);transform:rotate(-8deg)}.grid-glow:after{content:"";position:absolute;inset:40px;background-image:linear-gradient(#7fac7240 1px,transparent 1px),linear-gradient(90deg,#7fac7240 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black,transparent 80%);opacity:.55}.visual-board{width:92%;position:relative;border-radius:22px;background:#111d30;box-shadow:0 35px 65px #0d294048;min-height:370px;padding:28px 29px;color:#fff;transform:rotate(-5deg);overflow:hidden}.board-top{display:flex;align-items:center;gap:12px;font-weight:800;font-size:10px;letter-spacing:.15em;color:#8999a5}.mini-brand{border-radius:8px;background:#d4f8a0;color:#132416;font-size:20px;font-weight:800;width:32px;height:32px;display:grid;place-items:center;letter-spacing:-.08em}.mini-brand span{color:#7db744}.board-more{margin-left:auto;letter-spacing:.2em}.board-subtitle{margin-top:32px;font-size:24px;line-height:1.3;letter-spacing:-.045em;color:#e1e7e9}.board-subtitle strong{font-size:29px;color:#d3ffa3}.board-graph{margin-top:26px;height:135px;position:relative}.board-graph svg{position:absolute;inset:0;width:100%;height:100%}.graph-guide{position:absolute;width:100%;height:1px;background:#ffffff17}.g1{top:10%}.g2{top:50%}.g3{top:90%}.board-bottom{display:flex;gap:23px;color:#aab7bd;font-size:10px;margin-top:12px}.metric-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.mint{background:#c1f58a}.purple{background:#8873cb}.float-badge{position:absolute;z-index:2;background:#fff;border:1px solid #edf1eb;border-radius:12px;padding:15px 19px;box-shadow:0 15px 28px #1929391b;font-size:11px;font-weight:800;letter-spacing:.08em}.float-badge-top{right:-10px;top:54px;transform:rotate(5deg)}.float-badge-top span{color:#62b134;margin-left:12px}.float-badge-bottom{left:-15px;bottom:45px;transform:rotate(4deg)}.badge-check{background:#dff6c6;color:#52893c;padding:5px 7px;border-radius:50%;margin-right:7px}.service-section{background:#f6f9f6;padding:106px 0 115px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}.kicker{color:#69a743}.section-head h2,.method-section h2,.platform-section h2,.contact-section h2{font-size:clamp(33px,3.8vw,50px);line-height:1.2;margin:13px 0 0}.section-head>p{max-width:345px;color:#708095;line-height:1.8;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;border:1px solid #e8ece9;border-radius:18px;min-height:300px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-6px);box-shadow:0 15px 38px #172d3212}.service-symbol{font-size:27px;font-weight:700;color:#649c3e;display:grid;place-items:center;background:#edfae4;border-radius:13px;height:47px;width:47px}.service-number{font-size:10px;font-weight:800;color:#8a9695;letter-spacing:.08em;margin-top:28px}.service-card h3{font-size:19px;letter-spacing:-.05em;margin:12px 0}.service-card p{font-size:13px;line-height:1.7;color:#758295;letter-spacing:0}.service-arrow{margin-top:auto;align-self:end;font-size:19px}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:115px 0}.method-section>div>p{font-size:16px;line-height:1.8;color:#718194;max-width:485px;margin-top:24px}.method-steps>div{display:grid;grid-template-columns:50px 1fr;gap:0 15px;padding:18px 0;border-bottom:1px solid #e6ebed}.method-steps>div span{grid-row:span 2;font-size:15px;color:#71a944;font-weight:800}.method-steps strong{font-size:18px}.method-steps p{font-size:13px;color:#8190a0;margin:6px 0 0}.platform-section{padding:100px 0;background:#e8f6df}.platform-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.platform-wrap>div>p{color:#5c705b;font-size:16px;line-height:1.8;max-width:500px;margin:22px 0}.platform-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.p-tile{padding:24px;border-radius:19px;background:#fff;min-height:140px;display:flex;flex-direction:column;gap:15px;box-shadow:0 12px 20px #557b5110}.p-tile.large{background:#101d2a;color:white;grid-column:span 2;min-height:200px}.p-tile span{font-size:10px;letter-spacing:.1em;color:#6b9a49;font-weight:800}.p-tile.large span{color:#bdf28c}.p-tile b{font-size:23px;letter-spacing:-.05em}.p-tile small{font-size:12px;color:#a1abb8}.contact-section{text-align:center;padding:110px 0 130px}.contact-section h2{margin:16px 0 22px}.contact-section p{max-width:600px;line-height:1.7;color:#728293;margin:0 auto 26px}.site-footer{background:#0d1826;color:#fff;padding:33px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span{font-size:12px;color:#98a7b9}
/* CRM APP */
.dashboard-body{background:#f4f7fa;color:#18253a}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#101c2d;color:#fff;position:sticky;top:0;height:100vh;padding:27px 18px 18px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{font-size:23px;margin:1px 8px 58px}.side-brand .brand-mark{width:35px;height:35px}.sidebar-label{font-size:10px;letter-spacing:.17em;color:#66788f;font-weight:800;margin:0 13px 16px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a,.side-bottom{font-size:13px;font-weight:600;display:flex;gap:13px;align-items:center;border-radius:10px;padding:13px 14px;color:#a2b0c1}.side-nav a span,.side-bottom span{font-size:18px;width:19px;text-align:center}.side-nav a:hover,.side-nav a.active{background:#293b48;color:#fff}.side-nav a.active:before{content:"";height:24px;width:3px;position:absolute;left:18px;background:#b8f17b;border-radius:6px}.sidebar-spacer{flex:1}.sidebar-note{padding:17px 14px;background:#1c2d41;border:1px solid #2e4055;border-radius:12px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:11px;color:#9cacc0;line-height:1.6;margin:7px 0 0}.side-bottom{margin-top:15px}.dashboard-main{min-width:0;flex:1}.dash-header{height:80px;background:#fff;border-bottom:1px solid #ebeff3;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:12px;color:#52627a;font-weight:700}.crumb span{padding:0 10px;color:#b1bdc9}.dash-profile{display:flex;align-items:center;gap:16px}.demo-flag{background:#fff5df;color:#9d6a26;border:1px solid #f1dfb9;border-radius:100px;font-size:9px;letter-spacing:.07em;font-weight:800;padding:8px 10px}.avatar{width:35px;height:35px;border-radius:50%;background:#d7f0c0;color:#37602b;display:grid;place-items:center;font-size:11px;font-weight:800}.dash-content{padding:39px 42px 50px;max-width:1490px;margin:auto}.dash-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.dash-eyebrow{font-size:10px;color:#7d8b9e}.dash-eyebrow span{color:#9ed472;margin:0 5px}.dash-title-row h1,.portal-main h1{font-size:36px;margin:10px 0 7px;letter-spacing:-.065em}.heading-period{color:#8fcd60}.dash-title-row p,.portal-main>p{color:#8090a1;font-size:13px;margin:0;line-height:1.7}.dash-add{padding:14px 21px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid #e6ecf0;padding:21px;border-radius:14px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.stat-card>span{font-size:11px;font-weight:700;color:#7c8898;display:flex;justify-content:space-between;align-items:center;gap:6px}.stat-card>span b{font-size:16px;color:#8fc76b}.stat-card strong{font-size:30px;font-family:Manrope,sans-serif;letter-spacing:-.065em}.stat-card small{font-size:11px;color:#9aa7b3}.dark-stat{background:#101d30;color:#fff;border-color:#101d30}.dark-stat span,.dark-stat small{color:#9baabd}.table-section,.lower-panel{background:#fff;border:1px solid #e7ecf2;border-radius:15px;overflow:hidden}.panel-title{padding:25px 25px 15px;display:flex;align-items:start;justify-content:space-between;gap:15px}.panel-title h2{font-size:18px;letter-spacing:-.05em;margin:0 0 7px}.panel-title p{font-size:12px;color:#92a0af;margin:0;line-height:1.55}.ghost-btn{border:1px solid #e5eaf0;background:#fff;border-radius:9px;padding:10px 15px;font-size:11px;color:#4b5a70;font-weight:800}.ghost-btn:hover{background:#f5f8fa}.table-toolbar{display:flex;gap:10px;padding:11px 25px 21px;justify-content:space-between}.search-control{display:flex;align-items:center;gap:8px;border:1px solid #e1e7ed;border-radius:9px;padding:0 12px;min-width:300px;color:#92a0b0}.search-control span{font-size:22px}.search-control input{border:0;outline:none;width:100%;height:39px;font-size:12px;color:#34465a}.table-toolbar select{border:1px solid #e1e7ed;border-radius:9px;background:#fff;padding:0 12px;font-size:11px;color:#52657a}.table-scroll{overflow:auto}.client-table{width:100%;border-collapse:collapse;min-width:740px;text-align:left}.client-table thead{background:#f8fafb}.client-table th{font-size:10px;letter-spacing:.05em;color:#8796a8;padding:13px 24px;white-space:nowrap}.client-table td{padding:17px 24px;border-top:1px solid #edf0f4;font-size:12px;color:#53647b;white-space:nowrap}.client-name{font-size:12px;color:#233349;font-weight:800}.client-email{color:#99a6b4;font-size:10px;margin-top:5px}.cell-domain{color:#2c465e;font-weight:700}.cell-service{font-size:10px;color:#98a6b3;margin-top:4px}.table-price{font-weight:800;color:#1d2b3f}.status-pill{display:inline-block;border-radius:100px;font-size:10px;font-weight:800;padding:7px 11px;color:#3b8737;background:#e9f8e8}.status-pill.pending{color:#a37423;background:#fff4d9}.action-icon{border:0;background:transparent;font-size:16px;color:#8090a0;padding:3px 8px}.action-icon:hover{color:#192a41}.table-foot{border-top:1px solid #ebeff3;padding:16px 24px;display:flex;justify-content:space-between;font-size:10px;color:#9ba9b6}.empty-state{padding:25px;color:#8192a3;text-align:center;font-size:12px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:20px}.lower-panel{min-height:290px}.label-icon{width:36px;height:36px;background:#f1f8eb;color:#6eae41;display:grid;place-items:center;border-radius:10px;font-size:18px}.renewal-list{padding:0 25px 20px}.renewal-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf0f3;padding:17px 0}.renewal-item strong,.integration-item b{font-size:12px;color:#26374d}.renewal-item p,.integration-item p{font-size:10px;color:#94a3b2;margin:6px 0 0}.renewal-item time{font-size:11px;font-weight:800;color:#40556c;text-align:right}.renewal-item time.due-soon{color:#a97528}.integration-item{padding:15px 25px;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:11px}.integration-dot{background:#ecf1fb;width:29px;height:29px;border-radius:9px;flex-shrink:0}.integration-item>div{flex:1}.tag-soon{color:#949fae;background:#f3f5f7;border-radius:100px;padding:7px 10px;font-size:9px;font-weight:800}.dashboard-disclaimer{font-size:11px;color:#8796a8;line-height:1.7;margin-top:25px}.modal{border:1px solid #e2eaf0;border-radius:18px;padding:0;width:min(620px,calc(100% - 30px));box-shadow:0 35px 100px #0a152c56;max-height:90vh;overflow:auto}.modal::backdrop{background:#071324a3}.modal-form{padding:29px}.modal-top{display:flex;justify-content:space-between}.modal-top h2{margin:9px 0 23px}.close-btn{background:transparent;border:0;font-size:25px;color:#607286;align-self:start}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#44556a}.field-grid input,.field-grid select{border:1px solid #dae3eb;border-radius:8px;padding:12px 11px;width:100%;font-size:13px;color:#283a4f;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
/* PORTAL */
.portal-shell{min-height:100vh}.portal-header{height:80px;padding:0 max(calc((100vw - 1100px)/2),40px);display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e5ebf0}.portal-header .brand{font-size:23px}.portal-header nav{display:flex;align-items:center;gap:23px;font-size:12px;color:#7a879a}.portal-main{max-width:1100px;margin:0 auto;padding:65px 15px}.portal-main h1{font-size:43px}.portal-main>p{max-width:680px;font-size:15px;margin-bottom:30px}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.portal-card{background:#fff;border:1px solid #e6ebef;border-radius:16px;padding:27px;min-height:225px}.portal-card>span:first-child,.portal-primary span:first-child{color:#8c9ba9;font-size:11px;font-weight:800;letter-spacing:.08em}.portal-card h3{font-size:23px;margin:26px 0 12px}.portal-card p{font-size:12px;color:#8292a2;line-height:1.7}.portal-primary{background:#121f30;color:white;display:flex;justify-content:space-between;align-items:center}.portal-primary h2{font-size:32px;margin:28px 0 11px;color:white}.portal-primary p{color:#b8c6d0}.portal-primary span:first-child{color:#cbfa9e}.portal-big-icon{font-size:83px;color:#bdf48c}.small-pill{font-size:10px!important;letter-spacing:0!important;color:#8a7959!important;background:#fff6df;border-radius:100px;padding:8px 12px;display:inline-block;margin-top:15px;font-weight:700}.portal-warning{border-radius:12px;background:#fff2d7;padding:18px 20px;margin-top:23px;font-size:12px;color:#88611d;line-height:1.8}.back-link{display:inline-block;color:#526a4c;margin-top:29px;font-size:13px;font-weight:800}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.float-badge-top{right:0}.float-badge-bottom{left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:218px}.dash-header{padding:0 26px}.dash-content{padding:30px 26px}}
@media(max-width:780px){.wrap{width:min(100% - 38px,1200px)}.site-header{height:75px;padding:0 20px}.site-nav{display:none}.header-cta{padding:11px 15px}.hero{grid-template-columns:1fr;padding:60px 0 45px;gap:10px}.hero h1{font-size:clamp(43px,10vw,65px)}.hero-visual{min-height:420px}.visual-board{width:85%}.section-head,.method-section,.platform-wrap{display:block}.section-head>p{margin-top:15px}.service-section{padding:70px 0}.method-section{padding:70px 0}.method-steps{margin-top:25px}.platform-section{padding:70px 0}.platform-tiles{margin-top:30px}.footer-inner{flex-wrap:wrap}.app-shell{display:block}.sidebar{width:auto;height:auto;position:relative;padding:15px 20px;display:block}.side-brand{margin:0 0 20px}.sidebar-label,.sidebar-note,.side-bottom,.sidebar-spacer{display:none}.side-nav{flex-direction:row;overflow:auto}.side-nav a{white-space:nowrap;font-size:11px;padding:10px}.side-nav a.active:before{display:none}.dash-header{height:65px;padding:0 18px}.dash-content{padding:29px 18px}.lower-grid{grid-template-columns:1fr}.portal-header{padding:0 20px}.portal-main{padding:45px 20px}}
@media(max-width:540px){.brand{font-size:21px}.brand-mark{height:32px;width:32px}.header-cta{font-size:12px}.hero-copy>p{font-size:16px}.hero-tags{margin-top:25px}.hero-visual{min-height:340px}.visual-board{min-height:310px;padding:22px}.board-subtitle{font-size:20px}.board-subtitle strong{font-size:22px}.float-badge{font-size:8px;padding:11px}.float-badge-top{top:20px}.float-badge-bottom{bottom:12px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.section-head h2,.method-section h2,.platform-section h2,.contact-section h2{font-size:36px}.dash-title-row{display:block}.dash-add{margin-top:20px}.stats-grid{gap:10px}.stat-card{min-height:140px;padding:15px}.stat-card>span{font-size:10px}.stat-card strong{font-size:25px}.table-toolbar{flex-direction:column}.search-control{min-width:auto}.panel-title{padding:20px}.table-toolbar{padding:10px 20px 20px}.table-foot{display:block}.field-grid,.portal-grid{grid-template-columns:1fr}.demo-flag{font-size:8px}.portal-header nav{gap:8px}.portal-header nav>a{display:none}.portal-main h1{font-size:36px}}