/* =========================================================================
   Starverse homepage  ([starverse_home])
   ========================================================================= */
.svh {
	--h-bg: #000; --h-panel: #0d0d0d; --h-line: #232323; --h-text: #f2f2f2; --h-muted: #a9a9a9;
	--h-amber: #f0a25a; --h-amber2: #d6762b; --h-violet: #9a6ad6; --h-ok: #6fdc9a;
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--h-bg);
	color: var(--h-text);
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.55;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}
body:has(.svh) { overflow-x: hidden; }
.svh *, .svh *::before, .svh *::after { box-sizing: border-box; }
.svh a { text-decoration: none; color: inherit; }
.svh h1, .svh h2, .svh h3 { font-family: inherit !important; color: #fff; margin: 0; letter-spacing: -.015em; }
.svh p { margin: 0; }
.svh-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* ---------- Buttons ---------- */
.svh-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 54px; padding: 0 28px;
	border-radius: 10px;
	background: #fff; color: #000 !important;
	font-weight: 700; font-size: 16px; letter-spacing: .01em;
	box-shadow: 0 10px 30px rgba(0,0,0,.5);
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
	white-space: nowrap;
}
.svh-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(240,162,90,.25); }
.svh-btn svg { width: 18px; height: 18px; }
.svh-btn--ghost { background: rgba(255,255,255,.04); color: #fff !important; border: 1px solid rgba(255,255,255,.55); box-shadow: none; backdrop-filter: blur(6px); }
.svh-btn--ghost:hover { background: #fff; color: #000 !important; }
.svh-btn--pulse { position: relative; }
.svh-btn--pulse::after {
	content: ""; position: absolute; inset: -4px; border-radius: 14px;
	border: 2px solid rgba(255,255,255,.55);
	animation: svhPulse 2.4s ease-out infinite;
	pointer-events: none;
}
@keyframes svhPulse { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.12); } }

/* ---------- Section headings ---------- */
.svh-eyebrow {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 12px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase;
	color: var(--h-amber);
	margin-bottom: 14px;
}
.svh-eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; }
.svh-head { text-align: center; max-width: 760px; margin: 0 auto 48px; }
.svh-head .svh-eyebrow::after { content: ""; width: 22px; height: 1px; background: currentColor; }
.svh-head h2 { font-size: clamp(30px, 4.4vw, 50px); font-weight: 800; line-height: 1.08; }
.svh-head p { color: var(--h-muted); font-size: 17px; margin-top: 14px; }
.svh-grad {
	background: linear-gradient(90deg, #fff 0%, #ffd9b3 45%, var(--h-amber) 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ---------- HERO ---------- */
.svh-hero {
	position: relative;
	min-height: min(100svh, 920px);
	display: flex; align-items: center; justify-content: center;
	padding: 120px 0 200px;
	text-align: center;
	isolation: isolate;
	overflow: hidden;
}
.svh-sky { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.svh-stars { position: absolute; top: 0; left: 0; width: 1px; height: 1px; border-radius: 50%; background: transparent; }
.svh-stars.s1 { box-shadow: 663px 308px rgba(255,255,255,.75),808px 1333px rgba(255,255,255,.75),98px 148px rgba(255,255,255,.75),1681px 1097px rgba(255,255,255,.75),192px 748px rgba(255,255,255,.75),1193px 118px rgba(255,255,255,.75),1863px 1039px rgba(255,255,255,.75),439px 76px rgba(255,255,255,.75),176px 888px rgba(255,255,255,.75),856px 143px rgba(255,255,255,.75),492px 185px rgba(255,255,255,.75),1128px 869px rgba(255,255,255,.75),121px 1158px rgba(255,255,255,.75),253px 457px rgba(255,255,255,.75),1291px 1284px rgba(255,255,255,.75),1193px 126px rgba(255,255,255,.75),1181px 1199px rgba(255,255,255,.75),812px 101px rgba(255,255,255,.75),1999px 452px rgba(255,255,255,.75),95px 1140px rgba(255,255,255,.75),1758px 272px rgba(255,255,255,.75),593px 858px rgba(255,255,255,.75),295px 1107px rgba(255,255,255,.75),241px 1169px rgba(255,255,255,.75),631px 1147px rgba(255,255,255,.75),1671px 1396px rgba(255,255,255,.75),370px 211px rgba(255,255,255,.75),1191px 1169px rgba(255,255,255,.75),1308px 384px rgba(255,255,255,.75),762px 199px rgba(255,255,255,.75),1121px 128px rgba(255,255,255,.75),1155px 122px rgba(255,255,255,.75),1267px 421px rgba(255,255,255,.75),1016px 1393px rgba(255,255,255,.75),1088px 875px rgba(255,255,255,.75),1591px 643px rgba(255,255,255,.75),953px 1199px rgba(255,255,255,.75),1891px 928px rgba(255,255,255,.75),740px 613px rgba(255,255,255,.75),508px 368px rgba(255,255,255,.75),1431px 499px rgba(255,255,255,.75),167px 1176px rgba(255,255,255,.75),614px 1075px rgba(255,255,255,.75),1013px 703px rgba(255,255,255,.75),1493px 919px rgba(255,255,255,.75),589px 1247px rgba(255,255,255,.75),149px 241px rgba(255,255,255,.75),1048px 856px rgba(255,255,255,.75),337px 700px rgba(255,255,255,.75),311px 1001px rgba(255,255,255,.75),863px 80px rgba(255,255,255,.75),1970px 1368px rgba(255,255,255,.75),158px 1142px rgba(255,255,255,.75),1173px 642px rgba(255,255,255,.75),696px 717px rgba(255,255,255,.75),1217px 1017px rgba(255,255,255,.75),1187px 934px rgba(255,255,255,.75),140px 191px rgba(255,255,255,.75),1934px 552px rgba(255,255,255,.75),970px 1360px rgba(255,255,255,.75),133px 124px rgba(255,255,255,.75),1497px 634px rgba(255,255,255,.75),1325px 1183px rgba(255,255,255,.75),1395px 912px rgba(255,255,255,.75),582px 790px rgba(255,255,255,.75),1816px 1369px rgba(255,255,255,.75),710px 46px rgba(255,255,255,.75),1926px 945px rgba(255,255,255,.75),727px 344px rgba(255,255,255,.75),1251px 239px rgba(255,255,255,.75),1011px 120px rgba(255,255,255,.75),446px 588px rgba(255,255,255,.75),264px 507px rgba(255,255,255,.75),814px 800px rgba(255,255,255,.75),1877px 1016px rgba(255,255,255,.75),165px 340px rgba(255,255,255,.75),919px 822px rgba(255,255,255,.75),1125px 569px rgba(255,255,255,.75),1809px 280px rgba(255,255,255,.75),1677px 881px rgba(255,255,255,.75),1769px 1126px rgba(255,255,255,.75),570px 850px rgba(255,255,255,.75),734px 1398px rgba(255,255,255,.75),1810px 779px rgba(255,255,255,.75),1961px 472px rgba(255,255,255,.75),309px 169px rgba(255,255,255,.75),360px 309px rgba(255,255,255,.75),475px 1348px rgba(255,255,255,.75),477px 24px rgba(255,255,255,.75),993px 1206px rgba(255,255,255,.75),373px 538px rgba(255,255,255,.75),577px 8px rgba(255,255,255,.75),298px 858px rgba(255,255,255,.75),1094px 756px rgba(255,255,255,.75),1248px 1159px rgba(255,255,255,.75),652px 257px rgba(255,255,255,.75),1414px 1055px rgba(255,255,255,.75),1946px 1264px rgba(255,255,255,.75),1341px 1384px rgba(255,255,255,.75),1515px 110px rgba(255,255,255,.75),935px 1393px rgba(255,255,255,.75),1634px 1145px rgba(255,255,255,.75),803px 815px rgba(255,255,255,.75),817px 807px rgba(255,255,255,.75),212px 986px rgba(255,255,255,.75),1299px 820px rgba(255,255,255,.75),127px 390px rgba(255,255,255,.75),137px 427px rgba(255,255,255,.75),902px 332px rgba(255,255,255,.75),225px 696px rgba(255,255,255,.75),1230px 107px rgba(255,255,255,.75),209px 0px rgba(255,255,255,.75),1160px 309px rgba(255,255,255,.75),1098px 207px rgba(255,255,255,.75),1943px 744px rgba(255,255,255,.75),1256px 52px rgba(255,255,255,.75),144px 425px rgba(255,255,255,.75),1257px 770px rgba(255,255,255,.75),304px 1299px rgba(255,255,255,.75),516px 711px rgba(255,255,255,.75),1233px 745px rgba(255,255,255,.75),971px 251px rgba(255,255,255,.75),236px 999px rgba(255,255,255,.75),954px 983px rgba(255,255,255,.75),990px 638px rgba(255,255,255,.75),175px 295px rgba(255,255,255,.75),209px 701px rgba(255,255,255,.75),1516px 542px rgba(255,255,255,.75),980px 330px rgba(255,255,255,.75),1057px 47px rgba(255,255,255,.75),420px 1081px rgba(255,255,255,.75),740px 300px rgba(255,255,255,.75),1413px 1112px rgba(255,255,255,.75),1872px 55px rgba(255,255,255,.75),1552px 1081px rgba(255,255,255,.75),610px 1316px rgba(255,255,255,.75),1768px 186px rgba(255,255,255,.75),1425px 534px rgba(255,255,255,.75),1061px 751px rgba(255,255,255,.75),1860px 342px rgba(255,255,255,.75),728px 456px rgba(255,255,255,.75),1090px 1109px rgba(255,255,255,.75),1595px 1029px rgba(255,255,255,.75),675px 1303px rgba(255,255,255,.75),456px 1255px rgba(255,255,255,.75),1661px 399px rgba(255,255,255,.75),1650px 490px rgba(255,255,255,.75),1675px 820px rgba(255,255,255,.75),1515px 464px rgba(255,255,255,.75),409px 1060px rgba(255,255,255,.75),1009px 728px rgba(255,255,255,.75),1497px 59px rgba(255,255,255,.75),57px 572px rgba(255,255,255,.75),967px 530px rgba(255,255,255,.75),396px 1239px rgba(255,255,255,.75),1958px 705px rgba(255,255,255,.75),915px 715px rgba(255,255,255,.75),1955px 746px rgba(255,255,255,.75),164px 451px rgba(255,255,255,.75),209px 464px rgba(255,255,255,.75),962px 402px rgba(255,255,255,.75),691px 418px rgba(255,255,255,.75),988px 1278px rgba(255,255,255,.75),1843px 1249px rgba(255,255,255,.75),1721px 3px rgba(255,255,255,.75),981px 1337px rgba(255,255,255,.75),704px 1317px rgba(255,255,255,.75),173px 1352px rgba(255,255,255,.75),245px 795px rgba(255,255,255,.75),1602px 408px rgba(255,255,255,.75),979px 365px rgba(255,255,255,.75),888px 1302px rgba(255,255,255,.75),680px 177px rgba(255,255,255,.75),1640px 810px rgba(255,255,255,.75),948px 822px rgba(255,255,255,.75),1522px 173px rgba(255,255,255,.75),1484px 325px rgba(255,255,255,.75),348px 260px rgba(255,255,255,.75),56px 309px rgba(255,255,255,.75),1209px 953px rgba(255,255,255,.75),1651px 1343px rgba(255,255,255,.75),299px 1252px rgba(255,255,255,.75),1692px 1220px rgba(255,255,255,.75),971px 1346px rgba(255,255,255,.75),1919px 717px rgba(255,255,255,.75),319px 1123px rgba(255,255,255,.75),1122px 268px rgba(255,255,255,.75),43px 29px rgba(255,255,255,.75),1637px 1330px rgba(255,255,255,.75),210px 1078px rgba(255,255,255,.75),1534px 285px rgba(255,255,255,.75),888px 398px rgba(255,255,255,.75),1691px 432px rgba(255,255,255,.75),57px 515px rgba(255,255,255,.75),435px 599px rgba(255,255,255,.75),1026px 492px rgba(255,255,255,.75),1564px 1201px rgba(255,255,255,.75),667px 531px rgba(255,255,255,.75),1114px 858px rgba(255,255,255,.75),1708px 268px rgba(255,255,255,.75),124px 724px rgba(255,255,255,.75),1838px 938px rgba(255,255,255,.75),1356px 1194px rgba(255,255,255,.75),1669px 1058px rgba(255,255,255,.75),861px 1027px rgba(255,255,255,.75),267px 1089px rgba(255,255,255,.75),310px 1072px rgba(255,255,255,.75),1045px 38px rgba(255,255,255,.75),1787px 901px rgba(255,255,255,.75),1590px 375px rgba(255,255,255,.75),1246px 8px rgba(255,255,255,.75),1589px 306px rgba(255,255,255,.75),352px 289px rgba(255,255,255,.75),969px 1267px rgba(255,255,255,.75),1485px 246px rgba(255,255,255,.75),1139px 126px rgba(255,255,255,.75),667px 1397px rgba(255,255,255,.75),1061px 1086px rgba(255,255,255,.75),1137px 988px rgba(255,255,255,.75),1606px 217px rgba(255,255,255,.75),1808px 1147px rgba(255,255,255,.75),116px 508px rgba(255,255,255,.75),391px 567px rgba(255,255,255,.75),86px 200px rgba(255,255,255,.75),1039px 926px rgba(255,255,255,.75),1150px 57px rgba(255,255,255,.75),1556px 129px rgba(255,255,255,.75),907px 666px rgba(255,255,255,.75),1254px 1035px rgba(255,255,255,.75),1241px 1048px rgba(255,255,255,.75),408px 567px rgba(255,255,255,.75),926px 1040px rgba(255,255,255,.75),1092px 979px rgba(255,255,255,.75),1039px 507px rgba(255,255,255,.75),1431px 1071px rgba(255,255,255,.75),1795px 531px rgba(255,255,255,.75),1889px 1145px rgba(255,255,255,.75),1828px 414px rgba(255,255,255,.75),1720px 916px rgba(255,255,255,.75),280px 853px rgba(255,255,255,.75),249px 803px rgba(255,255,255,.75),905px 647px rgba(255,255,255,.75),148px 1374px rgba(255,255,255,.75),492px 877px rgba(255,255,255,.75),149px 435px rgba(255,255,255,.75),1371px 620px rgba(255,255,255,.75),1605px 250px rgba(255,255,255,.75),1837px 316px rgba(255,255,255,.75),1924px 1317px rgba(255,255,255,.75),1352px 749px rgba(255,255,255,.75),292px 518px rgba(255,255,255,.75),1808px 281px rgba(255,255,255,.75),1981px 957px rgba(255,255,255,.75),449px 192px rgba(255,255,255,.75),815px 997px rgba(255,255,255,.75),333px 1367px rgba(255,255,255,.75),1704px 458px rgba(255,255,255,.75),330px 883px rgba(255,255,255,.75),1055px 827px rgba(255,255,255,.75),694px 862px rgba(255,255,255,.75); opacity: .7; }
.svh-stars.s2 { width: 2px; height: 2px; box-shadow: 400px 730px rgba(255,236,214,.95),652px 188px rgba(255,236,214,.95),1478px 749px rgba(255,236,214,.95),39px 692px rgba(255,236,214,.95),1134px 939px rgba(255,236,214,.95),902px 37px rgba(255,236,214,.95),787px 678px rgba(255,236,214,.95),1059px 1277px rgba(255,236,214,.95),605px 1049px rgba(255,236,214,.95),1967px 131px rgba(255,236,214,.95),231px 468px rgba(255,236,214,.95),1990px 214px rgba(255,236,214,.95),172px 543px rgba(255,236,214,.95),556px 81px rgba(255,236,214,.95),1855px 371px rgba(255,236,214,.95),553px 265px rgba(255,236,214,.95),1678px 864px rgba(255,236,214,.95),1739px 1384px rgba(255,236,214,.95),1677px 529px rgba(255,236,214,.95),831px 305px rgba(255,236,214,.95),1098px 1054px rgba(255,236,214,.95),1168px 1012px rgba(255,236,214,.95),1434px 669px rgba(255,236,214,.95),183px 571px rgba(255,236,214,.95),117px 375px rgba(255,236,214,.95),871px 148px rgba(255,236,214,.95),550px 34px rgba(255,236,214,.95),1299px 181px rgba(255,236,214,.95),1641px 533px rgba(255,236,214,.95),171px 1245px rgba(255,236,214,.95),1753px 455px rgba(255,236,214,.95),136px 541px rgba(255,236,214,.95),1766px 249px rgba(255,236,214,.95),929px 23px rgba(255,236,214,.95),694px 1132px rgba(255,236,214,.95),855px 548px rgba(255,236,214,.95),1273px 264px rgba(255,236,214,.95),88px 1079px rgba(255,236,214,.95),1453px 488px rgba(255,236,214,.95),1921px 224px rgba(255,236,214,.95),1984px 330px rgba(255,236,214,.95),536px 103px rgba(255,236,214,.95),370px 413px rgba(255,236,214,.95),1909px 638px rgba(255,236,214,.95),1287px 624px rgba(255,236,214,.95),1087px 421px rgba(255,236,214,.95),593px 912px rgba(255,236,214,.95),1024px 1376px rgba(255,236,214,.95),364px 554px rgba(255,236,214,.95),710px 37px rgba(255,236,214,.95),512px 75px rgba(255,236,214,.95),31px 37px rgba(255,236,214,.95),1501px 1035px rgba(255,236,214,.95),1128px 388px rgba(255,236,214,.95),1053px 972px rgba(255,236,214,.95),503px 915px rgba(255,236,214,.95),217px 1348px rgba(255,236,214,.95),1677px 1331px rgba(255,236,214,.95),885px 1344px rgba(255,236,214,.95),1013px 1118px rgba(255,236,214,.95),1709px 805px rgba(255,236,214,.95),1987px 1037px rgba(255,236,214,.95),630px 440px rgba(255,236,214,.95),470px 701px rgba(255,236,214,.95),406px 1302px rgba(255,236,214,.95),286px 828px rgba(255,236,214,.95),711px 111px rgba(255,236,214,.95),1714px 265px rgba(255,236,214,.95),29px 144px rgba(255,236,214,.95),1280px 523px rgba(255,236,214,.95),882px 334px rgba(255,236,214,.95),113px 173px rgba(255,236,214,.95),1362px 780px rgba(255,236,214,.95),1782px 1036px rgba(255,236,214,.95),1373px 577px rgba(255,236,214,.95),1226px 496px rgba(255,236,214,.95),1418px 600px rgba(255,236,214,.95),92px 940px rgba(255,236,214,.95),379px 322px rgba(255,236,214,.95),550px 913px rgba(255,236,214,.95),7px 539px rgba(255,236,214,.95),745px 673px rgba(255,236,214,.95),1991px 1120px rgba(255,236,214,.95),662px 500px rgba(255,236,214,.95),70px 633px rgba(255,236,214,.95),446px 730px rgba(255,236,214,.95),374px 2px rgba(255,236,214,.95),686px 781px rgba(255,236,214,.95),171px 972px rgba(255,236,214,.95),571px 1029px rgba(255,236,214,.95); animation: svhTwinkle 4s ease-in-out infinite; }
.svh-stars.s3 { width: 2px; height: 2px; box-shadow: 1343px 411px rgba(220,205,255,.9),508px 1033px rgba(220,205,255,.9),1589px 10px rgba(220,205,255,.9),186px 541px rgba(220,205,255,.9),1673px 183px rgba(220,205,255,.9),294px 818px rgba(220,205,255,.9),1201px 85px rgba(220,205,255,.9),806px 46px rgba(220,205,255,.9),613px 623px rgba(220,205,255,.9),1289px 476px rgba(220,205,255,.9),173px 1199px rgba(220,205,255,.9),1961px 1083px rgba(220,205,255,.9),1747px 317px rgba(220,205,255,.9),1346px 1221px rgba(220,205,255,.9),797px 667px rgba(220,205,255,.9),1475px 1012px rgba(220,205,255,.9),306px 581px rgba(220,205,255,.9),1483px 1267px rgba(220,205,255,.9),1317px 296px rgba(220,205,255,.9),89px 1050px rgba(220,205,255,.9),1284px 879px rgba(220,205,255,.9),1502px 1035px rgba(220,205,255,.9),285px 1072px rgba(220,205,255,.9),1541px 1032px rgba(220,205,255,.9),1164px 32px rgba(220,205,255,.9),1692px 1196px rgba(220,205,255,.9),1634px 1398px rgba(220,205,255,.9),1958px 1316px rgba(220,205,255,.9),470px 174px rgba(220,205,255,.9),63px 85px rgba(220,205,255,.9),272px 1304px rgba(220,205,255,.9),738px 214px rgba(220,205,255,.9),771px 924px rgba(220,205,255,.9),1143px 103px rgba(220,205,255,.9),1285px 38px rgba(220,205,255,.9),1282px 1088px rgba(220,205,255,.9),1394px 500px rgba(220,205,255,.9),1002px 540px rgba(220,205,255,.9),6px 935px rgba(220,205,255,.9),1633px 143px rgba(220,205,255,.9); animation: svhTwinkle 6s ease-in-out infinite 1.5s; }
@keyframes svhTwinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.svh-nebula {
	position: absolute; inset: -10%;
	background:
		radial-gradient(ellipse 38% 30% at 22% 40%, rgba(214,118,43,.55), transparent 70%),
		radial-gradient(ellipse 30% 22% at 30% 30%, rgba(255,170,90,.35), transparent 70%),
		radial-gradient(ellipse 26% 18% at 14% 55%, rgba(170,70,30,.4), transparent 70%),
		radial-gradient(ellipse 34% 26% at 72% 52%, rgba(154,106,214,.28), transparent 70%),
		radial-gradient(ellipse 22% 16% at 82% 38%, rgba(230,120,170,.16), transparent 70%);
	filter: blur(14px);
	animation: svhDrift 30s ease-in-out infinite alternate;
}
@keyframes svhDrift { from { transform: translate3d(-2%, 0, 0) scale(1); } to { transform: translate3d(2%, -2%, 0) scale(1.06); } }
.svh-planet {
	position: absolute; z-index: -1;
	left: 50%; bottom: 0;
	width: 180vw; height: 180vw;
	transform: translate(-50%, 91%);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 0%, #1c1510 0%, #0a0806 18%, #000 40%);
	box-shadow:
		0 -1px 0 rgba(255,214,170,.75),
		0 -18px 60px rgba(240,162,90,.35),
		0 -60px 160px rgba(214,118,43,.22);
}
.svh-hero::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 180px; z-index: -1;
	background: linear-gradient(to bottom, transparent, #000);
}
.svh-hero-in { position: relative; max-width: 1100px; padding: 0 24px; }
.svh-brand {
	display: inline-flex; align-items: center; gap: 10px;
	font-size: 14px; font-weight: 700; letter-spacing: .32em;
	color: #fff;
	padding: 9px 18px; border-radius: 999px;
	border: 1px solid rgba(255,255,255,.18);
	background: rgba(255,255,255,.04);
	backdrop-filter: blur(6px);
	margin-bottom: 26px;
}
.svh-brand i { font-style: normal; color: var(--h-amber); letter-spacing: 0; }
.svh-hero h1 {
	font-size: clamp(34px, 6vw, 74px) !important;
	line-height: 1.04 !important;
	font-weight: 800 !important;
	text-shadow: 0 6px 40px rgba(0,0,0,.6);
}
.svh-hero h1 span { display: block; }
.svh-hero-sub {
	max-width: 640px; margin: 22px auto 0 !important;
	font-size: clamp(16px, 1.6vw, 19px);
	color: #dcdcdc;
}
.svh-hero-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 34px; }
.svh-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 30px; }
.svh-chips span {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 13px; font-weight: 600; color: #e9e9e9;
	padding: 8px 14px; border-radius: 999px;
	background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
	backdrop-filter: blur(6px);
}
.svh-chips svg { width: 15px; height: 15px; color: var(--h-amber); }
.svh-scroll {
	position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%);
	width: 26px; height: 42px; border-radius: 14px; border: 2px solid rgba(255,255,255,.45);
}
.svh-scroll::before {
	content: ""; position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px;
	border-radius: 2px; background: #fff; animation: svhScroll 1.8s ease-in-out infinite;
}
@keyframes svhScroll { 0% { opacity: 0; transform: translateY(0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

/* ---------- SERVICES ---------- */
.svh-services { position: relative; padding: 40px 0 110px; }
.svh-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.svh-card {
	position: relative;
	padding: 28px 24px 26px;
	border-radius: 20px;
	border: 1px solid var(--h-line);
	background: linear-gradient(180deg, #111 0%, #080808 100%);
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.svh-card::before {
	content: ""; position: absolute; inset: 0;
	background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(240,162,90,.16), transparent 70%);
	opacity: 0; transition: opacity .3s ease;
}
.svh-card:hover { transform: translateY(-6px); border-color: rgba(240,162,90,.45); box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.svh-card:hover::before { opacity: 1; }
.svh-ico {
	position: relative;
	display: grid; place-items: center;
	width: 56px; height: 56px; border-radius: 16px;
	background: linear-gradient(135deg, rgba(240,162,90,.22), rgba(240,162,90,.06));
	border: 1px solid rgba(240,162,90,.35);
	color: var(--h-amber);
	margin-bottom: 20px;
}
.svh-ico svg { width: 26px; height: 26px; }
.svh-card h3 { position: relative; font-size: 21px; font-weight: 700; margin-bottom: 8px; }
.svh-card p { position: relative; color: var(--h-muted); font-size: 15px; }
.svh-card .svh-more {
	position: relative; display: inline-flex; align-items: center; gap: 6px;
	margin-top: 18px; font-size: 14px; font-weight: 700; color: #fff;
}
.svh-card .svh-more span { transition: transform .2s; }
.svh-card:hover .svh-more span { transform: translateX(4px); }

/* ---------- HOW IT WORKS ---------- */
.svh-steps { position: relative; padding: 100px 0; border-top: 1px solid #111; border-bottom: 1px solid #111;
	background: radial-gradient(ellipse 60% 70% at 50% 100%, rgba(154,106,214,.12), transparent 70%), #030303; }
.svh-steps-row { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; counter-reset: s; }
.svh-steps-row::before {
	content: ""; position: absolute; left: 16%; right: 16%; top: 34px; height: 1px;
	background: linear-gradient(90deg, transparent, rgba(240,162,90,.6), transparent);
}
.svh-step { position: relative; text-align: center; padding: 0 10px; }
.svh-step-num {
	position: relative; z-index: 1;
	display: grid; place-items: center;
	width: 68px; height: 68px; margin: 0 auto 22px;
	border-radius: 50%;
	background: #000; border: 1px solid rgba(240,162,90,.55);
	box-shadow: 0 0 0 8px #030303, 0 0 40px rgba(240,162,90,.25);
	font-size: 24px; font-weight: 800; color: #fff;
}
.svh-step h3 { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.svh-step p { color: var(--h-muted); font-size: 15px; max-width: 300px; margin: 0 auto; }

/* ---------- PRODUCT ---------- */
.svh-product { padding: 100px 0 40px; }
.svh-product .sv-feat { margin: 0 auto; }

/* ---------- WHY ---------- */
.svh-why { padding: 90px 0 100px; }
.svh-why-in { display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: center; }
.svh-why-copy h2 { font-size: clamp(30px, 4vw, 46px); font-weight: 800; line-height: 1.1; }
.svh-why-copy p { color: var(--h-muted); font-size: 17px; margin-top: 16px !important; }
.svh-why-copy .svh-btn { margin-top: 28px; }
.svh-why-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.svh-why-item {
	padding: 22px; border-radius: 18px;
	border: 1px solid var(--h-line); background: var(--h-panel);
	transition: border-color .2s ease, transform .2s ease;
}
.svh-why-item:hover { border-color: rgba(255,255,255,.3); transform: translateY(-3px); }
.svh-why-item b { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 17px; margin-bottom: 6px; }
.svh-why-item b svg { width: 20px; height: 20px; color: var(--h-amber); flex: 0 0 auto; }
.svh-why-item span { color: var(--h-muted); font-size: 14px; }

/* ---------- CTA BAND ---------- */
.svh-cta-band { padding: 0 0 110px; }
.svh-cta-box {
	position: relative; overflow: hidden;
	border-radius: 28px; padding: 64px 32px; text-align: center;
	border: 1px solid rgba(240,162,90,.35);
	background:
		radial-gradient(ellipse 50% 90% at 15% 50%, rgba(214,118,43,.4), transparent 70%),
		radial-gradient(ellipse 45% 80% at 90% 40%, rgba(154,106,214,.25), transparent 70%),
		#050505;
}
.svh-cta-box .svh-stars.s1 { opacity: .45; }
.svh-cta-box h2 { position: relative; font-size: clamp(28px, 4.4vw, 50px); font-weight: 800; line-height: 1.1; }
.svh-cta-box p { position: relative; color: #e2e2e2; font-size: 17px; margin: 14px auto 30px !important; max-width: 560px; }
.svh-cta-phone { position: relative; display: block; font-size: clamp(30px, 5vw, 54px); font-weight: 800; color: #fff !important; margin-bottom: 26px; letter-spacing: .01em; }
.svh-cta-phone:hover { color: var(--h-amber) !important; }

/* ---------- Floating call button (phones) ---------- */
.svh-float {
	display: none;
	position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 9990;
	align-items: center; gap: 8px;
	padding: 14px 18px; border-radius: 999px;
	background: #fff; color: #000 !important; font-weight: 800; font-size: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,.6), 0 0 0 6px rgba(255,255,255,.08);
	font-family: "Montserrat", system-ui, sans-serif;
}
.svh-float svg { width: 18px; height: 18px; }

/* ---------- Reveal on scroll ---------- */
.svh-js .svh-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.svh-js .svh-reveal.in { opacity: 1; transform: none; }
.svh-js .svh-reveal.d1 { transition-delay: .08s; } .svh-js .svh-reveal.d2 { transition-delay: .16s; } .svh-js .svh-reveal.d3 { transition-delay: .24s; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.svh-grid4 { grid-template-columns: repeat(2, 1fr); }
	.svh-why-in { grid-template-columns: 1fr; gap: 36px; }
	.svh-why-copy { text-align: center; }
}
@media (max-width: 720px) {
	.svh-wrap { padding: 0 18px; }
	.svh-hero { min-height: auto; padding: 84px 0 150px; }
	.svh-brand { font-size: 12px; letter-spacing: .26em; margin-bottom: 20px; }
	.svh-hero-cta { flex-direction: column; align-items: stretch; max-width: 360px; margin-left: auto; margin-right: auto; }
	.svh-scroll { display: none; }
	.svh-planet { width: 260vw; height: 260vw; transform: translate(-50%, 93%); }
	.svh-services { padding: 20px 0 80px; }
	.svh-head { margin-bottom: 32px; }
	.svh-grid4 { grid-template-columns: 1fr; gap: 14px; }
	.svh-card { display: grid; grid-template-columns: 56px 1fr; column-gap: 16px; padding: 20px; }
	.svh-card .svh-ico { margin: 0; grid-row: 1 / span 3; }
	.svh-card .svh-more { margin-top: 10px; }
	.svh-steps { padding: 70px 0; }
	.svh-steps-row { grid-template-columns: 1fr; gap: 30px; }
	.svh-steps-row::before { display: none; }
	.svh-product { padding: 70px 0 20px; }
	.svh-why { padding: 70px 0; }
	.svh-why-list { grid-template-columns: 1fr; }
	.svh-cta-band { padding-bottom: 90px; }
	.svh-cta-box { padding: 44px 20px; border-radius: 22px; }
	.svh-cta-box .svh-btn { width: 100%; max-width: 340px; }
	.svh-float { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) {
	.svh *, .svh *::before, .svh *::after { animation: none !important; transition: none !important; }
	.svh-js .svh-reveal { opacity: 1; transform: none; }
}

/* ---------- v1.8: services cards are info only ---------- */
.svh-services .svh-card { cursor: default; }
@media (max-width: 720px) { .svh-card .svh-ico { grid-row: 1 / span 2; } }

/* ---------- Product section 1: second spotlight ---------- */
.svh-spot2 { margin-top: 28px; }
@media (min-width: 861px) {
	.sv-feat--rev .sv-feat-media { order: 2; }
}

/* ---------- Product section 2: store grid ---------- */
.svh-shop { padding: 90px 0 40px; }
.svh-pgrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.svh-pgrid:has(> .svh-pcard:only-child) { grid-template-columns: minmax(0, 360px); justify-content: center; }
.svh-pcard {
	display: flex; flex-direction: column;
	border-radius: 20px; overflow: hidden;
	border: 1px solid var(--h-line);
	background: linear-gradient(180deg, #111 0%, #070707 100%);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.svh-pcard:hover { transform: translateY(-6px); border-color: rgba(240,162,90,.45); box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.svh-pcard-img {
	position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden;
	background: radial-gradient(circle at 50% 40%, #241608, #060606 70%);
}
.svh-pcard-img img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .5s ease; }
.svh-pcard:hover .svh-pcard-img img { transform: scale(1.05); }
.svh-pbadge { position: absolute; top: 12px; left: 12px; z-index: 2; background: #fff; color: #000; font-weight: 800; font-size: 12px; padding: 5px 10px; border-radius: 999px; }
.svh-pcard-body { display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 20px; flex: 1; }
.svh-pcat { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--h-amber); }
.svh-pcard h3 { font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; }
.svh-pcard h3 a { color: #fff !important; }
.svh-pprice { font-size: 22px; font-weight: 800; color: #fff; }
.svh-pprice del { color: var(--h-muted); font-size: .65em; font-weight: 400; margin-right: 6px; }
.svh-pprice ins { text-decoration: none; background: none; }
.svh-pcod { align-self: flex-start; font-size: 12px; font-weight: 600; color: #f6e2cd; background: rgba(240,162,90,.12); border: 1px solid rgba(240,162,90,.4); padding: 5px 10px; border-radius: 999px; }
.svh-pbtn { margin-top: auto; width: 100%; min-height: 48px; font-size: 15px; }
.svh-pcard-body .svh-pbtn { margin-top: 14px; }
.svh-shop-all { text-align: center; margin-top: 32px; }

@media (max-width: 720px) {
	.svh-shop { padding: 70px 0 20px; }
	.svh-pgrid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.svh-pgrid:has(> .svh-pcard:only-child) { grid-template-columns: 1fr; }
	.svh-pcard { border-radius: 16px; }
	.svh-pcard-body { padding: 12px 12px 14px; }
	.svh-pcard h3 { font-size: 15px !important; }
	.svh-pprice { font-size: 18px; }
	.svh-pcod { font-size: 11px; padding: 4px 8px; }
	.svh-pbtn { min-height: 42px; font-size: 14px; padding: 0 10px; }
	.svh-shop-all .svh-btn { width: 100%; }
}
