/* ═══════════════════════════════════════════════════
   ORION by Berox — Design System v3.0
   Mobile-first · Dark · Professional
═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#07090D;--bg2:#0A0D13;--panel:#0F1318;--panel2:#141920;
  --cyan:#00C8F0;--cyan-dim:rgba(0,200,240,.08);--cyan-b:rgba(0,200,240,.2);
  --green:#00E596;--red:#FF4455;--orange:#FF8C42;--gold:#F4C842;
  --white:#EDF2F8;--gray:#6B7A90;--gray2:#9BA8BB;
  --b0:rgba(255,255,255,.04);--b1:rgba(255,255,255,.07);--b2:rgba(255,255,255,.13);
  --head:'Rajdhani',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace;
  --nav-h:58px;--radius:12px;--transition:.2s;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--bg);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,200,240,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,240,.022) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}
button{cursor:pointer;font-family:var(--body);}

/* ── NAV ── */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(7,9,13,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);}
.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;letter-spacing:.16em;text-decoration:none;flex-shrink:0;}
.nav-logo img{width:28px;height:28px;flex-shrink:0;}
.nav-logo-t{font-size:1.05rem;color:var(--cyan);}
.nav-logo-s{font-size:.65rem;color:var(--gray);letter-spacing:.1em;line-height:1;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-links a{font-size:13px;color:var(--gray2);padding:7px 11px;border-radius:8px;transition:color var(--transition),background var(--transition);white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{color:var(--white);background:var(--b1);}
.nav-cta{background:var(--cyan)!important;color:#001018!important;font-family:var(--head);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px!important;padding:8px 16px!important;border-radius:8px;}
.nav-cta:hover{filter:brightness(1.08);}
.nav-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;border-radius:6px;}
.nav-ham span{display:block;width:22px;height:1.5px;background:var(--gray2);transition:all .3s;border-radius:2px;}
.nav-ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-ham.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* MOB MENU */
.mob-menu{position:fixed;inset:0;background:rgba(7,9,13,.98);backdrop-filter:blur(24px);z-index:300;display:flex;flex-direction:column;padding:80px 28px 40px;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.mob-menu.open{transform:translateX(0);}
.mob-menu a{font-family:var(--head);font-size:1.6rem;font-weight:700;letter-spacing:.06em;color:var(--white);padding:12px 0;border-bottom:1px solid var(--b1);transition:color .2s;}
.mob-menu a:hover{color:var(--cyan);}
.mob-close{position:absolute;top:18px;right:20px;background:var(--b1);border:none;color:var(--white);width:36px;height:36px;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center;}
.mob-cta{background:var(--cyan)!important;color:#001018!important;border-radius:10px;margin-top:20px;text-align:center;border-bottom:none!important;}

/* ── LAYOUT ── */
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 20px;}
.page-wrap{position:relative;z-index:1;}
.s{padding:72px 0;}
.s-alt{background:var(--bg2);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);}

/* ── TYPOGRAPHY ── */
.sec-label{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;}
.sec-label::after{content:'';flex:1;height:1px;background:var(--b1);}
.sec-h{font-family:var(--head);font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:.02em;line-height:1.1;margin-bottom:12px;}
.sec-desc{font-size:15px;color:var(--gray2);max-width:540px;line-height:1.72;margin-bottom:36px;}
.page-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;margin-bottom:14px;}
.page-h1{font-family:var(--head);font-size:clamp(26px,5vw,48px);font-weight:700;letter-spacing:.02em;line-height:1.08;margin-bottom:10px;}
.page-desc{font-size:15px;color:var(--gray2);max-width:540px;line-height:1.72;margin-bottom:28px;}
.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:dotpulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes dotpulse{0%,100%{opacity:.4;}50%{opacity:1;}}

/* ── CARD ── */
.card{background:var(--panel);border:1px solid var(--b1);border-radius:var(--radius);padding:22px;}
.card+.card{margin-top:14px;}

/* ── SECTION LABEL ── */
.slbl{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.slbl::after{content:'';flex:1;height:1px;background:var(--b1);}

/* ── BUTTONS ── */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;background:var(--cyan);color:#001018;border:none;border-radius:10px;font-family:var(--head);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;}
.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);}
.btn-primary:disabled{opacity:.3;cursor:not-allowed;transform:none;filter:none;}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;background:transparent;color:var(--white);border:1px solid var(--b2);border-radius:10px;font-family:var(--head);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;}
.btn-ghost:hover{border-color:var(--cyan-b);color:var(--cyan);}
.btn-block{display:block;width:100%;padding:15px;background:var(--cyan);color:#001018;border:none;border-radius:10px;font-family:var(--head);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);text-align:center;}
.btn-block:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-block:disabled{opacity:.3;cursor:not-allowed;transform:none;filter:none;}
.btn-outline-block{background:transparent;border:1px solid var(--b2);color:var(--white);}
.btn-outline-block:hover{border-color:var(--cyan-b);color:var(--cyan);filter:none;transform:none;}
.btn-text{width:100%;padding:12px;background:transparent;border:none;color:var(--gray);font-size:14px;cursor:pointer;transition:color var(--transition);}
.btn-text:hover{color:var(--white);}

/* ── FORM ── */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.field label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray2);}
.field label .req{color:var(--red);margin-left:2px;}
.field label .opt{color:var(--gray);font-size:9px;}
.field input,.field select,.field textarea{background:var(--bg2);border:1px solid var(--b1);color:var(--white);padding:13px 16px;border-radius:10px;font-family:var(--body);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;-webkit-appearance:none;appearance:none;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,200,240,.1);}
.field input.err,.field select.err{border-color:var(--red)!important;}
.field input::placeholder,.field textarea::placeholder{color:var(--gray);}
.field input.mono-i{font-family:var(--mono);font-size:13px;}
.field-note{font-size:12px;color:var(--gray);font-family:var(--mono);}
.field-err{font-size:12px;color:var(--red);font-family:var(--mono);display:none;}
.field-err.show{display:block;}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field.full{grid-column:1/-1;}

/* ── ALERTS ── */
.al{border-radius:10px;padding:13px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start;line-height:1.6;margin-bottom:14px;}
.al-warn{background:rgba(255,140,66,.06);border:1px solid rgba(255,140,66,.18);color:var(--orange);}
.al-info{background:rgba(0,200,240,.05);border:1px solid rgba(0,200,240,.15);color:var(--cyan);}
.al-success{background:rgba(0,229,150,.06);border:1px solid rgba(0,229,150,.18);color:var(--green);}
.al-err{background:rgba(255,68,85,.06);border:1px solid rgba(255,68,85,.2);color:var(--red);}

/* ── BADGES ── */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.badge-active{background:rgba(0,229,150,.1);color:var(--green);border:1px solid rgba(0,229,150,.22);}
.badge-pending{background:rgba(255,140,66,.1);color:var(--orange);border:1px solid rgba(255,140,66,.22);}
.badge-expired{background:rgba(255,68,85,.08);color:var(--red);border:1px solid rgba(255,68,85,.2);}
.badge-trial{background:rgba(0,200,240,.1);color:var(--cyan);border:1px solid rgba(0,200,240,.2);}
.bdot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dotpulse 1.8s ease-in-out infinite;}

/* ── STEPPER ── */
.stepper{display:flex;align-items:center;margin-bottom:36px;overflow-x:auto;padding-bottom:4px;}
.stp{display:flex;align-items:center;gap:7px;flex-shrink:0;}
.stp-c{width:30px;height:30px;border-radius:50%;border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--gray);flex-shrink:0;transition:all .3s;}
.stp-c.done{background:var(--green);border-color:var(--green);color:#000;font-weight:700;}
.stp-c.cur{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan);}
.stp-l{font-size:11px;color:var(--gray);white-space:nowrap;transition:color .3s;}
.stp-l.cur{color:var(--white);}
.stp-sep{flex:1;min-width:16px;height:1px;background:var(--b1);margin:0 8px;}

/* ── PLAN CARDS ── */
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;}
.plan-c{background:var(--panel);border:2px solid var(--b1);border-radius:14px;padding:22px;cursor:pointer;position:relative;overflow:hidden;transition:all .22s;}
.plan-c::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);opacity:0;transition:opacity .22s;}
.plan-c.sel{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(0,200,240,.12),0 8px 28px rgba(0,200,240,.07);}
.plan-c.sel::before{opacity:1;}
.plan-chk{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:11px;color:#000;font-weight:700;opacity:0;transition:opacity .2s;}
.plan-c.sel .plan-chk{opacity:1;}
.plan-badge{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:12px;}
.pb-t{background:rgba(0,200,240,.1);color:var(--cyan);border:1px solid rgba(0,200,240,.2);}
.pb-p{background:rgba(0,229,150,.1);color:var(--green);border:1px solid rgba(0,229,150,.25);}
.plan-name{font-family:var(--head);font-size:20px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;}
.plan-price{font-family:var(--head);font-size:36px;font-weight:700;color:var(--cyan);line-height:1;margin-bottom:3px;}
.plan-dur{font-family:var(--mono);font-size:10px;color:var(--gray);letter-spacing:.08em;margin-bottom:14px;}
.plan-feat{font-size:13px;color:var(--gray2);display:flex;gap:8px;margin-bottom:7px;line-height:1.4;}
.plan-feat::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;}

/* ── PAYMENT BLOCK ── */
.pay-block{background:var(--panel);border:1px solid var(--b1);border-radius:12px;overflow:hidden;}
.pay-row{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--b1);gap:12px;flex-wrap:wrap;}
.pay-row:last-child{border-bottom:none;}
.pay-k{font-family:var(--mono);font-size:10px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;}
.pay-v{font-size:13px;color:var(--white);font-weight:500;text-align:right;}
.pay-v.cyan{color:var(--cyan);}
.pay-v.mono{font-family:var(--mono);font-size:11px;word-break:break-all;}
.copy-b{background:var(--cyan-dim);border:1px solid var(--cyan-b);color:var(--cyan);padding:6px 14px;border-radius:6px;font-family:var(--mono);font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap;border:none;flex-shrink:0;}
.copy-b:hover{background:rgba(0,200,240,.15);}
.copy-b.ok{background:rgba(0,229,150,.1);color:var(--green);}
.qr-row{display:flex;align-items:center;gap:18px;padding:16px 18px;border-top:1px solid var(--b1);}
.qr-box{width:88px;height:88px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#fff;}
.qr-box img{width:100%;height:100%;display:block;}
.ps-bar{background:var(--bg2);border:1px solid var(--b1);border-radius:10px;padding:11px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.ps-lbl{font-family:var(--mono);font-size:10px;color:var(--gray);letter-spacing:.1em;text-transform:uppercase;}
.ps-val{font-family:var(--head);font-size:17px;font-weight:700;color:var(--cyan);}

/* ── REVIEW ── */
.rv-block{background:var(--panel);border:1px solid var(--b1);border-radius:12px;overflow:hidden;margin-bottom:16px;}
.rv-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--b1);gap:10px;flex-wrap:wrap;}
.rv-row:last-child{border-bottom:none;}
.rv-k{font-family:var(--mono);font-size:10px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;}
.rv-v{font-size:13px;color:var(--white);font-weight:500;text-align:right;word-break:break-all;}

/* ── CHECKBOXES ── */
.chk-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px;}
.chk-row:last-child{margin-bottom:0;}
.chk-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);flex-shrink:0;margin-top:2px;cursor:pointer;}
.chk-row label{font-size:13px;color:var(--gray2);line-height:1.55;cursor:pointer;}
.chk-row label a{color:var(--cyan);}
.chk-row label strong{color:var(--white);}

/* ── UPLOAD ── */
.upzone{border:1px dashed var(--b2);border-radius:10px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:var(--bg2);}
.upzone:hover,.upzone:focus-within{border-color:var(--cyan);background:rgba(0,200,240,.03);}
.upzone.has{border-color:var(--green);background:rgba(0,229,150,.04);}
.upzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}

/* ── SUCCESS ── */
.success-ico{width:72px;height:72px;border-radius:50%;border:1px solid var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:28px;color:var(--green);background:rgba(0,229,150,.06);}
.app-chip{font-family:var(--mono);font-size:14px;color:var(--cyan);background:rgba(0,200,240,.07);border:1px solid rgba(0,200,240,.16);padding:8px 20px;border-radius:8px;display:inline-block;margin-bottom:18px;letter-spacing:.1em;}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid var(--b1);}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;color:var(--white);}
.faq-qt{font-family:var(--head);font-size:15px;font-weight:600;letter-spacing:.02em;text-align:left;}
.faq-ar{color:var(--cyan);font-size:13px;transition:transform .22s;flex-shrink:0;}
.faq-q.open .faq-ar{transform:rotate(180deg);}
.faq-a{font-size:14px;color:var(--gray2);line-height:1.72;padding-bottom:18px;display:none;}
.faq-a.open{display:block;}
.faq-a a{color:var(--cyan);}

/* ── TICKER ── */
.ticker-wrap{background:rgba(0,200,240,.03);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:9px 0;overflow:hidden;position:relative;z-index:1;}
.ticker-track{display:flex;gap:40px;white-space:nowrap;animation:tick 32s linear infinite;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.t-item{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;flex-shrink:0;}
.t-sym{color:var(--white);font-weight:500;}
.t-p{color:var(--cyan);}
.t-up{color:var(--green);}
.t-dn{color:var(--red);}

/* ── LEGAL ── */
.legal-wrap{max-width:720px;margin:0 auto;padding:calc(var(--nav-h)+52px) 20px 72px;}
.legal-wrap h1{font-family:var(--head);font-size:clamp(22px,4vw,36px);font-weight:700;margin-bottom:6px;}
.legal-wrap .eff{font-family:var(--mono);font-size:11px;color:var(--gray);letter-spacing:.1em;margin-bottom:36px;}
.legal-wrap h2{font-family:var(--head);font-size:17px;font-weight:700;color:var(--cyan);margin:28px 0 8px;}
.legal-wrap p{font-size:14px;color:var(--gray2);line-height:1.78;margin-bottom:12px;}
.legal-wrap ul{padding-left:20px;margin-bottom:12px;}
.legal-wrap li{font-size:14px;color:var(--gray2);line-height:1.75;margin-bottom:5px;}
.legal-wrap strong{color:var(--white);}
.legal-nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid var(--b1);}
.legal-nav a{font-family:var(--mono);font-size:11px;color:var(--gray2);}
.legal-nav a:hover{color:var(--cyan);}

/* ── FOOTER ── */
.site-footer{position:relative;z-index:1;border-top:1px solid var(--b1);padding:40px 0 28px;}
.footer-inner{max-width:1140px;margin:0 auto;padding:0 20px;}
.footer-top{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;margin-bottom:24px;}
.footer-logo{display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:1rem;font-weight:700;letter-spacing:.16em;color:var(--cyan);}
.footer-logo img{width:22px;height:22px;opacity:.85;}
.footer-logo span{color:var(--gray);font-weight:500;font-size:.8rem;}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;}
.footer-links a{font-size:13px;color:var(--gray);transition:color .2s;}
.footer-links a:hover{color:var(--white);}
.footer-social{display:flex;gap:8px;}
.soc-link{width:34px;height:34px;border-radius:8px;border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;color:var(--gray);transition:all .2s;}
.soc-link:hover{border-color:var(--b2);color:var(--white);}
.footer-bottom{border-top:1px solid var(--b1);padding-top:20px;text-align:center;}
.footer-copy{font-size:12px;color:var(--gray);line-height:1.6;}
.yr::before{content:attr(data-year);}

/* ── TRANSITIONS ── */
.fi{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;}
.fi.vis{opacity:1;transform:translateY(0);}

/* ── MOBILE ── */
@media(max-width:900px){
  .nav-links{display:none;}
  .nav-ham{display:flex;}
  .footer-top{grid-template-columns:1fr;gap:20px;text-align:center;}
  .footer-links{justify-content:center;}
  .footer-social{justify-content:center;}
}
@media(max-width:640px){
  .s{padding:44px 0;}
  .field-grid{grid-template-columns:1fr;}
  .plan-grid{grid-template-columns:1fr;}
  .qr-row{flex-direction:column;}
  .wrap{padding:0 14px;}
  .card{padding:16px;}
  /* Hero mobile */
  .hero{min-height:auto;padding:calc(var(--nav-h)+40px) 0 44px;}
  .hero-h{font-size:clamp(32px,9vw,48px);line-height:1.0;}
  .hero-h br{display:none;}
  .hero-h em{display:inline;color:var(--cyan);}
  .hero-sub{font-size:14px;margin-bottom:28px;}
  .hero-badge{font-size:9px;letter-spacing:.1em;padding:5px 12px;white-space:normal;text-align:center;line-height:1.4;}
  .hero-btns{gap:10px;margin-bottom:32px;}
  .hero-btns .btn-primary,.hero-btns .btn-ghost{width:100%;justify-content:center;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;}
  .hero-ring{display:none;}
  .hstat{padding:14px 10px;border-right:1px solid var(--b1);border-bottom:1px solid var(--b1);}
  .hstat:nth-child(2n){border-right:none;}
  .hstat:nth-last-child(-n+2){border-bottom:none;}
  .hstat-n{font-size:24px;}
  /* Nav logo mobile */
  .nav-logo img{width:24px;height:24px;}
  .nav-logo-t{font-size:.95rem;}
  .nav-logo-s{display:none;}
  /* Section headings mobile */
  .sec-h{font-size:clamp(20px,6vw,28px);}
  .page-h1{font-size:clamp(22px,7vw,32px);}
  .sec-desc{font-size:14px;}
  /* Pipe steps mobile */
  .pipe-row{grid-template-columns:repeat(2,1fr);}
  .pipe-step{padding:14px 10px;}
  /* Products mobile */
  .prod-grid,.price-grid,.feat-grid{grid-template-columns:1fr;}
  /* Buttons full width mobile */
  .btn-primary,.btn-ghost{font-size:14px;padding:12px 18px;}
  /* Form */
  .field input,.field select,.field textarea{font-size:16px;}
  /* Footer mobile */
  .footer-copy{font-size:11px;}
}
@media(max-width:380px){
  .hero-h{font-size:28px;}
  .stepper .stp-l{display:none;}
  .wrap{padding:0 12px;}
}
@media(max-width:380px){
  .stepper .stp-l{display:none;}
}