:root{
  --lime:#c9ff41;
  --black:#090c0a;
  --surface:#111512;
  --surface-2:#181d19;
  --white:#fff;
  --text:#dde3de;
  --muted:#919a93;
  --border:#252b26;
  --light:#f5f7f4;
  --ink:#101310;
  --ink-soft:#59615b;
  --line-light:#dce2dc;
  --radius:22px;
  --container:1320px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Geist",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--black);color:var(--white);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}
.section-dark{background:var(--black);color:var(--white)}
.section-light{background:var(--light);color:var(--ink)}
.page-shell{overflow:hidden}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(9,12,10,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:34px}
.brand{width:174px;flex:0 0 auto}.brand img{width:100%}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a,.login-link{font-size:15px;font-weight:550;color:#c8cec9;transition:.2s ease}.desktop-nav a:hover,.login-link:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:22px;margin-left:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:11px;font-size:16px;font-weight:650;letter-spacing:-.015em;transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,color .25s ease}.btn:hover{transform:translateY(-2px)}.btn span{transition:transform .25s var(--ease)}.btn:hover span{transform:translate(2px,-2px)}
.btn-sm{min-height:44px;padding-inline:18px;font-size:15px}.btn-lg{min-height:60px;padding-inline:28px}.btn-primary{background:var(--lime);color:var(--black)}.btn-primary:hover{background:#d4ff67}.btn-ghost{color:#fff;border-color:#343a35;background:rgba(255,255,255,.02)}.btn-ghost:hover{border-color:#596159;background:rgba(255,255,255,.05)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#1a1f1b}.menu-toggle,.mobile-menu{display:none}
.hero{padding:182px 0 44px;min-height:930px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(201,255,65,.08),transparent 32%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:64px;align-items:center;min-height:630px}.eyebrow,.tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:#b7c0b9;margin-bottom:26px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px rgba(201,255,65,.8)}.hero h1,.section-intro h2,.final-cta h2{margin:0;letter-spacing:-.055em;line-height:1.02}.hero h1{font-size:clamp(54px,5.3vw,78px);font-weight:650;max-width:750px}.hero h1 em,.section-intro h2 em,.final-cta h2 em{font-style:normal;color:var(--lime)}.hero-lead{max-width:650px;margin:28px 0 0;color:#b5bdb7;font-size:20px;line-height:1.55;letter-spacing:-.018em}.hero-actions{display:flex;gap:12px;margin-top:36px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:25px;color:#8e9891;font-size:14px}.check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(201,255,65,.12);color:var(--lime);font-size:12px;font-weight:800}
.hero-visual{min-height:640px;position:relative;isolation:isolate}.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.32;z-index:-1}.ambient-a{width:280px;height:280px;right:12%;top:8%;background:#b9ff1f}.ambient-b{width:330px;height:330px;left:5%;bottom:4%;background:#4e7840;opacity:.18}
.business-frame{position:absolute;right:0;top:35px;width:56%;height:490px;padding:8px;border:1px solid #252d27;background:#111612;border-radius:28px;transform:rotate(2.7deg);box-shadow:0 45px 100px rgba(0,0,0,.45);overflow:hidden}.business-scene{height:100%;border-radius:21px;background:linear-gradient(145deg,#6e6049 0 18%,#302f25 18% 54%,#171b16 54%);position:relative;overflow:hidden}.business-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(165deg,#7f6246,#332b22)}.scene-topline{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;color:#f5f1e8;font-size:10px;font-weight:700;letter-spacing:.12em;z-index:2}.scene-live{display:flex;align-items:center;gap:6px}.scene-live i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.scene-person{position:absolute;left:24%;bottom:23%;width:120px;height:230px;z-index:2}.person-head{position:absolute;left:29px;top:0;width:64px;height:75px;border-radius:48% 48% 43% 43%;background:#b98466}.person-head:before{content:"";position:absolute;left:-5px;top:-8px;width:74px;height:41px;border-radius:45px 45px 20px 18px;background:#2d211a}.person-body{position:absolute;inset:64px 0 0;border-radius:55px 55px 18px 18px;background:linear-gradient(90deg,#d3b98e,#e0caa7)}.person-body:after{content:"";position:absolute;left:18px;right:18px;bottom:0;top:30px;background:#353831;border-radius:20px 20px 5px 5px}.scene-counter{position:absolute;z-index:3;left:0;right:0;bottom:0;height:24%;background:linear-gradient(#7f5533,#4b3120);box-shadow:0 -12px 35px rgba(0,0,0,.15)}.scene-sign{position:absolute;right:25px;top:92px;color:#eadab9;font-size:11px;line-height:1.2;letter-spacing:.18em;z-index:1}.scene-sign strong{font-size:20px;color:#fff}
.browser-card{position:absolute;left:0;top:142px;width:68%;border:1px solid #313832;border-radius:23px;background:#edf0e7;box-shadow:0 45px 100px rgba(0,0,0,.55);overflow:hidden;transform:rotate(-1.8deg);z-index:4}.browser-top{height:39px;background:#171c18;display:flex;align-items:center;gap:12px;padding:0 14px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#59625b}.browser-url{flex:1;height:20px;border-radius:7px;background:#222923;color:#838e85;font-size:8px;display:grid;place-items:center}.browser-content{height:370px;color:#182019}.mini-nav{height:52px;display:flex;align-items:center;padding:0 20px;gap:18px;font-size:8px}.mini-nav b{letter-spacing:.16em;font-size:10px}.mini-nav span{margin-left:auto;color:#687068}.mini-nav button{border:0;border-radius:5px;background:#252d25;color:#fff;font-size:8px;padding:7px 10px}.mini-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;padding:34px 25px 25px}.mini-tag{font-size:7px;font-weight:700;letter-spacing:.15em;color:#8b7658}.mini-hero h3{font-size:29px;line-height:.98;letter-spacing:-.045em;margin:13px 0 12px;max-width:260px}.mini-hero p{font-size:9px;line-height:1.5;color:#5f685e;max-width:230px}.mini-button{display:inline-block;margin-top:14px;padding:8px 11px;background:#283028;color:white;border-radius:5px;font-size:8px}.mini-image{height:230px;border-radius:80px 80px 9px 9px;background:linear-gradient(140deg,#88745d,#d0aa7a 48%,#62523d);position:relative;overflow:hidden}.mini-image:after{content:"";position:absolute;width:110px;height:180px;background:linear-gradient(#d0a17f,#443930);left:50%;top:44px;transform:translateX(-50%);border-radius:55px 55px 10px 10px}.mini-image-orbit{position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.38);border-radius:50%;left:-60px;top:25px;z-index:2}
.float-card{position:absolute;z-index:7;background:rgba(17,21,18,.94);border:1px solid #323a33;box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px);border-radius:15px}.float-card small{display:block;font-size:9px;letter-spacing:.12em;color:#788179;font-weight:700}.float-online{right:2%;bottom:66px;display:flex;align-items:center;gap:12px;padding:15px 18px}.float-online strong{display:block;font-size:13px;margin-top:3px}.status-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--lime);color:var(--black);font-weight:800}.float-leads{left:3%;bottom:18px;padding:16px 18px;min-width:174px}.float-leads strong{display:block;font-size:30px;line-height:1;margin:7px 0;color:#fff}.float-leads span{font-size:9px;color:var(--lime)}
.trust-row{margin-top:80px;padding-top:28px;border-top:1px solid #202620;display:flex;align-items:center;gap:30px;color:#6f7971;font-size:13px}.trust-items{margin-left:auto;display:flex;gap:28px;flex-wrap:wrap}.trust-items b{color:#9ba49d;font-size:13px;font-weight:550}
.transformation,.examples,.dashboard-section,.plans-section{padding:132px 0}.section-intro{max-width:880px;margin-bottom:66px}.section-intro.narrow{max-width:830px}.tag{color:#626c64;margin-bottom:22px}.tag:before{content:"";width:22px;height:1px;background:currentColor}.tag-dark{color:#939d95}.section-intro h2{font-size:clamp(44px,5vw,68px);font-weight:620}.section-light .section-intro h2 em{color:#61734d}.section-intro p{font-size:19px;line-height:1.6;color:var(--ink-soft);max-width:710px;margin:26px 0 0}.section-dark .section-intro p{color:#939c95}.shift-grid{display:grid;grid-template-columns:1fr 72px 1fr;align-items:stretch}.shift-card{padding:42px;border-radius:24px;min-height:420px}.shift-before{background:#e8ebe7;border:1px solid #d9ded9}.shift-after{background:var(--ink);color:white}.card-kicker{font-size:12px;font-weight:750;letter-spacing:.13em;color:#758076}.shift-after .card-kicker{color:var(--lime)}.shift-card h3{font-size:32px;line-height:1.12;letter-spacing:-.035em;margin:22px 0 34px}.shift-card ul{list-style:none;padding:0;margin:0;display:grid;gap:17px}.shift-card li{display:flex;gap:14px;align-items:center;color:#606861}.shift-card li span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dce1dc;color:#69726b;font-weight:700}.shift-after li{color:#c3cbc5}.shift-after li span{background:rgba(201,255,65,.12);color:var(--lime)}.shift-arrow{display:grid;place-items:center;font-size:31px;color:#7d887f}
.feature-section,.process-section,.final-cta{padding:132px 0}.feature-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:56px;align-items:center}.feature-list{display:grid}.feature-item{appearance:none;border:0;border-top:1px solid #2b322c;background:transparent;color:white;text-align:left;padding:25px 4px;display:grid;grid-template-columns:46px 1fr;gap:8px;cursor:pointer}.feature-item:last-child{border-bottom:1px solid #2b322c}.feature-item>span{font-size:12px;color:#646e66;font-weight:700;padding-top:5px}.feature-item b{font-size:22px;letter-spacing:-.02em}.feature-item p{margin:7px 0 0;color:#7f8981;font-size:15px;max-width:390px}.feature-item.active b{color:var(--lime)}.feature-item.active>span{color:var(--lime)}.feature-canvas{min-height:510px;border:1px solid #252c26;background:radial-gradient(circle at 65% 25%,rgba(201,255,65,.12),transparent 30%),#0f130f;border-radius:27px;padding:58px 50px;position:relative;display:grid;place-items:center}.feature-browser{width:88%;border:1px solid #364037;border-radius:18px;background:#f4f6f0;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.4)}.feature-browser-top{height:36px;background:#202620;display:flex;align-items:center;gap:5px;padding:0 11px}.feature-browser-top span{width:6px;height:6px;border-radius:50%;background:#59635a}.feature-browser-top div{margin:auto;width:48%;height:17px;border-radius:5px;background:#2a312b;color:#667067}.feature-preview{height:305px;padding:18px;color:#111}.fp-nav{display:flex;justify-content:space-between;align-items:center}.fp-logo{width:44px;height:12px;border-radius:3px;background:#202820}.fp-lines{height:6px;width:100px;background:#a5ada5;border-radius:4px}.fp-grid{display:grid;grid-template-columns:1fr .8fr;gap:28px;padding-top:42px}.fp-pill{width:72px;height:8px;border-radius:5px;background:#a8b1a3}.fp-title{height:24px;background:#1e261f;border-radius:6px;margin-top:12px}.fp-title.short{width:72%;margin-top:7px}.fp-copy{width:80%;height:32px;background:repeating-linear-gradient(to bottom,#b0b7af 0 3px,transparent 3px 8px);margin-top:14px}.fp-button{width:90px;height:26px;border-radius:6px;background:#1e261f;margin-top:18px}.fp-media{height:190px;border-radius:60px 60px 12px 12px;background:linear-gradient(140deg,#c8cfc1,#788b71);position:relative}.fp-media span{position:absolute;width:68px;height:125px;background:#444f42;border-radius:35px 35px 8px 8px;left:50%;bottom:0;transform:translateX(-50%)}.canvas-badge{position:absolute;right:26px;bottom:25px;background:#181e19;border:1px solid #354036;border-radius:10px;padding:9px 12px;font-size:11px;color:#aeb7b0;box-shadow:0 12px 30px rgba(0,0,0,.35)}.canvas-badge span{color:var(--lime);font-size:10px;margin-right:4px}.included-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:60px}.included-grid div{padding:22px 18px;border:1px solid #252c26;border-radius:14px;background:#101410;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.included-grid div>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#1a211b;color:var(--lime);display:grid;place-items:center}.included-grid b{font-size:13px}.included-grid small{font-size:10px;color:#69736b}
.niche-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.niche-tab{border:1px solid #cbd2cb;background:transparent;color:#556057;border-radius:9px;padding:11px 17px;font-size:14px;font-weight:600;cursor:pointer}.niche-tab.active{background:var(--ink);border-color:var(--ink);color:white}.niche-showcase{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;background:#e9ede8;border:1px solid #dbe0db;border-radius:28px;padding:50px;align-items:center}.niche-copy>span{font-size:11px;font-weight:750;letter-spacing:.13em;color:#687269}.niche-copy h3{font-size:38px;line-height:1.06;letter-spacing:-.04em;margin:16px 0}.niche-copy p{color:#606a62;font-size:16px}.niche-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.niche-points b{font-size:12px;padding:8px 11px;border:1px solid #cdd4cd;border-radius:8px;color:#4f5951}.niche-browser{border:1px solid #c6cec5;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(30,42,32,.12)}.nb-top{height:35px;background:#111713;display:flex;align-items:center;gap:5px;padding:0 12px}.nb-top i{width:6px;height:6px;background:#4d5750;border-radius:50%}.nb-top span{margin:auto;color:#727d75;background:#1e251f;padding:3px 70px;border-radius:5px;font-size:7px}.nb-content{height:370px;background:#f5f2ec}.nb-nav{display:flex;align-items:center;height:58px;padding:0 22px;font-size:8px}.nb-nav strong{font-size:11px;letter-spacing:.13em}.nb-nav span{margin-left:auto;color:#7c817b}.nb-nav button{margin-left:18px;border:0;border-radius:5px;background:#23392f;color:#fff;padding:7px 11px;font-size:8px}.nb-hero{display:grid;grid-template-columns:1fr .9fr;gap:25px;padding:42px 35px}.nb-hero small{font-size:7px;letter-spacing:.15em;font-weight:700;color:#71847b}.nb-hero h4{font-size:31px;line-height:1;letter-spacing:-.04em;margin:13px 0 12px;max-width:290px}.nb-hero p{font-size:9px;line-height:1.5;color:#69716b;max-width:250px}.nb-button{display:inline-block;background:#23392f;color:white;margin-top:15px;padding:8px 10px;border-radius:5px;font-size:8px}.nb-art{height:225px;border-radius:70px 70px 8px 8px;background:linear-gradient(145deg,#dce5dd,#7c9b89);position:relative;overflow:hidden}.nb-art span{position:absolute;width:80px;height:140px;border-radius:45px 45px 10px 10px;background:#f0c7a5;left:50%;bottom:-4px;transform:translateX(-50%)}.nb-art span:before{content:"";position:absolute;width:46px;height:53px;border-radius:50%;background:#d49d78;left:17px;top:-37px}.nb-art i{position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.65);border-radius:50%;top:18px;right:-55px}
.niche-browser[data-theme="restaurante"] .nb-content{background:#f5ede2}.niche-browser[data-theme="restaurante"] .nb-nav button,.niche-browser[data-theme="restaurante"] .nb-button{background:#7e2f1d}.niche-browser[data-theme="restaurante"] .nb-art{background:linear-gradient(145deg,#e3a653,#663722)}.niche-browser[data-theme="arquitetura"] .nb-content{background:#efefec}.niche-browser[data-theme="arquitetura"] .nb-nav button,.niche-browser[data-theme="arquitetura"] .nb-button{background:#292a27}.niche-browser[data-theme="arquitetura"] .nb-art{background:linear-gradient(145deg,#d9d6cf,#7f817b)}.niche-browser[data-theme="servicos"] .nb-content{background:#eef4f5}.niche-browser[data-theme="servicos"] .nb-nav button,.niche-browser[data-theme="servicos"] .nb-button{background:#173d4d}.niche-browser[data-theme="servicos"] .nb-art{background:linear-gradient(145deg,#b7dce3,#3d6978)}.niche-browser[data-theme="loja"] .nb-content{background:#f5f0f1}.niche-browser[data-theme="loja"] .nb-nav button,.niche-browser[data-theme="loja"] .nb-button{background:#562d45}.niche-browser[data-theme="loja"] .nb-art{background:linear-gradient(145deg,#e9bbc9,#765365)}
.process-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #2a312b}.process-track article{padding:28px 20px 5px 0;min-height:290px;border-right:1px solid #222922;position:relative}.process-track article:last-child{border-right:0;padding-right:0}.process-track article>span{font-size:11px;color:#606960}.process-icon{width:44px;height:44px;border-radius:13px;background:#151b16;border:1px solid #293129;color:var(--lime);display:grid;place-items:center;margin:44px 0 26px}.process-track h3{font-size:20px;line-height:1.18;letter-spacing:-.02em;margin:0 0 12px}.process-track p{font-size:14px;color:#7c867e;max-width:205px;margin:0}
.dashboard-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.dashboard-benefits{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:12px;color:#535d55}.dashboard-benefits li{display:flex;gap:11px;align-items:center}.dashboard-benefits span{color:#4e6c37;font-weight:700}.dashboard-window{min-height:520px;border:1px solid #d6ddd5;border-radius:26px;background:white;box-shadow:0 30px 90px rgba(31,43,34,.12);display:grid;grid-template-columns:70px 1fr;overflow:hidden}.dash-sidebar{background:#101511;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:18px}.dash-mark{color:var(--lime);font-size:10px;letter-spacing:-4px;margin-bottom:20px}.dash-sidebar span{width:28px;height:28px;border-radius:8px;background:#1b211c;position:relative}.dash-sidebar span.active{background:rgba(201,255,65,.14)}.dash-sidebar span.active:after{content:"";position:absolute;inset:9px;background:var(--lime);border-radius:3px}.dash-main{padding:34px;color:#182019}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small,.dash-status small,.dash-cards small,.dash-bottom small{font-size:9px;letter-spacing:.12em;color:#8a958c;font-weight:700}.dash-top h4{font-size:26px;letter-spacing:-.035em;margin:5px 0 0}.dash-avatar{width:34px;height:34px;border-radius:50%;background:#dfe5dd;display:grid;place-items:center;font-size:12px;font-weight:700}.dash-status{margin-top:27px;padding:18px;border:1px solid #e3e8e2;border-radius:13px;display:flex;justify-content:space-between;align-items:center}.dash-status>div{display:flex;gap:12px;align-items:center}.dash-status i{width:10px;height:10px;background:#79ad4a;border-radius:50%;box-shadow:0 0 0 5px #edf5e6}.dash-status b{display:block;font-size:13px;margin-top:3px}.dash-status button,.dash-action{border:1px solid #d9dfd8;background:white;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:650}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dash-cards>div{border:1px solid #e4e9e3;border-radius:13px;padding:16px}.dash-cards strong{display:block;font-size:26px;line-height:1;margin:11px 0 8px}.dash-cards span{font-size:9px;color:#738f59}.dash-bottom{margin-top:12px;padding:18px;border-radius:13px;background:#f3f5f2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.dash-bottom p{font-size:10px;color:#606961;margin:9px 0 0}.dash-bottom p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7b9670;margin-right:6px}.dash-bottom p b{float:right;color:#4d6650;font-size:9px}.dash-action{background:#1d251f;color:white;border:0}
.plans-section{padding-top:132px;border-top:1px solid #e0e5df}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.plan-card{background:#fff;border:1px solid #dce2dc;border-radius:22px;padding:34px;position:relative}.plan-card.featured{background:#101410;color:#fff;border-color:#101410;transform:translateY(-10px);box-shadow:0 25px 70px rgba(24,34,26,.14)}.popular{position:absolute;right:17px;top:17px;background:var(--lime);color:var(--black);font-size:11px;font-weight:800;letter-spacing:.1em;padding:6px 8px;border-radius:6px}.plan-name{font-size:11px;font-weight:800;letter-spacing:.13em;color:#626d64}.featured .plan-name{color:var(--lime)}.plan-card h3{font-size:25px;letter-spacing:-.035em;line-height:1.1;margin:22px 0 10px}.plan-card>p{color:#687169;font-size:14px;min-height:44px}.featured>p{color:#89928b}.price{display:flex;align-items:flex-start;margin:28px 0 24px}.price small{font-size:14px;font-weight:700;padding-top:8px}.price strong{font-size:56px;line-height:.9;letter-spacing:-.06em}.price span{align-self:flex-end;font-size:12px;color:#6f7971;margin-left:6px;padding-bottom:3px}.plan-card .btn{width:100%;min-height:48px;font-size:14px}.plan-card ul{list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid #e3e7e2;display:grid;gap:12px;font-size:13px;color:#515a53}.featured ul{border-color:#293029;color:#b0b8b2}.pricing-note{text-align:center;color:#7b857e;font-size:12px;margin:26px 0 0}
.final-cta{text-align:center;border-top:1px solid #202620}.final-cta-inner{display:flex;flex-direction:column;align-items:center}.final-symbol{width:110px;height:110px;overflow:hidden;margin-bottom:30px}.final-symbol img{height:100%;width:490px;max-width:none;object-fit:cover;object-position:left center}.final-cta .tag{margin-bottom:25px}.final-cta h2{font-size:clamp(48px,5vw,70px);font-weight:620}.final-cta p{color:#939d95;font-size:18px;margin:26px 0 34px}.final-cta small{margin-top:20px;color:#687169;font-size:12px}.site-footer{background:#080a08;border-top:1px solid #1d221e;color:white}.footer-top{padding:55px 0 40px;display:flex;align-items:flex-end;justify-content:space-between}.footer-top img{width:176px}.footer-top p{max-width:420px;color:#747e76;font-size:14px;margin:0;text-align:right}.footer-bottom{padding:22px 0 28px;border-top:1px solid #1c211d;color:#59625b;font-size:12px;display:flex;justify-content:space-between}.footer-bottom div{display:flex;gap:20px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.revealed{opacity:1;transform:none}.reveal-delay{transition-delay:.15s}
@media(max-width:1080px){
  .desktop-nav{display:none}
  .nav-actions{margin-left:auto}
  .menu-toggle{display:flex;width:40px;height:40px;flex:0 0 40px;border:1px solid #2e352f;border-radius:9px;background:#121713;align-items:center;justify-content:center;flex-direction:column;gap:4px;margin-left:2px;padding:0;cursor:pointer}
  .menu-toggle span{display:block;width:17px;height:1.5px;border-radius:2px;background:#f6f8f6;transition:transform .25s ease,opacity .2s ease}
  .menu-toggle.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .menu-toggle.open span:nth-child(2){opacity:0}
  .menu-toggle.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .mobile-menu{display:flex;position:fixed;top:82px;left:0;right:0;padding:24px max(24px,calc((100vw - var(--container))/2));background:#0d110e;border-bottom:1px solid #252b26;flex-direction:column;gap:4px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.35s var(--ease)}
  .mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
  .mobile-menu a:not(.btn){padding:12px 5px;color:#d4dbd5;font-size:16px}
  .mobile-menu .btn{margin-top:10px;align-self:flex-start}
}
@media(max-width:1080px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:30px}.hero{padding-top:150px}.hero-copy{text-align:center}.hero-copy h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note{justify-content:center}.hero-visual{max-width:760px;width:100%;margin:auto}.trust-row{margin-top:25px;display:block;text-align:center}.trust-items{justify-content:center;margin-top:18px}.feature-layout,.dashboard-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:repeat(3,1fr)}.feature-item{border-top:0;border-right:1px solid #2b322c;padding:20px}.feature-item:last-child{border-bottom:0;border-right:0}.feature-item p{font-size:13px}.included-grid{grid-template-columns:repeat(3,1fr)}.niche-showcase{grid-template-columns:1fr}.niche-copy{max-width:620px}.process-track{grid-template-columns:repeat(3,1fr)}.process-track article:nth-child(3){border-right:0}.process-track article:nth-child(n+4){border-top:1px solid #2a312b}.plans-grid{grid-template-columns:1fr;max-width:700px;margin-inline:auto}.plan-card.featured{transform:none}.plan-card>p{min-height:auto}}
@media(max-width:760px){body{font-size:16px}.container{width:min(calc(100% - 36px),var(--container))}.nav-wrap{height:70px}.brand{width:150px}.nav-actions{display:none}.menu-toggle{display:flex;margin-left:auto;width:40px;height:40px;border:1px solid #2e352f;border-radius:9px;background:#121713;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}.menu-toggle span{width:17px;height:1.5px;border-radius:2px;background:white;transition:transform .25s ease,opacity .2s ease}.menu-toggle.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;top:70px;left:0;right:0;padding:24px 18px 30px;background:#0d110e;border-bottom:1px solid #252b26;flex-direction:column;gap:4px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.35s var(--ease)}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu a:not(.btn){padding:12px 5px;color:#d4dbd5;font-size:16px}.mobile-menu .btn{margin-top:10px}.hero{min-height:auto;padding:122px 0 36px}.hero-grid{min-height:auto}.hero h1{font-size:clamp(42px,12vw,54px);letter-spacing:-.05em}.hero-lead{font-size:17px;margin-top:22px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-note{font-size:12px;align-items:flex-start;text-align:left;justify-content:center}.hero-visual{min-height:470px;margin-top:18px}.business-frame{width:58%;height:335px;top:20px}.browser-card{width:78%;top:105px}.browser-content{height:262px}.mini-nav{height:38px;padding-inline:12px}.mini-nav span{display:none}.mini-hero{padding:23px 16px;gap:10px}.mini-hero h3{font-size:21px}.mini-hero p{font-size:7px}.mini-image{height:165px}.mini-image:after{height:120px;width:76px;top:35px}.float-online{right:0;bottom:30px;padding:11px 12px}.float-leads{left:0;bottom:4px;padding:12px 14px;min-width:145px}.float-leads strong{font-size:24px}.status-icon{width:30px;height:30px}.trust-row{padding-top:24px}.trust-items{gap:10px 16px}.transformation,.examples,.dashboard-section,.plans-section,.feature-section,.process-section,.final-cta{padding:84px 0}.section-intro{margin-bottom:42px}.section-intro h2{font-size:clamp(36px,10.5vw,47px)}.section-intro p{font-size:16px;margin-top:20px}.shift-grid{grid-template-columns:1fr;gap:10px}.shift-arrow{height:35px;transform:rotate(90deg)}.shift-card{padding:28px;min-height:auto}.shift-card h3{font-size:27px}.feature-layout{gap:28px}.feature-list{grid-template-columns:1fr}.feature-item{border-right:0;border-top:1px solid #2b322c;padding:18px 4px}.feature-item:last-child{border-bottom:1px solid #2b322c}.feature-canvas{min-height:360px;padding:34px 18px}.feature-browser{width:100%}.feature-preview{height:225px}.fp-grid{padding-top:28px;gap:13px}.fp-media{height:145px}.included-grid{grid-template-columns:repeat(2,1fr);gap:8px}.included-grid div{padding:15px 12px}.niche-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;margin-right:-18px}.niche-tab{white-space:nowrap}.niche-showcase{padding:27px 20px;border-radius:20px}.niche-copy h3{font-size:31px}.nb-top span{padding-inline:25px}.nb-nav{padding-inline:12px}.nb-nav span{display:none}.nb-hero{padding:28px 18px;grid-template-columns:1.05fr .95fr;gap:13px}.nb-hero h4{font-size:23px}.nb-art{height:190px}.process-track{grid-template-columns:1fr}.process-track article{border-right:0;border-top:1px solid #2a312b;min-height:auto;padding:23px 0 28px;display:grid;grid-template-columns:48px 1fr;gap:0 15px}.process-track article:first-child{border-top:0}.process-track article>span{grid-row:1/4}.process-icon{display:none}.process-track h3{margin-top:0}.process-track p{max-width:100%}.dashboard-grid{gap:40px}.dashboard-window{min-height:430px;grid-template-columns:48px 1fr;border-radius:18px}.dash-main{padding:20px 14px}.dash-top h4{font-size:21px}.dash-status{padding:12px}.dash-status button{display:none}.dash-cards{grid-template-columns:1fr 1fr}.dash-cards>div:nth-child(3){grid-column:1/-1}.dash-bottom{display:block}.dash-action{width:100%;margin-top:15px}.plans-grid{gap:10px}.plan-card{padding:27px 24px}.final-symbol{width:80px;height:80px}.final-cta h2{font-size:clamp(38px,10vw,49px)}.footer-top{display:block}.footer-top p{text-align:left;margin-top:22px}.footer-bottom{display:block;line-height:1.8}.footer-bottom div{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.btn span{transition:none}}

/* WebFun One V2 — human-first refinement */
.business-scene{background:#171b16}
.business-scene:before{inset:0;height:auto;background:linear-gradient(180deg,rgba(7,10,8,.14) 0%,rgba(7,10,8,.02) 42%,rgba(7,10,8,.82) 100%);z-index:1}
.business-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.84) contrast(1.03)}
.scene-topline{z-index:3;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.scene-sign{left:24px;right:24px;top:auto;bottom:22px;color:#fff;letter-spacing:0;line-height:1.18;z-index:3;max-width:310px}
.scene-sign small{font-size:9px;letter-spacing:.14em;color:var(--lime);font-weight:800}
.scene-sign strong{display:inline-block;margin-top:5px;font-size:15px;line-height:1.2;letter-spacing:-.015em;color:#fff}
.business-frame{width:58%;height:510px;transform:rotate(1.4deg);border-color:#303832}
.browser-card{top:154px;width:70%;transform:rotate(-1.2deg)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,255,65,.2),transparent)}
.hero-copy h1 em{position:relative}
.hero-copy h1 em:after{content:"";position:absolute;left:2px;right:2px;bottom:.02em;height:.07em;border-radius:10px;background:rgba(201,255,65,.2);z-index:-1}

.people-story{margin-top:108px;padding-top:88px;border-top:1px solid #d9dfd9}
.people-story-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:880px;margin-bottom:42px}
.people-story-copy .tag{margin-bottom:22px}
.people-story-copy h3{margin:0;font-size:clamp(38px,4.5vw,62px);line-height:1.03;letter-spacing:-.05em;font-weight:620;max-width:800px}
.people-story-copy p{margin:26px 0 0;color:var(--ink-soft);font-size:18px;line-height:1.62;max-width:710px}
.people-mosaic{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:14px;align-items:stretch}
.people-card{position:relative;margin:0;min-height:430px;border-radius:24px;overflow:hidden;background:#dfe4df;isolation:isolate}
.people-card-main{min-height:530px}
.people-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,11,9,.84) 100%);z-index:1}
.people-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s ease;filter:saturate(.88)}
.people-card-main img{object-position:center 30%}
.people-card:nth-child(2) img{object-position:center 30%}
.people-card:nth-child(3) img{object-position:center 34%}
.people-card:hover img{transform:scale(1.025);filter:saturate(1)}
.people-card figcaption{position:absolute;left:24px;right:24px;bottom:22px;color:white;z-index:2}
.people-card figcaption span{display:block;margin-bottom:8px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.14em}
.people-card figcaption b{display:block;font-size:18px;line-height:1.22;letter-spacing:-.025em;max-width:300px}

/* Real-world imagery inside niche previews */
.niche-browser .nb-art{background-size:cover!important;background-position:center!important;position:relative;isolation:isolate}
.niche-browser .nb-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.02),rgba(8,10,9,.16));z-index:1}
.niche-browser .nb-art>span,.niche-browser .nb-art>i{display:none}
.niche-browser[data-theme="clinica"] .nb-art{background-image:url('assets/dentista.webp')!important;background-position:center 28%!important}
.niche-browser[data-theme="restaurante"] .nb-art{background-image:url('assets/chef.webp')!important;background-position:center 28%!important}
.niche-browser[data-theme="loja"] .nb-art{background-image:url('assets/empreendedora-loja.webp')!important;background-position:center 32%!important}
.niche-browser[data-theme="arquitetura"] .nb-art{background-image:linear-gradient(145deg,#d9d6cf,#7f817b)!important}
.niche-browser[data-theme="servicos"] .nb-art{background-image:linear-gradient(145deg,#b7dce3,#3d6978)!important}

/* FAQ */
.faq-section{padding:132px 0;border-top:1px solid #e0e5df}
.faq-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:92px;align-items:start}
.faq-section .section-intro{margin-bottom:0;position:sticky;top:132px}
.faq-section .section-intro h2{font-size:clamp(42px,4.4vw,60px)}
.faq-list{border-top:1px solid #ccd3cc}
.faq-list details{border-bottom:1px solid #ccd3cc;padding:0}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:18px;font-weight:620;letter-spacing:-.02em;color:#181d19}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border:1px solid #c7cec7;border-radius:50%;font-size:19px;font-weight:400;transition:transform .25s var(--ease),background .25s ease}
.faq-list details[open] summary span{transform:rotate(45deg);background:#e8ebe7}
.faq-list details p{margin:-4px 48px 26px 0;color:#626b64;font-size:16px;line-height:1.7;max-width:700px}

.pricing-note{font-size:13px;max-width:700px;margin:30px auto 0;line-height:1.55}
.mobile-sticky-cta{display:none;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}

/* slightly more editorial polish */
.section-light .section-intro h2 em{color:#536345}
.shift-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.niche-showcase{box-shadow:0 26px 70px rgba(25,33,27,.07)}
.dashboard-window{box-shadow:0 34px 80px rgba(24,34,26,.14)}
.plan-card{transition:transform .28s var(--ease),box-shadow .28s ease,border-color .28s ease}
.plan-card:not(.featured):hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(24,34,26,.08);border-color:#cbd3cb}

@media(max-width:1080px){
  .business-frame{width:57%;height:500px}
  .browser-card{width:69%}
  .people-story-copy{max-width:800px}
  .people-mosaic{grid-template-columns:1.08fr .92fr}
  .people-card-main{grid-row:span 2;min-height:680px}
  .people-card:not(.people-card-main){min-height:333px}
  .faq-layout{grid-template-columns:1fr;gap:48px}
  .faq-section .section-intro{position:static}
}

@media(max-width:760px){
  body{padding-bottom:72px}
  .business-frame{width:61%;height:350px;top:12px;border-radius:22px}
  .business-scene{border-radius:16px}
  .browser-card{width:82%;top:118px;border-radius:18px}
  .scene-sign{left:16px;right:16px;bottom:15px}
  .scene-sign strong{font-size:11px}
  .scene-sign small{font-size:7px}
  .people-story{margin-top:72px;padding-top:62px}
  .people-story-copy h3{font-size:clamp(34px,9.4vw,43px)}
  .people-story-copy p{font-size:16px}
  .people-mosaic{display:flex;gap:10px;overflow-x:auto;margin-right:-18px;padding-right:18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .people-mosaic::-webkit-scrollbar{display:none}
  .people-card,.people-card-main,.people-card:not(.people-card-main){flex:0 0 82%;min-height:430px;scroll-snap-align:start;border-radius:20px}
  .people-card figcaption{left:18px;right:18px;bottom:18px}
  .people-card figcaption b{font-size:17px}
  .faq-section{padding:84px 0}
  .faq-layout{gap:26px}
  .faq-list summary{font-size:16px;padding:20px 0}
  .faq-list details p{font-size:15px;margin-right:30px}
  .mobile-sticky-cta{position:fixed;display:flex;z-index:95;left:14px;right:14px;bottom:12px;min-height:52px;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:var(--lime);color:#090c0a;font-size:15px;font-weight:700;box-shadow:0 16px 42px rgba(0,0,0,.28)}
  .mobile-sticky-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
  .mobile-sticky-cta span{font-size:18px}
  .site-footer{padding-bottom:18px}
}

/* =========================================================
   WebFun One V3 — Product flow / onboarding / app dashboard
   ========================================================= */
.product-flow-body,.auth-body,.one-app-body{min-height:100vh;background:var(--black);color:var(--white)}
.product-flow-body{overflow-x:hidden}
.flow-header{height:84px;padding:0 clamp(22px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(9,12,10,.92);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}
.flow-header .brand{width:168px}.flow-header-meta{display:flex;align-items:center;gap:28px;font-size:14px;color:#8e9891}.flow-header-meta a{color:#dbe1dc;font-weight:600}
.onboarding-shell{display:block;min-height:calc(100vh - 84px)}
.onboarding-aside{padding:68px clamp(34px,5vw,82px) 48px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.onboarding-aside:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(201,255,65,.06);filter:blur(80px);left:-210px;top:-190px;pointer-events:none}
.onboarding-aside>div{width:min(100%,1200px);margin-inline:auto}.onboarding-aside h1{position:relative;margin:18px 0 25px;font-size:clamp(52px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:620;max-width:900px}.onboarding-aside h1 em{font-style:normal;color:var(--lime)}
.onboarding-aside>div>p{position:relative;color:#a4ada6;font-size:18px;line-height:1.65;max-width:720px;margin:0}
.onboarding-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #242b25;margin-top:48px}.onboarding-assurance>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:22px 26px 4px 0;margin-right:26px;border-right:1px solid #242b25}.onboarding-assurance>div:last-child{border-right:0;margin-right:0}.onboarding-assurance>div>span{color:var(--lime);font-size:11px;font-weight:750;letter-spacing:.12em}.onboarding-assurance p{margin:0;color:#7f8981;font-size:14px;line-height:1.5}.onboarding-assurance b{display:block;color:#e8ede9;font-size:15px;margin-bottom:2px}
.onboarding-panel{background:#f5f7f4;color:var(--ink);padding:54px clamp(30px,5.6vw,86px) 76px}
.flow-progress{max-width:1180px;margin:0 auto 58px}.flow-progress-track{height:4px;background:#dfe4df;border-radius:99px;overflow:hidden}.flow-progress-track i{display:block;height:100%;width:20%;background:var(--lime);transition:width .45s var(--ease)}.flow-progress-label{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:#7a837c;font-size:11px;font-weight:700;letter-spacing:.1em}.flow-progress-label b{color:#4d5650;font-weight:650;letter-spacing:0}
#onboardingForm{max-width:1180px;margin:0 auto}.flow-step:not([data-step="1"]){max-width:920px;margin-inline:auto}.flow-step{display:none;animation:flowIn .42s var(--ease)}.flow-step.active{display:block}@keyframes flowIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.flow-step-copy{margin-bottom:38px;max-width:760px}.flow-kicker{display:block;color:#69736b;font-size:12px;font-weight:750;letter-spacing:.14em;margin-bottom:15px}.flow-step-copy h2,.auth-form-wrap h2,.request-modal-card h2{margin:0;color:#121613;font-size:clamp(38px,4vw,56px);line-height:1.02;letter-spacing:-.052em;font-weight:620}.flow-step-copy p,.auth-form-wrap>p,.request-modal-card>p{margin:18px 0 0;color:#667068;font-size:17px;line-height:1.6;max-width:690px}
.flow-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-plan-card{position:relative;display:flex;flex-direction:column;padding:32px 28px;border:1px solid #d5dcd5;border-radius:20px;background:#fff;cursor:pointer;transition:.25s var(--ease);min-height:420px}.flow-plan-card:hover{transform:translateY(-3px);border-color:#aab5ab}.flow-plan-card.selected{background:#101410;border-color:#101410;color:white;box-shadow:0 20px 48px rgba(18,25,19,.14)}.flow-plan-card input{position:absolute;opacity:0;pointer-events:none}.flow-plan-check{position:absolute;right:18px;top:18px;width:27px;height:27px;border-radius:50%;border:1px solid #c7cec7;display:grid;place-items:center;font-size:12px;color:transparent}.flow-plan-card.selected .flow-plan-check{background:var(--lime);border-color:var(--lime);color:#0c100d;font-weight:800}.flow-plan-badge{position:absolute;top:-10px;left:21px;background:var(--lime);color:#0d110e;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800;letter-spacing:.1em}.flow-plan-card .plan-name{display:block;color:#6f7971;font-size:12px;font-weight:750;letter-spacing:.13em;margin-bottom:19px}.flow-plan-card.selected .plan-name{color:var(--lime)}.flow-plan-card h3{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.flow-plan-card>p{font-size:15px;line-height:1.6;color:#687169;min-height:76px}.flow-plan-card.selected>p{color:#9ca69e}.flow-price{display:flex;align-items:baseline;gap:5px;margin:25px 0}.flow-price b{font-size:28px;letter-spacing:-.03em}.flow-price span{font-size:13px;color:#7a837c}.flow-plan-card ul{list-style:none;padding:20px 0 0;margin:auto 0 0;border-top:1px solid #e3e7e3;display:grid;gap:10px;font-size:14px;color:#59625b}.flow-plan-card.selected ul{border-color:#293029;color:#c5ccc6}.flow-plan-card li:before{content:"✓";color:#6b7a58;margin-right:7px}.flow-plan-card.selected li:before{color:var(--lime)}
.flow-fields{display:grid;gap:19px}.flow-fields.two-cols{grid-template-columns:1fr 1fr}.flow-fields .full{grid-column:1/-1}.flow-fields label,.auth-form label,.request-form label{display:grid;gap:8px}.flow-fields label>span,.auth-form label>span,.request-form label>span{font-size:13px;font-weight:650;color:#454e47}.flow-fields small{font-weight:500;color:#929a94}.flow-fields input,.flow-fields textarea,.flow-fields select,.auth-form input,.request-form input,.request-form textarea,.request-form select{width:100%;border:1px solid #cfd6cf;border-radius:11px;background:white;color:#161b17;min-height:54px;padding:0 15px;font:inherit;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.flow-fields textarea,.request-form textarea{padding-top:14px;resize:vertical}.flow-fields input:focus,.flow-fields textarea:focus,.flow-fields select:focus,.auth-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:#8e9b8f;box-shadow:0 0 0 3px rgba(97,117,77,.09)}.compact-fields{margin-top:32px}.password-field{display:grid;grid-template-columns:1fr auto;border:1px solid #cfd6cf;border-radius:11px;background:white;overflow:hidden}.password-field:focus-within{border-color:#8e9b8f;box-shadow:0 0 0 3px rgba(97,117,77,.09)}.password-field input{border:0!important;box-shadow:none!important;border-radius:0!important}.password-field button{border:0;background:white;padding:0 15px;color:#5e685f;font-size:13px;font-weight:650;cursor:pointer}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{position:relative;display:grid;grid-template-columns:45px 1fr;gap:4px 14px;align-items:start;padding:24px;border:1px solid #d5dcd5;background:white;border-radius:15px;cursor:pointer;transition:.22s ease}.choice-card:hover,.choice-card.selected{border-color:#758176}.choice-card.selected{box-shadow:inset 0 0 0 1px #758176;background:#f9faf8}.choice-card input{position:absolute;opacity:0}.choice-icon{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#edf1ec;display:grid;place-items:center;font-size:18px}.choice-card.selected .choice-icon{background:var(--lime);color:#111}.choice-card b{font-size:17px;line-height:1.25}.choice-card p{margin:6px 0 0;color:#707a72;font-size:14px;line-height:1.5}.flow-subquestion{margin-top:30px;padding-top:28px;border-top:1px solid #d9dfd9}.flow-subquestion>span{display:block;font-size:13px;font-weight:650;margin-bottom:13px}.chip-options{display:flex;gap:8px;flex-wrap:wrap}.chip-options label{cursor:pointer}.chip-options input{position:absolute;opacity:0}.chip-options b{display:block;padding:10px 14px;border:1px solid #d1d8d1;background:white;border-radius:9px;font-size:13px;font-weight:600}.chip-options label.selected b{background:#1a201b;color:white;border-color:#1a201b}
.personality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.personality-grid label{cursor:pointer}.personality-grid input{position:absolute;opacity:0}.personality-grid label>span{display:block;min-height:155px;padding:20px;border:1px solid #d5dcd5;background:white;border-radius:14px;transition:.2s}.personality-grid label:hover>span,.personality-grid label.selected>span{border-color:#7b887c}.personality-grid label.selected>span{background:#121713;color:white}.personality-grid i{display:block;color:#7d867f;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.1em;margin-bottom:28px}.personality-grid label.selected i{color:var(--lime)}.personality-grid b{display:block;font-size:16px}.personality-grid small{display:block;color:#7a837c;font-size:13px;line-height:1.45;margin-top:5px}.personality-grid label.selected small{color:#9ea7a0}
.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:start}.setup-summary{background:#101410;color:white;border-radius:18px;padding:25px;position:sticky;top:140px}.setup-summary>span{font-size:10px;color:var(--lime);letter-spacing:.12em;font-weight:800}.setup-summary>div{padding:18px 0;border-bottom:1px solid #2a312b}.setup-summary small{display:block;color:#748078;font-size:9px;font-weight:750;letter-spacing:.12em;margin-bottom:5px}.setup-summary b{display:block;font-size:16px}.setup-summary p{display:flex;gap:9px;color:#929d95;font-size:12px;line-height:1.5;margin:21px 0 0}.setup-summary p i{font-style:normal;color:var(--lime)}.terms-check{grid-template-columns:20px 1fr!important;align-items:start;gap:9px!important}.terms-check input{width:17px!important;min-height:17px!important;margin-top:2px}.terms-check span{font-size:12px!important;line-height:1.5;color:#69736b!important}.terms-check a{text-decoration:underline}
.flow-validation{min-height:23px;margin-top:18px;color:#a83c3c;font-size:13px;font-weight:600}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding-top:24px;border-top:1px solid #dbe1db}.flow-actions:not(.first-step){max-width:920px;margin-left:auto;margin-right:auto}.flow-actions.first-step .flow-back{display:none}.flow-selection-summary{display:none}.flow-actions.first-step .flow-selection-summary:not([hidden]){display:grid;gap:3px;margin-right:auto}.flow-selection-summary span{font-size:11px;font-weight:750;letter-spacing:.12em;color:#7a837c}.flow-selection-summary b{font-size:16px;color:#1b211c}.flow-actions.first-step #nextButton{margin-left:auto}.flow-back{background:transparent;border-color:#ced5ce;color:#525c54}.flow-actions #nextButton:disabled{background:#e2e7e2;border-color:#e2e7e2;color:#7b857d;box-shadow:none;cursor:not-allowed;transform:none}.flow-submit{display:none}.flow-submit:disabled{opacity:.78;cursor:wait}.button-loader{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#0d100e;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* Authentication */
.auth-body{overflow:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr)}.auth-brand-panel{padding:48px clamp(42px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;inset:auto -180px -200px auto;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,65,.13),transparent 66%);pointer-events:none}.auth-brand-panel .brand{width:172px}.auth-brand-panel h1{font-size:clamp(52px,5vw,76px);line-height:1;letter-spacing:-.055em;margin:18px 0 22px;font-weight:620}.auth-brand-panel h1 em{font-style:normal;color:var(--lime)}.auth-brand-panel p{max-width:570px;color:#9ea8a0;font-size:18px}.auth-brand-panel>small{color:#606a62;font-size:13px}.auth-form-panel{background:#f5f7f4;color:#131713;display:grid;place-items:center;padding:48px}.auth-form-wrap{width:min(100%,500px)}.auth-form-wrap>p{margin-bottom:35px}.auth-form{display:grid;gap:18px}.auth-form .btn{margin-top:8px;width:100%}.auth-helper{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#69736b}.auth-helper label{display:flex;align-items:center;gap:6px}.auth-helper input{min-height:auto;width:auto}.auth-helper a{font-weight:650;color:#434b45}.auth-new{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid #d9dfd9;color:#69736b;font-size:13px}.auth-new a{font-weight:700;color:#172018}

/* One app */
.one-app-body{background:#eef1ed;color:#121713;display:block}.app-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#0b0f0c;color:white;border-right:1px solid #202620;display:flex;flex-direction:column;z-index:60}.app-brand{height:84px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #202620}.app-brand img{width:155px}.app-close{display:none;margin-left:auto;border:0;background:transparent;color:white;font-size:26px}.app-nav{padding:22px 13px;display:grid;gap:5px}.app-nav a,.app-nav-bottom a{display:grid;grid-template-columns:29px 1fr auto;align-items:center;min-height:46px;padding:0 12px;border-radius:10px;color:#879189;font-size:13px}.app-nav a:hover,.app-nav a.active,.app-nav-bottom a:hover{color:white;background:#151b16}.app-nav a.active span{color:var(--lime)}.app-nav span,.app-nav-bottom span{font-size:17px}.app-nav b,.app-nav-bottom b{font-weight:550}.app-nav i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:#111;font-size:9px;font-style:normal;font-weight:800}.app-nav-bottom{margin-top:auto;padding:14px 13px 22px;border-top:1px solid #202620;display:grid;gap:4px}.app-main-shell{margin-left:244px;min-height:100vh}.app-topbar{height:84px;position:sticky;top:0;z-index:40;background:rgba(238,241,237,.92);backdrop-filter:blur(16px);border-bottom:1px solid #d7ddd7;display:flex;align-items:center;padding:0 38px}.app-menu{display:none;border:0;background:transparent;font-size:22px}.app-topbar-title{display:flex;align-items:center;gap:13px}.app-topbar-title span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#7b847d}.app-topbar-title b{font-size:14px}.app-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.app-notification{width:39px;height:39px;border:1px solid #d2d8d2;border-radius:10px;background:#f8faf7;color:#49534b;font-size:8px}.app-user{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#212721}.app-user>span{width:38px;height:38px;border-radius:10px;background:#101410;color:var(--lime);display:grid;place-items:center;font-weight:700}.app-user b{font-size:13px}.app-user i{font-style:normal;color:#808981}.app-content{width:min(calc(100% - 64px),1280px);margin:0 auto;padding:48px 0 72px}.app-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.app-eyebrow{display:block;color:#6d776f;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:10px}.app-welcome h1{font-size:clamp(38px,3.6vw,54px);line-height:1;letter-spacing:-.05em;margin:0;font-weight:620}.app-welcome p{font-size:15px;color:#667068;margin:13px 0 0;max-width:680px}.app-site-card{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);background:#101410;color:white;border-radius:20px;overflow:hidden;margin-bottom:14px;min-height:315px}.site-card-preview{padding:28px;background:radial-gradient(circle at 25% 25%,rgba(201,255,65,.12),transparent 34%),#0d110e;display:grid;place-items:center}.site-preview-browser{width:100%;max-width:420px;border:1px solid #3b443c;background:#eef1e8;border-radius:14px;overflow:hidden;box-shadow:0 24px 55px rgba(0,0,0,.32);transform:rotate(-1deg)}.site-preview-browser>div{height:28px;background:#171d18;display:flex;align-items:center;padding:0 10px;gap:5px}.site-preview-browser i{width:5px;height:5px;background:#5d665f;border-radius:50%}.site-preview-browser>div span{margin-left:auto;margin-right:auto;color:#778178;font-size:6px}.site-preview-browser section{padding:25px;color:#172018;min-height:180px;background:linear-gradient(135deg,#e9ece3,#d6d8c8)}.site-preview-browser section>span{font-size:7px;font-weight:800;letter-spacing:.13em}.site-preview-browser h3{font-size:25px;line-height:1;margin:14px 0 10px;letter-spacing:-.045em;max-width:240px}.site-preview-browser p{font-size:8px;color:#596159;max-width:240px}.site-preview-browser button{border:0;background:#1a211b;color:white;border-radius:5px;padding:8px 10px;font-size:7px}.site-card-content{padding:42px 44px}.site-status-row{display:flex;align-items:center;gap:8px;font-size:12px}.site-status-row small{margin-left:auto;color:#7e8980}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(201,255,65,.6)}.live-dot.building{background:#f0c969;box-shadow:0 0 14px rgba(240,201,105,.5)}.site-card-content h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin:26px 0 8px}.site-card-content>p{color:#8e9990;font-size:14px}.site-quick-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.site-quick-actions a{padding:10px 12px;border:1px solid #303831;border-radius:8px;color:#cbd2cc;font-size:12px}.site-quick-actions a:first-child{background:var(--lime);border-color:var(--lime);color:#0d100e;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.metric-grid article,.app-panel{background:white;border:1px solid #d9dfd9;border-radius:16px}.metric-grid article{padding:23px}.metric-grid article>span,.app-panel-head>div>span{display:block;color:#818b83;font-size:9px;font-weight:800;letter-spacing:.12em}.metric-grid strong{display:block;font-size:32px;line-height:1;letter-spacing:-.035em;margin:16px 0 10px}.metric-grid p{margin:0;font-size:12px;color:#758077}.metric-positive{color:#64794f!important}.metric-positive small,.metric-grid p small{color:#8c958e}.metric-status{font-size:25px!important}.app-two-col{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:10px}.app-panel{padding:25px}.app-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:21px;border-bottom:1px solid #e2e6e2}.app-panel-head h3{font-size:20px;letter-spacing:-.025em;margin:6px 0 0}.app-panel-head button{border:1px solid #d4dad4;background:#f7f9f6;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:650}.request-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e7eae7}.request-icon{width:34px;height:34px;border-radius:10px;background:#eef2ed;display:grid;place-items:center;font-size:13px}.request-icon.done{color:#64794f}.request-icon.progress{background:#f6f0dc;color:#8b712f}.request-list b{font-size:13px}.request-list p{margin:3px 0 0;color:#8b948d;font-size:11px}.request-list em{font-style:normal;font-size:10px;font-weight:700;color:#667a55;background:#eef4e9;padding:6px 8px;border-radius:99px}.request-list em.in-progress{color:#8a6c24;background:#f8f2df}.panel-link{display:inline-block;margin-top:18px;color:#4f5b52;font-size:12px;font-weight:700}.plan-active{color:#62764e;background:#eff5ea;padding:6px 8px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em}.plan-usage{padding:22px 0 18px}.plan-usage>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#778179}.plan-usage b{color:#343c36}.usage-bar{height:5px;background:#e9ede8;border-radius:99px;margin-top:10px;overflow:hidden}.usage-bar i{display:block;width:33%;height:100%;background:var(--lime)}.app-plan-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#626c64;font-size:12px}.app-plan-panel li span{color:#657850;margin-right:7px}.plan-next{margin-top:21px;padding:15px;background:#f4f6f3;border-radius:10px}.plan-next small{display:block;color:#838d85;font-size:9px;font-weight:800;letter-spacing:.11em}.plan-next b{font-size:12px;display:block;margin-top:4px}
.request-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s ease}.request-modal.open{opacity:1;pointer-events:auto}.request-modal-backdrop{position:absolute;inset:0;background:rgba(6,9,7,.72);backdrop-filter:blur(5px)}.request-modal-card{position:relative;width:min(calc(100% - 32px),610px);max-height:calc(100vh - 40px);overflow:auto;background:#f5f7f4;color:#121713;border-radius:20px;padding:34px;box-shadow:0 40px 90px rgba(0,0,0,.35);transform:translateY(12px);transition:.25s var(--ease)}.request-modal.open .request-modal-card{transform:none}.request-modal-card h2{font-size:40px}.modal-close{position:absolute;right:20px;top:18px;width:36px;height:36px;border:1px solid #d6dcd6;border-radius:50%;background:transparent;font-size:20px}.request-form{display:grid;gap:17px;margin-top:28px}.upload-box{display:grid!important;place-items:center;text-align:center;padding:20px;border:1px dashed #bfc8c0;border-radius:12px;background:#fafbf9;cursor:pointer}.upload-box input{display:none}.upload-box>span{font-size:20px}.upload-box b{font-size:13px}.upload-box small{font-size:10px;color:#8b948d}.app-toast{position:fixed;right:26px;bottom:26px;z-index:120;width:min(390px,calc(100% - 36px));display:flex;gap:12px;align-items:flex-start;padding:17px 18px;background:#101410;color:white;border:1px solid #2d362f;border-radius:13px;box-shadow:0 24px 60px rgba(0,0,0,.28);transform:translateY(120%);opacity:0;transition:.38s var(--ease)}.app-toast.show{transform:none;opacity:1}.app-toast>span{width:31px;height:31px;border-radius:8px;background:var(--lime);color:#111;display:grid;place-items:center;font-weight:800}.app-toast b{font-size:13px}.app-toast p{margin:3px 0 0;color:#939e95;font-size:11px}.modal-open{overflow:hidden}

@media(max-width:1100px){
  .onboarding-aside{padding:54px 42px}.onboarding-assurance{margin-top:40px}.onboarding-assurance>div{grid-template-columns:36px 1fr;padding-right:18px;margin-right:18px}.onboarding-panel{padding-left:42px;padding-right:42px}.flow-plan-grid{gap:12px}.flow-plan-card{padding:28px 22px}.account-layout{grid-template-columns:1fr}.setup-summary{position:static;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.setup-summary>span,.setup-summary>p{grid-column:1/-1}.setup-summary>div{border-bottom:0;padding:10px 0}.auth-shell{grid-template-columns:1fr 1fr}.app-sidebar{transform:translateX(-100%);transition:.32s var(--ease);box-shadow:20px 0 50px rgba(0,0,0,.22)}.app-sidebar.open{transform:none}.app-close{display:block}.app-main-shell{margin-left:0}.app-menu{display:block;margin-right:17px}.metric-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .flow-plan-grid{grid-template-columns:1fr}.flow-plan-card{min-height:auto}.flow-plan-card>p{min-height:auto}.onboarding-assurance>div{padding-right:12px;margin-right:12px}
}
@media(max-width:760px){
  .product-flow-body{padding-bottom:0}.flow-header{height:70px;padding-inline:18px}.flow-header .brand{width:142px}.flow-header-meta span{display:none}.onboarding-shell{min-height:calc(100vh - 70px)}.onboarding-aside{padding:40px 20px}.onboarding-aside h1{font-size:42px}.onboarding-aside>div>p{font-size:16px}.onboarding-assurance{display:none}.onboarding-panel{padding:30px 18px 110px}.flow-progress{margin-bottom:35px}.flow-progress-label b{display:none}.flow-step-copy{margin-bottom:28px}.flow-step-copy h2{font-size:38px}.flow-step-copy p{font-size:15px}.flow-plan-card{padding:24px 20px}.flow-fields.two-cols,.choice-grid,.personality-grid{grid-template-columns:1fr}.choice-card{padding:20px}.personality-grid label>span{min-height:auto}.flow-actions{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(245,247,244,.96);backdrop-filter:blur(15px);padding:12px 18px calc(12px + env(safe-area-inset-bottom));margin:0;box-shadow:0 -12px 35px rgba(23,31,25,.07)}.flow-actions .btn{min-height:50px}.flow-back{padding-inline:14px}.flow-actions #nextButton,.flow-submit{margin-left:auto}.flow-selection-summary{display:none!important}.flow-actions.first-step #nextButton{width:100%;justify-content:center;margin-left:0}.setup-summary{grid-template-columns:1fr 1fr}.setup-summary>div:nth-of-type(3){grid-column:1/-1}.auth-body{overflow:auto}.auth-shell{display:block}.auth-brand-panel{min-height:420px;padding:35px 22px}.auth-brand-panel h1{font-size:48px}.auth-brand-panel>small{display:none}.auth-form-panel{padding:45px 20px}.app-topbar{height:70px;padding:0 17px}.app-topbar-title span{display:none}.app-user b,.app-user i{display:none}.app-content{width:min(calc(100% - 28px),1280px);padding:31px 0 60px}.app-welcome{display:block}.app-welcome .btn{width:100%;margin-top:22px}.app-site-card{grid-template-columns:1fr}.site-card-preview{padding:20px}.site-card-content{padding:26px 22px}.site-status-row small{display:none}.site-quick-actions{display:grid}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:18px 16px}.metric-grid strong{font-size:27px}.app-two-col{grid-template-columns:1fr}.app-panel{padding:20px 17px}.request-list>div{grid-template-columns:35px 1fr}.request-list em{grid-column:2;justify-self:start}.request-modal-card{padding:28px 19px;border-radius:17px}.request-modal-card h2{font-size:34px}.app-toast{right:18px;bottom:18px}.app-sidebar{width:min(86vw,280px)}
}

/* ===== One Admin ===== */
.one-admin-body{background:#eef1ed;color:#151b16;min-height:100vh;font-size:16px}
.admin-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#0b0f0c;color:#fff;border-right:1px solid #202621;z-index:80;padding:24px 18px 18px;display:flex;flex-direction:column}
.admin-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 22px}.admin-brand{width:158px}.admin-brand img{width:100%}.admin-close{display:none;width:38px;height:38px;border:1px solid #2c342e;background:#151a16;color:#fff;border-radius:10px;font-size:22px}
.admin-workspace{margin:0 8px 24px;padding:16px 15px;background:#121713;border:1px solid #242c26;border-radius:13px}.admin-workspace span{display:block;color:#727d74;font-size:12px;font-weight:700;letter-spacing:.12em}.admin-workspace b{display:block;margin-top:4px;font-size:15px}
.admin-nav{display:grid;gap:5px}.admin-nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 12px;border-radius:10px;color:#8e9990;font-size:15px;font-weight:560;transition:.2s ease}.admin-nav a>span{width:25px;color:#707b72;font-size:17px;text-align:center}.admin-nav a b{font-weight:560}.admin-nav a i{margin-left:auto;min-width:24px;padding:3px 7px;border-radius:99px;background:#1a201b;color:#78827a;font-size:12px;font-style:normal;text-align:center}.admin-nav a i.warn{background:rgba(201,255,65,.12);color:var(--lime)}.admin-nav a:hover{background:#121713;color:#dce2dd}.admin-nav a.active{background:#182019;color:#fff}.admin-nav a.active>span{color:var(--lime)}.admin-nav a.active i{background:#242c25;color:#b7c0b9}.admin-nav-separator{height:1px;background:#202621;margin:18px 8px}.admin-nav-secondary a{color:#737e75}
.admin-profile{margin-top:auto;padding:15px 8px 2px;border-top:1px solid #202621;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.admin-avatar{width:40px;height:40px;border-radius:11px;background:var(--lime);color:#0b0f0c;display:grid;place-items:center;font-size:12px;font-weight:800}.admin-profile b{display:block;font-size:14px}.admin-profile small{display:block;color:#778179;font-size:12px;margin-top:1px}.admin-profile button{border:0;background:transparent;color:#677168;font-size:16px}
.admin-shell{margin-left:270px;min-width:0}.admin-topbar{position:sticky;top:0;z-index:60;height:78px;padding:0 30px;border-bottom:1px solid #d8ded8;background:rgba(245,247,244,.91);backdrop-filter:blur(18px);display:flex;align-items:center;gap:22px}.admin-menu{display:none;border:0;background:transparent;font-size:22px}.admin-breadcrumb{display:grid;line-height:1.1;min-width:130px}.admin-breadcrumb span{font-size:11px;font-weight:750;letter-spacing:.12em;color:#8a948c}.admin-breadcrumb b{font-size:15px;margin-top:4px}.admin-search{margin-left:auto;width:min(430px,40vw);height:44px;border:1px solid #d4dad4;background:#fff;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#879188}.admin-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:14px;color:#1a211b}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-icon-button{width:42px;height:42px;border:1px solid #d5dbd5;background:#fff;border-radius:10px;color:#818b83}.admin-icon-button span{color:#739448;font-size:10px}
.admin-content{width:min(calc(100% - 56px),1460px);margin-inline:auto;padding:42px 0 80px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}.admin-kicker{display:inline-flex;align-items:center;gap:9px;color:#747f76;font-size:13px;font-weight:750;letter-spacing:.12em}.admin-kicker:before{content:"";width:22px;height:1px;background:#8a948b}.admin-heading h1,.admin-section-intro h2{margin:14px 0 0;letter-spacing:-.052em;line-height:1.02}.admin-heading h1{font-size:clamp(42px,4vw,62px);font-weight:620}.admin-heading h1 em,.admin-section-intro h2 em{font-style:normal;color:#627a42}.admin-heading p{max-width:730px;margin:18px 0 0;color:#687169;font-size:17px;line-height:1.55}.admin-date-card{min-width:190px;padding:18px 20px;border:1px solid #d5dbd5;background:#f8faf7;border-radius:14px}.admin-date-card span{display:block;color:#818a83;font-size:12px;font-weight:750;letter-spacing:.12em}.admin-date-card b{display:block;font-size:17px;margin-top:5px}.admin-date-card small{display:block;color:#8b948d;font-size:13px;margin-top:2px}
.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:11px}.admin-metrics article{min-height:150px;padding:23px;background:#fff;border:1px solid #d8ded8;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between}.admin-metrics article>div>span{display:block;color:#7d8780;font-size:12px;font-weight:750;letter-spacing:.1em}.admin-metrics strong{display:block;margin-top:15px;font-size:34px;line-height:1;letter-spacing:-.04em}.admin-metrics p{margin:0;color:#7c867e;font-size:13px}.admin-metrics p b{color:#5f7841}.admin-metrics p.attention b{color:#8b6726}
.admin-priority-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:11px;margin-bottom:82px}.admin-panel{background:#fff;border:1px solid #d8ded8;border-radius:18px;padding:26px}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-bottom:21px;border-bottom:1px solid #e3e7e3}.admin-panel-head.compact{align-items:center}.admin-panel-head>div>span{display:block;color:#7f8981;font-size:12px;font-weight:750;letter-spacing:.1em}.admin-panel-head h2{font-size:22px;letter-spacing:-.035em;margin:7px 0 0}.admin-text-button{border:0;background:transparent;color:#5e685f;font-size:13px;font-weight:650;padding:5px;cursor:pointer}.priority-list{display:grid}.priority-item{border:0;border-bottom:1px solid #e8ebe8;background:transparent;text-align:left;padding:18px 0;display:grid;grid-template-columns:40px 1fr auto 22px;gap:13px;align-items:center;color:#161d17;cursor:pointer}.priority-item:last-child{border-bottom:0}.priority-state{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800}.priority-state.urgent{background:#f7e9e5;color:#9b523f}.priority-state.review{background:#f7f0db;color:#8c702b}.priority-state.sla{background:#eef3e8;color:#60794a}.priority-item b{font-size:15px}.priority-item p{margin:2px 0 0;color:#808981;font-size:13px}.priority-item em{font-style:normal;font-size:12px;font-weight:650;color:#895142;background:#f8ece8;padding:6px 8px;border-radius:99px}.priority-item em.review-tag{color:#856a2c;background:#f8f1dd}.priority-item em.sla-tag{color:#61784c;background:#eef4e9}.priority-item>i{font-style:normal;color:#8b948c}.health-badge{padding:6px 8px;border-radius:99px;background:#edf5e6;color:#5c7741;font-size:12px;font-weight:750}.health-score{display:flex;align-items:flex-end;margin-top:24px}.health-score strong{font-size:58px;line-height:.85;letter-spacing:-.06em}.health-score span{margin-left:7px;color:#89928b;font-size:15px}.admin-health-panel>p{color:#727c74;font-size:14px;line-height:1.55;margin:16px 0 22px}.health-bars{display:grid;gap:14px}.health-bars>div>span{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px}.health-bars b{font-size:13px}.health-bars small{color:#8d968f;font-size:12px}.health-bars i{display:block;height:7px;background:#edf0ec;border-radius:99px;overflow:hidden}.health-bars i em{display:block;height:100%;background:#79974f;border-radius:inherit}
.admin-section{scroll-margin-top:102px;margin-bottom:82px}.admin-section-intro{max-width:860px;margin-bottom:32px}.admin-section-intro h2{font-size:clamp(38px,4.3vw,56px);font-weight:620}.admin-section-intro p{max-width:720px;margin:17px 0 0;color:#69726b;font-size:16px;line-height:1.58}.pipeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.pipeline-filter{display:flex;gap:6px;padding:4px;background:#e4e8e3;border-radius:11px}.pipeline-filter button{border:0;background:transparent;color:#69736b;border-radius:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:600}.pipeline-filter button span{margin-left:5px;color:#8c958e}.pipeline-filter button.active{background:#fff;color:#182019;box-shadow:0 2px 8px rgba(22,30,24,.07)}.admin-outline-button{border:1px solid #d3d9d3;background:#f8faf7;color:#404941;border-radius:9px;min-height:40px;padding:0 13px;font-size:13px;font-weight:620}
.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.pipeline-column{min-width:0;padding:13px;background:#e7ebe6;border:1px solid #d8ddd8;border-radius:16px}.pipeline-column>header{height:42px;padding:0 5px 10px;display:flex;align-items:center;justify-content:space-between}.pipeline-column>header>div{display:flex;align-items:center;gap:8px}.pipeline-column>header b{font-size:13px}.pipeline-column>header i{font-style:normal;color:#858e87;font-size:12px}.pipeline-dot{width:8px;height:8px;border-radius:50%}.pipeline-dot.new{background:#a47a5a}.pipeline-dot.build{background:#9e853e}.pipeline-dot.review{background:#6c7c9a}.pipeline-dot.ready{background:#6f8b4f}.pipeline-stack{display:grid;gap:9px}.project-card{width:100%;padding:17px;background:#fff;border:1px solid #d9dfd9;border-radius:13px;text-align:left;color:#1b221c;box-shadow:0 4px 14px rgba(33,44,35,.035);cursor:pointer;transition:.2s ease}.project-card:hover{transform:translateY(-2px);border-color:#c8d0c8;box-shadow:0 12px 25px rgba(33,44,35,.08)}.project-card[hidden]{display:none}.project-card.priority-card{border-top:3px solid #d9b465}.project-card.ready-card{border-top:3px solid #7e9c55}.project-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-card-top span{font-size:11px;font-weight:750;letter-spacing:.08em;color:#71806f}.project-card-top em{font-style:normal;color:#8b948d;font-size:11px}.project-card h3{font-size:17px;letter-spacing:-.02em;margin:17px 0 3px}.project-card p{margin:0;color:#818a83;font-size:12px}.project-progress{height:5px;background:#edf0ec;border-radius:99px;margin:17px 0;overflow:hidden}.project-progress i{display:block;height:100%;background:#778f59;border-radius:inherit}.project-card footer{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.owner-avatar{width:28px;height:28px;border-radius:8px;background:#eef2ec;color:#65725f;display:grid;place-items:center;font-size:10px;font-weight:750}.owner-avatar.empty{border:1px dashed #bfc8bf;background:#f8faf7;color:#8b948c;font-size:16px}.project-card footer small{color:#747e76;font-size:12px}.project-card footer b{color:#6c776e;font-size:12px}
.admin-section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.compact-intro{margin-bottom:24px}.client-controls{display:flex;gap:8px;margin-bottom:24px}.client-controls label{height:42px;width:230px;border:1px solid #d5dbd5;background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#89938b}.client-controls input,.client-controls select{font:inherit}.client-controls input{border:0;outline:0;width:100%;font-size:13px}.client-controls select,.client-controls>select{height:42px;border:1px solid #d5dbd5;background:#fff;border-radius:9px;padding:0 12px;color:#485149;font-size:13px}.client-table-wrap{background:#fff;border:1px solid #d8ded8;border-radius:16px;overflow:auto}.client-table{width:100%;border-collapse:collapse;min-width:930px}.client-table th{text-align:left;padding:14px 17px;background:#f6f8f5;color:#818b83;font-size:11px;font-weight:750;letter-spacing:.08em}.client-table td{padding:15px 17px;border-top:1px solid #e7eae7;color:#59635b;font-size:13px}.client-cell{display:flex;align-items:center;gap:11px}.client-cell>span{width:36px;height:36px;border-radius:10px;background:#eef2ed;color:#61705f;display:grid;place-items:center;font-size:10px;font-weight:800}.client-cell b{display:block;color:#202721;font-size:14px}.client-cell small{display:block;color:#8c958e;font-size:12px;margin-top:1px}.table-status{display:inline-flex;align-items:center;padding:6px 8px;border-radius:99px;font-size:11px;font-weight:650}.table-status.online,.table-status.ready{color:#617a48;background:#edf4e8}.table-status.production{color:#8a6c2b;background:#f8f1de}.table-status.review{color:#5f6e8a;background:#edf0f6}.row-action{width:32px;height:32px;border:1px solid #dce1dc;background:#fafbfa;border-radius:8px;color:#677168}.empty-table-state{padding:28px;text-align:center;color:#7b857d;font-size:14px}
.admin-operation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:11px;margin-bottom:82px;scroll-margin-top:102px}.admin-request-list{display:grid}.admin-request-list button{border:0;border-bottom:1px solid #e8ebe8;background:transparent;color:#1b221c;text-align:left;padding:17px 0;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.admin-request-list button:last-child{border-bottom:0}.request-owner{width:38px;height:38px;border-radius:10px;background:#eef2ed;color:#69776a;display:grid;place-items:center;font-size:10px;font-weight:800}.admin-request-list b{font-size:14px}.admin-request-list p{margin:2px 0 0;color:#858e87;font-size:12px}.admin-request-list em{font-style:normal;padding:6px 8px;border-radius:99px;background:#eef3eb;color:#667b52;font-size:11px;font-weight:650}.admin-request-list em.sla-tag{background:#f7eed8;color:#8b6b28}.finance-badge{color:#5c7741;background:#edf5e6;padding:6px 8px;border-radius:99px;font-size:12px;font-weight:750}.finance-number{margin:25px 0 24px;display:flex;align-items:flex-end;gap:8px}.finance-number strong{font-size:42px;line-height:1;letter-spacing:-.045em}.finance-number span{font-size:12px;color:#7e8880;font-weight:700;margin-bottom:4px}.finance-bars{display:grid;gap:14px}.finance-bars>div{display:grid;grid-template-columns:120px 1fr 82px;gap:12px;align-items:center}.finance-bars span b{display:block;font-size:12px}.finance-bars span small{display:block;color:#8b948c;font-size:11px}.finance-bars i{height:7px;background:#edf0ec;border-radius:99px;overflow:hidden}.finance-bars i em{display:block;height:100%;background:#78974f;border-radius:inherit}.finance-bars>div>strong{text-align:right;font-size:12px}.finance-note{margin:20px 0 0;color:#939b95;font-size:11px}
.site-monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.site-monitor-grid article{min-height:145px;padding:22px;background:#0f1410;color:#fff;border:1px solid #252d27;border-radius:16px;display:flex;gap:16px;align-items:flex-start}.monitor-icon{width:40px;height:40px;flex:0 0 auto;border-radius:11px;background:#1a211b;color:#a4afa6;display:grid;place-items:center}.monitor-icon.online{background:var(--lime);color:#101410}.site-monitor-grid span{display:block;color:#768179;font-size:11px;font-weight:750;letter-spacing:.09em}.site-monitor-grid strong{display:block;font-size:26px;letter-spacing:-.03em;margin-top:8px}.site-monitor-grid p{margin:4px 0 0;color:#89948b;font-size:12px}
.client-drawer{position:fixed;inset:0;z-index:120;pointer-events:none;opacity:0;transition:.24s ease}.client-drawer.open{pointer-events:auto;opacity:1}.client-drawer-backdrop{position:absolute;inset:0;background:rgba(7,10,8,.48);backdrop-filter:blur(4px)}.client-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);overflow:auto;background:#f7f9f6;color:#171d18;padding:30px;box-shadow:-30px 0 70px rgba(0,0,0,.18);transform:translateX(100%);transition:.36s var(--ease)}.client-drawer.open .client-drawer-panel{transform:none}.client-drawer-panel>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #dde2dd}.drawer-kicker,.drawer-section>span{display:block;color:#838d85;font-size:11px;font-weight:750;letter-spacing:.1em}.client-drawer-panel h2{font-size:34px;letter-spacing:-.045em;margin:6px 0 2px}.client-drawer-panel header p{margin:0;color:#7d877f;font-size:13px}.client-drawer-panel header button{width:38px;height:38px;border:1px solid #d4dad4;background:#fff;border-radius:10px;font-size:21px}.drawer-status-card{margin:20px 0;padding:17px;background:#111612;color:#fff;border-radius:13px;display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center}.drawer-status-card small{display:block;color:#7b867d;font-size:10px;font-weight:750;letter-spacing:.1em}.drawer-status-card b{display:block;font-size:14px;margin-top:2px}.drawer-status-card em{font-style:normal;color:#8e9990;font-size:12px}.drawer-section{padding:22px 0;border-bottom:1px solid #e0e4e0}.drawer-section h3{font-size:22px;line-height:1.18;letter-spacing:-.03em;margin:9px 0 18px}.drawer-section dl{margin:11px 0 0}.drawer-section dl>div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #e7eae7}.drawer-section dl>div:last-child{border-bottom:0}.drawer-section dt{color:#8a938c;font-size:12px}.drawer-section dd{margin:0;color:#303832;font-size:13px;font-weight:550}.drawer-timeline p{position:relative;margin:14px 0 0;padding-left:24px}.drawer-timeline p i{position:absolute;left:2px;top:4px;width:8px;height:8px;border-radius:50%;background:#78974f}.drawer-timeline p:before{content:"";position:absolute;left:5px;top:13px;bottom:-18px;width:1px;background:#d8ddd8}.drawer-timeline p:last-child:before{display:none}.drawer-timeline b{display:block;font-size:13px}.drawer-timeline small{display:block;color:#8a938c;font-size:12px;margin-top:2px}.client-drawer-panel>footer{display:flex;gap:8px;padding-top:22px;flex-wrap:wrap}.admin-toast{position:fixed;right:28px;bottom:28px;z-index:150;width:min(380px,calc(100% - 36px));padding:16px 17px;background:#0f1410;color:#fff;border:1px solid #2d362f;border-radius:13px;box-shadow:0 25px 60px rgba(0,0,0,.25);display:flex;align-items:flex-start;gap:11px;transform:translateY(130%);opacity:0;transition:.35s var(--ease)}.admin-toast.show{transform:none;opacity:1}.admin-toast>span{width:30px;height:30px;border-radius:8px;background:var(--lime);color:#0d100e;display:grid;place-items:center;font-weight:800}.admin-toast b{font-size:13px}.admin-toast p{margin:2px 0 0;color:#8d988f;font-size:12px}
@media(max-width:1180px){.admin-sidebar{transform:translateX(-100%);transition:.3s var(--ease);box-shadow:22px 0 55px rgba(0,0,0,.18)}.admin-sidebar.open{transform:none}.admin-close,.admin-menu{display:block}.admin-shell{margin-left:0}.admin-priority-grid,.admin-operation-grid{grid-template-columns:1fr}.admin-metrics,.site-monitor-grid{grid-template-columns:repeat(2,1fr)}.pipeline-board{grid-template-columns:repeat(4,280px)}.admin-section-header-row{display:block}.client-controls{justify-content:flex-start}}
@media(max-width:760px){.one-admin-body{font-size:16px}.admin-sidebar{width:min(88vw,286px)}.admin-topbar{height:70px;padding:0 16px;gap:12px}.admin-breadcrumb{display:none}.admin-search{width:auto;flex:1}.admin-top-actions .btn{display:none}.admin-icon-button{display:none}.admin-content{width:min(calc(100% - 28px),1460px);padding:28px 0 60px}.admin-heading{display:block}.admin-heading h1{font-size:42px}.admin-heading p{font-size:16px}.admin-date-card{margin-top:20px;display:inline-block}.admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.admin-metrics article{min-height:132px;padding:18px}.admin-metrics article>div>span{font-size:11px}.admin-metrics strong{font-size:27px}.admin-metrics p{font-size:12px}.admin-priority-grid{margin-bottom:64px}.admin-panel{padding:21px 17px}.admin-panel-head{display:block}.admin-panel-head .admin-text-button{margin-top:9px;padding-left:0}.priority-item{grid-template-columns:38px 1fr 18px}.priority-item em{grid-column:2;justify-self:start}.admin-section{margin-bottom:64px}.admin-section-intro h2{font-size:38px}.admin-section-intro p{font-size:15px}.pipeline-toolbar{align-items:flex-start}.pipeline-filter{overflow-x:auto}.pipeline-filter button{white-space:nowrap}.pipeline-toolbar>.admin-outline-button{display:none}.pipeline-board{grid-template-columns:repeat(4,270px);margin-right:-14px}.client-controls{display:grid;grid-template-columns:1fr}.client-controls label{width:100%}.client-controls>select{width:100%}.admin-operation-grid{margin-bottom:64px}.site-monitor-grid{grid-template-columns:1fr 1fr}.site-monitor-grid article{min-height:130px;padding:18px;display:block}.monitor-icon{margin-bottom:15px}.site-monitor-grid strong{font-size:23px}.client-drawer-panel{padding:24px 18px}.client-drawer-panel h2{font-size:30px}.drawer-section dl>div{grid-template-columns:1fr;gap:3px}.finance-bars>div{grid-template-columns:100px 1fr}.finance-bars>div>strong{grid-column:2;text-align:left}.admin-toast{right:18px;bottom:18px}}
@media(max-width:460px){.admin-metrics{grid-template-columns:1fr}.site-monitor-grid{grid-template-columns:1fr}.pipeline-filter{max-width:100%}}

/* WebFun One V5 — One Engine */
.one-engine-body{background:#0b0e0c;color:#fff;overflow-x:hidden}.engine-shell{background:#0b0e0c;min-height:100vh}.engine-content{width:min(calc(100% - 48px),1520px);margin:0 auto;padding:42px 0 90px}.engine-topbar{background:rgba(11,14,12,.9)}.engine-live{margin-left:auto;display:flex;align-items:center;gap:8px;color:#8e988f;font-size:12px}.engine-live i,.engine-stage-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px rgba(201,255,65,.7)}.engine-heading{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:44px;align-items:end;margin-bottom:34px}.engine-heading h1{margin:10px 0 0;max-width:900px;font-size:clamp(46px,5vw,70px);line-height:.98;letter-spacing:-.055em;font-weight:620}.engine-heading h1 em{font-style:normal;color:var(--lime)}.engine-heading p{max-width:820px;margin:22px 0 0;color:#8f9991;font-size:17px;line-height:1.6}.engine-score-card{padding:22px;border:1px solid #252b26;border-radius:18px;background:#111512}.engine-score-card>span,.engine-config-head>span,.engine-stage-head>div>span,.engine-inspector-head>span{display:block;color:#687269;font-size:10px;font-weight:750;letter-spacing:.14em}.engine-score-card strong{display:block;margin:12px 0 5px;font-size:38px;line-height:1;color:#fff}.engine-score-card strong small{font-size:14px;color:#677168}.engine-score-card p{margin:0;font-size:12px;color:#727c74;line-height:1.45}
.engine-workbench{display:grid;grid-template-columns:300px minmax(560px,1fr) 280px;min-height:880px;border:1px solid #222823;border-radius:22px;overflow:hidden;background:#0e120f}.engine-config,.engine-inspector{background:#111512}.engine-config{border-right:1px solid #252b26;padding:22px}.engine-inspector{border-left:1px solid #252b26;padding:22px}.engine-config-head{padding-bottom:18px;border-bottom:1px solid #242a25}.engine-config-head b{display:block;margin-top:7px;font-size:17px}.engine-config-head small{color:#69736b;font-size:11px}.engine-control-group{padding:20px 0;border-bottom:1px solid #232824}.engine-control-group label[for],.engine-label{display:block;margin-bottom:10px;color:#778178;font-size:10px;font-weight:750;letter-spacing:.13em}.engine-control-group select{width:100%;height:44px;padding:0 12px;border:1px solid #303832;border-radius:10px;background:#0d110e;color:#fff;font-size:13px;outline:none}.engine-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.engine-choice-grid button{min-height:58px;padding:10px;text-align:left;border:1px solid #2a302b;border-radius:10px;background:#0e120f;color:#fff;cursor:pointer;transition:.2s ease}.engine-choice-grid button:last-child{grid-column:1/-1}.engine-choice-grid button b{display:block;font-size:12px}.engine-choice-grid button small{display:block;margin-top:2px;color:#69736b;font-size:9px}.engine-choice-grid button.active{border-color:rgba(201,255,65,.5);background:rgba(201,255,65,.055);box-shadow:inset 0 0 0 1px rgba(201,255,65,.08)}.engine-choice-grid button.active b{color:var(--lime)}.engine-mood-list{display:grid;gap:7px}.engine-mood-list button{width:100%;display:grid;grid-template-columns:18px 1fr 16px;gap:10px;align-items:center;padding:10px;border:1px solid #2a302b;border-radius:10px;background:#0e120f;color:#fff;text-align:left;cursor:pointer}.engine-mood-list button em{font-style:normal;color:transparent;font-size:11px}.engine-mood-list button.active{border-color:#46513f}.engine-mood-list button.active em{color:var(--lime)}.engine-mood-list span b{display:block;font-size:11px}.engine-mood-list span small{display:block;color:#687169;font-size:9px}.mood-dot{width:16px;height:16px;border-radius:5px;display:block}.mood-dot.calm{background:linear-gradient(135deg,#f5f7f4 50%,#c9ff41 50%)}.mood-dot.dark{background:linear-gradient(135deg,#0d110e 50%,#c9ff41 50%)}.mood-dot.editorial{background:linear-gradient(135deg,#f1ece4 50%,#b88a62 50%)}.engine-label-row{display:flex;align-items:center;justify-content:space-between}.engine-label-row small{color:#667067;font-size:10px}.engine-block-list{display:grid;gap:5px}.engine-block-list label{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;margin:0;padding:7px 8px;border-radius:8px;cursor:pointer}.engine-block-list label:hover{background:#171c18}.engine-block-list input{accent-color:var(--lime)}.engine-block-list span{font-size:11px;color:#cbd2cc}.engine-block-list em{font-style:normal;color:#626c64;font-size:9px}.engine-compose-button{width:100%;margin-top:18px;display:grid;grid-template-columns:28px 1fr;gap:0 7px;align-items:center;padding:13px;border:1px solid rgba(201,255,65,.32);border-radius:12px;background:rgba(201,255,65,.08);color:#fff;text-align:left;cursor:pointer}.engine-compose-button>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:#0c100d}.engine-compose-button b{font-size:11px}.engine-compose-button small{font-size:9px;color:#79847b}
.engine-stage{background:#0b0e0c;min-width:0}.engine-stage-head{height:68px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #232824}.engine-stage-head>div:first-child b{display:block;margin-top:2px;font-size:12px}.engine-device-switch{display:flex;padding:3px;border:1px solid #2b322c;border-radius:9px;background:#111512}.engine-device-switch button{border:0;border-radius:6px;background:transparent;color:#6f7971;font-size:10px;padding:7px 10px;cursor:pointer}.engine-device-switch button.active{background:#252c26;color:#fff}.engine-stage-status{justify-self:end;display:flex;align-items:center;gap:7px;color:#6f7971;font-size:10px}.engine-preview-wrap{min-height:812px;display:grid;place-items:center;padding:34px 24px;background:radial-gradient(circle at 50% 0,rgba(201,255,65,.045),transparent 35%),#0b0e0c}.engine-preview-browser{width:min(100%,780px);max-height:720px;overflow:auto;border:1px solid #303731;border-radius:18px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.42);transition:.4s var(--ease)}.engine-preview-browser.recomposing{opacity:.2;transform:scale(.985);filter:blur(2px)}.mobile-preview .engine-preview-browser{width:360px}.engine-browser-bar{height:35px;position:sticky;top:0;z-index:5;display:grid;grid-template-columns:60px 1fr 30px;align-items:center;padding:0 10px;background:#161b17;color:#7f8981}.engine-browser-bar>span{display:flex;gap:4px}.engine-browser-bar>span i{width:6px;height:6px;border-radius:50%;background:#555f57}.engine-browser-bar>div{height:19px;display:grid;place-items:center;border-radius:6px;background:#202621;font-size:8px}.engine-browser-bar em{font-style:normal;text-align:right;font-size:10px}.generated-site{--g-bg:#f5f7f4;--g-ink:#171b18;--g-primary:#171b18;--g-accent:#c9ff41;background:var(--g-bg);color:var(--g-ink);font-family:Geist,sans-serif;transition:.3s ease}.generated-site.dark{--g-bg:#0e110f;--g-ink:#f0f3ef;--g-primary:#c9ff41;--g-accent:#283226}.generated-site.editorial{--g-bg:#f1ece4;--g-ink:#171717;--g-primary:#171717;--g-accent:#d7b89d}.generated-nav{height:54px;display:flex;align-items:center;gap:18px;padding:0 25px;border-bottom:1px solid color-mix(in srgb,var(--g-ink) 12%,transparent);font-size:8px}.generated-nav b{font-size:12px;letter-spacing:.16em}.generated-nav span{margin-left:auto;opacity:.62}.generated-nav button{border:0;border-radius:5px;padding:7px 10px;background:var(--g-primary);color:var(--g-bg);font-size:8px}.generated-site.dark .generated-nav button{color:#0c100d}.generated-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:310px;padding:38px 28px 30px;gap:24px}.generated-copy{align-self:center}.generated-copy small,.generated-story small,.generated-simple small,.generated-contact small,.generated-faq>small{font-size:7px;font-weight:750;letter-spacing:.14em;color:color-mix(in srgb,var(--g-primary) 74%,var(--g-ink))}.generated-copy h2{margin:12px 0 10px;font-size:31px;line-height:.98;letter-spacing:-.052em;font-weight:620}.generated-copy p{max-width:300px;font-size:9px;line-height:1.55;opacity:.65}.generated-copy a{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:5px;background:var(--g-primary);color:var(--g-bg);font-size:8px;font-weight:650}.generated-site.dark .generated-copy a{color:#0c100d}.generated-media{position:relative;min-height:240px;border-radius:70px 70px 10px 10px;overflow:hidden}.generated-media img{width:100%;height:100%;object-fit:cover}.generated-rating{position:absolute;left:10px;bottom:10px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.9);color:#18201b;box-shadow:0 10px 30px rgba(0,0,0,.1)}.generated-rating b{font-size:13px}.generated-rating span{margin-left:5px;color:#977b36;font-size:7px}.generated-rating small{display:block;font-size:6px}.generated-trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--g-ink) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--g-ink) 12%,transparent)}.generated-trust span{padding:13px;text-align:center;font-size:6px;font-weight:700;letter-spacing:.1em}.generated-services{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 28px;gap:8px}.generated-services div{padding:16px;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 42%,transparent)}.generated-services small{font-size:7px;opacity:.5}.generated-services b{display:block;margin-top:12px;font-size:10px;line-height:1.25}.generated-story,.generated-simple{padding:30px 28px}.generated-story h3,.generated-simple h3{max-width:480px;margin:8px 0 0;font-size:24px;line-height:1.04;letter-spacing:-.045em}.generated-review{margin:0 28px 24px;padding:22px;border-radius:10px;background:var(--g-primary);color:var(--g-bg)}.generated-review p{margin:0;font-size:15px;line-height:1.25;letter-spacing:-.02em}.generated-review span{display:block;margin-top:9px;font-size:7px;opacity:.65}.generated-faq{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:22px 28px;border-top:1px solid color-mix(in srgb,var(--g-ink) 12%,transparent)}.generated-faq>small{grid-column:1/-1}.generated-faq b{font-size:10px}.generated-contact{padding:34px 28px;background:var(--g-primary);color:var(--g-bg)}.generated-contact small{color:inherit;opacity:.6}.generated-contact h3{max-width:460px;margin:8px 0 15px;font-size:26px;line-height:1}.generated-contact button{border:0;border-radius:5px;padding:9px 12px;background:var(--g-bg);color:var(--g-primary);font-size:8px;font-weight:700}.mobile-preview .generated-nav span{display:none}.mobile-preview .generated-hero{grid-template-columns:1fr;padding:26px 18px}.mobile-preview .generated-media{min-height:250px}.mobile-preview .generated-services{grid-template-columns:1fr;padding-inline:18px}.mobile-preview .generated-trust{grid-template-columns:1fr}.mobile-preview .generated-story,.mobile-preview .generated-simple,.mobile-preview .generated-contact,.mobile-preview .generated-faq{padding-left:18px;padding-right:18px}
.engine-inspector-head{padding-bottom:18px;border-bottom:1px solid #242a25}.engine-inspector-head b{display:block;margin-top:7px;font-size:14px}.engine-insight{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid #222823}.engine-insight>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1a201b;color:#89938b;font-size:11px}.engine-insight.success>span{background:rgba(201,255,65,.1);color:var(--lime)}.engine-insight b{display:block;font-size:11px}.engine-insight p{margin:3px 0 0;color:#69736b;font-size:9px;line-height:1.45}.engine-separator{height:1px;background:#252b26;margin:20px 0}.engine-token-card>span,.engine-system-note>span{display:block;margin-bottom:12px;color:#687169;font-size:9px;font-weight:750;letter-spacing:.13em}.engine-token-card>div{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;margin:7px 0}.engine-token-card i{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.engine-token-card b{font-size:10px}.engine-token-card small{font-size:8px;color:#626c64}.engine-system-note{padding:15px;border-radius:11px;background:#0d110e;border:1px solid #272e28}.engine-system-note p{margin:0;color:#7b857d;font-size:10px;line-height:1.55}.engine-system-note span{color:var(--lime)}
.engine-library-section{padding:100px 0 10px}.engine-architecture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.engine-architecture-grid article{padding:18px;border:1px solid #252b26;border-radius:16px;background:#111512}.engine-architecture-grid article.active{border-color:rgba(201,255,65,.35)}.engine-architecture-grid article>span{color:#5f695f;font-size:9px;font-weight:700}.engine-architecture-grid h3{margin:15px 0 5px;font-size:16px;letter-spacing:-.025em}.engine-architecture-grid p{min-height:48px;margin:0;color:#778179;font-size:11px;line-height:1.45}.engine-architecture-grid small{display:block;margin-top:13px;color:#59635b;font-size:9px}.architecture-mini{height:120px;margin-top:12px;padding:8px;border-radius:10px;background:#e9ece8;display:grid;gap:5px;grid-template-columns:1fr 1fr}.architecture-mini i{display:block;border-radius:4px;background:#293329}.architecture-mini i:first-child{grid-column:1/-1;height:24px}.local-mini i:nth-child(2){grid-row:2/4}.authority-mini{grid-template-columns:1fr}.authority-mini i:nth-child(n){grid-column:auto}.premium-mini i:nth-child(2){grid-column:1/-1;height:48px}.catalog-mini{grid-template-columns:repeat(2,1fr)}.lead-mini i:nth-child(2){grid-column:1/-1;height:55px}

/* Generated full-site preview */
.site-output-body{margin:0;background:#111512;color:#17231f;font-family:Geist,sans-serif}.output-preview-bar{position:sticky;top:0;z-index:100;height:50px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#0b0e0c;color:#a5aea7;border-bottom:1px solid #252b26;font-size:11px}.output-preview-bar>div{display:flex;align-items:center;gap:9px}.output-preview-bar img{width:19px;height:19px}.output-preview-bar i{width:7px;height:7px;border-radius:50%;background:#f0b34c}.output-preview-bar button{margin-left:10px;border:1px solid #323a33;border-radius:8px;background:#151a16;color:#fff;padding:7px 11px;font-size:10px;cursor:pointer}.output-site{--o-bg:#f5f7f4;--o-ink:#171b18;--o-primary:#171b18;--o-accent:#c9ff41;max-width:1600px;margin:0 auto;background:var(--o-bg);color:var(--o-ink);overflow:hidden}.output-site[data-mood="dark"]{--o-bg:#0e110f;--o-ink:#f0f3ef;--o-primary:#c9ff41;--o-accent:#283226}.output-site[data-mood="editorial"]{--o-bg:#f1ece4;--o-ink:#171717;--o-primary:#171717;--o-accent:#d7b89d}.output-nav{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:35px;border-bottom:1px solid color-mix(in srgb,var(--o-ink) 12%,transparent)}.output-nav>b{font-size:19px;letter-spacing:.18em}.output-nav nav{display:flex;gap:26px;margin-left:auto}.output-nav nav a{font-size:13px;opacity:.65}.output-nav-cta,.output-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--o-primary);color:var(--o-bg);font-weight:650}.output-site[data-mood="dark"] .output-nav-cta,.output-site[data-mood="dark"] .output-primary{color:#0b0e0c}.output-nav-cta{min-height:42px;padding:0 16px;font-size:12px}.output-hero{display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center;padding:72px clamp(24px,5vw,76px) 82px}.output-copy small,.output-section-head small,.output-story small,.output-contact small,.output-extra small{font-size:11px;font-weight:750;letter-spacing:.14em;color:color-mix(in srgb,var(--o-primary) 76%,var(--o-ink))}.output-copy h1{max-width:760px;margin:19px 0 20px;font-size:clamp(54px,5.5vw,86px);line-height:.96;letter-spacing:-.055em;font-weight:620}.output-copy p{max-width:610px;margin:0;font-size:18px;line-height:1.6;opacity:.68}.output-copy>div{margin-top:30px;display:flex;align-items:center;gap:18px}.output-primary{min-height:52px;padding:0 20px;font-size:14px}.output-copy>div>span{font-size:12px;opacity:.58}.output-hero figure{position:relative;margin:0;height:600px;border-radius:180px 180px 22px 22px;overflow:hidden}.output-hero figure>img{width:100%;height:100%;object-fit:cover}.output-hero figcaption{position:absolute;left:18px;bottom:18px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.92);color:#1b241f;box-shadow:0 18px 50px rgba(0,0,0,.15);font-size:11px}.output-hero figcaption span{color:#5c8d60}.output-trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid color-mix(in srgb,var(--o-ink) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--o-ink) 12%,transparent)}.output-trust span{padding:22px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.12em}.output-services{padding:110px clamp(24px,5vw,76px)}.output-section-head{max-width:820px}.output-section-head h2,.output-story h2,.output-extra h2,.output-faq h2,.output-contact h2{margin:16px 0 18px;font-size:clamp(42px,4.5vw,66px);line-height:1;letter-spacing:-.05em;font-weight:620}.output-section-head p,.output-story>div>p{max-width:640px;font-size:17px;line-height:1.6;opacity:.62}.output-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:52px}.output-service-grid article{min-height:250px;padding:26px;border-radius:18px;background:color-mix(in srgb,var(--o-accent) 40%,transparent)}.output-service-grid span{font-size:11px;opacity:.45}.output-service-grid h3{margin:55px 0 12px;font-size:24px;line-height:1.1;letter-spacing:-.03em}.output-service-grid p{font-size:14px;line-height:1.55;opacity:.6}.output-story{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:end;padding:110px clamp(24px,5vw,76px);background:var(--o-primary);color:var(--o-bg)}.output-site[data-mood="dark"] .output-story{color:#0b0e0c}.output-story small{color:inherit;opacity:.7}.output-story-card{padding:28px;border-radius:18px;background:color-mix(in srgb,var(--o-bg) 13%,transparent);border:1px solid color-mix(in srgb,var(--o-bg) 20%,transparent)}.output-story-card span{font-size:10px;letter-spacing:.12em;opacity:.7}.output-story-card strong{display:block;margin:20px 0 5px;font-size:54px;line-height:1}.output-story-card p{margin:0;font-size:13px;line-height:1.5;opacity:.68}.output-review{padding:110px clamp(24px,8vw,130px);text-align:center}.output-review blockquote{max-width:1000px;margin:0 auto;font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:550}.output-review span{display:block;margin-top:25px;font-size:12px;opacity:.55}.output-extra{padding:100px clamp(24px,5vw,76px);border-top:1px solid color-mix(in srgb,var(--o-ink) 12%,transparent)}.output-faq{padding:110px clamp(24px,5vw,76px)}.output-faq details{max-width:850px;padding:22px 0;border-top:1px solid color-mix(in srgb,var(--o-ink) 15%,transparent)}.output-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--o-ink) 15%,transparent)}.output-faq summary{font-size:17px;font-weight:600;cursor:pointer}.output-faq details p{max-width:720px;font-size:14px;line-height:1.6;opacity:.62}.output-contact{padding:110px clamp(24px,5vw,76px);background:var(--o-primary);color:var(--o-bg)}.output-site[data-mood="dark"] .output-contact{color:#0b0e0c}.output-contact small{color:inherit;opacity:.7}.output-contact h2{max-width:900px}.output-contact p{font-size:17px;opacity:.7}.output-contact a{display:inline-flex;margin-top:20px;padding:15px 20px;border-radius:9px;background:var(--o-bg);color:var(--o-primary);font-size:14px;font-weight:700}.output-footer{padding:42px clamp(24px,5vw,76px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border-top:1px solid color-mix(in srgb,var(--o-ink) 12%,transparent)}.output-footer b{letter-spacing:.16em}.output-footer p{margin:0;font-size:12px;opacity:.6}.output-footer span{font-size:10px;opacity:.45}
@media(max-width:1280px){.engine-workbench{grid-template-columns:280px minmax(500px,1fr)}.engine-inspector{display:none}.engine-architecture-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.engine-heading{grid-template-columns:1fr}.engine-score-card{display:none}.engine-workbench{grid-template-columns:1fr}.engine-config{border-right:0;border-bottom:1px solid #252b26}.engine-stage{min-height:700px}.engine-architecture-grid{grid-template-columns:repeat(2,1fr)}.output-hero{grid-template-columns:1fr}.output-hero figure{height:520px}.output-story{grid-template-columns:1fr}.output-service-grid{grid-template-columns:1fr}.output-trust{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.engine-content{width:min(calc(100% - 28px),1520px);padding-top:28px}.engine-heading h1{font-size:42px}.engine-heading p{font-size:15px}.engine-live{display:none}.engine-workbench{border-radius:16px}.engine-choice-grid{grid-template-columns:1fr 1fr}.engine-stage-head{grid-template-columns:1fr auto}.engine-stage-status{display:none}.engine-preview-wrap{padding:20px 8px;min-height:650px}.engine-preview-browser{max-height:650px}.engine-architecture-grid{grid-template-columns:1fr}.engine-library-section{padding-top:70px}.output-preview-bar{padding:0 12px}.output-preview-bar>div:first-child span{display:none}.output-nav{height:70px;padding-inline:18px}.output-nav nav{display:none}.output-nav-cta{margin-left:auto}.output-hero{padding:56px 18px 60px;gap:36px}.output-copy h1{font-size:46px}.output-copy p{font-size:16px}.output-copy>div{display:grid;align-items:start}.output-hero figure{height:430px;border-radius:100px 100px 16px 16px}.output-trust{grid-template-columns:1fr 1fr}.output-trust span{font-size:8px;padding:16px 8px}.output-services,.output-faq,.output-extra{padding:76px 18px}.output-story,.output-contact{padding:76px 18px}.output-section-head h2,.output-story h2,.output-extra h2,.output-faq h2,.output-contact h2{font-size:40px}.output-review{padding:76px 18px}.output-review blockquote{font-size:34px}.output-footer{grid-template-columns:1fr;padding:32px 18px;gap:8px}}

/* ===== V6 · Operational workflow ===== */
.workflow-body{background:#090c0a;color:#f7faf7}.workflow-shell{margin-left:248px;min-height:100vh}.workflow-topbar{min-height:76px;padding:14px 28px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #252b26;background:rgba(9,12,10,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.workflow-topbar .admin-menu{display:none}.workflow-breadcrumb{min-width:0}.workflow-breadcrumb span{display:block;color:#7f8981;font-size:13px;font-weight:700;letter-spacing:.12em}.workflow-breadcrumb b{display:block;margin-top:3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.workflow-main{padding:34px 30px 70px;max-width:1500px;margin:0 auto}.workflow-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:30px}.workflow-kicker{display:block;color:var(--lime);font-size:14px;font-weight:700;letter-spacing:.13em}.workflow-hero h1{max-width:850px;margin:10px 0 12px;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.045em;font-weight:620}.workflow-hero h1 em{font-style:normal;color:#9da79f}.workflow-hero p{max-width:780px;margin:0;color:#9ca69e;font-size:17px;line-height:1.6}.workflow-state-card{min-width:250px;padding:20px;border:1px solid #2b322c;border-radius:18px;background:#111512}.workflow-state-card span{font-size:13px;color:#7f8981}.workflow-state-card b{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:17px}.workflow-state-card b i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,255,65,.08)}.workflow-state-card small{display:block;margin-top:7px;color:#687169;font-size:13px}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #252b26;border-radius:18px;overflow:hidden;background:#0f1310;margin-bottom:24px}.workflow-step{position:relative;min-height:112px;padding:20px;border-right:1px solid #252b26}.workflow-step:last-child{border-right:0}.workflow-step span{display:flex;align-items:center;justify-content:space-between;color:#687169;font-size:13px;font-weight:700}.workflow-step span i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#171c18;color:#788179;font-style:normal}.workflow-step b{display:block;margin-top:16px;font-size:15px}.workflow-step small{display:block;margin-top:5px;color:#717b73;font-size:13px;line-height:1.4}.workflow-step.done span i,.workflow-step.current span i{background:rgba(201,255,65,.1);color:var(--lime)}.workflow-step.current:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:var(--lime)}.workflow-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:16px;align-items:start}.workflow-panel{border:1px solid #252b26;border-radius:18px;background:#111512;overflow:hidden}.workflow-panel-head{padding:19px 20px;border-bottom:1px solid #252b26}.workflow-panel-head span{color:#7f8981;font-size:13px;font-weight:700;letter-spacing:.1em}.workflow-panel-head h2{margin:6px 0 0;font-size:18px}.workflow-panel-body{padding:20px}.briefing-list{display:grid;gap:18px}.briefing-list div{padding-bottom:17px;border-bottom:1px solid #202620}.briefing-list div:last-child{padding-bottom:0;border-bottom:0}.briefing-list dt{color:#687169;font-size:13px}.briefing-list dd{margin:6px 0 0;color:#e6ebe7;font-size:14px;line-height:1.5}.workflow-owner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;border-radius:12px;background:#171c18}.workflow-owner i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(201,255,65,.1);color:var(--lime);font-style:normal;font-size:13px;font-weight:700}.workflow-owner b{display:block;font-size:14px}.workflow-owner small{display:block;margin-top:2px;color:#788179;font-size:13px}.workflow-preview-card{min-width:0}.workflow-preview-toolbar{min-height:62px;padding:12px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #252b26}.workflow-preview-toolbar>div:first-child{min-width:0}.workflow-preview-toolbar b{display:block;font-size:15px}.workflow-preview-toolbar small{display:block;margin-top:3px;color:#768078;font-size:13px}.workflow-preview-toolbar .workflow-preview-actions{margin-left:auto;display:flex;gap:8px}.workflow-preview-frame{height:650px;background:#0a0d0b}.workflow-preview-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.workflow-action-bar{padding:18px;display:flex;align-items:center;gap:12px;border-top:1px solid #252b26}.workflow-action-bar p{margin:0 auto 0 0;color:#778178;font-size:13px;line-height:1.45}.workflow-action-bar p b{color:#cdd4ce}.workflow-checklist{display:grid;gap:10px}.workflow-check{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #262d27;border-radius:12px;background:#0e120f}.workflow-check i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(201,255,65,.1);color:var(--lime);font-style:normal}.workflow-check b{display:block;font-size:14px}.workflow-check small{display:block;margin-top:4px;color:#707a72;font-size:13px;line-height:1.4}.workflow-version-list{display:grid;gap:0}.workflow-version{padding:14px 0;border-bottom:1px solid #222823}.workflow-version:last-child{border-bottom:0}.workflow-version span{display:flex;justify-content:space-between;gap:10px;font-size:13px}.workflow-version span b{font-size:14px}.workflow-version span em{font-style:normal;color:#788179}.workflow-version p{margin:5px 0 0;color:#69736b;font-size:13px;line-height:1.4}.workflow-note{margin-top:16px;padding:14px;border-radius:12px;background:rgba(201,255,65,.055);border:1px solid rgba(201,255,65,.14);color:#aeb7af;font-size:13px;line-height:1.5}.workflow-status-message{display:none;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(201,255,65,.22);border-radius:12px;background:rgba(201,255,65,.07);font-size:14px;color:#dfe5df}.workflow-status-message.show{display:flex;align-items:center;gap:10px}.workflow-status-message span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:#0b0e0c;font-weight:800}.workflow-publish{display:none}.workflow-publish.visible{display:inline-flex}.workflow-send.hidden{display:none}.workflow-toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:380px;padding:16px 18px;display:flex;gap:11px;align-items:flex-start;border:1px solid #303832;border-radius:14px;background:#151a16;box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease}.workflow-toast.show{opacity:1;transform:none}.workflow-toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:#0b0e0c;font-weight:900}.workflow-toast b{font-size:14px}.workflow-toast p{margin:4px 0 0;color:#858f87;font-size:13px;line-height:1.4}

/* Client approval */
.approval-body{margin:0;background:#090c0a;color:#f5f8f5;font-family:Geist,system-ui,sans-serif}.approval-header{height:74px;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;border-bottom:1px solid #252b26;background:#0b0f0c}.approval-header img{width:142px;height:auto}.approval-header span{margin-left:auto;color:#849087;font-size:13px}.approval-main{max-width:1480px;margin:0 auto;padding:42px clamp(20px,4vw,56px) 70px}.approval-intro{max-width:900px;margin-bottom:28px}.approval-intro .workflow-kicker{font-size:14px}.approval-intro h1{margin:10px 0 14px;font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.05em;font-weight:620}.approval-intro p{max-width:780px;margin:0;color:#9ba59d;font-size:17px;line-height:1.6}.approval-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.approval-browser{border:1px solid #2a312b;border-radius:20px;overflow:hidden;background:#111512}.approval-browser-bar{height:46px;padding:0 14px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;background:#151a16;border-bottom:1px solid #252b26}.approval-browser-bar>span{display:flex;gap:6px}.approval-browser-bar i{width:8px;height:8px;border-radius:50%;background:#444d46}.approval-browser-bar div{justify-self:center;max-width:520px;width:100%;padding:6px 10px;text-align:center;border-radius:8px;background:#202621;color:#7e8880;font-size:12px}.approval-browser-bar em{justify-self:end;color:#6f7971;font-style:normal;font-size:12px}.approval-frame{height:760px}.approval-frame iframe{width:100%;height:100%;display:block;border:0;background:#fff}.approval-side{display:grid;gap:14px}.approval-card{padding:20px;border:1px solid #252b26;border-radius:18px;background:#111512}.approval-card>span{color:#7d8780;font-size:13px;font-weight:700;letter-spacing:.1em}.approval-card h2{margin:8px 0 8px;font-size:20px}.approval-card p{margin:0;color:#89938b;font-size:14px;line-height:1.55}.approval-actions{display:grid;gap:9px;margin-top:18px}.approval-actions .btn{width:100%;justify-content:center}.approval-comment{margin-top:16px}.approval-comment label{display:block;margin-bottom:8px;color:#aab2ac;font-size:14px;font-weight:600}.approval-comment textarea{width:100%;min-height:130px;resize:vertical;padding:13px;border:1px solid #303832;border-radius:12px;background:#0d110e;color:#fff;font:inherit;font-size:14px;line-height:1.5;outline:none}.approval-comment textarea:focus{border-color:rgba(201,255,65,.48);box-shadow:0 0 0 3px rgba(201,255,65,.07)}.approval-timeline{display:grid;gap:13px;margin-top:15px}.approval-timeline div{display:grid;grid-template-columns:12px 1fr;gap:10px}.approval-timeline i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#4b554d}.approval-timeline div.done i{background:var(--lime)}.approval-timeline b{font-size:14px}.approval-timeline small{display:block;margin-top:3px;color:#727c74;font-size:13px}.approval-success{display:none;padding:18px;border-radius:15px;background:rgba(201,255,65,.08);border:1px solid rgba(201,255,65,.22)}.approval-success.show{display:block}.approval-success span{width:36px;height:36px;display:grid;place-items:center;margin-bottom:11px;border-radius:10px;background:var(--lime);color:#0b0e0c;font-weight:900}.approval-success b{display:block;font-size:17px}.approval-success p{margin-top:6px}

@media (max-width:1180px){.workflow-grid{grid-template-columns:240px minmax(0,1fr)}.workflow-grid>.workflow-panel:last-child{grid-column:1/-1}.workflow-grid>.workflow-panel:last-child .workflow-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.approval-layout{grid-template-columns:minmax(0,1fr) 300px}.approval-frame{height:660px}}
@media (max-width:980px){.workflow-shell{margin-left:0}.workflow-topbar .admin-menu{display:grid}.workflow-main{padding:28px 20px 60px}.workflow-hero{grid-template-columns:1fr}.workflow-state-card{min-width:0}.workflow-steps{grid-template-columns:1fr 1fr}.workflow-step{border-bottom:1px solid #252b26}.workflow-step:nth-child(2n){border-right:0}.workflow-step:last-child{grid-column:1/-1}.workflow-grid{grid-template-columns:1fr}.workflow-grid>.workflow-panel:last-child{grid-column:auto}.workflow-grid>.workflow-panel:last-child .workflow-panel-body{display:block}.workflow-preview-frame{height:620px}.approval-layout{grid-template-columns:1fr}.approval-frame{height:680px}.approval-side{grid-template-columns:1fr 1fr}.approval-side>.approval-card:last-child{grid-column:1/-1}}
@media (max-width:640px){.workflow-topbar{padding:12px 16px}.workflow-breadcrumb span{display:none}.workflow-topbar-actions .admin-outline-button{display:none}.workflow-main{padding:24px 14px 48px}.workflow-hero h1{font-size:40px}.workflow-hero p{font-size:16px}.workflow-steps{grid-template-columns:1fr}.workflow-step{border-right:0}.workflow-step:last-child{grid-column:auto}.workflow-preview-toolbar{align-items:flex-start;flex-direction:column}.workflow-preview-toolbar .workflow-preview-actions{margin-left:0;width:100%}.workflow-preview-toolbar .workflow-preview-actions>*{flex:1;justify-content:center}.workflow-preview-frame{height:560px}.workflow-action-bar{align-items:stretch;flex-direction:column}.workflow-action-bar p{margin:0}.workflow-action-bar .btn{width:100%;justify-content:center}.approval-header img{width:126px}.approval-main{padding:30px 14px 50px}.approval-intro h1{font-size:42px}.approval-intro p{font-size:16px}.approval-browser-bar{grid-template-columns:42px 1fr 35px}.approval-browser-bar em{font-size:0}.approval-frame{height:600px}.approval-side{grid-template-columns:1fr}.approval-side>.approval-card:last-child{grid-column:auto}}

/* =========================================================
   V6.1 — Brand palette normalization
   One UI must never use olive / military green as a brand accent.
   Light surfaces: graphite/neutral text. Dark surfaces: official lime.
   ========================================================= */

/* Marketing / light sections: graphite instead of legacy olive text */
.section-light .section-intro h2 em,
.dashboard-benefits span,
.dash-cards span,
.dash-bottom p b{
  color:#4f5951;
}
.dash-status i,
.dash-bottom p i{
  background:var(--lime);
}
.dash-status i{
  box-shadow:0 0 0 5px rgba(201,255,65,.20);
}

/* One Admin — headline accents are neutral graphite on light UI */
.admin-heading h1 em,
.admin-section-intro h2 em{
  color:#4f5951;
}
.admin-metrics p b{
  color:#4f5951;
}

/* One Admin — official lime for positive/product states */
.health-badge,
.finance-badge,
.table-status.online,
.table-status.ready,
.admin-request-list em,
.priority-state.sla,
.priority-item em.sla-tag{
  background:rgba(201,255,65,.24);
  color:#293316;
}
.health-bars i em,
.finance-bars i em,
.project-progress i,
.drawer-timeline p i{
  background:var(--lime);
}
.pipeline-dot.ready{
  background:var(--lime);
  box-shadow:0 0 0 4px rgba(201,255,65,.14);
}
.project-card.ready-card{
  border-top-color:var(--lime);
}

/* Remove residual green cast from neutral utility elements */
.project-card-top span,
.owner-avatar,
.client-cell>span,
.request-owner{
  color:#5f6862;
}

/* Engine: keep One brand accents strictly lime / graphite */
.engine-mood-list button.active{
  border-color:rgba(201,255,65,.42);
}
.engine-architecture-grid article>span,
.engine-architecture-grid small{
  color:#737d76;
}

/* Workflow / approval: neutral gray for non-active states */
.workflow-hero h1 em{
  color:#9da79f;
}
.approval-timeline i{
  background:#59635b;
}
.approval-timeline div.done i{
  background:var(--lime);
}

/* =========================================================
   WebFun One V7 — subscription, billing and go-live
   New surfaces intentionally use 13px+ supporting type.
   ========================================================= */
.commerce-body{min-height:100vh;background:#eef1ed;color:var(--ink)}
.commerce-header{height:78px;padding:0 clamp(22px,4vw,56px);display:flex;align-items:center;border-bottom:1px solid #d8ded8;background:rgba(245,247,244,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.commerce-brand{width:158px;padding:9px 12px;border-radius:10px;background:#0b0f0c}.commerce-header>div{margin-left:auto;display:flex;gap:24px;align-items:center;color:#6b746d;font-size:14px}.commerce-header a:last-child{font-weight:650;color:#252b26}
.commerce-shell{width:min(calc(100% - 48px),1180px);margin:0 auto;padding:54px 0 84px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.commerce-intro{max-width:760px;margin-bottom:30px}.commerce-intro h1{margin:10px 0 18px;font-size:clamp(44px,5vw,66px);line-height:.98;letter-spacing:-.05em;font-weight:620}.commerce-intro h1 em{font-style:normal;color:#3c423e}.commerce-intro p{margin:0;color:#626c64;font-size:17px;line-height:1.6;max-width:720px}
.commerce-panel{background:#fff;border:1px solid #d7ddd7;border-radius:18px;padding:25px;margin-bottom:12px}.commerce-panel>header>div{display:flex;gap:13px;align-items:flex-start}.commerce-panel>header>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#101410;color:var(--lime);font-size:13px;font-weight:750}.commerce-panel header b{display:block;font-size:19px}.commerce-panel header p{margin:3px 0 0;color:#7c867e;font-size:14px}.compact-panel{padding-block:20px}
.billing-cycle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.billing-cycle button{position:relative;text-align:left;padding:18px;border:1px solid #d6dcd6;border-radius:13px;background:#f8faf7;color:#202620;cursor:pointer}.billing-cycle button.active{border-color:#151a16;box-shadow:inset 0 0 0 1px #151a16;background:#fff}.billing-cycle b{display:block;font-size:16px}.billing-cycle span{display:block;margin-top:3px;color:#727c74;font-size:13px}.billing-cycle em{position:absolute;right:12px;top:12px;background:var(--lime);color:#111;font-size:11px;font-style:normal;font-weight:800;padding:5px 7px;border-radius:6px}
.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.payment-method{position:relative;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:11px;padding:16px;border:1px solid #d6dcd6;border-radius:13px;cursor:pointer;background:#fafbf9}.payment-method.selected{background:#fff;border-color:#151a16;box-shadow:inset 0 0 0 1px #151a16}.payment-method input{position:absolute;opacity:0}.payment-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#eef1ed;font-size:17px}.payment-method b{display:block;font-size:15px}.payment-method small{display:block;margin-top:2px;color:#778178;font-size:13px}.payment-method>i{display:none;width:22px;height:22px;border-radius:50%;background:var(--lime);color:#111;place-items:center;font-style:normal;font-size:12px;font-weight:800}.payment-method.selected>i{display:grid}
.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid #e4e8e4}.card-fields label{display:grid;gap:7px}.card-fields label.full{grid-column:1/-1}.card-fields label>span{font-size:13px;color:#5e6860;font-weight:650}.card-fields input{width:100%;height:48px;border:1px solid #d3d9d3;border-radius:10px;background:#f9faf8;padding:0 13px;color:#171b18;font:inherit;font-size:15px;outline:none}.card-fields input:focus{border-color:#8d9790;box-shadow:0 0 0 3px rgba(16,19,16,.05)}.card-fields label.field-error input{border-color:#c45342}.input-with-badge{position:relative}.input-with-badge em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#717b73;font-size:12px;font-weight:800;letter-spacing:.06em}.pix-explain{margin-top:20px;padding:16px;display:flex;gap:12px;border-radius:12px;background:#f3f5f2}.pix-explain>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#111512;color:var(--lime)}.pix-explain b{font-size:14px}.pix-explain p{margin:3px 0 0;color:#6e786f;font-size:13px;line-height:1.5}.commerce-check{display:flex;align-items:flex-start;gap:11px;color:#626c64;font-size:14px;line-height:1.5}.commerce-check input{margin-top:3px;accent-color:#111512}.commerce-check.error{color:#a64135}
.order-summary{position:sticky;top:104px}.order-summary-card{padding:25px;border-radius:20px;background:#0d110e;color:#fff;box-shadow:0 24px 70px rgba(20,28,22,.14)}.order-summary-card>span{display:block;color:#89938b;font-size:13px;font-weight:750;letter-spacing:.12em}.order-business{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #282e29}.order-business>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--lime);color:#111;font-style:normal;font-weight:800}.order-business b{display:block;font-size:16px}.order-business small{display:block;margin-top:2px;color:#89938b;font-size:13px}.order-summary dl{margin:16px 0;display:grid;gap:11px}.order-summary dl div{display:flex;justify-content:space-between;gap:20px}.order-summary dt,.order-summary dd{margin:0;font-size:13px}.order-summary dt{color:#8d978f}.order-summary dd{color:#dce2dd}.order-divider{height:1px;background:#282e29;margin:18px 0}.order-total{display:flex;align-items:end;justify-content:space-between;gap:10px}.order-total small{display:block;color:#7f8981;font-size:12px;letter-spacing:.08em}.order-total b{display:block;margin-top:4px;font-size:31px;letter-spacing:-.04em}.order-total>span{padding-bottom:5px;color:#89938b;font-size:13px}.annual-note{margin-top:10px;padding:10px;border-radius:8px;background:rgba(201,255,65,.08);color:#aeb7b0;font-size:13px;line-height:1.45}.annual-note b{color:var(--lime)}.order-summary-card>.btn{width:100%;margin-top:22px}.order-safe{display:flex;gap:8px;margin:14px 0 0;color:#778178;font-size:12px;line-height:1.45}.order-safe i{color:var(--lime);font-style:normal}.order-help{display:flex;gap:11px;padding:18px 8px;color:#59635b}.order-help>span{width:32px;height:32px;border:1px solid #ccd3cc;border-radius:9px;display:grid;place-items:center;font-weight:700}.order-help b{display:block;font-size:14px;color:#2e3530}.order-help p{margin:3px 0 0;font-size:13px;line-height:1.5}.commerce-toast,.publish-toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;gap:11px;align-items:flex-start;max-width:380px;padding:16px 18px;border-radius:14px;background:#131814;color:#fff;border:1px solid #2e3630;box-shadow:0 20px 60px rgba(0,0,0,.3);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease}.commerce-toast.show,.publish-toast.show{opacity:1;transform:none}.commerce-toast>span,.publish-toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:#111;font-weight:900}.commerce-toast b,.publish-toast b{font-size:14px}.commerce-toast p,.publish-toast p{margin:3px 0 0;color:#89938b;font-size:13px}

.billing-page{width:min(calc(100% - 64px),1280px);margin:0 auto;padding:50px 0 80px;color:#151a16}.billing-heading{max-width:760px;margin-bottom:30px}.billing-heading h1{margin:8px 0 12px;font-size:clamp(42px,4.5vw,62px);line-height:1;letter-spacing:-.05em;font-weight:620}.billing-heading h1 em{font-style:normal;color:#3f4541}.billing-heading p{margin:0;color:#69736b;font-size:16px}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.billing-primary{display:grid;gap:14px}.billing-plan-card,.billing-history-card,.billing-side article{background:#fff;border:1px solid #d9dfd9;border-radius:18px}.billing-plan-card{padding:28px}.billing-card-head{display:flex;justify-content:space-between;gap:20px}.billing-card-head>div>span,.billing-history-card header span,.billing-side article>span{display:block;color:#7d8780;font-size:13px;font-weight:750;letter-spacing:.1em}.billing-card-head h2{margin:7px 0 5px;font-size:28px;letter-spacing:-.035em}.billing-card-head p{margin:0;color:#717b73;font-size:14px}.billing-card-head>i{height:max-content;padding:6px 8px;border-radius:7px;background:var(--lime);color:#111;font-size:11px;font-style:normal;font-weight:800}.billing-price-row{display:flex;align-items:end;gap:14px;padding:26px 0;border-bottom:1px solid #e3e7e3}.billing-price-row>div{display:flex;align-items:end;gap:6px}.billing-price-row strong{font-size:42px;line-height:1;letter-spacing:-.045em}.billing-price-row span{color:#707a72;font-size:14px}.billing-price-row button{margin-left:auto}.billing-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:22px}.billing-benefits div{display:flex;align-items:center;gap:9px;color:#555f57;font-size:14px}.billing-benefits span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#111512;color:var(--lime);font-size:12px}.billing-history-card{overflow:hidden}.billing-history-card header{padding:22px 24px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #e2e6e2}.billing-history-card h2{margin:5px 0 0;font-size:21px}.billing-table{overflow:auto}.billing-row{min-width:680px;display:grid;grid-template-columns:120px minmax(170px,1fr) 130px 110px 90px;gap:12px;align-items:center;padding:15px 24px;border-bottom:1px solid #edf0ed;color:#535d55;font-size:13px}.billing-row:last-child{border-bottom:0}.billing-row-head{background:#f7f9f6;color:#7b857d;font-size:12px;font-weight:750}.billing-paid{display:inline-flex;padding:5px 7px;border-radius:7px;background:rgba(201,255,65,.25);color:#202620;font-style:normal;font-weight:750}.billing-side{display:grid;gap:10px}.billing-side article{padding:21px}.billing-side strong{display:block;margin-top:9px;font-size:19px}.billing-side p{margin:5px 0 0;color:#758077;font-size:13px;line-height:1.5}.billing-link{margin-top:15px;padding:0;border:0;background:transparent;color:#222923;font-size:13px;font-weight:700;cursor:pointer}.billing-cancel{background:#f8faf7!important}

.publish-body{min-height:100vh;margin:0;background:#090c0a;color:#f5f8f5;font-family:Geist,system-ui,sans-serif}.publish-header{height:74px;padding:0 clamp(20px,4vw,50px);display:flex;align-items:center;gap:18px;border-bottom:1px solid #252b26;background:#0b0f0c;position:sticky;top:0;z-index:30}.publish-header>a:first-child{width:144px}.publish-header>div{padding-left:18px;border-left:1px solid #2b322c}.publish-header>div span{display:block;color:#747e76;font-size:12px;letter-spacing:.12em}.publish-header>div b{display:block;margin-top:2px;font-size:14px}.publish-header>a:last-child{margin-left:auto}.publish-shell{max-width:1180px;margin:0 auto;padding:48px 28px 80px}.publish-intro{max-width:890px;margin-bottom:32px}.publish-intro h1{margin:10px 0 15px;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.05em;font-weight:620}.publish-intro h1 em{font-style:normal;color:#aeb7b0}.publish-intro p{margin:0;max-width:790px;color:#929c94;font-size:17px;line-height:1.6}.publish-progress{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #252b26;border-radius:16px;overflow:hidden;margin-bottom:20px}.publish-progress>div{position:relative;display:flex;align-items:center;gap:11px;padding:16px 18px;border-right:1px solid #252b26;color:#687169}.publish-progress>div:last-child{border-right:0}.publish-progress span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#171c18;font-size:12px;font-weight:750}.publish-progress b{font-size:14px}.publish-progress>div.active,.publish-progress>div.done{color:#eef2ee}.publish-progress>div.active span,.publish-progress>div.done span{background:rgba(201,255,65,.1);color:var(--lime)}.publish-progress>div.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--lime);border-radius:4px 4px 0 0}.publish-stage{display:none;padding:32px;border:1px solid #252b26;border-radius:18px;background:#111512}.publish-stage.active{display:block}.publish-stage-head{max-width:760px;margin-bottom:25px}.publish-stage-head>span{display:block;color:#7e8880;font-size:13px;font-weight:750;letter-spacing:.1em}.publish-stage-head h2,.publish-stage[data-stage="3"] h2{margin:7px 0 10px;font-size:clamp(30px,3.8vw,46px);line-height:1.02;letter-spacing:-.04em}.publish-stage-head p,.publish-stage[data-stage="3"]>p{margin:0;color:#89938b;font-size:15px;line-height:1.6;max-width:760px}.domain-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.domain-option{position:relative;min-height:150px;padding:18px;display:grid;grid-template-columns:38px 1fr 24px;gap:11px;align-items:start;border:1px solid #2b322c;border-radius:14px;background:#0d110e;cursor:pointer}.domain-option.selected{border-color:#69736b;box-shadow:inset 0 0 0 1px #69736b}.domain-option input{position:absolute;opacity:0}.domain-option>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#181e19;color:#aeb7af;font-style:normal}.domain-option b{display:block;font-size:15px}.domain-option p{margin:4px 0 0;color:#778178;font-size:13px;line-height:1.45}.domain-option>span{display:none;width:22px;height:22px;border-radius:50%;place-items:center;background:var(--lime);color:#111;font-size:12px;font-weight:800}.domain-option.selected>span{display:grid}.domain-detail{margin-top:14px;padding:20px;border-radius:14px;background:#0d110e;border:1px solid #252b26}.domain-detail label{display:grid;gap:7px}.domain-detail label span{color:#a8b1aa;font-size:13px;font-weight:650}.domain-detail input{height:50px;border:1px solid #303832;border-radius:10px;background:#151a16;color:#fff;padding:0 14px;font:inherit;font-size:16px;outline:none}.domain-detail input:focus{border-color:#59635b}.domain-owner-note,.domain-availability{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #242b25;color:#89938b}.domain-owner-note>span{color:var(--lime)}.domain-owner-note p,.domain-availability p{margin:0;font-size:13px;line-height:1.5}.domain-owner-note b,.domain-availability b{color:#dbe1dc}.temporary-address span{display:block;color:#737d75;font-size:12px;font-weight:750;letter-spacing:.1em}.temporary-address b{display:block;margin-top:7px;font-size:24px}.temporary-address p{margin:5px 0 0;color:#788179;font-size:13px}.publish-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid #252b26}.preflight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preflight-grid article{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid #282f29;border-radius:12px;background:#0d110e}.preflight-grid article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#181d19;color:#768078;font-style:normal}.preflight-grid article b{display:block;font-size:14px}.preflight-grid article p{margin:2px 0 0;color:#707a72;font-size:13px}.preflight-grid article>span{color:#788179;font-size:12px}.preflight-grid article.passed>i{background:var(--lime);color:#111}.preflight-grid article.passed>span{color:var(--lime)}.preflight-summary{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:16px;border-radius:12px;background:#151a16}.preflight-summary>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#202620;color:#a0aaa2}.preflight-summary b{display:block;font-size:14px}.preflight-summary p{margin:3px 0 0;color:#778178;font-size:13px}.publish-stage[data-stage="3"]{text-align:center;padding-block:54px}.publish-success-symbol{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 18px;border-radius:18px;background:var(--lime);color:#111;font-size:28px;font-weight:900}.publish-stage[data-stage="3"] .workflow-kicker{justify-content:center}.publish-stage[data-stage="3"]>p{margin-inline:auto}.go-live-card{max-width:840px;margin:28px auto 26px;display:grid;grid-template-columns:1.3fr .8fr 1fr;text-align:left;border:1px solid #2a312b;border-radius:14px;overflow:hidden}.go-live-card>div{padding:18px;border-right:1px solid #2a312b}.go-live-card>div:last-child{border-right:0}.go-live-card span{display:block;color:#768078;font-size:12px;font-weight:750;letter-spacing:.08em}.go-live-card b{display:block;margin-top:6px;font-size:14px}.go-live-card b i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--lime)}.publish-secondary-link{display:block;margin-top:14px;color:#7f8981;font-size:13px}.workflow-publish{display:none}.workflow-publish.visible{display:inline-flex}

@media(max-width:980px){.commerce-shell{grid-template-columns:1fr}.order-summary{position:static}.billing-layout{grid-template-columns:1fr}.billing-side{grid-template-columns:repeat(3,1fr)}.domain-options{grid-template-columns:1fr}.publish-shell{padding-inline:20px}}
@media(max-width:700px){.commerce-header{height:70px}.commerce-header>div span{display:none}.commerce-shell{width:min(calc(100% - 28px),1180px);padding-top:32px}.commerce-intro h1{font-size:40px}.commerce-panel{padding:20px 16px}.billing-cycle,.payment-methods,.card-fields{grid-template-columns:1fr}.card-fields label.full{grid-column:auto}.order-summary-card{padding:22px 18px}.billing-page{width:min(calc(100% - 28px),1280px);padding-top:32px}.billing-heading h1{font-size:40px}.billing-benefits{grid-template-columns:1fr}.billing-side{grid-template-columns:1fr}.billing-price-row{align-items:flex-start;flex-direction:column}.billing-price-row button{margin-left:0}.publish-header>div{display:none}.publish-header>a:last-child{font-size:13px;padding-inline:11px}.publish-shell{padding:30px 14px 60px}.publish-intro h1{font-size:40px}.publish-progress b{display:none}.publish-progress>div{justify-content:center;padding:13px}.publish-stage{padding:22px 15px}.preflight-grid{grid-template-columns:1fr}.go-live-card{grid-template-columns:1fr}.go-live-card>div{border-right:0;border-bottom:1px solid #2a312b}.go-live-card>div:last-child{border-bottom:0}.publish-actions{flex-direction:column-reverse}.publish-actions .btn,.publish-actions .admin-outline-button{width:100%;justify-content:center}}
.auth-error{margin:-4px 0 4px;padding:11px 12px;border:1px solid #e6c9c1;background:#fbefec;color:#8b4938;border-radius:9px;font-size:13px;line-height:1.45}
.pipeline-empty,.admin-empty-copy{color:#7a847c;font-size:13px;padding:18px 2px}.request-empty{padding:18px 0!important}

/* =========================================================
   WebFun One V9 — UX/UI quality pass
   Goal: readable product UI, no 9–11px operational text,
   predictable density, and no squeezed/clipped Engine panels.
   ========================================================= */
:root{
  --one-ui-label:13px;
  --one-ui-small:14px;
  --one-ui-body:15px;
}

/* ---------- Onboarding ---------- */
.product-flow-body .onboarding-assurance>div>span,
.product-flow-body .flow-progress-label,
.product-flow-body .flow-kicker,
.product-flow-body .flow-plan-check,
.product-flow-body .flow-plan-badge,
.product-flow-body .flow-plan-card .plan-name,
.product-flow-body .flow-selection-summary span{
  font-size:13px;
}
.product-flow-body .flow-step-copy p{font-size:17px;line-height:1.6}
.product-flow-body .flow-plan-card p,
.product-flow-body .flow-plan-card li{font-size:14px;line-height:1.55}
.product-flow-body .flow-plan-card{border-radius:20px}

/* ---------- Customer dashboard / billing ---------- */
.one-app-body .app-topbar-title span,
.one-app-body .app-eyebrow,
.one-app-body .metric-grid article>span,
.one-app-body .app-panel-head>div>span,
.one-app-body .app-nav i{
  font-size:13px;
}
.one-app-body .app-notification{font-size:12px;min-width:20px;height:20px;padding:0 5px}
.one-app-body .app-panel-head button,
.one-app-body .app-plan-panel ul,
.one-app-body .app-toast p,
.one-app-body .request-list p,
.one-app-body .request-list em{font-size:13px}
.one-app-body .request-list b{font-size:14px}
.one-app-body .metric-grid article{min-height:126px;padding:22px}
.one-app-body .metric-grid strong{font-size:31px}
.one-app-body .app-panel{border-radius:18px}

/* ---------- Login ---------- */
.auth-body .auth-helper{font-size:13px;line-height:1.5}

/* ---------- One Admin: typography floor ---------- */
.one-admin-body .admin-workspace span,
.one-admin-body .admin-nav a i,
.one-admin-body .admin-profile small,
.one-admin-body .admin-breadcrumb span,
.one-admin-body .admin-date-card span,
.one-admin-body .admin-metrics article>div>span,
.one-admin-body .admin-panel-head>div>span,
.one-admin-body .project-card-top span,
.one-admin-body .project-card-top em,
.one-admin-body .project-card p,
.one-admin-body .project-card footer small,
.one-admin-body .project-card footer b,
.one-admin-body .client-table th,
.one-admin-body .client-cell small,
.one-admin-body .table-status,
.one-admin-body .admin-request-list p,
.one-admin-body .admin-request-list em,
.one-admin-body .finance-number span,
.one-admin-body .finance-bars span b,
.one-admin-body .finance-bars span small,
.one-admin-body .finance-bars>div>strong,
.one-admin-body .finance-note,
.one-admin-body .site-monitor-grid span,
.one-admin-body .site-monitor-grid p{
  font-size:13px;
}
.one-admin-body .admin-icon-button span,
.one-admin-body .client-cell>span,
.one-admin-body .request-owner{font-size:12px}
.one-admin-body .admin-profile b,
.one-admin-body .admin-breadcrumb b,
.one-admin-body .admin-search input,
.one-admin-body .priority-item b,
.one-admin-body .admin-health-panel>p,
.one-admin-body .client-table td,
.one-admin-body .admin-request-list b{font-size:14px}
.one-admin-body .priority-item p{font-size:13px;line-height:1.45}
.one-admin-body .priority-item em{font-size:13px;padding:7px 10px}
.one-admin-body .admin-metrics article{min-height:164px;padding:25px}
.one-admin-body .admin-metrics strong{font-size:36px}
.one-admin-body .admin-panel{padding:28px}
.one-admin-body .project-card{padding:18px}
.one-admin-body .project-card h3{font-size:18px}
.one-admin-body .client-table th{padding-block:14px;letter-spacing:.07em}
.one-admin-body .client-table td{padding-block:16px;line-height:1.4}
.one-admin-body .site-monitor-grid article{min-height:142px}
.one-admin-body .admin-section-intro p{font-size:16px;line-height:1.55}

/* ---------- One Engine: readable controls + no clipping ---------- */
.one-engine-body .admin-sidebar{width:248px}
.one-engine-body .admin-shell{margin-left:248px}
.one-engine-body .engine-content{width:min(calc(100% - 40px),1560px);padding-top:44px}
.one-engine-body .engine-workbench{
  grid-template-columns:290px minmax(0,1fr) 320px;
  min-width:0;
  min-height:860px;
  overflow:hidden;
}
.one-engine-body .engine-config,
.one-engine-body .engine-stage,
.one-engine-body .engine-inspector{min-width:0}
.one-engine-body .engine-inspector{padding:24px;overflow:visible}
.one-engine-body .engine-inspector-head,
.one-engine-body .engine-insight>div,
.one-engine-body .engine-token-card,
.one-engine-body .engine-system-note{min-width:0}
.one-engine-body .engine-insight b,
.one-engine-body .engine-insight p,
.one-engine-body .engine-system-note p{overflow-wrap:anywhere}
.one-engine-body .engine-live,
.one-engine-body .engine-score-card>span,
.one-engine-body .engine-config-head>span,
.one-engine-body .engine-stage-head>div>span,
.one-engine-body .engine-inspector-head>span,
.one-engine-body .engine-control-group label[for],
.one-engine-body .engine-label,
.one-engine-body .engine-label-row small,
.one-engine-body .engine-stage-status,
.one-engine-body .engine-token-card>span,
.one-engine-body .engine-system-note>span,
.one-engine-body .engine-architecture-grid article>span{
  font-size:13px;
}
.one-engine-body .engine-score-card p,
.one-engine-body .engine-config-head small,
.one-engine-body .engine-choice-grid button small,
.one-engine-body .engine-mood-list span small,
.one-engine-body .engine-block-list em,
.one-engine-body .engine-compose-button small,
.one-engine-body .engine-insight p,
.one-engine-body .engine-token-card small,
.one-engine-body .engine-architecture-grid small{
  font-size:13px;
  line-height:1.45;
}
.one-engine-body .engine-choice-grid button b,
.one-engine-body .engine-mood-list span b,
.one-engine-body .engine-block-list span,
.one-engine-body .engine-compose-button b,
.one-engine-body .engine-stage-head>div:first-child b,
.one-engine-body .engine-device-switch button,
.one-engine-body .engine-insight b,
.one-engine-body .engine-token-card b,
.one-engine-body .engine-architecture-grid p{
  font-size:14px;
}
.one-engine-body .engine-control-group select{height:48px;font-size:14px}
.one-engine-body .engine-choice-grid{gap:9px}
.one-engine-body .engine-choice-grid button{min-height:72px;padding:12px}
.one-engine-body .engine-mood-list{gap:9px}
.one-engine-body .engine-mood-list button{min-height:64px;padding:12px;grid-template-columns:20px 1fr 18px}
.one-engine-body .mood-dot{width:18px;height:18px}
.one-engine-body .engine-block-list{gap:6px}
.one-engine-body .engine-block-list label{min-height:40px;padding:9px 8px;grid-template-columns:20px minmax(0,1fr) auto;gap:9px}
.one-engine-body .engine-compose-button{min-height:64px;padding:14px}
.one-engine-body .engine-stage-head{height:76px;padding-inline:20px}
.one-engine-body .engine-device-switch button{min-height:34px;padding-inline:12px}
.one-engine-body .engine-preview-wrap{padding:28px 20px;min-width:0}
.one-engine-body .engine-preview-browser{width:100%;max-width:780px;min-width:0}
.one-engine-body .engine-insight{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0}
.one-engine-body .engine-insight>span{width:34px;height:34px;font-size:13px}
.one-engine-body .engine-insight b{line-height:1.35}
.one-engine-body .engine-insight p{margin-top:5px;color:#818b83}
.one-engine-body .engine-token-card>div{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;margin:10px 0}
.one-engine-body .engine-token-card i{width:22px;height:22px}
.one-engine-body .engine-system-note{padding:18px}
.one-engine-body .engine-system-note p{font-size:14px;line-height:1.55}
.one-engine-body .engine-architecture-grid p{line-height:1.5}

/* Keep the miniature generated page miniature. Only chrome gets readable. */
.one-engine-body .engine-browser-bar>div,
.one-engine-body .engine-browser-bar em{font-size:12px}

/* ---------- Project workflow ---------- */
.workflow-body .workflow-breadcrumb span,
.workflow-body .workflow-state-card span,
.workflow-body .workflow-state-card small,
.workflow-body .workflow-step span,
.workflow-body .workflow-step small,
.workflow-body .workflow-panel-head span,
.workflow-body .briefing-list dt,
.workflow-body .workflow-owner small,
.workflow-body .workflow-preview-toolbar small,
.workflow-body .workflow-action-bar p,
.workflow-body .workflow-check small,
.workflow-body .workflow-version span,
.workflow-body .workflow-version p,
.workflow-body .workflow-note,
.workflow-body .workflow-toast p{font-size:13px}
.workflow-body .briefing-list dd,
.workflow-body .workflow-owner b,
.workflow-body .workflow-check b,
.workflow-body .workflow-version span b,
.workflow-body .workflow-toast b{font-size:14px}
.workflow-body .workflow-step{min-height:122px;padding:22px}
.workflow-body .workflow-panel-body{padding:22px}

/* ---------- Approval ---------- */
.approval-body .approval-browser-bar div,
.approval-body .approval-browser-bar em,
.approval-body .approval-card>span,
.approval-body .approval-timeline small{font-size:13px}
.approval-body .approval-card p,
.approval-body .approval-comment label,
.approval-body .approval-comment textarea,
.approval-body .approval-timeline b{font-size:14px}
.approval-body .approval-card{padding:22px}

/* ---------- Checkout / Billing ---------- */
.commerce-body .billing-cycle em,
.one-app-body .billing-card-head>i,
.one-app-body .billing-benefits span,
.one-app-body .billing-row-head{font-size:13px}
.commerce-body .commerce-panel header p,
.one-app-body .billing-card-head p,
.one-app-body .billing-benefits div,
.one-app-body .billing-row{font-size:14px}
.one-app-body .billing-plan-card{padding:30px}

/* ---------- Publish ---------- */
.publish-body .publish-header>div span,
.publish-body .publish-progress span,
.publish-body .temporary-address span,
.publish-body .preflight-grid article>span,
.publish-body .go-live-card span{font-size:13px}
.publish-body .publish-progress b,
.publish-body .preflight-grid article b,
.publish-body .preflight-summary b,
.publish-body .go-live-card b{font-size:14px}
.publish-body .domain-option p,
.publish-body .domain-owner-note p,
.publish-body .domain-availability p,
.publish-body .temporary-address p,
.publish-body .preflight-grid article p,
.publish-body .preflight-summary p,
.publish-body .publish-secondary-link{font-size:13px;line-height:1.5}

/* ---------- Responsive density ---------- */
@media(max-width:1400px){
  .one-engine-body .engine-workbench{grid-template-columns:290px minmax(0,1fr)}
  .one-engine-body .engine-inspector{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid #252b26;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 28px;
  }
  .one-engine-body .engine-inspector-head,
  .one-engine-body .engine-system-note{grid-column:1/-1}
  .one-engine-body .engine-separator{display:none}
  .one-engine-body .engine-token-card{padding-top:18px}
}
@media(max-width:980px){
  .one-engine-body .admin-sidebar{width:270px}
  .one-engine-body .admin-shell{margin-left:0}
  .one-engine-body .engine-workbench{grid-template-columns:1fr}
  .one-engine-body .engine-inspector{grid-template-columns:1fr;display:grid}
  .one-engine-body .engine-inspector-head,
  .one-engine-body .engine-system-note{grid-column:auto}
}
@media(max-width:760px){
  .one-admin-body .admin-content{width:min(calc(100% - 28px),1460px)}
  .one-admin-body .admin-metrics article{min-height:142px;padding:20px}
  .one-admin-body .admin-panel{padding:21px 18px}
  .one-engine-body .engine-content{width:min(calc(100% - 28px),1560px)}
  .one-engine-body .engine-config,
  .one-engine-body .engine-inspector{padding:20px 16px}
  .one-engine-body .engine-choice-grid{grid-template-columns:1fr}
  .one-engine-body .engine-choice-grid button:last-child{grid-column:auto}
  .one-engine-body .engine-preview-wrap{padding:18px 8px}
}


/* ==========================================================
   V9.1 — Landing polish from visual QA
   - readable included-benefit cards
   - breathable 5-step process cards
   - full, uncropped One symbol
   ========================================================== */

/* Included benefits: don't miniaturize utility copy. */
.section-dark .included-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-top:68px;
}
.section-dark .included-grid>div{
  min-height:94px;
  padding:20px 18px;
  grid-template-columns:38px minmax(0,1fr);
  column-gap:12px;
  row-gap:3px;
  align-content:center;
  border-radius:16px;
}
.section-dark .included-grid div>span{
  width:36px;
  height:36px;
  border-radius:10px;
  font-size:15px;
}
.section-dark .included-grid b{
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.01em;
}
.section-dark .included-grid small{
  font-size:13px;
  line-height:1.35;
  color:#89938b;
}

/* Process: cards instead of compressed vertical slices. */
.process-section .process-track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  border-top:0;
  margin-top:46px;
}
.process-section .process-track article{
  min-height:300px;
  padding:24px;
  border:1px solid #252c26;
  border-radius:18px;
  background:#0e120f;
  display:grid;
  grid-template-rows:auto 54px minmax(52px,auto) 1fr;
  align-content:start;
  row-gap:22px;
  overflow:hidden;
}
.process-section .process-track article:last-child{
  border-right:1px solid #252c26;
  padding-right:24px;
}
.process-section .process-track article>span{
  font-size:13px;
  line-height:1;
  font-weight:700;
  letter-spacing:.06em;
  color:#7f8981;
}
.process-section .process-icon{
  width:48px;
  height:48px;
  margin:0;
  border-radius:13px;
  font-size:16px;
}
.process-section .process-track h3{
  margin:0;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.025em;
  align-self:start;
}
.process-section .process-track p{
  margin:0;
  max-width:none;
  font-size:15px;
  line-height:1.58;
  color:#879189;
  align-self:start;
}

/* Final symbol: use the official square asset, never crop the wordmark. */
.final-symbol{
  width:124px;
  height:124px;
  overflow:visible;
  margin-bottom:30px;
  border-radius:28px;
}
.final-symbol img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
}

@media(max-width:1180px){
  .section-dark .included-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .process-section .process-track{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .section-dark .included-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:44px}
  .section-dark .included-grid>div{min-height:92px;padding:18px 15px}
  .process-section .process-track{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .process-section .process-track article{min-height:auto;padding:22px;grid-template-rows:auto 50px auto auto;row-gap:16px}
  .process-section .process-track h3{font-size:21px}
  .process-section .process-track p{font-size:15px}
  .final-symbol{width:112px;height:112px}
}
@media(max-width:420px){
  .section-dark .included-grid{grid-template-columns:1fr}
}

/* ==========================================================
   V9.2 — Mobile-first product polish
   - iOS-safe form sizing
   - comfortable touch targets
   - controlled horizontal scroll in operational surfaces
   - sticky CTA only after intent (time + scroll)
   ========================================================== */

/* The mobile sales CTA must be truly absent from the first fold. */
.mobile-sticky-cta{
  opacity:0;
  visibility:hidden;
  transform:translateY(16px);
  pointer-events:none;
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
}

@media(max-width:760px){
  html{scroll-padding-top:82px}

  /* Landing: tappable controls + readable auxiliary copy. */
  body:not([class]) .btn{min-height:50px;padding-inline:20px}
  body:not([class]) .menu-toggle{width:40px;height:40px}
  body:not([class]) .hero-note{font-size:14px;line-height:1.45}
  body:not([class]) .niche-tab{min-height:44px}
  body:not([class]) .faq-list summary{min-height:58px}
  body:not([class]) .mobile-sticky-cta{
    display:flex;
    min-height:54px;
    padding:0 18px;
    bottom:calc(12px + env(safe-area-inset-bottom));
  }
  body:not([class]) .mobile-sticky-cta.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }

  /* Safari iOS: prevent focus zoom and keep forms comfortable. */
  .product-flow-body input,.product-flow-body select,.product-flow-body textarea,
  .auth-body input,.auth-body select,.auth-body textarea,
  .commerce-body input,.commerce-body select,.commerce-body textarea,
  .one-app-body input,.one-app-body select,.one-app-body textarea,
  .one-admin-body input,.one-admin-body select,.one-admin-body textarea,
  .one-engine-body input,.one-engine-body select,.one-engine-body textarea,
  .workflow-body input,.workflow-body select,.workflow-body textarea,
  .approval-body input,.approval-body select,.approval-body textarea,
  .publish-body input,.publish-body select,.publish-body textarea{
    font-size:16px!important;
  }

  /* Product-flow touch + hierarchy. */
  .product-flow-body .flow-header-meta a{min-height:44px;display:flex;align-items:center}
  .product-flow-body .flow-progress-label,
  .product-flow-body .flow-kicker,
  .product-flow-body .flow-plan-card .plan-name,
  .product-flow-body .flow-plan-badge{font-size:13px}
  .product-flow-body .flow-plan-card{padding:26px 22px;border-radius:18px}
  .product-flow-body .flow-plan-card h3{font-size:26px}
  .product-flow-body .flow-plan-card>p{font-size:16px}
  .product-flow-body .flow-plan-card li{font-size:15px}
  .product-flow-body .flow-plan-check{width:32px;height:32px}
  .product-flow-body .choice-card{min-height:88px}
  .product-flow-body .flow-actions .btn{min-height:52px}

  /* Customer app: compact without microcopy. */
  .one-app-body .app-menu,.one-app-body .app-close{min-width:44px;min-height:44px}
  .one-app-body .app-nav a{min-height:48px}
  .one-app-body .metric-grid article>span,
  .one-app-body .app-panel-head>div>span,
  .one-app-body .app-eyebrow,
  .one-app-body .request-list p,
  .one-app-body .request-list em{font-size:13px}
  .one-app-body .site-quick-actions a,
  .one-app-body .panel-link,
  .one-app-body .app-panel-head button{min-height:44px;display:flex;align-items:center}

  /* Admin: intentional horizontal scroll instead of page overflow. */
  .one-admin-body .admin-menu,.one-admin-body .admin-close{min-width:44px;min-height:44px}
  .one-admin-body .admin-nav a{min-height:48px}
  .one-admin-body .admin-search{min-height:44px}
  .one-admin-body .admin-metrics article>div>span,
  .one-admin-body .admin-metrics p,
  .one-admin-body .project-card-top span,
  .one-admin-body .project-card-top em,
  .one-admin-body .project-card p,
  .one-admin-body .project-card footer small,
  .one-admin-body .project-card footer b{font-size:13px}
  .one-admin-body .pipeline-board{
    grid-template-columns:repeat(4,min(82vw,300px));
    gap:12px;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    padding-bottom:14px;
  }
  .one-admin-body .pipeline-column{scroll-snap-align:start}
  .one-admin-body .client-table-wrap{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .one-admin-body .row-action{width:44px;height:44px}

  /* Engine: controls remain readable even when the preview is miniature. */
  .one-engine-body .admin-menu,.one-engine-body .admin-close{min-width:44px;min-height:44px}
  .one-engine-body .engine-config,
  .one-engine-body .engine-inspector{padding:22px 18px}
  .one-engine-body .engine-choice-grid button{min-height:78px}
  .one-engine-body .engine-mood-list button{min-height:70px}
  .one-engine-body .engine-block-list label{min-height:48px}
  .one-engine-body .engine-device-switch button{min-height:40px}
  .one-engine-body .engine-compose-button{min-height:70px}
  .one-engine-body .engine-insight p,
  .one-engine-body .engine-token-card small,
  .one-engine-body .engine-system-note p{font-size:13px}

  /* Workflow / approval / publishing: thumb-first action bars. */
  .workflow-body .admin-menu{min-width:44px;min-height:44px}
  .workflow-body .workflow-preview-actions>*{min-height:46px}
  .workflow-body .workflow-action-bar .btn{min-height:52px}
  .approval-body .approval-actions .btn{min-height:52px}
  .approval-body .approval-comment textarea{font-size:16px}
  .publish-body .publish-actions .btn,
  .publish-body .publish-actions .admin-outline-button{min-height:52px}
  .publish-body .domain-option{min-height:132px;padding:20px}
  .publish-body .publish-progress>div{min-height:56px}

  /* Checkout / billing: bigger selection and payment targets. */
  .commerce-body .billing-cycle label,
  .commerce-body .payment-method{min-height:58px}
  .commerce-body .order-summary-card>.btn{min-height:52px}
  .one-app-body .billing-benefits>div{min-height:64px}
}

@media(max-width:430px){
  /* Preserve useful density, but never by shrinking text. */
  .one-app-body .metric-grid{grid-template-columns:1fr}
  .one-app-body .metric-grid article{min-height:112px}
  .one-admin-body .admin-metrics{grid-template-columns:1fr}
  .one-admin-body .site-monitor-grid{grid-template-columns:1fr}
  .product-flow-body .flow-step-copy h2{font-size:36px}
}

/* V10.1 — stable hamburger -> X animation (Safari/iOS safe) */
.menu-toggle{
  position:relative;
  gap:0!important;
}
.menu-toggle span{
  position:absolute;
  left:50%;
  top:50%;
  width:17px!important;
  height:1.5px!important;
  margin:0!important;
  border-radius:2px;
  transform-origin:center;
  transition:transform .24s ease,opacity .16s ease!important;
}
.menu-toggle span:nth-child(1){transform:translate(-50%,-50%) translateY(-5px)}
.menu-toggle span:nth-child(2){transform:translate(-50%,-50%)}
.menu-toggle span:nth-child(3){transform:translate(-50%,-50%) translateY(5px)}
.menu-toggle.open span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)!important}
.menu-toggle.open span:nth-child(2){opacity:0;transform:translate(-50%,-50%) scaleX(.3)!important}
.menu-toggle.open span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)!important}

.auth-success{margin:-4px 0 4px;padding:11px 12px;border:1px solid #c7dfbf;background:#eef8eb;color:#31552b;border-radius:9px;font-size:13px;line-height:1.45}.auth-recovery-state{display:grid;gap:14px}.auth-recovery-state .btn{width:100%;justify-content:center}