*{box-sizing:border-box} :root{--purple:#7138e8;--purple2:#a83fe8;--ink:#241b3c;--muted:#817994;--line:#eee9f8;--bg:#f8f5ff}html{scroll-behavior:smooth}body{margin:0;background:#fbfaff;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.topline{height:34px;background:#21163d;color:#e8dcff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.2px}.live-dot,.eyebrow span{width:7px;height:7px;border-radius:50%;background:#3ed6a0;display:inline-block}.top-right{position:absolute;right:max(22px,calc((100% - 1160px)/2));color:#bdb0d6}.top-right b{padding:0 6px;color:#8d71c5}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1160px)/2));background:#fff;border-bottom:1px solid #f0ebf8;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#5e35c9;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;white-space:nowrap}.brand b{color:#a13be3}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7039e7,#d24bd6);color:white;font-size:18px;box-shadow:0 5px 14px #8b54db55}.desktop-nav{display:flex;gap:30px}.desktop-nav a,.login{color:#625a75;text-decoration:none;font-size:13px;font-weight:600}.desktop-nav a:hover,.footer a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:10px}.lang-btn,.login,.signup{border:1px solid #e8e1f4;border-radius:10px;padding:10px 14px;background:#fff;color:#51456c;text-decoration:none;font:600 12px "DM Sans"}.signup{background:linear-gradient(110deg,#6d35e7,#b23be1);color:#fff;border:0;box-shadow:0 6px 16px #8747d833}.menu-btn{display:none;border:0;background:#f3edff;color:#6935d5;border-radius:9px;padding:9px 11px;font-size:19px}.notice{max-width:1160px;margin:15px auto 0;background:#f1eaff;border:1px solid #e6d9ff;color:#6c4ba4;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:11px}.notice-icon{background:#8750e7;color:white;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-weight:800;flex:none}.notice-close{margin-left:auto;background:none;border:0;color:#9b83c4;font-size:18px;cursor:pointer}.hero{min-height:480px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding-top:45px;padding-bottom:55px;position:relative}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#8862ce;display:flex;align-items:center;gap:8px}.eyebrow span{background:#9d62ed}.hero h1,.section h2,.stats-heading h2,.why-inner h2,.cta-section h2{font:800 clamp(32px,4.1vw,49px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;margin:17px 0 14px;color:#261b43}.hero h1 em,.section h2 em,.stats-heading h2 em,.why-inner h2 em,.cta-section h2 em{font-style:normal;background:linear-gradient(90deg,#7138e8,#c23edb);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{font-size:14px;color:#897e9c;margin:0 0 27px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:530px;margin-bottom:25px}.trust-item{display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:7px}.trust-icon{grid-row:span 2;width:29px;height:29px;border-radius:10px;background:#eee7ff;color:#7844dc;display:grid;place-items:center;font-size:16px}.trust-item b{font-size:11px}.trust-item small{font-size:9px;color:#9389a3;line-height:1.35}.searchbar{height:49px;max-width:530px;display:flex;align-items:center;background:#fff;border:1px solid #e9e2f5;box-shadow:0 7px 24px #4d2a8c0b;border-radius:10px;padding:5px 6px 5px 14px}.searchbar>span{font-size:24px;color:#9d8ab9;margin-right:9px}.searchbar input{border:0;outline:0;flex:1;min-width:0;font:12px "DM Sans";color:var(--ink)}.searchbar button{border:0;border-radius:8px;background:linear-gradient(110deg,#7038e6,#a73ce2);color:#fff;padding:11px 15px;font-weight:700;font-size:11px}.hero-art{height:370px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:320px;height:320px;background:radial-gradient(circle,#e4d6ff 0,#f1eaff 54%,#f9f6ff 70%)}.orb-two{width:240px;height:240px;border:1px solid #d8c4ff;transform:rotate(28deg);border-radius:45px}.hero-glass{z-index:1;width:270px;height:290px;border-radius:24px;background:linear-gradient(145deg,#ffffffd9,#e9dcffb8);border:1px solid #fff;box-shadow:0 25px 60px #5a2fa526;backdrop-filter:blur(10px);padding:18px;transform:rotate(-5deg)}.glass-top{display:flex;gap:5px}.glass-top span{width:6px;height:6px;background:#c7b4eb;border-radius:50%}.glass-logo{margin:28px auto 12px;width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#7139e8,#ca43df);color:white;font-size:30px;box-shadow:0 10px 25px #9c5be65a}.glass-title{text-align:center;font:700 22px/1.25 Manrope;color:#47316d}.glass-title b{color:#8a45db}.glass-pills{display:flex;justify-content:center;gap:5px;margin:18px 0}.glass-pills i{font-style:normal;font-size:8px;color:#7453a4;background:#fff;border-radius:20px;padding:6px 8px}.glass-line{height:1px;background:#d8c9ed;margin-top:20px}.glass-bottom{display:flex;justify-content:space-between;color:#8c7aa8;font-size:9px;margin-top:13px}.glass-bottom b{color:#7a43d9;font-size:15px}.float-card{position:absolute;z-index:2;background:#fff;border:1px solid #f0e9fa;border-radius:13px;box-shadow:0 12px 30px #42266c1a;padding:12px;display:flex;align-items:center;gap:9px}.float-card b{display:block;font-size:10px}.float-card small{display:block;color:#978ba9;font-size:9px;margin-top:3px}.card-a{top:55px;right:0}.card-b{bottom:45px;left:0}.mini-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:white;background:#36a9ed}.mini-icon.shield{background:#8d5be7}.float-card strong{color:#773ee0;font-size:13px}.check{color:#31bd91;font-size:18px}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:85px}.promo{min-height:165px;border-radius:17px;padding:20px;color:#fff;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 12px 30px #39205b13}.promo:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #ffffff2c;right:-45px;top:20px;box-shadow:0 0 0 22px #ffffff0b,0 0 0 45px #ffffff08}.promo-dark{background:linear-gradient(120deg,#152c50,#354b82)}.promo-pink{background:linear-gradient(120deg,#6b39a9,#d746b9)}.promo-blue{background:linear-gradient(120deg,#18334c,#496e9b)}.promo-label{font-size:8px;letter-spacing:1.1px;color:#d4c5f7;font-weight:800}.promo h3{font:800 19px/1.2 Manrope;margin:12px 0 5px;position:relative;z-index:1}.promo h3 span{font-size:12px;color:#d5d8e7}.promo p{font-size:9px;color:#d3cde3;margin:0}.promo-price{position:absolute;right:18px;top:52px;font:800 21px Manrope}.promo-price small{font-size:9px}.promo-cta{position:absolute;right:16px;bottom:15px;border-radius:20px;background:#b43cda;padding:9px 12px;font-size:10px;font-weight:700;z-index:1}.section{padding:0 0 85px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section h2,.stats-heading h2,.why-inner h2,.cta-section h2{font-size:34px;margin:10px 0 6px}.section-head p,.stats-heading p,.why-inner p,.cta-section p{color:#9389a2;font-size:12px;margin:0}.text-link{color:#7946d5;text-decoration:none;font-weight:700;font-size:11px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid #eae3f4;background:#fff;border-radius:22px;padding:9px 15px;color:#766b87;font:600 10px "DM Sans";cursor:pointer}.filter.active,.filter:hover{background:#743be1;border-color:#743be1;color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{background:#fff;border:1px solid #eee8f6;border-radius:15px;padding:17px;box-shadow:0 7px 24px #4b2a7708;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #4b2a7714}.product-top{display:flex;align-items:center;gap:9px}.product-icon,.platform-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}.telegram{background:#e3f4ff;color:#2698d6}.youtube{background:#ffeded;color:#e33c46}.twitter{background:#eef0f4;color:#171923}.facebook{background:#e9f0ff;color:#3474dc}.tiktok{background:#f2efff;color:#282336}.instagram{background:#ffedf5;color:#d74a8d}.product-tag{font-size:8px;font-weight:800;letter-spacing:.6px;color:#8b5ad8;background:#f3edff;padding:6px 8px;border-radius:20px}.dots{margin-left:auto;border:0;background:none;color:#9c91ac;font-size:20px}.product-type{font-size:9px;color:#927eae;margin-top:18px}.product-card h3{font:800 15px Manrope;margin:7px 0}.product-card>p{font-size:10px;color:#93899f;margin:0 0 17px}.product-meta{border-top:1px solid #f1edf6;border-bottom:1px solid #f1edf6;padding:10px 0;display:flex;justify-content:space-between;color:#7952c2;font-size:9px}.product-meta small{color:#a69db1}.product-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.product-bottom small{display:block;color:#a098ad;font-size:9px}.product-bottom strong{font:800 18px Manrope;color:#39245e}.buy-btn{background:#f2ebff;color:#7742d6;border-radius:8px;padding:10px 12px;text-decoration:none;font-size:9px;font-weight:800}.center{text-align:center;margin-top:28px}.outline-btn{display:inline-block;border:1px solid #d9c9f4;border-radius:9px;padding:12px 20px;color:#7844d3;text-decoration:none;font-size:10px;font-weight:800}.platform-section{background:#f4efff;padding:75px 0}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.platform-card{background:#fff;border:1px solid #eee6fa;border-radius:15px;padding:20px;text-decoration:none;color:var(--ink);min-height:190px}.platform-card h3{font:800 15px Manrope;margin:14px 0 6px}.platform-card p{color:#9389a2;font-size:10px;line-height:1.6;min-height:32px}.platform-card b{font-size:9px;color:#7944d9}.stats-section{padding:80px 0}.stats-heading{text-align:center}.stats-heading .eyebrow{justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat-card{border:1px solid #eee7f8;background:#fff;border-radius:15px;padding:23px 15px;text-align:center;box-shadow:0 8px 25px #47277c08}.stat-card>span{display:grid;place-items:center;margin:0 auto 10px;width:33px;height:33px;border-radius:11px;background:#f1eaff;color:#8148db;font-size:16px}.stat-card strong{display:block;color:#8a4de0;font:800 24px Manrope}.stat-card b{display:block;font-size:10px;margin:5px 0}.stat-card small{font-size:9px;color:#9a91a7;line-height:1.5}.why-band{background:linear-gradient(110deg,#28184a,#503080);padding:70px 0;color:#fff}.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why-inner h2{color:white}.why-inner p{color:#c2b5d9;line-height:1.7;max-width:360px}.why-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-points div{display:grid;grid-template-columns:34px 1fr;column-gap:9px}.why-points span{grid-row:span 2;width:32px;height:32px;border-radius:10px;background:#ffffff1a;display:grid;place-items:center;color:#d6aaff}.why-points b{font-size:11px}.why-points small{font-size:9px;color:#c0b3d4;margin-top:5px;line-height:1.5}.blog-section{padding:80px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{border:1px solid #eee8f6;border-radius:15px;overflow:hidden;background:#fff;padding-bottom:17px}.blog-art{height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font:800 26px Manrope;letter-spacing:1px}.blog-art span{font-size:9px;letter-spacing:4px}.art-one{background:linear-gradient(130deg,#39246e,#9462e5)}.art-two{background:linear-gradient(130deg,#1c3457,#5787b7)}.art-three{background:linear-gradient(130deg,#7637a7,#d84dbe)}.blog-card small,.blog-card h3,.blog-card>a{margin-left:17px;margin-right:17px}.blog-card small{display:block;color:#9c8cb7;font-size:8px;font-weight:800;letter-spacing:.8px;margin-top:16px}.blog-card h3{font:800 14px Manrope;line-height:1.4;margin-top:8px;margin-bottom:13px}.blog-card>a{font-size:9px;color:#7b45d5;text-decoration:none;font-weight:800}.cta-section{background:#f0e9ff;border:1px solid #e6daf9;border-radius:20px;padding:34px 40px;margin-bottom:75px;display:flex;justify-content:space-between;align-items:center}.cta-section h2{font-size:29px}.cta-button{padding:14px 20px}.footer{background:#21173a;color:#fff;padding:50px 0 0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;padding-bottom:40px}.footer-brand{color:#fff}.footer-about p{max-width:270px;color:#b7abc9;font-size:10px;line-height:1.8;margin:18px 0}.footer h4{font:800 12px Manrope;margin:5px 0 18px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-main a:not(.brand){color:#b7abc9;text-decoration:none;font-size:10px}.socials{display:flex;gap:8px}.socials a{width:29px;height:29px;border-radius:9px;background:#ffffff15;display:grid;place-items:center}.footer-bottom{border-top:1px solid #ffffff18;padding:17px 0;display:flex;justify-content:space-between;color:#a99dbb;font-size:9px}.footer-bottom b{padding:0 6px;color:#7f60ae}.support-float,.back-top{position:fixed;z-index:30;right:22px;bottom:24px;width:45px;height:45px;border:0;border-radius:50%;background:linear-gradient(135deg,#7440e7,#c044df);color:#fff;font-size:20px;box-shadow:0 8px 22px #7b42d755;cursor:pointer}.back-top{right:22px;bottom:80px;width:35px;height:35px;font-size:17px;opacity:0;pointer-events:none;transition:.2s}.back-top.show{opacity:1;pointer-events:auto}.mobile-drawer,.drawer-shade{display:none}
@media(max-width:900px){.desktop-nav{gap:15px}.hero{grid-template-columns:1fr .8fr}.hero h1{font-size:39px}.promo-grid{gap:10px}.product-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}.footer-main{gap:25px}.top-right{display:none}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.topline{height:30px;font-size:9px}.site-header{height:62px;padding:0 14px}.desktop-nav,.header-actions .lang-btn,.header-actions .login{display:none}.header-actions{gap:7px}.signup{padding:9px 11px;font-size:10px}.menu-btn{display:block}.brand{font-size:16px}.brand-mark{width:28px;height:28px}.notice{margin:10px 14px 0;padding:9px;font-size:9px;line-height:1.45}.hero{display:block;padding-top:37px;padding-bottom:35px}.hero h1{font-size:34px;letter-spacing:-1.3px;margin-top:13px}.hero-sub{font-size:11px;line-height:1.5}.trust-row{gap:9px;margin-bottom:18px}.trust-item{grid-template-columns:25px 1fr;column-gap:5px}.trust-icon{width:24px;height:24px;font-size:13px;border-radius:8px}.trust-item b{font-size:9px}.trust-item small{font-size:7px}.searchbar{height:45px}.searchbar input{font-size:10px}.searchbar button{padding:10px;font-size:9px}.hero-art{height:270px;margin-top:18px}.orb-one{width:235px;height:235px}.orb-two{width:190px;height:190px}.hero-glass{width:205px;height:230px;padding:13px;border-radius:19px}.glass-logo{width:43px;height:43px;margin:17px auto 9px;font-size:23px}.glass-title{font-size:17px}.glass-pills{margin:13px 0}.glass-line{margin-top:12px}.card-a{right:0;top:23px}.card-b{left:0;bottom:22px}.float-card{padding:8px;gap:6px}.float-card b{font-size:8px}.float-card small{font-size:7px}.mini-icon{width:24px;height:24px}.float-card strong{font-size:10px}.promo-grid{grid-template-columns:1fr;gap:10px;margin-bottom:55px}.promo{min-height:130px;padding:16px}.promo h3{font-size:17px}.promo-price{top:45px}.section{padding-bottom:55px}.section-head{align-items:start;gap:12px}.section h2,.stats-heading h2{font-size:28px}.section-head p{font-size:10px;line-height:1.5}.text-link{font-size:9px;white-space:nowrap;margin-top:25px}.filters{gap:6px;flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filter{white-space:nowrap;padding:8px 12px;font-size:9px}.product-grid{grid-template-columns:1fr;gap:10px}.product-card{padding:14px}.product-card h3{font-size:14px}.platform-section{padding:52px 0}.platform-grid{grid-template-columns:1fr 1fr;gap:9px}.platform-card{padding:14px;min-height:180px}.platform-card h3{font-size:13px}.platform-card p{font-size:9px}.platform-card b{font-size:8px}.platform-icon{width:32px;height:32px;font-size:17px}.stats-section{padding:55px 0}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:18px 9px}.stat-card strong{font-size:21px}.why-band{padding:50px 0}.why-inner{grid-template-columns:1fr;gap:25px}.why-inner h2{font-size:28px}.why-points{gap:14px}.blog-section{padding:55px 0}.blog-grid{grid-template-columns:1fr;gap:12px}.blog-art{height:115px}.cta-section{padding:24px 19px;display:block;margin-bottom:50px}.cta-section h2{font-size:25px}.cta-button{display:inline-block;margin-top:20px}.footer{padding-top:38px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-about{grid-column:1/-1}.footer-bottom{display:block;line-height:2.1;font-size:8px}.support-float{right:14px;bottom:17px;width:42px;height:42px}.back-top{right:18px;bottom:70px}.mobile-drawer{display:flex;position:fixed;z-index:52;top:0;bottom:0;left:0;width:min(300px,82vw);background:#fff;box-shadow:20px 0 50px #24123b22;transform:translateX(-110%);transition:.25s;flex-direction:column;padding:18px;gap:0}.mobile-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #eee8f6;margin-bottom:10px}.drawer-head button{border:0;background:#f2edfb;border-radius:8px;font-size:22px;color:#7542d6}.mobile-drawer>a:not(.brand){padding:14px 8px;border-bottom:1px solid #f3eff8;color:#51436c;text-decoration:none;font-weight:700;font-size:12px}.drawer-shade{display:block;position:fixed;inset:0;background:#1d123b66;z-index:51;opacity:0;pointer-events:none;transition:.25s}.drawer-shade.show{opacity:1;pointer-events:auto}}


/* Reference-match refinements: mobile hero/header composition */
@media(max-width:650px){
  body{background:#fbf8ff}
  .site-header{height:98px;padding:0 18px;gap:8px}
  .brand{font-size:19px;gap:8px;letter-spacing:-.5px}
  .brand-mark{width:38px;height:38px;border-radius:11px;font-size:22px}
  .header-actions{gap:7px}
  .header-actions .lang-btn{display:flex;align-items:center;gap:4px;padding:10px 11px;font-size:14px;border:2px solid #e5def1;border-radius:13px;color:#6f35ce}
  .header-actions .login{display:block;padding:13px 15px;border:2px solid #e2dced;border-radius:14px;font-size:13px}
  .header-actions .signup{padding:14px 17px;border-radius:15px;font-size:13px}
  .menu-btn{padding:8px 0 8px 5px;background:transparent;font-size:30px;color:#4e376f}
  .notice{margin:0;border-radius:0;border-left:0;border-right:0;height:60px;white-space:nowrap;overflow:hidden;font-size:11px;background:#fff;position:relative}
  .notice-icon{width:42px;height:42px;border-radius:50%;font-size:20px;box-shadow:0 3px 12px #8c48dc33}
  .notice-close{display:none}
  .hero{width:100%;margin:0;min-height:0;display:block;padding:28px 30px 22px;background:linear-gradient(155deg,#eee8ff 0%,#e5ddff 48%,#d9c8ff 100%);overflow:hidden;position:relative}
  .hero:before{content:"";position:absolute;width:320px;height:320px;border:3px solid #cbb8ff77;border-radius:50%;left:20px;top:20px;pointer-events:none}
  .hero:after{content:"";position:absolute;width:150px;height:150px;background:#d7c6ff66;border-radius:35px;right:50px;top:100px;transform:rotate(-35deg);pointer-events:none}
  .hero-copy{position:relative;z-index:2}
  .hero .eyebrow{display:none}
  .hero h1{font:800 36px/1.16 Manrope,sans-serif;letter-spacing:-1.45px;margin:12px 0 24px;background:linear-gradient(90deg,#d52c91,#5935d8);background-clip:text;-webkit-background-clip:text;color:transparent}
  .hero h1 em{background:none;color:inherit}
  .hero-sub{font:700 18px/1.7 Manrope,sans-serif;color:#8c39ae;margin:0 0 23px;max-width:100%}
  .trust-row{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 25px;text-align:center}
  .trust-item{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
  .trust-icon{width:66px;height:66px;border-radius:50%;font-size:25px;background:#f4edff;color:#7138d8;border:1px solid #dfd1f7;box-shadow:0 3px 8px #6b43a012}
  .trust-item b{font-size:14px;line-height:1.45;color:#201934}
  .trust-item small{font-size:12px;line-height:2.1;color:#8e83a6}
  .searchbar{height:78px;max-width:none;border:2px solid #e5ddf2;border-radius:13px;padding:5px 5px 5px 20px;box-shadow:0 5px 14px #593a8d12}
  .searchbar>span{display:none}
  .searchbar input{font:16px Manrope,sans-serif}
  .searchbar button{height:100%;border-radius:0 10px 10px 0;padding:0 18px;font-size:14px;white-space:nowrap;background:linear-gradient(110deg,#bd249b,#6238e8)}
  .hero-art{display:none}
  .promo-grid{width:100%;margin:0;padding:16px 30px 30px;background:linear-gradient(180deg,#d9c8ff,#f8f5ff);grid-template-columns:1fr;gap:13px}
  .promo{min-height:190px;border-radius:20px;padding:22px}
  .promo h3{font-size:23px;max-width:65%}
  .promo p{font-size:12px}
  .promo-label{font-size:10px}
  .promo-price{font-size:27px;top:65px}
  .promo-cta{font-size:14px;padding:13px 18px;bottom:14px}
  .section{padding-top:35px}
}
@media(min-width:390px) and (max-width:650px){
  .hero h1{font-size:38px}
}


/* Mobile layout correction pass — tested for narrow phones and wider phones */
@media (max-width: 650px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 28px);max-width:100%}
  .site-header{width:100%;padding:0 12px;min-width:0;gap:5px}
  .brand{font-size:clamp(13px,4.4vw,17px);gap:5px;min-width:0;letter-spacing:-.6px}
  .brand-mark{width:29px;height:29px;flex:0 0 29px;font-size:17px}
  .header-actions{gap:5px;flex:0 0 auto}
  .header-actions .lang-btn{padding:7px 7px;font-size:11px;border-width:1px;border-radius:9px}
  .header-actions .login{padding:8px 9px;font-size:10px;border-width:1px;border-radius:9px}
  .header-actions .signup{padding:9px 10px;font-size:10px;border-radius:9px}
  .menu-btn{font-size:23px;line-height:1;padding:5px 0 5px 3px}
  .notice{height:46px;padding:6px 10px;gap:8px;font-size:9px}
  .notice-icon{width:30px;height:30px;font-size:15px;flex:0 0 30px}
  .hero{padding:23px 16px 18px}
  .hero:before{width:245px;height:245px;left:8px;top:16px}
  .hero:after{width:105px;height:105px;right:24px;top:100px}
  .hero h1{font-size:clamp(26px,8.3vw,35px);line-height:1.17;letter-spacing:-1.2px;margin:7px 0 17px;overflow-wrap:normal}
  .hero-sub{font-size:clamp(12px,4vw,16px);line-height:1.65;margin-bottom:17px}
  .trust-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:19px}
  .trust-icon{width:clamp(39px,14vw,56px);height:clamp(39px,14vw,56px);font-size:clamp(17px,5vw,22px)}
  .trust-item{gap:5px}
  .trust-item b{font-size:clamp(9px,2.9vw,12px);overflow-wrap:anywhere}
  .trust-item small{font-size:clamp(7px,2.4vw,10px);line-height:1.7;overflow-wrap:anywhere}
  .searchbar{height:52px;padding-left:12px;border-width:1px}
  .searchbar input{font-size:clamp(10px,3.2vw,13px)}
  .searchbar button{font-size:clamp(9px,3vw,12px);padding:0 10px}
  .promo-grid{padding:13px 16px 24px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}
  .promo-grid::-webkit-scrollbar{display:none}
  .promo{flex:0 0 100%;min-width:0;min-height:150px;scroll-snap-align:start;padding:17px}
  .promo h3{font-size:clamp(17px,5vw,21px);max-width:68%}
  .promo-label{font-size:8px}
  .promo p{font-size:10px;max-width:70%}
  .promo-price{font-size:21px;right:13px;top:48px}
  .promo-cta{font-size:11px;padding:10px 13px;right:12px;bottom:12px}
  .section-head{flex-wrap:wrap}
  .section-head .text-link{margin-top:8px}
  .filters{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  .product-grid{grid-template-columns:minmax(0,1fr)}
  .product-card{min-width:0}
  .product-bottom{gap:8px}
  .buy-btn{white-space:nowrap}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card{min-width:0}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-inner{grid-template-columns:minmax(0,1fr)}
  .why-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-grid{grid-template-columns:minmax(0,1fr)}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-about{grid-column:1/-1}
}
@media(max-width:360px){
  .site-header{padding:0 8px}
  .brand{font-size:12px;gap:4px}
  .brand-mark{width:25px;height:25px;flex-basis:25px}
  .header-actions{gap:3px}
  .header-actions .lang-btn{padding:7px 5px;font-size:10px}
  .header-actions .login{padding:7px 6px;font-size:9px}
  .header-actions .signup{padding:8px 7px;font-size:9px}
  .menu-btn{font-size:20px}
  .hero{padding-left:13px;padding-right:13px}
  .hero h1{font-size:26px}
  .trust-item small{font-size:7px}
  .searchbar button{padding:0 8px}
}

@media(max-width:650px){
 .promo-grid{scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .promo{scroll-snap-stop:always}
}
@media(prefers-reduced-motion:reduce){
 .promo-grid{scroll-behavior:auto}
}


/* Final mobile hero sizing + animated circular orbit, matching the supplied TGX video */
@keyframes tgx-orbit-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@media(max-width:650px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  main{width:100%;max-width:100%;overflow:hidden}
  .hero{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:18px 18px 16px!important;
    min-height:0!important;
    box-sizing:border-box!important;
    background:linear-gradient(145deg,#eee9ff 0%,#e6ddff 55%,#dfd2ff 100%)!important;
  }
  .hero:before{
    content:""!important;
    position:absolute!important;
    width:230px!important;height:230px!important;
    left:50%!important;top:22px!important;
    margin-left:-115px!important;
    border:3px solid transparent!important;
    border-top-color:#c9b4ff!important;
    border-right-color:#d8c8ff!important;
    border-bottom-color:#c9b4ff!important;
    border-left-color:#e4d9ff!important;
    border-radius:50%!important;
    background:conic-gradient(from 20deg,transparent 0 18%,#c6aaff55 24%,transparent 35% 55%,#b99aff55 66%,transparent 78%)!important;
    background-origin:border-box!important;
    animation:tgx-orbit-spin 12s linear infinite!important;
    pointer-events:none!important;
  }
  .hero:after{
    width:105px!important;height:105px!important;
    right:32px!important;top:90px!important;
    opacity:.55!important;
    animation:tgx-orbit-spin 20s linear infinite reverse!important;
  }
  .hero-copy{position:relative;z-index:2;width:100%;min-width:0}
  .hero h1{
    font-size:clamp(23px,6.1vw,29px)!important;
    line-height:1.17!important;
    letter-spacing:-.9px!important;
    margin:8px 0 12px!important;
  }
  .hero-sub{
    font-size:clamp(10px,3.15vw,13px)!important;
    line-height:1.65!important;
    margin:0 0 14px!important;
  }
  .trust-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    margin:0 0 17px!important;
  }
  .trust-item{gap:4px!important}
  .trust-icon{
    width:37px!important;height:37px!important;
    font-size:16px!important;
    border-radius:50%!important;
  }
  .trust-item b{
    font-size:clamp(8px,2.6vw,10px)!important;
    line-height:1.35!important;
  }
  .trust-item small{
    font-size:clamp(7px,2.1vw,8px)!important;
    line-height:1.55!important;
  }
  .searchbar{
    width:100%!important;
    height:44px!important;
    max-width:none!important;
    padding:3px 4px 3px 10px!important;
    border-radius:9px!important;
  }
  .searchbar input{font-size:clamp(9px,2.8vw,11px)!important}
  .searchbar button{
    font-size:9px!important;
    padding:0 9px!important;
    border-radius:0 7px 7px 0!important;
  }
  .promo-grid{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    padding:12px 18px 22px!important;
    box-sizing:border-box!important;
  }
  .promo{min-height:138px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero:before,.hero:after{animation:none!important}
}


/* TGX reference header + hero: rebuild the first viewport to match the supplied image */
.site-header .brand-mark{position:relative;overflow:hidden;border-radius:0;background:transparent;box-shadow:none;width:48px;height:54px;flex:0 0 48px;color:#fff;font-size:0}
.site-header .brand-mark:before{content:"";position:absolute;inset:8px 4px 4px;border-radius:13px;background:linear-gradient(145deg,#ef74bf,#6939df);transform:rotate(-7deg);box-shadow:0 3px 7px #5a2c9c33}
.site-header .brand-mark span{position:relative;z-index:1;font:900 17px/1 Manrope,sans-serif;color:#fff;text-shadow:1px 2px 0 #4e267f,-1px -1px 0 #4e267f}
.lang-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:62px}
.lang-btn .globe{font-size:20px;line-height:1}
.lang-btn .lang-chevron{font-size:17px}
.notice{max-width:none;width:100%;margin:0;border-radius:0;border-left:0;border-right:0;background:#fff;border-color:#eee8f6;min-height:58px;padding:9px max(24px,calc((100% - 1160px)/2));font-size:13px;color:#55466e;white-space:nowrap;overflow:hidden}
.notice-icon{width:44px;height:44px;font-size:24px;flex:0 0 44px}
.notice>div{overflow:hidden;text-overflow:clip}
.notice-close{display:none}
.topline{height:62px;background:#e5dcff;color:#6533bd;justify-content:flex-start;padding:0 max(28px,calc((100% - 1160px)/2));font-size:clamp(13px,2.2vw,19px);font-weight:800;letter-spacing:0}
.topline .live-dot{width:12px;height:12px;background:#75bcb1;flex:0 0 12px}
.topline .top-right{display:none}
.hero{width:100%;max-width:none;margin:0;min-height:0;display:block;padding:58px max(44px,calc((100% - 1160px)/2)) 55px;background:linear-gradient(145deg,#eee8ff 0%,#e7ddff 60%,#dfd1ff 100%);overflow:hidden;position:relative}
.hero-copy{position:relative;z-index:2;width:100%;max-width:100%}
.hero .eyebrow{display:none}
.hero h1{font:800 clamp(34px,7.5vw,76px)/1.14 Manrope,sans-serif;letter-spacing:-2.5px;margin:0 0 40px;color:#b3319c;background:linear-gradient(95deg,#d22c91 0%,#8a2ac0 48%,#4f35d8 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 em{color:inherit;background:none;-webkit-text-fill-color:inherit}
.hero-sub{font:700 clamp(17px,3vw,31px)/1.65 Manrope,sans-serif;color:#9635a8;margin:0 0 38px;max-width:100%}
.trust-row{max-width:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 42px;text-align:center}
.trust-item{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.trust-icon{width:clamp(48px,9.5vw,100px);height:clamp(48px,9.5vw,100px);border-radius:50%;display:grid;place-items:center;background:#f4efff;color:#7135d5;border:2px solid #e4d9f8;font-size:clamp(22px,4vw,43px);box-shadow:0 3px 10px #6b43a012}
.trust-item b{font:800 clamp(13px,2.7vw,27px)/1.5 Manrope,sans-serif;color:#171329}
.trust-item small{font:500 clamp(10px,2.2vw,22px)/2.1 Manrope,sans-serif;color:#9185a9;max-width:95%}
.searchbar{width:100%;max-width:none;height:clamp(58px,10.8vw,116px);border:2px solid #e4d9f5;border-radius:18px;padding:6px 6px 6px 34px;box-shadow:0 5px 18px #5a378b12}
.searchbar>span{display:none}
.searchbar input{font:500 clamp(16px,3.4vw,36px) Manrope,sans-serif}
.searchbar button{height:100%;border-radius:0 13px 13px 0;padding:0 clamp(16px,3.5vw,40px);font-size:clamp(13px,2.5vw,25px);background:linear-gradient(110deg,#c226a1,#5939e8)}
.hero-art{display:none}
@media(max-width:650px){
  .site-header{height:clamp(68px,14vw,92px);padding:0 3vw;gap:1.5vw;justify-content:space-between}
  .site-header .brand{font-size:clamp(13px,4.4vw,21px);gap:1.4vw;letter-spacing:-.7px;flex:0 1 auto;min-width:0}
  .site-header .brand-mark{width:clamp(32px,7.5vw,48px);height:clamp(36px,8.5vw,54px);flex-basis:clamp(32px,7.5vw,48px)}
  .site-header .brand-mark span{font-size:clamp(12px,2.8vw,17px)}
  .desktop-nav{display:none}
  .header-actions{gap:1.1vw;flex:0 0 auto}
  .header-actions .lang-btn{min-width:clamp(42px,11vw,62px);height:clamp(40px,10vw,62px);padding:0 6px;border:2px solid #17131e;border-radius:15px;color:#17131e}
  .lang-btn .globe{font-size:clamp(16px,4vw,24px)}
  .lang-btn .lang-chevron{font-size:clamp(13px,3.5vw,20px)}
  .header-actions .login{display:flex;align-items:center;justify-content:center;height:clamp(40px,10vw,62px);padding:0 clamp(10px,2.5vw,25px);border:2px solid #e2dced;border-radius:15px;font-size:clamp(11px,2.9vw,19px);color:#211936}
  .header-actions .signup{display:flex;align-items:center;justify-content:center;height:clamp(40px,10vw,62px);padding:0 clamp(11px,3vw,28px);border-radius:15px;font-size:clamp(11px,2.9vw,19px);white-space:nowrap;background:linear-gradient(110deg,#c3239d,#5639e9)}
  .header-actions .menu-btn{display:block;background:transparent;color:#51436b;padding:0 0 0 1vw;font-size:clamp(25px,7vw,39px);line-height:1}
  .notice{height:clamp(48px,9vw,68px);min-height:0;padding:5px 3vw;gap:10px;font-size:clamp(10px,2.3vw,16px)}
  .notice-icon{width:clamp(32px,6vw,50px);height:clamp(32px,6vw,50px);flex-basis:clamp(32px,6vw,50px);font-size:clamp(17px,3.5vw,25px)}
  .topline{height:clamp(48px,9vw,70px);padding:0 4.4vw;font-size:clamp(13px,3.5vw,22px)}
  .topline .live-dot{width:clamp(8px,1.5vw,13px);height:clamp(8px,1.5vw,13px);flex-basis:clamp(8px,1.5vw,13px)}
  .hero{
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:clamp(28px,6.3vw,68px) 4.4vw clamp(24px,5vw,54px)!important;
    min-height:0!important;box-sizing:border-box!important;
  }
  .hero:before{
    width:clamp(190px,45vw,470px)!important;height:clamp(190px,45vw,470px)!important;
    left:38%!important;top:7%!important;margin:0!important;
    border:3px solid #cdbaff80!important;border-radius:50%!important;
    background:transparent!important;animation:tgx-orbit-spin 12s linear infinite!important;
  }
  .hero:after{
    width:clamp(90px,21vw,220px)!important;height:clamp(90px,21vw,220px)!important;
    right:7%!important;top:8%!important;opacity:.55!important;
    animation:tgx-orbit-spin 20s linear infinite reverse!important;
  }
  .hero h1{
    font-size:clamp(28px,7.5vw,80px)!important;
    line-height:1.14!important;letter-spacing:-1.4px!important;
    margin:0 0 clamp(18px,4vw,42px)!important;
  }
  .hero-sub{font-size:clamp(15px,3vw,32px)!important;line-height:1.7!important;margin:0 0 clamp(19px,4vw,42px)!important}
  .trust-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.3vw!important;margin:0 0 clamp(22px,4vw,44px)!important}
  .trust-item{gap:clamp(5px,1.4vw,13px)!important}
  .trust-icon{width:clamp(40px,9.5vw,100px)!important;height:clamp(40px,9.5vw,100px)!important;font-size:clamp(18px,4vw,43px)!important}
  .trust-item b{font-size:clamp(10px,2.7vw,28px)!important;line-height:1.5!important}
  .trust-item small{font-size:clamp(8px,2.1vw,22px)!important;line-height:2.1!important}
  .searchbar{height:clamp(48px,10.8vw,116px)!important;padding:4px 4px 4px 3.2vw!important;border-radius:13px!important}
  .searchbar input{font-size:clamp(11px,3.4vw,36px)!important}
  .searchbar button{font-size:clamp(10px,2.5vw,25px)!important;padding:0 clamp(10px,3.5vw,40px)!important;border-radius:0 10px 10px 0!important}
}
@media(max-width:370px){
  .site-header{padding:0 2vw}
  .site-header .brand{font-size:12px;gap:3px}
  .site-header .brand-mark{width:27px;height:32px;flex-basis:27px}
  .header-actions{gap:2px}
  .header-actions .lang-btn{min-width:35px}
  .header-actions .login{padding:0 7px}
  .header-actions .signup{padding:0 8px}
  .header-actions .menu-btn{font-size:23px}
  .hero h1{font-size:27px!important}
  .trust-item b{font-size:9px!important}
  .trust-item small{font-size:7px!important}
}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after{animation:none!important}}


/* V7: proportion corrections measured against the user's latest reference */
@media(max-width:650px){
  .hero{
    padding-top:clamp(30px,7.2vw,62px)!important;
    padding-left:3.9vw!important;
    padding-right:3.9vw!important;
    padding-bottom:clamp(22px,4.2vw,38px)!important;
  }
  .hero h1{
    font-size:clamp(25px,6.6vw,44px)!important;
    line-height:1.14!important;
    letter-spacing:-1.15px!important;
    margin-bottom:clamp(18px,3.7vw,28px)!important;
    max-width:100%!important;
  }
  .hero-sub{
    font-size:clamp(12px,2.65vw,19px)!important;
    line-height:1.72!important;
    margin-bottom:clamp(18px,3.5vw,27px)!important;
  }
  .trust-row{
    gap:1vw!important;
    margin-bottom:clamp(22px,4.2vw,32px)!important;
  }
  .trust-item{gap:clamp(5px,1.15vw,9px)!important}
  .trust-icon{
    width:clamp(43px,8.5vw,66px)!important;
    height:clamp(43px,8.5vw,66px)!important;
    font-size:clamp(19px,3.6vw,28px)!important;
    border-width:2px!important;
  }
  .trust-item b{
    font-size:clamp(10px,2.4vw,17px)!important;
    line-height:1.65!important;
  }
  .trust-item small{
    font-size:clamp(8px,1.85vw,13px)!important;
    line-height:2.05!important;
    max-width:96%!important;
  }
  .searchbar{
    height:clamp(48px,8.8vw,68px)!important;
    padding:4px 4px 4px 3vw!important;
    border-radius:12px!important;
    border-width:2px!important;
  }
  .searchbar input{
    font-size:clamp(11px,2.9vw,19px)!important;
  }
  .searchbar button{
    font-size:clamp(10px,2.35vw,16px)!important;
    padding:0 clamp(11px,3.2vw,23px)!important;
    border-radius:0 9px 9px 0!important;
  }
  .hero:before{
    width:clamp(200px,44vw,340px)!important;
    height:clamp(200px,44vw,340px)!important;
    left:39%!important;
    top:6%!important;
    border-width:3px!important;
  }
}
@media(max-width:370px){
  .hero h1{font-size:clamp(24px,6.6vw,27px)!important}
  .hero-sub{font-size:12px!important}
  .trust-icon{width:40px!important;height:40px!important}
  .trust-item b{font-size:9px!important}
  .trust-item small{font-size:7px!important}
  .searchbar{height:46px!important}
}


/* TGX header recreated to match the user's second reference image */
.site-header{
  box-sizing:border-box;
  width:100%;
  height:clamp(98px,12.9vw,198px);
  padding:0 clamp(16px,2.8vw,44px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(10px,1.4vw,22px);
  background:#fff;
  border-bottom:1px solid #eeeaf4;
  position:sticky;
  top:0;
  z-index:100;
}
.site-header .brand{
  display:flex;
  align-items:center;
  gap:clamp(10px,1.8vw,28px);
  min-width:0;
  flex:1 1 auto;
  text-decoration:none;
  white-space:nowrap;
}
.site-header .brand-logo{
  display:block;
  width:clamp(45px,6.8vw,105px);
  height:clamp(45px,6.8vw,105px);
  object-fit:contain;
  flex:0 0 auto;
}
.site-header .brand-name{
  display:block;
  font-family:Manrope,sans-serif;
  font-size:clamp(25px,4.1vw,63px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:800;
  background:linear-gradient(100deg,#a72bb0 0%,#6830cf 56%,#3158d8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.site-header .desktop-nav{display:none!important}
.site-header .header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(7px,1.3vw,20px);
  flex:0 0 auto;
}
.site-header .lang-btn{
  width:clamp(72px,11.7vw,180px);
  height:clamp(50px,6.5vw,100px);
  padding:0;
  border:clamp(2px,.35vw,5px) solid #17151d;
  border-radius:clamp(17px,2.7vw,42px);
  background:#fff;
  color:#15131b;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(5px,.7vw,11px);
  font-family:inherit;
  box-shadow:none;
}
.site-header .lang-btn .globe{
  font-family:Arial,sans-serif;
  font-size:clamp(19px,2.3vw,35px);
  line-height:1;
}
.site-header .lang-btn .lang-chevron{
  font-size:clamp(18px,2.2vw,34px);
  line-height:1;
  font-weight:700;
}
.site-header .login,
.site-header .signup{
  box-sizing:border-box;
  width:clamp(100px,15vw,230px);
  height:clamp(67px,10.1vw,155px);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:clamp(18px,2.5vw,38px);
  font-family:Manrope,sans-serif;
  font-size:clamp(20px,3.2vw,49px);
  line-height:1;
  font-weight:700;
  text-decoration:none;
}
.site-header .login{
  color:#151323;
  background:#fff;
  border:clamp(2px,.32vw,5px) solid #e5e0ef;
  box-shadow:none;
}
.site-header .signup{
  width:clamp(120px,18.7vw,287px);
  color:#fff;
  border:0;
  background:linear-gradient(112deg,#c51a91 0%,#8425cf 54%,#315de8 100%);
  box-shadow:0 12px 28px #8e42d52b;
}
.site-header .menu-btn{
  width:clamp(45px,7.8vw,120px);
  height:clamp(48px,7.8vw,120px);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:clamp(5px,.7vw,11px);
  box-shadow:none;
}
.site-header .menu-btn span{
  display:block;
  width:100%;
  height:clamp(4px,.62vw,9px);
  border-radius:20px;
  background:#514267;
}
@media(max-width:650px){
  .site-header{
    height:clamp(72px,14.3vw,100px);
    padding:0 12px;
    gap:5px;
  }
  .site-header .brand{gap:7px;flex:1 1 auto}
  .site-header .brand-logo{width:clamp(34px,7vw,48px);height:clamp(34px,7vw,48px)}
  .site-header .brand-name{font-size:clamp(18px,4.25vw,27px);letter-spacing:-.06em}
  .site-header .header-actions{gap:clamp(4px,1vw,7px)}
  .site-header .lang-btn{
    width:clamp(48px,12vw,78px);
    height:clamp(38px,10vw,66px);
    border-width:2px;
    border-radius:15px;
    gap:3px;
  }
  .site-header .lang-btn .globe{font-size:clamp(15px,3.5vw,23px)}
  .site-header .lang-btn .lang-chevron{font-size:clamp(15px,3.5vw,23px)}
  .site-header .login,.site-header .signup{
    width:clamp(58px,15vw,102px);
    height:clamp(42px,10vw,68px);
    border-radius:14px;
    font-size:clamp(12px,3.1vw,21px);
    border-width:2px;
  }
  .site-header .signup{width:clamp(70px,19vw,130px)}
  .site-header .menu-btn{
    width:clamp(28px,7vw,48px);
    height:clamp(35px,8vw,55px);
    gap:5px;
  }
  .site-header .menu-btn span{height:4px}
}
@media(max-width:370px){
  .site-header{padding:0 8px}
  .site-header .brand-name{font-size:17px}
  .site-header .header-actions{gap:3px}
  .site-header .lang-btn{width:43px}
  .site-header .login{width:53px;font-size:11px}
  .site-header .signup{width:65px;font-size:11px}
  .site-header .menu-btn{width:25px}
}