:root{--night:#142735;--dark:#091e2a;--lime:#9BF500;--lime2:#54D100;--line:#d6e5e6;--muted:#536b77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--night);font-family:'DM Sans',Arial,sans-serif;background:radial-gradient(ellipse at 72% 44%,#e9f6f4 0%,transparent 47%),radial-gradient(circle at 11% 26%,#ffffff 12%,transparent 66%),linear-gradient(128deg,#f9fcff,#edf5fb 72%,#ecf9ec)}a{color:inherit}.shell{max-width:1500px;padding:25px clamp(24px,4.9vw,80px) 22px;margin:0 auto;position:relative;z-index:1}.page-decoration{position:fixed;pointer-events:none;z-index:0}.corner-one{left:-150px;top:-200px;width:420px;height:360px;background:linear-gradient(133deg,#49ac06 5%,#b4ff00 56%,#0b2436 56.5%,#0b2436 62%,transparent 62.5%);transform:rotate(16deg);border-radius:18% 0 65% 0;opacity:.95}.corner-two{right:-215px;bottom:-185px;width:600px;height:400px;transform:rotate(-24deg);border-radius:65% 0 0 0;background:linear-gradient(135deg,#9ffb13 10%,#3cbe02 42%,#0b2839 42.2%,#0b2839 54%,transparent 54.2%);opacity:.92}.background-wave{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 70%,rgba(121,236,21,.13),transparent 22%);z-index:0}.header{display:flex;justify-content:center;align-items:center;min-height:156px}.logo-lockup{display:flex;gap:8px;align-items:center;justify-content:center;max-width:480px}.logo-symbol{height:112px;width:125px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(59,175,1,.13))}.brand-type{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:12px}.brand-name{font-family:'Outfit',Arial,sans-serif;font-size:clamp(64px,5.6vw,93px);font-weight:900;letter-spacing:-.07em;line-height:.84;white-space:nowrap}.brand-y{color:#112532}.brand-pay{background:linear-gradient(140deg,#75e900,#37b316);color:transparent;background-clip:text}.reg{font-family:Arial,sans-serif;display:inline-block;color:#132c39;font-size:19px;vertical-align:top;letter-spacing:0;line-height:1;margin:5px 0 0 5px}.brand-tagline{font-size:18px;font-style:italic;font-weight:800;letter-spacing:-.02em;padding:0 0 0 4px;margin-top:8px}.brand-underline{width:88%;height:15px;border-top:5px solid #60d807;border-radius:50%;transform:rotate(-3deg);margin-top:4px;margin-left:0}.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:center;gap:0;min-height:min(770px,calc(100vh - 190px))}.hero-copy{padding:10px 0 0;z-index:2;position:relative}.eyebrow{display:flex;align-items:center;gap:25px;justify-content:center;max-width:535px;font-weight:800;letter-spacing:.46em;font-size:clamp(16px,2vw,25px);margin:0 0 17px}.eyebrow span{display:block;width:92px;height:3px;background:linear-gradient(90deg,#60d80b,#a5fd16)}h1{font-family:'Outfit',Arial,sans-serif;line-height:1.13;white-space:nowrap;letter-spacing:-.055em;font-size:clamp(64px,6.3vw,102px);font-weight:900;margin:0 0 25px;color:#092036}h1 .soon{color:white;display:inline-block;background:linear-gradient(145deg,#9af500,#41b909 85%);padding:0 .15em .045em;line-height:1.02;border-radius:22px 22px 24px 22px;box-shadow:0 15px 27px rgba(94,187,16,.13)}.lead{font-size:clamp(22px,2.25vw,31px);line-height:1.42;max-width:610px;margin:0 auto 7px;text-align:center;letter-spacing:-.025em}.lead strong{font-weight:800}.support{text-align:center;max-width:620px;color:#54707e;font-size:16px;line-height:1.5;margin:0 auto 27px}.feature-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:660px;margin:0 auto 29px}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;line-height:1.35;font-weight:800;color:#173246;position:relative;gap:10px}.feature+.feature:before{content:'';position:absolute;left:0;top:20%;height:71%;width:1px;background:linear-gradient(transparent,#9bc7b9,transparent)}.feature-icon{width:61px;height:61px;display:grid;place-items:center;border-radius:20px;color:#43b70b;background:linear-gradient(160deg,#fff,#eafbeb);box-shadow:0 5px 13px rgba(60,140,65,.07),inset 0 0 0 1.4px rgba(115,211,82,.35)}.feature svg{height:30px;width:30px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.form-section{max-width:665px;margin:0 auto}.notify-form{height:70px;border:2px solid #dbe8ec;background:rgba(255,255,255,.94);display:flex;align-items:center;border-radius:38px;padding:7px 8px 7px 24px;box-shadow:0 15px 35px rgba(24,71,80,.05)}.mail-icon{width:26px;height:26px;flex:none;stroke:#37bc0b;fill:none;stroke-width:1.8}.notify-form input[type=email]{height:100%;flex:1;min-width:0;border:0;outline:none;padding:0 16px;color:#183344;background:none;font:500 16px 'DM Sans',Arial,sans-serif}.notify-form input::placeholder{color:#82959c}.notify-form input:focus-visible{outline:2px solid #74d729;outline-offset:-5px;border-radius:20px}.notify-form button{border:0;cursor:pointer;border-radius:33px;background:linear-gradient(135deg,#b5ff00,#5cda00);color:#102231;font-weight:900;font-family:'Outfit',Arial,sans-serif;font-size:18px;padding:15px 25px;height:53px;white-space:nowrap;box-shadow:0 5px 12px rgba(98,193,1,.17);transition:transform .2s,box-shadow .2s}.notify-form button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(85,169,0,.22)}.notify-form button:focus-visible,.powered-badge:focus-visible,.consent a:focus-visible{outline:3px solid #34b913;outline-offset:3px}.notify-form button span{margin-left:8px}.consent{display:flex;align-items:flex-start;justify-content:center;gap:7px;text-align:center;margin:10px auto 0;color:#5d707b;font-size:12px}.consent input{accent-color:#59d000;flex:none;margin-top:2px}.consent a{text-decoration-color:#86bd54;text-underline-offset:2px}.honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.form-message{margin:12px 12px 0;padding:11px 16px;border-radius:12px;background:#e5f6e9;border:1px solid #99d8a7;color:#12622d;font-size:14px}.form-message.error{background:#fff0f0;border-color:#f4bdbe;color:#913e3e}.powered-row{display:flex;justify-content:center;margin:27px 0 13px}.powered-badge{background:linear-gradient(120deg,#142a38,#082331);color:white;border:1px solid #6cbf5a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 7px 17px rgba(17,55,38,.09);padding:10px 19px;border-radius:40px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;max-width:100%}.powered-badge>span{font-size:14px;opacity:.92}.powered-badge strong{font-size:17px;letter-spacing:-.02em}.powered-badge .zr-letters{background:linear-gradient(135deg,#fff,#74ed06);color:transparent;background-clip:text;font-family:'Outfit',Arial,sans-serif;font-size:23px}.powered-badge svg{width:17px;height:17px;stroke:#86ee34;fill:none;stroke-width:2}.status-note{text-align:center;font-size:11px;font-weight:700;letter-spacing:.025em;color:#667e88}.status-note span{color:#59bd16}.hero-art{align-self:stretch;position:relative;min-height:655px;isolation:isolate;overflow:visible}.art-halo{position:absolute;inset:11% -30% 12% -10%;background:radial-gradient(ellipse at center,rgba(111,220,10,.26) 0%,rgba(139,244,25,.12) 42%,transparent 71%);filter:blur(6px);z-index:-4}.orbital{position:absolute;border:2px solid rgba(114,222,22,.15);border-radius:48% 52% 49% 51%;transform:rotate(-33deg);pointer-events:none}.orbital-one{width:570px;height:335px;top:190px;left:-10px;box-shadow:0 0 45px rgba(91,212,17,.16)}.orbital-two{width:490px;height:230px;top:235px;left:32px;border-color:rgba(91,221,9,.16)}.platform-base{position:absolute;width:470px;height:100px;bottom:55px;left:calc(50% - 235px);background:linear-gradient(180deg,#b5ff47,#195b2e 45%,#092e30 82%);border-radius:50%;border:6px solid #aeff37;transform:perspective(500px) rotateX(56deg);box-shadow:0 12px 16px #183e2450,0 0 30px #4bce1866;z-index:0}.phone{position:absolute;left:calc(50% - 125px);top:49px;width:275px;height:535px;border-radius:47px;padding:10px;background:linear-gradient(145deg,#9caeb3 0%,#051b27 19%,#324f5c 72%,#061823 100%);box-shadow:15px 25px 40px rgba(3,29,38,.33),inset -2px -2px 5px #adbdc6;transform:rotate(10deg);z-index:2}.phone:before{content:'';position:absolute;right:-4px;top:152px;width:4px;height:76px;border-radius:6px;background:#3c5a67}.phone-screen{height:100%;border-radius:37px;overflow:hidden;background:radial-gradient(ellipse at 40% 81%,#15452a,#071e27 55%,#071925);position:relative;color:#fff;display:flex;flex-direction:column;align-items:center}.phone-island{position:absolute;top:15px;left:calc(50% - 43px);width:86px;height:20px;border-radius:20px;background:#02090d;z-index:3}.phone-top{font-size:10px;font-weight:900;margin:17px 0 0;align-self:stretch;padding:0 21px;display:flex;justify-content:space-between}.phone-logo{display:flex;align-items:center;margin-top:80px;font:900 32px 'Outfit',Arial,sans-serif;letter-spacing:-.06em}.phone-logo img{width:48px;height:56px;object-fit:contain}.phone-logo b{color:#9af400}.success-check{display:grid;place-items:center;margin-top:52px;height:90px;width:90px;border-radius:50%;background:radial-gradient(#235929,#063022);border:4px solid #7aff25;box-shadow:0 0 26px rgba(104,252,3,.7),inset 0 0 18px rgba(109,252,30,.2)}.success-check svg{width:54px;stroke:#d7ffa3;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.phone-text{font-weight:900;text-align:center;font-size:22px;line-height:1.1;margin-top:22px}.phone-caption{font-size:10px;letter-spacing:.2em;margin-top:13px;color:#a7dc98}.phone-glow{position:absolute;width:350px;height:200px;background:#32c80657;border-radius:50%;filter:blur(27px);bottom:-130px}.payment-card{position:absolute;z-index:4;left:calc(50% + 10px);bottom:102px;width:345px;height:205px;border-radius:20px;transform:rotate(-9deg);background:linear-gradient(142deg,#0e2331 19%,#0a2732 65%,#113b2a);box-shadow:4px 19px 24px rgba(1,26,25,.28),inset 0 0 0 1px #648b8780;overflow:hidden;color:white}.card-brand{position:relative;z-index:2;margin:18px 24px;display:flex;align-items:center;font:800 23px 'Outfit',Arial,sans-serif}.card-brand img{height:39px;width:36px;object-fit:contain}.card-brand b{color:#84ed00}.card-chip{width:46px;height:33px;border-radius:6px;background:linear-gradient(125deg,#e8c45e,#b89024);position:absolute;top:86px;left:31px;box-shadow:inset 0 0 0 2px #ffe98a66}.card-chip:after{content:'';position:absolute;inset:4px 16px;border-left:2px solid #81642266;border-right:2px solid #81642266}.tap-waves{position:absolute;right:21px;top:89px;font-size:29px;transform:rotate(14deg);font-weight:900;letter-spacing:-10px}.card-band{height:72px;width:550px;background:linear-gradient(95deg,#2c9a04,#bbff26,#1cba10);position:absolute;bottom:-48px;left:-75px;transform:rotate(-9deg);box-shadow:0 -11px 17px #69df2052}.art-star{position:absolute;width:7px;height:7px;background:#85ea0b;border-radius:50%;box-shadow:0 0 15px #94fb45}.s1{left:10%;top:12%}.s2{right:5%;top:20%}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #d9e6e9;padding:14px 2px 0;margin-top:6px;color:#687c89;gap:10px;font-size:12px}.footer p{margin:0}.footer strong{color:#152c39}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1200px){.shell{padding-left:32px;padding-right:32px}.hero{grid-template-columns:minmax(0,1fr) minmax(315px,.72fr)}h1{font-size:clamp(52px,6vw,80px)}.hero-art{transform:scale(.89);transform-origin:center center;left:-24px}.feature-icon{height:55px;width:55px}.feature{font-size:13px}.lead{font-size:23px}.phone{left:calc(50% - 135px)}.payment-card{left:calc(50% - 5px)}}
@media(max-width:900px){.shell{padding:18px 20px 30px}.header{min-height:115px}.logo-symbol{height:84px;width:94px}.brand-name{font-size:64px}.brand-tagline{font-size:14px}.brand-underline{border-top-width:3px}.hero{grid-template-columns:1fr;min-height:0;gap:10px}.hero-copy{max-width:730px;margin:auto;width:100%}.eyebrow{margin:15px auto 20px}.hero h1{text-align:center;font-size:clamp(55px,9vw,92px)}.lead{font-size:24px}.hero-art{width:min(100%,540px);height:570px;min-height:570px;left:0;justify-self:center;transform:scale(.85);transform-origin:center top}.phone{top:25px}.platform-base{bottom:40px}.payment-card{bottom:80px}.footer{margin-top:-65px}.corner-one{top:-245px;left:-220px}.corner-two{bottom:-245px;right:-290px}}
@media(max-width:560px){.shell{padding:12px 15px 20px}.header{min-height:94px}.logo-symbol{width:67px;height:74px}.logo-lockup{gap:4px}.brand-name{font-size:49px}.reg{font-size:12px;margin:2px 0 0 4px}.brand-tagline{font-size:10.6px;margin-top:4px}.brand-underline{height:6px;border-top:2px solid #60d807}.eyebrow{gap:13px;font-size:14px;letter-spacing:.36em;margin:12px auto 17px}.eyebrow span{width:50px;height:2px}h1{font-size:clamp(44px,10.9vw,64px);margin-bottom:18px;letter-spacing:-.065em}.soon{border-radius:10px!important}.lead{font-size:19px;line-height:1.35}.support{font-size:13px;margin:8px auto 22px}.feature-row{margin-bottom:24px}.feature{font-size:11.2px;gap:8px}.feature-icon{height:48px;width:48px;border-radius:14px}.feature svg{height:26px;width:26px}.notify-form{height:auto;min-height:64px;padding:6px 6px 6px 12px}.notify-form input[type=email]{padding:0 8px;font-size:12.5px}.notify-form input::placeholder{font-size:12px}.mail-icon{width:20px;height:20px}.notify-form button{font-size:14px;padding:12px 11px;height:46px}.notify-form button span{margin-left:4px}.consent{font-size:10px}.powered-row{margin-top:21px}.powered-badge{padding:8px 12px;gap:8px}.powered-badge>span{font-size:12px}.powered-badge strong{font-size:14px}.powered-badge .zr-letters{font-size:19px}.status-note{font-size:10px}.hero-art{margin-top:0;height:405px;min-height:405px;width:480px;max-width:calc(100vw + 30px);left:-2px;transform:scale(.64);transform-origin:center top;margin-bottom:-130px}.phone{top:10px}.platform-base{bottom:15px}.payment-card{bottom:54px}.footer{margin-top:0;display:block;text-align:center;line-height:1.5;font-size:10px}.footer p+p{margin-top:4px}.corner-one{width:290px;height:280px;left:-210px;top:-220px}.corner-two{width:330px;height:300px;right:-260px;bottom:-225px}}
@media(max-width:370px){.hero h1{font-size:43px}.feature{font-size:10px}.hero-art{transform:scale(.53);margin-bottom:-180px}.notify-form button{font-size:12px;padding:10px}.powered-badge strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep decorative mobile/device art inside the actual viewport. */
html{overflow-x:clip}
@media(max-width:560px){
 .hero-art{width:100%;max-width:100%;height:440px;min-height:440px;margin:0;left:auto;transform:none;overflow:hidden}
 .hero-art .phone{top:18px;left:calc(50% - 112px);transform:rotate(10deg) scale(.72);transform-origin:top left}
 .hero-art .payment-card{top:260px;bottom:auto;left:calc(50% - 47px);transform:rotate(-9deg) scale(.63);transform-origin:top left}
 .hero-art .platform-base{width:340px;height:76px;bottom:10px;left:calc(50% - 170px)}
 .hero-art .orbital-one{width:310px;height:210px;top:135px;left:calc(50% - 155px)}
 .hero-art .orbital-two{width:250px;height:140px;top:165px;left:calc(50% - 125px)}
 .footer{position:relative;z-index:2;margin-top:2px}
}
@media(max-width:370px){
 .hero-art .phone{left:calc(50% - 116px);transform:rotate(10deg) scale(.67)}
 .hero-art .payment-card{top:255px;left:calc(50% - 52px);transform:rotate(-9deg) scale(.58)}
}


/* ZyPay 0.2.2 — viewport-fit adaptive layout. All edits are confined to the
   public coming-soon page; merchant/admin/payment sandbox are untouched. */
html { overflow-x: clip; }
body { min-height: 100svh; overflow-x: clip; }
.shell {
  height: 100svh;
  min-height: 0;
  max-width: 1600px;
  margin-inline: auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0;
  padding: clamp(8px,1.5vh,17px) clamp(20px,4.2vw,76px) clamp(6px,1vh,12px);
}
.header { min-height: 0; height: clamp(77px, 13vh, 121px); align-self: start; }
.logo-lockup { max-width: none; gap: 4px; }
.logo-symbol { width: clamp(78px,9vh,111px); height: clamp(75px,11.3vh,114px); }
.brand-type { padding-top: 6px; }
.brand-name { font-size: clamp(55px,7.5vh,82px); }
.brand-tagline { font-size: clamp(11px,1.7vh,16px); margin-top: 6px; }
.brand-underline { height: 8px; margin-top: 3px; border-top-width: 3px; }
.reg { font-size: 13px; }
.hero {
  display:grid;
  grid-template-columns: minmax(0,1.07fr) minmax(0,.93fr);
  gap: clamp(10px,1.6vw,25px);
  align-items:stretch;
  min-height:0;
  height:100%;
}
.hero-copy {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap: 0;
  padding: 0 2px;
  min-width:0;
  max-width:680px;
  width:100%;
  margin: auto;
}
.eyebrow { margin: 0 auto clamp(5px,1.2vh,12px); gap: clamp(12px,1.7vw,27px); font-size: clamp(13px,2.15vh,22px); }
.eyebrow span { width: clamp(37px,5vw,83px); }
.hero h1 { margin:0 auto clamp(9px,1.8vh,19px); text-align:center; line-height:1.08; font-size: clamp(48px, min(5.65vw,9vh), 89px); }
h1 .soon { border-radius: 16px; }
.lead { font-size: clamp(18px,2.7vh,27px); line-height:1.3; margin: 0 auto clamp(4px,.7vh,8px); }
.support { font-size: clamp(12px,1.55vh,15px); line-height:1.35; margin:0 auto clamp(14px,2.1vh,25px); }
.feature-row { margin:0 auto clamp(15px,2.6vh,28px); max-width:590px; width:100%; }
.feature { font-size: clamp(11px,1.5vh,13px); gap: clamp(5px,.7vh,8px); }
.feature-icon { width:clamp(43px,6.2vh,60px); height:clamp(43px,6.2vh,60px); border-radius:16px; }
.feature svg { width: 52%; height:52%; }
.form-section { width:100%; max-width:625px; }
.notify-form { height:clamp(52px,7.5vh,66px); padding:5px 6px 5px 15px; }
.notify-form button { height:100%; padding:8px clamp(12px,1.6vw,21px); font-size:clamp(13px,1.8vh,17px); }
.notify-form input[type=email] { font-size:clamp(12px,1.7vh,15px); }
.mail-icon { width:22px; height:22px; }
.consent { font-size: clamp(10px,1.15vh,12px); margin-top: 7px; }
.powered-row { margin:clamp(10px,2.1vh,20px) 0 clamp(5px,.85vh,9px); }
.powered-badge { padding: 7px 15px; }
.powered-badge > span { font-size:12px; }
.powered-badge strong { font-size:15px; }
.powered-badge .zr-letters {font-size:20px;}
.status-note { margin:0; font-size: clamp(9px,1.1vh,11px); }
.hero-art { align-self:stretch; position:relative; width:100%; height:100%; min-height:0; overflow:visible; left:auto; transform:none; isolation:isolate; }
.art-stage { position:absolute; width:700px; height:655px; top:50%; left:50%; transform:translate(-50%,-50%) scale(var(--art-scale,.93)); transform-origin:center; }
.footer { height:clamp(24px,3.5vh,34px); margin-top:0; padding:6px 2px 0; font-size:clamp(10px,1.3vh,12px); }
.corner-one {left:-170px;top:-220px;}
.corner-two {right:-225px;bottom:-235px;}

/* Laptops and smaller-height desktops: maintain the full hero above the fold. */
@media (max-height:800px) and (min-width:901px) {
 .header { height:clamp(68px,11vh,86px); }
 .logo-symbol { width:82px; height:78px; }
 .brand-name {font-size:59px;}
 .brand-tagline{font-size:12px;margin-top:3px;}
 .brand-underline{height:5px;margin-top:1px;}
 .hero h1{font-size:clamp(46px,min(5.4vw,8.3vh),73px);margin-bottom:9px;}
 .lead{font-size:clamp(17px,2.8vh,23px);}
 .support{font-size:12px;margin-bottom:13px;}
 .feature-row{margin-bottom:13px;}
 .feature-icon{width:45px;height:45px;}
 .feature{gap:4px;font-size:11px;}
 .notify-form{height:53px;}
 .powered-row{margin:11px 0 6px;}
 .powered-badge{padding:6px 12px;}
 .art-stage {--art-scale:.76;}
}
@media (max-height:680px) and (min-width:901px) {
 .header{height:67px;}
 .logo-symbol{height:65px;width:72px;}
 .brand-name{font-size:49px;}
 .brand-tagline{font-size:10px;}
 .hero h1{font-size:clamp(42px,5vw,60px);margin-bottom:6px;}
 .eyebrow{font-size:12px;margin-bottom:5px;}
 .lead{font-size:17px;}
 .support{margin-bottom:8px;}
 .feature-row{margin-bottom:9px;}
 .feature-icon{height:38px;width:38px;}
 .powered-row{margin:7px 0 4px;}
 .consent{margin-top:4px;}
 .art-stage{--art-scale:.63;}
}
@media (min-width:901px) and (max-width:1270px) {
 .shell{padding-inline:clamp(16px,2.1vw,30px);}
 .hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:0;}
 .hero h1{font-size:clamp(44px,5.1vw,68px);}
 .art-stage{--art-scale:.76;}
 .lead{font-size:clamp(17px,2.3vh,23px);}
 .support{font-size:12px;}
}
/* Tablets in portrait: balanced content above a compact product rendering. */
@media (max-width:900px) and (min-height:720px) {
 .shell { padding:10px clamp(18px,4vw,32px) 8px; }
 .header{height:clamp(75px,10vh,108px);}
 .logo-symbol{height:clamp(72px,9vh,93px);width:clamp(75px,9vh,96px);}
 .brand-name{font-size:clamp(53px,7vh,75px);}
 .hero {grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr);gap:0;align-items:stretch;}
 .hero-copy{max-width:650px; align-self:start; justify-content:start; padding-top:3px;}
 .eyebrow{margin:0 auto 6px;font-size:clamp(14px,1.8vh,19px);}
 .hero h1{font-size:clamp(48px,7.1vw,72px);margin-bottom:8px;}
 .lead{font-size:clamp(19px,2.2vh,24px);}
 .support{font-size:clamp(12px,1.5vh,14px);margin-bottom:13px;}
 .feature-row{margin-bottom:14px;}
 .feature-icon{width:49px;height:49px;}
 .notify-form{height:57px;}
 .powered-row{margin:10px 0 5px;}
 .hero-art{height:100%;width:100%;min-height:0;left:auto;transform:none;overflow:hidden;}
 .art-stage{--art-scale:.62;}
 .footer{margin-top:0;display:flex;text-align:left;}
}
/* Phones: the drawing uses only the free viewport height instead of pushing content down. */
@media (max-width:600px) and (orientation:portrait) {
 .shell {padding:7px 14px 6px; grid-template-rows:auto minmax(0,1fr) auto;}
 .header{height:68px;min-height:0;}
 .logo-symbol{height:61px;width:65px;}
 .brand-name{font-size:47px;}
 .brand-tagline{font-size:10px;margin-top:4px;}
 .reg{font-size:9px;margin-top:0;}
 .hero {grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr);gap:0;min-height:0;}
 .hero-copy {align-self:start;padding:0;max-width:520px;justify-content:start;}
 .eyebrow {font-size:12px;letter-spacing:.32em;gap:11px;margin:0 auto 6px;}
 .eyebrow span{width:35px;height:2px;}
 .hero h1 {font-size:clamp(39px,10.3vw,57px);margin:0 auto 8px;line-height:1.12;}
 .soon{border-radius:10px!important;}
 .lead {font-size:clamp(17px,4.6vw,21px);line-height:1.24;margin:0 auto 4px;}
 .support{font-size:11.5px;line-height:1.28;margin:0 auto 10px;max-width:450px;}
 .feature-row{margin:0 auto 11px;}
 .feature{font-size:10px;gap:4px;}
 .feature-icon{width:41px;height:41px;border-radius:12px;}
 .notify-form{height:49px;min-height:49px;padding:5px 5px 5px 10px;border-width:1px;}
 .notify-form input[type=email] {font-size:12px;padding:0 7px;}
 .notify-form input::placeholder{font-size:11.5px;}
 .notify-form button{height:39px;padding:7px 11px;font-size:12px;}
 .notify-form button span{margin-left:3px;}
 .mail-icon{height:19px;width:19px;}
 .consent{margin:5px auto 0;font-size:9.5px;}
 .powered-row{margin:9px 0 5px;}
 .powered-badge{padding:5px 9px;gap:6px;}
 .powered-badge>span{font-size:11px;}
 .powered-badge strong{font-size:13px;}
 .powered-badge .zr-letters{font-size:17px;}
 .powered-badge svg{width:13px;height:13px;}
 .status-note{font-size:9px;}
 .hero-art{height:100%;min-height:0;margin:0;overflow:hidden;transform:none;max-width:none;left:auto;}
 .art-stage {--art-scale:.39;top:50%;}
 .footer{height:25px;padding:5px 0 0;font-size:9px;display:flex;justify-content:center;gap:2px 12px;text-align:center;}
 .footer p:first-child{display:none;}
 .footer p+p{margin:0;}
 .corner-one{width:270px;height:260px;left:-195px;top:-195px;}
 .corner-two{width:290px;height:270px;right:-220px;bottom:-180px;}
}
@media (max-width:600px) and (orientation:portrait) and (max-height:750px) {
 .header{height:60px;}
 .logo-symbol{height:53px;width:58px;}
 .brand-name{font-size:42px;}
 .brand-tagline{font-size:9px;}
 .hero h1{font-size:clamp(37px,10vw,49px);margin-bottom:6px;}
 .lead{font-size:16px;}
 .support{margin-bottom:7px;}
 .feature-row{margin-bottom:8px;}
 .feature-icon{height:36px;width:36px;}
 .feature{font-size:9px;gap:3px;}
 .consent{font-size:9px;}
 .powered-row{margin:7px 0 3px;}
 .art-stage{--art-scale:.30;}
}
@media (max-width:600px) and (orientation:portrait) and (max-height:620px) {
 .shell{padding-top:3px;padding-bottom:3px;}
 .header{height:50px;}
 .logo-symbol{height:45px;width:51px;}
 .brand-name{font-size:36px;}
 .brand-tagline{font-size:8px;margin-top:2px;}
 .brand-underline{height:4px;border-width:2px;}
 .hero h1{font-size:35px;margin-bottom:5px;}
 .eyebrow{font-size:10px;margin-bottom:3px;}
 .lead{font-size:14px;}
 .support{display:none;}
 .feature-row{margin-bottom:6px;}
 .feature-icon{height:31px;width:31px;border-radius:9px;}
 .feature{font-size:8.5px;}
 .notify-form{height:42px;min-height:42px;}
 .notify-form button{height:34px;font-size:11px;}
 .consent{font-size:8.5px;}
 .powered-row{margin:5px 0 2px;}
 .powered-badge{padding:4px 8px;}
 .status-note{font-size:8px;}
 .art-stage{--art-scale:.24;}
 .footer{height:20px;padding:3px 0 0;}
}
/* Short landscape phones and shallow embedded browsers: all essential controls remain. */
@media (max-height:510px) and (orientation:landscape) {
 .shell{padding:4px 12px;grid-template-rows:46px minmax(0,1fr) 18px;}
 .header{height:46px;}
 .logo-symbol{height:43px;width:48px;}
 .brand-name{font-size:35px;}
 .brand-tagline{font-size:8px;margin-top:0;}
 .brand-underline{display:none;}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:6px;}
 .hero-copy{max-width:570px;}
 .eyebrow{font-size:10px;letter-spacing:.3em;margin:0 auto 4px;}
 .eyebrow span{width:32px;height:2px;}
 .hero h1{font-size:clamp(34px,5.1vw,52px);margin:0 auto 7px;}
 .lead{font-size:14px;line-height:1.2;}
 .support{display:none;}
 .feature-row{margin:6px auto 7px;}
 .feature-icon{height:29px;width:29px;border-radius:8px;}
 .feature{font-size:9px;gap:3px;}
 .notify-form{height:42px;min-height:42px;}
 .notify-form button{height:34px;font-size:11px;}
 .consent{font-size:9px;margin-top:3px;}
 .powered-row{margin:5px 0 3px;}
 .powered-badge{padding:4px 9px;}
 .powered-badge strong{font-size:11px;}
 .powered-badge .zr-letters{font-size:14px;}
 .powered-badge>span{font-size:10px;}
 .status-note{font-size:8px;}
 .hero-art{height:100%;left:auto;transform:none;min-height:0;width:100%;overflow:hidden;}
 .art-stage{--art-scale:.4;}
 .footer{height:18px;font-size:9px;display:flex;padding:1px 0 0;}
}
@media (max-height:510px) and (orientation:landscape) and (max-width:700px) {
 .hero{grid-template-columns:1fr;}
 .hero-art{display:none;}
 .feature-row{max-width:370px;}
 .header{height:41px;}
 .logo-symbol{height:38px;width:42px;}
 .brand-name{font-size:31px;}
 .hero-copy{max-width:580px;}
}
/* No clipped sign-up success notices: permit scroll when text is enlarged or feedback expands. */
@media (max-height:560px) and (max-width:360px) {
 .hero-art{display:none;}
}
@media (prefers-reduced-motion:reduce){.notify-form button{transition:none;}}
/* Final polish: footer stays readable over the corner ribbons. */
.footer { position:relative; z-index:2; background:rgba(248,252,254,.82); padding-inline:10px; border-radius:10px 10px 0 0; }
@media (max-width:600px) and (orientation:portrait) {
 .hero-art .platform-base { display:none; }
 .art-stage { top:47%; }
}
@media (max-width:600px) and (orientation:portrait) and (min-height:751px) { .art-stage{--art-scale:.52;} }
@media (max-width:600px) and (orientation:portrait) and (min-height:621px) and (max-height:750px) { .art-stage{--art-scale:.39;} }
@media (max-width:600px) and (orientation:portrait) and (max-height:620px) { .art-stage{--art-scale:.30;} }
@media (min-width:601px) and (max-width:900px) and (max-height:719px) {
  .hero-art { overflow:hidden; }
  .art-stage { --art-scale:.56; }
  .hero { grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); }
  .hero h1 { font-size:clamp(39px,5.4vw,58px); }
  .lead { font-size:clamp(16px,2.6vw,20px); }
}