/* 
Art Direction 2026: Cinnabar Graphite Precision
Palette: Primary oklch(60% 0.18 28), BG oklch(20% 0.02 28), Surface oklch(28% 0.03 28), Neutral oklch(35% 0.03 28), Text oklch(92% 0.01 28), Dim oklch(75% 0.01 28), White oklch(98% 0.01 28)
Typography: Headings - "Futura", "Century Gothic", "Avenir", sans-serif; Body - system-ui, -apple-system, sans-serif
Composition: Split-screen hero & key sections, editorial density, graphite dark theme with radial light spots
Animation: Smooth shifting radial background gradients, soft fade-ins, hover-scale on cards
*/
:root{
  --jvtn-primary:oklch(60% 0.18 28);
  --jvtn-bg:oklch(20% 0.02 28);
  --jvtn-surface:oklch(28% 0.03 28);
  --jvtn-neutral:oklch(35% 0.03 28);
  --jvtn-text:oklch(92% 0.01 28);
  --jvtn-text-dim:oklch(75% 0.01 28);
  --jvtn-white:oklch(98% 0.01 28);
  --jvtn-radius:24px;
  --jvtn-transition:.3s cubic-bezier(.4,0,.2,1);
}
html,body{overflow-x:clip;background-color:var(--jvtn-bg);color:var(--jvtn-text);margin:0;padding:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.7;font-size:clamp(16px,1vw+14px,18px);-webkit-font-smoothing:antialiased;}
[hidden]{display:none!important;}
.jvtn-container{max-width:1240px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box;}
.jvtn-skip-link{position:absolute;top:-100px;left:0;background:var(--jvtn-primary);color:white;padding:10px;z-index:3000;}
.jvtn-skip-link:focus{top:0;}
:focus-visible{outline:3px solid var(--jvtn-primary);outline-offset:4px;}
@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}
/* Topbar */
.jvtn-topbar{background:var(--jvtn-surface);font-size:13px;padding:8px 0;border-bottom:1px solid var(--jvtn-neutral);}
.jvtn-topbar-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;overflow-wrap:anywhere;}
/* Header */
.jvtn-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;}
.jvtn-logo{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere;}
.jvtn-logo-brand{font-family:"Futura",sans-serif;font-size:24px;font-weight:800;color:var(--jvtn-primary);text-decoration:none;}
.jvtn-logo-domain{font-size:11px;color:var(--jvtn-text-dim);letter-spacing:1px;}
/* Navigation */
.jvtn-nav{display:flex;align-items:center;gap:32px;}
.jvtn-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:24px;}
.jvtn-nav-link{text-decoration:none;color:var(--jvtn-text);font-weight:500;transition:var(--jvtn-transition);position:relative;}
.jvtn-nav-link:hover{color:var(--jvtn-primary);}
.jvtn-nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--jvtn-primary);transition:var(--jvtn-transition);}
.jvtn-nav-link:hover::after{width:100%;}
.jvtn-menu-toggle{display:none;padding:10px;background:none;border:1px solid var(--jvtn-neutral);color:var(--jvtn-text);border-radius:12px;cursor:pointer;}
@media(max-width:959px){
  .jvtn-menu-toggle{display:block;}
  .jvtn-nav{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--jvtn-surface);flex-direction:column;padding:80px 40px;transition:var(--jvtn-transition);z-index:1000;box-shadow:-10px 0 30px rgba(0,0,0,.5);}
  .jvtn-nav.jvtn-open{right:0;}
  .jvtn-nav-list{flex-direction:column;gap:32px;}
}
/* Hero */
.jvtn-hero{display:grid;grid-template-columns:2fr 3fr;min-height:80vh;align-items:center;gap:40px;margin-bottom:80px;}
.jvtn-hero > .jvtn-container{max-width:100%;}
.jvtn-hero-text{display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere;}
.jvtn-hero-lead{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:1.5rem;}
.jvtn-hero-visual{position:relative;border-radius:var(--jvtn-radius);overflow:hidden;}
.jvtn-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;height:auto;}
.jvtn-hero-perks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;}
.jvtn-perk{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--jvtn-text-dim);}
.jvtn-perk svg{flex-shrink:0;color:var(--jvtn-primary);}
@media(max-width:768px){
  .jvtn-hero{grid-template-columns:1fr;text-align:center;}
  .jvtn-hero-text{align-items:center;}
  .jvtn-hero-perks{justify-content:center;}
  .jvtn-hero-visual{order:-1;}
}
/* Facts */
.jvtn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px;margin-bottom:80px;}
.jvtn-fact-card{background:var(--jvtn-surface);padding:32px;border-radius:var(--jvtn-radius);text-align:center;border:1px solid var(--jvtn-neutral);transition:var(--jvtn-transition);}
.jvtn-fact-card:hover{border-color:var(--jvtn-primary);}
.jvtn-fact-val{display:block;font-family:"Futura",sans-serif;font-size:2.5rem;color:var(--jvtn-primary);margin-bottom:8px;}
.jvtn-fact-label{font-size:14px;color:var(--jvtn-text-dim);}
/* Services */
.jvtn-services-list{display:grid;gap:16px;margin-bottom:80px;}
.jvtn-service-item{background:var(--jvtn-surface);border-radius:var(--jvtn-radius);border:1px solid var(--jvtn-neutral);overflow:hidden;}
.jvtn-service-item summary{padding:24px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.25rem;transition:var(--jvtn-transition);}
.jvtn-service-item summary:hover{background:var(--jvtn-neutral);}
.jvtn-service-item .jvtn-service-content{padding:0 24px 24px 24px;color:var(--jvtn-text-dim);}
.jvtn-service-price{display:block;margin:16px 0;font-weight:700;color:var(--jvtn-text);}
.jvtn-service-number{font-size:2rem;color:var(--jvtn-primary);margin-right:12px;}
/* Process Steps */
.jvtn-process-steps{display:grid;gap:24px;margin-bottom:80px;}
.jvtn-step{background:var(--jvtn-surface);padding:24px;border-radius:var(--jvtn-radius);border:1px solid var(--jvtn-neutral);transition:var(--jvtn-transition);}
.jvtn-step:hover{border-color:var(--jvtn-primary);}
.jvtn-step-title{font-weight:700;margin-bottom:8px;}
/* Guides */
.jvtn-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;margin-bottom:80px;}
.jvtn-guide-card{background:var(--jvtn-surface);border-radius:var(--jvtn-radius);padding:32px;text-decoration:none;color:inherit;border:1px solid var(--jvtn-neutral);transition:var(--jvtn-transition);display:flex;flex-direction:column;}
.jvtn-guide-card:hover{transform:translateY(-5px);border-color:var(--jvtn-primary);}
.jvtn-guide-kicker{font-size:12px;text-transform:uppercase;color:var(--jvtn-primary);margin-bottom:8px;font-weight:700;}
.jvtn-guide-title{font-size:1.5rem;margin:0 0 12px 0;}
.jvtn-guide-meta{font-size:13px;color:var(--jvtn-text-dim);margin-top:auto;padding-top:20px;}
/* Article */
.jvtn-article-kicker{font-size:12px;text-transform:uppercase;color:var(--jvtn-primary);margin-bottom:4px;}
.jvtn-article-reading-time{font-size:14px;color:var(--jvtn-text-dim);margin-bottom:12px;}
.jvtn-article-content{max-width:75ch;margin:0 auto;}
/* FAQ */
.jvtn-faq{display:grid;gap:16px;margin-bottom:80px;}
.jvtn-faq details{background:var(--jvtn-surface);border-radius:var(--jvtn-radius);border:1px solid var(--jvtn-neutral);overflow:hidden;}
.jvtn-faq summary{padding:16px;font-weight:600;cursor:pointer;list-style:none;}
.jvtn-faq summary::marker{display:none;}
.jvtn-faq[open] summary{background:var(--jvtn-neutral);}
.jvtn-faq div{padding:16px;color:var(--jvtn-text-dim);}
/* Tables */
.jvtn-table-wrap{overflow-x:auto;margin:24px 0;border-radius:var(--jvtn-radius);border:1px solid var(--jvtn-neutral);}
.jvtn-table{width:100%;border-collapse:collapse;background:var(--jvtn-surface);}
.jvtn-table th,.jvtn-table td{padding:16px;border-bottom:1px solid var(--jvtn-neutral);}
.jvtn-table th{background:var(--jvtn-neutral);font-weight:600;}
/* Legal */
.jvtn-prose{max-width:75ch;margin:0 auto;}
.jvtn-legal-toc{background:var(--jvtn-surface);padding:24px;border-radius:var(--jvtn-radius);margin-bottom:40px;}
.jvtn-legal-toc ul{list-style:none;padding:0;}
.jvtn-legal-toc a{color:var(--jvtn-text);text-decoration:none;display:block;padding:8px 0;border-bottom:1px solid var(--jvtn-neutral);}
.jvtn-legal-note{font-size:14px;color:var(--jvtn-text-dim);margin-bottom:24px;font-style:italic;}
.jvtn-sitemap{font-size:14px;color:var(--jvtn-text-dim);}
.jvtn-figure{margin:0;padding:0;}
/* CTA Strip */
.jvtn-cta-strip{background:var(--jvtn-primary);color:var(--jvtn-white);padding:40px 0;text-align:center;margin:60px 0;border-radius:var(--jvtn-radius);}
.jvtn-cta-strip-text{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;max-width:800px;margin:0 auto;}
/* Form */
.jvtn-form{display:grid;gap:20px;max-width:600px;margin:0 auto;}
.jvtn-field{display:flex;flex-direction:column;gap:8px;}
.jvtn-field label{font-weight:500;font-size:14px;}
.jvtn-field input,.jvtn-field textarea{padding:12px;border-radius:12px;border:1px solid var(--jvtn-neutral);background:var(--jvtn-surface);color:var(--jvtn-text);font-family:inherit;}
.jvtn-field input:focus,.jvtn-field textarea:focus{outline:2px solid var(--jvtn-primary);border-color:transparent;}
.jvtn-honey{position:absolute;left:-9999px;width:1px;height:1px;}
/* Footer */
.jvtn-footer{background:var(--jvtn-surface);padding:60px 0 30px 0;margin-top:80px;border-top:1px solid var(--jvtn-neutral);}
.jvtn-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:40px;margin-bottom:40px;}
.jvtn-footer-col h4{font-size:16px;margin-bottom:20px;color:var(--jvtn-primary);}
.jvtn-footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}
.jvtn-footer-links a{color:var(--jvtn-text-dim);text-decoration:none;font-size:14px;transition:var(--jvtn-transition);}
.jvtn-footer-links a:hover{color:var(--jvtn-text);}
.jvtn-footer-bottom{border-top:1px solid var(--jvtn-neutral);padding-top:30px;font-size:13px;color:var(--jvtn-text-dim);display:flex;flex-direction:column;gap:12px;}
/* Cookie Banner */
.jvtn-cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;background:var(--jvtn-surface);border:1px solid var(--jvtn-neutral);padding:32px;border-radius:var(--jvtn-radius);z-index:2000;box-shadow:0 20px 40px rgba(0,0,0,.4);max-width:600px;margin:0 auto;}
.jvtn-cookie-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;}
.jvtn-cookie-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;}
.jvtn-cookie-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--jvtn-neutral);}
.jvtn-cookie-cat{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;font-size:14px;}
.jvtn-cookie-cat input{margin:0;transform:scale(1.2);}
.jvtn-cookie-cat[data-jvtn-cookie-cat="necessary"] input{display:none;}
/* Badge */
.jvtn-badge{width:120px;height:120px;position:absolute;top:-30px;right:-30px;animation:jvtn-rotate 10s linear infinite;}
@keyframes jvtn-rotate{to{transform:rotate(360deg);}}
.jvtn-badge-text{font-size:10px;text-transform:uppercase;font-weight:700;fill:var(--jvtn-primary);}
.jvtn-bg-glow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;}
.jvtn-glow-spot{position:absolute;width:60vw;height:60vw;background:radial-gradient(circle,oklch(40% 0.15 28/0.15) 0%,transparent 70%);border-radius:50%;animation:jvtn-drift 20s infinite alternate ease-in-out;}
.jvtn-glow-spot:nth-child(2){right:-10%;top:20%;animation-delay:-5s;}
@keyframes jvtn-drift{from{transform:translate(-10%,-10%);}to{transform:translate(10%,10%);}}
/* Additional utilities */
.jvtn-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:100px;text-decoration:none;font-weight:600;transition:var(--jvtn-transition);border:none;cursor:pointer;gap:8px;}
.jvtn-btn-primary{background:var(--jvtn-primary);color:var(--jvtn-white);}
.jvtn-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px oklch(60% 0.18 28/.3);}
.jvtn-btn-outline{background:transparent;border:1px solid var(--jvtn-neutral);color:var(--jvtn-text);}
.jvtn-btn-outline:hover{background:var(--jvtn-neutral);}
.jvtn-breadcrumbs{display:flex;gap:8px;font-size:14px;color:var(--jvtn-text-dim);}
.jvtn-figure{margin:0;padding:0;}
.jvtn-sitemap{font-size:14px;color:var(--jvtn-text-dim);}
.jvtn-honey{position:absolute;left:-9999px;width:1px;height:1px;}
.jvtn-legal-note{font-size:14px;color:var(--jvtn-text-dim);margin-bottom:24px;font-style:italic;}
.jvtn-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:100px;text-decoration:none;font-weight:600;transition:var(--jvtn-transition);border:none;cursor:pointer;gap:8px;}
.jvtn-form{display:grid;gap:20px;max-width:600px;margin:0 auto;}
.jvtn-open{right:0;}
/* Ensure no horizontal overflow on small screens */
*:not(.jvtn-badge,.jvtn-bg-glow){min-width:0;}
/* End of CSS */

/* сборка: защита от переполнения и служебные правила (промпт, разделы 6-7) */
[hidden]{display:none!important}
html,body{overflow-x:clip}
img,video{max-width:100%;height:auto}
:where(main,header,footer) :where(div,section,article,aside,ul,ol,li,figure,details,form,fieldset,nav){min-width:0}
:where(main,footer) :where(h1,h2,h3,h4,p,li,td,th,dd,dt,summary,figcaption,a){overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.jvtn-table-wrap{overflow-x:auto;max-width:100%}
.jvtn-honey{position:absolute!important;left:auto!important;right:auto!important;top:auto!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important}
:where(a){color:inherit;text-underline-offset:.2em}
:where(main) :where(section,article,div,li,figure){position:relative}
@media (max-width:479px){.jvtn-btn,:where(button,[type=submit],[type=button]){white-space:normal!important;max-width:100%;box-sizing:border-box}:where(input,select,textarea){max-width:100%!important;box-sizing:border-box}:where(header) :where(div,nav,ul,ol){column-gap:min(1rem,3vw)!important}:where(header) a.jvtn-btn:not([aria-controls]){display:none!important}}
/* Контейнер внутри сетки/флекса - на всю ширину: hero модели бывает сеткой из 12 колонок для «текст + картинка»,
   а контейнер между ними занимал одну колонку, и заголовок вставал в столбик по букве (sticketzyra.digital, 15.10.2026).
   Контейнер в hero наследует сетку родителя, чтобы span-ы детей продолжали работать. */
.jvtn-container{grid-column:1 / -1;flex:1 1 100%;min-width:0}
.jvtn-hero > .jvtn-container{display:grid;grid-template-columns:inherit;gap:inherit;align-items:inherit;justify-items:start}
.jvtn-hero > .jvtn-container > *{min-width:0}
@media (max-width:959px){html.js :where(#jvtn-menu):not(.jvtn-open){display:none!important}:where(header):has(#jvtn-menu){position:relative}:where(#jvtn-menu).jvtn-open{display:flex!important;flex-direction:column;align-items:stretch;gap:.25rem;position:absolute;left:0;right:0;top:100%;z-index:90;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1rem clamp(16px,4vw,32px) 1.5rem;box-sizing:border-box;visibility:visible!important;opacity:1!important;transform:none!important;background:var(--jvtn-bg,Canvas);color:var(--jvtn-text,CanvasText);box-shadow:0 12px 24px rgb(0 0 0 / .25)}:where(#jvtn-menu).jvtn-open a{min-height:44px;display:flex;align-items:center}}
html:not(.js) #jvtn-menu{display:flex!important;flex-wrap:wrap;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important}



/* сборка: прижать к краю - проверка ловила за краем экрана */
@media (max-width:1439px){.jvtn-hero{flex-wrap:wrap!important}}