:root{font-family:"Segoe UI",Arial,sans-serif;color:#252238;background:#f5f4fb;--violet:#57469c;--line:#cecbdc}*{box-sizing:border-box}body{margin:0}main,.mast,footer{max-width:1180px;margin:auto;padding:0 clamp(18px,5vw,72px)}.mast{display:flex;justify-content:space-between;align-items:center;min-height:88px}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.9px;text-decoration:none}.brand small{font-size:.73em;font-weight:450}a{color:inherit;text-underline-offset:5px}.intro{background:#302a50;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(26px,5vw,62px);border-radius:22px;overflow:hidden;min-height:340px}.intro h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:0}.intro p{max-width:44ch;line-height:1.6;color:#e3dff6;margin:20px 0}.intro a{font-weight:600}.poster{position:relative;height:248px}.film{position:absolute;left:48%;top:12px;width:117px;height:212px;border:5px solid #2b253f;border-radius:10px;overflow:hidden;transform:rotate(13deg);background:#ffc179;box-shadow:0 7px 0 #1f193566}.f1{transform:translateX(-80%) rotate(-19deg);background:#9284d1}.f2{transform:translateX(-31%) rotate(-3deg);background:#b7eedc}.film i,.film b{display:block;position:absolute;width:150%;height:45%;background:#26213b;transform:skewY(-28deg);top:33%;left:-20%}.film b{height:6%;top:86%;width:55%;left:13%}.f3 i:after{content:"";display:block;width:20px;height:38px;background:#ffba76;position:absolute;left:38%;top:25%}section[id]{scroll-margin-top:18px;padding:36px 0 0}h2{font-size:clamp(24px,3vw,35px);letter-spacing:-1.4px;line-height:1.1}.packs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pack{background:white;padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.pack:last-child{border-right:0}.pack.selected{background:#e7e2f8;box-shadow:inset 0 4px var(--violet)}.pack h3{margin:0;font-size:20px}.pack strong{font-size:38px;letter-spacing:-2px}.pack small{font-size:14px}.pack p{margin:0 0 15px;line-height:1.6}.pack button{margin-top:auto}button,.action{display:inline-block;border-radius:8px;border:1px solid #ada4c8;color:#302a50;background:white;font:600 15px inherit;font-family:inherit;font-weight:650;padding:11px 16px;cursor:pointer;text-decoration:none}.solid{background:#473780;color:white;border:1px solid #473780}button:disabled{opacity:.62;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7562cf;outline-offset:3px}.confighead{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.confighead p{color:#66577c}form{display:grid;grid-template-columns:1fr 210px;gap:32px;background:white;padding:24px;border:1px solid var(--line);border-radius:16px}.controls label{display:block;font-weight:600;font-size:14px}.controls select,.controls textarea{width:100%;border-radius:6px;border:1px solid #bdb7cc;font:inherit;color:inherit;background:#faf9fc;padding:9px;margin:6px 0 15px}.controls textarea{min-height:63px}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.preview{aspect-ratio:9/16;align-self:center;position:relative;border-radius:10px;background:var(--bg,#202334);color:var(--ink,white);overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.preview:before{content:"";background:var(--panel,#10121c);position:absolute;top:20%;left:-10%;width:120%;height:30%;transform:skewY(-10deg)}.preview strong,.preview span,.preview i{position:relative}.preview strong{font-size:28px;line-height:1.1;overflow-wrap:anywhere}.preview i{height:4px;width:62%;background:var(--accent,#ffba79)}.preview.impact strong{text-transform:uppercase;color:var(--accent)}.preview.bandeau strong{background:var(--panel);padding:5px;font-size:22px}.checkout{padding:12px 0 25px}footer{display:flex;align-items:center;gap:8px;padding-top:24px;padding-bottom:30px;border-top:1px solid var(--line)}@media(max-width:710px){.intro{grid-template-columns:1fr}.poster{display:none}.packs{grid-template-columns:1fr}.pack{border:0;border-bottom:1px solid var(--line)}.pack:last-child{border-bottom:0}.confighead{display:block}form{grid-template-columns:1fr}.preview{width:155px;justify-self:center}.mast{min-height:70px}.pairs{grid-template-columns:1fr 1fr}}