@font-face{font-family:Onest;src:url(onest-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(onest-500.ttf) format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(onest-600.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url(onest-700.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Onest;src:url(onest-800.ttf) format('truetype');font-weight:800;font-display:swap}
:root{--bg:#131313;--panel:#202021;--text:#f8f8fa;--muted:#b9b8be;--purple:#766bf6;--lavender:#bcb8fd;--green:#2fdc72;--lime:#c5fa3d;--radius:24px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Onest,Arial,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h2{font-size:clamp(32px,3.6vw,52px);font-weight:600;line-height:1.12;letter-spacing:-1.8px}h3{font-weight:600;line-height:1.15;letter-spacing:-.8px}svg{display:block}img{max-width:100%}.wrap{max-width:1328px;margin-inline:auto;padding-inline:40px}.section{padding-block:74px}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:var(--lime);color:var(--bg);padding:14px}.skip-link:focus{top:12px}.hero{padding-top:30px;padding-bottom:55px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-top img{width:172px;height:auto;display:block}.date{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;font-weight:500;letter-spacing:.8px;color:#dddde1}.hero-layout{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:0;margin-top:43px}.hero-copy{position:relative;z-index:2}.hero h1{font-weight:600;letter-spacing:-3.2px;line-height:1.03;font-size:clamp(44px,4.65vw,66px)}.cancelled{display:block;color:#bbb9c1;font-size:.72em;letter-spacing:-1.8px;line-height:1.12;margin-bottom:20px}.strike{position:relative;display:inline-block}.strike:after{content:'';position:absolute;left:-5px;right:-10px;top:51%;height:3px;background:var(--purple);transform:rotate(-5deg);border-radius:6px}.smart{display:block;font-size:1.15em;color:var(--text)}.smart-word{position:relative;display:inline-block;color:var(--lime)}.smart-word svg{position:absolute;left:0;bottom:-14px;width:100%;height:20px;fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round}.hero-lead{max-width:535px;font-size:17px;line-height:1.5;margin-top:32px;color:#cccbd2}.individual{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:500;letter-spacing:.6px;margin:23px 0 16px;color:#d9d7de;line-height:1.5}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.btn{border:0;border-radius:12px;min-height:64px;display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:17px 24px;font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;text-align:left}.btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}.btn:hover{transform:translateY(-2px)}.primary{background:var(--lime);color:var(--bg)}.primary:hover{background:#d4ff72;box-shadow:0 5px 30px #c5fa3d18}.hero-cta{min-width:340px;justify-content:space-between}.light{background:#fff;color:var(--bg)}.light:hover{background:#e9e6ff}.lavender{background:var(--lavender);color:var(--bg)}.lavender:hover{background:#d3d0ff}.outline{background:transparent;color:var(--text);border:1px solid #6a6870}.outline:hover{border-color:var(--lavender);background:#bcb8fd0c}.hero-art{position:relative;align-self:center;min-width:0;margin-left:-25px;margin-right:-25px}.basket-float{animation:basket-in 1s both,basket-float 7s 1s ease-in-out infinite}.basket{display:block;width:100%;height:auto;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 74%)}.gift-sticker{position:absolute;right:14px;bottom:8px;display:flex;align-items:center;gap:13px;padding:16px 24px;background:var(--lavender);color:var(--bg);border-radius:9px;transform:rotate(-8deg);box-shadow:0 15px 40px #0005;font-size:13px;line-height:1.4}.gift-plus{font-size:57px;font-weight:700;letter-spacing:-4px;line-height:1}.gift-sticker strong{font-size:20px;letter-spacing:-.6px}.gift-sticker b{font-size:11px;font-weight:600;letter-spacing:.8px}.gift-sticker svg{width:35px;height:35px;fill:var(--bg);margin-left:12px}@keyframes basket-in{from{opacity:0;transform:translateY(20px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes basket-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.offers{border-top:1px solid #ffffff1a}.section-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:75px;align-items:end;margin-bottom:34px}.section-intro>p{font-size:17px;line-height:1.5;color:var(--muted);max-width:430px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.offer-card{display:flex;flex-direction:column;border-radius:var(--radius);padding:32px 36px;color:var(--bg);position:relative;overflow:hidden}.offer-purple{background:linear-gradient(145deg,#aaa0ff 0%,#bcb8fd 75%)}.offer-green{background:linear-gradient(145deg,#2fdc72,#99edaa)}.offer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.age{display:inline-flex;align-items:center;min-height:32px;font-size:14px;font-weight:500;background:#ffffff38;border:1px solid #13131325;border-radius:99px;padding:5px 13px}.sparkle{width:43px;height:43px;fill:var(--bg)}.offer-card h3{font-size:36px;letter-spacing:-1.4px;min-height:83px;display:flex;align-items:center}.format{font-size:15px;margin-top:6px;opacity:.8}.offer-description{font-size:17px;line-height:1.45;min-height:102px;margin-top:22px;max-width:455px}.price-block{padding-top:25px;border-top:1px solid #13131328;margin-top:6px}.old-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.old-line del{font-size:21px;color:#363343;text-decoration-thickness:1px}.saving{font-size:12px;font-weight:600;background:#131313;color:#fff;border-radius:99px;padding:7px 12px}.price{font-size:clamp(45px,4.5vw,66px);line-height:1.12;font-weight:700;letter-spacing:-3.5px;margin-top:12px;white-space:nowrap}.price span{font-size:.75em}.installment{font-size:14px;line-height:1.6;margin:12px 0 25px}.installment strong{font-weight:600}.offer-card .btn{width:100%;justify-content:space-between;margin-top:auto}.gift-row{display:flex;gap:22px;align-items:center;padding:28px 6px;border-bottom:1px solid #ffffff20}.gift-mark{height:70px;width:70px;flex-shrink:0;color:var(--lavender)}.gift-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.gift-copy{flex:1;font-size:17px}.gift-copy strong{font-weight:500;color:var(--lime)}.gift-courses{display:flex;gap:8px;flex-direction:column;align-items:flex-start}.gift-courses span{font-size:13px;border:1px solid #ffffff30;border-radius:7px;padding:5px 12px;transform:rotate(-3deg)}.gift-courses span+span{transform:rotate(3deg)}
.results h2{margin-bottom:32px}.result-row{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-block:25px}.result-reverse .project-art{order:2}.result-reverse .result-copy{order:1}.result-copy>p{color:var(--muted);font-size:18px;margin:20px 0}.result-copy h3{font-size:27px;line-height:1.23;margin-bottom:26px;max-width:450px}.result-copy .btn{font-size:14px;justify-content:space-between;width:100%;max-width:410px}.age-purple{color:var(--lavender);border:1px solid #bcb8fd50;background:#766bf619}.age-green{color:#63ee99;border:1px solid #2fdc7250;background:#2fdc7210}.project-art{position:relative;height:365px;overflow:hidden;border-radius:24px;background:#1c1b24}.comic-art{background:radial-gradient(ellipse at 50% 60%,#766bf638,transparent 72%),#1b1a22}.art-orbit{position:absolute;left:10%;top:17%;width:80%;height:68%;border:1px solid #bcb8fd25;border-radius:50%;transform:rotate(-28deg)}.orbit-one:after,.orbit-two:after{content:'';position:absolute;inset:25px -40px;border:1px solid #bcb8fd15;border-radius:50%}.comic-panel{position:absolute;width:48%;aspect-ratio:1.1;background:#242032;border:6px solid #e6e4ff;box-shadow:0 18px 35px #0006;overflow:hidden}.comic-panel svg{width:100%;height:100%;object-fit:cover}.panel-back{left:13%;top:38px;transform:rotate(-13deg)}.panel-front{right:9%;bottom:35px;transform:rotate(10deg)}.art-cursor{position:absolute;width:58px;bottom:29px;left:28%;transform:rotate(-5deg);filter:drop-shadow(0 4px 3px #0007)}.web-art{background:radial-gradient(ellipse at 50% 65%,#2fdc7220,transparent 72%),#18201d}.browser-art{position:absolute;left:10%;top:58px;width:80%;height:225px;background:#242b26;border:1px solid #8db09a;border-radius:14px;transform:rotate(-6deg);box-shadow:0 25px 35px #0006;overflow:hidden}.browser-bar{height:30px;border-bottom:1px solid #ffffff20;display:flex;gap:5px;align-items:center;padding:0 12px}.browser-bar i{width:5px;height:5px;background:#79aa8e;border-radius:50%}.browser-bar span{width:40%;height:9px;margin-left:12%;border-radius:3px;background:#ffffff12}.browser-layout{display:flex;gap:15px;padding:17px;height:190px}.browser-side{width:15%;border-right:1px solid #ffffff18;padding-right:10px}.browser-side i{display:block;width:100%;height:5px;border-radius:2px;background:#6d8c78;margin-top:15px}.browser-side i:first-child{background:#c5fa3d}.browser-content{flex:1}.browser-banner{display:flex;align-items:center;height:90px;background:#766bf6;border-radius:6px;padding:12px;gap:15px}.browser-banner svg{width:65px;height:65px}.browser-banner>div{flex:1}.browser-banner i{display:block;background:#fff8;width:90%;height:7px;margin-bottom:6px;border-radius:3px}.browser-banner i+i{width:65%}.browser-banner b{display:block;background:#c5fa3d;width:50%;height:14px;margin-top:12px;border-radius:3px}.browser-tiles{display:flex;gap:8px;margin-top:10px;height:48px}.browser-tiles i{flex:1;background:#496f53;border-radius:5px}.browser-tiles i:nth-child(2){background:#676295}.browser-tiles i:nth-child(3){background:#8aab62}.code-token{position:absolute;bottom:22px;right:9%;background:var(--lime);padding:15px 20px;border-radius:12px;transform:rotate(9deg);box-shadow:0 15px 25px #0006}.code-token svg{width:85px;height:50px}.result-note{border-block:1px solid #ffffff25;padding:26px 10px;display:flex;gap:24px;align-items:center;margin-top:28px}.result-note svg{width:42px;height:42px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.result-note p{font-size:20px;max-width:950px}.result-statement{font-size:clamp(25px,2.8vw,39px);line-height:1.2;text-align:center;letter-spacing:-1px;margin:45px auto 0;text-wrap:balance}
.trial{padding-top:45px}.trial-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;border-radius:28px;background:#766bf6;padding:50px;color:#fff}.trial-main h2{font-size:42px;letter-spacing:-1.5px;line-height:1.14}.trial-description{margin-top:25px;font-size:17px;line-height:1.6;max-width:610px}.button-pair{display:flex;gap:12px;align-items:stretch}.trial .button-pair{margin-top:28px}.trial .btn{font-size:13px;flex:1;padding:16px;min-height:65px}.trial-notes{align-self:center;display:flex;flex-direction:column;gap:25px}.trial-note{padding:0 0 25px;border-bottom:1px solid #ffffff40}.trial-note:last-child{padding:0;border:none}.trial-note svg{color:var(--lime);fill:var(--lime);width:36px;height:36px;margin-bottom:12px}.trial-note h3{font-size:24px;letter-spacing:-.6px;margin-bottom:10px}.trial-note p{font-size:16px;line-height:1.5;color:#fff}.final{padding-top:40px;padding-bottom:90px}.final-heading{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:35px}.final h2{font-size:clamp(34px,3.8vw,56px);line-height:1.1;letter-spacing:-2px}.final h2>span{font-size:.65em;color:#b9b8be;display:inline-block;line-height:1.15;margin-bottom:10px}.calendar{width:185px;height:195px;background:var(--lavender);border-radius:16px;transform:rotate(8deg);position:relative;flex-shrink:0;color:var(--bg);box-shadow:12px 12px 0 #2a273c;text-align:center}.calendar-month{border-bottom:1px solid #13131335;font-size:14px;letter-spacing:3px;padding-top:24px;padding-bottom:10px}.calendar strong{display:block;font-size:93px;letter-spacing:-6px;line-height:1.35}.calendar svg{position:absolute;width:176px;height:120px;left:4px;bottom:5px;fill:none;stroke:var(--lime);stroke-width:4;transform:rotate(-10deg)}.calendar-pins{display:flex;justify-content:space-around;position:absolute;left:15px;right:15px;top:-12px}.calendar-pins i{height:25px;width:8px;border-radius:5px;background:#d6d2fd;box-shadow:1px 1px 1px #13131380}.final-label{font-size:12px;letter-spacing:.5px;color:var(--muted);margin-bottom:12px}.final-prices{border-block:1px solid #ffffff25}.final-prices>p{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0}.final-prices>p+p{border-top:1px solid #ffffff15}.final-prices>p>span{font-size:22px}.final-prices strong{font-size:28px;font-weight:600;white-space:nowrap;letter-spacing:-.8px}.final-prices small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:15px}.final-gift{display:inline-block;color:var(--lime);font-size:17px;margin:24px 0 30px}.final-action{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center}.final-action>p{font-size:17px;color:var(--muted)}.final-action .btn{flex:1;min-width:0;font-size:14px;text-align:center;padding:18px 12px}.footer{border-top:1px solid #ffffff20}.footer__container{max-width:1328px!important;padding-inline:40px!important}.footer__top{gap:32px!important}.footer__contact-value{font-size:19px!important}.footer__legal span{white-space:nowrap}
dialog{width:min(600px,calc(100% - 28px));max-height:calc(100dvh - 32px);border:1px solid #ffffff30;border-radius:20px;background:#fff;color:#131313;padding:0;overflow:auto;box-shadow:0 20px 100px #0008;color-scheme:light}dialog::backdrop{background:#08080acc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#eeedf5;color:#131313;z-index:1;font-size:30px;line-height:1}.dialog-inner{padding:35px 20px 20px}.dialog-inner h2{font-size:26px;letter-spacing:-1px;padding:5px 45px 20px 10px}.dialog-inner .btn:focus-visible,.dialog-close:focus-visible{outline-color:#766bf6}#age-chooser{display:flex;flex-direction:column;gap:12px;padding:5px 10px 20px}#age-chooser .btn{justify-content:center}.form-age{font-size:14px;padding:0 10px 12px;color:#5a5470}#signup-frame{border:0;width:100%;height:610px;display:block;background:#fff}.form-fallback{font-size:12px;text-align:center;padding:10px;color:#5a5470}#form-loading{font-size:14px;text-align:center;padding:10px}[hidden]{display:none!important}
@media(min-width:1450px){.hero-layout{margin-top:50px}.hero{padding-bottom:75px}.hero h1{font-size:69px}}
@media(max-width:1100px){.wrap{padding-inline:28px}.hero h1{font-size:54px}.hero-layout{grid-template-columns:1.1fr 1fr}.hero-lead{font-size:16px}.hero-art{margin-left:-10px;margin-right:-15px}.gift-sticker{right:0;bottom:-25px;padding:14px 17px;gap:10px}.gift-sticker svg{display:none}.section{padding-block:55px}.section-intro{gap:40px}.offer-card{padding:28px}.offer-card h3{font-size:31px;min-height:72px}.offer-description{min-height:118px}.result-row{gap:40px}.trial-panel{padding:35px;gap:35px}.trial-main h2{font-size:34px}.trial .button-pair{flex-direction:column}.trial .btn{justify-content:center}.final-prices>p>span{font-size:19px}.final-prices strong{font-size:25px}.final-prices small{display:block;margin:4px 0 0;text-align:right}.final-action{gap:28px}.footer__container{padding-inline:28px!important}}
@media(max-width:760px){body{font-size:16px}.wrap{padding-inline:20px}.hero{padding-top:22px;padding-bottom:42px}.hero-top{align-items:flex-start;gap:12px}.hero-top img{width:135px}.date{font-size:9px;letter-spacing:.4px;line-height:1.5;max-width:170px}.hero-layout{margin-top:34px;grid-template-columns:1fr;gap:15px}.hero h1{font-size:clamp(44px,8vw,60px);letter-spacing:-2px}.cancelled{font-size:.73em;letter-spacing:-1px;margin-bottom:15px}.smart{font-size:1.12em}.smart br{display:none}.smart-word{margin-left:.12em}.hero-lead{max-width:540px;font-size:15px;margin-top:28px}.individual{font-size:9px;margin:20px 0 14px;letter-spacing:.35px;max-width:350px}.hero-cta{width:100%;min-width:0;max-width:410px;font-size:14px;min-height:66px}.hero-art{width:100%;max-width:460px;justify-self:center;margin:-5px 0 8px}.basket{max-height:410px;object-fit:contain}.gift-sticker{right:0;bottom:0;padding:14px 20px}.gift-sticker svg{display:block;width:30px;height:30px}.gift-plus{font-size:50px}.section{padding-block:43px}h2{font-size:32px;letter-spacing:-1px;line-height:1.13}.section-intro{display:block;margin-bottom:26px}.section-intro>p{font-size:16px;margin-top:19px;max-width:550px}.offer-grid{grid-template-columns:1fr;gap:18px}.offer-card{padding:25px;border-radius:20px}.offer-card h3{min-height:0;font-size:32px}.offer-heading{margin-bottom:15px}.offer-description{min-height:0;font-size:16px;margin-top:20px;margin-bottom:22px;max-width:none}.offer-card .format{font-size:13px}.price-block{margin-top:0;padding-top:22px}.price{font-size:58px;margin-top:12px}.installment{font-size:14px}.old-line{gap:12px}.saving{font-size:11px;padding:6px 10px}.gift-row{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:25px 0}.gift-mark{width:48px;height:48px}.gift-copy{font-size:15px}.gift-copy br{display:none}.gift-courses{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:8px}.gift-courses span{font-size:11px;padding:5px 8px}.results h2 br{display:none}.results h2{margin-bottom:25px}.result-row{grid-template-columns:1fr;gap:24px;padding:0 0 43px}.result-reverse .project-art,.result-reverse .result-copy{order:initial}.project-art{height:310px;max-width:550px;width:100%;justify-self:center}.result-copy>p{font-size:16px;margin:15px 0}.result-copy h3{font-size:25px;max-width:500px;margin-bottom:20px}.result-copy .btn{max-width:none;font-size:13px;padding:17px 18px}.comic-panel{width:43%;max-width:220px}.panel-back{left:15%;top:28px}.panel-front{right:13%;bottom:27px}.browser-art{height:213px;top:35px}.browser-layout{height:180px}.code-token{bottom:17px}.result-note{margin-top:0;padding:22px 0;gap:15px;align-items:flex-start}.result-note p{font-size:16px}.result-note svg{width:30px;height:30px}.result-statement{font-size:26px;margin-top:30px}.result-statement br{display:none}.trial-panel{display:block;padding:28px 24px;border-radius:22px}.trial-main h2{font-size:30px;letter-spacing:-1px}.trial-description{font-size:15px;margin-top:20px}.trial .button-pair{margin-top:24px;gap:10px}.trial .btn{font-size:14px;min-height:58px}.trial-notes{margin-top:30px;gap:22px;border-top:1px solid #ffffff40;padding-top:24px}.trial-note{position:relative;padding-left:46px!important;padding-bottom:22px}.trial-note svg{position:absolute;left:0;top:0;width:28px;height:28px}.trial-note h3{font-size:22px}.trial-note p{font-size:15px}.final{padding-top:25px;padding-bottom:45px}.final-heading{gap:15px;align-items:flex-start;position:relative;margin-bottom:28px}.final h2{font-size:34px;letter-spacing:-1.2px;max-width:100%;padding-right:0}.final h2>span{font-size:.62em;max-width:220px;margin-bottom:16px}.calendar{display:none}.final-label{font-size:10px;letter-spacing:.3px}.final-prices>p{display:block;padding:20px 0}.final-prices>p>span{font-size:18px;display:block}.final-prices strong{display:block;font-size:28px;margin-top:8px}.final-prices small{display:inline;font-size:13px;margin-left:12px}.final-gift{font-size:15px;margin:20px 0}.final-action{display:block}.final-action>p{font-size:16px}.final-action .button-pair{margin-top:25px;flex-direction:column}.final-action .btn{font-size:15px;min-height:68px}.footer{padding-top:40px!important}.footer__container{padding-inline:20px!important}.footer__top{gap:30px!important}.footer__contact-value{font-size:22px!important}.footer__legal{gap:14px!important}.dialog-inner{padding-inline:10px}.dialog-inner h2{font-size:23px}#signup-frame{height:650px}}
@media(max-width:370px){.wrap{padding-inline:16px}.hero h1{font-size:40px}.hero-top img{width:115px}.date{font-size:8px}.offer-card{padding:22px}.offer-card h3{font-size:29px}.price{font-size:52px}.old-line del{font-size:18px}.saving{font-size:10px}.trial-panel{padding:25px 20px}.trial-main h2{font-size:27px}.final h2{font-size:31px}.final-prices small{display:block;text-align:left;margin:4px 0}.result-copy .btn{font-size:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.basket-float{transform:none!important}}
/* Final accessibility and small-screen typography refinements. */
.skip-link{top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}.skip-link:focus{top:12px;left:12px;width:auto;height:auto;max-width:calc(100% - 24px);clip-path:none;white-space:normal;padding:14px}
.trial-panel{background:#6255d6}
@media(max-width:760px){#offers-title br{display:none}#offers-title{max-width:520px}}
/* R2: шире сетка и крупнее контент на настольных экранах. */
@media (min-width: 761px) {
  .wrap { max-width: none; padding-inline: clamp(20px, 3vw, 48px); }
  .footer__container { max-width: none!important; padding-inline: clamp(20px, 3vw, 48px)!important; }
}
@media (min-width: 1200px) {
  .hero h1 { font-size: clamp(68px, 5.15vw, 78px); }
  .hero-lead { max-width: 610px; font-size: 19px; }
  .hero-cta { font-size: 16px; }
  h2 { font-size: clamp(54px, 4vw, 62px); }
  .section-intro>p, .offer-description, .final-action>p { font-size: 19px; }
  .offer-card h3 { font-size: 40px; }
  .offer-card .format, .installment { font-size: 16px; }
  .price { font-size: clamp(66px, 4.9vw, 76px); }
  .result-copy>p { font-size: 20px; }
  .result-copy h3 { font-size: 30px; }
  .trial-main h2 { font-size: 48px; }
  .trial-description { font-size: 18px; }
  .final h2 { font-size: clamp(56px, 4vw, 64px); }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .wrap { padding-inline: 14px; }
  .footer__container { padding-inline: 14px!important; }
}
@media (min-width: 1101px) and (max-width: 1328px) {
  .wrap { padding-inline: 20px; }
  .footer__container { padding-inline: 20px!important; }
}
@media (min-width: 761px) and (max-width: 1328px) {
  .hero-art { margin-right: 0; }
  .gift-sticker { right: 18px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .calendar { margin-right: 20px; }
}
/* R3: появление контента при прокрутке; состояние включается только при рабочем JS. */
@media (prefers-reduced-motion: no-preference) {
  .motion-enabled .reveal-item {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: opacity 760ms cubic-bezier(.22, 1, .36, 1), transform 760ms cubic-bezier(.22, 1, .36, 1);
  }
  .motion-enabled .reveal-item.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .motion-enabled .section-intro > p,
  .motion-enabled .offer-card:nth-child(2),
  .motion-enabled .result-row .result-copy {
    transition-delay: 110ms;
  }
  .motion-enabled .final-prices,
  .motion-enabled .final-action {
    transition-delay: 90ms;
  }
}
/* R4: присланное видео занимает правую половину hero, зерно живёт только здесь. */
.hero { position: relative; isolation: isolate; overflow: hidden; }
.hero-top { position: relative; z-index: 2; }
.hero-layout { position: static; display: block; margin-top: 65px; }
.hero-copy { width: 52%; padding-bottom: 88px; }
.hero-art { position: absolute; z-index: 0; inset: 0 0 0 auto; width: 50vw; height: 100%; margin: 0; overflow: visible; background: #0d0d0b; }
.hero-video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 46%; mix-blend-mode: lighten; background: #0d0d0b; }
.hero-art .gift-sticker { right: 6%; bottom: 7%; }
@media (max-width: 1100px) and (min-width: 761px) {
  .hero-layout { margin-top: 55px; }
  .hero-copy { width: 52%; padding-bottom: 72px; }
  .hero-art { margin: 0; }
  .hero-art .gift-sticker { right: 5%; bottom: 5%; }
}
@media (max-width: 760px) {
  .hero-layout { display: flex; flex-direction: column; margin-top: 34px; }
  .hero-copy { width: 100%; min-width: 0; padding-bottom: 0; }
  .hero-art { position: relative; inset: auto; align-self: stretch; width: calc(100% + 40px); height: auto; aspect-ratio: 1 / 1; max-width: none; margin: 18px -20px 0; }
  .hero-video { object-position: center 50%; }
  .page__noise { inset: 0; width: 100%; }
  .hero-art .gift-sticker { right: 20px; bottom: 18px; }
}
@media (max-width: 370px) {
  .hero-art { width: calc(100% + 32px); margin-inline: -16px; }
  .hero-art .gift-sticker { right: 16px; bottom: 14px; }
}
.hero-art::before { display: none; }
.hero-art .gift-sticker { z-index: 2; }
@media (max-width: 760px) { .hero-art::before { display: none; } }
/* Hero update: lime sale labels, two-line headline and localized animated noise. */
.hero-top { justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
.hero-top img { display: none; }
.hero { min-height: 100svh; display: flex; flex-direction: column; background: #0d0d0b; }
.date { justify-content: flex-start; width: max-content; max-width: 100%; padding: 9px 14px; border-radius: 999px; background: var(--lime); color: var(--bg); font-size: 12px; line-height: 1.4; }
.date span { color: inherit; }
.hero-layout { flex: 1; display: flex; align-items: center; margin-top: 25px; }
.hero-copy { width: 61%; padding-bottom: 0; }
.hero h1 { max-width: 100%; font-size: clamp(44px, 4.1vw, 59px); line-height: 1.05; letter-spacing: -2.5px; }
.cancelled { color: var(--text); font-size: 1em; letter-spacing: inherit; line-height: inherit; margin: 0 0 8px; }
.strike:after, .smart-word svg { display: none; }
.smart { font-size: 1em; color: var(--lime); }
.smart-word { margin: 0; }
.hero-lead { margin-top: 24px; margin-bottom: 24px; }
.individual { width: max-content; max-width: 100%; gap: 0; padding: 9px 14px; border-radius: 9px; background: var(--lime); color: var(--bg); font-size: 11px; letter-spacing: .35px; line-height: 1.4; }
.hero-cta { width: max-content; max-width: 100%; min-width: 460px; justify-content: space-between; white-space: nowrap; }
.page__noise { position: absolute; z-index: 1; inset: 0 auto 0 -50vw; width: 100vw; height: 100%; background-image: url(noise-mask.jpg); background-size: 170px; background-repeat: repeat; opacity: 0; transition: opacity .3s ease; pointer-events: none; mix-blend-mode: screen; }
.page__noise--visible { opacity: .05; }
.hero-badges { position: absolute; z-index: 2; left: calc(-50vw + clamp(20px, 3vw, 48px)); right: auto; bottom: 7%; display: flex; align-items: center; gap: 12px; }
.hero-badges .gift-sticker, .hero-badges .individual { position: relative; inset: auto; right: auto; bottom: auto; box-sizing: border-box; width: 300px; height: 76px; min-height: 76px; margin: 0; transform: none; }
.hero-badges .individual { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; padding: 10px 20px; font-size: 11px; line-height: 1.2; }
.hero-badges .individual strong { font-size: 20px; font-weight: 600; line-height: 1.1; letter-spacing: -.5px; }
.hero-badges .gift-sticker { padding: 13px 19px; gap: 10px; }
.hero-badges .gift-plus { font-size: 50px; }
@media (min-width: 1101px) and (max-width: 1199px) { .hero-copy { width: 62%; } .hero h1 { font-size: 47px; } }
@media (max-width: 1100px) and (min-width: 761px) { .hero-copy { width: 62%; padding-bottom: 115px; } .hero h1 { font-size: 44px; letter-spacing: -1.8px; } .hero-lead { font-size: 15px; } .individual { font-size: 9px; } .hero-cta { min-width: 400px; font-size: 14px; gap: 12px; padding-inline: 18px; } .hero-badges { left: calc(-50vw + 14px); gap: 6px; } .hero-badges .gift-sticker, .hero-badges .individual { width: 230px; height: 62px; min-height: 62px; padding: 8px 10px; } .hero-badges .gift-plus { font-size: 40px; } .hero-badges .individual { font-size: 9px; } .hero-badges .individual strong { font-size: 16px; } }
@media (max-width: 760px) {
  .hero { min-height: 100svh; }
  .hero-top { align-items: flex-start; }
  .date { font-size: 9px; letter-spacing: .4px; padding: 8px 11px; }
  .hero-layout { flex: 0 0 auto; display: flex; flex-direction: column; align-items: stretch; margin-top: 34px; }
  .hero-copy { width: 100%; padding-bottom: 0; }
  .hero h1 { font-size: clamp(31px, 7.8vw, 48px); letter-spacing: -1.5px; }
  .cancelled { font-size: 1em; margin-bottom: 6px; }
  .smart { font-size: 1em; }
  .hero-cta { width: 100%; min-width: 0; max-width: 410px; min-height: 62px; padding: 14px; gap: 8px; font-size: clamp(11px, 3vw, 14px); }
  .hero-art { margin-bottom: 95px; }
  .hero-badges { position: absolute; right: 12px; bottom: -82px; left: 12px; justify-content: center; gap: 8px; }
  .hero-badges .gift-sticker, .hero-badges .individual { width: calc(50% - 4px); height: 62px; min-height: 62px; padding: 8px 9px; border-radius: 9px; }
  .hero-badges .gift-sticker { gap: 6px; font-size: 10px; }
  .hero-badges .gift-plus { font-size: 38px; letter-spacing: -2px; }
  .hero-badges .gift-sticker strong { font-size: 14px; }
  .hero-badges .gift-sticker b { font-size: 8px; }
  .hero-badges .gift-sticker svg { display: none; }
  .hero-badges .individual { max-width: none; font-size: 8px; line-height: 1.2; letter-spacing: 0; text-align: left; }
  .hero-badges .individual strong { font-size: 12px; letter-spacing: -.2px; }
}
@media (max-width: 370px) { .hero h1 { font-size: 30px; } .individual { font-size: 8px; padding-inline: 10px; } .hero-cta { font-size: 11px; gap: 6px; padding-inline: 11px; } }
@media (max-width: 760px) { .hero-cta { max-width: 100%; min-height: 58px; font-size: clamp(10px, 3.15vw, 12px); padding-inline: 10px; gap: 6px; } .hero-cta svg { width: 20px; height: 20px; } }
@media (max-width: 760px) { .hero-layout { width: calc(100vw - 40px); min-width: 0; max-width: 100%; } .hero-copy { width: calc(100vw - 40px); min-width: 0; max-width: 100%; } .hero-lead { max-width: 100%; } .hero-cta { width: 100%; flex: 0 1 100%; font-size: 10px; padding-inline: 8px; gap: 4px; } .hero-cta svg { width: 18px; height: 18px; } }
@media (max-width: 370px) { .hero-layout, .hero-copy { width: calc(100vw - 32px); } }
@media (prefers-reduced-motion: reduce) { .page__noise { opacity: .05; } }
.hero-badges .gift-sticker-copy { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; line-height: 1.2; text-align: center; }
.hero-badges .gift-line-one { font-size: 12px; white-space: nowrap; }
.hero-badges .gift-line-price { display: flex; flex-direction: column; align-items: center; line-height: 1.2; }
.hero-badges .gift-line-price strong { font-size: 20px; }
.hero-badges .gift-line-price b { font-size: 11px; letter-spacing: .8px; }
/* Screen 2: supporting copy under heading and a single gift offer panel. */
.section-intro { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 34px; }
.section-intro > p { max-width: 900px; margin: 0; font-size: 19px; }
.gift-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 24px; margin-top: 56px; padding: 24px 30px; border: 0; border-radius: 24px; background: var(--lime); color: var(--bg); }
.gift-mark { width: 112px; height: 104px; object-fit: contain; transform-origin: 50% 82%; animation: gift-rock 3.2s ease-in-out infinite; }
@keyframes gift-rock { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
.gift-copy { font-size: 19px; line-height: 1.35; }
.gift-copy strong { color: var(--bg); font-weight: 700; }
.gift-courses { display: inline-block; margin-top: 14px; padding: 10px 16px; border: 0; border-radius: 12px; background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.4; transform: none; }
@media (max-width: 760px) {
  .section-intro { gap: 14px; }
  .section-intro > p { max-width: 100%; font-size: 16px; }
  .section-intro > p br { display: none; }
  .gift-row { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; margin-top: 36px; padding: 20px 16px; border-radius: 20px; }
  .gift-mark { width: 64px; height: 72px; }
  .gift-copy { font-size: 15px; }
  .gift-courses { margin-top: 12px; padding: 9px 11px; border-radius: 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .gift-mark { animation: none; } }
.results .project-art { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; width: 100%; height: auto; overflow: visible; border-radius: 0; background: none; }
.results .project-art img { display: block; width: 100%; height: auto; aspect-ratio: 1419 / 647; object-fit: cover; border-radius: 22px; }
.project-caption { max-width: 100%; width: fit-content; padding: 9px 15px; border-radius: 10px; background: var(--lime); color: var(--bg); font-size: 17px; font-weight: 600; line-height: 1.3; }
.btn, .hero-cta, .result-copy .btn, .trial .btn, .final-action .btn { font-size: 18px; }
@media (max-width: 760px) {
  .results .project-art { max-width: 550px; }
  .results .project-art img { border-radius: 16px; }
  .project-caption { padding: 8px 12px; border-radius: 9px; font-size: 14px; }
  .btn, .hero-cta, .result-copy .btn, .trial .btn, .final-action .btn { font-size: 16px; }
  .hero-cta { font-size: 14px; }
}
@media (max-width: 370px) { .hero-cta { font-size: 13px; } }
@media (max-width: 760px) {
  .hero-top { width: 100%; justify-content: center; align-items: center; gap: 8px; }
  .hero-top .date { width: auto; max-width: 100%; justify-content: center; padding: 10px 14px; font-size: 16px; line-height: 1.25; letter-spacing: .2px; text-align: center; }
  .hero-cta { padding-inline: 16px; gap: 10px; }
  .hero-cta { white-space: normal; }
  .hero-cta-label { min-width: 0; white-space: normal; }
  .hero-art .page__noise { inset: 0; left: 0; right: 0; width: 100%; }
  .hero-badges .gift-sticker { justify-content: center; padding: 8px 7px; }
  .hero-badges .gift-plus, .hero-badges .gift-sticker svg { display: none; }
  .gift-sticker-copy { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; width: 100%; line-height: 1.2; text-align: center; }
  .gift-line-one { font-size: 12px; }
  .gift-line-one::before { content: '2 '; }
  .hero-badges .gift-line-price { display: flex; flex-direction: row; align-items: baseline; justify-content: center; gap: 4px; white-space: nowrap; }
  .hero-badges .gift-line-price strong { font-size: 13px; }
  .hero-badges .gift-line-price b { font-size: 10px; letter-spacing: 0; }
  .hero-badges .individual { align-items: center; justify-content: center; padding: 7px 6px; font-size: 10px; text-align: center; }
  .hero-badges .individual strong { font-size: 13px; letter-spacing: -.2px; }
}
@media (max-width: 370px) { .hero-top { gap: 6px; } .hero-top .date { padding: 9px 10px; font-size: 14px; } }
/* R19: hero noise spans the whole section; offer labels keep their own top layer. */
.hero-top .date { padding: 13px 22px; font-size: 18px; letter-spacing: .4px; }
.hero-top, .hero-copy { z-index: 2; }
.page__noise { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
.hero-badges { position: absolute; z-index: 2; left: clamp(20px, 3vw, 48px); right: auto; bottom: 7%; display: flex; align-items: center; gap: 12px; }
.hero-badge-item { position: relative; width: 300px; height: 76px; flex: 0 0 auto; }
.hero-badge-icon { position: absolute; z-index: 0; right: 12px; bottom: calc(100% - 12px); width: 92px; height: 92px; object-fit: contain; mix-blend-mode: lighten; }
.hero-badge-item .gift-sticker, .hero-badge-item .individual { position: relative; z-index: 1; inset: auto; box-sizing: border-box; width: 100%; height: 100%; min-height: 0; margin: 0; transform: none; }
.hero-badge-item .gift-sticker { display: flex; justify-content: center; padding: 8px 34px 8px 20px; }
.hero-badge-item .gift-sticker-copy { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; line-height: 1.18; text-align: center; }
.hero-badge-item .gift-line-one { font-size: 14px; white-space: nowrap; }
.hero-badge-item .gift-line-price { display: flex; flex-direction: row; align-items: baseline; justify-content: center; gap: 6px; white-space: nowrap; }
.hero-badge-item .gift-line-price strong { font-size: 18px; }
.hero-badge-item .gift-line-price b { font-size: 12px; letter-spacing: .3px; }
.hero-badge-item .gift-sticker svg { position: absolute; right: 12px; top: 50%; width: 28px; height: 28px; margin: 0; transform: translateY(-50%); }
.hero-badge-item .individual { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; padding: 8px 18px; text-align: center; }
.hero-badge-item .individual span { font-size: 13px; }
.hero-badge-item .individual strong { font-size: 18px; line-height: 1.1; letter-spacing: -.3px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .hero-top .date { padding: 11px 17px; font-size: 16px; }
  .hero-badges { left: 14px; gap: 6px; }
  .hero-badge-item { width: 230px; height: 62px; }
  .hero-badge-icon { width: 78px; height: 78px; right: 10px; bottom: calc(100% - 9px); }
  .hero-badge-item .gift-sticker { padding: 6px 25px 6px 10px; }
  .hero-badge-item .gift-line-one { font-size: 12px; }
  .hero-badge-item .gift-line-price strong { font-size: 16px; }
  .hero-badge-item .gift-line-price b { font-size: 10px; }
  .hero-badge-item .individual span { font-size: 10px; }
  .hero-badge-item .individual strong { font-size: 15px; }
}
@media (max-width: 760px) {
  .hero-top { justify-content: center; align-items: center; width: 100%; gap: 8px; }
  .hero-top .date { width: auto; max-width: 100%; padding: 10px 14px; font-size: 14px; line-height: 1.25; text-align: center; }
  .page__noise { inset: 0; left: 0; right: 0; width: 100%; }
  .hero-badges { left: 12px; right: 12px; bottom: 55px; justify-content: center; gap: 8px; }
  .hero-badge-item { width: calc(50% - 4px); height: 62px; }
  .hero-badge-icon { width: 70px; height: 70px; right: 8px; bottom: calc(100% - 9px); }
  .hero-badge-item .gift-sticker { padding: 6px 5px; }
  .hero-badge-item .gift-sticker svg { display: none; }
  .hero-badge-item .gift-line-one { font-size: 12px; }
  .hero-badge-item .gift-line-price { gap: 4px; }
  .hero-badge-item .gift-line-price strong { font-size: 13px; }
  .hero-badge-item .gift-line-price b { font-size: 10px; letter-spacing: 0; }
  .hero-badge-item .individual { padding: 5px 5px; }
  .hero-badge-item .individual span { font-size: 9px; }
  .hero-badge-item .individual strong { font-size: 12px; letter-spacing: -.2px; }
}
@media (max-width: 370px) { .hero-top .date { padding: 9px 10px; font-size: 13px; } }
.hero-badge-item .gift-line-one::before { content: none; }
/* R8: overlay result captions on photos and consolidate the takeaway. */
.results .project-art { display: block; position: relative; height: auto; overflow: hidden; border-radius: 22px; background: transparent; }
.results .project-art img { display: block; width: 100%; height: auto; aspect-ratio: 1419 / 647; object-fit: cover; border-radius: 22px; }
.results .project-caption { position: absolute; z-index: 1; left: 22px; bottom: 22px; width: fit-content; max-width: calc(100% - 44px); margin: 0; padding: 10px 16px; border-radius: 10px; background: #fff; color: #131313; font-size: 16px; line-height: 1.25; }
.result-summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 156px; margin-top: 28px; padding: 24px 30px 24px 34px; overflow: hidden; border-radius: 20px; background: var(--lime); color: #131313; }
.result-summary p { position: relative; z-index: 1; max-width: 930px; font-size: 20px; font-weight: 600; line-height: 1.45; }
.result-summary img { display: block; width: clamp(120px, 15vw, 180px); height: auto; flex: 0 0 auto; animation: laptop-drift 4.8s ease-in-out infinite; }
@keyframes laptop-drift { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); } 50% { transform: translate3d(-7px, -8px, 0) rotate(2deg); } }
@media (max-width: 760px) {
  .results .project-art { border-radius: 16px; }
  .results .project-art img { border-radius: 16px; }
  .results .project-caption { left: 14px; bottom: 14px; max-width: calc(100% - 28px); padding: 8px 12px; border-radius: 8px; font-size: 14px; }
  .result-summary { gap: 10px; min-height: 0; margin-top: 0; padding: 20px 16px 18px 20px; border-radius: 16px; }
  .result-summary p { font-size: 16px; line-height: 1.4; }
  .result-summary img { width: clamp(76px, 22vw, 110px); }
}
@media (prefers-reduced-motion: reduce) { .result-summary img { animation: none; } }
/* R9: badge icons gently peek from behind the fixed offer pills. */
.hero-badge-icon { animation: badge-peek 3.2s ease-in-out infinite; }
.hero-badge-item:nth-child(2) .hero-badge-icon { animation-delay: -1.1s; }
@keyframes badge-peek { 0%, 100% { transform: translateY(10px); } 50% { transform: translateY(-7px); } }
@media (prefers-reduced-motion: reduce) { .hero-badge-icon { animation: none; } }
/* R11: let the mobile CTA crop the top edge of the video. */
@media (max-width: 760px) { .hero-art { margin-top: -59px; } }
/* R12: match the takeaway pill's vertical padding to its left inset. */
@media (min-width: 761px) {
  .result-summary { min-height: 0; padding-block: 34px; overflow: visible; }
  .result-summary-copy { max-width: calc(100% - 300px); }
  .result-summary img { position: absolute; top: 50%; right: 30px; translate: 0 -50%; }
}
@media (max-width: 760px) {
  .result-summary { padding: 20px; overflow: hidden; }
  .result-summary img { position: relative; top: auto; right: auto; translate: none; }
}
/* R10: separate the results takeaway into the purple card and dark inset pill. */
.result-summary { justify-content: space-between; gap: 28px; background: linear-gradient(145deg,#aaa0ff 0%,#bcb8fd 75%); color: #131313; }
.result-summary-copy { position: relative; z-index: 1; flex: 1 1 auto; max-width: 930px; }
.result-summary-copy > p { max-width: none; margin: 0; font-size: 20px; font-weight: 600; line-height: 1.45; }
.result-summary-copy > .result-summary-highlight { display: inline-block; width: fit-content; max-width: 100%; margin-top: 14px; padding: 15px 20px; border-radius: 14px; background: #131313; color: #f8f8fa; font-size: 17px; font-weight: 400; line-height: 1.4; }
.result-summary img { width: clamp(180px, 22.5vw, 270px); }
@media (max-width: 760px) {
  .result-summary { gap: 10px; }
  .result-summary-copy > p { font-size: 16px; line-height: 1.4; }
  .result-summary-copy > .result-summary-highlight { margin-top: 10px; padding: 9px 11px; border-radius: 10px; font-size: 12px; }
  .result-summary img { width: clamp(114px, 33vw, 165px); }
}
/* R13: mobile result callout gets a full-width inset and corner laptop. */
@media (max-width: 760px) {
  .results .result-summary { display: block; position: relative; overflow: visible; margin-top: 16px; padding: 20px; }
  .results .result-summary-copy { width: 100%; max-width: none; }
  .results .result-summary-copy > p:first-child { padding-right: 130px; }
  .results .result-summary-copy > .result-summary-highlight { display: block; width: 100%; max-width: none; margin-top: 12px; padding: 15px 17px; font-size: 18px; line-height: 1.4; }
  .results .result-summary img { position: absolute; top: -55px; right: 0; width: clamp(114px, 33vw, 165px); translate: none; }
  .results .result-row:not(.result-reverse) { padding-bottom: 76px; }
}
@media (max-width: 370px) { .results .result-summary-copy > p:first-child { padding-right: 105px; } }

/* R14: финальный оффер и новая календарная иллюстрация. */
.final-heading { align-items: center; }
.final-heading-copy { flex: 1; min-width: 0; }
.final-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.final-pill { display: inline-flex; align-items: center; min-height: 38px; padding: 9px 16px; border-radius: 999px; background: var(--lime); color: var(--bg); font-size: 13px; line-height: 1.2; font-weight: 600; letter-spacing: .15px; }
.final h2>span { display: block; max-width: none; }
.final-smart-line { display: block; color: var(--lime); font-size: clamp(26px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -1.2px; font-weight: 600; white-space: nowrap; }
.calendar-icon { display: block; width: clamp(140px, 14vw, 185px); height: auto; flex: 0 0 auto; }
@media (min-width: 761px) and (max-width: 1100px) {
  .final-smart-line { font-size: clamp(23px, 3.1vw, 34px); letter-spacing: -.8px; }
  .final-pill { font-size: 11px; }
  .calendar-icon { width: 135px; }
}
@media (max-width: 760px) {
  .final-heading { display: block; }
  .final-pills { gap: 8px; margin-bottom: 18px; }
  .final-pill { min-height: 34px; padding: 8px 12px; font-size: 11px; }
  .final h2>span { max-width: none; }
  .final-smart-line { font-size: clamp(10px, 3.35vw, 14px); letter-spacing: -.2px; line-height: 1.25; }
  .calendar-icon { display: none; }
}
@media (max-width: 370px) {
  .final-smart-line { font-size: 10px; }
  .final-pills { gap: 6px; }
  .final-pill { font-size: 9px; padding-inline: 10px; }
}

/* R15: финальный экран — пояснение под заголовком, центрированные CTA. */
.final-pills .final-pill { text-transform: uppercase; }
.final-description { max-width: 760px; margin-top: 20px; font-size: 17px; line-height: 1.55; color: var(--muted); text-wrap: pretty; }
.final-action { display: flex; justify-content: center; margin-top: 34px; }
.final-action .button-pair { width: min(100%, 820px); justify-content: center; }
.final-action .btn { max-width: 400px; }
@media (max-width: 760px) {
  .final h2>span { font-size: 1em; }
  .final-smart-line { font-size: inherit; line-height: 1.1; letter-spacing: inherit; white-space: normal; }
  .final-description { margin-top: 18px; font-size: 16px; }
  .final-action { margin-top: 32px; }
  .final-action .button-pair { width: 100%; }
  .final-action .btn { max-width: none; }
}

/* R16: отделяем CTA от линии цен и выравниваем по центру секции. */
.final-action { width: 100%; margin: 44px auto 0; justify-content: center; }
.final-action .button-pair { margin-inline: auto; }
@media (max-width: 760px) { .final-action { margin-top: 36px; } }

/* R29: mobile result card and still hero badge icons. */
.hero-badge-icon { animation: none !important; }
.hero-badge-item .gift-sticker { padding-inline: 42px; }
.hero-badge-item .individual { padding-inline: 30px; }
@media (max-width: 760px) {
  .results .result-summary-copy > p:first-child { padding-right: 0; }
  .results .result-summary img { display: none; }
  .hero-art { margin-top: -20px; }
  .hero-badge-item .gift-sticker { padding-inline: 12px; }
  .hero-badge-item .individual { padding-inline: 12px; }
}


/* R30: lime frames balance the result cards and their project art. */
.results .result-row { align-items: stretch; }
.results .result-copy { display: flex; flex-direction: column; justify-content: center; align-self: stretch; box-sizing: border-box; min-height: 365px; padding: 32px; border: 1px solid rgba(197, 250, 61, .5); border-radius: 22px; }
.results .result-copy .btn { margin-top: 8px; }
.results .result-summary img { width: clamp(120px, 12vw, 180px); }
@media (max-width: 1100px) and (min-width: 761px) {
  .results .result-copy { min-height: 300px; padding: 24px; }
}
@media (max-width: 760px) {
  .results .result-row { align-items: stretch; }
  .results .result-copy { min-height: 0; padding: 22px; border-radius: 18px; }
}
.results .result-copy > .age { align-self: flex-start; }


/* R31: aligned course-card pricing, compact first description, one-line black CTAs. */
@media (min-width: 1101px) {
  .offer-card h3 { min-height: 92px; }
  .offer-card:first-child .format,
  .offer-card:first-child .offer-description { transform: translateY(-12px); }
}
.offer-card .btn { background: #131313; border: 1px solid #131313; color: #fff; white-space: nowrap; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.offer-card .btn:hover, .offer-card .btn:focus-visible { background: var(--lime); border-color: var(--lime); color: #131313; }
@media (max-width: 760px) {
  .offer-card .btn { font-size: clamp(11px, 3.55vw, 14px); padding-inline: 10px; gap: 8px; }
}
@media (max-width: 760px) { .offer-card .btn { font-size: clamp(10px, 3.2vw, 13px); padding-inline: 6px; gap: 4px; } .offer-card .btn svg { width: 18px; height: 18px; flex: 0 0 18px; } }


/* R33: align the parent note's lower edge with the trial CTAs. */
.trial-notes { align-self: stretch; justify-content: space-between; box-sizing: border-box; padding-top: 37px; }
@media (max-width: 760px) { .trial-notes { align-self: auto; justify-content: flex-start; padding-top: 24px; } }


/* R34: place each trial CTA beside its matching program price. */
.final-prices > p { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 20px; align-items: center; }
.final-prices .btn { width: auto; min-width: 270px; min-height: 60px; justify-content: center; padding: 14px 20px; font-size: 15px; white-space: nowrap; }
.final-prices > p > span { min-width: 0; }
@media (min-width: 761px) and (max-width: 1100px) {
  .final-prices > p { grid-template-columns: minmax(0, 1fr) auto; gap: 12px 18px; }
  .final-prices > p > span { grid-column: 1 / -1; }
  .final-prices .btn { min-width: 250px; }
}
@media (max-width: 760px) {
  .final-prices > p { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; }
  .final-prices > p > span { grid-column: 1 / -1; }
  .final-prices strong { display: block; margin: 0; white-space: nowrap; }
  .final-prices small { display: block; margin: 4px 0 0; text-align: left; }
  .final-prices .btn { width: auto; min-width: 0; min-height: 48px; padding: 10px 12px; font-size: clamp(10px, 3.2vw, 12px); gap: 6px; }
}
@media (max-width: 370px) { .final-prices .btn { padding-inline: 8px; font-size: 10px; } }

/* R36: lime accent for the supporting line in the offers section. */
.offers .section-intro > p { color: var(--lime); }

/* R26: make result captions read as cat speech bubbles. */
.results .result-copy > p { color: #fff; }
.results .project-caption {
  left: auto;
  right: 24px;
  top: 50%;
  bottom: auto;
  width: min(38%, 380px);
  max-width: none;
  transform: translateY(-50%);
  padding: 24px 28px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 8px 24px #17104c24;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  text-wrap: pretty;
}
.results .project-caption::after {
  content: "";
  position: absolute;
  left: 16%;
  top: auto;
  bottom: -15px;
  width: 0;
  height: 0;
  border-top: 22px solid var(--lime);
  border-right: 18px solid transparent;
  border-left: 4px solid transparent;
  transform: rotate(10deg);
}
@media (max-width: 760px) {
  .results .project-caption {
    right: 10px;
    top: auto;
    bottom: 10px;
    width: min(46%, 190px);
    padding: 16px 18px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 1.25;
    transform: none;
  }
  .results .project-caption::after {
    left: 15%;
    bottom: -10px;
    border-top-width: 15px;
    border-right-width: 13px;
    transform: rotate(10deg);
  }
}

/* R28: let the speech bubbles peek above the artwork and join each tail to the oval. */
.results .project-art { overflow: visible; }
.results .project-caption { isolation: isolate; top: -18px; bottom: auto; transform: none; }
.results .project-caption::after { z-index: -1; bottom: 3px; }
@media (max-width: 760px) {
  .results .project-caption { top: -10px; bottom: auto; }
  .results .project-caption::after { bottom: 2px; }
  .results .project-caption { right: 4px; width: min(42%, 170px); }
}
.results .result-reverse .project-caption { right: 12px; width: min(32%, 320px); }
@media (max-width: 760px) { .results .result-reverse .project-caption { right: 4px; width: min(42%, 170px); } }

/* R33: balance hero copy vertically and restyle the two lower offer pills. */
@media (min-width: 761px) {
  .hero-copy { transform: translateY(clamp(-56px, -4.7vh, -32px)); }
}
.hero-badge-item .gift-sticker,
.hero-badge-item .individual {
  background: #0d0d0b;
  border: 1px solid rgba(118, 107, 246, .5);
  color: var(--text);
  text-transform: uppercase;
}

/* R34: keep the result photos and copy readable between tablet and desktop widths. */
@media (min-width: 761px) and (max-width: 1100px) {
  .results .result-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
    padding: 18px 0 42px;
  }
  .results .result-reverse .project-art,
  .results .result-reverse .result-copy { order: initial; }
  .results .result-copy {
    min-height: 240px;
    padding: 28px;
  }
  .results .project-caption,
  .results .result-reverse .project-caption {
    right: 24px;
    width: min(44%, 360px);
    padding: 24px 28px;
    font-size: 18px;
  }
}
@media (min-width: 1101px) {
  .results .project-caption,
  .results .result-reverse .project-caption {
    width: min(48%, 360px);
    padding: clamp(20px, 2.3vw, 30px);
  }
}

/* Hero lead: white copy with a blinking lime bullet. */
.hero-lead-bullet{position:relative;color:#fff!important;padding-left:24px}.hero-lead-bullet::before{content:"";position:absolute;left:0;top:.67em;width:10px;height:10px;border-radius:50%;background:var(--lime);animation:hero-bullet-blink 1.05s steps(2,start) infinite}@keyframes hero-bullet-blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.hero-lead-bullet::before{animation:none}}

/* R35: fill the stretched desktop result row so the artwork and bordered card share one height. */
@media (min-width: 1101px) {
  .results .project-art { min-height: 100%; }
  .results .project-art img { height: 100%; min-height: 100%; aspect-ratio: auto; object-fit: cover; }
}

/* R37: raise only the first offer card heading and copy to align with Academy. */
@media (min-width: 761px) {
  .offer-grid > .offer-card:first-child h3 { align-items: flex-start; transform: translateY(-14px); }
  .offer-grid > .offer-card:first-child .format,
  .offer-grid > .offer-card:first-child .offer-description { transform: translateY(-18px); }
}

/* R38: match the first offer title baseline and tighten only its upper copy stack. */
@media (min-width: 761px) {
  .offer-grid > .offer-card:first-child h3 { align-items: center; transform: translateY(-18px); }
  .offer-grid > .offer-card:first-child .format,
  .offer-grid > .offer-card:first-child .offer-description { transform: translateY(-44px); }
}

/* GC campaign widgets mounted from their supplied embed scripts. */
#signup-widget iframe { display: block; width: 100%; height: 610px; border: 0; background: #fff; }
@media (max-width: 760px) { #signup-widget iframe { height: 650px; } }

/* R40: lift only the NeiroKids copy block and reduce the mobile takeaway type. */
@media (max-width: 760px) {
  .results .result-summary-copy > .result-summary-highlight { font-size: 16px; }
}

/* R42: align the first offer description with the second card description. */
@media (min-width: 761px) {
  .offer-grid > .offer-card:first-child .offer-description { transform: translateY(0); }
}