/* 1920 design pixels = 19.2rem; 1rem = 100 design pixels. */
:root{font-size:calc(100vw / 19.2);font-family:Arial,Helvetica,sans-serif;color:#080808;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;font-size:.24rem}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
a:focus-visible{outline:.03rem solid #7632ef;outline-offset:.05rem}
section{scroll-margin-top:1.44rem}
.hero{height:10.1rem;background:url("assets/home1.png") center top/100% 100% no-repeat;padding-top:.26rem;text-align:center}
.header{position:fixed;z-index:100;top:.26rem;left:50%;transform:translateX(-50%);width:15.6rem;height:.92rem;margin:0 auto;border-radius:.6rem;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem;box-shadow:0 .02rem .08rem #0000000d}
.brand{display:inline-flex;align-items:center;gap:.12rem;font-size:.24rem;font-weight:700;white-space:nowrap}
.brand img{width:.54rem;height:.54rem;border-radius:.08rem}
nav{display:flex;align-items:center;gap:.64rem;padding-right:.3rem;font-size:.2rem}
nav a[aria-current="location"]{font-weight:700;color:#7632ef}
nav a:hover{color:#7632ef}
.hero-copy{padding-top:2.72rem}
h1{font-size:.88rem;line-height:1.2;font-weight:750;letter-spacing:-.015rem}
.registration-numbers{font-size:.34rem;font-weight:600;line-height:1.4;margin-top:.42rem}
.registration-numbers p+p{margin-top:.22rem}
.hero-description{font-size:.27rem;line-height:.44rem;margin-top:.68rem}
h2{font-size:.64rem;line-height:.8rem;font-weight:700;letter-spacing:-.01rem}
h2 span{color:#7025e9}
.offers{height:15.2rem;padding-top:.8rem}
.offers-panel{position:relative;overflow:hidden;width:16.8rem;height:14.2rem;margin:auto;border-radius:.64rem;padding:1.2rem;box-shadow:0 .04rem .12rem #26204426;background:#fff}
.offers-panel:before{content:"";position:absolute;right:-.08rem;top:0;width:6rem;height:6.3rem;background:url("assets/home2-background-decoration.png") center/contain no-repeat;pointer-events:none}
.offers-panel>h2,.offers-intro,.offer-grid{position:relative}
.offers-intro{font-size:.2rem;line-height:.36rem;margin-top:.4rem}
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem .6rem;margin-top:.6rem}
.offer-card{height:4.52rem;border-radius:.5rem;background:#f3f2f7;padding:.3rem .5rem}
.offer-card img{width:.9rem;height:.9rem;margin-bottom:.22rem}
.offer-card h3{font-size:.32rem;line-height:.5rem;font-weight:600;margin-bottom:.16rem}
.offer-card p{font-size:.2rem;line-height:.36rem;color:#282828}
.offer-card{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
.offer-card img{transition:transform .25s ease}
@media(hover:hover){
  .offer-card:hover{transform:translateY(-.08rem);box-shadow:0 .16rem .36rem #7025e91f;background-color:#eee8fa}
  .offer-card:hover img{transform:scale(1.08)}
}
.section-inner{width:14.4rem;height:100%;margin:auto;position:relative;display:flex;align-items:center;justify-content:space-between}
.product{height:10rem}
.product-copy{width:6.5rem}
.product-copy p{font-size:.26rem;line-height:.4rem;font-weight:600;margin-top:.5rem}
.product-art{width:6.09rem;height:5.95rem;object-fit:contain;margin-top:1.2rem}
.about{height:6.44rem;background:#f3f2f8}
.about-copy{width:7.8rem}
.about-copy p{width:6.5rem;font-size:.26rem;line-height:.4rem;margin-top:.5rem}
.about-art{width:5.89rem;height:5.29rem;object-fit:contain;margin-top:.3rem}
.contact{height:7.94rem;background:linear-gradient(110deg,#8935f8,#4218ba);padding-top:.88rem;color:white}
.contact-inner{width:16rem;margin:auto}
.contact h2{font-size:.62rem;font-weight:500;margin-left:.8rem;margin-bottom:.24rem}
.contact-panel{height:5.42rem;border-radius:.5rem;background:white;color:#151515;display:flex;justify-content:space-between;padding:.6rem .9rem}
.contact-details{font-style:normal;width:7rem;display:flex;flex-direction:column;justify-content:space-between}
.contact-row{display:flex;align-items:center;gap:.26rem}
.contact-row img{width:.64rem;height:.64rem}
.contact-row span{font-size:.26rem;line-height:.34rem}
.contact-row p{font-size:.24rem;line-height:.28rem;color:#8d8d8d;margin-top:.08rem}
.contact-row a:hover{text-decoration:underline}
.contact-summary{width:6.1rem}
.contact-summary .brand{font-size:.42rem;gap:.24rem}
.contact-summary .brand img{width:.84rem;height:.84rem}
.contact-summary>p{font-size:.21rem;line-height:.36rem;margin-top:.3rem}
.legal-links{display:flex;gap:.24rem;margin-top:.82rem}
.legal-links a{display:flex;justify-content:center;align-items:center;width:2.94rem;height:.88rem;background:#000;color:#fff;border-radius:.2rem;font-size:.24rem;white-space:nowrap}
.legal-links a:hover{background:#5220c4}
footer{height:.65rem;background:#f3f2f8;display:flex;justify-content:center;align-items:center;font-size:.21rem;color:#888}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.offer-card,.offer-card img{transition:none}.offer-card:hover,.offer-card:hover img{transform:none}}
