/* =========================
   SEEKMAMI REFERENCE-STYLE UI
   Header + Home Front
   ========================= */
body{background:#fff}
.sm-header{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid #eef0f7}
.sm-top{max-width:1400px;margin:auto;padding:14px 28px 10px;display:grid;grid-template-columns:330px 1fr 330px;align-items:center;gap:25px}
.sm-logo{display:inline-flex;align-items:center;width:max-content;font-size:38px;font-weight:950;letter-spacing:-2.8px;line-height:1;color:#12315e}
.sm-logo .blue{color:#147cf2}.sm-logo .purple{color:#8c36ed}.sm-logo .pink{color:#e83da5}.sm-logo .dot{color:#ff9c18}.sm-logo .domain{font-size:17px;letter-spacing:-1px;color:#12315e;margin-left:1px}
.sm-search{height:44px;max-width:590px;width:100%;margin:auto;display:flex;align-items:center;background:#f0edff;border-radius:24px;padding:0 14px;color:#121c45}
.sm-search input{border:0;outline:0;background:transparent;flex:1;height:100%;font:500 14px Inter,Arial;color:#17214a}
.sm-search input::placeholder{color:#707896}
.sm-search button{border:0;background:transparent;font-size:20px;cursor:pointer;color:#17214a}
.sm-tools{display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:13px;font-weight:800;color:#10183d}
.sm-currency{position:relative}.sm-currency select{appearance:none;border:1px solid #aeb3c2;background:#fff;min-width:118px;height:42px;padding:0 30px 0 13px;font-weight:800;color:#171717}.sm-currency:after{content:"⌄";position:absolute;right:10px;top:10px;pointer-events:none}
.sm-tool{display:flex;align-items:center;gap:8px;white-space:nowrap}.sm-icon{font-size:20px;line-height:1}
.sm-cart{font-size:20px}
.sm-cats{max-width:1400px;margin:auto;display:flex;align-items:stretch;justify-content:space-between;padding:0 28px;height:72px}
.sm-cat{flex:1;max-width:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#172044;font-size:13px;font-weight:750;position:relative;border-radius:18px 18px 0 0}
.sm-cat .ci{font-size:21px;height:24px;display:flex;align-items:center;justify-content:center}
.sm-cat:hover{color:#6137ec;background:#faf9ff}.sm-cat.active{color:#6137ec;background:#f1edff}
.sm-cat.active:after{content:"";position:absolute;bottom:0;width:35px;height:3px;border-radius:4px;background:#6337ed}
@media(max-width:1050px){.sm-top{grid-template-columns:260px 1fr 180px;padding-left:16px;padding-right:16px}.sm-logo{font-size:32px}.sm-cats{overflow-x:auto;justify-content:flex-start;gap:4px;padding:0 12px}.sm-cat{min-width:112px}}
@media(max-width:700px){.sm-header{position:relative}.sm-top{grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:12px}.sm-logo{font-size:30px}.sm-search{grid-column:1/-1;grid-row:2}.sm-tools{gap:10px}.sm-currency{display:none}.sm-tool span:not(.sm-icon){display:none}.sm-cats{height:64px}.sm-cat{min-width:92px;font-size:11px}.sm-cat .ci{font-size:18px}}

.sm-home{padding-bottom:20px}
.sm-hero{max-width:1500px;margin:28px auto 0;padding:0 28px}
.sm-hero-box{min-height:490px;border:1px solid #c9b5ff;border-radius:25px;overflow:hidden;position:relative;background:
radial-gradient(circle at 83% 23%,rgba(177,232,255,.95),transparent 32%),
radial-gradient(circle at 75% 70%,rgba(218,203,255,.95),transparent 39%),
linear-gradient(105deg,#fff 0%,#fbfbff 44%,#eef5ff 100%);
box-shadow:0 18px 55px rgba(81,56,185,.11)}
.sm-hero-box:before{content:"";position:absolute;width:680px;height:680px;border:2px solid rgba(137,92,246,.25);border-radius:50%;right:-170px;top:-270px}
.sm-hero-box:after{content:"";position:absolute;width:500px;height:500px;border:2px solid rgba(62,189,255,.25);border-radius:50%;right:100px;top:-150px}
.sm-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:490px}
.sm-copy{padding:55px 50px 45px}.sm-eyebrow{display:inline-flex;align-items:center;padding:8px 15px;border-radius:20px;background:#f0edff;color:#4e37b9;font-size:11px;font-weight:900;letter-spacing:.7px}
.sm-copy h1{font-size:52px;line-height:1.02;letter-spacing:-3px;margin:20px 0 18px;max-width:650px;color:#0d173e}
.sm-copy h1 .gradient{background:linear-gradient(90deg,#137df4,#9a2bea);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-copy p{font-size:15px;line-height:1.65;color:#516083;max-width:640px;margin:0}
.sm-buttons{display:flex;gap:14px;margin:25px 0 30px;flex-wrap:wrap}.sm-btn{min-height:52px;padding:0 26px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;border:1px solid #d8dcef;background:#fff}.sm-btn.primary{border:0;color:#fff;background:linear-gradient(90deg,#0797f8,#9631ee);box-shadow:0 12px 25px rgba(75,67,229,.2)}
.sm-trust{display:flex;gap:34px;flex-wrap:wrap}.sm-trust-item{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center}.sm-trust-item .ti{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 5px 15px rgba(50,70,120,.1)}.sm-trust-item b{font-size:12px}.sm-trust-item small{font-size:10px;color:#6d7690}
.sm-showcase{position:relative;min-height:490px;overflow:hidden}.sm-float{position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;font-weight:900;box-shadow:0 16px 30px rgba(20,44,100,.2);border:1px solid rgba(255,255,255,.35);transform:rotate(-5deg)}
.sm-float span{display:block}.sm-float.big{width:170px;height:165px;left:50px;top:125px;border-radius:23px;background:linear-gradient(145deg,#0835a0,#158af5)}.sm-float.big span{font-size:22px}.sm-float.office{width:160px;height:155px;left:230px;top:55px;border-radius:22px;background:linear-gradient(145deg,#fff,#e8efff);color:#172b67;transform:rotate(4deg);box-shadow:0 18px 35px rgba(60,70,120,.14)}.sm-float.office span{font-size:15px}.sm-float.ps{width:145px;height:145px;left:420px;top:65px;border-radius:22px;background:linear-gradient(145deg,#0879f7,#2765ed);transform:rotate(5deg)}.sm-float.steam{width:140px;height:150px;right:15px;top:130px;border-radius:22px;background:linear-gradient(145deg,#111a38,#1c294d);transform:rotate(7deg)}.sm-float.spotify{width:135px;height:135px;left:255px;top:285px;border-radius:22px;background:linear-gradient(145deg,#061b1b,#18b981);transform:rotate(-7deg)}.sm-float.chat{width:140px;height:140px;left:425px;top:285px;border-radius:22px;background:linear-gradient(145deg,#0a7b86,#15c6d1);transform:rotate(7deg)}.sm-float.netflix{width:125px;height:140px;right:60px;top:305px;border-radius:22px;background:linear-gradient(145deg,#130d28,#28112f);transform:rotate(5deg);font-size:20px}
.sm-laptop{position:absolute;width:410px;height:115px;left:105px;bottom:18px;background:linear-gradient(180deg,#bcc9df,#71829e);clip-path:polygon(7% 0,93% 0,100% 85%,0 85%);border-radius:10px;opacity:.85}.sm-laptop:after{content:"";position:absolute;left:8%;right:8%;top:8%;height:62%;background:#0d2e72;border-radius:7px}
.sm-slider{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:9px}.sm-arrow{width:39px;height:39px;border-radius:50%;border:0;background:#fff;color:#17204b;font-size:20px;box-shadow:0 5px 14px rgba(30,40,80,.1)}.sm-dot{width:8px;height:8px;border-radius:50%;background:#b9c0db}.sm-dot.active{background:#7138ed;width:11px;height:11px}
.sm-home-cats{max-width:1500px;margin:28px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(9,1fr);gap:8px}
.sm-home-cat{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:18px;color:#26304f;font-size:13px;font-weight:850}.sm-home-cat .hi{font-size:23px}.sm-home-cat:hover,.sm-home-cat.active{background:#f1edff;color:#6337ed}.sm-home-cat.active:after{content:"";width:28px;height:3px;background:#6337ed;border-radius:5px;margin-top:-4px}
@media(max-width:1100px){.sm-copy h1{font-size:43px}.sm-float.ps{left:360px}.sm-float.chat{left:350px}.sm-float.office{left:205px}.sm-home-cats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.sm-hero{padding:0 12px;margin-top:15px}.sm-hero-box,.sm-hero-inner{min-height:0}.sm-hero-inner{grid-template-columns:1fr}.sm-copy{padding:34px 24px}.sm-copy h1{font-size:38px;letter-spacing:-2px}.sm-showcase{min-height:390px;transform:scale(.82);transform-origin:top center;margin-bottom:-70px}.sm-home-cats{padding:0 12px;grid-template-columns:repeat(3,1fr);gap:3px}.sm-home-cat{min-height:90px}.sm-trust{gap:15px}}