:root{--bg:#080c0c;--text:#f5f6f0;--muted:#9ba5a0;--lime:#c1fd75;--line:#27302b;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{opacity:.65;cursor:wait}.skip{position:fixed;top:-60px;left:15px;z-index:20;padding:12px;background:var(--lime);color:#10170b}.skip:focus{top:12px}header{position:absolute;z-index:3;left:0;right:0;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:600;letter-spacing:-1.2px}.brandmark{font-family:Georgia,serif;font-size:44px;font-weight:bold;font-style:italic;line-height:1;color:var(--lime);margin-right:3px;transform:rotate(-9deg)}.ai{align-self:center;color:var(--lime);font-size:11px;letter-spacing:1px;margin:4px 0 0 1px}nav{display:flex;align-items:center;gap:31px;font-size:14px;color:#c5ccc7}nav a:hover,nav button:hover{color:var(--lime)}.nav-sales{background:none;border:0;padding:0}.button{min-height:49px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 24px;border:1px solid transparent;font-size:14px;font-weight:600;background:var(--text);color:#121813;transition:background .2s,transform .2s}.button:hover{background:#d7ffad;transform:translateY(-2px)}.small{min-height:43px;padding:0 19px}.primary{background:var(--lime)}.button-star{font-size:22px;line-height:1}.hero{position:relative;min-height:830px;height:100svh;max-height:1120px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 78%,#24372688,transparent 57%),#080c0c}#universe-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.88}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#080c0cd9 0%,#080c0caa 27%,transparent 68%);pointer-events:none}.hero-content{position:relative;text-align:center;z-index:1;margin-top:36px;padding:0 22px;pointer-events:none}.hero-content button{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;color:var(--lime);line-height:1.7}.spark{font-size:18px;vertical-align:middle;margin-right:9px}h1{font-size:clamp(52px,6.4vw,96px);font-weight:400;letter-spacing:-5px;line-height:1.04;margin:27px 0 24px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--lime);letter-spacing:-5px}p{font-size:17px;line-height:1.65;color:var(--muted)}.hero-content p{font-size:17px;line-height:1.65;margin-bottom:30px}.hero-content .button{min-height:54px;padding:0 25px}.access-note{display:block;color:#939d96;font-size:12px;margin-top:16px;letter-spacing:.1px}.orbit-label{position:absolute;font-size:10px;letter-spacing:2px;color:#97a58d;z-index:1;display:flex;gap:12px;align-items:center}.orbit-label span{border:1px solid #79996666;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:0}.label-one{left:8%;top:29%;transform:rotate(-10deg)}.label-two{right:5%;top:42%;transform:rotate(12deg)}.label-three{left:17%;bottom:18%}.hero-bottom{position:absolute;bottom:31px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;color:#8e9b94;font-size:10px;letter-spacing:1.6px}.hero-bottom a{font-size:12px;letter-spacing:.2px;color:#c9cec9;display:flex;gap:18px}.hero-bottom button{background:none;border:0;font-size:12px;letter-spacing:.2px;color:#a2aca4;display:flex;gap:14px}.wrap{max-width:1250px;width:90%;margin:auto}.approach{padding-top:113px}.section-top{display:flex;justify-content:space-between;align-items:center}.side-note{font-size:12px;color:#7e8b81}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;margin:31px 0 55px}h2{font-size:clamp(35px,3.5vw,54px);font-weight:400;letter-spacing:-2.1px;line-height:1.12;margin:0}h2 span{color:#87958b}.split p{max-width:370px;font-size:16px;margin:0}.workspace{border:1px solid #384334;border-radius:12px;background:linear-gradient(120deg,#141d16,#111714);box-shadow:0 10px 80px #aaff6010;overflow:hidden}.workspace-top{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.mini-brand{font-size:14px;color:#c6d4c6}.concept{font-size:10px;letter-spacing:1.5px;color:#7f9381;border:1px solid #364737;padding:5px 9px;border-radius:4px}.workspace-body{display:grid;grid-template-columns:215px 1fr;min-height:390px}.workspace aside{border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;gap:9px;font-size:13px;color:#87988b}.workspace aside>span{padding:12px;border-radius:5px}.workspace aside .active{color:#d5e7d4;background:#253324}.workspace-note{font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.4;color:#566e55;margin:60px 12px 0}.demo{padding:39px 8% 23px}.demo>.eyebrow{font-size:10px;color:#8aa784;letter-spacing:1.5px}.demo h3{font-size:26px;font-weight:400;letter-spacing:-.7px;margin:12px 0 25px}.query{display:flex;align-items:center;gap:12px;background:#1b261d;padding:15px;border:1px solid #354836;border-radius:6px;font-size:13px;color:#cfdbce}.query-icon{color:var(--lime);font-size:20px}.key{margin-left:auto;color:#71806e}.answer{padding:20px 16px 7px}.answer-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.answer-head>span:first-child{color:var(--lime)}.source-chip{font-size:10px;color:#95b38e}.answer p{font-size:14px;line-height:1.7;margin:15px 0}.source-row{display:flex;flex-wrap:wrap;gap:8px}.source-row span{font-size:10px;padding:6px 8px;border:1px solid #324232;border-radius:4px;color:#8c9e8a}.demo-tabs{display:flex;gap:16px;border-top:1px solid var(--line);margin-top:21px;padding-top:13px}.demo-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#82917f;padding:8px 0}.demo-tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.principles{padding-top:95px;padding-bottom:97px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:31px}.principle-grid article{padding:0 36px;border-right:1px solid var(--line)}.principle-grid article:first-child{padding-left:0}.principle-grid article:last-child{border:0;padding-right:0}.principle-number{font-size:10px;color:#819477;letter-spacing:1.5px}.principle-grid h3{font-weight:400;font-size:27px;letter-spacing:-.7px;margin:22px 0 13px}.principle-grid p{font-size:14px;max-width:285px;margin:0}.enterprise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:71px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.enterprise h2{margin-top:23px}.enterprise p{font-size:16px;margin:21px 0 26px}.outline{background:transparent;color:#e9f1e6;border-color:#5b6b53;font-weight:400}.outline:hover{color:#10170b}.enterprise-art{position:relative;height:330px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#bdff7020,transparent 65%)}.enterprise-art>span{font-size:120px;color:var(--lime);font-family:Georgia,serif;font-style:italic;z-index:1;transform:rotate(-12deg);text-shadow:0 0 70px #c1fd7540}.enterprise-art small{position:absolute;bottom:7px;font-size:9px;letter-spacing:3px;color:#8f9c82}.enterprise-ring{position:absolute;border:1px solid #a9d78235;width:280px;height:130px;border-radius:50%}.ring-a{transform:rotate(-30deg);width:370px;height:185px}.ring-b{transform:rotate(50deg);height:185px;width:370px}.ring-c{transform:rotate(90deg);height:230px;width:330px}.closing{text-align:center;padding:121px 20px 107px;background:radial-gradient(ellipse at 50% 85%,#89bd3420,transparent 65%)}.closing h2{font-family:Georgia,serif;font-style:italic;font-size:clamp(68px,8vw,116px);letter-spacing:-5px;color:var(--lime);margin:19px 0 16px}.closing>p{margin:0 0 30px}.inline-form{max-width:495px;margin:auto;text-align:left}.input-row{display:flex;gap:8px;padding:6px;border:1px solid #3c4a33;background:#0b100c;border-radius:8px}.input-row input{min-width:0;border:0!important;background:none!important}.input-row .button{white-space:nowrap;padding:0 20px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #3b4c3b;background:#111a13;color:#eef5e8;padding:15px;border-radius:6px;font-size:14px}input::placeholder,textarea::placeholder{color:#7f8d7e}.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px!important;line-height:1.6;color:#93a18d;font-weight:400!important;margin:16px 0!important;letter-spacing:0!important}.consent input{accent-color:var(--lime);margin:2px 0 0;min-width:14px;width:14px;height:14px}.form-status{font-size:13px;margin:12px 0 0;color:var(--lime)}.form-status:empty{display:none}footer{display:flex;justify-content:space-between;align-items:center;padding:32px 0!important;border-top:1px solid var(--line)}footer>.brand{font-size:23px}footer>span{font-size:12px;color:#8d9b8b}footer>div{display:flex;gap:25px;align-items:center;font-size:11px;color:#7e8b7d}footer button{background:none;border:none;color:#b0beaa;font-size:12px;padding:8px}dialog{background:#101811;color:var(--text);border:1px solid #44573b;border-radius:15px;width:min(520px,calc(100% - 32px));padding:40px;max-height:90svh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#020502be;backdrop-filter:blur(9px)}dialog h2{font-size:38px;margin:18px 0 13px;letter-spacing:-1.4px}dialog>p{font-size:14px}dialog label:not(.consent){display:block;font-size:12px;margin:18px 0 9px;color:#cfdbca}dialog label span{color:#82967b}dialog .close{position:absolute;right:16px;top:10px;width:36px;height:36px;font-size:26px;color:#9aad92;background:none;border:0}dialog .submit{width:100%;margin-top:7px}.privacy-note{font-size:10px;line-height:1.6;color:#83967b}.privacy-note button{font-size:10px;border:0;padding:0;background:none;color:#b9cea9;text-decoration:underline}.trap{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1550px){h1{font-size:96px}}@media(max-width:1000px){nav{gap:19px}header{padding:0 4%;gap:18px}h1{letter-spacing:-3px}h1 em{letter-spacing:-3px}.orbit-label{display:none}.split{gap:30px}.workspace-body{grid-template-columns:180px 1fr}.demo{padding:30px 5% 20px}.principle-grid article{padding:0 23px}.enterprise-art{transform:scale(.85)}}@media(max-width:700px){header{height:83px;padding:0 6%;gap:15px}header nav{display:none}.brand{font-size:24px}.brandmark{font-size:37px}.small{font-size:12px;min-height:41px;padding:0 13px}.hero{height:94svh;min-height:680px;max-height:900px}.hero-content{margin-top:0}h1{font-size:clamp(43px,8.8vw,62px);letter-spacing:-2.8px;line-height:1.1;margin:25px 0 24px}h1 em{letter-spacing:-2.8px;display:inline-block}.hero-content p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero-bottom>span{display:none}.hero-bottom{bottom:24px;left:7%;right:7%}.wrap{width:87%}.approach{padding-top:73px}.side-note{display:none}.split{grid-template-columns:1fr;gap:23px;margin:25px 0 35px}h2{font-size:35px;letter-spacing:-1.6px}.split p{font-size:15px;max-width:none}.workspace aside{display:none}.workspace-body{display:block}.workspace-top{padding:0 16px;height:53px}.mini-brand{font-size:12px}.concept{font-size:8px}.demo{padding:28px 17px 14px}.demo h3{font-size:23px}.query{font-size:12px;padding:12px;gap:8px}.answer{padding:18px 3px 7px}.answer p{font-size:13px}.source-chip{font-size:9px}.demo-tabs{gap:21px}.principles{padding:65px 0}.principle-grid{grid-template-columns:1fr;gap:30px}.principle-grid article,.principle-grid article:first-child,.principle-grid article:last-child{border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}.principle-grid article:last-child{border-bottom:0;padding-bottom:0}.principle-grid h3{margin-top:15px;margin-bottom:11px}.principle-grid p{max-width:none;font-size:15px}.enterprise{padding:52px 0 30px;grid-template-columns:1fr;gap:6px}.enterprise-art{height:265px;transform:scale(.85)}.enterprise p{font-size:15px}.closing{padding:75px 7% 62px}.closing h2{font-size:70px;letter-spacing:-4px}.inline-form .button{font-size:12px;padding:0 12px}.input-row input{padding:12px 8px;font-size:12px}.consent{font-size:11px!important}.closing>p{font-size:16px}footer{flex-wrap:wrap;gap:20px;padding:26px 0!important}footer>span{display:none}footer>div{gap:15px}dialog{padding:34px 23px}dialog h2{font-size:34px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media(max-width:370px){.input-row{flex-direction:column}.hero h1{font-size:39px}.hero-content p{font-size:14px}footer>div{width:100%;justify-content:space-between}}
/* Meshale brand and proposal operating system */
.logo-frame{display:inline-flex;width:45px;height:45px;overflow:hidden;border-radius:8px;background:#fafafa;margin-right:3px;flex-shrink:0}
.logo-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}
h1{font-size:clamp(49px,5.6vw,80px);line-height:1.04;letter-spacing:-3.7px;margin:23px 0}
h1 em{letter-spacing:-3.7px}
.hero-content p{max-width:605px;margin:0 auto 26px;font-size:16px}
.hero-content{margin-top:54px}.hero{min-height:870px}
.principle-grid h3{font-size:25px;line-height:1.2;min-height:60px}
.enterprise>div>p{max-width:470px}
.enterprise-logo{z-index:1;width:138px;height:138px;border-radius:25px;overflow:hidden;background:#fafafa;box-shadow:0 0 70px #c1fd7515}
.enterprise-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}
.use-cases{padding:8px 0 85px}.use-cases .split{margin-bottom:34px}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.use-case-grid article{padding:28px 25px;border:1px solid var(--line);border-radius:9px;background:#111812}.case-code{font-size:10px;color:#9bb18c;letter-spacing:1.4px}.use-case-grid h3{font-size:22px;line-height:1.25;font-weight:400;letter-spacing:-.6px;margin:23px 0 15px}.use-case-grid p{font-size:14px;margin:0;line-height:1.7}.lifecycle{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:29px 0 0;margin:27px 0 0;border-top:1px solid var(--line)}.lifecycle li{font-size:13px;color:#c0cbbb}.lifecycle span{font-size:10px;margin-right:9px;color:#7c916f}.concept{font-size:9px}.answer-head{gap:12px}.source-chip{text-align:right}
@media(max-width:700px){.logo-frame{width:36px;height:36px;border-radius:6px}.brand{gap:6px;font-size:22px}h1{font-size:clamp(39px,8.9vw,59px);letter-spacing:-2px;line-height:1.08}h1 em{letter-spacing:-2px}.hero{min-height:770px}.hero-content{margin-top:32px;padding:0 19px}.hero-content>.eyebrow{font-size:9px;letter-spacing:1px}.hero-content p{font-size:15px;max-width:340px;margin-bottom:28px}.principle-grid h3{min-height:0;font-size:25px}.use-case-grid{grid-template-columns:1fr;gap:12px}.use-case-grid article{padding:25px}.use-case-grid h3{margin-top:17px}.use-cases{padding-bottom:55px}.lifecycle{flex-wrap:wrap;justify-content:flex-start;gap:20px 25px}.concept{font-size:8px;letter-spacing:.7px}.source-chip{font-size:9px;max-width:145px}.demo>.eyebrow{font-size:9px}.demo h3{line-height:1.3}}
/* Dark / electric green direction and tabbed use-case showcase */
:root{--bg:#080b0a;--text:#f8faf7;--muted:#a6aeaa;--lime:#78ff16;--line:#26352b}
body{background:#080b0a;color:var(--text)}
header{top:18px;left:2.6%;right:2.6%;height:72px;padding:0 2.1%;border:1px solid #ffffff1b;border-radius:13px;background:#101713ed;backdrop-filter:blur(18px);box-shadow:0 18px 65px #0004}
header .button{background:var(--lime)}header .button:hover{background:#98ff5a}header nav a:hover,header nav button:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:7px}
.hero{background:radial-gradient(ellipse at 50% 86%,#47ff1528,transparent 55%),radial-gradient(ellipse at 50% 35%,#10251a,transparent 61%),#080b0a}
.hero-glow{background:radial-gradient(ellipse at 50% 43%,#070b09c9 0%,#070b09b2 28%,transparent 69%)}
.eyebrow,.case-kicker,.principle-number,.case-code{color:#d9dfda}
.orbit-label{color:#a8b2ab}.orbit-label span{border-color:#78ff1680;color:#e4ede3}
.hero h1 em{color:#fff}.hero-content p{color:#c9d0ca}
.hero-chips{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto 21px}.hero-chips span{font-size:11px;letter-spacing:.3px;color:#dbe3db;background:#1a241d;border:1px solid #425244;padding:7px 10px;border-radius:6px}.hero-chips span::before{content:'▤';color:var(--lime);margin-right:7px;font-size:12px}
.button.primary{background:var(--lime)}.button.primary:hover{background:#9dff60}.spark,.button-star{color:var(--lime)}.button-star{color:#143104}
.hero-bottom{color:#b0b8b0}.hero-bottom a,.hero-bottom button{color:#d8ded8}
.workspace{background:linear-gradient(130deg,#151f18,#0d130f);border-color:#3b4d3d}.workspace .eyebrow,.source-chip,.answer-head>span:first-child{color:#eaf1e9}.workspace-note{color:#9dad9e}.demo-tabs button[aria-selected=true]{color:#fff;border-color:var(--lime)}
.principles{padding-bottom:88px}.principle-grid h3{color:#f8faf7}.principle-grid p{color:#aeb8b0}
.use-cases{padding:60px 0 110px}.use-intro{text-align:center;max-width:750px;margin:20px auto 50px}.use-intro h2{font-size:clamp(40px,4.2vw,62px);letter-spacing:-2.6px}.use-intro p{max-width:630px;margin:18px auto 0;font-size:16px}
.use-showcase{position:relative;padding:24px 25px 0;overflow:hidden;border-radius:20px;border:1px solid #334a32;background:radial-gradient(ellipse at 55% 83%,#68ff1926,transparent 60%),linear-gradient(135deg,#1d3020,#131e16 65%,#1b251b);box-shadow:0 24px 100px #2bff1510}
.use-tabs{position:relative;z-index:1;max-width:850px;display:flex;margin:0 auto 22px;padding:7px;background:#0b120df2;border:1px solid #3b4d3b;border-radius:12px;gap:6px}.use-tabs button{border:0;background:transparent;color:#d1dad1;padding:14px 15px;border-radius:8px;flex:1;text-align:center;font-size:13px;white-space:nowrap}.use-tabs button[aria-selected=true]{background:linear-gradient(145deg,#203f29,#14291c);color:#f7fbf5;font-weight:700;box-shadow:inset 0 0 0 1px #7bdb7c88,0 8px 25px #030b0659}.use-tabs button[aria-selected=true] .tab-icon{color:#a8f596}.use-tabs button:hover:not([aria-selected=true]){background:#18271b;color:#fff}.tab-icon{font-size:17px;margin-right:8px;vertical-align:-1px}.case-panel{display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;min-height:495px}.case-panel[hidden]{display:none}.case-copy{padding:35px 42px 40px 28px}.case-kicker{font-size:10px;letter-spacing:1.7px}.case-copy h3{font-size:clamp(33px,3.1vw,47px);font-weight:400;line-height:1.12;letter-spacing:-1.8px;margin:23px 0 21px}.case-copy p{font-size:16px;line-height:1.65;max-width:385px;margin:0 0 26px;color:#c6d0c5}.case-cta{background:none;border:0;border-bottom:1px solid #dce7d9;padding:4px 0 7px;color:#fff;font-size:14px}.case-cta span{color:var(--lime);margin-left:17px}.case-cta:hover{border-color:var(--lime)}
.case-ui{height:416px;border-radius:13px 13px 0 0;align-self:end;background:#f6f8f4;color:#172119;box-shadow:0 15px 60px #0005;overflow:hidden;border:1px solid #c3d0c0;border-bottom:0}.ui-top{height:51px;background:#fff;border-bottom:1px solid #e2e8e0;display:flex;align-items:center;gap:10px;padding:0 18px;font-size:12px;color:#313f33}.ui-symbol{font-family:Georgia,serif;background:#101a12;color:#a4ff65;width:23px;height:23px;border-radius:5px;display:grid;place-items:center;font-size:16px;font-style:italic}.ui-top-right{margin-left:auto;font-size:9px;letter-spacing:1px;color:#8e9b8e}.ui-content{padding:21px 23px}.ui-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.ui-heading div{display:flex;flex-direction:column;gap:7px}.ui-heading small{font-size:9px;color:#718473;letter-spacing:1.2px}.ui-heading strong{font-size:17px;font-weight:600;letter-spacing:-.4px}.ui-status{font-size:10px;background:#dbfbd0;border:1px solid #b9eea7;padding:6px 9px;border-radius:999px;white-space:nowrap}.ui-progress{height:6px;border-radius:6px;background:#dae4d7;margin:24px 0 12px;overflow:hidden}.ui-progress span{display:block;height:100%;background:#53d819}.ui-steps{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#6d796d;margin-bottom:25px}.ui-row{background:#fff;border:1px solid #e3eae0;border-radius:9px;padding:13px;display:flex;align-items:center;gap:11px;margin-top:10px;box-shadow:0 4px 10px #14300b0a}.ui-row-icon,.ui-avatar{background:#e9f4e5;color:#326a25;min-width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:16px}.ui-avatar{font-size:10px;font-weight:700}.ui-row div{display:flex;flex-direction:column;gap:4px;min-width:0}.ui-row strong{font-size:11px;font-weight:600}.ui-row small{font-size:10px;color:#758476}.ui-row-badge{margin-left:auto;white-space:nowrap;color:#2f7d21;background:#ecfae8;border-radius:4px;padding:5px 7px;font-size:9px}.ui-row-badge.amber{color:#8a6319;background:#fff3d9}.ui-note{font-size:10px;margin-top:17px;color:#4f6f4c}.ui-highlight,.ui-answer{background:#edf9e8;border:1px solid #cde7c6;border-radius:9px;padding:16px;margin:23px 0 19px}.ui-highlight small{font-size:9px;letter-spacing:1.2px;color:#38802f}.ui-highlight p,.ui-answer p{color:#394e3b;font-size:12px;line-height:1.55;margin:8px 0 0}.ui-answer{background:#fff;border-color:#dfeade}.ui-answer-top{font-size:11px;color:#36752a;font-weight:600}.ui-answer-top span{float:right;color:#6d8f66;font-weight:400;font-size:9px}.use-footnote{text-align:center;margin:16px 0 0;font-size:10px;letter-spacing:1.5px;color:#a6b3a5}.use-footnote span{color:#67e926;margin:0 8px}
.enterprise-logo{box-shadow:0 0 90px #78ff1620}.closing h2{color:#fff}.closing{background:radial-gradient(ellipse at 50% 90%,#4aff142d,transparent 65%)}footer .brandmark{color:var(--lime)}.concept{color:#d2ddd0}
@media(max-width:900px){.case-panel{grid-template-columns:43% 57%}.case-copy{padding:25px 18px 30px 10px}.case-copy h3{font-size:34px}.case-ui{height:390px}.use-tabs button{font-size:12px;padding:12px 8px}}
@media(max-width:700px){header{top:10px;left:3.5%;right:3.5%;height:62px;padding:0 13px}.hero{min-height:790px}.hero h1 em{display:inline}.hero-chips{gap:5px;max-width:340px}.hero-chips span{font-size:9px;padding:6px 8px}.hero-chips span::before{font-size:10px;margin-right:5px}.hero-content{margin-top:45px}.use-cases{padding:45px 0 75px}.use-intro{text-align:left;margin:20px 0 28px}.use-intro h2{font-size:38px;letter-spacing:-1.6px}.use-intro p{font-size:15px}.use-showcase{padding:11px 11px 0;border-radius:13px}.use-tabs{gap:4px;padding:4px;margin-bottom:17px;overflow-x:auto;scrollbar-width:none}.use-tabs button{flex:1 0 auto;padding:12px 8px;font-size:10px;white-space:normal;line-height:1.2}.tab-icon{display:block;margin:0 auto 5px}.case-panel{grid-template-columns:1fr;min-height:auto}.case-copy{padding:24px 15px 30px}.case-copy h3{font-size:35px;margin:15px 0}.case-copy p{font-size:15px;margin-bottom:17px}.case-ui{height:350px;width:100%;border-radius:10px 10px 0 0}.ui-content{padding:15px}.ui-top{height:43px;padding:0 12px}.ui-heading strong{font-size:14px}.ui-row{gap:7px;padding:10px}.ui-row strong{font-size:10px}.ui-row small{font-size:9px}.ui-row-badge{font-size:8px;padding:4px}.ui-steps{font-size:8px}.ui-progress{margin:19px 0 9px}.ui-note{margin-top:10px}.use-footnote{font-size:8px;line-height:1.5}.principles{padding-bottom:50px}}
@media(max-width:370px){.use-tabs button{font-size:9px}.tab-icon{font-size:13px}.ui-row-badge{display:none}.case-ui{height:365px}}
@media(max-width:700px){.use-tabs button{font-size:12px;line-height:1.25;min-height:66px;padding:9px 5px}.tab-icon{font-size:16px;margin-bottom:4px}}
@media(max-width:370px){.use-tabs button{font-size:11px}}
/* Navigation adapted from the reference's spatial layout, with Meshale's own dark treatment */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;overflow:visible;isolation:isolate}
.site-header .brand{justify-self:start;white-space:nowrap}
.site-header nav{display:flex;align-items:center;gap:7px;justify-self:center;height:100%;color:#e8ede8}
.nav-menu{position:relative;height:100%;display:flex;align-items:center}
.nav-menu summary{list-style:none;cursor:pointer;padding:13px 15px;border-radius:7px;white-space:nowrap;font-size:14px;color:#e8ede8}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{content:'';display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 9px;transition:transform .2s}
.nav-menu[open] summary::after{transform:rotate(225deg);margin-bottom:0}
.nav-menu summary:hover,.nav-menu[open] summary{background:#273529;color:#fff}
.nav-dropdown{position:absolute;z-index:12;top:calc(100% - 3px);left:0;width:245px;padding:8px;background:linear-gradient(155deg,#1a291e,#111b15);color:#f1f5ef;border:1px solid #425b44;border-radius:11px;box-shadow:0 24px 55px #000a,0 0 28px #75ca6b16;display:flex;flex-direction:column;gap:2px}
.nav-dropdown a{display:flex;flex-direction:column;gap:2px;border-radius:7px;padding:11px 12px;color:#f1f5ef;text-decoration:none!important;border:1px solid transparent}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#263d2b;color:#fff;border-color:#507b51}
.nav-dropdown a span{font-size:13px;font-weight:600}
.nav-dropdown a small{font-size:11px;color:#a9b8a9;line-height:1.3}
.site-header .nav-contact{border:0;background:none;color:#e8ede8;padding:12px 14px;white-space:nowrap;font-size:14px;border-radius:7px}
.site-header .nav-contact:hover{background:#273529;color:#fff;text-decoration:none}
.header-actions{display:flex;justify-self:end;gap:10px;align-items:center;white-space:nowrap}
.header-sales{background:transparent;border:1px solid #667465;border-radius:7px;min-height:43px;padding:0 16px;color:#f4f7f1;font-size:13px}
.header-sales:hover{border-color:var(--lime);background:#1e3020}
.header-actions .button{font-size:13px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #526352;border-radius:7px;background:#1d291f;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:19px;height:1.5px;background:#f0f5ed;border-radius:2px}
@media(max-width:1100px){.site-header{gap:8px;padding:0 1.5%}.site-header nav{gap:0}.nav-menu summary{padding:12px 9px}.site-header .nav-contact{padding:12px 9px}.header-actions{gap:6px}.header-sales{padding:0 10px}}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto auto;gap:8px;padding:0 12px}.site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;height:auto;background:#101713;border:1px solid #405241;border-radius:12px;padding:12px;box-shadow:0 30px 60px #0009;flex-direction:column;align-items:stretch;gap:2px}.site-header.menu-open nav{display:flex}.site-header .nav-menu{display:block;height:auto}.nav-menu summary{font-size:15px;padding:13px 14px}.nav-menu summary::after{float:right;margin-top:4px}.nav-dropdown{position:static;width:auto;box-shadow:none;border:0;background:#1d2b20;border-radius:7px;padding:5px;margin:0 3px 6px}.nav-dropdown a{color:#f0f5ee;padding:11px 13px}.nav-dropdown a small{color:#a9b6a8}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:#314533;color:#fff}.site-header .nav-contact{text-align:left;padding:13px 14px;font-size:15px}.site-header .header-sales{display:none}.menu-toggle{display:flex;justify-self:end}}
@media(max-width:700px){.site-header{top:10px;left:3.5%;right:3.5%;height:62px}.header-actions .button{font-size:12px;padding:0 11px;min-height:42px}.site-header .brand{font-size:21px}.site-header .ai{font-size:10px}.menu-toggle{width:39px;height:40px}}
@media(max-width:370px){.site-header .brand{font-size:18px}.site-header .logo-frame{width:32px;height:32px}.header-actions .button{font-size:11px;padding:0 8px}.menu-toggle{width:35px}}
@media(max-width:850px){.site-header nav{justify-self:stretch;width:100%;min-width:0;left:0;right:auto;box-sizing:border-box}.site-header.menu-open nav{display:flex}}

.brand-name{display:inline-block;color:#f4f7f2;font-size:inherit;font-weight:600;letter-spacing:-.8px;white-space:nowrap}
.workflow-film{overflow:hidden;border:1px solid #3b503e;border-radius:14px;background:#101713;box-shadow:0 24px 90px #0008,0 0 65px #6dba5d14}
.workflow-film-top,.workflow-film-bottom{min-height:58px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.workflow-film-top{border-bottom:1px solid #324436}
.workflow-film-top .mini-brand{color:#e0ece0}
.workflow-film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 50%,#263e2b,#0c130f 70%)}
.workflow-film-stage video{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}
.workflow-film.video-ready video{opacity:1}
.workflow-film-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#d8e9d8;transition:opacity .4s ease}
.workflow-film-loading span{font-size:55px;color:#a5f083;text-shadow:0 0 48px #adf19388}
.workflow-film-loading strong{font-size:clamp(17px,2vw,25px);font-weight:400;letter-spacing:-.5px}
.workflow-film.video-ready .workflow-film-loading{opacity:0;pointer-events:none}
.workflow-film-bottom{border-top:1px solid #324436;color:#9baa9c;font-size:10px;letter-spacing:1.8px}
.workflow-film-bottom i{font-style:normal;color:#84b47d;margin:0 11px}
.workflow-film-bottom button{border:1px solid #435948;border-radius:6px;background:#192b1d;color:#edf5eb;padding:9px 13px;font-size:12px;letter-spacing:0;white-space:nowrap}
.workflow-film-bottom button:hover{background:#25412a;border-color:#7fbf78}
.workflow-film-bottom button span{margin-left:8px;color:#b6f594}
@media(max-width:700px){.workflow-film-top,.workflow-film-bottom{min-height:48px;padding:0 12px}.workflow-film-top .concept{font-size:7px;letter-spacing:.7px}.workflow-film-top .mini-brand{font-size:11px}.workflow-film-bottom{font-size:8px;letter-spacing:.5px}.workflow-film-bottom i{margin:0 3px}.workflow-film-bottom button{font-size:10px;padding:7px 8px}.workflow-film-bottom button span{margin-left:3px}.workflow-film-loading span{font-size:35px}.workflow-film-loading strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.workflow-film-stage video,.workflow-film-loading{transition:none}}