/* =========================================================
   NUM Landing
   01 Reset / 02 Tokens / 03 Base / 04 Header / 05 Hero
   06 Ecosystem / 07 Features / 08 QR / 09 Integrations
   10 Operations / 11 Domain / 12 CTA / 13 Footer
   14 Modal / 15 Motion / 16 Responsive
   ========================================================= */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,p,ul{margin:0}
button,input,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}

:root{
  --bg:#fff;
  --bg-soft:#f6f6f6;
  --bg-softer:#fafafa;
  --bg-dark:#0b0b0c;
  --text:#111214;
  --muted:#696a70;
  --muted-2:#8d8f95;
  --line:#e5e5e7;
  --line-dark:#26272b;
  --accent:#111214;
  --success:#169b55;
  --success-bg:#eaf8f0;
  --neutral-bg:#f0f1f2;
  --shadow:0 24px 70px rgba(12,13,15,.08);
  --shadow-soft:0 10px 30px rgba(12,13,15,.06);
  --radius:24px;
  --radius-lg:32px;
  --container:1200px;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section-pad{padding:110px 0}
.section-pad-sm{padding:78px 0}
.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#3e4046;margin-bottom:16px}
.eyebrow.light{color:#bfc1c7}
.section-title{font-size:clamp(2.1rem,4vw,4.25rem);line-height:.99;letter-spacing:-.052em;font-weight:800;max-width:900px}
.section-copy{margin-top:20px;color:var(--muted);font-size:1.08rem;max-width:680px}
.section-head{margin-bottom:34px}

.skip-link{position:fixed;left:12px;top:12px;z-index:1000;background:#000;color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-150%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:12px 18px;font-weight:750;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,.menu-toggle:focus-visible,.modal-close:focus-visible{outline:3px solid #a6a6a6;outline-offset:3px}
.btn-dark{background:var(--bg-dark);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.10)}
.btn-dark:hover{background:#232326}
.btn-light{background:#fff;color:#0b0b0c}
.btn-outline{border-color:#d7d7d9;background:#fff;color:#16171a}
.btn-outline:hover{border-color:#a7a8ab;box-shadow:var(--shadow-soft)}
.btn-lg{padding:15px 22px;border-radius:14px}
.btn-block{width:100%}
.text-link{font-weight:700;color:#34363b}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,229,231,.72)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em}
.brand-mark{display:inline-flex;align-items:flex-end;gap:3px;width:26px;height:26px;transform:rotate(12deg)}
.brand-mark span{width:6px;border-radius:99px;background:#0b0b0c;display:block}
.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:18px}
.brand-word{font-size:1.28rem}
.desktop-nav{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:650;color:#3e4045}
.desktop-nav a,.text-link{transition:color .2s ease}
.desktop-nav a:hover,.text-link:hover{color:#000}
.header-actions{display:flex;align-items:center;gap:16px}
.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;border-radius:10px;position:relative}
.menu-toggle span{position:absolute;width:22px;height:2px;background:#101114;left:10px;transition:transform .22s ease,top .22s ease}
.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:25px}
.menu-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}
.mobile-menu{border-top:1px solid var(--line);background:#fff}
.mobile-menu-inner{display:grid;gap:5px;padding:20px 0 26px}
.mobile-menu a:not(.btn){padding:13px 2px;font-weight:750}

.hero{padding-top:82px;background:radial-gradient(circle at 80% 15%,#f0f0f0 0,transparent 28%),linear-gradient(180deg,#fff 0,#fff 68%,#fafafa 100%)}
.hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:58px;align-items:center}
.hero h1{font-size:clamp(3.4rem,6vw,6.3rem);line-height:.91;letter-spacing:-.067em;font-weight:850}
.hero h1 span{position:relative;display:inline-block}
.hero h1 span:after{content:"";position:absolute;left:-2%;right:-2%;height:10px;bottom:6px;background:#111;opacity:.08;z-index:-1;border-radius:99px}
.hero-lead{font-size:1.17rem;color:var(--muted);max-width:620px;margin-top:28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.play-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#101114;color:#fff;font-size:.55rem;padding-left:1px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:30px;color:#55575c;font-size:.85rem;font-weight:650}
.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{font-style:normal;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#f0f0f0;color:#111;font-size:.74rem}
.hero-visual{position:relative;min-width:0}
.window-shell{background:#fff;border:1px solid #dfe0e2;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.hero-window{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}
.window-bar{height:42px;border-bottom:1px solid #ececee;display:flex;align-items:center;padding:0 15px;gap:7px;background:#fbfbfb}
.window-dot{width:9px;height:9px;border-radius:50%;background:#dadadd}.window-dot:first-child{background:#111}.window-dot:nth-child(2){background:#8f9094}.window-dot:nth-child(3){background:#c9c9cc}
.window-title{margin-left:8px;font-size:.75rem;color:#8b8d92;font-weight:650}
.dashboard-shell{display:grid;grid-template-columns:148px 1fr;min-height:500px}
.dashboard-sidebar{border-right:1px solid #ececee;background:#fafafa;padding:23px 18px}.dashboard-sidebar>strong{font-size:1.05rem}.dashboard-sidebar nav{display:grid;gap:8px;margin-top:22px}.dashboard-sidebar nav span{font-size:.69rem;color:#74767b;padding:8px 9px;border-radius:8px}.dashboard-sidebar nav span.active{background:#111;color:#fff;font-weight:750}
.dashboard-main{padding:26px;min-width:0}.dashboard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dashboard-top h2{font-size:1.18rem;margin-top:2px}.micro{font-size:.67rem;text-transform:uppercase;color:#8b8d92;letter-spacing:.08em;font-weight:700}.mini-btn{border:1px solid #dedee0;background:#fff;border-radius:8px;padding:7px 10px;font-size:.7rem}
.product-focus{display:grid;grid-template-columns:110px 1fr 96px;gap:18px;align-items:center;padding:20px 0 24px;border-bottom:1px solid #ececee}.product-meta{display:grid;gap:5px}.product-meta strong{font-size:1rem}.product-meta>span{font-size:.72rem;color:#85878b}.status-line{display:flex;align-items:center;gap:8px;margin-top:8px}.status-line b{font-size:.72rem}.status-pill{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.61rem;font-weight:800;white-space:nowrap}.status-pill.success{background:var(--success-bg);color:#137744}.status-pill.neutral{background:#eceef0;color:#56585d}.status-pill.dark{background:#111;color:#fff}
.product-art{position:relative;width:104px;height:82px;border-radius:16px;background:linear-gradient(140deg,#f1f1f2,#fff);overflow:hidden}.product-art.small{width:92px;height:72px}.product-art.phone-art{width:105px;height:82px;margin:10px auto}.drill-body{position:absolute;width:50px;height:24px;border-radius:8px 12px 8px 6px;background:#111;left:28px;top:22px}.drill-body:before{content:"";position:absolute;width:27px;height:20px;background:#f3b000;left:-15px;top:2px;border-radius:7px}.drill-handle{position:absolute;width:17px;height:34px;background:#111;left:54px;top:40px;transform:skewX(-9deg);border-radius:0 0 7px 7px}.drill-chuck{position:absolute;width:12px;height:13px;background:#5e6064;left:77px;top:27px}.drill-bit{position:absolute;width:21px;height:3px;background:#282a2d;left:87px;top:32px}
.compact-qr{border:1px solid #ececee;border-radius:12px;padding:8px;text-align:center}.compact-qr>span{display:block;font-size:.58rem;font-weight:750}.compact-qr button{border:0;background:#111;color:#fff;border-radius:7px;padding:5px 8px;font-size:.55rem;width:100%}.qr-svg{width:58px;margin:6px auto}
.dashboard-cards{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;margin-top:20px}.dash-card{border:1px solid #ececee;border-radius:13px;padding:12px;display:grid;gap:5px;min-height:94px}.dash-card small{font-size:.59rem;color:#77797d}.dash-card strong{font-size:.78rem}.integration-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}.integration-dot.ml{background:#ffe600;border:4px solid #fff;box-shadow:0 0 0 1px #f0d800}.integration-dot.mp{background:#4db4e8;border:4px solid #fff;box-shadow:0 0 0 1px #3da5d6}.bars{height:32px;display:flex;align-items:end;gap:3px}.bars i{display:block;width:7px;background:#111;border-radius:3px 3px 0 0}.bars i:nth-child(1){height:26%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:36%}.bars i:nth-child(4){height:66%}.bars i:nth-child(5){height:52%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:63%}.bars i:nth-child(8){height:91%}
.floating-card{position:absolute;right:-18px;bottom:-20px;background:#111;color:#fff;padding:13px 16px;border-radius:13px;box-shadow:0 16px 35px rgba(0,0,0,.18);display:grid;gap:2px}.floating-card span{font-size:.68rem;color:#bfc1c5}.floating-card strong{font-size:.87rem}

.ecosystem{background:#fafafa;border-top:1px solid #f0f0f1;border-bottom:1px solid #f0f0f1}.ecosystem-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.channel-map{display:grid;grid-template-columns:160px 72px 1fr;align-items:center}.channel-product{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:var(--shadow-soft);display:grid;justify-items:center;text-align:center}.channel-product strong{font-size:.82rem;margin-top:7px}.channel-product small{font-size:.68rem;color:#7c7e83}.channel-lines{height:210px;display:grid;align-content:space-around}.channel-lines span{height:1px;background:linear-gradient(90deg,#111,#d9dadd);position:relative}.channel-lines span:after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid #b1b2b6;border-top:3px solid transparent;border-bottom:3px solid transparent}.channel-list{display:grid;gap:10px}.channel-list>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 13px}.channel-list b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f2f2f3}.channel-list span{display:grid}.channel-list strong{font-size:.78rem}.channel-list small{font-size:.65rem;color:#7d7f84}
.badge-ml{background:#ffe600!important;color:#111!important;font-size:.62rem!important}.badge-mp{background:#dff4ff!important;color:#0877ad!important;font-size:.6rem!important}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:24px;min-height:190px;background:#fff;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.feature-card:hover{transform:translateY(-4px);border-color:#c8c8cb;box-shadow:var(--shadow-soft)}.feature-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#f2f2f3;font-weight:850;margin-bottom:24px}.feature-card h3{font-size:1.02rem}.feature-card p{color:var(--muted);font-size:.9rem;margin-top:8px}

.qr-section{background:var(--bg-dark);color:#fff;overflow:hidden}.qr-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.qr-copy h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;max-width:580px}.qr-copy>p:not(.eyebrow){color:#b8bac0;font-size:1.06rem;max-width:580px;margin-top:23px}.dark-stats{display:flex;gap:28px;margin-top:34px}.dark-stats span{display:grid;gap:2px}.dark-stats strong{font-size:1.5rem}.dark-stats small{color:#9fa1a7}.qr-demo{position:relative;min-height:520px}.physical-label{position:absolute;left:0;top:80px;width:280px;background:#fff;color:#111;padding:22px;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.36);transform:rotate(-4deg);z-index:2}.physical-label>div:first-child{display:grid}.physical-label strong{font-size:1rem}.physical-label span{font-size:.7rem;color:#66686d}.qr-large{width:120px;margin:18px auto}.physical-label>b{display:block;text-align:right;margin-top:12px;font-size:1.1rem}.barcode{height:34px;display:flex;gap:3px;align-items:stretch;margin-top:6px}.barcode span{background:#111}.barcode span:nth-child(1){width:5px}.barcode span:nth-child(2){width:2px}.barcode span:nth-child(3){width:9px}.barcode span:nth-child(4){width:3px}.barcode span:nth-child(5){width:5px}.barcode span:nth-child(6){width:11px}.barcode span:nth-child(7){width:3px}.barcode span:nth-child(8){width:7px}
.phone-mockup{position:absolute;right:20px;top:5px;width:270px;height:520px;background:#060607;border:8px solid #2b2c30;border-radius:38px;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.45);transform:rotate(5deg)}.phone-notch{width:90px;height:22px;background:#060607;border-radius:0 0 14px 14px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;border-radius:26px;background:#fff;color:#111;padding:32px 18px 18px;text-align:center}.phone-screen>small{color:#8a8c91;font-size:.66rem}.phone-screen h3{font-size:1.05rem}.phone-screen>span{font-size:.68rem;color:#818388}.phone-stock{display:flex;justify-content:space-between;align-items:center;background:#f4f4f5;border-radius:12px;padding:11px 13px;margin:14px 0}.phone-stock span{font-size:.68rem;color:#707277}.phone-stock strong{font-size:1.25rem}.phone-screen button{width:100%;border:0;border-radius:10px;background:#111;color:#fff;padding:10px;font-size:.7rem;font-weight:700;margin-top:7px}.phone-screen button.phone-secondary{background:#f1f1f2;color:#111}

.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.check-list{list-style:none;padding:0;display:grid;gap:12px;margin-top:26px}.check-list li{display:flex;align-items:center;gap:10px;font-weight:680}.check-list li:before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:.68rem}.publication-panel{box-shadow:var(--shadow)}.publication-body{display:grid;grid-template-columns:42px 1fr 180px;gap:16px;padding:24px}.steps{display:grid;align-content:start;gap:14px}.steps span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f1f2;color:#85878c;font-size:.65rem;font-weight:800}.steps span.done{background:#111;color:#fff}.steps span.active{box-shadow:0 0 0 3px #d9d9db}.publication-fields{display:grid;gap:12px}.publication-fields label{display:grid;gap:5px;font-size:.64rem;color:#7d7f84;font-weight:700}.publication-fields label>span{border:1px solid #e5e5e7;border-radius:9px;padding:9px 10px;color:#222;font-weight:650;background:#fff}.field-row{display:grid;grid-template-columns:1fr .55fr;gap:10px}.image-strip{display:flex!important;gap:6px!important;padding:7px!important}.image-strip i{width:42px;height:32px;border-radius:6px;background:linear-gradient(145deg,#2d2e32,#f1b300);display:grid;place-items:center}.image-strip i.add{background:#f2f2f3;color:#5c5e63;font-style:normal}.publication-status{border-left:1px solid #ececee;padding-left:16px;display:grid;align-content:start;gap:10px}.publication-status small{color:#8a8c91}.publication-status span{font-size:.7rem;color:#4f5156}.publication-status strong{font-size:.77rem;background:#eef8f2;color:#147744;padding:8px;border-radius:8px}.publication-status button{border:0;border-radius:8px;background:#111;color:#fff;padding:9px;font-size:.7rem;font-weight:700}

.payment-section{background:#fafafa;border-top:1px solid #f1f1f2;border-bottom:1px solid #f1f1f2}.payment-card{display:grid;grid-template-columns:1fr 40px .75fr;gap:10px;align-items:center}.checkout-card,.approved-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow-soft)}.checkout-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0;color:#55575c;font-size:.82rem}.checkout-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-weight:700}.mp-button{width:100%;border:0;border-radius:11px;background:#111;color:#fff;padding:11px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:8px}.mp-button .badge-mp{width:30px;height:25px;border-radius:7px;display:grid;place-items:center}.payment-arrow{text-align:center;font-size:1.5rem}.approved-card{text-align:center;display:grid;justify-items:center;gap:8px}.approved-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--success-bg);color:var(--success);font-size:1.6rem;font-weight:800}.approved-card span{font-size:.75rem;color:#74767b}

.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ops-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.ops-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.ops-card header h3{font-size:1rem}.ops-card header span{font-size:.67rem;color:#83858a}.order-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #f0f0f1}.order-row b{font-size:.76rem}.client-row,.delivery-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid #f0f0f1}.client-row i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#f0f0f1;display:grid;place-items:center;font-size:.65rem;font-weight:800}.client-row span,.delivery-row span{display:grid;min-width:0}.client-row b,.delivery-row strong{font-size:.75rem}.client-row small,.delivery-row small{font-size:.65rem;color:#85878c}.delivery-row>b{width:34px;height:34px;border-radius:10px;background:#f0f0f1;display:grid;place-items:center}

.domain-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fafafa,#f2f2f3);border-radius:var(--radius-lg);padding:44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.domain-panel h2{font-size:clamp(2.3rem,4vw,4.1rem);line-height:.98;letter-spacing:-.05em}.domain-panel p:not(.eyebrow){color:var(--muted);margin-top:17px;max-width:520px}.domain-demo{display:grid;gap:14px}.browser-address,.domain-own{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:8px}.browser-address small{color:#96989c}.browser-address strong{font-size:1.25rem;letter-spacing:-.03em}.domain-own{justify-content:space-between}.domain-own small{color:#8b8d92}.domain-own strong{font-size:1rem}

.cta-panel{background:#0b0b0c;color:#fff;border-radius:var(--radius-lg);padding:52px;display:flex;align-items:center;justify-content:space-between;gap:36px;overflow:hidden;position:relative}.cta-panel:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#2e2f34 0,transparent 67%);right:-80px;top:-130px;opacity:.7}.cta-panel>div,.cta-panel>.btn{position:relative;z-index:1}.cta-panel h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:.95;letter-spacing:-.055em}.cta-panel p:not(.eyebrow){color:#b8bac0;margin-top:13px}

.site-footer{padding:56px 0 26px;border-top:1px solid #ededee}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px}.footer-brand p{color:#77797e;max-width:300px;margin-top:16px;font-size:.87rem}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:9px}.footer-grid strong{font-size:.78rem}.footer-grid a:not(.brand){font-size:.77rem;color:#74767b}.footer-grid a:not(.brand):hover{color:#111}.footer-bottom{border-top:1px solid #ededee;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;color:#94969a;font-size:.7rem}

.modal-backdrop{position:fixed;inset:0;background:rgba(5,5,6,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:grid;place-items:center;padding:20px}
.modal-backdrop[hidden]{display:none!important}.modal-card{background:#fff;border-radius:24px;width:min(100%,510px);padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:1.7rem;color:#6f7176}.modal-kicker{font-size:.7rem;font-weight:850;letter-spacing:.14em}.modal-card h2{font-size:2rem;line-height:1.03;letter-spacing:-.04em;margin-top:10px}.modal-card p{color:var(--muted);margin-top:14px}.modal-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0}.modal-flow span{flex:1;border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;font-weight:850}.modal-flow small{font-size:.62rem;color:#85878c;font-weight:650}.modal-flow i{font-style:normal;color:#a0a2a6}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
body.modal-open{overflow:hidden}

@media(max-width:1100px){
  .hero-grid,.ecosystem-grid,.qr-grid,.split-grid{grid-template-columns:1fr;gap:48px}
  .hero-copy{max-width:780px}
  .hero-visual{max-width:850px;margin-inline:auto;width:100%}
  .dashboard-shell{min-height:460px}
  .ecosystem-grid>div:first-child{max-width:720px}
  .channel-map{max-width:760px;width:100%;margin-inline:auto}
  .qr-copy{max-width:720px}.qr-demo{max-width:650px;width:100%;margin-inline:auto}
  .split-grid.reverse-mobile>div:first-child{order:2}.split-grid.reverse-mobile>div:last-child{order:1}
  .publication-panel,.payment-card{max-width:820px;width:100%;margin-inline:auto}
}

@media(max-width:800px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .section-pad{padding:80px 0}.section-pad-sm{padding:60px 0}
  .desktop-nav,.desktop-only{display:none}
  .menu-toggle{display:block}
  .hero{padding-top:56px}
  .hero h1{font-size:clamp(3rem,15vw,5rem)}
  .hero-lead{font-size:1rem}
  .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-window{transform:none}
  .dashboard-shell{grid-template-columns:1fr;min-height:0}.dashboard-sidebar{display:none}.dashboard-main{padding:18px}.product-focus{grid-template-columns:88px 1fr}.product-focus>.compact-qr{display:none}.dashboard-cards{grid-template-columns:1fr 1fr}.dashboard-cards .chart-card{grid-column:1/-1}.floating-card{right:10px;bottom:-26px}
  .channel-map{grid-template-columns:1fr;gap:18px}.channel-product{max-width:180px;margin-inline:auto}.channel-lines{display:none}.channel-list{grid-template-columns:1fr 1fr}
  .feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:180px}
  .qr-demo{min-height:610px}.physical-label{left:50%;transform:translateX(-78%) rotate(-4deg);top:35px}.phone-mockup{right:50%;transform:translateX(64%) rotate(4deg);top:170px}
  .publication-body{grid-template-columns:34px 1fr}.publication-status{grid-column:2;border-left:0;border-top:1px solid #ececee;padding:14px 0 0}.payment-card{grid-template-columns:1fr}.payment-arrow{transform:rotate(90deg)}
  .ops-grid{grid-template-columns:1fr}.domain-panel{grid-template-columns:1fr;padding:30px}.cta-panel{padding:36px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

@media(max-width:520px){
  .header-inner{height:64px}
  .hero h1{font-size:clamp(2.85rem,15.7vw,4.25rem)}
  .hero h1 span:after{height:7px;bottom:3px}
  .section-title{font-size:2.55rem}
  .trust-row{grid-template-columns:1fr}
  .window-shell{border-radius:17px}.window-bar{height:36px}.dashboard-main{padding:14px}.dashboard-top h2{font-size:1rem}.product-focus{grid-template-columns:78px 1fr;gap:12px}.product-art{width:78px;height:68px}.drill-body{left:22px;top:18px;transform:scale(.82);transform-origin:left top}.drill-handle{left:43px;top:34px;transform:skewX(-9deg) scale(.82);transform-origin:left top}.drill-chuck{left:61px;top:23px}.drill-bit{left:72px;top:29px;width:15px}.dashboard-cards{grid-template-columns:1fr}.dashboard-cards .chart-card{grid-column:auto}.dash-card{min-height:82px}.floating-card{display:none}
  .channel-list{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}
  .qr-demo{min-height:720px}.physical-label{width:240px;left:50%;transform:translateX(-50%) rotate(-3deg)}.phone-mockup{width:245px;height:490px;right:auto;left:50%;transform:translateX(-50%) rotate(3deg);top:235px}.qr-copy h2{font-size:3.1rem}.dark-stats{gap:18px}
  .publication-body{padding:16px;grid-template-columns:1fr}.steps{display:flex}.publication-status{grid-column:1}.field-row{grid-template-columns:1fr}.payment-card{width:100%}.browser-address{align-items:flex-start;flex-wrap:wrap}.browser-address strong{font-size:1rem}.domain-own{align-items:flex-start;flex-direction:column}.cta-panel{padding:30px 24px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.modal-card{padding:28px 22px}.modal-card h2{font-size:1.75rem}.modal-flow{align-items:stretch}.modal-flow i{display:none}.modal-flow span{padding:9px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
}