:root{--ink:#07130f;--forest:#0a2b20;--green:#18d890;--lime:#bdfd88;--paper:#f2f0e9;--muted:#68736d;--line:rgba(8,31,23,.14);--white:#fff;--font-head:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.13);transition:.3s}.nav-wrap.scrolled{background:rgba(5,17,13,.92);backdrop-filter:blur(16px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:9px;font:800 22px/1 var(--font-head);letter-spacing:-1px}.brand>span>span{color:var(--green)}.brand-mark{width:34px;height:34px}.nav-links{display:flex;gap:34px;font-size:14px;color:rgba(255,255,255,.75)}.nav-links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 22px;border:1px solid transparent;font:600 14px var(--font-head);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:12px 16px;gap:16px}.btn-outline{border-color:rgba(255,255,255,.35)}.btn-primary{color:#062117;background:var(--green);min-width:230px}.btn-primary:hover{background:#55e9ae}.menu-btn{display:none;border:0;background:transparent}.menu-btn span{display:block;width:24px;height:1px;margin:6px;background:#fff}.hero{height:min(880px,100vh);min-height:720px;position:relative;color:#fff;display:flex;align-items:center}.hero-bg,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(3,12,9,.96) 0%,rgba(3,12,9,.78) 28%,rgba(3,12,9,.12) 70%),linear-gradient(0deg,rgba(2,9,7,.76) 0%,transparent 34%)}.hero-content{position:relative;z-index:2;padding-top:20px}.eyebrow,.section-tag{font:600 11px var(--font-head);text-transform:uppercase;letter-spacing:2.3px}.eyebrow{color:#bdcabf;display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(58px,7vw,104px)/.95 var(--font-head);letter-spacing:-6px;margin:24px 0 28px}.hero h1 em,.cta h2 em{font-weight:400;color:var(--green)}.hero-copy{font-size:18px;line-height:1.65;color:#c7d0cc;max-width:610px}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:36px}.text-link{font:600 14px var(--font-head);display:flex;align-items:center;gap:11px}.play{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-style:normal;font-size:9px}.hero-proof{position:absolute;z-index:3;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.17);background:rgba(3,12,9,.48);backdrop-filter:blur(7px)}.proof-grid{height:115px;display:grid;grid-template-columns:repeat(3,1fr) 1.1fr}.proof-grid>div{display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.13);padding-left:34px}.proof-grid>div:first-child{padding-left:0}.proof-grid strong{font:500 27px var(--font-head)}.proof-grid span{font-size:12px;color:#9cacA5;margin-top:5px}.proof-grid .live{flex-direction:row;align-items:center;gap:13px;border:0}.live i{width:9px;height:9px;background:var(--green);box-shadow:0 0 0 6px rgba(24,216,144,.13);border-radius:50%}.live b{color:#fff;font-weight:500}.section{padding:130px 0}.section-tag{color:#167b57;margin-bottom:26px}.section-tag.light{color:var(--green)}.split-head{display:grid;grid-template-columns:1.5fr .65fr;gap:10%;align-items:end}.split-head h2,.solution h2,.business h2,.moat h2{font:500 clamp(42px,5vw,69px)/1.04 var(--font-head);letter-spacing:-3.5px;margin:0}.split-head h2 span,.solution h2 span,.business h2 span,.moat h2 span{color:#738079}.split-head>p,.solution-head>p,.business-top>p{font-size:17px;color:var(--muted);line-height:1.65;margin:0 0 8px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border:1px solid var(--line)}.pain-card{background:#eae8e0;padding:30px 34px 38px;border-right:1px solid var(--line);min-height:300px;position:relative}.pain-card:last-child{border:0}.pain-card.dark-card{background:var(--forest);color:#fff}.card-num{font:600 10px var(--font-head);color:#78827c;letter-spacing:1.4px}.pain-icon{font-size:40px;color:#14855e;margin:56px 0 22px}.dark-card .pain-icon{color:var(--green)}.pain-card h3{font:600 21px var(--font-head)}.pain-card p{color:#758078;line-height:1.55;font-size:14px}.dark-card p{color:#a9b7b0}.solution{background:#071b14;color:#fff;overflow:hidden}.solution-head,.business-top{display:grid;grid-template-columns:1.5fr .65fr;gap:10%;align-items:end}.solution h2 span,.business h2 span{color:#67756f}.solution-head>p,.business-top>p{color:#a1ada7}.dashboard-shell{margin-top:74px;display:flex;min-height:500px;background:#0d201a;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px rgba(0,0,0,.42);border-radius:4px;overflow:hidden}.dash-side{width:105px;background:#0a1713;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;padding:20px 12px}.dash-logo{font:700 10px var(--font-head);white-space:nowrap}.dash-logo span{color:var(--green)}.dash-store{font-size:7px;color:#95a099;border:1px solid rgba(255,255,255,.1);padding:8px;margin:24px 0}.dash-store b{color:var(--green)}.dash-menu{display:flex;flex-direction:column;gap:10px}.dash-menu i{font-style:normal;color:#6d7973;width:35px;height:35px;display:grid;place-items:center}.dash-menu .active{background:rgba(24,216,144,.13);color:var(--green);border-left:2px solid var(--green)}.avatar{margin-top:auto;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#1a5b44;font-size:8px}.dash-main{flex:1;padding:28px 32px;background:radial-gradient(circle at 20% 0,rgba(28,92,67,.14),transparent 30%)}.dash-top{display:flex;justify-content:space-between;align-items:start}.dash-top small,.metrics span,.panel-title small{font:600 8px var(--font-head);letter-spacing:1.1px;color:#6f7c76}.dash-top h3{font:600 23px var(--font-head);margin-top:5px}.status{font-size:8px;color:#95a49c;border:1px solid rgba(255,255,255,.1);padding:8px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.metrics>div{border:1px solid rgba(255,255,255,.08);padding:17px;background:rgba(255,255,255,.02)}.metrics span,.metrics small{display:block}.metrics strong{display:block;font:500 25px var(--font-head);margin:9px 0}.metrics small{font-size:8px;color:#6f7c76}.metrics .up,.metrics .green{color:var(--green)}.dash-content{display:grid;grid-template-columns:1.7fr .8fr;gap:11px}.chart-panel,.alerts-panel{border:1px solid rgba(255,255,255,.08);padding:18px;background:rgba(255,255,255,.015)}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title b{display:block;font:500 12px var(--font-head);margin-top:5px}.panel-title button{font-size:8px;color:#8d9993;background:transparent;border:1px solid rgba(255,255,255,.12);padding:7px}.chart{height:200px;position:relative;margin-top:10px;background:repeating-linear-gradient(0deg,transparent 0,transparent 42px,rgba(255,255,255,.05) 43px)}.chart svg{position:absolute;inset:15px 0 20px 30px;width:calc(100% - 30px);height:calc(100% - 35px)}.axis{position:absolute;left:0;font-size:7px;color:#66736d}.a1{top:12px}.a2{top:54px}.a3{top:97px}.a4{top:140px}.chart-times{position:absolute;bottom:0;left:30px;right:0;display:flex;justify-content:space-between;font-size:7px;color:#66736d}.alerts-panel .panel-title>span{font-size:8px;color:var(--green)}.alert{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.06)}.alert>i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(24,216,144,.12);color:var(--green);font-size:8px}.alert b,.alert small{display:block;font-size:8px}.alert small{color:#69756f;margin-top:4px}.alert em{font-style:normal;font-size:7px;color:#87928c}.alert.red>i{background:rgba(255,78,78,.15);color:#ff6969}.alert.red em{color:#ff6969}.alert.amber>i{background:rgba(255,187,64,.15);color:#ffc45c}.alert.amber em{color:#ffc45c}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.12)}.capabilities>div{padding:28px 28px 0 0}.capabilities span{color:var(--green);font-size:10px}.capabilities h3{font:600 20px var(--font-head);margin:22px 0 10px}.capabilities p{font-size:13px;line-height:1.55;color:#87968e}.moat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.moat-copy p{font-size:17px;line-height:1.65;color:var(--muted);max-width:500px;margin:35px 0}.dark-link{border-bottom:1px solid #94a199;width:max-content;padding-bottom:8px}.feature-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:32px 0;border-top:1px solid var(--line)}.feature-list article:last-child{border-bottom:1px solid var(--line)}.feature-list span{font-size:10px;color:#19805b}.feature-list h3{font:600 19px var(--font-head);margin-bottom:10px}.feature-list p{font-size:14px;line-height:1.55;color:var(--muted)}.business{background:#0a2a20;color:#fff}.business-top{margin-bottom:70px}.revenue-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border:1px solid rgba(255,255,255,.13)}.revenue-flow>div{padding:38px;min-height:190px}.revenue-flow>i{font-style:normal;align-self:center;color:var(--green)}.revenue-flow small{display:block;color:var(--green);font:600 9px var(--font-head);letter-spacing:1.5px}.revenue-flow strong{display:block;font:500 24px var(--font-head);margin:30px 0 10px}.revenue-flow p{color:#91a099;font-size:13px}.revenue-flow .featured{background:var(--green);color:#092118}.revenue-flow .featured small,.revenue-flow .featured p{color:#12563f}.assumption{font-size:11px;color:#71867d;margin:22px 0 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.timeline article{position:relative;padding:35px 30px 0 0}.timeline article:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#87938d;top:-5px;left:0}.timeline article:after{content:'';position:absolute;height:1px;top:0;left:0;width:100%;background:var(--line)}.timeline article.done:before{background:var(--green);box-shadow:0 0 0 5px rgba(24,216,144,.17)}.timeline b{font-size:11px;color:#13815b}.timeline small{display:block;color:#7a867f;font-size:9px;margin:20px 0}.timeline h3{font:600 18px var(--font-head)}.timeline p{font-size:13px;color:var(--muted);line-height:1.5;min-height:58px}.timeline span{font-size:10px;color:#157a57}.cta{height:630px;position:relative;display:grid;place-items:center;text-align:center;color:#fff;background:#06130f;overflow:hidden}.cta-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,rgba(16,164,109,.25),transparent 26%),linear-gradient(rgba(6,19,15,.89),rgba(6,19,15,.97)),url('assets/smarket-hero.png') center/cover}.cta-content{position:relative}.cta h2{font:500 clamp(50px,6vw,80px)/1 var(--font-head);letter-spacing:-4px;margin:28px 0}.cta p{color:#a6b2ac;max-width:650px;margin:0 auto 35px;line-height:1.6}.cta .btn{margin:auto}footer{background:#040c09;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p,.footer-grid span{font-size:12px;color:#718079;margin-top:18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px;font-size:13px}.footer-grid small{font-size:9px;letter-spacing:1.5px;color:#5d6c65;margin-bottom:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:#54625c;font-size:10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-links,.nav .btn-small{display:none}.menu-btn{display:block}.hero{min-height:760px}.hero h1{letter-spacing:-4px}.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-grid .live{display:none}.split-head,.solution-head,.business-top,.moat-grid{grid-template-columns:1fr;gap:35px}.pain-grid{grid-template-columns:1fr}.pain-card{border-right:0;border-bottom:1px solid var(--line)}.dashboard-shell{min-width:900px;transform-origin:left top;transform:scale(.78);margin-bottom:-110px}.solution .container{overflow:hidden}.capabilities{grid-template-columns:1fr 1fr}.revenue-flow{grid-template-columns:1fr}.revenue-flow>i{display:none}.timeline{grid-template-columns:1fr 1fr;row-gap:40px}.footer-grid{grid-template-columns:1.5fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}@media(max-width:600px){.container{width:min(100% - 30px,1200px)}.nav{height:70px}.hero{min-height:750px}.hero-bg{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(3,12,9,.96),rgba(3,12,9,.55)),linear-gradient(0deg,rgba(2,9,7,.88),transparent 50%)}.hero h1{font-size:53px;letter-spacing:-3.5px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-proof{display:none}.section{padding:88px 0}.split-head h2,.solution h2,.business h2,.moat h2{font-size:41px;letter-spacing:-2.5px}.dashboard-shell{transform:scale(.54);margin-bottom:-220px}.capabilities{grid-template-columns:1fr}.revenue-flow>div{min-height:auto}.timeline{grid-template-columns:1fr}.timeline p{min-height:auto}.cta{height:580px}.cta h2{font-size:48px;letter-spacing:-3px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}