.cnv-scope {
--cnv-ink:        #070b14;   
--cnv-deep:       #0e1b2e;   
--cnv-slate:      #8fa0bf;   
--cnv-white:      #ffffff;
--cnv-accent:     #6577f6;   
--cnv-accent-lo:  #7187ff;   
--cnv-accent-hi:  #2924c6;   
--cnv-accent-grad: linear-gradient(152.64deg, #7187ff 0%, #2924c6 100%);
--cnv-live:       #27d061;   
--cnv-gold-grad:  linear-gradient(135deg, #d9b84a 0%, #a67c2e 100%);
--cnv-bg:          var(--cnv-ink);
--cnv-surface:     rgba(255, 255, 255, .035);
--cnv-text:        var(--cnv-white);
--cnv-text-muted:  var(--cnv-slate);
--cnv-hairline:    rgba(143, 160, 191, .22);
--cnv-hairline-hi: rgba(101, 119, 246, .55);
--cnv-font:      'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
--cnv-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--cnv-fs-hero:   clamp(2.25rem, 1.35rem + 3.6vw, 4rem);   
--cnv-fs-h2:     clamp(1.875rem, 1.1rem + 3.1vw, 3.25rem);
--cnv-fs-h3:     clamp(1.1875rem, 1.05rem + 0.6vw, 1.375rem);
--cnv-fs-lead:   clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
--cnv-fs-body:   1rem;        
--cnv-fs-small:  0.875rem;    
--cnv-fs-mono:   0.8125rem;   
--cnv-fs-tag:    0.6875rem;   
--cnv-lh-tight: 1.08;
--cnv-lh-head:  1.2;
--cnv-lh-body:  1.6;
--cnv-fw-light: 300;
--cnv-fw-reg:   400;
--cnv-fw-med:   500;
--cnv-fw-semi:  600;
--cnv-fw-bold:  800;
--cnv-tr-tight: -0.03em;   
--cnv-tr-wide:  0.14em;    
--cnv-s-1: 4px;   --cnv-s-2: 8px;   --cnv-s-3: 12px;  --cnv-s-4: 16px;
--cnv-s-5: 24px;  --cnv-s-6: 32px;  --cnv-s-7: 48px;  --cnv-s-8: 64px;
--cnv-s-9: 96px;
--cnv-section-y: clamp(64px, 8vw, 128px);
--cnv-r-sm:   8px;
--cnv-r-md:   14px;
--cnv-r-lg:   20px;
--cnv-r-pill: 999px;
--cnv-maxw:      1200px;
--cnv-maxw-text: 660px;
--cnv-ease: cubic-bezier(0.4, 0, 0.2, 1);
--cnv-dur:  0.4s;
}
.cnv-scope .cnv-on-light {
--cnv-bg:         #f4f6fb;
--cnv-surface:    #ffffff;
--cnv-text:       #0e1b2e;
--cnv-text-muted: #55627a;
--cnv-hairline:   rgba(14, 27, 46, .1);
}
.cnv-scope {
font-family: var(--cnv-font);
font-size: var(--cnv-fs-body);
line-height: var(--cnv-lh-body);
color: var(--cnv-text);
background: var(--cnv-bg);
-webkit-font-smoothing: antialiased;
}
.cnv-section { position: relative; padding: var(--cnv-section-y) var(--cnv-s-5); background: var(--cnv-bg); scroll-margin-top: 84px; }
.cnv-section--deep { background: var(--cnv-deep); }
.cnv-wrap { max-width: var(--cnv-maxw); margin: 0 auto; }
.cnv-wrap--text { max-width: var(--cnv-maxw-text); }
.cnv-grid { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 720px)  { .cnv-grid--2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 720px)  { .cnv-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .cnv-grid--3 { grid-template-columns: repeat(3, 1fr); } }
.cnv-offset { display: grid; gap: var(--cnv-s-7); }
@media (min-width: 940px) {
.cnv-offset { grid-template-columns: minmax(260px, 1fr) minmax(0, 1.6fr); gap: var(--cnv-s-9); }
.cnv-offset__aside { position: sticky; top: 96px; align-self: start; }
}
.cnv-aurora { position: absolute; inset: 0; overflow: hidden; background: var(--cnv-ink); z-index: 0; pointer-events: none; contain: paint; }
.cnv-aurora::before,
.cnv-aurora::after {
content: "";
position: absolute; inset: -60%;
width: 220%; height: 220%;
border-radius: 50%;
will-change: transform, opacity;
}
.cnv-aurora::before {
background: radial-gradient(42% 46% at 30% 46%, rgba(53, 47, 214, .82) 0%, rgba(101, 119, 246, .34) 34%, transparent 66%);
animation: cnv-drift-a 30s var(--cnv-ease) infinite alternate;
}
.cnv-aurora::after {
background: radial-gradient(40% 44% at 72% 54%, rgba(24, 132, 174, .66) 0%, rgba(39, 146, 216, .18) 32%, transparent 64%);
animation: cnv-drift-b 38s var(--cnv-ease) infinite alternate;
}
.cnv-aurora-grain {
position: absolute; inset: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 180px 180px;
opacity: .045;
}
.cnv-aurora-host { position: relative; }
.cnv-aurora-host > .cnv-wrap { position: relative; z-index: 1; }
@keyframes cnv-drift-a {
0%   { transform: translate(0, 0) scale(1);        opacity: .75; }
100% { transform: translate(3%, -2%) scale(1.06);  opacity: .95; }
}
@keyframes cnv-drift-b {
0%   { transform: translate(0, 0) scale(1);        opacity: .6; }
100% { transform: translate(-3%, 2%) scale(1.04);  opacity: .85; }
}
.cnv-h1 {
margin: 0 0 var(--cnv-s-5);
font-size: var(--cnv-fs-hero);
font-weight: var(--cnv-fw-semi);      
line-height: var(--cnv-lh-tight);
letter-spacing: var(--cnv-tr-tight);
color: var(--cnv-text);
text-wrap: balance;
}
.cnv-h2 {
margin: 0 0 var(--cnv-s-5);
font-size: var(--cnv-fs-h2);
font-weight: var(--cnv-fw-semi);
line-height: var(--cnv-lh-head);
letter-spacing: var(--cnv-tr-tight);
color: var(--cnv-text);
text-wrap: balance;
}
.cnv-h3 {
margin: 0 0 var(--cnv-s-3);
font-size: var(--cnv-fs-h3);
font-weight: var(--cnv-fw-semi);
line-height: var(--cnv-lh-head);
color: var(--cnv-text);
}
.cnv-lead {
margin: 0 0 var(--cnv-s-6);
font-size: var(--cnv-fs-lead);
font-weight: var(--cnv-fw-light);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
}
.cnv-p { margin: 0 0 var(--cnv-s-4); color: var(--cnv-text-muted); }
.cnv-accent { color: var(--cnv-accent); }
.cnv-gold { background: var(--cnv-gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cnv-eyebrow {
display: block;
margin-bottom: var(--cnv-s-4);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
font-weight: var(--cnv-fw-med);
letter-spacing: var(--cnv-tr-wide);
text-transform: uppercase;
color: var(--cnv-accent);
}
.cnv-mono { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-text-muted); }
.cnv-btn {
display: inline-flex; align-items: center; justify-content: center; gap: var(--cnv-s-2);
padding: 15px 30px;
border: 0; border-radius: var(--cnv-r-sm);
font-family: var(--cnv-font);
font-size: var(--cnv-fs-body);
font-weight: var(--cnv-fw-semi);
line-height: 1.2;
text-decoration: none;
cursor: pointer;
transition: transform var(--cnv-dur) var(--cnv-ease), box-shadow var(--cnv-dur) var(--cnv-ease);
}
.cnv-btn--primary { background: var(--cnv-accent-grad); color: var(--cnv-white); }
.cnv-btn--primary:hover { transform: translateY(-2px); }
.cnv-btn--ghost { background: transparent; color: var(--cnv-text); border: 1px solid var(--cnv-hairline); }
.cnv-btn--ghost:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-2px); }
.cnv-btn:focus-visible { outline: 3px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-btn__arrow { transition: transform var(--cnv-dur) var(--cnv-ease); }
.cnv-btn:hover .cnv-btn__arrow { transform: translateX(4px); }
.cnv-btn-row { display: flex; flex-wrap: wrap; gap: var(--cnv-s-4); }
.cnv-card {
padding: var(--cnv-s-6);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: var(--cnv-surface);
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-card:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-3px); }
.cnv-card__title { margin: 0 0 var(--cnv-s-3); font-size: var(--cnv-fs-h3); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-card__text  { margin: 0; font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); color: var(--cnv-text-muted); }
.cnv-feed {
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: rgba(7, 11, 20, .88);
overflow: hidden;
}
.cnv-feed__head {
display: flex; align-items: center; gap: var(--cnv-s-3);
padding: var(--cnv-s-4) var(--cnv-s-5);
border-bottom: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide);
text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-feed__pulse {
width: 7px; height: 7px; border-radius: 50%;
background: var(--cnv-live);
box-shadow: 0 0 0 0 rgba(39, 208, 97, .6);
animation: cnv-pulse 2.4s var(--cnv-ease) infinite;
}
@keyframes cnv-pulse {
0%   { box-shadow: 0 0 0 0 rgba(39, 208, 97, .55); }
70%  { box-shadow: 0 0 0 9px rgba(39, 208, 97, 0); }
100% { box-shadow: 0 0 0 0 rgba(39, 208, 97, 0); }
}
.cnv-feed__list { margin: 0; padding: var(--cnv-s-3); list-style: none; }
.cnv-feed__row {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: var(--cnv-s-4);
padding: var(--cnv-s-4);
border-radius: var(--cnv-r-md);
opacity: 0;
transform: translateY(10px);
}
.cnv-feed__row.cnv-is-in { opacity: 1; transform: none; transition: opacity .5s var(--cnv-ease), transform .5s var(--cnv-ease); }
.cnv-feed__row:hover { background: rgba(101, 119, 246, .07); }
.cnv-feed__time { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-slate); }
.cnv-feed__chan {
display: inline-block; margin-bottom: 3px;
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase; color: var(--cnv-accent);
}
.cnv-feed__text { display: block; font-size: var(--cnv-fs-small); color: var(--cnv-text); }
.cnv-feed__status {
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: .08em; text-transform: uppercase;
color: var(--cnv-live); white-space: nowrap;
}
.cnv-feed__foot {
padding: var(--cnv-s-4) var(--cnv-s-5);
border-top: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono);
color: var(--cnv-text-muted);
}
.cnv-feed__lost { color: var(--cnv-white); }
.cnv-flow { display: grid; gap: var(--cnv-s-4); margin: 0; padding: 0; list-style: none; }
@media (min-width: 900px) { .cnv-flow { grid-template-columns: repeat(5, 1fr); } }
.cnv-flow__item { padding: var(--cnv-s-5) 0 0; border-top: 2px solid var(--cnv-hairline); transition: border-color var(--cnv-dur) var(--cnv-ease); }
.cnv-flow__item:hover { border-color: var(--cnv-accent); }
.cnv-flow__num { display: block; margin-bottom: var(--cnv-s-3); font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); letter-spacing: var(--cnv-tr-wide); color: var(--cnv-accent); }
.cnv-flow__title { margin: 0 0 var(--cnv-s-2); font-size: var(--cnv-fs-body); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-flow__text { margin: 0; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-price-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--cnv-hairline); }
.cnv-price {
display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--cnv-s-4);
padding: var(--cnv-s-5) var(--cnv-s-3);
border-bottom: 1px solid var(--cnv-hairline);
transition: background var(--cnv-dur) var(--cnv-ease), padding-left var(--cnv-dur) var(--cnv-ease);
}
.cnv-price:hover { background: rgba(101, 119, 246, .06); padding-left: var(--cnv-s-5); }
.cnv-price__name { font-size: var(--cnv-fs-lead); font-weight: var(--cnv-fw-med); color: var(--cnv-text); }
.cnv-price__value { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-accent); white-space: nowrap; }
.cnv-price__value--free { color: var(--cnv-live); }
.cnv-case__metrics { display: flex; flex-wrap: wrap; gap: var(--cnv-s-5); margin: var(--cnv-s-5) 0 0; padding: 0; list-style: none; }
.cnv-case__metric strong { display: block; font-size: 1.625rem; font-weight: var(--cnv-fw-bold); line-height: 1; letter-spacing: var(--cnv-tr-tight); color: var(--cnv-accent); }
.cnv-case__metric span { display: block; margin-top: 6px; font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); color: var(--cnv-text-muted); }
.cnv-case__stack { margin: var(--cnv-s-5) 0 0; font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); color: var(--cnv-text-muted); }
.cnv-acc { border-top: 1px solid var(--cnv-hairline); }
.cnv-acc__item { border-bottom: 1px solid var(--cnv-hairline); }
.cnv-acc__btn {
display: flex; align-items: center; justify-content: space-between; gap: var(--cnv-s-4);
width: 100%; padding: var(--cnv-s-5) 0;
border: 0; background: transparent;
font-family: var(--cnv-font); font-size: var(--cnv-fs-lead); font-weight: var(--cnv-fw-med);
color: var(--cnv-text); text-align: left; cursor: pointer;
}
.cnv-acc__btn:focus-visible { outline: 3px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-acc__icon { flex: 0 0 auto; font-family: var(--cnv-font-mono); color: var(--cnv-accent); transition: transform var(--cnv-dur) var(--cnv-ease); }
.cnv-acc__btn[aria-expanded="true"] .cnv-acc__icon { transform: rotate(45deg); }
.cnv-acc__panel { overflow: hidden; height: 0; transition: height var(--cnv-dur) var(--cnv-ease); }
.cnv-acc__inner { padding: 0 0 var(--cnv-s-5); font-size: var(--cnv-fs-body); color: var(--cnv-text-muted); }
.cnv-reveal { opacity: 0; transform: translateY(14px); transition: opacity .45s var(--cnv-ease), transform .45s var(--cnv-ease); }
.cnv-reveal.cnv-is-in { opacity: 1; transform: none; }
.cnv-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cnv-skip { position: absolute; left: -9999px; padding: var(--cnv-s-3) var(--cnv-s-4); background: var(--cnv-accent); color: var(--cnv-white); border-radius: var(--cnv-r-sm); }
.cnv-skip:focus { left: var(--cnv-s-4); top: var(--cnv-s-4); z-index: 100; }
@media (prefers-reduced-motion: reduce) {
.cnv-reveal { opacity: 1; transform: none; }
.cnv-feed__row { opacity: 1; transform: none; }
.cnv-aurora::before, .cnv-aurora::after { animation: none; }
.cnv-feed__pulse { animation: none; }
}
.cnv-cursor-layer {
position: fixed;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 3;
}
.cnv-cursor-glow {
position: absolute;
top: 0; left: 0;
width: 520px; height: 520px;
margin: -260px 0 0 -260px;
border-radius: 50%;
background: radial-gradient(circle, rgba(113,135,255,.20) 0%, rgba(113,135,255,.09) 35%, transparent 68%);
pointer-events: none;
opacity: 0;
z-index: 3;
transition: opacity .6s var(--cnv-ease);
will-change: transform;
transform: translateZ(0);
contain: paint;
}
.cnv-cursor-glow.cnv-is-on { opacity: 1; }
.cnv-cursor-dot {
position: absolute;
top: 0; left: 0;
width: 7px; height: 7px;
margin: -3.5px 0 0 -3.5px;
border-radius: 50%;
background: var(--cnv-accent);
box-shadow: 0 0 14px 3px rgba(113,135,255,.65);
pointer-events: none;
opacity: 0;
z-index: 4;
transition: opacity .3s var(--cnv-ease), width .25s var(--cnv-ease),
height .25s var(--cnv-ease), margin .25s var(--cnv-ease);
will-change: transform;
}
.cnv-cursor-dot.cnv-is-on { opacity: .9; }
.cnv-cursor-dot.cnv-is-hot {
width: 34px; height: 34px;
margin: -17px 0 0 -17px;
background: transparent;
border: 1.5px solid var(--cnv-accent);
box-shadow: 0 0 22px 4px rgba(113,135,255,.45);
}
.cnv-spot { position: relative; overflow: hidden; }
.cnv-spot::before {
content: "";
position: absolute; inset: 0;
background: radial-gradient(340px circle at var(--cnv-mx, 50%) var(--cnv-my, 50%), rgba(113,135,255,.20), transparent 62%);
opacity: 0;
transition: opacity var(--cnv-dur) var(--cnv-ease);
pointer-events: none;
}
.cnv-spot:hover::before { opacity: 1; }
.cnv-card.cnv-spot::before {
background: radial-gradient(340px circle at var(--cnv-mx, 50%) var(--cnv-my, 50%), rgba(63,84,197,.10), transparent 62%);
}
.cnv-spot::after {
content: "";
position: absolute; inset: 0;
border-radius: inherit;
padding: 1px;
background: radial-gradient(280px circle at var(--cnv-mx, 50%) var(--cnv-my, 50%), rgba(113,135,255,.65), transparent 60%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite: exclude;
opacity: 0;
transition: opacity var(--cnv-dur) var(--cnv-ease);
pointer-events: none;
}
.cnv-spot:hover::after { opacity: 1; }
.cnv-btn { position: relative; isolation: isolate; }
.cnv-btn::before {
content: "";
position: absolute;
inset: -3px;
z-index: -1;
border-radius: inherit;
background: var(--cnv-accent-grad);
filter: blur(16px);
opacity: 0;
transform: scale(.9);
transition: opacity var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-btn:hover::before,
.cnv-btn:focus-visible::before { opacity: .75; transform: scale(1.04); }
.cnv-btn--ghost::before { background: var(--cnv-accent); }
.cnv-field { position: relative; display: block; margin-bottom: var(--cnv-s-4); }
.cnv-field__label {
display: block;
margin-bottom: var(--cnv-s-2);
font-size: var(--cnv-fs-small);
font-weight: var(--cnv-fw-semi);
color: var(--cnv-text-muted);
}
.cnv-input {
display: block;
width: 100%;
box-sizing: border-box;
padding: 14px 18px;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-sm);
background: rgba(255,255,255,.04);
font-family: var(--cnv-font);
font-size: var(--cnv-fs-body);
line-height: var(--cnv-lh-body);
color: var(--cnv-text);
transition: border-color var(--cnv-dur) var(--cnv-ease),
box-shadow var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease);
}
.cnv-input::placeholder { color: var(--cnv-text-muted); opacity: .7; }
.cnv-input:hover { border-color: rgba(113,135,255,.45); }
.cnv-input:focus {
outline: none;
border-color: var(--cnv-accent);
background: rgba(255,255,255,.07);
box-shadow: 0 0 0 4px rgba(113,135,255,.18), 0 10px 30px rgba(41,36,198,.22);
}
.cnv-input:focus-visible { outline: 2px solid var(--cnv-accent); outline-offset: 2px; }
.cnv-field::after {
content: "";
position: absolute; left: 18px; right: 18px; bottom: 0;
height: 2px;
border-radius: 2px;
background: var(--cnv-accent-grad);
transform: scaleX(0);
transform-origin: left center;
transition: transform var(--cnv-dur) var(--cnv-ease);
pointer-events: none;
}
.cnv-field:focus-within::after { transform: scaleX(1); }
.cnv-form {
padding: var(--cnv-s-7);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: rgba(18, 24, 40, .92);
}
.cnv-consent {
display: flex; align-items: flex-start; gap: var(--cnv-s-3);
margin: var(--cnv-s-4) 0;
font-size: var(--cnv-fs-small);
color: var(--cnv-text-muted);
}
.cnv-consent__box {
flex: 0 0 auto;
width: 18px; height: 18px;
margin-top: 2px;
accent-color: var(--cnv-accent);
cursor: pointer;
}
.cnv-consent .cnv-link { color: var(--cnv-accent); }
.cnv-link {
position: relative;
color: var(--cnv-text);
text-decoration: none;
}
.cnv-link::after {
content: "";
position: absolute; left: 0; right: 0; bottom: -3px;
height: 1.5px;
background: var(--cnv-accent-grad);
transform: scaleX(0);
transform-origin: left center;
transition: transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-link:hover::after,
.cnv-link:focus-visible::after { transform: scaleX(1); }
@media (hover: none) {
.cnv-cursor-glow,
.cnv-cursor-dot { display: none; }
.cnv-spot::before,
.cnv-spot::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.cnv-cursor-glow,
.cnv-cursor-dot { display: none; }
.cnv-btn:hover::after { animation: none; }
.cnv-aurora::before,
.cnv-aurora::after,
.cnv-aurora-l1,
.cnv-aurora-l2 { animation: none; }
}
.cnv-scope {
--cnv-gold:      #d9b84a;
--cnv-gold-deep: #a67c2e;
}
.cnv-gravity {
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 1;
}
.cnv-scope .cnv-wrap,
.cnv-scope .cnv-hero__inner,
.cnv-scope .cnv-whero__inner,
.cnv-scope .cnv-foot__grid,
.cnv-scope .cnv-foot__legal,
.cnv-scope .cnv-wtop__inner { position: relative; z-index: 2; }
.cnv-scope .cnv-wtop { z-index: 30; }
.cnv-scope .cnv-wbar { z-index: 40; }
.cnv-constellation {
position: relative;
width: 100%;
min-height: 340px;
aspect-ratio: 1 / 1;
cursor: grab;
touch-action: pan-y;    
}
.cnv-constellation:active { cursor: grabbing; }
.cnv-constellation canvas { display: block; width: 100%; height: 100%; }
.cnv-constellation__hint {
position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase;
color: var(--cnv-text-muted); opacity: .55;
pointer-events: none;
}
.cnv-flowgrid { display: grid; gap: var(--cnv-s-7); margin-top: var(--cnv-s-7); }
@media (min-width: 1040px) {
.cnv-flowgrid { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: var(--cnv-s-8); align-items: start; }
.cnv-flowgrid__aside { position: sticky; top: 110px; }
}
.cnv-flow { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 860px) {
.cnv-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cnv-s-6) var(--cnv-s-8); }
.cnv-flow__card:nth-child(even) { transform: translateY(46px); }
}
.cnv-flow__card {
position: relative;
display: flex; flex-direction: column; gap: var(--cnv-s-3);
padding: var(--cnv-s-6) var(--cnv-s-6) calc(var(--cnv-s-6) + 14px);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: rgba(255, 255, 255, .035);
transition: border-color var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease);
}
.cnv-flow__card:hover {
border-color: var(--cnv-hairline-hi);
background: rgba(101, 119, 246, .07);
}
@media (min-width: 860px) {
.cnv-flow__card:hover { transform: translateY(-4px); }
.cnv-flow__card:nth-child(even):hover { transform: translateY(42px); }
}
.cnv-flow__num {
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide);
color: var(--cnv-gold);
}
.cnv-flow__title {
margin: 0;
font-size: clamp(1.25rem, 1.05rem + 1vw, 1.75rem);
font-weight: var(--cnv-fw-semi);
letter-spacing: var(--cnv-tr-tight);
color: var(--cnv-accent);
}
.cnv-flow__list { display: grid; gap: var(--cnv-s-3); margin: var(--cnv-s-2) 0 0; padding: 0; list-style: none; }
.cnv-flow__list li {
position: relative;
padding-left: 18px;
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
}
.cnv-flow__list li::before {
content: "";
position: absolute; left: 0; top: .62em;
width: 5px; height: 5px; border-radius: 50%;
background: var(--cnv-accent);
}
@media (min-width: 860px) {
.cnv-flow__card:not(:last-child)::after {
content: "";
position: absolute; right: calc(var(--cnv-s-8) * -1 - 2px); top: 50%;
width: var(--cnv-s-8); height: 1px;
background: linear-gradient(90deg, var(--cnv-hairline-hi), transparent);
}
.cnv-flow__card:nth-child(even)::after { display: none; }
}
.cnv-srv { display: grid; gap: 0; border-top: 1px solid var(--cnv-hairline); }
.cnv-srv__row {
display: grid;
gap: var(--cnv-s-3);
padding: var(--cnv-s-5) 0;
border-bottom: 1px solid var(--cnv-hairline);
transition: background var(--cnv-dur) var(--cnv-ease), padding-left var(--cnv-dur) var(--cnv-ease);
}
.cnv-srv__row:hover {
background: rgba(101, 119, 246, .05);
padding-left: var(--cnv-s-4);
}
@media (min-width: 780px) {
.cnv-srv__row {
grid-template-columns: minmax(0, 1fr) auto auto;
align-items: center;
gap: var(--cnv-s-5);
}
}
.cnv-srv__name {
font-size: var(--cnv-fs-lead);
font-weight: var(--cnv-fw-med);
color: var(--cnv-text);
}
.cnv-srv__price {
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-mono);
color: var(--cnv-gold);          
white-space: nowrap;
}
.cnv-srv__price--free { color: var(--cnv-live); }
.cnv-srv__actions { display: flex; gap: var(--cnv-s-2); flex-wrap: wrap; }
.cnv-srv__actions .cnv-btn { padding: 9px 18px; font-size: var(--cnv-fs-small); }
.cnv-nav__link {
position: relative;
display: inline-block;
padding: 6px 2px;
font-size: var(--cnv-fs-small);
font-weight: var(--cnv-fw-reg);
color: var(--cnv-text-muted);
text-decoration: none;
transform-origin: center bottom;
transition: color .28s var(--cnv-ease),
transform .28s var(--cnv-ease),
font-weight .28s var(--cnv-ease),
text-shadow .28s var(--cnv-ease);
}
.cnv-nav__link::after {
content: "";
position: absolute; left: 0; right: 0; bottom: 0;
height: 2px; border-radius: 2px;
background: var(--cnv-accent-grad);
transform: scaleX(0);
transform-origin: left center;
transition: transform .28s var(--cnv-ease);
}
.cnv-nav__link:hover,
.cnv-nav__link:focus-visible {
color: var(--cnv-white);
font-weight: var(--cnv-fw-semi);
transform: scale(1.14);
text-shadow: 0 0 18px rgba(101, 119, 246, .75);
}
.cnv-nav__link:hover::after,
.cnv-nav__link:focus-visible::after { transform: scaleX(1); }
.cnv-wtop__cta:hover,
.cnv-header .cnv-btn:hover {
box-shadow: 0 0 0 1px rgba(113, 135, 255, .5),
0 10px 34px rgba(41, 36, 198, .6),
0 0 60px rgba(101, 119, 246, .35);
}
.cnv-wtop__cta::before,
.cnv-header .cnv-btn::before { filter: blur(20px); }
.cnv-wtop__cta:hover::before,
.cnv-header .cnv-btn:hover::before { opacity: .95; transform: scale(1.12); }
.cnv-slider { position: relative; }
.cnv-slider__viewport { overflow: hidden; border-radius: var(--cnv-r-lg); }
.cnv-slider__track {
display: flex;
transition: transform .6s var(--cnv-ease);
will-change: transform;
}
.cnv-slide {
flex: 0 0 100%;
min-width: 100%;
box-sizing: border-box;
padding: clamp(24px, 4vw, 48px);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: rgba(255, 255, 255, .035);
}
.cnv-slide__quote {
margin: 0 0 var(--cnv-s-6);
font-size: clamp(1rem, .95rem + .5vw, 1.25rem);
line-height: 1.65;
color: var(--cnv-text);
}
.cnv-slide__quote::before {
content: "«";
color: var(--cnv-gold);
font-size: 1.4em;
line-height: 0;
vertical-align: -.15em;
margin-right: .12em;
}
.cnv-slide__quote::after { content: "»"; color: var(--cnv-gold); }
.cnv-slide__who { display: flex; align-items: center; gap: var(--cnv-s-4); }
.cnv-slide__ava {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
width: 46px; height: 46px; border-radius: 50%;
background: linear-gradient(135deg, var(--cnv-gold) 0%, var(--cnv-gold-deep) 100%);
font-size: var(--cnv-fs-body); font-weight: var(--cnv-fw-bold);
color: #16120a;
}
.cnv-slide__company { display: block; font-size: var(--cnv-fs-body); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-slide__role { display: block; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-slider__nav {
display: flex; align-items: center; justify-content: space-between; gap: var(--cnv-s-4);
margin-top: var(--cnv-s-5);
}
.cnv-slider__btn {
display: inline-flex; align-items: center; justify-content: center;
width: 46px; height: 46px; flex: 0 0 auto;
border: 1px solid var(--cnv-hairline);
border-radius: 50%;
background: transparent;
color: var(--cnv-text);
font-size: 18px;
cursor: pointer;
transition: border-color var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-slider__btn:hover {
border-color: var(--cnv-hairline-hi);
background: rgba(101, 119, 246, .14);
transform: scale(1.08);
}
.cnv-slider__btn:focus-visible { outline: 3px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-slider__dots { display: flex; flex-wrap: wrap; gap: var(--cnv-s-2); justify-content: center; }
.cnv-slider__dot {
width: 8px; height: 8px; padding: 0;
border: 0; border-radius: 50%;
background: rgba(143, 160, 191, .35);
cursor: pointer;
transition: background var(--cnv-dur) var(--cnv-ease), width var(--cnv-dur) var(--cnv-ease);
}
.cnv-slider__dot.cnv-is-on { width: 24px; border-radius: 4px; background: var(--cnv-gold); }
.cnv-slider__dot:focus-visible { outline: 2px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-logos { position: relative; overflow: hidden; }
.cnv-logos::before,
.cnv-logos::after {
content: "";
position: absolute; top: 0; bottom: 0; width: 90px; z-index: 2;
pointer-events: none;
}
.cnv-logos::before { left: 0;  background: linear-gradient(90deg, var(--cnv-bg), transparent); }
.cnv-logos::after  { right: 0; background: linear-gradient(270deg, var(--cnv-bg), transparent); }
.cnv-logos__track { display: flex; width: max-content; animation: cnv-marquee 42s linear infinite; }
.cnv-logos:hover .cnv-logos__track { animation-play-state: paused; }
.cnv-logos__item {
flex: 0 0 auto;
display: flex; align-items: center; justify-content: center;
width: 170px; height: 84px;
margin-right: var(--cnv-s-5);
padding: 14px 18px;
box-sizing: border-box;
background: #fff;
border-radius: var(--cnv-r-md);
transition: transform var(--cnv-dur) var(--cnv-ease), box-shadow var(--cnv-dur) var(--cnv-ease);
}
.cnv-logos__item img {
max-width: 100%; max-height: 100%;
object-fit: contain;
filter: grayscale(1) opacity(.75);
transition: filter var(--cnv-dur) var(--cnv-ease);
}
.cnv-logos__item:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.cnv-logos__item:hover img { filter: none; }
@keyframes cnv-marquee {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.cnv-logos__track { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; }
}
.cnv-foot { padding: clamp(48px, 6vw, 88px) var(--cnv-s-5) var(--cnv-s-6); background: var(--cnv-deep); }
.cnv-foot__grid { display: grid; gap: var(--cnv-s-7); max-width: var(--cnv-maxw); margin: 0 auto; }
@media (min-width: 900px) {
.cnv-foot__grid { grid-template-columns: 1.15fr 1fr 1fr 1.05fr; gap: var(--cnv-s-6); }
}
.cnv-foot__head {
margin: 0 0 var(--cnv-s-4);
font-size: var(--cnv-fs-body);
font-weight: var(--cnv-fw-semi);
color: var(--cnv-accent);
}
.cnv-foot__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cnv-foot__list a {
font-size: var(--cnv-fs-small);
color: var(--cnv-text-muted);
text-decoration: none;
transition: color var(--cnv-dur) var(--cnv-ease), padding-left var(--cnv-dur) var(--cnv-ease);
}
.cnv-foot__list a:hover { color: var(--cnv-white); padding-left: 5px; }
.cnv-foot__logo img { display: block; height: 44px; width: auto; margin-bottom: var(--cnv-s-4); }
.cnv-foot__soc { display: flex; gap: var(--cnv-s-3); margin-bottom: var(--cnv-s-5); }
.cnv-foot__soc a {
display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px;
border: 1px solid var(--cnv-hairline);
border-radius: 50%;
color: var(--cnv-text-muted);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease),
color var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-foot__soc a:hover {
border-color: var(--cnv-hairline-hi);
background: rgba(101, 119, 246, .14);
color: var(--cnv-white);
transform: translateY(-3px);
}
.cnv-foot__soc svg { width: 18px; height: 18px; fill: currentColor; }
.cnv-foot__docs { display: grid; gap: 7px; margin: var(--cnv-s-4) 0 0; padding: 0; list-style: none; }
.cnv-foot__docs a { font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); text-decoration: none; }
.cnv-foot__docs a:hover { color: var(--cnv-accent); }
.cnv-foot__legal {
max-width: var(--cnv-maxw);
margin: var(--cnv-s-7) auto 0;
padding-top: var(--cnv-s-5);
border-top: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-mono);
line-height: 1.85;
color: var(--cnv-text-muted);
}
.cnv-case__head { display: flex; align-items: center; gap: var(--cnv-s-4); margin-bottom: var(--cnv-s-4); }
.cnv-case__logo {
flex: 0 0 auto;
display: flex; align-items: center; justify-content: center;
width: 56px; height: 56px;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: rgba(255, 255, 255, .06);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-body);
font-weight: var(--cnv-fw-bold);
color: var(--cnv-gold);
}
.cnv-case__logo img { max-width: 78%; max-height: 78%; filter: grayscale(1) brightness(0) invert(1) opacity(.9); }
.cnv-case__name { font-size: var(--cnv-fs-h3); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-case__sector { display: block; font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); color: var(--cnv-text-muted); }
.cnv-case__num { color: var(--cnv-gold); }
.cnv-case__metric strong,
.cnv-metric__value,
.cnv-trust b,
.cnv-facts b { color: var(--cnv-gold); }
.cnv-flow { position: relative; }
.cnv-flow__path {
position: absolute; inset: 0;
width: 100%; height: 100%;
pointer-events: none;
overflow: visible;
z-index: 0;
}
.cnv-flow__path-base {
fill: none;
stroke: rgba(101, 119, 246, .22);
stroke-width: 1.5;
stroke-linecap: round;
}
.cnv-flow__path-run {
fill: none;
stroke: url(#cnvFlowGrad);
stroke-width: 2.5;
stroke-linecap: round;
animation: cnv-flow-run 5.5s linear infinite;
}
@keyframes cnv-flow-run {
from { stroke-dashoffset: var(--cnv-flow-len, 1400); }
to   { stroke-dashoffset: 0; }
}
.cnv-flow__card { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
.cnv-flow__path-run { animation: none; }
}
.cnv-chips {
display: flex; flex-wrap: wrap; gap: var(--cnv-s-3);
margin-bottom: clamp(28px, 4vw, 48px);
}
.cnv-chip {
padding: 10px 20px;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-pill);
background: transparent;
font-family: var(--cnv-font);
font-size: var(--cnv-fs-small);
font-weight: var(--cnv-fw-med);
color: var(--cnv-text-muted);
cursor: pointer;
transition: border-color var(--cnv-dur) var(--cnv-ease),
color var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-chip:hover { color: var(--cnv-white); border-color: var(--cnv-hairline-hi); transform: translateY(-2px); }
.cnv-chip:focus-visible { outline: 3px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-chip.cnv-is-on {
background: var(--cnv-accent-grad);
border-color: transparent;
color: #fff;
}
.cnv-cs { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 680px)  { .cnv-cs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1060px) { .cnv-cs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cnv-cs__card {
display: flex; flex-direction: column; gap: var(--cnv-s-3);
padding: var(--cnv-s-6);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: var(--cnv-surface);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-cs__card:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-4px); }
.cnv-cs__card[hidden] { display: none; }
.cnv-cs__top { display: flex; align-items: center; justify-content: space-between; gap: var(--cnv-s-3); }
.cnv-cs__geo {
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-cs__name { font-size: var(--cnv-fs-h3); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-cs__sector { font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); color: var(--cnv-text-muted); }
.cnv-cs__metrics { display: flex; flex-wrap: wrap; gap: var(--cnv-s-5); margin-top: var(--cnv-s-2); }
.cnv-cs__metric { display: flex; flex-direction: column; gap: 2px; }
.cnv-cs__metric b {
font-size: clamp(1.25rem, 1.05rem + .9vw, 1.6rem);
font-weight: var(--cnv-fw-bold);
letter-spacing: var(--cnv-tr-tight);
color: var(--cnv-gold);
}
.cnv-cs__metric i {
font-style: normal;
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
color: var(--cnv-text-muted);
}
.cnv-cs__note {
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
opacity: .8;
}
.cnv-cs__go { margin-top: auto; padding-top: var(--cnv-s-3); font-size: var(--cnv-fs-small); color: var(--cnv-accent); }
.cnv-cs__card--soon { background: transparent; border-style: dashed; }
.cnv-card--link { display: flex; flex-direction: column; text-decoration: none; }
.cnv-card__go {
margin-top: auto;
padding-top: var(--cnv-s-4);
font-size: var(--cnv-fs-small);
color: var(--cnv-accent);
transition: transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-card--link:hover .cnv-card__go { transform: translateX(4px); }
.cnv-metric {
display: flex;
flex-direction: column;
gap: var(--cnv-s-2);
padding: var(--cnv-s-5) 0;
border-top: 1px solid var(--cnv-hairline);
}
.cnv-metric__value {
font-size: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
font-weight: var(--cnv-fw-bold);
line-height: 1;
letter-spacing: var(--cnv-tr-tight);
color: var(--cnv-gold);
}
.cnv-metric__label {
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-mono);
line-height: 1.5;
color: var(--cnv-text-muted);
}
.cnv-art { max-width: 46rem; }
.cnv-art__meta {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--cnv-s-4);
margin: 0 0 var(--cnv-s-5);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono);
color: var(--cnv-text-muted);
}
.cnv-art__h2 {
margin: clamp(36px, 4.5vw, 56px) 0 var(--cnv-s-4);
font-size: clamp(1.3rem, 1.1rem + 1vw, 1.65rem);
color: var(--cnv-text);
}
.cnv-art__h2:first-child { margin-top: 0; }
.cnv-art__p {
margin: 0 0 var(--cnv-s-5);
font-size: var(--cnv-fs-lead);
line-height: 1.72;
color: var(--cnv-text-muted);
}
.cnv-art__p b { color: var(--cnv-text); font-weight: var(--cnv-fw-semi); }
.cnv-link--inline {
color: var(--cnv-accent);
border-bottom: 1px solid rgba(101, 119, 246, .4);
}
.cnv-link--inline:hover { border-bottom-color: var(--cnv-accent); }
.cnv-link--inline::after { display: none; }
.cnv-art__takeaway {
margin-top: clamp(40px, 5vw, 64px);
padding: var(--cnv-s-6);
border-left: 3px solid var(--cnv-gold);
border-radius: 0 var(--cnv-r-md) var(--cnv-r-md) 0;
background: rgba(217, 184, 74, .07);
}
.cnv-art__takeaway .cnv-art__p { color: var(--cnv-text); }
.cnv-wtop {
position: sticky; top: 0; z-index: 30;
background: rgba(7, 11, 20, .95);
border-bottom: 1px solid var(--cnv-hairline);
}
.cnv-wtop__inner {
display: flex; align-items: center; gap: var(--cnv-s-5);
max-width: var(--cnv-maxw); margin: 0 auto;
padding: var(--cnv-s-3) var(--cnv-s-5);
}
.cnv-wtop__logo { flex: 0 0 auto; display: flex; }
.cnv-wtop__logo img { display: block; height: 40px; width: auto; }
.cnv-wtop__nav { display: none; gap: var(--cnv-s-6); margin-left: auto; }
.cnv-wtop__nav .cnv-link { font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-wtop__cta { flex: 0 0 auto; margin-left: auto; padding: 10px 20px; font-size: var(--cnv-fs-small); }
@media (min-width: 1040px) {
.cnv-wtop__nav { display: flex; }
.cnv-wtop__cta { margin-left: 0; }
}
.cnv-wbar {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
display: flex; align-items: center; gap: var(--cnv-s-4);
padding: var(--cnv-s-3) var(--cnv-s-5);
background: rgba(7, 11, 20, .96);
border-top: 1px solid var(--cnv-hairline);
padding-bottom: calc(var(--cnv-s-3) + env(safe-area-inset-bottom, 0px));
}
.cnv-wbar__meta { display: none; min-width: 0; }
.cnv-wbar__name {
display: block;
font-size: var(--cnv-fs-small); font-weight: var(--cnv-fw-semi);
color: var(--cnv-text);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cnv-wbar__price { display: block; font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); color: var(--cnv-text-muted); }
.cnv-wbar__actions { display: flex; gap: var(--cnv-s-3); width: 100%; }
.cnv-wbar .cnv-btn { flex: 1 1 auto; padding: 13px 18px; font-size: var(--cnv-fs-small); }
@media (min-width: 720px) {
.cnv-wbar { justify-content: center; }
.cnv-wbar__inner { display: flex; align-items: center; gap: var(--cnv-s-5); width: 100%; max-width: var(--cnv-maxw); margin: 0 auto; }
.cnv-wbar__meta { display: block; margin-right: auto; }
.cnv-wbar__actions { width: auto; }
.cnv-wbar .cnv-btn { flex: 0 0 auto; }
}
.cnv-wpage { padding-bottom: 92px; }
.cnv-whero { position: relative; overflow: hidden; padding: clamp(40px, 6vw, 88px) var(--cnv-s-5) clamp(48px, 7vw, 96px); }
.cnv-whero__inner { position: relative; z-index: 1; display: grid; gap: var(--cnv-s-7); max-width: var(--cnv-maxw); margin: 0 auto; }
@media (min-width: 960px) {
.cnv-whero__inner { grid-template-columns: 1fr 1fr; align-items: center; gap: var(--cnv-s-8); }
}
.cnv-whero__cover { border-radius: var(--cnv-r-lg); overflow: hidden; border: 1px solid var(--cnv-hairline); }
.cnv-whero__cover img { display: block; width: 100%; height: auto; }
.cnv-crumbs {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--cnv-s-2);
margin-bottom: var(--cnv-s-5);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
color: var(--cnv-text-muted);
}
.cnv-crumbs .cnv-link { color: var(--cnv-text-muted); }
.cnv-crumbs__sep { opacity: .5; }
.cnv-facts {
display: flex; flex-wrap: wrap; gap: var(--cnv-s-5);
margin-top: var(--cnv-s-6); padding-top: var(--cnv-s-5);
border-top: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono);
color: var(--cnv-text-muted);
}
.cnv-facts b { color: var(--cnv-white); font-weight: var(--cnv-fw-med); }
.cnv-feat { display: grid; gap: var(--cnv-s-6); align-items: center; }
@media (min-width: 900px) {
.cnv-feat { grid-template-columns: 1fr 1fr; gap: var(--cnv-s-8); }
.cnv-feat--flip .cnv-feat__media { order: 2; }
}
.cnv-feat + .cnv-feat { margin-top: clamp(48px, 6vw, 96px); }
.cnv-feat--solo { display: block; }
@media (min-width: 900px) {
.cnv-feat--solo .cnv-flist { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--cnv-s-8); }
.cnv-feat--solo .cnv-p { max-width: 52em; }
}
.cnv-whero__cover--empty {
display: flex; align-items: center;
border: 0;
background: transparent;
}
.cnv-shot {
border-radius: var(--cnv-r-lg);
overflow: hidden;
border: 1px solid var(--cnv-hairline);
background: rgba(255, 255, 255, .04);
padding: var(--cnv-s-2);
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-shot:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-3px); }
.cnv-shot img { display: block; width: 100%; height: auto; border-radius: calc(var(--cnv-r-lg) - 6px); }
.cnv-shot__cap {
display: block;
padding: var(--cnv-s-3) var(--cnv-s-3) var(--cnv-s-2);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-flist { display: grid; gap: var(--cnv-s-4); margin: var(--cnv-s-5) 0 0; padding: 0; list-style: none; }
.cnv-flist__item { display: grid; grid-template-columns: auto 1fr; gap: var(--cnv-s-4); align-items: start; }
.cnv-flist__num {
display: inline-flex; align-items: center; justify-content: center;
min-width: 30px; height: 30px; padding: 0 8px;
border-radius: var(--cnv-r-sm);
background: rgba(101, 119, 246, .14);
border: 1px solid var(--cnv-hairline-hi);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); font-weight: var(--cnv-fw-med);
color: var(--cnv-accent);
}
.cnv-flist__text { margin: 0; font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); color: var(--cnv-text-muted); }
.cnv-flist__text b { color: var(--cnv-text); font-weight: var(--cnv-fw-semi); }
.cnv-spec { display: grid; gap: 0; border-top: 1px solid var(--cnv-hairline); }
.cnv-spec__row {
display: grid; gap: var(--cnv-s-2);
padding: var(--cnv-s-4) 0;
border-bottom: 1px solid var(--cnv-hairline);
}
@media (min-width: 720px) { .cnv-spec__row { grid-template-columns: 260px 1fr; gap: var(--cnv-s-6); } }
.cnv-spec__key { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-text-muted); }
.cnv-spec__val { font-size: var(--cnv-fs-small); color: var(--cnv-text); }
.cnv-review { display: flex; flex-direction: column; gap: var(--cnv-s-4); height: 100%; }
.cnv-review__text { margin: 0; font-size: var(--cnv-fs-body); line-height: var(--cnv-lh-body); color: var(--cnv-text); }
.cnv-review__who { display: flex; align-items: center; gap: var(--cnv-s-3); margin-top: auto; }
.cnv-review__ava {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 50%;
background: var(--cnv-accent-grad);
font-size: var(--cnv-fs-small); font-weight: var(--cnv-fw-semi); color: #fff;
}
.cnv-review__name { display: block; font-size: var(--cnv-fs-small); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-review__role { display: block; font-size: var(--cnv-fs-tag); color: var(--cnv-text-muted); }
.cnv-todo {
padding: var(--cnv-s-5);
border: 1px dashed var(--cnv-hairline-hi);
border-radius: var(--cnv-r-md);
background: rgba(101, 119, 246, .06);
font-size: var(--cnv-fs-small);
color: var(--cnv-text-muted);
}
.cnv-todo b { color: var(--cnv-accent); font-weight: var(--cnv-fw-semi); }
.cnv-plans { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 800px) { .cnv-plans { grid-template-columns: repeat(3, 1fr); } }
.cnv-plan {
position: relative;
display: flex; flex-direction: column; gap: var(--cnv-s-3);
padding: var(--cnv-s-6);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: var(--cnv-surface);
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-plan:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-3px); }
.cnv-plan--best { border-color: var(--cnv-hairline-hi); background: rgba(101, 119, 246, .08); }
.cnv-plan__badge {
position: absolute; top: calc(var(--cnv-s-4) * -1); left: var(--cnv-s-6);
padding: 5px 12px; border-radius: var(--cnv-r-pill);
background: var(--cnv-accent-grad);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: .08em; text-transform: uppercase; color: #fff;
}
.cnv-plan__term { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-text-muted); }
.cnv-plan__price { font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2rem); font-weight: var(--cnv-fw-semi); letter-spacing: var(--cnv-tr-tight); color: var(--cnv-text); }
.cnv-plan__gift { font-size: var(--cnv-fs-small); color: var(--cnv-accent); }
.cnv-plan__note { margin: 0; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-others { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 760px) { .cnv-others { grid-template-columns: repeat(3, 1fr); } }
.cnv-other {
display: flex; flex-direction: column; gap: var(--cnv-s-3);
padding: var(--cnv-s-5);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: var(--cnv-surface);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-other:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-3px); }
.cnv-other__tag { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); letter-spacing: var(--cnv-tr-wide); text-transform: uppercase; color: var(--cnv-accent); }
.cnv-other__name { font-size: var(--cnv-fs-h3); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-other__text { margin: 0; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-other__go { margin-top: auto; font-size: var(--cnv-fs-small); color: var(--cnv-accent); }
.cnv-cat { display: grid; gap: var(--cnv-s-5); }
@media (min-width: 640px)  { .cnv-cat { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .cnv-cat { grid-template-columns: repeat(3, 1fr); } }
.cnv-cat__card {
display: flex; flex-direction: column;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: var(--cnv-surface);
overflow: hidden;
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-cat__card:hover { border-color: var(--cnv-hairline-hi); transform: translateY(-4px); }
.cnv-cat__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--cnv-deep); }
.cnv-cat__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cnv-cat__body { display: flex; flex-direction: column; gap: var(--cnv-s-3); padding: var(--cnv-s-5); flex: 1 1 auto; }
.cnv-cat__name { font-size: var(--cnv-fs-h3); font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-cat__text { margin: 0; font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); color: var(--cnv-text-muted); }
.cnv-cat__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--cnv-s-3); margin-top: auto; padding-top: var(--cnv-s-3); }
.cnv-cat__price { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono); color: var(--cnv-text); }
.cnv-cat__go { font-size: var(--cnv-fs-small); color: var(--cnv-accent); }
.cnv-badge {
position: absolute; top: var(--cnv-s-3); right: var(--cnv-s-3);
padding: 5px 11px; border-radius: var(--cnv-r-pill);
background: rgba(7, 11, 20, .94);
border: 1px solid var(--cnv-hairline-hi);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: .08em; text-transform: uppercase; color: var(--cnv-accent);
}
.cnv-simple { display: grid; gap: var(--cnv-s-3); }
@media (min-width: 640px)  { .cnv-simple { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .cnv-simple { grid-template-columns: repeat(3, 1fr); } }
.cnv-simple__item {
display: flex; align-items: center; justify-content: space-between; gap: var(--cnv-s-3);
padding: var(--cnv-s-4) var(--cnv-s-5);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: var(--cnv-surface);
font-size: var(--cnv-fs-small);
color: var(--cnv-text);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-simple__item:hover { border-color: var(--cnv-hairline-hi); transform: translateX(3px); }
.cnv-simple__go { flex: 0 0 auto; color: var(--cnv-accent); }
.cnv-wfoot { padding: var(--cnv-s-8) var(--cnv-s-5) var(--cnv-s-6); background: var(--cnv-deep); }
.cnv-wfoot__grid { display: grid; gap: var(--cnv-s-7); max-width: var(--cnv-maxw); margin: 0 auto; }
@media (min-width: 800px) { .cnv-wfoot__grid { grid-template-columns: 2fr 1fr 1fr; } }
.cnv-wfoot__list { display: grid; gap: var(--cnv-s-3); margin: 0; padding: 0; list-style: none; font-size: var(--cnv-fs-small); }
.cnv-wfoot__list .cnv-link { color: var(--cnv-text-muted); }
.cnv-wfoot__legal {
max-width: var(--cnv-maxw); margin: var(--cnv-s-7) auto 0; padding-top: var(--cnv-s-5);
border-top: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-mono);    line-height: 1.9;
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-constellation {
min-height: 0;
max-width: 100%;
}
@media (min-width: 620px) {
.cnv-scope .cnv-constellation { min-height: 340px; }
}
.cnv-scope { overflow-x: clip; }
.cnv-scope .cnv-slider__dot {
position: relative;
width: 32px;
height: 40px;
padding: 0;
border: 0;
box-sizing: border-box;
background-color: transparent;
}
.cnv-scope .cnv-slider__dot::before {
content: "";
position: absolute; top: 16px; bottom: 16px;
left: 12px; right: 12px;
border-radius: 4px;
background: rgba(143, 160, 191, .35);
transition: background var(--cnv-dur) var(--cnv-ease),
left var(--cnv-dur) var(--cnv-ease),
right var(--cnv-dur) var(--cnv-ease);
}
.cnv-scope .cnv-slider__dot.cnv-is-on::before { left: 4px; right: 4px; }
.cnv-scope .cnv-slider__dot.cnv-is-on::before { background: var(--cnv-gold); }
.cnv-scope .cnv-slider__dots { align-items: center; gap: var(--cnv-s-3); }
.cnv-scope .cnv-consent__box { width: 22px; height: 22px; margin-top: 0; }
.cnv-scope .cnv-consent { align-items: center; gap: var(--cnv-s-4); }
.cnv-scope .cnv-foot__list a,
.cnv-scope .cnv-foot__docs a,
.cnv-scope .cnv-wfoot__list .cnv-link {
display: inline-block;
padding: 7px 0;
line-height: 1.35;
}
.cnv-scope .cnv-nav__link { padding: 10px 2px; }
@media (max-width: 560px) {
.cnv-scope .cnv-slider__btn { width: 44px; height: 44px; }
}
.cnv-scope .cnv-consent a {
position: relative;
z-index: 1;
pointer-events: auto;
}
.cnv-scope .cnv-form__done {
display: none;
padding: var(--cnv-s-6);
border: 1px solid var(--cnv-hairline-hi);
border-radius: var(--cnv-r-md);
background: rgba(39, 208, 97, .08);
}
.cnv-scope .cnv-form--sent .cnv-form__done { display: block; }
.cnv-scope .cnv-form--sent .cnv-form__fields { display: none; }
.cnv-scope .cnv-form__done-title {
margin: 0 0 var(--cnv-s-3);
font-size: var(--cnv-fs-h3);
font-weight: var(--cnv-fw-semi);
color: var(--cnv-text);
}
.cnv-scope .cnv-form__done-text { margin: 0; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-scope .cnv-input:user-invalid,
.cnv-scope .cnv-input.cnv-is-bad {
border-color: #e0614b;
box-shadow: 0 0 0 3px rgba(224, 97, 75, .18);
}
.cnv-scope .cnv-field__error {
display: none;
margin-top: 6px;
font-size: var(--cnv-fs-small);
color: #e0614b;
}
.cnv-scope .cnv-field--bad .cnv-field__error { display: block; }
.cnv-scope .cnv-cs__name,
.cnv-scope .cnv-other__name,
.cnv-scope .cnv-cat__name,
.cnv-scope .cnv-art__p { overflow-wrap: anywhere; }
.cnv-scope .cnv-btn,
.cnv-scope .cnv-input,
.cnv-scope .cnv-chip { box-sizing: border-box; }
@media (max-width: 460px) {
.cnv-scope .cnv-btn-row { flex-direction: column; align-items: stretch; }
.cnv-scope .cnv-wbar .cnv-btn-row,
.cnv-scope .cnv-wbar__actions { flex-direction: row; }
}
@media (max-width: 719px) {
.cnv-scope .cnv-spec__key { color: var(--cnv-accent); }
}
@media (max-width: 560px) {
.cnv-scope .cnv-wtop__inner,
.cnv-scope .cnv-header__inner { gap: var(--cnv-s-3); padding-left: var(--cnv-s-4); padding-right: var(--cnv-s-4); }
.cnv-scope .cnv-wtop__logo img,
.cnv-scope .cnv-logo img { height: 32px; }
.cnv-scope .cnv-wtop__cta,
.cnv-scope .cnv-header .cnv-btn { padding: 10px 14px; font-size: var(--cnv-fs-mono); }
}
@media (max-width: 380px) {
.cnv-scope .cnv-wtop__logo img,
.cnv-scope .cnv-logo img { height: 28px; }
}
.cnv-scope .cnv-crumbs { gap: var(--cnv-s-3); }
.cnv-scope .cnv-crumbs .cnv-link { display: inline-block; padding: 9px 0; }
.cnv-scope { --cnv-fs-tag: 0.75rem; }
.cnv-scope .cnv-constellation canvas {
max-width: 100%;
height: auto;
}
.cnv-scope .cnv-cat__media img { object-fit: contain; }
.cnv-scope .cnv-feed__row--in {
animation: cnv-feed-in 560ms var(--cnv-ease) both;
}
@keyframes cnv-feed-in {
from { opacity: 0; transform: translateY(-14px); }
to   { opacity: 1; transform: translateY(0); }
}
.cnv-scope .cnv-feed__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--cnv-s-4);
flex-wrap: wrap;
}
.cnv-scope .cnv-feed__took b {
font-family: var(--cnv-font-mono);
color: var(--cnv-live);
font-weight: var(--cnv-fw-semi);
}
.cnv-scope .cnv-feed__list { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-feed__row--in { animation: none; }
}
.cnv-scope .cnv-art,
.cnv-scope .cnv-how { display: block; width: 100%; height: auto; }
.cnv-scope .cnv-other--art { padding: 0; overflow: hidden; }
.cnv-scope .cnv-other__media {
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
border-bottom: 1px solid var(--cnv-hairline);
background: var(--cnv-deep);
}
.cnv-scope .cnv-other--art .cnv-other__tag { display: block; padding: var(--cnv-s-5) var(--cnv-s-5) 0; }
.cnv-scope .cnv-other--art .cnv-other__name { display: block; padding: 0 var(--cnv-s-5); }
.cnv-scope .cnv-other--art .cnv-other__text { padding: 0 var(--cnv-s-5); }
.cnv-scope .cnv-other--art .cnv-other__go { display: block; padding: 0 var(--cnv-s-5) var(--cnv-s-5); }
.cnv-scope .cnv-mini {
display: grid;
gap: var(--cnv-s-4);
grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
}
.cnv-scope .cnv-mini__item {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: var(--cnv-panel);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease),
box-shadow var(--cnv-dur) var(--cnv-ease);
}
.cnv-scope .cnv-mini__item:hover {
border-color: var(--cnv-hairline-hi);
transform: translateY(-3px);
box-shadow: 0 16px 36px rgba(0, 0, 0, .42);
}
.cnv-scope .cnv-mini__media {
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--cnv-deep);
}
.cnv-scope .cnv-mini__body {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--cnv-s-3);
padding: var(--cnv-s-4);
flex: 1 1 auto;
}
.cnv-scope .cnv-mini__name {
font-size: var(--cnv-fs-small);
font-weight: var(--cnv-fw-semi);
color: var(--cnv-text);
line-height: 1.35;
}
.cnv-scope .cnv-mini__go { color: var(--cnv-accent); flex: 0 0 auto; }
.cnv-scope .cnv-howbox {
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
overflow: hidden;
background: var(--cnv-deep);
}
.cnv-scope .cnv-howcap {
margin: var(--cnv-s-3) 0 0;
font-size: var(--cnv-fs-small);
color: var(--cnv-text-muted);
}
@media (max-width: 719px) {
.cnv-scope .cnv-howbox { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cnv-scope .cnv-howbox .cnv-how { width: 720px; max-width: none; }
}
.cnv-scope .cnv-calc {
display: grid;
gap: var(--cnv-s-5);
margin-top: var(--cnv-s-6);
}
@media (min-width: 900px) {
.cnv-scope .cnv-calc { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .85fr); gap: var(--cnv-s-6); align-items: start; }
.cnv-scope .cnv-calc__out { position: sticky; top: 96px; }
}
.cnv-scope .cnv-calc__form {
display: flex;
flex-direction: column;
gap: var(--cnv-s-5);
}
.cnv-scope .cnv-fieldset { margin: 0; padding: 0; border: 0; }
.cnv-scope .cnv-legend {
padding: 0 0 var(--cnv-s-3);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-opts { display: grid; gap: var(--cnv-s-3); }
@media (min-width: 560px) {
.cnv-scope .cnv-opts--2 { grid-template-columns: repeat(2, 1fr); }
.cnv-scope .cnv-opts--3 { grid-template-columns: repeat(3, 1fr); }
.cnv-scope .cnv-opts--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
.cnv-scope .cnv-opts--4 { grid-template-columns: repeat(4, 1fr); }
}
.cnv-scope .cnv-opt { position: relative; display: block; cursor: pointer; }
.cnv-scope .cnv-opt input {
position: absolute;
width: 1px; height: 1px;
opacity: 0;
margin: 0;
}
.cnv-scope .cnv-opt__box {
display: flex;
flex-direction: column;
gap: 6px;
height: 100%;
box-sizing: border-box;
padding: var(--cnv-s-4);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: var(--cnv-panel);
transition: border-color var(--cnv-dur) var(--cnv-ease),
background var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-scope .cnv-opt:hover .cnv-opt__box { border-color: var(--cnv-hairline-hi); transform: translateY(-2px); }
.cnv-scope .cnv-opt input:checked + .cnv-opt__box {
border-color: var(--cnv-accent);
background: rgba(101, 119, 246, .12);
}
.cnv-scope .cnv-opt input:focus-visible + .cnv-opt__box {
outline: 2px solid var(--cnv-accent);
outline-offset: 2px;
}
.cnv-scope .cnv-opt__name { font-weight: var(--cnv-fw-semi); color: var(--cnv-text); }
.cnv-scope .cnv-opt__price { font-family: var(--cnv-font-mono); color: var(--cnv-gold); }
.cnv-scope .cnv-opt__price span { color: var(--cnv-text-muted); font-size: var(--cnv-fs-tag); }
.cnv-scope .cnv-opt__price--bonus { color: var(--cnv-live); }
.cnv-scope .cnv-opt__note { font-size: var(--cnv-fs-tag); line-height: 1.45; color: var(--cnv-text-muted); }
.cnv-scope .cnv-calc__row { display: grid; gap: var(--cnv-s-4); }
@media (min-width: 560px) { .cnv-scope .cnv-calc__row { grid-template-columns: repeat(2, 1fr); } }
.cnv-scope .cnv-label {
display: block;
margin-bottom: 8px;
font-size: var(--cnv-fs-small);
color: var(--cnv-text);
}
.cnv-scope .cnv-label__opt {
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-hint,
.cnv-scope .cnv-calc__hint {
margin: 8px 0 0;
font-size: var(--cnv-fs-tag);
line-height: 1.5;
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-calc__out {
padding: var(--cnv-s-5);
border: 1px solid var(--cnv-hairline-hi);
border-radius: var(--cnv-r-lg);
background: linear-gradient(180deg, rgba(101, 119, 246, .10), rgba(7, 11, 20, .6));
}
.cnv-scope .cnv-calc__eyebrow {
display: block;
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: .1em;
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-calc__big { margin: var(--cnv-s-3) 0 var(--cnv-s-4); }
.cnv-scope .cnv-calc__sum {
display: block;
font-size: clamp(2rem, 5vw, 2.75rem);
font-weight: var(--cnv-fw-bold);
line-height: 1.05;
color: var(--cnv-gold);
overflow-wrap: anywhere;
}
.cnv-scope .cnv-calc__cap {
display: block;
margin-top: 4px;
font-size: var(--cnv-fs-small);
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-calc__list { margin: 0 0 var(--cnv-s-4); display: grid; gap: 10px; }
.cnv-scope .cnv-calc__list > div {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--cnv-s-3);
padding-bottom: 10px;
border-bottom: 1px solid var(--cnv-hairline);
}
.cnv-scope .cnv-calc__list dt { font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-scope .cnv-calc__list dd {
margin: 0;
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-small);
color: var(--cnv-text);
text-align: right;
}
.cnv-scope .cnv-calc__note {
margin: 0 0 var(--cnv-s-4);
padding: var(--cnv-s-3);
border-radius: var(--cnv-r-sm);
background: rgba(232, 185, 74, .12);
font-size: var(--cnv-fs-tag);
line-height: 1.5;
color: var(--cnv-text);
}
.cnv-scope .cnv-calc__cta { width: 100%; justify-content: center; }
.cnv-scope .cnv-calc__small {
margin: var(--cnv-s-3) 0 0;
font-size: var(--cnv-fs-tag);
line-height: 1.5;
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-logo,
.cnv-scope .cnv-wtop__logo {
display: inline-flex;
align-items: center;
min-height: 44px;
padding-right: 6px;
}
.cnv-scope .cnv-consent__box { position: relative; }
.cnv-scope .cnv-consent__box::after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 44px; height: 44px;
transform: translate(-50%, -50%);
}
.cnv-scope .cnv-case__cover {
margin: clamp(32px, 4vw, 56px) 0 0;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
overflow: hidden;
background: var(--cnv-deep);
}
.cnv-scope .cnv-case__cover img {
display: block;
width: 100%;
height: auto;
max-height: 60vh;
object-fit: contain;
}
.cnv-scope .cnv-cs__card--media { padding: 0; overflow: hidden; }
.cnv-scope .cnv-cs__media {
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-bottom: 1px solid var(--cnv-hairline);
background: var(--cnv-deep);
}
.cnv-scope .cnv-cs__media img {
display: block;
width: 100%; height: 100%;
object-fit: contain;
}
.cnv-scope .cnv-cs__card--media > .cnv-cs__top { padding: var(--cnv-s-5) var(--cnv-s-5) 0; }
.cnv-scope .cnv-cs__card--media > .cnv-cs__name,
.cnv-scope .cnv-cs__card--media > .cnv-cs__sector,
.cnv-scope .cnv-cs__card--media > .cnv-cs__metrics { padding: 0 var(--cnv-s-5); }
.cnv-scope .cnv-cs__card--media > .cnv-cs__go { padding: 0 var(--cnv-s-5) var(--cnv-s-5); }
.cnv-scope .cnv-hero__art {
margin-top: clamp(32px, 4vw, 56px);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
overflow: hidden;
background: var(--cnv-deep);
max-width: 700px;
}
.cnv-scope .cnv-pageart,
.cnv-scope .cnv-flowart { display: block; width: 100%; height: auto; }
.cnv-scope .cnv-card--warn {
border-left: 3px solid var(--cnv-gold);
background: linear-gradient(180deg, rgba(232, 185, 74, .06), transparent 60%);
}
.cnv-scope .cnv-shots {
display: grid;
gap: var(--cnv-s-5);
grid-template-columns: 1fr;
}
@media (min-width: 900px) {
.cnv-scope .cnv-shots { grid-template-columns: repeat(2, 1fr); align-items: start; }
}
.cnv-scope .cnv-shots .cnv-shot { margin: 0; }
.cnv-scope .cnv-shots .cnv-shot img {
display: block;
width: 100%;
height: auto;
background: #fff;
}
.cnv-scope .cnv-lb {
position: fixed;
inset: 0;
z-index: 200;
display: none;
align-items: center;
justify-content: center;
gap: var(--cnv-s-3);
padding: clamp(16px, 4vw, 48px);
background: rgba(3, 6, 12, .92);
}
.cnv-scope .cnv-lb--on { display: flex; }
body.cnv-lb-lock { overflow: hidden; }
.cnv-scope .cnv-lb__fig {
margin: 0;
max-width: min(1200px, 100%);
max-height: 100%;
display: flex;
flex-direction: column;
gap: var(--cnv-s-3);
}
.cnv-scope .cnv-lb__img {
display: block;
max-width: 100%;
max-height: calc(100vh - 160px);
width: auto;
height: auto;
margin: 0 auto;
border-radius: var(--cnv-r-md);
background: #fff;
box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
}
.cnv-scope .cnv-lb__cap {
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
text-align: center;
}
.cnv-scope .cnv-lb__close,
.cnv-scope .cnv-lb__nav {
flex: 0 0 auto;
width: 48px; height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 1px solid var(--cnv-hairline-hi);
border-radius: 50%;
background: rgba(14, 21, 38, .9);
color: var(--cnv-text);
font-size: 26px;
line-height: 1;
cursor: pointer;
transition: border-color var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-scope .cnv-lb__close:hover,
.cnv-scope .cnv-lb__nav:hover { border-color: var(--cnv-accent); transform: scale(1.08); }
.cnv-scope .cnv-lb__close {
position: absolute;
top: clamp(12px, 3vw, 28px);
right: clamp(12px, 3vw, 28px);
}
.cnv-scope [data-cnv-zoom] { cursor: zoom-in; }
.cnv-scope [data-cnv-zoom]:focus-visible {
outline: 2px solid var(--cnv-accent);
outline-offset: 3px;
}
@media (max-width: 720px) {
.cnv-scope .cnv-lb__nav { width: 44px; height: 44px; }
.cnv-scope .cnv-lb__img { max-height: calc(100vh - 190px); }
}
.cnv-scope .cnv-certs {
display: grid;
gap: var(--cnv-s-4);
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
align-items: start;
}
.cnv-scope .cnv-cert {
margin: 0;
overflow: hidden;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: var(--cnv-panel);
transition: border-color var(--cnv-dur) var(--cnv-ease),
transform var(--cnv-dur) var(--cnv-ease),
box-shadow var(--cnv-dur) var(--cnv-ease);
}
.cnv-scope .cnv-cert:hover {
border-color: var(--cnv-gold);
transform: translateY(-4px);
box-shadow: 0 18px 44px rgba(0, 0, 0, .45);
}
.cnv-scope .cnv-cert img {
display: block;
width: 100%;
height: auto;
background: #fff;
}
.cnv-scope .cnv-cert__cap {
display: flex;
flex-direction: column;
gap: 4px;
padding: var(--cnv-s-4);
border-top: 1px solid var(--cnv-hairline);
}
.cnv-scope .cnv-cert__brand {
font-weight: var(--cnv-fw-semi);
color: var(--cnv-text);
}
.cnv-scope .cnv-cert__label {
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
color: var(--cnv-text-muted);
}
.cnv-scope .cnv-header__phone { white-space: nowrap; }
@media (max-width: 1279px) {
.cnv-scope .cnv-header__phone { display: none; }
}
@media (min-width: 1280px) {
.cnv-scope .cnv-header__phone { display: block; }
}
.cnv-scope .cnv-nav { flex-wrap: wrap; row-gap: 2px; }
.cnv-scope .cnv-nav__link { white-space: nowrap; }
.cnv-scope .cnv-cert img {
max-height: 260px;
object-fit: contain;
object-position: center;
}
.cnv-scope .cnv-card--best {
position: relative;
border-color: var(--cnv-gold);
background: linear-gradient(180deg, rgba(232, 185, 74, .08), transparent 55%);
}
.cnv-scope .cnv-badge--inline {
position: static;
display: inline-block;
margin-bottom: var(--cnv-s-3);
}
.cnv-scope .cnv-paylink {
margin: var(--cnv-s-4) 0 0;
text-align: center;
font-size: var(--cnv-fs-small);
}
.cnv-scope .cnv-cs__card,
.cnv-scope .cnv-cat__card,
.cnv-scope .cnv-mini__item,
.cnv-scope .cnv-cert,
.cnv-scope .cnv-other {
transform-style: preserve-3d;
}
.cnv-scope .cnv-progress {
position: fixed;
top: 0; left: 0;
z-index: 150;
width: 100%;
height: 2px;
transform: scaleX(0);
transform-origin: 0 50%;
background: var(--cnv-accent-grad);
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-progress { display: none; }
}
.cnv-scope .cnv-shots .cnv-shot__cap {
font-family: var(--cnv-font);
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
letter-spacing: normal;
text-transform: none;
padding: var(--cnv-s-3) var(--cnv-s-4) var(--cnv-s-4);
}
.cnv-scope .cnv-feed__list--live {
overflow-y: auto;
overscroll-behavior: contain;      
scrollbar-width: thin;
scrollbar-color: rgba(101, 119, 246, .45) transparent;
-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22px);
mask-image: linear-gradient(to bottom, transparent 0, #000 22px);
}
.cnv-scope .cnv-feed__list--live::-webkit-scrollbar { width: 6px; }
.cnv-scope .cnv-feed__list--live::-webkit-scrollbar-thumb {
background: rgba(101, 119, 246, .45);
border-radius: 999px;
}
.cnv-scope .cnv-feed__list--live .cnv-feed__row + .cnv-feed__row {
border-top: 1px solid rgba(255, 255, 255, .04);
}
.cnv-growth {
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: rgba(7, 11, 20, .88);
overflow: hidden;
}
.cnv-growth__head {
display: flex; align-items: center; gap: var(--cnv-s-3);
padding: var(--cnv-s-4) var(--cnv-s-5);
border-bottom: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide);
text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-growth__chart { position: relative; padding: var(--cnv-s-4) var(--cnv-s-4) 0; }
.cnv-growth__chart svg { display: block; width: 100%; height: auto; }
.cnv-growth__line {
fill: none;
stroke: var(--cnv-accent);
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}
.cnv-growth__base {
fill: none;
stroke: #32405f;
stroke-width: 2;
stroke-dasharray: 5 6;
}
.cnv-growth__dot { fill: var(--cnv-white); stroke: var(--cnv-accent); stroke-width: 3; }
.cnv-growth--play .cnv-growth__area { will-change: clip-path; }
.cnv-growth__val {
position: absolute; top: var(--cnv-s-4); right: var(--cnv-s-5);
text-align: right; line-height: 1.2;
}
.cnv-growth__val b {
display: block;
font-family: var(--cnv-font-mono);
font-size: 1.5rem;
color: var(--cnv-live);
}
.cnv-growth__val span {
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide);
text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-growth__steps {
margin: 0; padding: var(--cnv-s-3) var(--cnv-s-3) var(--cnv-s-4);
list-style: none;
border-top: 1px solid var(--cnv-hairline);
}
.cnv-growth__step {
display: grid;
grid-template-columns: 22px 1fr;
gap: var(--cnv-s-3);
align-items: start;
padding: 10px var(--cnv-s-3);
border-radius: var(--cnv-r-md);
transition: background var(--cnv-dur) var(--cnv-ease);
}
.cnv-growth__step + .cnv-growth__step { margin-top: 2px; }
.cnv-growth__step.cnv-is-on { background: rgba(101, 119, 246, .12); }
.cnv-growth__mark {
width: 22px; height: 22px; border-radius: 50%;
border: 1px solid var(--cnv-hairline);
display: flex; align-items: center; justify-content: center;
font-family: var(--cnv-font-mono); font-size: 11px;
color: var(--cnv-text-muted);
transition: border-color var(--cnv-dur) var(--cnv-ease), color var(--cnv-dur) var(--cnv-ease);
}
.cnv-growth__step.cnv-is-on .cnv-growth__mark { border-color: var(--cnv-accent); color: var(--cnv-white); }
.cnv-growth__step.cnv-is-done .cnv-growth__mark {
border-color: var(--cnv-live); color: var(--cnv-live);
}
.cnv-growth__step b { display: block; font-size: var(--cnv-fs-small); color: var(--cnv-white); font-weight: var(--cnv-fw-semi); }
.cnv-growth__desc { display: block; font-size: var(--cnv-fs-small); color: var(--cnv-text-muted); }
.cnv-growth--play .cnv-growth__step .cnv-growth__desc {
max-height: 0; overflow: hidden; opacity: 0;
transition: max-height .45s var(--cnv-ease), opacity .45s var(--cnv-ease), margin .45s var(--cnv-ease);
}
.cnv-growth--play .cnv-growth__step.cnv-is-on .cnv-growth__desc { max-height: 8em; opacity: 1; margin-top: 4px; }
.cnv-hero2 { display: grid; gap: var(--cnv-s-7); align-items: start; }
@media (min-width: 1000px) {
.cnv-hero2 { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: var(--cnv-s-8); }
.cnv-hero2__side { position: sticky; top: 96px; }
}
.cnv-journey { position: relative; }
.cnv-journey__items {
position: relative;
display: grid;
gap: var(--cnv-s-5);
margin: 0; padding: 0;
list-style: none;
}
@media (min-width: 900px) {
.cnv-journey__items { grid-template-columns: repeat(var(--cnv-journey-cols, 4), 1fr); gap: var(--cnv-s-4); }
}
.cnv-journey__track {
position: absolute; left: 14px; top: 14px; bottom: 14px; width: 2px;
background: var(--cnv-hairline);
border-radius: 2px;
z-index: 0;
}
.cnv-journey__fill {
position: absolute; inset: 0;
background: var(--cnv-accent);
transform: scaleY(0);
transform-origin: top center;
transition: transform .9s var(--cnv-ease);
border-radius: 2px;
}
@media (min-width: 900px) {
.cnv-journey__track { left: 14px; right: 14px; top: 14px; bottom: auto; width: auto; height: 2px; }
.cnv-journey__fill { transform: scaleX(0); transform-origin: left center; }
}
.cnv-journey__st { position: relative; padding-left: 44px; z-index: 1; }
@media (min-width: 900px) {
.cnv-journey__st { padding-left: 0; padding-top: 44px; }
}
.cnv-journey__dot {
position: absolute; left: 4px; top: 0;
width: 22px; height: 22px; border-radius: 50%;
background: #0b1120;
border: 2px solid var(--cnv-hairline);
display: flex; align-items: center; justify-content: center;
transition: border-color var(--cnv-dur) var(--cnv-ease), background var(--cnv-dur) var(--cnv-ease);
}
@media (min-width: 900px) {
.cnv-journey__dot { left: 4px; top: 4px; }
}
.cnv-journey__dot svg { width: 11px; height: 11px; opacity: 0; transition: opacity var(--cnv-dur) var(--cnv-ease); }
.cnv-journey__st.cnv-is-done .cnv-journey__dot { border-color: var(--cnv-live); }
.cnv-journey__st.cnv-is-done .cnv-journey__dot svg { opacity: 1; }
.cnv-journey__num {
display: block;
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); color: var(--cnv-accent);
}
.cnv-journey__title {
margin: 4px 0 0;
font-size: var(--cnv-fs-h3);
line-height: var(--cnv-lh-tight);
color: var(--cnv-white);
}
.cnv-journey__msg {
position: relative;
margin: var(--cnv-s-3) 0 0;
padding: var(--cnv-s-4);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: rgba(101, 119, 246, .07);
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text);
}
.cnv-journey__msg::before {
content: ''; position: absolute; top: -6px; left: 18px;
width: 10px; height: 10px;
background: #121a2d;
border-left: 1px solid var(--cnv-hairline);
border-top: 1px solid var(--cnv-hairline);
transform: rotate(45deg);
}
.cnv-journey--play .cnv-journey__msg {
opacity: 0; transform: translateY(-6px);
transition: opacity .45s var(--cnv-ease), transform .45s var(--cnv-ease);
}
.cnv-journey--play .cnv-journey__st.cnv-is-on .cnv-journey__msg { opacity: 1; transform: none; }
.cnv-journey__token {
position: absolute; left: 15px; top: 15px;
width: 26px; height: 26px; margin: -13px 0 0 -13px;
border-radius: 50%;
background: var(--cnv-live);
box-shadow: 0 0 0 6px rgba(39, 208, 97, .14);
display: flex; align-items: center; justify-content: center;
opacity: 0;
transition: left .85s var(--cnv-ease), top .85s var(--cnv-ease), opacity .3s var(--cnv-ease);
pointer-events: none;
z-index: 3;
}
.cnv-journey__token.cnv-is-vis { opacity: 1; }
.cnv-journey__token svg { width: 13px; height: 13px; }
.cnv-seq__item { position: relative; transition: border-color var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease); }
.cnv-seq__tick {
position: absolute; top: var(--cnv-s-5); right: var(--cnv-s-5);
width: 24px; height: 24px; border-radius: 50%;
border: 1px solid var(--cnv-hairline);
display: flex; align-items: center; justify-content: center;
transition: border-color var(--cnv-dur) var(--cnv-ease), background var(--cnv-dur) var(--cnv-ease);
}
.cnv-seq__tick svg { width: 12px; height: 12px; opacity: 0; transition: opacity var(--cnv-dur) var(--cnv-ease); }
.cnv-seq__item.cnv-is-done .cnv-seq__tick { border-color: var(--cnv-live); }
.cnv-seq__item.cnv-is-done .cnv-seq__tick svg { opacity: 1; }
.cnv-seq__item.cnv-is-on { border-color: rgba(101, 119, 246, .55); }
.cnv-seq--play .cnv-seq__item.cnv-is-on { transform: translateY(-3px); }
.cnv-seq__item .cnv-card__title { padding-right: 38px; }
.cnv-carou { position: relative; }
.cnv-carou__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 84%;
gap: var(--cnv-s-5);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
overscroll-behavior-x: contain;
padding-bottom: var(--cnv-s-4);
scrollbar-width: none;
}
.cnv-carou__track::-webkit-scrollbar { display: none; }
.cnv-carou__cell { scroll-snap-align: start; min-width: 0; }
@media (min-width: 720px)  { .cnv-carou__track { grid-auto-columns: calc(50% - var(--cnv-s-5) / 2); } }
@media (min-width: 1040px) { .cnv-carou__track { grid-auto-columns: calc(33.333% - var(--cnv-s-5) * 2 / 3); } }
.cnv-carou__head {
display: flex; align-items: center; justify-content: space-between;
gap: var(--cnv-s-4); flex-wrap: wrap;
margin-bottom: var(--cnv-s-5);
}
.cnv-carou__navs { display: flex; gap: var(--cnv-s-3); }
.cnv-carou__nav {
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--cnv-hairline);
background: rgba(255, 255, 255, .03);
color: var(--cnv-white);
font-size: 18px; line-height: 1;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: border-color var(--cnv-dur) var(--cnv-ease), background var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-carou__nav:hover { border-color: var(--cnv-accent); background: rgba(101, 119, 246, .12); }
.cnv-carou__nav:active { transform: scale(.94); }
.cnv-carou__nav:focus-visible { outline: 2px solid var(--cnv-accent); outline-offset: 3px; }
.cnv-photo { position: relative; border-radius: var(--cnv-r-lg); overflow: hidden; border: 1px solid var(--cnv-hairline); }
.cnv-photo img {
display: block; width: 100%; height: auto;
filter: saturate(.78) contrast(1.02) brightness(.82);
}
.cnv-photo::after {
content: ''; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(7, 11, 20, .16) 0%, rgba(7, 11, 20, .62) 72%, rgba(7, 11, 20, .92) 100%);
pointer-events: none;
}
.cnv-photo__cap {
position: absolute; left: 0; right: 0; bottom: 0;
padding: var(--cnv-s-5);
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text);
z-index: 1;
}
.cnv-photo__cap b { display: block; color: var(--cnv-white); font-weight: var(--cnv-fw-semi); }
@media (hover: hover) and (pointer: fine) {
.cnv-photo img { transition: transform 1.2s var(--cnv-ease); }
.cnv-photo:hover img { transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-journey__token { display: none; }
.cnv-scope .cnv-carou__track { scroll-behavior: auto; }
.cnv-scope .cnv-photo:hover img { transform: none; }
}
.cnv-chat {
position: fixed;
right: clamp(12px, 2vw, 24px);
bottom: clamp(12px, 2vw, 24px);
z-index: 60;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--cnv-s-3);
}
.cnv-chat__toggle {
width: 56px; height: 56px; border-radius: 50%;
border: 0; cursor: pointer;
background: var(--cnv-accent-grad);
color: #fff;
box-shadow: 0 10px 30px rgba(41, 36, 198, .45);
display: flex; align-items: center; justify-content: center;
transition: transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-chat__toggle:hover { transform: scale(1.06); }
.cnv-chat__toggle:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.cnv-chat__toggle svg { width: 24px; height: 24px; }
.cnv-chat__ico-close { display: none; }
.cnv-chat[data-open] .cnv-chat__ico-open { display: none; }
.cnv-chat[data-open] .cnv-chat__ico-close { display: block; }
.cnv-chat__toggle::after {
content: ''; position: absolute;
width: 56px; height: 56px; border-radius: 50%;
box-shadow: 0 0 0 0 rgba(101, 119, 246, .55);
animation: cnv-chat-pulse 2.6s var(--cnv-ease) 3;
pointer-events: none;
}
@keyframes cnv-chat-pulse {
0% { box-shadow: 0 0 0 0 rgba(101, 119, 246, .5); }
70% { box-shadow: 0 0 0 16px rgba(101, 119, 246, 0); }
100% { box-shadow: 0 0 0 0 rgba(101, 119, 246, 0); }
}
.cnv-chat__list { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.cnv-chat__list[hidden] { display: none; }
.cnv-chat__btn {
display: flex; align-items: center; gap: 10px;
padding: 0; border-radius: var(--cnv-r-pill);
text-decoration: none;
color: #fff;
background: var(--cnv-chat-color, var(--cnv-accent));
width: 46px; height: 46px;
justify-content: center;
box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
transition: width var(--cnv-dur) var(--cnv-ease), transform var(--cnv-dur) var(--cnv-ease);
}
.cnv-chat__btn svg { width: 22px; height: 22px; flex: none; }
.cnv-chat__name {
font-size: var(--cnv-fs-small);
white-space: nowrap;
max-width: 0; overflow: hidden;
transition: max-width var(--cnv-dur) var(--cnv-ease), margin var(--cnv-dur) var(--cnv-ease);
}
@media (hover: hover) and (pointer: fine) {
.cnv-chat__btn:hover { width: auto; padding: 0 18px 0 12px; }
.cnv-chat__btn:hover .cnv-chat__name { max-width: 160px; margin-left: 2px; }
}
.cnv-chat__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.cnv-chat__bubble {
position: relative;
max-width: min(280px, calc(100vw - 48px));
padding: var(--cnv-s-4) var(--cnv-s-5) var(--cnv-s-4) var(--cnv-s-4);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: #121a2d;
box-shadow: 0 16px 40px rgba(0, 0, 0, .45);
animation: cnv-bubble-in .45s var(--cnv-ease) both;
}
@keyframes cnv-bubble-in {
from { opacity: 0; transform: translateY(8px) scale(.97); }
to   { opacity: 1; transform: none; }
}
.cnv-chat__text { margin: 0; font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); color: var(--cnv-text); }
.cnv-chat__who {
display: block; margin-top: 6px;
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase;
color: var(--cnv-text-muted);
}
.cnv-chat__close {
position: absolute; top: 4px; right: 6px;
width: 24px; height: 24px;
border: 0; background: none; cursor: pointer;
color: var(--cnv-text-muted); font-size: 18px; line-height: 1;
}
.cnv-chat__close:hover { color: var(--cnv-white); }
.cnv-foot__chans {
grid-column: 1 / -1;
margin-top: var(--cnv-s-6);
padding-top: var(--cnv-s-5);
border-top: 1px solid var(--cnv-hairline);
}
.cnv-chans { display: flex; flex-wrap: wrap; gap: var(--cnv-s-3); margin-top: var(--cnv-s-4); }
.cnv-chan {
display: inline-flex; align-items: center;
padding: 7px 14px;
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-pill);
font-size: var(--cnv-fs-small);
color: var(--cnv-text);
text-decoration: none;
transition: border-color var(--cnv-dur) var(--cnv-ease), color var(--cnv-dur) var(--cnv-ease), background var(--cnv-dur) var(--cnv-ease);
}
.cnv-chan:hover { border-color: var(--cnv-accent); color: var(--cnv-white); background: rgba(101, 119, 246, .1); }
.cnv-note-small {
margin-top: var(--cnv-s-4);
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
max-width: 44em;
}
.cnv-has-drop { position: relative; }
.cnv-drop {
position: absolute;
top: calc(100% + 10px);
left: 50%;
transform: translateX(-50%) translateY(-6px);
min-width: 268px;
padding: var(--cnv-s-3);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-md);
background: #0c1322;
box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
opacity: 0; visibility: hidden;
transition: opacity .22s var(--cnv-ease), transform .22s var(--cnv-ease), visibility .22s;
z-index: 40;
}
.cnv-has-drop::after {
content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 12px;
}
.cnv-has-drop:hover .cnv-drop,
.cnv-has-drop:focus-within .cnv-drop,
.cnv-has-drop[data-open] .cnv-drop {
opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
.cnv-drop__link {
display: block;
padding: 9px var(--cnv-s-4);
border-radius: var(--cnv-r-sm);
font-size: var(--cnv-fs-small);
line-height: 1.35;
color: var(--cnv-text);
text-decoration: none;
transition: background var(--cnv-dur) var(--cnv-ease), color var(--cnv-dur) var(--cnv-ease);
}
.cnv-drop__link:hover { background: rgba(101, 119, 246, .12); color: var(--cnv-white); }
.cnv-drop__all {
display: block;
margin-top: 6px; padding: 11px var(--cnv-s-4) 7px;
border-top: 1px solid var(--cnv-hairline);
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide);
text-transform: uppercase;
color: var(--cnv-accent);
text-decoration: none;
}
.cnv-drop__all:hover { color: var(--cnv-white); }
@media (max-width: 899px) {
.cnv-drop { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-chat__toggle::after { animation: none; }
.cnv-chat__bubble { animation: none; }
}
.cnv-scene { position: relative; }
.cnv-scene svg { display: block; width: 100%; height: auto; overflow: visible; }
.cnv-scene__cap {
margin: var(--cnv-s-4) 0 0;
font-size: var(--cnv-fs-small);
line-height: var(--cnv-lh-body);
color: var(--cnv-text-muted);
}
.cnv-scene__cap b { display: block; color: var(--cnv-white); font-weight: var(--cnv-fw-semi); }
.cnv-scene__tag {
font-family: var(--cnv-font-mono);
font-size: 11px;
letter-spacing: .08em;
text-transform: uppercase;
fill: #6c7b9e;
}
.cnv-scene__tag--end { text-anchor: end; }
.cnv-scene__wire { fill: none; stroke: #1e2942; stroke-width: 3; stroke-linecap: round; }
.cnv-scene__live { fill: none; stroke: var(--cnv-accent); stroke-width: 3; stroke-linecap: round; }
.cnv-scene__pin { fill: var(--cnv-accent); }
.cnv-scene__spark { fill: #eaf0ff; opacity: 0; filter: drop-shadow(0 0 6px rgba(140, 160, 255, .9)); }
.cnv-scene__glass { fill: #131c30; stroke: #2c3b5e; stroke-width: 2; transition: fill .3s var(--cnv-ease), stroke .3s var(--cnv-ease); }
.cnv-scene__base { fill: #2c3b5e; }
.cnv-scene__fil { fill: none; stroke: #3d4f78; stroke-width: 2.4; stroke-linecap: round; transition: stroke .3s var(--cnv-ease); }
.cnv-scene__glow { fill: rgba(232, 185, 74, 0); transition: fill .45s var(--cnv-ease); }
.cnv-scene.cnv-is-lit .cnv-scene__glass { fill: #6b5a24; stroke: var(--cnv-gold); }
.cnv-scene.cnv-is-lit .cnv-scene__fil { stroke: #ffe9a8; }
.cnv-scene.cnv-is-lit .cnv-scene__glow { fill: rgba(232, 185, 74, .22); }
.cnv-scene__rail { fill: none; stroke: #1e2942; stroke-width: 6; stroke-linecap: round; }
.cnv-scene__ties { fill: none; stroke: #2c3b5e; stroke-width: 10; stroke-dasharray: 2 14; }
.cnv-scene__stop circle { fill: #131c30; stroke: #2c3b5e; stroke-width: 2.5; transition: fill .35s var(--cnv-ease), stroke .35s var(--cnv-ease); }
.cnv-scene__stop.cnv-is-on circle { fill: var(--cnv-live); stroke: var(--cnv-live); }
.cnv-scene__stop text { text-anchor: middle; }
.cnv-scene__train rect { fill: var(--cnv-accent); }
.cnv-scene__train .cnv-scene__cab { fill: #97a6ff; }
.cnv-scene__train .cnv-scene__wheel { fill: #0b1120; stroke: #97a6ff; stroke-width: 2; }
.cnv-laptop { perspective: 900px; animation: cnv-float 6s var(--cnv-ease) infinite; }
@keyframes cnv-float {
0%, 100% { transform: translateY(0); }
50%      { transform: translateY(-10px); }
}
.cnv-laptop__lid {
transform-origin: bottom center;
transform: rotateX(-84deg);
transition: transform 1.1s var(--cnv-ease);
}
.cnv-scene--laptop.cnv-is-open .cnv-laptop__lid { transform: rotateX(0deg); }
.cnv-laptop__screen {
border: 8px solid #10182a;
border-radius: 12px 12px 0 0;
background: #060a12;
overflow: hidden;
box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
}
.cnv-laptop__screen img { display: block; width: 100%; height: auto; opacity: 0; transition: opacity .6s var(--cnv-ease) .5s; }
.cnv-scene--laptop.cnv-is-open .cnv-laptop__screen img { opacity: 1; }
.cnv-laptop__base {
height: 14px;
border-radius: 0 0 14px 14px;
background: linear-gradient(180deg, #172036 0%, #0d1424 100%);
border: 1px solid var(--cnv-hairline);
border-top: 0;
display: flex; align-items: center; justify-content: center;
}
.cnv-laptop__pad { width: 64px; height: 4px; border-radius: 3px; background: #2c3b5e; }
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-laptop { animation: none; }
.cnv-scope .cnv-laptop__lid { transform: none; }
.cnv-scope .cnv-laptop__screen img { opacity: 1; }
}
.cnv-scope .cnv-stars {
position: absolute; inset: 0;
width: 100%; height: 100%;
pointer-events: none;
z-index: 0;
}
.cnv-scope [data-cnv-stars] { position: relative; }
.cnv-scope [data-cnv-stars] > .cnv-wrap { position: relative; z-index: 1; }
.cnv-scope .cnv-section--photo { padding-top: var(--cnv-s-6); padding-bottom: var(--cnv-s-6); }
.cnv-phone { display: flex; justify-content: center; }
.cnv-phone__frame {
position: relative;
width: 210px; padding: 12px 10px 16px;
border-radius: 28px;
background: linear-gradient(180deg, #131c30 0%, #0b1120 100%);
border: 1px solid var(--cnv-hairline);
box-shadow: 0 26px 60px rgba(0, 0, 0, .5);
animation: cnv-float 7s var(--cnv-ease) infinite;
}
.cnv-phone__notch {
position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
width: 52px; height: 5px; border-radius: 3px; background: #2c3b5e;
}
.cnv-phone__screen {
position: relative;
height: 330px; border-radius: 18px;
background: #060a12;
overflow: hidden;
}
.cnv-phone__boot {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
background: #060a12;
transition: opacity .5s var(--cnv-ease);
}
.cnv-phone__boot span {
width: 34px; height: 34px; border-radius: 10px;
background: var(--cnv-accent-grad);
transform: scale(.6); opacity: .3;
}
.cnv-scene--phone.cnv-is-open .cnv-phone__boot span {
animation: cnv-boot 1.1s var(--cnv-ease) forwards;
}
@keyframes cnv-boot {
0%   { transform: scale(.6); opacity: .3; }
60%  { transform: scale(1); opacity: 1; }
100% { transform: scale(7); opacity: 0; }
}
.cnv-scene--phone.cnv-is-open .cnv-phone__boot { opacity: 0; transition-delay: .9s; }
.cnv-phone__app { padding: 14px 12px; opacity: 0; transform: translateY(8px); }
.cnv-scene--phone.cnv-is-open .cnv-phone__app {
animation: cnv-app-in .5s var(--cnv-ease) 1s forwards;
}
@keyframes cnv-app-in { to { opacity: 1; transform: none; } }
.cnv-phone__bar {
display: flex; align-items: baseline; justify-content: space-between;
padding-bottom: 10px; margin-bottom: 8px;
border-bottom: 1px solid var(--cnv-hairline);
}
.cnv-phone__bar b { color: var(--cnv-white); font-size: var(--cnv-fs-small); }
.cnv-phone__bar span { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); color: var(--cnv-accent); }
.cnv-phone__list { list-style: none; margin: 0; padding: 0; }
.cnv-phone__list li {
display: flex; align-items: center; gap: 8px;
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, .04);
font-size: 12px; color: var(--cnv-text);
opacity: 0;
}
.cnv-scene--phone.cnv-is-open .cnv-phone__list li { animation: cnv-app-in .4s var(--cnv-ease) forwards; }
.cnv-scene--phone.cnv-is-open .cnv-phone__list li:nth-child(1) { animation-delay: 1.15s; }
.cnv-scene--phone.cnv-is-open .cnv-phone__list li:nth-child(2) { animation-delay: 1.3s; }
.cnv-scene--phone.cnv-is-open .cnv-phone__list li:nth-child(3) { animation-delay: 1.45s; }
.cnv-scene--phone.cnv-is-open .cnv-phone__list li:nth-child(4) { animation-delay: 1.6s; }
.cnv-phone__list i { width: 6px; height: 6px; border-radius: 50%; background: var(--cnv-live); flex: none; }
.cnv-phone__list span { flex: 1; }
.cnv-phone__list em { font-style: normal; font-family: var(--cnv-font-mono); font-size: 10px; color: var(--cnv-text-muted); }
.cnv-phone__task {
margin-top: 12px; padding: 9px 10px;
border-radius: var(--cnv-r-sm);
background: rgba(101, 119, 246, .14);
font-size: 11px; color: var(--cnv-text);
opacity: 0;
}
.cnv-scene--phone.cnv-is-open .cnv-phone__task { animation: cnv-app-in .4s var(--cnv-ease) 1.8s forwards; }
.cnv-scene__desk, .cnv-scene__leg, .cnv-scene__chair, .cnv-scene__stand { fill: #2c3b5e; }
.cnv-scene__monbox { fill: #131c30; stroke: #2c3b5e; stroke-width: 2; }
.cnv-scene__monface { fill: #0a1020; }
.cnv-scene__row { fill: #1e2942; }
.cnv-scene--worker.cnv-is-open .cnv-scene__monface { fill: #101a33; transition: fill .4s var(--cnv-ease) 2.6s; }
.cnv-scene--worker.cnv-is-open .cnv-scene__row { animation: cnv-row-in .5s var(--cnv-ease) forwards; }
.cnv-scene--worker.cnv-is-open .cnv-scene__row:nth-of-type(1) { animation-delay: 2.7s; }
.cnv-scene--worker.cnv-is-open .cnv-scene__row:nth-of-type(2) { animation-delay: 2.9s; }
.cnv-scene--worker.cnv-is-open .cnv-scene__row:nth-of-type(3) { animation-delay: 3.1s; }
@keyframes cnv-row-in { to { fill: #6577f6; } }
.cnv-scene__head { fill: #e8b94a; }
.cnv-scene__body { fill: var(--cnv-accent); }
.cnv-scene__limb { fill: #97a6ff; }
.cnv-scene__man { transform: translate(40px, 200px); }
.cnv-scene--worker.cnv-is-open .cnv-scene__man {
animation: cnv-walk 2.6s var(--cnv-ease) forwards;
}
@keyframes cnv-walk {
0%   { transform: translate(40px, 200px); }
70%  { transform: translate(196px, 200px); }
100% { transform: translate(214px, 208px); }
}
.cnv-scene--worker.cnv-is-open .cnv-scene__leg1 { animation: cnv-step 480ms var(--cnv-ease) 4; transform-origin: 0 -8px; }
.cnv-scene--worker.cnv-is-open .cnv-scene__leg2 { animation: cnv-step 480ms var(--cnv-ease) 4 240ms reverse; transform-origin: 0 -8px; }
@keyframes cnv-step {
0%, 100% { transform: rotate(-14deg); }
50%      { transform: rotate(14deg); }
}
.cnv-scene--worker.cnv-is-open .cnv-scene__arm {
animation: cnv-arm .5s var(--cnv-ease) 2.5s forwards;
transform-origin: 10px -32px;
}
@keyframes cnv-arm { to { transform: rotate(-64deg); } }
@media (prefers-reduced-motion: reduce) {
.cnv-scope .cnv-phone__frame { animation: none; }
.cnv-scope .cnv-phone__boot { display: none; }
.cnv-scope .cnv-phone__app,
.cnv-scope .cnv-phone__list li,
.cnv-scope .cnv-phone__task { opacity: 1; transform: none; animation: none; }
.cnv-scope .cnv-scene__man { transform: translate(214px, 208px); animation: none; }
.cnv-scope .cnv-scene--worker .cnv-scene__row { fill: #6577f6; animation: none; }
}
@media (max-width: 899px) {
.cnv-scope .cnv-chat { bottom: 82px; }
}
.cnv-scope .cnv-feed__row { grid-template-columns: auto minmax(0, 1fr) auto; }
.cnv-scope .cnv-feed__row > * { min-width: 0; }
.cnv-scope .cnv-feed__text { overflow-wrap: anywhere; }
.cnv-scope .cnv-hero2 > * { min-width: 0; }
.cnv-founder {
display: grid;
grid-template-columns: 96px 1fr;
gap: var(--cnv-s-5);
align-items: center;
margin: 0;
padding: var(--cnv-s-6);
border: 1px solid var(--cnv-hairline);
border-radius: var(--cnv-r-lg);
background: linear-gradient(135deg, rgba(101, 119, 246, .08) 0%, rgba(7, 11, 20, .4) 100%);
}
@media (min-width: 760px) { .cnv-founder { grid-template-columns: 132px 1fr; gap: var(--cnv-s-6); } }
.cnv-founder__photo {
width: 100%; height: auto; aspect-ratio: 1;
object-fit: cover;
border-radius: 50%;
border: 2px solid var(--cnv-gold, #e8b94a);
box-shadow: 0 0 0 6px rgba(232, 185, 74, .08);
}
.cnv-founder__quote {
margin: 0;
font-size: var(--cnv-fs-lead);
line-height: 1.55;
color: var(--cnv-white);
font-style: italic;
}
.cnv-founder__who { margin-top: var(--cnv-s-3); }
.cnv-founder__who b { display: block; color: var(--cnv-white); font-weight: var(--cnv-fw-semi); }
.cnv-founder__who span {
font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag);
letter-spacing: var(--cnv-tr-wide); text-transform: uppercase;
color: var(--cnv-text-muted);
}
@media (max-width: 520px) {
.cnv-founder { grid-template-columns: 1fr; text-align: left; padding: var(--cnv-s-5); }
.cnv-founder__photo { width: 96px; }
}
.cnv-pstats { display: flex; flex-wrap: wrap; gap: var(--cnv-s-6); margin-top: var(--cnv-s-6); }
.cnv-pstats b { display: block; font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); line-height: 1.1; color: var(--cnv-gold, #e8b94a); font-weight: var(--cnv-fw-semi); }
.cnv-pstats span { font-family: var(--cnv-font-mono); font-size: var(--cnv-fs-tag); letter-spacing: var(--cnv-tr-wide); text-transform: uppercase; color: var(--cnv-text-muted); }
.cnv-ptrack { display: flex; flex-direction: column; }
.cnv-ptrack__list { margin: var(--cnv-s-4) 0 0; padding-left: 1.1em; color: var(--cnv-text); font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); }
.cnv-ptrack__list li + li { margin-top: 6px; }
.cnv-ptrack__list b { color: var(--cnv-white); }
.cnv-ptrack__who { margin: var(--cnv-s-5) 0 0; font-weight: var(--cnv-fw-semi); color: var(--cnv-white); font-size: var(--cnv-fs-small); }
.cnv-ptrack__steps { margin: var(--cnv-s-3) 0 0; padding-left: 1.3em; color: var(--cnv-text-muted); font-size: var(--cnv-fs-small); line-height: var(--cnv-lh-body); }
.cnv-ptrack .cnv-btn-row { margin-top: auto; padding-top: var(--cnv-s-5); flex-wrap: wrap; }
.cnv-pform { scroll-margin-top: 96px; }
.cnv-pform .cnv-form__fields { display: grid; gap: var(--cnv-s-3); }
@media (max-width: 1039px) { .cnv-pforms { grid-template-columns: 1fr; } }
.cnv-scope .cnv-pform .cnv-form { padding: 0; border: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.cnv-scope .cnv-post { overflow: hidden; }
.cnv-scope .cnv-post__img {
display: block; width: calc(100% + 2 * var(--cnv-s-5)); max-width: none; height: auto;
aspect-ratio: 4 / 3; object-fit: cover;
margin: calc(-1 * var(--cnv-s-5)) calc(-1 * var(--cnv-s-5)) var(--cnv-s-4);
filter: saturate(.8) brightness(.85);
}
.cnv-scope .cnv-opt input:disabled + .cnv-opt__box { opacity: .38; cursor: not-allowed; transform: none; }
.cnv-scope .cnv-opt:has(input:disabled) { cursor: not-allowed; }
.cnv-scope [data-cnv-plans-archive][hidden],
.cnv-scope [data-cnv-plans-now][hidden],
.cnv-scope [data-cnv-own-wrap][hidden],
.cnv-scope [data-cnv-tier-wrap][hidden] { display: none; }
.cnv-scope .cnv-calc__own { margin-top: var(--cnv-s-4); max-width: 22em; }
.cnv-scope .cnv-input:disabled { opacity: .6; cursor: not-allowed; }
.cnv-scope .cnv-calc__gift {
margin: 0 0 var(--cnv-s-4);
padding: var(--cnv-s-3) var(--cnv-s-4);
border: 1px solid rgba(52, 211, 153, .35);
border-radius: var(--cnv-r-sm);
background: rgba(52, 211, 153, .08);
}
.cnv-scope .cnv-calc__gift-t {
display: block;
margin-bottom: 6px;
font-family: var(--cnv-font-mono);
font-size: var(--cnv-fs-tag);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--cnv-live);
}
.cnv-scope .cnv-calc__gift-l { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.cnv-scope .cnv-calc__gift-l li { position: relative; padding-left: 20px; font-size: var(--cnv-fs-small); line-height: 1.45; color: var(--cnv-text-muted); }
.cnv-scope .cnv-calc__gift-l li::before { content: '✓'; position: absolute; left: 0; color: var(--cnv-live); }
.cnv-scope .cnv-calc__gift-l b { color: var(--cnv-text); font-weight: var(--cnv-fw-semi); }
.cnv-scope #allrecords,
.cnv-scope .t-records { background: var(--cnv-bg); }
.cnv-scope .t-rec[data-record-type="678"] {
position: absolute !important;
left: -10000px;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
padding: 0 !important;
}
.cnv-scope .cnv-form--sending .cnv-btn { opacity: .65; pointer-events: none; }
.cnv-scope .cnv-form--sending .cnv-btn__arrow { animation: cnv-sending 1s linear infinite; }
@keyframes cnv-sending { to { transform: translateX(6px); opacity: .3; } }
@supports (content-visibility: auto) {
.cnv-scope .cnv-section:not(:first-of-type),
.cnv-scope .cnv-wsection:not(:first-of-type) {
content-visibility: auto;
contain-intrinsic-size: auto 720px;
}
}