:root{--navy:#071b2f;--navy2:#0c2946;--ink:#132235;--orange:#e86f2d;--orange2:#f39755;--cream:#f6f1e9;--paper:#fffdfa;--muted:#647383;--line:#dbe1e6;--green:#19986b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,.brand{font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:78px;display:flex;align-items:center;gap:36px;padding:0 clamp(22px,5vw,76px);background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.5px;margin-right:auto}.brand-logo{background:#fff;border-radius:10px;padding:3px 8px;box-shadow:0 6px 20px #00000024}.brand-logo img{display:block;width:180px;height:auto}.topbar nav{display:flex;gap:30px;font-size:14px;color:#c9d2db}.topbar nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff!important;border:0;border-radius:8px;padding:15px 22px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #c9542030;transition:.2s}.button:hover{transform:translateY(-2px);background:#f07a37}.button-small{padding:10px 16px;font-size:14px}.hero{background:linear-gradient(120deg,var(--navy) 0%,#0b2743 75%,#153757 100%);color:#fff;min-height:660px;overflow:hidden}.hero-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:70px 28px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#f1b28b;display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:2px;background:var(--orange)}.eyebrow.dark{color:#9b4a1f}.eyebrow.light{color:#f4b38c}.hero h1{font-size:clamp(47px,5.4vw,74px);line-height:1.02;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--orange2)}.hero-lead{color:#c8d4df;font-size:19px;max-width:650px}.hero-actions{display:flex;align-items:center;gap:26px;margin:32px 0 42px}.text-link{font-weight:700;font-size:15px}.text-link span{color:var(--orange)}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff21;padding:22px 0;gap:22px}.proof-row strong,.proof-row span{display:block}.proof-row strong{font-size:16px}.proof-row span{color:#91a2b2;font-size:12px;margin-top:3px}.mascot-stage{height:590px;position:relative;display:flex;justify-content:center;align-items:flex-end}.mascot-stage:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#e86f2d38,#e86f2d00 70%);top:60px}.mascot-stage img{height:580px;width:387px;object-fit:cover;object-position:center;clip-path:ellipse(47% 48% at 50% 50%);filter:drop-shadow(0 25px 25px #0008)}.mascot-note{position:absolute;z-index:3;top:30px;right:18px;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);padding:11px 15px;border-radius:10px;box-shadow:0 16px 40px #0004}.mascot-note strong,.mascot-note small{display:block}.mascot-note small{font-size:11px;color:var(--muted)}.mascot-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #19986b1f}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:10px;padding:10px 14px;box-shadow:0 18px 40px #0004}.floating-card>span{width:28px;height:28px;border-radius:8px;background:#e9f8f2;color:var(--green);display:grid;place-items:center;font-weight:800}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:var(--muted)}.fc-one{left:0;top:250px}.fc-two{right:0;bottom:90px}.strip{height:70px;background:var(--orange);color:white;display:flex;align-items:center;justify-content:center;gap:30px;font-size:12px;font-weight:800;letter-spacing:1.5px;overflow:hidden}.strip i{width:4px;height:4px;border-radius:50%;background:#ffbd98}.section{max-width:1180px;margin:0 auto;padding:100px 28px}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end}.section-heading h2{font-size:clamp(36px,4vw,55px);line-height:1.07;letter-spacing:-2.7px;margin:18px 0 0}.section-heading>p:last-child{color:var(--muted);max-width:630px;font-size:18px}.intro-copy{font-size:18px;color:var(--muted)}.accent-copy{border-left:3px solid var(--orange);padding-left:20px;color:var(--ink)!important;font-weight:600}.system-grid{padding-top:10px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.system-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff;min-height:420px;position:relative}.system-card.featured{background:var(--cream)}.card-number{font-size:12px;font-weight:800;color:#a1acb6;letter-spacing:2px}.system-card h3{font-size:22px;margin:25px 0 8px}.system-card p{color:var(--muted)}.system-card ul{list-style:none;padding:12px 0;margin:0;border-top:1px solid var(--line)}.system-card li{padding:7px 0;font-size:14px;font-weight:600}.system-card li:before{content:"✓";color:var(--orange);margin-right:9px}.mini-browser{margin-top:26px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #1e344d1b}.browser-bar{height:28px;background:#eef1f3;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#aeb8c0}.browser-bar span{font-size:8px;color:#8c98a2;margin-left:12px}.browser-body{height:170px;background:linear-gradient(135deg,#102d4a,#183e5f);color:#fff;padding:23px}.browser-body small{color:#ffad78;font-size:8px;font-weight:700}.browser-body strong{display:block;font-family:Manrope;font-size:22px;line-height:1.05;margin:10px 0}.browser-body button{border:0;border-radius:4px;background:var(--orange);color:#fff;font-size:9px;font-weight:700;padding:8px 11px}.icon-block{width:74px;height:74px;border-radius:18px;background:#eef3f6;color:var(--orange);display:grid;place-items:center;font-size:38px;margin-top:38px}.demo-section{background:var(--navy);color:#fff;padding:95px max(28px,calc((100vw - 1180px)/2));overflow:hidden}.demo-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.demo-heading h2{font-size:48px;letter-spacing:-2.5px;margin:12px 0 0}.view-switch{padding:5px;background:#ffffff12;border:1px solid #ffffff19;border-radius:10px}.view-tab{border:0;background:transparent;color:#aebbc7;padding:11px 16px;border-radius:7px;cursor:pointer}.view-tab.active{background:#fff;color:var(--navy);font-weight:700}.demo-shell{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px #0006;color:var(--ink)}.demo-browser-top{height:48px;background:#e8edf1;display:flex;align-items:center;padding:0 15px;gap:15px}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#b7c0c8}.traffic i:first-child{background:#f47766}.traffic i:nth-child(2){background:#f3c44f}.traffic i:last-child{background:#63c678}.address{margin:auto;background:#fff;border-radius:5px;color:#687785;font-size:11px;width:42%;text-align:center;padding:6px}.live-pill{font-size:9px;font-weight:800;color:var(--green);letter-spacing:1px}.demo-view{display:none}.demo-view.active{display:block}.sample-site header{height:66px;display:flex;align-items:center;padding:0 35px;gap:35px;border-bottom:1px solid #edf0f2}.sample-site header strong{font-family:Manrope;color:#0c3152}.sample-site header strong span{color:var(--orange)}.sample-site header nav{margin-left:auto;color:#667583;font-size:11px}.sample-site header button,.dash-title button{border:0;border-radius:5px;background:var(--orange);color:#fff;font-weight:700;font-size:11px;padding:10px 14px}.sample-hero{display:grid;grid-template-columns:1.12fr .88fr;background:#f5f4f0;min-height:400px}.sample-hero>div:first-child{padding:65px 30px 55px 70px}.sample-hero small{font-weight:800;letter-spacing:1.7px;font-size:9px;color:#b35928}.sample-hero h3{font-size:43px;line-height:1.05;letter-spacing:-2.3px;margin:14px 0}.sample-hero p{font-size:14px;color:#667583;max-width:460px}.sample-primary,.sample-secondary{border:0;border-radius:5px;padding:12px 15px;font-size:11px;font-weight:700;margin:13px 6px 0 0}.sample-primary{background:var(--orange);color:#fff}.sample-secondary{background:transparent;border:1px solid #bfc7cd}.roof-visual{position:relative;background:linear-gradient(#a7d1e6 0 52%,#8caf77 52%);overflow:hidden}.sun{position:absolute;width:60px;height:60px;background:#f2d27f;border-radius:50%;top:45px;right:55px}.house{position:absolute;bottom:0;left:11%;width:78%;height:49%;background:#e8dfd3}.roof{position:absolute;left:-12%;top:-56px;width:124%;height:110px;background:#314457;clip-path:polygon(50% 0,100% 100%,0 100%)}.wall{display:flex;justify-content:space-around;padding-top:50px}.wall i{width:44px;height:63px;background:#a8c8d4;border:7px solid white}.sample-proof{height:76px;display:flex;align-items:center;justify-content:space-around;font-size:11px;color:#798793}.sample-proof b{color:var(--navy);display:block;font-size:14px}.dashboard{display:grid;grid-template-columns:175px 1fr;min-height:540px;background:#f3f6f8}.dashboard aside{background:#0b243b;color:#90a0ae;padding:24px 14px;display:flex;flex-direction:column}.dash-brand{font-family:Manrope;font-weight:800;color:#fff;padding:0 9px 26px}.dash-brand span{color:var(--orange)}.dashboard aside button{border:0;background:transparent;color:#91a1af;text-align:left;padding:11px 12px;border-radius:6px;font-size:11px;margin:2px 0}.dashboard aside button.active{background:#ffffff14;color:#fff}.rep-card{display:flex;align-items:center;gap:8px;margin-top:auto;border-top:1px solid #ffffff18;padding:17px 6px 0}.rep-card>span{display:grid;place-items:center;width:29px;height:29px;background:var(--orange);color:#fff;border-radius:50%;font-size:9px}.rep-card strong,.rep-card small{display:block;font-size:9px}.rep-card small{color:#788b9b}.dash-main{padding:28px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:8px;letter-spacing:1.3px;color:#85919c}.dash-title h3{font-size:24px;margin:2px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}.metrics article,.pipeline,.today{background:#fff;border:1px solid #e1e6ea;border-radius:8px;padding:15px}.metrics small,.metrics strong,.metrics em{display:block}.metrics small{font-size:8px;font-weight:700;color:#7d8994}.metrics strong{font-family:Manrope;font-size:23px;margin:5px 0}.metrics em{font-style:normal;font-size:8px;color:var(--green)}.dash-lower{display:grid;grid-template-columns:2fr .72fr;gap:12px}.panel-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:13px}.panel-title span{color:var(--orange)}.stage-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stage-label{font-size:8px;color:#6f7d89;font-weight:800}.stage-label b{background:#edf0f2;border-radius:9px;padding:2px 5px}.stage-row article{border:1px solid #e3e7ea;border-left:3px solid #70aac5;border-radius:5px;padding:9px;margin-top:8px}.stage-row article strong,.stage-row article small,.stage-row article em{display:block;font-size:9px}.stage-row article small{color:#87939d;margin:3px 0}.stage-row article em{font-style:normal;color:#243849;font-weight:700}.stage-row>div:nth-child(2) article{border-left-color:#e1a144}.stage-row>div:nth-child(3) article{border-left-color:#4caf7d}.event{display:flex;gap:9px;border-top:1px solid #edf0f2;padding:11px 0}.event>b{font-size:8px;color:#9a5a34}.event span strong,.event span small{display:block;font-size:9px}.event span small{color:#8c98a2}.mvp-section .section-heading{max-width:850px}.mvp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}.mvp-grid article{display:flex;gap:20px;background:#fff;padding:30px}.mvp-grid b{font-family:Manrope;color:var(--orange);font-size:13px}.mvp-grid h3{font-size:20px;margin:0 0 5px}.mvp-grid p{color:var(--muted);margin:0}.scope-note{margin-top:25px;padding:20px 24px;border-radius:9px;background:var(--cream);color:#5c6873}.scope-note strong{color:var(--ink)}.packages-section{background:var(--cream)}.packages-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:45px}.packages-head>p{max-width:390px;color:var(--muted);font-size:18px}.packages{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;padding-top:0}.package{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px}.package.flagship{background:var(--navy);color:#fff;border:none;padding:35px}.package-tag{display:inline-block;background:var(--orange);border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:1.4px}.package h3{font-size:28px;margin:18px 0 5px}.package-fit,.package>div>p{color:#73808c}.flagship .package-fit{color:#a9b7c3}.price{font-family:Manrope;font-size:47px;font-weight:800;margin:30px 0 0}.price sup{font-size:23px}.price span{font-family:"DM Sans";font-size:12px;color:#a9b7c3;font-weight:400}.monthly{border-bottom:1px solid #ffffff20;padding-bottom:22px}.flagship ul{list-style:none;padding:16px 0}.flagship li{padding:7px 0;color:#d6dfe6;font-size:14px}.flagship li:before{content:"✓";color:var(--orange2);margin-right:9px}.flagship .button{width:100%}.package-stack{display:flex;flex-direction:column;gap:16px}.package-stack>.package{display:grid;grid-template-columns:1fr 140px;align-items:center}.package-kicker{font-size:9px!important;font-weight:800;color:var(--orange)!important;letter-spacing:1.5px}.package-stack h3{margin:6px 0}.side-price{text-align:right;border-left:1px solid var(--line);padding-left:20px}.side-price strong,.side-price span{display:block}.side-price strong{font-family:Manrope;font-size:18px}.side-price span{font-size:10px;color:#8a97a2;margin-bottom:10px}.why-card{padding:28px;border-radius:15px;background:var(--orange);color:#fff}.why-card span{font-size:9px;font-weight:800;letter-spacing:1.5px}.why-card strong{font-family:Manrope;font-size:23px;display:block;line-height:1.2;margin:8px 0}.why-card p{margin:0;color:#ffe4d2}.process{padding-top:85px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.process-grid article{padding:28px;border-top:3px solid var(--line);position:relative}.process-grid article:before{content:"";position:absolute;top:-7px;left:0;width:11px;height:11px;border-radius:50%;background:var(--orange)}.process-grid b{color:var(--orange);font-size:12px}.process-grid h3{font-size:22px;margin:12px 0 6px}.process-grid p{color:var(--muted);min-height:75px}.process-grid small{font-weight:800;color:#9a5a34}.cta{background:linear-gradient(120deg,#0a2239,#11395d);color:#fff;display:grid;grid-template-columns:1fr 420px;gap:80px;padding:85px max(28px,calc((100vw - 1124px)/2))}.cta h2{font-size:50px;line-height:1.06;letter-spacing:-2.7px;margin:16px 0}.cta>div>p:last-child{color:#adc0cf;font-size:18px}.cta form{background:#fff;color:var(--ink);padding:26px;border-radius:13px;box-shadow:0 25px 50px #0005}.cta label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.cta input{display:block;width:100%;margin-top:5px;border:1px solid #d6dde2;border-radius:6px;padding:11px}.cta form .button{width:100%;margin-top:6px}.cta form p{font-size:10px;color:#7e8b96;text-align:center;margin:10px 0 0}footer{height:100px;background:#061625;color:#8596a5;display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1124px)/2));gap:35px;font-size:12px}footer .brand{color:#fff}.footer-logo{margin-right:0}.footer-logo img{width:165px}footer>span{margin-left:auto}
@media(max-width:900px){.topbar nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:50px}.mascot-stage{height:500px}.intro{grid-template-columns:1fr;gap:30px}.system-grid{grid-template-columns:1fr}.demo-heading{align-items:flex-start;gap:20px;flex-direction:column}.sample-site header nav{display:none}.sample-hero{grid-template-columns:1fr}.roof-visual{display:none}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.dash-lower{grid-template-columns:1fr}.packages{grid-template-columns:1fr}.cta{grid-template-columns:1fr;gap:30px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{height:68px;padding-left:14px;padding-right:14px}.brand-logo img{width:148px}.brand-logo{padding:2px 6px}.topbar .button{display:none}.hero-grid{padding-left:20px;padding-right:20px}.hero h1{font-size:47px;letter-spacing:-2.8px}.hero-actions,.proof-row{flex-direction:column}.proof-row{grid-template-columns:1fr}.mascot-stage{height:430px}.mascot-stage img{height:430px;width:287px}.fc-one{left:-10px}.fc-two{right:-10px}.strip{justify-content:flex-start;padding-left:20px}.intro,.section{padding:70px 20px}.system-grid{padding-top:0}.demo-section{padding:70px 16px}.demo-heading h2{font-size:38px}.view-switch{display:flex;width:100%}.view-tab{flex:1}.sample-site header{padding:0 16px}.sample-site header button{display:none}.sample-hero>div:first-child{padding:45px 24px}.sample-hero h3{font-size:36px}.dashboard{min-height:auto}.dash-main{padding:16px}.metrics{grid-template-columns:1fr 1fr}.stage-row{grid-template-columns:1fr}.today{display:none}.mvp-grid{grid-template-columns:1fr}.packages-head{display:block}.package-stack>.package{grid-template-columns:1fr}.side-price{text-align:left;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.process-grid{grid-template-columns:1fr}.process-grid p{min-height:auto}.cta{padding:70px 20px}.cta h2{font-size:40px}footer{height:auto;padding:35px 20px;flex-direction:column;align-items:flex-start;gap:8px}footer>span{margin-left:0}.mascot-note{right:-5px}.floating-card{padding:8px 10px}.floating-card strong{font-size:10px}.floating-card small{font-size:9px}}

.command-center-launch{max-width:1180px;margin:28px auto 0;border:1px solid #ffffff24;border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#ffffff0e,#e86f2d18)}.command-center-launch small{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--orange2)}.command-center-launch h3{font-size:24px;margin:5px 0}.command-center-launch p{color:#aebdca;margin:0;max-width:650px}.command-center-launch .button{white-space:nowrap}@media(max-width:700px){.command-center-launch{align-items:flex-start;flex-direction:column}.command-center-launch .button{width:100%}}