/*
Theme Name: Eco-Tron Technologies
Theme URI: https://eco-tron.com/
Author: anomal mert
Description: Eco-Tron Technologies corporate landing page theme.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: eco-tron
*/

:root{
  --ink:#0B0A09; --panel:#171411; --line:#332820; --line-soft:#211B17;
  --text:#F3F4F6; --text-dim:#A7ADB8; --text-faint:#6B7280;
  --accent:#C58B67; --boot-green:#D7A77E; --boot-cyan:#E2B38F;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); box-sizing:border-box;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:auto;scroll-padding-top:96px;}
body{background:linear-gradient(155deg,#17171A 0%,#211A19 31%,#30211D 67%,#17110E 100%);background-attachment:fixed;color:var(--text);font-family:'Manrope',Arial,sans-serif; line-height:1.55; overflow-x:hidden; -webkit-font-smoothing:antialiased;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}
a:focus-visible, button:focus-visible{outline:2px solid var(--accent); outline-offset:3px; border-radius:4px;}
.pill{display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,0.18); background:rgba(255,255,255,0.06); padding:7px 16px; border-radius:99px; font-size:13px; color:var(--text-dim); backdrop-filter:blur(6px);}
.pill .dot{width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 8px var(--accent);}
.btn{padding:13px 26px; min-height:46px; border-radius:99px; font-size:14.5px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; transition:transform .15s ease, opacity .15s ease; border:1px solid transparent;}
.btn:hover{transform:translateY(-1px); opacity:0.92;}
.btn-light{background:#F2E8DF; color:#17110D;}
.btn-ghost{background:rgba(197,139,103,0.10); color:#F5EEE8; border-color:rgba(197,139,103,0.28);}

/* header */
header{position:fixed; top:0; left:0; right:0; z-index:60; padding-top:env(safe-area-inset-top,0px); transition:background .25s ease, border-color .25s ease;}
header.scrolled{background:rgba(11,9,8,0.78); backdrop-filter:blur(10px); border-bottom:1px solid var(--line-soft);}
.navbar{max-width:1180px; margin:0 auto; padding:22px 32px; display:flex; align-items:center; justify-content:space-between; position:relative;}
.logo{display:flex; align-items:center; gap:8px; font-weight:800; font-size:16px; letter-spacing:0.01em; position:absolute; left:50%; transform:translateX(-50%);}
.logo svg{width:18px; height:18px;}
nav ul{list-style:none; display:flex; gap:30px;}
nav a{font-size:14px; color:rgba(255,255,255,0.82); font-weight:500; transition:color .15s;}
nav a:hover{color:#fff;}
.nav-right{display:flex; gap:12px;}
.mobile-panel{display:none;}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; z-index:70; padding:8px;}
.burger span{width:20px; height:2px; background:#fff; transition:transform .2s, opacity .2s;}

/* hero */
.hero{position:relative; min-height:100vh; display:flex; flex-direction:column; padding-top:150px; overflow:hidden;}
.sky{position:absolute;inset:0;z-index:0;background:transparent}
.noise{position:absolute; inset:0; z-index:1; opacity:0.04; mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.hero-fade{position:absolute; left:0; right:0; bottom:0; height:42%; background:linear-gradient(180deg,rgba(11,9,8,0),var(--ink)); z-index:3;}
.hero-vignette{position:absolute; inset:0; z-index:3; box-shadow:inset 0 0 180px rgba(0,0,0,0.55); pointer-events:none;}
.hero-inner{position:relative; z-index:4; text-align:center; margin:0 auto; max-width:780px; padding:0 24px;
  animation:heroIn .8s ease both; animation-delay:.1s;}
@keyframes heroIn{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;}}
.hero-inner .pill{margin-bottom:26px;}
.hero h1{font-size:clamp(34px,5.6vw,56px); font-weight:800; line-height:1.13; letter-spacing:-0.015em; text-shadow:0 2px 24px rgba(0,0,0,0.25);}
.hero p.sub{max-width:520px; margin:22px auto 0; font-size:16px; color:rgba(255,255,255,0.86);}
.hero-actions{display:flex; gap:14px; justify-content:center; margin-top:34px;}
@media (prefers-reduced-motion: reduce){.hero-inner{animation:none; opacity:1; transform:none;}}

/* logos */
.logos{position:relative; z-index:4; padding:66px 0 92px;}
.logos-row{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px 40px;}
.brand-strip-logo{display:block;width:auto;height:auto;max-width:clamp(110px,18vw,210px);max-height:50px;object-fit:contain;}
.brand-strip-logo[alt="Stad Işıkları"]{max-height:64px;}


.machine-showcase{position:relative;isolation:isolate;overflow:hidden;padding:55px 0 62px;background:linear-gradient(155deg,#151416 0%,#211814 48%,#100C0A 100%)}.machine-grid{width:min(70%,1078px);max-width:1078px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);align-items:end;gap:clamp(4px,1.12vw,17px)}.machine-item{min-width:0;margin:0;color:inherit;text-decoration:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;overflow:visible}.machine-logo{width:auto;height:auto;max-width:min(161px,78%);max-height:38px;object-fit:contain}.machine-image{display:block;width:125%;max-width:none;height:clamp(210px,21vw,308px);object-fit:contain;object-position:center bottom;filter:brightness(.94) drop-shadow(0 26px 34px #000)}.machine-item:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:12px}.machine-adbot{position:relative;z-index:2;transform:translateY(-4px)}.machine-adbot .machine-logo{max-width:min(203px,86%);max-height:48px}.machine-adbot .machine-image{width:100%;height:clamp(392px,34.3vw,490px);object-fit:cover;object-position:center 48%;filter:brightness(.94) drop-shadow(0 30px 38px #000)}
@media(hover:hover) and (pointer:fine){.machine-image{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .38s ease}.machine-logo{transition:transform .3s ease}.machine-item:hover .machine-image{transform:translateY(-9px) scale(1.025);filter:brightness(1) drop-shadow(0 32px 40px #000)}.machine-item:hover .machine-logo{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.machine-image,.machine-logo{transition:none!important}}
@media(max-width:700px){.machine-showcase{padding:34px 0 41px}.machine-grid{width:min(70%,560px);grid-template-columns:1fr;gap:17px}.machine-item{gap:6px}.machine-logo{max-height:31px}.machine-image{width:100%;height:clamp(175px,50vw,230px);max-width:100%}.machine-adbot .machine-logo{max-height:38px}.machine-adbot .machine-image{height:clamp(308px,83vw,378px);width:100%}.machine-adbot{transform:none}}

/* statement */
.statement{padding:0 0 100px;}
.statement p{font-size:clamp(22px,3.4vw,34px); font-weight:600; line-height:1.4; margin-bottom:16px;
  opacity:.1; transform:none; transition:opacity .18s ease-out;}
.statement p.s1,.statement p.s2{--target:1;}
.statement p.s3,.statement p.s4{--target:0.42; color:var(--text-faint); font-weight:500;}
@media (prefers-reduced-motion: reduce){.statement p{transition:none; opacity:1; transform:none;}}

/* how it works */
.section-tag{display:inline-block;font-size:13px;color:var(--accent);font-weight:700;margin-bottom:16px;background:transparent;padding:0;border-radius:0;}
.how{padding:20px 0 130px;}
.how-head{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:60px;}
.how-head h2{font-size:clamp(28px,4vw,38px); font-weight:800; max-width:460px; line-height:1.2;}
.how-head p{max-width:340px; color:var(--text-dim); font-size:15px; padding-top:8px;}
.how-body{display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px; align-items:start;}
.feat-list{border-top:1px solid var(--line-soft);}
.feat-item{padding:22px 4px; border-bottom:1px solid var(--line-soft); font-size:17px; color:var(--text-faint); font-weight:600; position:relative; transition:color .2s, padding-left .2s;}
.feat-item.active{color:#fff; padding-left:20px;}
.feat-item.active::before{content:'';position:absolute; left:0; top:26px; width:3px; height:16px; background:var(--accent); border-radius:2px;}

.console-card{border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--panel); box-shadow:0 30px 70px -20px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.02) inset;}
.console-head{display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border-bottom:1px solid var(--line);}
.console-head .title{font-size:13px; color:var(--text-dim); font-weight:700;}
.console-head .tabs{display:flex; gap:20px; font-size:13px; font-weight:600; color:var(--text-faint);}
.console-head .tabs span{display:flex; align-items:center; gap:6px;}
.console-head .tabs span.on{color:#fff;}
.console-head .tabs span.on::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--accent);}
.console-grid{display:grid; grid-template-columns:1.4fr 1fr;}
.console-main{padding:22px; border-right:1px solid var(--line); font-size:13.5px; color:var(--text-dim);}
.console-main h5{font-size:11.5px; color:var(--text-faint); font-weight:700; letter-spacing:0.04em; margin-bottom:10px;}
.console-main p{margin-bottom:18px;}
.console-main p:last-child{margin-bottom:0;}
.console-side{padding:22px; display:flex; flex-direction:column; gap:18px;}
.crow{display:flex; justify-content:space-between; align-items:center; font-size:13px;}
.crow .lbl{display:flex; align-items:center; gap:8px; color:var(--text-faint);}
.crow .lbl .dot{width:7px; height:7px; border-radius:50%;}
.badge{font-size:11px; font-weight:700; padding:4px 11px; border-radius:99px;}
.badge.amber{background:rgba(197,139,103,0.16); color:#C58B67;}
.badge.green{background:rgba(181,157,121,0.14); color:#BBA783;}
.badge.blue{background:rgba(197,139,103,0.16); color:#D9A27D;}

/* cta / footer */
.cta-band{padding:110px 0; text-align:center; border-top:1px solid var(--line-soft);}
.cta-band h2{font-size:clamp(28px,4vw,40px); font-weight:800; max-width:600px; margin:0 auto 30px; line-height:1.2;}

footer{padding:60px 0 40px; border-top:1px solid var(--line-soft);}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px;}
.foot-grid h4{font-size:12px; color:var(--text-faint); font-weight:700; letter-spacing:0.04em; margin-bottom:16px;}
.foot-grid ul{list-style:none;}
.foot-grid li{margin-bottom:10px;}
.foot-grid a,.foot-grid p{font-size:14px; color:var(--text-dim);}
.foot-grid a:hover{color:#fff;}
.bottom-bar{display:flex; justify-content:space-between; padding-top:26px; border-top:1px solid var(--line-soft); font-size:13px; color:var(--text-faint); flex-wrap:wrap; gap:10px;}

/* System boot is a short visual introduction; the page itself renders underneath. */
.boot{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background:#07090c;color:#edf1f5;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;transition:opacity .65s ease,visibility .65s ease}
.boot:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(120deg,transparent 4%,#000 48%,transparent 100%);pointer-events:none}
.boot:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff08 4px);opacity:.2;pointer-events:none}
.boot.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.boot-shell{width:min(560px,calc(100vw - 40px));min-width:0;box-sizing:border-box;position:relative;z-index:1;border:1px solid #ffffff20;background:linear-gradient(145deg,#191512f2,#0b0a09f5);box-shadow:0 30px 120px #000b,0 0 70px #c58b670a;border-radius:12px;padding:clamp(22px,5vw,36px)}
.boot-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;padding-bottom:17px;margin-bottom:22px;gap:10px;min-width:0}.boot-brand{height:22px;width:auto;max-width:138px;object-fit:contain}.boot-code{color:#8995a4;font-size:10px;letter-spacing:.16em}.boot-title{color:#fff;font-size:11px;letter-spacing:.16em;margin-bottom:10px}.boot-logs{height:184px;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;color:#98a5b4;font-size:11px}.boot-line{opacity:0;transform:translateY(4px);overflow-wrap:anywhere;animation:bootLine .2s ease forwards}.boot-line:nth-child(1){animation-delay:.06s}.boot-line:nth-child(2){animation-delay:.27s}.boot-line:nth-child(3){animation-delay:.48s}.boot-line:nth-child(4){animation-delay:.69s}.boot-line:nth-child(5){animation-delay:.9s}.boot-line:nth-child(6){animation-delay:1.11s}.boot-line:nth-child(7){animation-delay:1.32s}.boot-line:nth-child(8){animation-delay:1.35s}.boot-line:nth-child(9){animation-delay:1.55s}.boot-line:nth-child(10){animation-delay:1.75s}.boot-line .ok{color:var(--boot-green)}.boot-progress{height:2px;background:#ffffff18;margin-top:20px;overflow:hidden}.boot-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#C58B67,var(--boot-green));box-shadow:0 0 12px #D7A77E;animation:bootProgress 1.75s cubic-bezier(.2,.7,.2,1) forwards}.boot-foot{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:20px;min-width:0}.boot-status{color:#6f7b8a;font-size:9px;letter-spacing:.14em}.boot-signature{display:flex;align-items:center;gap:9px;min-width:0}.boot-signature img{width:64px;height:45px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.boot-signature span{font:10px/1.3 'Manrope',sans-serif;color:#a3adba;white-space:nowrap}.boot-welcome{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#07090c;opacity:0;visibility:hidden;transition:opacity .35s ease}.boot-welcome strong{font:800 clamp(25px,5vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:.12em}.boot-welcome span{color:var(--boot-green);font-size:10px;letter-spacing:.24em;margin-top:8px}@keyframes bootLine{to{opacity:1;transform:none}}@keyframes bootProgress{to{width:100%}}
.language-select{font:700 12px 'Manrope',sans-serif;color:#fff;border:1px solid #ffffff2c;border-radius:999px;background:#ffffff08;padding:9px 12px;cursor:pointer}.language-select option{color:#111}.brand-logo{width:132px;height:auto;max-height:36px;object-fit:contain}
.hero-inner{width:min(100%,780px)}
.portfolio-process{position:relative;left:50%;width:min(1120px,calc(100vw - 64px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(8px,2vw,28px);margin:28px auto 158px;transform:translateX(-50%);color:#111;font:800 clamp(20px,3vw,36px)/1.1 'Manrope',sans-serif;letter-spacing:.04em;text-align:center;text-transform:uppercase}
.portfolio-process [data-phase]{opacity:.1;white-space:nowrap;padding:0; border:0;transition:opacity .18s ease-out}
@media(max-width:520px){.statement{padding-bottom:100px}.portfolio-process{width:calc(100vw - 28px);gap:4px;margin:18px auto 148px;font-size:clamp(12px,3.7vw,18px);letter-spacing:0}.portfolio-process [data-phase]{padding:0;border:0}}
@media(prefers-reduced-motion:reduce){.portfolio-process [data-phase]{transition:none}}
.portfolio{padding:12px 0 100px}.portfolio-head{text-align:center;max-width:650px;margin:0 auto 36px}.portfolio-head h2{font-size:clamp(27px,4vw,38px);line-height:1.2;margin:10px 0 12px}.portfolio-head p{color:var(--text-dim);font-size:15px}.portfolio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.portfolio-card{grid-column:span 2;position:relative;padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191512,#100E0D);min-height:240px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.portfolio-card:nth-child(n+4){grid-column:span 3}.portfolio-card:hover{transform:translateY(-3px);border-color:#c58b6780}.portfolio-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,#c58b6717,transparent 68%)}.portfolio-card h3{font-size:20px;margin:17px 0 8px;position:relative;z-index:1}.portfolio-card p{font-size:13px;color:var(--text-dim);margin:0 0 15px;position:relative;z-index:1;max-width:480px}.portfolio-brand{display:flex;align-items:center;height:42px;position:relative;z-index:1}.portfolio-brand .portfolio-brand-logo{display:block;width:auto;height:32px;max-width:min(190px,70%);object-fit:contain;object-position:left center;flex:none}.portfolio-link{margin-top:auto;color:#D9A27D;font-size:12px;font-weight:700;position:relative;z-index:1}.apps-band{padding:0 0 100px}.app-feature{display:flex;align-items:center;gap:22px;max-width:720px;margin:auto;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:22px}.app-feature>.portfolio-brand-logo--gala{display:block;width:auto;height:60px;max-width:160px;flex:none;object-fit:contain;object-position:center}.app-glyph{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;background:#c58b671a;color:#D9A27D;font:800 20px 'Manrope',sans-serif}.app-feature h3{font-size:18px;margin:0 0 5px}.app-feature p{color:var(--text-dim);font-size:13px;margin:0}.app-feature a{color:#D9A27D;font-weight:700}.store-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.store-links .store-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#211914;color:#F4EAE2!important;font-size:12px;transition:border-color .2s,background .2s}.store-links .store-link:hover{border-color:var(--accent);background:#2a1e17}.foot-grid>div:nth-child(2) h4{text-align:center}.foot-grid>div:nth-child(2) li{display:flex;justify-content:center}.foot-grid>div:nth-child(2) li>a{width:min(100%,148px);height:48px;display:flex;align-items:center;justify-content:center}.footer-brand-logo{display:block;width:auto;height:auto;max-width:140px;max-height:30px;object-fit:contain;object-position:center}.footer-brand-logo--gala{max-height:46px}.agency-credit{display:inline-flex;align-items:center;gap:9px;color:var(--text-faint);font:12px/1.2 Manrope,sans-serif}.agency-credit img{width:42px;height:28px;object-fit:contain;filter:invert(1);opacity:.9}.agency-credit span{white-space:nowrap}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card,.portfolio-card:nth-child(n+4){grid-column:span 1}}
@media(max-width:860px){.portfolio{padding-bottom:72px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:210px}.apps-band{padding-bottom:72px}.boot-shell{padding:22px}.boot-logs{font-size:10px}.boot-code{font-size:8px}.boot-signature img{width:54px;height:38px}.language-select{margin:5px 0}.agency-credit{font-size:10px}}
@media(prefers-reduced-motion:reduce){.boot,.boot-line,.boot-progress span,.portfolio-card{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.boot-line{opacity:1;transform:none}}

.origin-section{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;padding:clamp(54px,8vh,100px) 24px;background:transparent;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.origin-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 76%);pointer-events:none}.origin-inner{position:relative;width:min(100%,1160px);min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.origin-map-wrap{width:min(100%,1020px);opacity:0;transform:translateY(34px) scale(.97);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 0 48px #D9A27D24)}.origin-map{display:block;width:100%;height:auto;max-height:56svh;object-fit:contain}.origin-copy{margin-top:clamp(8px,2.2vh,26px);opacity:0;transform:translateY(22px);transition:opacity .75s ease .25s,transform .75s ease .25s}.origin-copy .section-tag{color:#D9A27D}.origin-copy h2{display:flex;flex-direction:column;gap:2px;margin:13px 0 0;font-size:clamp(30px,5.5vw,66px);line-height:1.08;letter-spacing:-.045em}.origin-copy h2 span:last-child{color:#D9A27D}.origin-coordinate{position:absolute;bottom:18px;right:0;color:#788697;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;opacity:0;transition:opacity .6s ease .7s}.origin-section.is-visible .origin-map-wrap,.origin-section.is-visible .origin-copy{opacity:1;transform:none}.origin-section.is-visible .origin-coordinate{opacity:.7}
@media(max-width:700px){.origin-section{min-height:88svh;padding:50px 22px}.origin-inner{min-height:calc(88svh - 100px)}.origin-map{max-height:38svh}.origin-copy h2{font-size:clamp(30px,8.4vw,46px)}.origin-coordinate{right:50%;transform:translateX(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.origin-map-wrap,.origin-copy,.origin-coordinate{transition:none!important;opacity:1;transform:none}}

/* mobile */
@media (max-width:860px){
  .sky{background-size:auto clamp(260px,42vh,420px); background-position:center top;}
  .navbar{padding:20px 22px;}
  nav#desktopNav, .nav-right{display:none;}
  .burger{display:flex;position:absolute;left:14px;right:auto;top:50%;transform:translateY(-50%);}
  .mobile-panel{position:fixed; top:0; right:0; bottom:0; width:min(78vw,320px); background:#100E0D; border-left:1px solid var(--line-soft); z-index:65; padding:100px 30px 30px; transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column; gap:26px;}
  .mobile-panel.open{transform:translateX(0);}
  .mobile-panel a{font-size:16px; font-weight:600;}
  .mobile-panel .btn{width:100%;}
  .how-body{grid-template-columns:1fr;}
  .console-grid{grid-template-columns:1fr;}
  .console-main{border-right:none; border-bottom:1px solid var(--line);}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .logos-row{justify-content:center;}
  .wrap{padding:0 22px;}
  section, .how, .statement, .logos{padding-left:0; padding-right:0;}
  .hero-inner{width:100%;max-width:100%;padding-left:22px;padding-right:22px;}
  .hero h1,.hero p.sub{width:100%;max-width:100%;overflow-wrap:anywhere;}
  .hero p.sub{font-size:14px;}
  .hero-actions{flex-direction:column;align-items:center;gap:10px;}
  .hero-actions .btn{width:min(100%,260px);}
}

/* Light sunset gradient theme: one continuous page backdrop. */
html{background:#e6a18b}
body{position:relative;isolation:isolate;min-height:100vh;background:transparent!important;color:#30292d!important}
body:before{content:"";position:absolute;inset:0;z-index:-1;min-height:100%;pointer-events:none;background:linear-gradient(180deg,#b9b5c0 0%,#b4aab2 13%,#b0a0a6 26%,#bea0a0 51%,#d7a096 75%,#e9a18a 100%);background-size:100% 104%;background-position:50% 0%;animation:pageGradientDrift 38s ease-in-out infinite alternate,pageGradientTone 72s ease-in-out infinite alternate}
:root{--ink:#e9a18a;--panel:rgba(255,255,255,.22);--line:rgba(58,43,47,.24);--line-soft:rgba(58,43,47,.17);--text:#30292d;--text-dim:#51464a;--text-faint:#685a5e;--accent:#704638;--boot-green:#704638;--boot-cyan:#704638}
header.scrolled{background:rgba(224,205,206,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav a{color:rgba(48,41,45,.86)}nav a:hover{color:#1f191c}.burger span{background:#30292d}
.btn-light{background:#30292d;color:#fff8f3}.btn-ghost{background:rgba(255,255,255,.18);color:#30292d;border-color:rgba(48,41,45,.35)}
.language-select{color:#30292d;border-color:rgba(48,41,45,.3);background:rgba(255,255,255,.2)}
.mobile-panel{background:rgba(220,199,199,.96);border-left-color:var(--line)}.mobile-panel a{color:#30292d}
.sky{background:none!important;background-image:none!important}.noise,.hero-fade,.hero-vignette{display:none!important}
.hero h1{color:#30292d;text-shadow:none}.hero p.sub{color:#43383b}.hero-inner .pill{color:#51464a;border-color:rgba(48,41,45,.24);background:rgba(255,255,255,.16)}
.machine-showcase{background:transparent!important}.machine-image{filter:drop-shadow(0 22px 25px rgba(48,32,30,.18))!important}.machine-item:hover .machine-image{filter:drop-shadow(0 27px 30px rgba(48,32,30,.25))!important}
.brand-logo,.brand-strip-logo,.machine-logo,.portfolio-brand-logo,.footer-brand-logo,.boot-brand{filter:brightness(0) saturate(100%)}
.statement p.s3,.statement p.s4{color:#685a5e}
.feat-item.active{color:#30292d}.feat-item{color:#65575b}.console-card,.app-feature{background:rgba(255,255,255,.24);border-color:var(--line);box-shadow:0 16px 45px rgba(64,44,44,.08)}
.console-head .tabs span.on{color:#30292d}.console-head .title,.console-main,.console-main h5,.console-side .lbl{color:#51464a}
.portfolio-card{background:rgba(255,255,255,.18);border-color:var(--line);box-shadow:0 14px 38px rgba(64,44,44,.07)}.portfolio-card:after{background:radial-gradient(circle,rgba(112,70,56,.12),transparent 68%)}.portfolio-link,.app-feature a{color:#704638}
.store-links .store-link{background:rgba(255,255,255,.3);color:#30292d!important;border-color:rgba(48,41,45,.28)}.store-links .store-link:hover{background:rgba(255,255,255,.48);border-color:#704638}
.origin-section{background:transparent!important;border-color:var(--line)}.origin-section:before{display:none}.origin-map{filter:brightness(0) saturate(100%)}.origin-copy h2 span:last-child,.origin-copy .section-tag{color:#704638}
.cta-band,footer{border-color:var(--line)}.foot-grid a,.foot-grid p{color:#51464a}.foot-grid a:hover{color:#20191c}.foot-grid h4,.bottom-bar{color:#685a5e}.agency-credit img{filter:none;mix-blend-mode:multiply}
.boot{background:linear-gradient(180deg,#b9b5c0 0%,#b4aab2 13%,#b0a0a6 26%,#bea0a0 51%,#d7a096 75%,#e9a18a 100%);color:#30292d}.boot:before{background-image:linear-gradient(rgba(48,41,45,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(48,41,45,.055) 1px,transparent 1px)}.boot:after{display:none}.boot-shell{border-color:rgba(48,41,45,.24);background:rgba(255,255,255,.24);box-shadow:0 25px 70px rgba(48,32,30,.12)}.boot-title,.boot-welcome strong{color:#30292d}.boot-logs,.boot-signature span{color:#51464a}.boot-status,.boot-code{color:#685a5e}.boot-top,.boot-progress{border-color:rgba(48,41,45,.2)}.boot-progress{background:rgba(48,41,45,.15)}.boot-progress span{background:#704638;box-shadow:none}.boot-welcome{background:linear-gradient(180deg,#b9b5c0,#e9a18a)}.boot-signature img{filter:brightness(0) saturate(100%);mix-blend-mode:normal}

/* Rounded photographic product cards */
.machine-showcase{padding:clamp(30px,4.2vw,58px) 0;background:transparent!important}
.machine-grid{width:min(96%,1280px);max-width:1280px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(10px,1.25vw,18px)}
.machine-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden;padding:10px;border:1px solid rgba(58,43,47,.23);border-radius:24px;background:rgba(255,255,255,.2);box-shadow:0 18px 42px rgba(64,44,44,.1);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.machine-item:hover{transform:translateY(-5px);border-color:rgba(58,43,47,.38);box-shadow:0 24px 50px rgba(64,44,44,.16)}
.machine-adbot{transform:none}
.machine-logo,.machine-adbot .machine-logo{order:0;align-self:center;width:105px;height:21px;max-width:72%;max-height:21px;margin:2px 0 10px;object-fit:cover;object-position:center;filter:brightness(0) saturate(100%)}
.machine-image,.machine-adbot .machine-image{order:1;display:block;width:100%;max-width:100%;height:clamp(310px,31vw,390px);flex:none;margin:0;border-radius:16px;object-fit:cover;object-position:center center;filter:none!important;box-shadow:none;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.machine-adbot .machine-image{object-position:center 53%}
.machine-item:hover .machine-image{transform:scale(1.025);filter:none!important}
@media(max-width:700px){.machine-showcase{padding:28px 0 38px}.machine-grid{width:calc(100% - 32px);max-width:520px;grid-template-columns:1fr;gap:15px}.machine-item{padding:9px;border-radius:20px}.machine-logo,.machine-adbot .machine-logo{width:98px;height:19.6px;max-height:19.6px;margin:1px 0 8px;object-fit:cover;object-position:center}.machine-image,.machine-adbot .machine-image{height:clamp(390px,112vw,520px);border-radius:14px}.machine-adbot{transform:none}}
@media(min-width:701px) and (max-width:1050px){.machine-grid{width:min(92%,850px);grid-template-columns:repeat(2,minmax(0,1fr))}.machine-image,.machine-adbot .machine-image{height:clamp(360px,42vw,440px)}}
@media(max-width:700px){.machine-image,.machine-adbot .machine-image{height:clamp(390px,112vw,520px)}}
@media(prefers-reduced-motion:reduce){.machine-item,.machine-image{transition:none!important}.machine-item:hover{transform:none}.machine-item:hover .machine-image{transform:none}}
.boot-title{font-size:14px;letter-spacing:.18em}.boot-code{font-size:11px}.boot-logs{height:250px;gap:5px;font-size:12px;line-height:1.4}.boot-status{font-size:10px;line-height:1.6}.boot-progress span{animation-duration:2.9s}
.language-select{appearance:none;-webkit-appearance:none;min-width:78px;padding:10px 34px 10px 14px;border-color:rgba(48,41,45,.28);border-radius:999px;background-color:rgba(255,255,255,.24);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2330292d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.language-select:hover{background-color:rgba(255,255,255,.42);border-color:rgba(48,41,45,.46)}.language-select:focus-visible{outline:2px solid #704638;outline-offset:3px;box-shadow:0 0 0 4px rgba(112,70,56,.12)}.language-select option{color:#30292d;background:#e4d4d4}.language-select option:checked{color:#fff;background:#704638}
.language-picker{position:relative;z-index:80;display:inline-flex;align-items:center}.language-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:112px;min-height:42px;padding:9px 14px;border:1px solid rgba(48,41,45,.25);border-radius:999px;background:rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);color:#30292d;font:700 12px 'Manrope',sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.language-trigger:hover,.language-trigger[aria-expanded="true"]{background:rgba(255,255,255,.42);border-color:rgba(48,41,45,.42)}.language-trigger:focus-visible{outline:2px solid #704638;outline-offset:3px;box-shadow:0 0 0 4px rgba(112,70,56,.12)}.language-chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.language-trigger[aria-expanded="true"] .language-chevron{transform:rotate(225deg) translate(-1px,-1px)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:176px;padding:6px;border:1px solid rgba(48,41,45,.2);border-radius:16px;background:rgba(235,220,220,.97);box-shadow:0 18px 42px rgba(48,31,34,.2),inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(16px);z-index:100;animation:languageMenuIn .16s ease-out}.language-menu[hidden]{display:none}@keyframes languageMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.language-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#30292d;text-align:left;font:600 12px 'Manrope',sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease}.language-option:hover,.language-option:focus-visible{outline:none;background:rgba(112,70,56,.12)}.language-option[aria-selected="true"]{background:rgba(112,70,56,.18);color:#4c2d23;font-weight:800}.language-check{opacity:0;color:#704638;font-size:15px;line-height:1}.language-option[aria-selected="true"] .language-check{opacity:1}.language-check::before{content:"\2713"}.language-picker-mobile{align-self:flex-start}.language-picker-mobile .language-menu{right:auto;left:0}.language-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
section{border-top:0!important;border-bottom:0!important}header.scrolled{border-bottom:0!important}.cta-band,footer{border-top:0!important}.bottom-bar{border-top:0!important}
.app-showcase{display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,54px);max-width:1120px;margin:0 auto}.app-phone-image{display:block;width:auto;height:clamp(400px,44vw,520px);max-width:32%;flex:none;object-fit:contain;object-position:center}.app-feature{max-width:none;min-width:0;flex:1;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}.app-feature>div{min-width:0;flex:1}.app-brand-logo{display:block;width:min(250px,48%);height:auto;max-height:150px;object-fit:contain;object-position:left center;filter:brightness(0);opacity:.84;margin:0 0 22px}.app-feature p{font-size:clamp(14px,1.4vw,16px);line-height:1.75}.app-feature .store-links{justify-content:flex-start}@media(max-width:600px){.app-showcase{gap:14px}.app-phone-image{height:270px;max-width:34%}.app-brand-logo{width:min(180px,70%);max-height:105px;margin-bottom:14px}.app-feature{min-height:0;padding:0}.app-feature p{font-size:13px;line-height:1.6}.store-links{gap:8px}.store-links .store-link{padding:8px 10px;font-size:11px}}\n
.how{padding:clamp(58px,8vw,110px) 0 clamp(80px,10vw,140px)}.how-wrap{max-width:1280px}.how-intro{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:clamp(30px,7vw,100px);margin-bottom:clamp(38px,5vw,68px)}.how-intro .section-tag{color:#704638;letter-spacing:.14em;font-size:11px;margin:0 0 18px}.how-intro h2{max-width:760px;margin:0;font-size:clamp(34px,5.2vw,66px);line-height:1.07;letter-spacing:-.045em}.how-intro h2 strong{font-weight:800}.how-intro>p{max-width:420px;margin:0 0 5px;color:var(--text-dim);font-size:clamp(14px,1.25vw,17px);line-height:1.75}.how-body{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,72px);align-items:stretch}.how-stages{display:flex;flex-direction:column;justify-content:space-between}.how-stage{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(48,41,45,.16)}.how-stage:first-child{border-top:1px solid rgba(48,41,45,.16)}.how-stage-number{font:600 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#815747;padding-top:4px}.how-stage h3{margin:0 0 7px;font-size:clamp(16px,1.5vw,20px);letter-spacing:.025em}.how-stage p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.6}.how-photo{position:relative;isolation:isolate;min-height:440px;margin:0;overflow:hidden;border-radius:20px;background:#b7a09a}.how-photo:after{display:none;content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(16,13,12,.02) 42%,rgba(16,13,12,.56) 100%),linear-gradient(90deg,rgba(16,13,12,.1),transparent 45%);pointer-events:none}.how-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}.how-photo-label{position:absolute;z-index:1;padding:7px 10px;border:1px solid rgba(255,255,255,.65);border-radius:3px;background:rgba(248,239,232,.78);backdrop-filter:blur(8px);color:#30292d;font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;white-space:nowrap}.how-photo-label:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#9b5f3f;vertical-align:1px}.how-photo-label--drive{top:13%;right:5%}.how-photo-label--cut{top:28%;right:5%}.how-photo-label--auto{right:5%;bottom:26%}.how-photo-label--power{right:5%;bottom:14%}.how-photo-caption{position:absolute;z-index:1;left:22px;bottom:18px;display:flex;align-items:center;gap:10px;color:#fff;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.how-photo-caption i{width:5px;height:5px;border-radius:50%;background:#d99055;box-shadow:0 0 10px #d99055}
@media(max-width:800px){.how-intro{grid-template-columns:1fr;gap:18px}.how-intro>p{max-width:600px}.how-body{grid-template-columns:1fr}.how-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.how-photo{min-height:clamp(300px,58vw,470px)}}@media(max-width:520px){.how{padding:54px 0 80px}.how-intro h2{font-size:clamp(32px,9vw,44px)}.how-stages{grid-template-columns:1fr}.how-stage{padding:16px 0}.how-photo{min-height:320px;border-radius:14px}.how-photo-label{font-size:8px;padding:6px 7px}.how-photo-label--drive,.how-photo-label--cut,.how-photo-label--auto,.how-photo-label--power{right:3%}}
.portfolio-card:nth-child(4) .portfolio-brand{height:54px}.portfolio-card:nth-child(4) .portfolio-brand-logo{height:44px;max-width:min(220px,75%)}

@keyframes pageGradientDrift{from{background-position:50% 0%}to{background-position:50% 100%}}@keyframes pageGradientTone{from{filter:hue-rotate(-2deg) saturate(.98)}to{filter:hue-rotate(3deg) saturate(1.02)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none;background-position:50% 0%}}
.adbot-feature{padding:clamp(70px,9vw,124px) 0}.adbot-feature-grid{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,84px)}.adbot-feature-visual{margin:0;min-width:0;aspect-ratio:1.32;overflow:hidden;border-radius:20px;background:rgba(48,41,45,.08);box-shadow:0 18px 48px rgba(64,44,44,.11)}.adbot-feature-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.adbot-feature-copy{min-width:0}.adbot-feature-tag{display:block;margin:0 0 18px;color:#704638;font:700 11px/1.4 'Manrope',sans-serif;letter-spacing:.13em}.adbot-feature-copy h2{margin:0 0 22px;font-size:clamp(30px,3.5vw,46px);line-height:1.12;letter-spacing:-.035em}.adbot-feature-copy p{margin:0;color:var(--text-dim);font-size:clamp(14px,1.1vw,16px);line-height:1.78}.adbot-feature-copy strong{color:#30292d;font-weight:800}@media(max-width:800px){.adbot-feature{padding:68px 0}.adbot-feature-grid{grid-template-columns:1fr;gap:30px}.adbot-feature-visual{aspect-ratio:1.55}.adbot-feature-copy h2{font-size:clamp(28px,6vw,40px)}}@media(max-width:520px){.adbot-feature{padding:54px 0}.adbot-feature-grid{gap:24px}.adbot-feature-visual{aspect-ratio:1.2;border-radius:14px}.adbot-feature-copy h2{font-size:29px;margin-bottom:16px}.adbot-feature-copy p{font-size:14px;line-height:1.7}}
.how-heading-brand,.adbot-title-brand{display:flex;align-items:center;justify-content:space-between;gap:18px}.how-heading-brand{margin-bottom:16px}.how-heading-brand .section-tag,.adbot-title-brand .adbot-feature-tag{margin:0}.how-heading-brand img{display:block;width:clamp(90px,11vw,138px);height:auto;max-height:46px;object-fit:contain;filter:brightness(0) saturate(100%);flex:none}.adbot-title-brand{margin-bottom:18px}.adbot-title-brand img{display:block;width:clamp(110px,13vw,160px);height:auto;max-height:48px;object-fit:contain;filter:brightness(0) saturate(100%);flex:none}@media(max-width:520px){.how-heading-brand,.adbot-title-brand{gap:10px}.how-heading-brand img{width:86px;max-height:32px}.adbot-title-brand img{width:100px;max-height:32px}}
.statement p,.statement p.s3,.statement p.s4{color:#000}

/* Compact floating header after the page starts moving. */
header{left:50%;right:auto;width:100%;transform:translateX(-50%);transition:top .62s cubic-bezier(.22,1,.36,1),width .62s cubic-bezier(.22,1,.36,1),border-radius .5s cubic-bezier(.22,1,.36,1),background .4s ease,box-shadow .5s ease,border-color .4s ease;will-change:top,width,border-radius}
.navbar{transition:padding .5s cubic-bezier(.22,1,.36,1)}
header.scrolled{top:calc(env(safe-area-inset-top,0px) + 10px);width:min(1440px,calc(100% - clamp(32px,6vw,88px)));border:1px solid rgba(48,41,45,.14);border-radius:24px;background:rgba(235,219,219,.82);box-shadow:0 12px 34px rgba(48,32,30,.13);backdrop-filter:blur(18px)}
header.scrolled .navbar{padding-top:14px;padding-bottom:14px}
@media(max-width:700px){header.scrolled{top:calc(env(safe-area-inset-top,0px) + 8px);width:calc(100% - 20px);border-radius:18px}header.scrolled .navbar{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){header,.navbar{transition:none!important;will-change:auto}}
.machine-logo,.machine-adbot .machine-logo{width:105px;height:34px;max-width:72%;max-height:34px;object-fit:contain!important;object-position:center;margin:2px 0 10px}.machine-showcase{overflow:visible}
/* Slow, visible color movement stays within the existing sunset palette. */
body:before{background-image:radial-gradient(ellipse 38% 32% at 18% 22%,rgba(244,151,132,.5),transparent 78%),radial-gradient(ellipse 36% 34% at 82% 32%,rgba(161,139,177,.4),transparent 78%),radial-gradient(ellipse 42% 38% at 56% 82%,rgba(248,184,139,.46),transparent 78%),linear-gradient(180deg,#b9b5c0 0%,#b4aab2 13%,#b0a0a6 26%,#bea0a0 51%,#d7a096 75%,#e9a18a 100%);background-size:160% 155%,155% 165%,170% 160%,100% 100%;background-position:0% 0%,100% 0%,55% 100%,50% 0%;animation:lavaBackdrop 36s ease-in-out infinite alternate}
body:after{display:none}
@keyframes lavaBackdrop{0%{background-position:0% 0%,100% 0%,55% 100%,50% 0%}50%{background-position:58% 48%,42% 55%,0% 30%,50% 0%}100%{background-position:100% 100%,0% 100%,100% 0%,50% 0%}}
@media(max-width:700px){.machine-logo,.machine-adbot .machine-logo{width:98px;height:27px;max-height:27px;margin:1px 0 8px}}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important;background-position:0% 0%,100% 0%,55% 100%,50% 0%;will-change:auto}}
body:before{transition:filter .42s ease}
body.is-scrolling:before{filter:brightness(1.17) saturate(1.08)}
@media(prefers-reduced-motion:reduce){body:before{transition:none!important}body.is-scrolling:before{filter:none}}
body:after{display:block;position:fixed;inset:0;z-index:150;content:"";pointer-events:none;background:rgba(28,20,24,.5);opacity:0;visibility:hidden;transition:opacity 1.05s cubic-bezier(.22,1,.36,1),visibility 1.05s ease}
body.image-focus:after{opacity:1;visibility:visible}
.image-spotlight{position:relative!important;z-index:151!important}
.image-spotlight:after{display:block;position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:rgba(28,20,24,.5);opacity:1;animation:imageSpotlightFade 1.05s cubic-bezier(.22,1,.36,1) both}
@keyframes imageSpotlightFade{from{opacity:0}to{opacity:1}}
.image-spotlight .machine-image,.image-spotlight.adbot-feature-visual img{position:relative;z-index:2}.image-spotlight.how-photo>img{z-index:2}
.image-spotlight .machine-logo{filter:brightness(0) saturate(100%) invert(1)!important;transition:transform .3s ease,filter .65s ease}
.machine-showcase:has(.image-spotlight){z-index:151}
header#siteHeader{z-index:160!important}
.mobile-panel{z-index:161!important}
.mobile-panel .mobile-contact-cta{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;white-space:normal;text-align:center;line-height:1.3;color:#fff!important;visibility:visible;opacity:1}
@media(prefers-reduced-motion:reduce){body:after,.image-spotlight:after{transition:none!important;animation:none!important}}
img,video,canvas{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.hero-lines{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:.3}
.hero-lines:before{position:absolute;inset:-42%;content:"";background:repeating-linear-gradient(128deg,transparent 0 154px,rgba(255,255,255,.2) 155px,transparent 156px 310px);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);animation:bannerTrace 48s linear infinite alternate}
.hero-lines:after{position:absolute;top:-34%;right:-12%;width:min(76vw,900px);aspect-ratio:1;content:"";border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018);animation:bannerOrbit 42s ease-in-out infinite alternate}
@keyframes bannerTrace{from{transform:translate3d(-3%,1%,0)}to{transform:translate3d(3%,-1%,0)}}
@keyframes bannerOrbit{from{transform:translate3d(0,0,0) rotate(-3deg)}to{transform:translate3d(-3%,3%,0) rotate(5deg)}}
@media(max-width:700px){.hero-lines{opacity:.2}.hero-lines:after{width:112vw;top:-12%;right:-42%}}
@media(prefers-reduced-motion:reduce){.hero-lines:before,.hero-lines:after{animation:none!important}}
/* Compact transparent network intro over the blurred live page. */
html.boot-lock,body.boot-lock{overflow:hidden!important;overscroll-behavior:none}
.boot{background:rgba(231,211,214,.3)!important;-webkit-backdrop-filter:blur(13px) saturate(.86) brightness(.88);backdrop-filter:blur(13px) saturate(.86) brightness(.88)}
.boot:before{display:none!important}
.boot-shell{width:min(560px,calc(100vw - 36px));padding:clamp(20px,3.2vw,30px);border:1px solid rgba(48,41,45,.3);border-radius:18px;background:transparent!important;box-shadow:0 18px 58px rgba(48,32,30,.1)}
.boot-logs{height:198px;gap:3px}
.boot-foot{justify-content:flex-end;margin-top:14px}
.boot-status{display:none}
.boot-welcome{background:rgba(231,211,214,.12)!important}
.boot-progress span{animation-duration:2.25s}
@media(max-width:600px){.boot-shell{width:calc(100vw - 28px);padding:18px}.boot-logs{height:168px;font-size:10px}.boot-foot{margin-top:12px}}
@media(max-width:600px){
  .boot-shell{max-height:calc(100vh - 28px);max-height:calc(100svh - 28px);overflow-y:auto;overscroll-behavior:contain;padding:16px;border-radius:16px}
  .boot-top{gap:8px;padding-bottom:12px;margin-bottom:16px}
  .boot-brand{height:19px;max-width:112px}
  .boot-code{max-width:48%;font-size:8px;letter-spacing:.1em;text-align:right;overflow-wrap:anywhere}
  .boot-title{font-size:11px;letter-spacing:.14em;margin-bottom:8px}
  .boot-logs{height:auto;gap:3px;font-size:clamp(8px,2.65vw,10px);line-height:1.35}
  .boot-progress{margin-top:14px}
  .boot-foot{margin-top:10px}
  .boot-signature{gap:7px}
  .boot-signature img{width:46px;height:34px}
  .boot-signature span{font-size:9px;white-space:normal}
  .hero{min-height:92svh;padding-top:126px}
  .hero-inner{padding-inline:18px}
  .hero h1{font-size:clamp(32px,9.4vw,44px);line-height:1.1}
  .hero p.sub{font-size:14px;line-height:1.65}
  .hero-lines:after{width:110vw;right:-48%;top:-8%}
  .app-showcase{flex-direction:column;align-items:center;gap:22px}
  .app-phone-image{width:auto;height:clamp(300px,76svh,410px);max-width:75%}
  .app-feature{width:100%;max-width:100%;flex:none;text-align:center}
  .app-brand-logo{width:min(190px,70%);max-height:112px;margin:0 auto 14px;object-position:center}
  .app-feature .store-links{justify-content:center}
  .how-heading-brand,.adbot-title-brand{justify-content:center}
  .how-intro h2,.adbot-feature-copy h2{overflow-wrap:anywhere}
  .adbot-feature-visual{aspect-ratio:1.2}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-grid>div:nth-child(2) h4,.foot-grid>div:nth-child(2) li{justify-content:flex-start;text-align:left}
  .origin-coordinate{max-width:100%;font-size:8px;letter-spacing:.08em}
}
@media(max-width:360px){
  .wrap{padding-inline:16px}
  .boot-shell{width:calc(100vw - 20px);padding:14px}
  .boot-code{font-size:7px}
  .boot-signature img{width:40px;height:30px}
  .hero{padding-top:112px}
  .hero h1{font-size:clamp(30px,9vw,34px)}
  .store-links .store-link{font-size:10px;padding:8px 9px}
}

/* WordPress theme refinements */
.footer-primary-logo{position:static;transform:none;margin-bottom:14px;justify-content:flex-start}

/* Language picker: clear selected state and direction-aware labels. */
.language-menu{width:196px;padding:8px;border:1px solid rgba(48,41,45,.18);border-radius:18px;background:rgba(245,232,229,.98);box-shadow:0 20px 48px rgba(48,31,34,.24),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.language-option{min-height:42px;padding:10px 12px;border-radius:12px;font-size:13px}
.language-option[aria-selected="true"]{background:#30292d;color:#fff;font-weight:800;box-shadow:0 4px 12px rgba(48,41,45,.16)}
.language-option[aria-selected="true"] .language-check{color:#fff;opacity:1}
.language-option[aria-selected="true"] .language-check::before{content:"✓"}
.language-menu[dir="rtl"] .language-option{direction:rtl;text-align:right}
.language-menu[dir="rtl"]{right:0;left:auto}
.language-picker-mobile .language-menu[dir="rtl"]{right:auto;left:0}
.mobile-panel .mobile-contact-cta,.mobile-panel .mobile-contact-cta:hover,.mobile-panel .mobile-contact-cta:focus-visible{color:#fff!important}

/* Adaptive header: switch before navigation controls can collide. */
@media(max-width:1320px){
  .navbar{width:100%;max-width:none;padding:18px 24px;justify-content:center}
  .navbar>nav#desktopNav,.navbar>.nav-right{display:none!important}
  .navbar>.burger{display:flex!important;position:absolute;left:max(14px,env(safe-area-inset-left,0px))!important;right:auto!important;top:50%;transform:translateY(-50%);z-index:162}
  .mobile-panel{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(360px,84vw);display:flex;flex-direction:column;gap:24px;padding:100px 30px 30px;background:rgba(220,199,199,.97);border-left:1px solid var(--line);z-index:161;transform:translateX(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);overflow-y:auto;overscroll-behavior:contain}
  .mobile-panel.open{transform:translateX(0)}
  .mobile-panel a{font-size:16px;font-weight:600;color:#30292d}
  .mobile-panel .btn{width:100%}
}
@media(min-width:1321px) and (max-width:1500px){
  .navbar{padding-left:24px;padding-right:24px}
  nav ul{gap:16px}
  nav a{font-size:13px}
  .nav-right{gap:8px}
  .nav-right>.btn{padding:11px 16px;font-size:13px}
  .language-trigger{min-width:104px;gap:12px;padding:8px 12px}
  .logo img{max-width:150px}
}
@media(max-width:700px){.navbar{padding:14px 18px}.navbar>.burger{left:max(14px,env(safe-area-inset-left,0px))!important}.mobile-panel{width:min(360px,86vw);padding:92px 24px 28px}}