:root{--w:#fff;--iv:#FFFDF8;--ch:#FFF8ED;--cr:#B51225;--br:#E51C35;--ru:#8F1025;--go:#D4AF62;--cg:#F0D9A1;--ink:#242124;--wa:#25D366;--sh:0 18px 50px rgba(143,16,37,.16)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;overflow-x:hidden}
body{margin:0;font:400 16px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:var(--iv);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0}
.wrap{width:min(1200px,100% - 2rem);margin-inline:auto}
.narrow{width:min(820px,100% - 2rem)}
.center{text-align:center}
section{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}
:focus-visible{outline:3px solid var(--go);outline-offset:3px}
.sec-title{font:800 clamp(1.8rem,4.6vw,3.2rem)/1.15 'Playfair Display',serif;color:var(--ru);margin-bottom:1.2rem;text-wrap:balance}
.sec-title span{background:linear-gradient(90deg,var(--br),var(--go));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(1rem,1.6vw,1.15rem);max-width:60ch}
.lead.mid,.center .lead{margin-inline:auto}
.note{font-size:.85rem;opacity:.75;margin-top:.8rem}
/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;font:900 .85rem/1.2 Inter,sans-serif;letter-spacing:.04em;text-decoration:none;text-align:center;border:2px solid transparent;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s}
.btn:hover::after{transform:translateX(120%)}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(0)}
.btn-red{background:linear-gradient(135deg,var(--br),var(--ru));color:#fff;box-shadow:0 8px 22px rgba(181,18,37,.35);border-color:var(--go)}
.btn-gold{background:linear-gradient(135deg,var(--cg),var(--go));color:var(--ru);box-shadow:0 8px 22px rgba(212,175,98,.45)}
.btn-white{background:#fff;color:var(--cr);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.btn-wa{background:#fff;color:#128C4A;border-color:var(--wa)}
.btn-lg{padding:1rem 1.6rem;font-size:.9rem}
.btn-xl{padding:1.1rem 1.8rem;font-size:1rem;width:100%}
.glowbtn{animation:glow 2.6s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 6px rgba(212,175,98,.35),0 10px 28px rgba(181,18,37,.45)}}
/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top);transition:background .3s,box-shadow .3s}
.nav.stuck{background:rgba(255,253,248,.94);backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(36,33,36,.1)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:.6rem;height:68px}
.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.logo b{font:900 1.7rem/1 Inter;color:var(--br);padding:.25rem .5rem;border:2px solid var(--go);border-radius:8px;background:#fff}
.logo span{font:900 .9rem/1 Inter;letter-spacing:.2em;color:var(--ink);display:flex;flex-direction:column;gap:3px}
.logo em{font-style:normal;color:var(--go);letter-spacing:.35em;font-size:.7rem}
.logo.light span{color:#fff}
.menu{display:flex;align-items:center;gap:1.4rem}
.menu a:not(.btn){text-decoration:none;font-weight:700;font-size:.9rem;position:relative;padding:.3rem 0}
.menu a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--go);transition:width .3s}
.menu a.active::after,.menu a:hover::after{width:100%}
.menu-cta{display:none}
.nav-cta{padding:.7rem 1.1rem}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer}
.burger span{display:block;height:3px;background:var(--cr);margin:5px 0;border-radius:3px;transition:.3s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* hero */
.hero{padding-top:7.5rem;background:radial-gradient(circle at 85% 20%,var(--cg) 0,transparent 45%),radial-gradient(circle at 0 90%,#ffe3e6 0,transparent 40%),var(--iv);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1rem;border:1px solid var(--go);border-radius:999px;background:#fff;color:var(--cr);font:900 .75rem/1.3 Inter;letter-spacing:.08em;margin:0 0 1.2rem;animation:pop .8s both}
.live-dot{width:10px;height:10px;border-radius:50%;background:var(--br);display:inline-block;animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(229,28,53,.6)}100%{box-shadow:0 0 0 10px rgba(229,28,53,0)}}
@keyframes pop{from{opacity:0;transform:translateY(14px)}}
h1{font:800 clamp(2.4rem,6.4vw,5rem)/1.04 'Playfair Display',serif;color:var(--cr);text-wrap:balance;animation:pop .9s .1s both}
.sub{font:900 clamp(.95rem,1.8vw,1.2rem)/1.4 Inter;letter-spacing:.03em;margin:1rem 0;color:var(--ink);padding-left:1rem;border-left:4px solid var(--go);animation:pop .9s .25s both}
.hero-copy .lead{animation:pop .9s .35s both}
.trust{list-style:none;padding:0;margin:1.4rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem}
.trust li{font-weight:700;font-size:.9rem}.trust i{color:var(--go);margin-right:.4rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.cta-row.mid{justify-content:center;margin:1.6rem 0}
.cta-row.mid .btn{width:auto;min-width:260px}
.reassure{font-size:.9rem;margin-top:1.2rem;opacity:.8}
.hero-art{position:relative;min-height:520px;animation:pop 1s .3s both}
.glow{position:absolute;inset:8% 0 0 8%;background:conic-gradient(from 0deg,var(--br),var(--cg),var(--go),var(--br));filter:blur(60px);opacity:.45;border-radius:50%;animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mapmark{position:absolute;right:-6%;top:-4%;font-size:min(22rem,50vw);color:rgba(212,175,98,.18);transform:translateY(var(--py,0))}
.main-img{position:absolute;right:0;top:4%;width:82%;height:80%;object-fit:cover;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);border:0;filter:saturate(1.05);box-shadow:var(--sh)}
.live-tag{position:absolute;right:6%;top:8%;background:var(--br);color:#fff;font:900 .8rem Inter;padding:.35rem .8rem;border-radius:6px;display:flex;align-items:center;gap:.4rem}
.live-tag .live-dot{background:#fff}
.thumb{position:absolute;left:0;bottom:16%;width:38%;background:#fff;padding:6px;border:2px solid var(--go);border-radius:12px;box-shadow:var(--sh);animation:float 5s ease-in-out infinite}
.thumb img{border-radius:8px;aspect-ratio:4/3;object-fit:cover}
.thumb small{display:block;font:700 .75rem Inter;padding:.3rem .2rem 0;color:var(--cr)}
.chip{position:absolute;background:#fff;border:1px solid var(--go);border-radius:999px;padding:.45rem .9rem;font:700 .8rem Inter;box-shadow:var(--sh);animation:float 6s ease-in-out infinite}
.chip i{color:var(--br);margin-right:.4rem}
.lang-chip{left:6%;top:14%;animation-delay:-2s}
.strip{right:2%;bottom:20%;background:linear-gradient(90deg,var(--cg),var(--go));color:var(--ru);animation-delay:-3s}
.strip i{color:var(--ru)}
@keyframes float{50%{transform:translateY(-12px)}}
.ticker{position:absolute;left:0;right:0;bottom:0;display:flex;background:var(--ru);color:#fff;border-radius:10px;overflow:hidden;border-bottom:4px solid var(--go);font-size:.8rem}
.tk-label{background:var(--br);padding:.6rem .9rem;font-weight:900;z-index:1}
.tk-track{display:flex;white-space:nowrap;padding:.6rem 0;animation:tick 28s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
.ripple{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;border:2px solid rgba(212,175,98,.7);background:radial-gradient(circle,rgba(229,28,53,.12),transparent 70%);pointer-events:none;animation:rip 1s ease-out forwards}
@keyframes rip{to{transform:scale(14);opacity:0}}
/* services */
.services{background:linear-gradient(180deg,var(--iv),var(--ch))}
.offers{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start;margin-top:2.5rem}
.offer{position:relative;padding:clamp(1.5rem,3vw,2.6rem);padding-top:3.4rem;border-radius:28px 6px 28px 6px;background:#fff;border:2px solid var(--go);box-shadow:var(--sh);overflow:hidden;transition:transform .3s,box-shadow .3s}
.offer:hover,.offer:focus-within{transform:translateY(-6px);box-shadow:0 26px 60px rgba(143,16,37,.25)}
.offer h3{font:800 clamp(1.4rem,3vw,2.1rem)/1.15 'Playfair Display',serif;color:var(--cr);margin-bottom:.8rem;position:relative}
.offer p{position:relative}
.flagship{background:linear-gradient(160deg,#fff 55%,#fff1f2)}
.offer-bg{position:absolute;right:-10%;top:0;width:55%;height:40%;object-fit:cover;opacity:.12;mask-image:linear-gradient(270deg,#000,transparent)}
.bulletin{background:linear-gradient(160deg,var(--ch),#fff);border-radius:6px 28px 6px 28px;margin-top:3rem}
.ribbon{position:absolute;left:0;top:1.1rem;background:linear-gradient(90deg,var(--br),var(--ru));color:#fff;font:900 .75rem Inter;letter-spacing:.06em;padding:.5rem 1.4rem .5rem 1.2rem;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%);animation:shine 3s ease-in-out infinite;background-size:200%}
.ribbon.gold{background:linear-gradient(90deg,var(--cg),var(--go));color:var(--ru)}
@keyframes shine{50%{filter:brightness(1.15)}}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .5rem;margin:1.2rem 0;padding:.6rem 0;border-block:2px solid var(--go);position:relative}
.cur{font:900 clamp(1.8rem,4vw,2.6rem) Inter;color:var(--br)}
.amt{font:900 clamp(3.6rem,10vw,6.4rem)/1 Inter;letter-spacing:-.04em;background:linear-gradient(135deg,var(--br),var(--ru) 60%,var(--go));-webkit-background-clip:text;background-clip:text;color:transparent}
.per{font:900 1rem Inter;color:var(--ru);letter-spacing:.08em}
.bulletin .amt{font-size:clamp(3rem,8vw,4.8rem)}
.ticks{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.55rem;position:relative}
.ticks li{position:relative;padding-left:2rem;font-size:.95rem}
.ticks li::before{content:"✓";position:absolute;left:0;top:.1rem;width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(135deg,var(--go),var(--cg));color:var(--ru);font:900 .8rem/1.4rem Inter;text-align:center;transform:scale(0);animation:tickin .5s forwards paused}
.in .ticks li::before,.ticks.in li::before{animation-play-state:running}
.ticks li:nth-child(2)::before{animation-delay:.1s}.ticks li:nth-child(3)::before{animation-delay:.2s}.ticks li:nth-child(4)::before{animation-delay:.3s}.ticks li:nth-child(5)::before{animation-delay:.4s}.ticks li:nth-child(6)::before{animation-delay:.5s}.ticks li:nth-child(7)::before{animation-delay:.6s}
@keyframes tickin{to{transform:scale(1)}}
/* story */
.story{background:radial-gradient(circle at 10% 50%,#ffe9ec,transparent 50%),#fff}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.story .lead{margin-bottom:1.6rem}
.ideas{margin:0;display:grid;gap:0;border-left:3px solid var(--go)}
.ideas div{padding:1rem 0 1rem 1.6rem;position:relative}
.ideas div::before{content:"";position:absolute;left:-9px;top:1.5rem;width:15px;height:15px;border-radius:50%;background:var(--br);border:3px solid #fff;box-shadow:0 0 0 2px var(--go)}
.ideas dt{font:800 1.3rem 'Playfair Display',serif;color:var(--cr)}
.ideas dd{margin:.2rem 0 0}
/* languages */
.langs{background:linear-gradient(180deg,var(--ch),var(--iv));overflow:hidden}
.cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.4rem;margin:2.4rem auto;max-width:900px}
.cloud span{font:800 clamp(1.4rem,4vw,2.6rem) 'Playfair Display',serif;color:var(--cr);padding:.2rem 1rem;border-bottom:3px solid var(--cg);animation:float 7s ease-in-out infinite}
.cloud small{font:500 .5em Inter;color:var(--go);margin-left:.3rem}
.cloud .l2,.cloud .l5{background:linear-gradient(90deg,var(--cg),transparent);border-radius:999px}
.cloud .l4{color:var(--ink);font-style:italic}
.cloud .l1{animation-delay:-1s}.cloud .l3{animation-delay:-2s}.cloud .l5{animation-delay:-3s}.cloud .l6{animation-delay:-4s}.cloud .l7{animation-delay:-5s}.cloud .l8{animation-delay:-6s}
/* why */
.why-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem 2.6rem;margin-top:2.4rem}
.why-list>div{padding-top:1rem;border-top:3px solid var(--go)}
.why-list>div:nth-child(even){transform:translateY(1.6rem)}
.why-list i{font-size:1.6rem;color:var(--br);margin-bottom:.6rem}
.why-list h3{font:800 1.25rem 'Playfair Display',serif;color:var(--ru);margin-bottom:.3rem}
.why-list p{margin:0}
/* how */
.how{background:var(--ch)}
.steps{list-style:none;padding:0;margin:3rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;--p:0}
.steps::before,.steps::after{content:"";position:absolute;left:0;top:22px;height:4px;border-radius:4px}
.steps::before{right:0;background:var(--cg)}
.steps::after{width:calc(var(--p)*100%);background:linear-gradient(90deg,var(--br),var(--go))}
.steps li{position:relative;padding-top:3.4rem}
.steps b{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid var(--go);color:var(--cr);display:grid;place-items:center;font:900 1rem Inter;z-index:1;transition:.4s}
.steps li.on b{background:var(--br);color:#fff}
.steps h3{font:800 1.2rem 'Playfair Display',serif;color:var(--ru)}
.steps p{margin:.3rem 0 0;font-size:.95rem}
/* faq */
.acc h3{margin:0}
.acc button{width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--cg);padding:1.1rem 3rem 1.1rem .5rem;font:700 1.05rem Inter;color:var(--ink);cursor:pointer;position:relative}
.acc button::after{content:"+";position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font:400 1.8rem Inter;color:var(--br);transition:transform .3s}
.acc button[aria-expanded=true]{color:var(--cr)}
.acc button[aria-expanded=true]::after{transform:translateY(-50%) rotate(45deg)}
.pane{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s;background:var(--iv)}
.pane.open{grid-template-rows:1fr}
.pane p{overflow:hidden;margin:0;padding:0 .8rem}
.pane.open p{padding:1rem .8rem}
/* final */
.final{background:linear-gradient(135deg,var(--cr),var(--ru) 70%);color:#fff;overflow:hidden}
.final h2{font:800 clamp(2rem,5.5vw,4rem)/1.1 'Playfair Display',serif;margin-bottom:1rem;color:var(--cg)}
.final .lead{color:#fff;margin-inline:auto}
.waves{position:absolute;inset:0;width:100%;height:100%}
.final .wrap{position:relative}
.final-prices{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2rem;margin:1.6rem 0;font-size:clamp(.95rem,2vw,1.2rem)}
.final-prices strong{padding:.4rem 1rem;border:1px solid var(--go);border-radius:999px}
.shimmer{background:linear-gradient(110deg,var(--go) 30%,#fff7de 50%,var(--go) 70%);background-size:200%;animation:sh 4s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.textlink{font-weight:900;text-decoration:none;border-bottom:2px solid var(--go);padding-bottom:2px}
.phone a{font:900 clamp(1.8rem,5vw,2.6rem) Inter;color:var(--cg);text-decoration:none;letter-spacing:.06em}
/* footer */
.foot{background:var(--ru);color:#fff;padding:3.5rem 0 1.5rem}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:2rem}
.foot h4{color:var(--cg);margin-bottom:.8rem;font:800 1.1rem 'Playfair Display',serif}
.foot a:not(.btn):not(.logo){display:block;color:#fff;text-decoration:none;padding:.2rem 0;opacity:.9}
.foot a:hover{color:var(--cg)}
.foot p{margin:.8rem 0;font-size:.92rem}
.foot .btn{color:var(--ru);margin-top:.6rem}
.legal{border-top:1px solid rgba(240,217,161,.35);margin-top:2rem;padding-top:1.2rem;font-size:.85rem}
/* floating */
.float{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.8rem;z-index:60}
.fab{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.6rem;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.fab.wa{background:var(--wa);animation:wap 2s infinite}
.fab.call{background:var(--cr);font-size:1.3rem}
@keyframes wap{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6),0 8px 22px rgba(0,0,0,.28)}100%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 8px 22px rgba(0,0,0,.28)}}
.tip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;font:500 .8rem Inter;padding:.4rem .7rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.fab:hover .tip,.fab:focus-visible .tip{opacity:1}
/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}
.why-list>div.reveal.in:nth-child(even){transform:translateY(1.6rem)}
/* responsive */
@media(max-width:1024px){
 .hero-grid,.story-grid,.offers{grid-template-columns:1fr}
 .hero-art{min-height:480px;max-width:600px;margin-inline:auto;width:100%}
 .bulletin{margin-top:0}
 .why-list{grid-template-columns:1fr 1fr}
 .foot-grid{grid-template-columns:1fr 1fr}
 .steps{grid-template-columns:1fr;gap:1.6rem;padding-left:0}
 .steps::before,.steps::after{left:22px;top:0;width:4px;height:100%;right:auto}
 .steps::after{height:calc(var(--p)*100%);width:4px}
 .steps li{padding:0 0 0 4rem;min-height:56px}
 .steps b{top:0}
}
@media(max-width:900px){
 .burger{display:block}
 .menu{position:fixed;inset:68px 0 auto;top:calc(68px + env(safe-area-inset-top));flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:3px solid var(--go);padding:.5rem 1.2rem 1.2rem;box-shadow:0 20px 40px rgba(0,0,0,.15);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:.35s}
 .menu.open{max-height:90vh;opacity:1;visibility:visible}
 .menu a:not(.btn){padding:.9rem 0;border-bottom:1px solid var(--cg)}
 .menu-cta{display:inline-flex;margin-top:1rem}
 .nav-cta{margin-left:auto;padding:.6rem .8rem;font-size:.72rem}
}
@media(max-width:600px){
 .why-list,.foot-grid{grid-template-columns:1fr}
 .why-list>div:nth-child(even){transform:none}
 .why-list>div.reveal.in:nth-child(even){transform:none}
 .cta-row .btn,.cta-row.mid .btn{width:100%;min-width:0}
 .hero{padding-top:6.5rem}
 .hero-art{min-height:420px}
 .logo span{display:none}
 .nav-cta{font-size:.7rem}
 .chip{font-size:.72rem}
 .strip{display:none}
}
@media(max-width:360px){.btn{font-size:.78rem;padding:.8rem 1rem}.nav-cta{display:none}.logo span{display:flex}}
@media(hover:none){.ripple{display:none}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .reveal{opacity:1;transform:none}
 .ticks li::before{transform:scale(1)}
}

/* ===== v2: bolder, varied sections ===== */
h1{background:linear-gradient(120deg,var(--cr),var(--br) 55%,var(--ru));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero::before{content:"LIVE";position:absolute;left:-2%;bottom:-8%;font:900 clamp(10rem,28vw,26rem)/1 Inter;color:transparent;-webkit-text-stroke:2px rgba(181,18,37,.12);pointer-events:none}
.hero::after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(160deg,var(--br),var(--ru) 75%);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 0 2px var(--go)}
.hero-grid{position:relative;z-index:1}
.glow{opacity:.3}
.mapmark{color:rgba(240,217,161,.28)}
.main-img{border:0;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.band{background:linear-gradient(90deg,var(--cg),var(--go),var(--cg));color:var(--ru);font:900 .95rem Inter;letter-spacing:.14em;overflow:hidden;white-space:nowrap;border-block:3px solid var(--ru);position:relative;z-index:2}
.band-t{display:flex;width:max-content;padding:.7rem 0;animation:tick 40s linear infinite}
.band-t span{padding-right:2rem}
.services{background:radial-gradient(circle at 12% 0,rgba(240,217,161,.3),transparent 40%),linear-gradient(160deg,var(--br),var(--cr) 45%,var(--ru));color:#fff;padding-block:clamp(5rem,10vw,8rem)}
.services::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(240,217,161,.07) 38px 40px);pointer-events:none}
.services .wrap{position:relative}
.services .sec-title{color:#fff}
.services .sec-title span{background:linear-gradient(90deg,var(--cg),var(--go));-webkit-background-clip:text;background-clip:text;color:transparent}
.offer{color:var(--ink);border:3px solid var(--go)}
.flagship{box-shadow:0 0 0 8px rgba(240,217,161,.22),0 40px 80px rgba(0,0,0,.35)}
.bulletin{box-shadow:0 30px 60px rgba(0,0,0,.3)}
.story{background:linear-gradient(135deg,#fff 0,#ffe9ec 55%,var(--cg) 130%);overflow:hidden}
.story::before{content:"NEWS";position:absolute;right:-3%;top:2%;font:900 clamp(8rem,24vw,22rem)/1 Inter;color:transparent;-webkit-text-stroke:2px rgba(181,18,37,.14);pointer-events:none}
.story .wrap{position:relative}
.ideas{border:0;background:#fff;padding:1.2rem 1.6rem;border-radius:6px 32px 6px 32px;box-shadow:var(--sh);border-top:6px solid var(--br)}
.ideas div{border-bottom:1px solid var(--cg)}.ideas div:last-child{border:0}
.ideas div::before{display:none}.ideas div{padding-left:0}
.langs{background:linear-gradient(135deg,var(--cg),#f9ecc8 45%,var(--go))}
.langs .sec-title{color:var(--ru)}
.cloud span{font-size:clamp(1.8rem,6vw,4rem);border:0;color:var(--cr);padding:.1rem .6rem}
.cloud small{color:var(--ru);opacity:.7}
.cloud .l1{rotate:-3deg}.cloud .l2{background:var(--cr);color:var(--cg);rotate:2deg;padding:.1rem 1.2rem;border-radius:999px}
.cloud .l3{color:var(--ink);rotate:-2deg}.cloud .l4{background:#fff;rotate:3deg;padding:.1rem 1.2rem;border-radius:999px;color:var(--ru)}
.cloud .l5{background:none;color:var(--ru);rotate:-2deg}.cloud .l6{background:var(--ru);color:#fff;border-radius:999px;padding:.1rem 1.2rem;rotate:2deg}
.cloud .l7{color:var(--cr);rotate:-3deg}.cloud .l8{background:#fff;border-radius:999px;padding:.1rem 1.2rem;rotate:3deg}
.why{background:#fff}
.why::before{content:"";position:absolute;left:0;top:0;width:12px;height:100%;background:linear-gradient(var(--br),var(--go))}
.why-list i{width:3.6rem;height:3.6rem;display:grid;place-items:center;border-radius:50% 50% 50% 8px;background:linear-gradient(135deg,var(--br),var(--ru));color:var(--cg);font-size:1.3rem;box-shadow:0 10px 24px rgba(181,18,37,.3)}
.how{background:radial-gradient(circle at 85% 0,rgba(229,28,53,.45),transparent 50%),var(--ink);color:#fff}
.how .sec-title,.how .steps h3{color:var(--cg)}
.how .steps b{background:var(--ink);color:var(--cg)}
.how .steps::before{background:rgba(240,217,161,.25)}
.faq{background:linear-gradient(180deg,var(--ch),#fff)}
.final{background:radial-gradient(circle at 50% 0,rgba(240,217,161,.3),transparent 55%),linear-gradient(135deg,var(--cr),var(--ru) 70%)}
@media(max-width:1024px){
 .hero::after{top:auto;bottom:0;width:100%;height:46%;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%)}
}