@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#0d160e;--panel:#1c2a1e;--green:#88b59a;--accent:#76c69a;--muted:#a5b5a7;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#e8f0e8;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1220px,100%);margin:auto;padding-inline:28px}.noise{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;top:0;left:0;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#6dbf8030,transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;font-weight:800;letter-spacing:-.8px;gap:3px;font-size:16px}.brand span:last-child{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #80cda36e;background:#294332;color:#c4f5d4;border-radius:10px;margin-right:10px;font-size:22px}.nav nav{display:flex;gap:32px;color:#b3c2b6;font-size:13px}.nav nav a:hover{color:#a9efc2}.nav-cta{border:1px solid #638b6e5c;border-radius:9px;padding:12px 17px;font-size:12px;background:#1d312281}.nav-cta span{color:var(--accent)}.hero{min-height:755px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:18px;position:relative;padding-top:70px;padding-bottom:105px}.hero:before{content:"";position:absolute;inset:0 -15vw;z-index:-1;background:radial-gradient(ellipse at 72% 43%,#376b423a,transparent 46%),radial-gradient(ellipse at 20% 15%,#25432c45,transparent 43%)}.eyebrow,.kicker{color:#a1d8b3;font-size:11px;font-weight:800;letter-spacing:2px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83d7a1;box-shadow:0 0 13px #75d99b;margin-right:9px;animation:pulse 2.5s infinite}.hero h1{font-size:clamp(54px,5.4vw,84px);line-height:1.09;letter-spacing:-4.6px;margin:27px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#e0f8e6,#75bc91);background-clip:text;color:transparent}.lead{font-size:15px;line-height:1.95;color:#adbdaf;max-width:545px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 21px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.primary{background:#83c99e;color:#112318}.primary:hover{transform:translateY(-3px);background:#b0e6c1}.secondary{background:#25392a91;border:1px solid #6b947250}.secondary:hover{border-color:#9ad2a7}.hero-stats{display:flex;gap:18px;align-items:center;margin-top:50px;color:#91a495;font-size:11px}.hero-stats b{display:block;color:#d3e8d7;font-size:17px}.hero-stats i{width:1px;height:30px;background:#ffffff24}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center;perspective:1100px}.visual-halo{position:absolute;width:460px;height:380px;border-radius:50%;background:#4b8c5652;filter:blur(100px)}.client-window{position:relative;width:min(100%,465px);background:linear-gradient(150deg,#36453cdd,#1b291fe8);border:1px solid #9dc5a34d;border-radius:19px;box-shadow:0 40px 100px #0009,0 0 65px #56845c21;transform:rotateY(-10deg) rotateX(4deg) rotateZ(-3deg);animation:float 7s ease-in-out infinite;overflow:hidden;backdrop-filter:blur(20px)}.window-top,.window-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:9px;letter-spacing:1px;color:#adc4b1;border-bottom:1px solid #ffffff1a}.window-dots{color:#91c9a2}.online{color:#a2dfb5}.window-body{display:grid;grid-template-columns:42% 58%;padding:16px;gap:12px;min-height:275px}.window-side{display:flex;flex-direction:column;gap:5px}.window-side span{padding:11px 12px;color:#a9b9ad;font-size:12px;border-radius:7px}.window-side .selected{background:#83bf9640;color:#dcf8e3;border-left:2px solid #84d6a2}.window-modules{padding:5px 12px 5px 0}.module-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff13;font-size:12px;color:#d2dfd4}.switch{width:28px;height:15px;border-radius:10px;background:#58635b;position:relative}.switch:before{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;background:#d0d8d1;border-radius:50%}.switch.on{background:#6cb184}.switch.on:before{left:16px;background:#e4f8e9}.window-bottom{border-top:1px solid #ffffff1a;border-bottom:0}.floating-tag{position:absolute;right:0;bottom:18px;padding:13px 17px;border:1px solid #8abd9b58;background:#1e3527e8;border-radius:10px;color:#b8e4c5;font-size:10px;letter-spacing:1px;box-shadow:0 14px 35px #0006}.marquee{overflow:hidden;border-block:1px solid #ffffff13;background:#1b2a1e;padding:17px 0;color:#a8c5ae;font-size:11px;letter-spacing:3px;font-weight:800;white-space:nowrap}.marquee div{width:max-content;animation:marquee 35s linear infinite}.marquee span{color:#76b68b;margin-inline:28px}.section{padding-top:112px;padding-bottom:75px;position:relative}.section-heading{max-width:850px}.section-heading h2,.about h2,.contact h2{font-size:clamp(38px,5vw,66px);line-height:1.15;letter-spacing:-3px;margin:22px 0}.section-heading h2 span,.about h2 span,.contact h2 span{color:#86c49a}.section-heading p,.about p,.contact p{color:var(--muted);line-height:1.9;font-size:15px;max-width:710px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:43px}.feature{background:linear-gradient(145deg,#26372ad9,#17251ae8);border:1px solid #a9c8ae20;border-radius:16px;min-height:295px;padding:26px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#72bd8330,transparent 55%);opacity:0;transition:opacity .3s}.feature:hover{transform:translateY(-6px);border-color:#8bd2a265;box-shadow:0 20px 45px #0004}.feature:hover:before{opacity:1}.feature>*{position:relative}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{font-size:30px;color:#a0d9af}.feature-top small{font-size:10px;letter-spacing:1.5px;color:#819e87}.feature h3{font-size:23px;margin:30px 0 12px}.feature p{color:#a7b9a9;font-size:13px;line-height:1.85}.tags,.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.tags span,.pill-row span{font-size:10px;padding:7px 10px;border:1px solid #a0c8a337;background:#a0c8a309;border-radius:7px;color:#c0d7c4}.feature.special{background:radial-gradient(circle at 100% 0,#50865d55,transparent 60%),#213827}.feature.special h3{margin-top:35px}.feature.special a{display:inline-block;color:#a4e7b8;font-size:12px;font-weight:800;margin-top:20px}.gui-demo{margin-top:42px;border:1px solid #8eb19b46;background:radial-gradient(ellipse at 50% 100%,#2d492e 0,#17271a 58%,#142219 100%);border-radius:20px;padding:22px;box-shadow:0 30px 80px #0005}.demo-bar{display:flex;justify-content:space-between;gap:12px;color:#a4bca9;font-size:10px;letter-spacing:1.4px;border-bottom:1px solid #ffffff1b;padding:5px 3px 20px}.demo-panels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:22px}.demo-panel{background:linear-gradient(180deg,#45515fdc,#24321fe8 45%);border:1px solid #ffffff18;border-radius:14px;padding:15px 12px;min-height:290px;box-shadow:0 12px 25px #0003;position:relative;overflow:hidden}.demo-panel:after{content:"";position:absolute;right:3px;top:75px;width:3px;height:65%;border-radius:3px;background:linear-gradient(#6fb38b,#4e936e)}.demo-panel h4{display:flex;justify-content:space-between;color:#b8d1bd;font-size:15px;margin:0 0 14px;padding:0 4px 10px}.demo-panel h4 span{color:#a7d0b4}.demo-module{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;gap:6px;border:0;border-radius:5px;background:transparent;color:#aebcaf;padding:9px 5px;font-size:11px;cursor:pointer;transition:background .2s,color .2s}.demo-module span{color:#768b79}.demo-module:hover{background:#ffffff10;color:#e7f6e9}.demo-module.active{color:#a6e9b9;background:#74b88a18}.demo-module.hidden{display:none}.search-label{display:flex;align-items:center;gap:9px;margin:22px auto 0;width:min(100%,330px);background:#111e13;border:1px solid #6f997342;border-radius:9px;padding:10px 15px;color:#8db49a}.search-label input{border:0;outline:0;background:transparent;color:#d9f3df;width:100%;font-size:12px}.search-label input::placeholder{color:#7e9985}.demo-note{text-align:center;color:#8ea292;font-size:11px;margin:15px 0 0}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding:60px;border:1px solid #ffffff1b;border-radius:20px;background:linear-gradient(115deg,#243d2a,#17251b)}.contact{margin-top:70px;margin-bottom:75px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;border:1px solid #ffffff1b;border-radius:20px;padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at 85% 50%,#4a79524d,transparent 50%),#1a2b1e}.contact p{margin-bottom:28px}.contact-symbol{font-size:240px;line-height:1;color:#a1d6ac18;font-weight:800;transform:rotate(-13deg)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1b;padding-top:28px;padding-bottom:35px;color:#899d8e;font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-12px) rotateY(-7deg) rotateX(3deg) rotateZ(-2deg)}}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 22px #75d99b}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:95px}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:repeat(2,1fr)}.demo-panels{overflow-x:auto;grid-template-columns:repeat(5,190px);padding-bottom:10px}.nav nav{gap:16px}}@media(max-width:650px){.wrap{padding-inline:19px}.nav{height:73px}.nav nav,.nav-cta{display:none}.hero{padding-top:70px;padding-bottom:55px;min-height:auto}.hero h1{font-size:clamp(43px,10vw,60px);letter-spacing:-2.7px}.lead{font-size:14px}.hero-stats{gap:11px;margin-top:30px}.hero-visual{min-height:340px}.client-window{width:340px;max-width:95%;transform:none;animation:none}.floating-tag{right:0;bottom:0}.section{padding-top:70px;padding-bottom:45px}.section-heading h2,.about h2,.contact h2{letter-spacing:-2px}.feature-grid{grid-template-columns:1fr}.feature{min-height:245px}.about{grid-template-columns:1fr;padding:28px;gap:10px}.contact{padding-top:35px;padding-bottom:35px;margin-top:40px;margin-bottom:45px}.contact-symbol{display:none}.footer{flex-wrap:wrap;justify-content:flex-start}.demo-bar{font-size:8px}.demo-bar>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Official Broke Client identity */
.brand-logo{width:36px;height:36px;object-fit:contain;margin-right:10px;filter:drop-shadow(0 0 8px #8dcc9c40)}.contact-symbol{display:block;width:min(25vw,230px);height:auto;opacity:.13;transform:rotate(-13deg);filter:drop-shadow(0 0 30px #90c69e)}@media(max-width:650px){.contact-symbol{display:none}}
/* Refined neutral palette: green is an accent, not the background */
:root{--bg:#111316;--panel:#242a30;--green:#9bb7a4;--accent:#89b89a;--muted:#a7adb2}
body{background:#111316;color:#edf0f0}
.hero:before{background:radial-gradient(ellipse at 74% 42%,#58756820,transparent 46%),radial-gradient(ellipse at 18% 12%,#59677318,transparent 42%)}
.nav-cta{background:#242b30;border-color:#687a7050}
.visual-halo{background:#55736225}
.client-window{background:linear-gradient(150deg,#475366e0,#222a30f0);border-color:#9aaea147;box-shadow:0 35px 95px #0009}
.window-side .selected{background:#7fa38c29}
.floating-tag{background:#26312be8}
.marquee{background:#20252a}
.feature{background:linear-gradient(145deg,#2a3138,#1c2228);border-color:#ffffff17}
.feature:before{background:radial-gradient(circle at 100% 0,#8ba99a1c,transparent 55%)}
.feature.special{background:radial-gradient(circle at 100% 0,#66827428,transparent 60%),#252e32}
.gui-demo{background:radial-gradient(ellipse at 50% 100%,#333d36 0,#22282c 58%,#1a2024 100%);border-color:#8eb19b30}
.demo-panel{background:linear-gradient(180deg,#4b5668ed,#262c29e8 48%)}
.about{background:linear-gradient(115deg,#2a3334,#20262b)}
.contact{background:radial-gradient(ellipse at 85% 50%,#5d796029,transparent 50%),#20262b}
.cursor-glow{background:radial-gradient(circle,#7eab9020,transparent 65%)}
.contact-symbol{display:none!important}