:root{--navy:#071421;--navy2:#0b1b28;--green:#72e12d;--green-soft:#eaf8e2;--paper:#f4f7f4;--tint:#edf3ef;--white:#fff;--text:#102231;--muted:#697982;--line:#dce5df;--shell:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--text);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(var(--shell),calc(100% - 48px));margin:auto}
h1,h2,h3,.brand{font-family:"Manrope",sans-serif;letter-spacing:-.045em}h1,h2,h3,p{margin-top:0}.section-dark{background:var(--navy);color:#fff}.section-light{background:var(--paper)}.section-white{background:#fff}.section-tint{background:var(--tint)}.section{padding:108px 0}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #162c3b}.nav{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800;margin-right:auto}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--green);color:var(--navy);display:grid;place-items:center;font-weight:900;font-family:"Manrope",sans-serif}.desktop-nav{display:flex;gap:27px;color:#b9c6cd;font-size:13px}.desktop-nav a:hover{color:#fff}.nav-cta{background:var(--green);color:var(--navy);font-size:12px;font-weight:800;padding:11px 15px;border-radius:8px}.menu-toggle{display:none;background:transparent;border:0;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px;border-radius:2px;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;background:#091926;border-top:1px solid #163040}.mobile-menu.open{display:block}.mobile-menu-inner{display:grid;padding:12px 0 22px}.mobile-menu-inner>a{padding:14px 0;border-bottom:1px solid #173040;color:#dce5e9;font-weight:600}.mobile-cta{background:var(--green);color:var(--navy)!important;text-align:center;border-radius:8px;border:0!important;margin-top:13px}
.hero,.page-hero{padding:72px 0 88px}.hero-grid,.page-hero-grid,.two-col{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}.two-col.reverse{grid-template-columns:1.12fr .88fr}.launch-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #294354;background:#0b1d2b;border-radius:999px;padding:8px 12px;color:#dbe4e9;font-size:10px;letter-spacing:1px;font-weight:800}.launch-pill i{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(52px,5vw,76px);line-height:.99;margin:22px 0 25px}h1 span,h2 span{color:var(--green)}.lead{font-size:18px;color:#abb9c2;line-height:1.72;max-width:620px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.button{display:inline-flex;padding:14px 18px;border-radius:8px;font-weight:800;font-size:13px}.button-green{background:var(--green);color:var(--navy)}.text-link{color:#c3cfd5;font-size:13px}.micro-proof{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:28px;color:#7e919d;font-size:10px}.micro-proof i{width:4px;height:4px;background:var(--green);border-radius:50%}
.section-head{max-width:820px;margin-bottom:54px}.split-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;max-width:none}.section-head h2,.copy h2,.cta h2,.tech-inner h2{font-size:clamp(40px,4vw,58px);line-height:1.08;margin:13px 0 15px}.section-head p,.copy p{font-size:16px;color:var(--muted);line-height:1.75}.section-dark .copy p,.section-dark .section-head p,.audience p{color:#a7b6bf}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#5daa33}.section-dark .eyebrow{color:var(--green)}
.audience{padding:66px 0}.trade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.trade-card{display:flex;align-items:center;gap:11px;padding:16px 13px;border:1px solid #203a4a;border-radius:12px;background:#0e2231;color:#e1eaee;font-size:12px;font-weight:700;transition:.2s}.trade-card:hover{transform:translateY(-2px);border-color:#365769}.trade-icon{width:34px;height:34px;border:1px solid #2a4959;border-radius:9px;background:#132c3c;display:grid;place-items:center;color:var(--green);font-weight:900}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-grid.six{grid-template-columns:repeat(3,1fr)}.feature-grid article,.principles article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px}.feature-grid article>span,.principles article>span{width:38px;height:38px;border-radius:9px;background:var(--green-soft);color:#4c9925;display:grid;place-items:center;font-size:11px;font-weight:800}.feature-grid h3,.principles h3{font-size:19px;margin:18px 0 8px}.feature-grid p,.principles p{font-size:13px;color:#718078;margin:0}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px}.check-list li{font-size:13px;color:#53666e}.check-list li:before{content:"✓";color:#55a52e;font-weight:900;margin-right:9px}.check-list.light li{color:#cad5db}.copy{max-width:550px}.reverse>*:first-child{order:1}.reverse>*:last-child{order:2}
.app-frame{background:#fbfcfb;border:1px solid #dfe7e2;border-radius:16px;overflow:hidden;color:var(--text);box-shadow:0 30px 80px rgba(0,0,0,.28);display:grid;grid-template-columns:148px 1fr;min-height:455px}.app-frame.compact{min-height:410px}.app-sidebar{background:#0c1d2b;color:#91a4af;padding:18px 12px;display:flex;flex-direction:column;gap:3px;font-size:8px}.app-sidebar .app-logo{font-size:14px;color:#fff;font-weight:800;margin-bottom:16px}.app-logo span{display:inline-grid;width:24px;height:24px;place-items:center;background:var(--green);color:var(--navy);border-radius:6px;margin-right:5px}.app-sidebar small{font-size:7px;letter-spacing:1.2px;color:#5f7582;margin:14px 7px 5px}.app-sidebar>span,.app-sidebar>b{padding:8px;border-radius:7px;font-weight:500}.app-sidebar>b{background:#142c3b;color:#fff}.app-main{min-width:0}.app-top{height:55px;border-bottom:1px solid #e5ebe7;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.search{width:48%;padding:8px 10px;border:1px solid #e2e8e4;background:#f1f4f2;border-radius:7px;color:#8a9690;font-size:8px}.avatar{width:30px;height:30px;border-radius:50%;background:#e7ece9;display:grid;place-items:center;font-size:8px;font-weight:800}.app-body{padding:18px}.app-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.app-heading small,.customer-head small{display:block;font-size:7px;color:#7d8c84;letter-spacing:1px}.app-heading h3,.customer-head h3{font-size:22px;margin:3px 0}.app-heading p,.customer-head p{font-size:8px;color:#7e8c85;margin:0}.app-heading button,.customer-head button{border:0;background:var(--green);padding:9px 11px;border-radius:7px;font-size:8px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.metric-grid>div{border:1px solid #e3e9e5;border-radius:9px;background:#fff;padding:11px}.metric-grid small{font-size:7px;color:#7f8e86}.metric-grid strong{display:block;font-size:18px;margin:3px 0}.metric-grid em{display:block;color:#55a52e;font-size:7px;font-style:normal}.app-columns{display:grid;grid-template-columns:1.45fr .75fr;gap:8px}.app-panel{background:#fff;border:1px solid #e2e8e4;border-radius:10px;padding:11px}.panel-title{display:flex;justify-content:space-between;font-size:8px;margin-bottom:5px}.panel-title span{color:#5ca433}.job-row{display:grid;grid-template-columns:46px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0ee;font-size:8px}.job-row div{display:flex;flex-direction:column}.job-row small{color:#84918a}.status{padding:5px 7px;border-radius:999px;font-size:7px;white-space:nowrap}.status.green{background:#e8f7df;color:#438d20}.status.blue{background:#e6efff;color:#2e6dbc}.status.grey{background:#edf1ee;color:#68766f}.status.amber{background:#fff1d5;color:#986603}.status.purple{background:#eee6ff;color:#6846b3}.chart-bars{height:86px;display:flex;align-items:flex-end;gap:5px}.chart-bars i{flex:1;background:#d8e5d3;border-radius:4px 4px 0 0}.chart-bars i:nth-child(1){height:33%}.chart-bars i:nth-child(2){height:51%}.chart-bars i:nth-child(3){height:44%}.chart-bars i:nth-child(4){height:67%}.chart-bars i:nth-child(5){height:60%}.chart-bars i:nth-child(6){height:82%}.chart-bars i:nth-child(7){height:72%;background:var(--green)}.chart-value{font-size:16px}.chart-note{display:block;font-size:7px;color:#55a52e}.table-row{display:grid;grid-template-columns:1.35fr .6fr .65fr .65fr;gap:7px;padding:10px 7px;border-bottom:1px solid #e7ece9;align-items:center;font-size:8px}.table-head{background:#f2f5f3;color:#7a8981;border-radius:7px;font-weight:800}.customer-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.customer-head>div:nth-child(2){flex:1}.customer-avatar{width:46px;height:46px;border-radius:50%;background:#e8f7df;color:#468f23;display:grid;place-items:center;font-size:11px;font-weight:800}.history-row{display:grid;grid-template-columns:70px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #edf0ee;font-size:8px}.history-row div{display:flex;flex-direction:column}.history-row small{color:#819089}.idea-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid #e6ece8;font-size:9px}.idea-row div{display:flex;flex-direction:column}.idea-row small{color:#7d8c84}
.device-stage{display:flex;align-items:flex-end;justify-content:center;gap:18px;min-height:500px}.phone{width:235px;background:#102535;border:7px solid #102535;border-radius:31px;box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden}.phone-secondary{width:195px;transform:translateY(-35px)}.phone-screen{background:#fbfcfb;color:var(--text);min-height:440px;border-radius:23px;padding:14px}.phone-secondary .phone-screen{min-height:385px}.phone-status{display:flex;justify-content:space-between;font-size:7px}.phone-brand{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;padding:10px 0;border-bottom:1px solid #e5ebe7}.phone-brand i{font-style:normal;width:22px;height:22px;border-radius:6px;background:var(--green);display:grid;place-items:center}.phone-title{padding:17px 0 9px}.phone-title small,.phone-card>small{font-size:7px;color:#5ca433;letter-spacing:1px;font-weight:800}.phone-title h3{font-size:17px;line-height:1.15;margin:5px 0}.phone-title p{font-size:9px;color:#77867e}.phone-job{padding:10px 0;border-top:1px solid #e6ece8;display:grid;grid-template-columns:42px 1fr;gap:5px;font-size:8px}.phone-job small{grid-column:2;color:#7b8982}.phone-card{border:1px solid #e2e8e4;border-radius:9px;padding:11px;margin-bottom:9px;background:#fff}.phone-card p{font-size:9px;line-height:1.45;color:#66766e}.phone-card div{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:7px;margin-top:7px;font-size:8px}.phone-card span{color:#84918a}.phone button{width:100%;border:0;background:var(--green);padding:10px;border-radius:7px;font-size:9px;font-weight:800}.phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.phone-actions span{border:1px solid #e2e8e4;background:#fff;border-radius:6px;padding:7px 2px;text-align:center;font-size:7px}
.builder-frame{background:#f8faf8;border:1px solid #dce5df;border-radius:16px;overflow:hidden;color:var(--text);box-shadow:0 30px 80px rgba(0,0,0,.35)}.builder-toolbar{background:#fff;border-bottom:1px solid #e1e8e3;display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.dark-logo{color:var(--text);font-size:11px;font-weight:800}.dark-logo em{font-style:normal;color:#7d8b84;font-weight:500}.builder-toolbar button{border-radius:7px;padding:8px 10px;font-size:8px;font-weight:800}.ghost-btn{border:1px solid #dce4df;background:#fff}.green-btn{border:0;background:var(--green);margin-left:5px}.builder-layout{display:grid;grid-template-columns:175px 1fr}.builder-panel{background:#fff;border-right:1px solid #e1e8e3;padding:14px}.builder-panel small{font-size:7px;color:#7d8b84;letter-spacing:1px}.builder-panel h3{font-size:15px;margin:4px 0 15px}.builder-panel label{display:block;font-size:7px;font-weight:800;color:#7c8a82;margin:13px 0 5px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.theme-options>*{font-size:7px;padding:7px 3px;border:1px solid #e1e8e3;border-radius:6px;text-align:center}.theme-options b{background:#eaf8e2;border-color:#afd995}.builder-sections{display:grid;gap:5px}.builder-sections span{border:1px solid #e3e9e5;border-radius:6px;padding:7px;font-size:7px}.colour-dot{width:27px;height:27px;border-radius:7px;background:#0e6070}.website-preview{margin:13px;border:1px solid #e0e7e2;border-radius:9px;overflow:hidden;background:#fff}.web-nav{display:flex;justify-content:space-between;padding:12px 14px;font-size:8px}.web-nav span{color:#7b8982}.web-hero{background:linear-gradient(135deg,#f6faf5,#e7f4df);padding:28px 20px}.web-hero small{font-size:7px;color:#5ca333;letter-spacing:1px;font-weight:800}.web-hero h3{font-size:25px;line-height:1.08;margin:7px 0}.web-hero p{font-size:9px;color:#66766e;max-width:300px}.web-hero button{border:0;background:var(--navy);color:#fff;border-radius:6px;padding:8px 10px;font-size:8px;font-weight:800}.web-services{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.web-services div{border:1px solid #e3e9e5;border-radius:7px;padding:9px}.web-services b{font-size:8px}.web-services small{display:block;color:#7c8a83;font-size:7px;margin-top:3px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{background:#fff;border:1px solid #d9e3dc;border-radius:17px;padding:28px;position:relative}.price-card.featured{border:2px solid var(--green);transform:translateY(-7px)}.price-badge{display:inline-flex;background:#eaf8e2;color:#4b9826;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.popular{position:absolute;top:-13px;right:20px;background:var(--green);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.price-card h3{font-size:25px;margin:15px 0 5px}.price-card>p{font-size:13px;color:#74827a}.price-card>strong{display:block;font-family:"Manrope";font-size:44px;letter-spacing:-2px}.price-card>strong small{font-family:"DM Sans";font-size:12px;color:#74827a;letter-spacing:0}.price-card>em{font-style:normal;color:#77857e;font-size:11px}.capacity{border-block:1px solid #e2e9e4;padding:13px 0;margin:17px 0;font-weight:800;font-size:13px}.price-card ul{list-style:none;padding:0;display:grid;gap:9px;margin:20px 0 24px}.price-card li{font-size:12px;color:#596a72}.price-card li:before{content:"✓";color:#55a62e;font-weight:800;margin-right:8px}.price-card>a{display:block;border:1px solid #d2dbd5;border-radius:8px;padding:12px;text-align:center;font-size:12px;font-weight:800}.price-card>a.green{background:var(--green);border-color:var(--green)}.large-team{margin-top:24px;background:var(--navy);color:#fff;border-radius:15px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.large-team h3{font-size:22px;margin:5px 0}.large-team p{color:#a9b7bf;margin:0;font-size:12px}.large-team>a{border:1px solid #355063;padding:12px 15px;border-radius:8px;font-size:12px;font-weight:800}.billing-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.billing-choice>div{background:#fff;border:1px solid #d9e3dc;border-radius:12px;padding:17px}.billing-choice .highlight{border-color:#9bd77a;background:#f8fbf5}.billing-choice p{margin:3px 0 0;color:#718078;font-size:12px}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:800;cursor:pointer}.faq-list p{color:#697982;font-size:13px;line-height:1.7;margin-bottom:0}
.cta{padding:90px 0;text-align:center}.cta-inner{max-width:760px}.cta h2{font-size:clamp(44px,5vw,66px);line-height:1.03;margin:14px 0}.cta p{color:#a9b7bf}.signup{display:flex;max-width:560px;margin:28px auto 0;background:#fff;border-radius:9px;padding:5px}.signup input{flex:1;border:0;outline:0;padding:13px;min-width:0}.signup button{border:0;background:var(--green);color:var(--navy);border-radius:7px;padding:0 18px;font-weight:800}.cta-inner>small{display:block;color:#71848f;font-size:9px;margin-top:10px}
.link-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-card-grid>a,.contact-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.link-card-grid h3,.contact-card h3{font-size:19px;margin:0 0 7px}.link-card-grid p,.contact-card p{color:#718078;font-size:13px}.link-card-grid span,.contact-card>a{font-size:12px;color:#4f9d29;font-weight:800}.principles{display:grid;gap:10px}.contact-card>a{display:inline-flex;margin-top:10px}
.tech-section{padding:56px 0;border-top:1px solid #172b39}.tech-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tech-inner h2{font-size:35px}.tech-inner p{color:#81939e;font-size:12px}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tech-grid span{background:#0b1a26;border:1px solid #203440;border-radius:9px;padding:12px;text-align:center;font-weight:700;font-size:12px;color:#bac6cd}
.footer{background:var(--navy);border-top:1px solid #172b39;color:#7f919c}.footer-inner{min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px}.footer .brand{color:#fff;font-size:18px}.footer .brand-mark{width:28px;height:28px;font-size:15px}.footer nav{display:flex;gap:18px}.footer-inner>span{text-align:right}.not-found{min-height:100vh;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;padding:30px}.not-found>div{max-width:600px}.not-found .brand-mark{margin:auto}.not-found h1{font-size:55px}.not-found p{color:#a9b7bf}
@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.hero-grid,.page-hero-grid,.two-col,.two-col.reverse,.faq-layout,.tech-inner,.split-head{grid-template-columns:1fr}.reverse>*{order:initial}.hero-copy{max-width:760px}.trade-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.feature-grid.six{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.link-card-grid{grid-template-columns:repeat(2,1fr)}.app-frame,.builder-frame{max-width:780px;width:100%;margin-inline:auto}}
@media(max-width:680px){.shell{width:calc(100% - 28px)}.nav{height:68px}.hero,.page-hero{padding:52px 0 68px}.section{padding:76px 0}h1{font-size:44px}.section-head h2,.copy h2,.cta h2{font-size:37px}.hero-copy,.page-hero-grid>div:first-child,.section-head,.copy,.split-head,.large-team,.contact-card{text-align:center}.lead,.section-head p,.copy p{margin-left:auto;margin-right:auto}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions>*{text-align:center}.micro-proof{justify-content:center}.audience{padding:55px 0}.trade-grid{grid-template-columns:1fr}.trade-card{justify-content:center}.feature-grid,.feature-grid.six,.link-card-grid{grid-template-columns:1fr}.check-list{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}.app-frame{grid-template-columns:1fr;min-height:auto}.app-sidebar{display:none}.search{display:none}.app-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1.2fr .65fr .65fr}.table-row>*:nth-child(4){display:none}.device-stage{min-height:auto;gap:7px}.phone{width:55%;border-width:5px;border-radius:25px}.phone-secondary{width:43%;transform:translateY(-16px)}.phone-screen{min-height:390px;padding:10px}.phone-secondary .phone-screen{min-height:340px}.builder-layout{grid-template-columns:1fr}.builder-panel{display:none}.website-preview{margin:10px}.web-services{grid-template-columns:1fr}.billing-choice{grid-template-columns:1fr}.price-card{text-align:center}.price-card ul{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}.large-team{flex-direction:column}.large-team>a{width:100%;text-align:center}.signup{display:block;background:transparent}.signup input,.signup button{width:100%;height:50px;border-radius:8px}.signup button{margin-top:8px}.tech-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;gap:13px;justify-items:center;text-align:center;padding:22px 0}.footer nav{flex-wrap:wrap;justify-content:center}.footer-inner>span{text-align:center}}