:root{--blue:#1b2bff;--purple:#6a0dad;--red:#e5101d;--ink:#161628;--mut:#5b5b72;--line:#e6e4f0;--tint:#f6f5fb;--g:linear-gradient(100deg,var(--blue),var(--purple) 55%,var(--red))}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 "Exo 2",system-ui,Segoe UI,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:"Rajdhani","Exo 2",system-ui,sans-serif;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700}h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}h3{font-size:1.35rem}
p{max-width:68ch}a{color:var(--purple)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wrap{max-width:1100px;margin:auto;padding:0 22px}section{padding:72px 0}.alt{background:var(--tint)}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:18px;height:68px}header img{height:44px;display:block}
nav{margin-left:auto;display:flex;gap:4px;align-items:center}
nav a{text-decoration:none;color:var(--ink);padding:8px 12px;border-radius:8px;font-weight:600;font-size:.95rem}
nav a:hover,nav a.on{color:var(--purple);background:var(--tint)}
.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;color:#fff!important;background:var(--g);background-size:160% 100%;padding:12px 22px;border-radius:10px;transition:background-position .4s,transform .2s}
.btn:hover{background-position:100% 0;transform:translateY(-2px)}.btn.o{background:#fff;color:var(--purple)!important;box-shadow:inset 0 0 0 2px var(--purple)}
nav a.btn{padding:9px 16px;margin-left:6px;color:#fff}.cartlink b{background:var(--red);color:#fff;border-radius:99px;font-size:.72rem;padding:1px 7px;margin-left:4px}
#menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit}
.hero{position:relative;overflow:hidden;padding:96px 0 84px}.hero .wrap{position:relative;z-index:2}.hero p{font-size:1.2rem;color:var(--mut)}
.grad{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.diamonds{position:absolute;right:-60px;top:50%;width:620px;max-width:90vw;transform:translateY(-50%);z-index:1}
.diamonds path{fill:none;stroke:#161628;stroke-width:3;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 2.6s .2s ease forwards}
.diamonds path:nth-child(2){animation-delay:.6s}.diamonds path:nth-child(3){animation-delay:1s}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{from{opacity:0}to{opacity:1}}
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.path{display:block;text-decoration:none;color:var(--ink);padding:26px 26px 26px 30px;border:1px solid var(--line);border-radius:14px;background:#fff;position:relative;transition:border-color .25s,transform .25s}
.path:hover{border-color:var(--purple);transform:translateY(-4px)}.path:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:var(--g)}
.path p{color:var(--mut);margin:.3em 0 .8em}.path span{font-weight:700;color:var(--purple)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column}
.card p{color:var(--mut);flex:1}.card .meta{font-size:.88rem;flex:0;margin:0 0 14px}
.tag{display:inline-block;font-size:.8rem;font-weight:700;color:var(--purple);background:#efe6f8;padding:2px 10px;border-radius:99px;margin-bottom:10px;align-self:flex-start}
.acc{border-top:1px solid var(--line)}.acc:last-child{border-bottom:1px solid var(--line)}
.acc>button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;padding:20px 4px;font:700 1.3rem Rajdhani,sans-serif;display:flex;justify-content:space-between;align-items:center}
.acc>button:focus-visible{outline:3px solid var(--blue)}.acc>button:after{content:"+";font-size:1.6rem;color:var(--purple);transition:transform .3s}
.acc.open>button:after{transform:rotate(45deg)}.acc .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}
.acc.open .body{grid-template-rows:1fr}.acc .body>div{overflow:hidden}.acc .body p{margin:0 0 14px}.acc .body .btn{margin:6px 0 22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.chip{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--line);background:#fff;padding:7px 16px;border-radius:99px}
.chip.on{background:var(--purple);border-color:var(--purple);color:#fff}
form{display:grid;gap:16px;max-width:720px}label{font-weight:600;font-size:.95rem;display:grid;gap:5px}
input,select,textarea{font:inherit;padding:11px 13px;border:1px solid #cfcbe0;border-radius:9px;background:#fff;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--purple);outline:3px solid #d9c8ee}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grp{display:none;gap:16px}.grp.show{display:grid;animation:fade .5s}
.note{font-size:.88rem;color:var(--mut)}.ok{display:none;padding:18px;border-radius:12px;background:#eef0ff;border-left:5px solid var(--blue);max-width:720px}
.basket{background:var(--tint);border-radius:12px;padding:14px 18px;font-size:.95rem;display:none}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;counter-reset:s}
.steps div{counter-increment:s;padding-top:14px;border-top:3px solid;border-image:var(--g) 1}.steps div:before{content:counter(s);font:700 1.6rem Rajdhani;color:var(--purple)}
footer{background:#14142b;color:#cfcfe6;padding:48px 0 26px;font-size:.93rem}footer a{color:#fff}
footer .grid{grid-template-columns:2fr 1fr 1fr}footer img{height:48px;background:#fff;border-radius:8px;padding:4px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity 1s ease,transform 1s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:860px){#menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;align-items:stretch;padding:12px 22px;border-bottom:1px solid var(--line)}nav.open{display:flex}
.paths,.two,footer .grid{grid-template-columns:1fr}.diamonds{opacity:.15}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.diamonds path{stroke-dashoffset:0}}