@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";
:root{--page-bg:#f5f5f7;--surface:#fff;--surface-soft:#fefbfd;--ink:#0f0f14;--muted:#5c5d66;--border:#5b2eff1a;--brand:#5b2eff;--accent-yellow:#ffeb3b;--accent-pink:#ff4fa3;--accent-blue:#2196f3;--radius-xl:32px;--radius-lg:24px;--radius-sm:12px;--shadow-soft:0 20px 45px #0f0f1414;--shadow-card:0 18px 35px #5b2eff1f;font-family:Manrope,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--page-bg);min-height:100vh;color:var(--ink);margin:0;font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{color:var(--muted);margin:0;line-height:1.7}code{background:#ff4fa314;border-radius:8px;padding:.2rem .4rem;font-family:Fira Code,Consolas,monospace}.site-wrapper{flex-direction:column;gap:clamp(2rem,4vw,3rem);min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex}main{flex-direction:column;gap:clamp(2rem,4vw,3rem);display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#ffffffd9;margin:0 0 .85rem;font-size:.75rem;font-weight:700}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.9rem 1.9rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn--primary{color:#fff;background:linear-gradient(120deg,#ffe34f 0%,#45d48c 25%,#0fb2ff 50%,#6b45ff 75%,#ff4f5e 100%);box-shadow:0 15px 30px #5b2eff4d}.btn:hover{transform:translateY(-2px)}.site-header{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;flex-direction:column;gap:0;padding:0;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex;position:sticky;top:.75rem;overflow:hidden}.site-header--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header--scrolled{border-color:#5b2eff2e;box-shadow:0 22px 40px #0f0f142e}.site-header__announcement{text-transform:uppercase;letter-spacing:.22em;text-align:center;color:var(--muted);background:#ffffffbf;border-bottom:1px solid #0f0f140f;padding:.65rem 1.5rem;font-size:.75rem}.site-header__bar{background:#fffffffa;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.75rem;display:flex}.site-header--hero{color:#fff;background:linear-gradient(140deg,#06060cd9,#2d1454a6);border-color:#ffffff26;box-shadow:0 25px 50px #05051473}.site-header--hero .site-header__announcement{color:#ffffffe6;background:#ffffff14;border-bottom:1px solid #ffffff40}.site-header--hero .site-header__bar{background:linear-gradient(120deg,#0e0e18eb,#522380bf);border-top:1px solid #ffffff1a;box-shadow:inset 0 0 40px #00000026}.site-header--hero .brand-title,.site-header--hero .brand-subtitle,.site-header--hero .site-header__menu a,.site-header--hero .site-header__action{color:#f8f9ff;text-shadow:0 2px 10px #0006}.site-header--hero .brand-subtitle{color:#ffffffb3}.site-header--hero .brand-mark{box-shadow:none;background:0 0}.site-header--hero .site-header__cta{color:#fff;background:#ffffff26;border-color:#ffffff73}.site-header--hero .site-header__menu a:after{background:#ffffffe6}.site-header--hero .site-header__menu a:hover{color:#ffe34f}.site-header--hero.site-header--scrolled{background:#09090ea6;border-color:#ffffff2e;box-shadow:0 28px 45px #0000004d}.site-header--hero.site-header--scrolled .site-header__bar{background:0 0}.site-header--hero.site-header--scrolled .site-header__announcement{background:0 0;border-bottom-color:#ffffff1f}.site-header--hero.site-header--scrolled .brand-mark{box-shadow:none;background:#ffffff14}.site-header--hero.site-header--scrolled .site-header__cta{color:#fff;background:#ffffff40;border-color:#ffffff73}.site-header__brand{align-items:center;gap:.85rem;min-width:220px;display:flex}.brand-mark{width:64px;height:64px;box-shadow:none;background:0 0;border-radius:20px;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%}.site-header--scrolled:not(.site-header--hero) .brand-mark{box-shadow:var(--shadow-soft);background:#fff}.brand-title{margin:0;font-size:1.1rem;font-weight:800}.brand-subtitle{color:var(--muted);margin:0;font-size:.85rem}.site-header__menu{text-transform:uppercase;letter-spacing:.18em;flex:1;justify-content:center;align-items:center;gap:1.5rem;font-size:.78rem;font-weight:700;display:flex}.site-header__menu a{color:var(--ink);padding-bottom:.35rem;transition:color .2s;position:relative}.site-header__menu a:after{content:"";background:var(--ink);opacity:0;transform-origin:50%;width:100%;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-header__menu a:hover{color:var(--brand)}.site-header__menu a:hover:after{opacity:1;transform:scaleX(1)}.site-header__actions{justify-content:flex-end;align-items:center;gap:1rem;min-width:220px;display:flex}.site-header__action{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:600}.site-header__cta{color:var(--ink);background:#ffffffe6;border:1px solid #0f0f141f;border-radius:999px;padding:.65rem 1.3rem;font-weight:700;transition:all .2s}.site-header__cta:hover{color:var(--brand);border-color:#5b2eff73}.hero{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#ffe34f 0%,#45d48c 20%,#0fb2ff 45%,#6b45ff 70%,#ff4f5e 100%) 0 0/320% 320%;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,5vw,4rem);animation:14s infinite gradientShift;display:grid;position:relative;overflow:hidden}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.2}.hero h1 span{color:var(--accent-yellow)}.hero p{color:#ffffffe6;max-width:36rem;font-size:1.05rem}.hero__content{flex-direction:column;gap:1.4rem;display:flex}.hero__cta{flex-wrap:wrap;gap:.85rem;margin-top:.5rem;display:flex}.btn--ghost{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:0 0;border:1px solid #ffffff8c}.btn--ghost:hover{color:#fff;border-color:#fff}.hero__subcopy{color:#fffc;max-width:40rem;font-size:.95rem}.hero__highlight-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.hero__highlight{border-radius:var(--radius-sm);background:#ffffff24;border:1px solid #ffffff40;flex-direction:column;gap:.2rem;padding:1rem;display:flex}.hero__stat{color:#fff;font-size:1.6rem;font-weight:800;line-height:1}.hero__stat-label{text-transform:uppercase;letter-spacing:.1em;color:#fffc;font-size:.8rem}.hero__highlight p{color:#ffffffd9;font-size:.9rem}.hero__details-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f1440;border:1px solid #fff3;padding:1.4rem;box-shadow:0 15px 30px #0f0f1426}.hero__details-title{color:#fff;margin:0 0 .8rem;font-weight:700}.hero__details-list{color:#ffffffd9;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.hero__details-list li{align-items:flex-start;gap:.4rem;display:flex}.hero__details-list li:before{content:"";background:var(--accent-yellow);border-radius:50%;width:.45rem;height:.45rem;margin-top:.4rem}.hero__badge-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff2e;border:1px solid #fff6;flex-direction:column;justify-content:center;gap:1rem;padding:1.5rem;display:flex}.badge-title{color:#fff;margin:0;font-weight:700}.badge-logo{border-radius:var(--radius-lg);background:0 0;justify-content:center;align-items:center;min-height:200px;padding:0;display:flex;box-shadow:0 25px 45px #0f0f1440}.section{border-radius:var(--radius-xl);background:0 0;padding:clamp(2rem,5vw,3.5rem)}.products{background:var(--surface);box-shadow:var(--shadow-soft)}.section-heading{text-align:center;margin-bottom:2rem}.section-heading h2{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.8rem)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.gallery-empty{text-align:center;border-radius:var(--radius-lg);background:var(--surface-soft);border:1px dashed #0f0f1426;padding:3rem}.product-card{background:var(--surface-soft);text-align:center;border:1px solid #0f0f140d;border-radius:26px;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 30px #0f0f1414}.product-card:first-child{background:linear-gradient(135deg,#ff4fa31f,#ffeb3b1f)}.product-card:nth-child(2){background:linear-gradient(135deg,#2196f31f,#00e6761f)}.product-card:nth-child(3){background:linear-gradient(135deg,#ff98001f,#f443361f)}.product-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.product-card__media{background:#ffffffa6;border-radius:26px;place-items:center;width:120px;height:120px;display:grid}.product-card__body h3{margin:0;font-size:1.2rem}.product-card__price{color:var(--brand);margin-top:.5rem;font-size:1.1rem;font-weight:800}.product-card__cta{color:var(--ink);border:1px solid #0f0f1414;border-radius:999px;margin-top:auto;padding:.65rem 1.2rem;font-weight:600}.product-card__cta:hover{border-color:var(--brand);color:var(--brand)}.contact{background:var(--surface-soft);box-shadow:var(--shadow-soft);text-align:center;border-radius:var(--radius-xl)}.contact-form{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.contact-form label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.contact-form input,.contact-form textarea{border-radius:var(--radius-sm);background:#fff;border:1px solid #0f0f141f;padding:.85rem 1rem;font-family:inherit;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#5b2eff66;outline:none;box-shadow:0 0 0 3px #5b2eff26}.contact-form__full{grid-column:1/-1}.contact-form__button{border:none;grid-column:1/-1;justify-self:flex-end}.site-footer{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border:1px solid #0f0f1414;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.site-footer__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.site-footer__title{margin:0;font-size:1.4rem;font-weight:800}.site-footer__subtitle{margin-top:.5rem}.site-footer__grid ul{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.site-footer__grid a:hover{color:var(--brand)}.site-footer__contact{white-space:pre-line}.site-footer__copy{text-align:center;color:var(--muted);font-size:.85rem}.product-detail{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border:1px solid #0f0f1414;padding:clamp(1.5rem,5vw,3rem)}.product-detail__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:2rem;display:grid}.product-detail__media img{border-radius:var(--radius-lg);background:var(--surface-soft);padding:1.5rem}.product-detail__info h1{margin-top:.5rem}.product-detail__specs{flex-direction:column;gap:.8rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.product-detail__specs li{border-bottom:1px solid #0f0f1414;justify-content:space-between;padding-bottom:.6rem;display:flex}.product-detail__price{color:var(--brand);font-size:1.3rem;font-weight:800}.product-detail--center{text-align:center}.back-link{color:var(--brand);align-items:center;gap:.35rem;margin-bottom:1rem;font-weight:600;display:inline-flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:820px){.site-header{border-radius:var(--radius-lg)}.site-header__bar{text-align:center;flex-direction:column;align-items:stretch;gap:1.25rem}.site-header__brand,.site-header__actions{justify-content:center;width:100%}.site-header__menu{flex-wrap:wrap}.site-header__cta{text-align:center;width:100%}}@media (max-width:640px){.site-wrapper{padding:1.2rem}.site-header{position:static}.site-header__menu{letter-spacing:.12em;flex-direction:column;gap:.35rem}.site-header__menu a{padding:.35rem 0;display:inline-block}.site-header__actions{flex-direction:column;align-items:center;gap:.6rem}.site-header__cta{width:100%}.hero{padding:1.5rem}.hero h1{font-size:2rem}.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%}.hero__highlight-grid{grid-template-columns:1fr}.hero__details-card{padding:1rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-card{padding:1.25rem}.contact-form{grid-template-columns:1fr}.contact-form__button{width:100%}}