/* Landing page refinement — draft only. Keeps existing content/products intact. */
.demo-home{background:#f6f6f6}
.demo-home .reference-hero{padding-top:116px;background:#050708}
.demo-home .hero-panels{height:clamp(540px,68vw,760px);max-height:760px;gap:2px}
.demo-home .hero-panel{border-radius:0}
.demo-home .hero-panel.is-active{flex:3.65}
.demo-home .hero-panel>.hero-artwork{top:2%;height:75%}
.demo-home .hero-panel>.hero-panel-copy{bottom:7%}
.demo-home .hero-panel h2{font-size:clamp(25px,2.25vw,38px);max-width:460px}
.demo-home .hero-panel .round-cta{min-width:165px;padding:13px 27px}
/* Rebuilt FoneYam hero panel: real HTML/CSS composition, not the uploaded reference screenshot. */
.demo-home .hero-panel:nth-child(4).is-active{position:relative;overflow:hidden;background:linear-gradient(180deg,#050708 0%,#07090b 58%,#050607 100%)}
.demo-home .hero-panel:nth-child(4).is-active::before{content:"";position:absolute;z-index:0;width:78%;height:48%;left:11%;top:12%;border-radius:50%;background:radial-gradient(circle at 34% 55%,rgba(81,255,63,.58) 0,rgba(81,255,63,.24) 26%,transparent 54%),radial-gradient(circle at 70% 48%,rgba(26,103,255,.64) 0,rgba(26,103,255,.24) 28%,transparent 56%);filter:blur(30px);opacity:.95;pointer-events:none}
.demo-home .hero-panel:nth-child(4).is-active::after{content:"FREE insurance included";position:absolute;z-index:4;top:8.5%;left:50%;transform:translateX(-50%);color:#b9ff46;background:rgba(10,16,13,.68);border:1px solid rgba(185,255,70,.35);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 24px rgba(135,255,78,.12)}
.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork{top:8%;height:61%;inset-inline:0;display:grid;place-items:center;z-index:2;overflow:visible}
.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork>img{display:none!important}
.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork::before{content:"";display:block;width:clamp(150px,19vw,244px);aspect-ratio:.49;border-radius:clamp(25px,2.4vw,38px);background:linear-gradient(145deg,#2b3038 0%,#0e1117 18%,#171d27 52%,#080a0d 100%);border:2px solid #303641;box-shadow:0 34px 52px rgba(0,0,0,.5),0 0 0 5px rgba(255,255,255,.025),-24px 0 55px rgba(65,255,87,.24),24px 0 60px rgba(39,99,255,.26)}
.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork::after{content:"FoneYam";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(132px,16.9vw,218px);aspect-ratio:.49;border-radius:clamp(20px,2vw,31px);background:radial-gradient(circle at 50% 28%,rgba(111,255,75,.26),transparent 34%),linear-gradient(155deg,#11191b 0%,#081019 48%,#09131c 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);color:#fff;font-size:clamp(20px,2.1vw,30px);font-weight:800;letter-spacing:-.045em;text-shadow:0 0 18px rgba(116,255,89,.16)}
.demo-home .hero-panel:nth-child(4).is-active>.hero-panel-copy{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:5;bottom:5.5%;padding-inline:20px;text-align:center}
.demo-home .hero-panel:nth-child(4).is-active>.hero-panel-copy h2{margin:0;max-width:520px;color:#fff;font-size:clamp(25px,2.25vw,37px);font-weight:700;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.demo-home .hero-panel:nth-child(4).is-active>.hero-panel-copy .round-cta{display:inline-flex;align-items:center;justify-content:center;min-width:142px;padding:11px 24px;background:#fff;color:#28518f;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.18)}
@media(max-width:760px){.demo-home .hero-panel:nth-child(4).is-active::after{top:7%;font-size:11px;padding:6px 12px}.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork{top:9%;height:58%}.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork::before{width:160px}.demo-home .hero-panel:nth-child(4).is-active>.hero-artwork::after{width:140px;font-size:21px}.demo-home .hero-panel:nth-child(4).is-active>.hero-panel-copy{bottom:5%;gap:12px}.demo-home .hero-panel:nth-child(4).is-active>.hero-panel-copy h2{font-size:22px;max-width:320px}}
.demo-home .lifestyle-grid{padding:22px 24px 46px;gap:14px;grid-auto-rows:270px}
.demo-home .lifestyle-tile{border-radius:12px}
.demo-home .lifestyle-tile h2{font-size:24px;max-width:250px}
.demo-home .reference-products{padding:48px 0 52px}
.demo-home .reference-products .wrap{width:min(1500px,calc(100% - 64px))}
.demo-home .section-head{align-items:center;margin-bottom:20px}
.demo-home .section-head h2{font-size:28px;font-weight:700}
.demo-home .product-card{border:1px solid #ededed;border-radius:12px;box-shadow:0 2px 8px #00000008;padding:8px;display:flex;flex-direction:column}
.demo-home .product-visual{height:230px;background:#fafafa;border-radius:9px}
.demo-home .product-info{display:flex;flex-direction:column;flex:1}
.demo-home .product-name{font-size:13px;line-height:1.45;min-height:38px}
.demo-home .prices{margin-top:auto;padding-top:9px}
.demo-home .brand-section{padding:48px 0 54px;background:#090909}
.demo-home .brand-section .wrap{width:min(1450px,calc(100% - 64px))}
.demo-home .brand-grid{gap:14px;margin-top:24px}
.demo-home .brand-grid a{min-width:175px;min-height:82px;border:1px solid #303030;border-radius:13px;font-size:21px}
.demo-home .live-campaigns{background:#090909;padding:0 32px 55px}
.demo-home .campaign-grid>a{border-radius:14px;min-height:320px}
.demo-home .campaign-art{height:225px}
.demo-footer{border-top:1px solid #222}
.demo-footer .footer-grid{max-width:1450px;margin-inline:auto;padding:52px 32px 42px;gap:48px}
.demo-footer .footer-grid h4,.demo-footer .footer-heading{font-size:14px;margin-bottom:12px}
.demo-footer .footer-grid a{line-height:1.65}
@media(min-width:1200px){.site-demo-header{width:calc(100% - 36px)}.site-demo-header .header-main{height:76px;padding:0 20px;gap:20px}.site-demo-header .logo img{width:168px;max-height:46px}.site-demo-header .primary-links{gap:20px;font-size:14px}.site-demo-header .search{max-width:320px;height:44px}.site-demo-header .header-actions{gap:14px}.site-demo-header .header-actions>a:last-child{height:48px}}
@media(max-width:900px){.demo-home .reference-hero{padding-top:132px}.demo-home .lifestyle-grid{padding-inline:14px}.demo-home .reference-products .wrap,.demo-home .brand-section .wrap{width:calc(100% - 28px)}.demo-footer .footer-grid{padding-inline:20px}}
@media(max-width:600px){.site-demo-header{width:calc(100% - 14px);top:7px;margin-top:7px}.site-demo-header .header-main{min-height:104px;padding:9px}.site-demo-header .logo img{width:118px}.site-demo-header .primary-links{font-size:11px}.demo-home .reference-hero{padding-top:120px}.demo-home .hero-panels{height:455px}.demo-home .hero-panels .hero-panel,.demo-home .hero-panels .hero-panel:first-child,.demo-home .hero-panels .hero-panel.is-active{flex:0 0 88%}.demo-home .hero-panel>.hero-artwork{height:68%}.demo-home .hero-panel h2{font-size:23px}.demo-home .lifestyle-grid{grid-auto-rows:190px;padding:12px 9px 28px}.demo-home .lifestyle-tile h2{font-size:19px}.demo-home .lifestyle-message{min-height:170px}.demo-home .reference-products{padding:28px 0 34px}.demo-home .reference-products .wrap,.demo-home .brand-section .wrap{width:calc(100% - 20px)}.demo-home .section-head h2{font-size:20px}.demo-home .product-visual{height:165px}.demo-home .brand-grid a{min-width:145px;font-size:17px}.demo-home .live-campaigns{padding:0 10px 30px}.demo-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px;padding:34px 16px}}