#configurator .quiz-wrap{max-width:960px;margin:0 auto;background:linear-gradient(180deg,rgba(13,13,36,.8),rgba(13,13,36,.5));border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:36px;box-shadow:0 20px 80px rgba(124,58,237,.08)}
@media(max-width:700px){#configurator .quiz-wrap{padding:22px 18px;border-radius:18px}}
#configurator .quiz-head{margin-bottom:28px}
#configurator .quiz-steps{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;flex-wrap:nowrap;overflow-x:auto}
#configurator .quiz-step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:60px;opacity:.45;transition:opacity .3s}
#configurator .quiz-step-dot.active,#configurator .quiz-step-dot.done{opacity:1}
#configurator .quiz-step-dot span{width:30px;height:30px;border-radius:50%;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;color:#c4b5fd;font-weight:700;font-size:13px;font-family:Inter}
#configurator .quiz-step-dot.active span{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 0 20px rgba(124,58,237,.5)}
#configurator .quiz-step-dot.done span{background:rgba(6,182,212,.2);border-color:rgba(6,182,212,.5);color:#67e8f9}
#configurator .quiz-step-dot em{font-style:normal;font-size:11px;font-family:Inter;color:#8a92a8;text-transform:uppercase;letter-spacing:.08em}
#configurator .quiz-step-dot.active em{color:#fff}
#configurator .quiz-progress{height:3px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
#configurator .quiz-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}
#configurator .quiz-body{min-height:380px}
#configurator .quiz-step{animation:qStepIn .35s ease}
@keyframes qStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#configurator .quiz-q{font-size:clamp(17px,2vw,21px);font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.01em}
#configurator .quiz-sub{font-size:14px;color:#8a92a8;margin-bottom:22px;line-height:1.6}
#configurator .quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
@media(max-width:640px){#configurator .quiz-opts{grid-template-columns:1fr}}
#configurator .quiz-opt{cursor:pointer;position:relative}
#configurator .quiz-opt input{position:absolute;opacity:0;pointer-events:none}
#configurator .quiz-opt-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s,transform .15s;height:100%}
#configurator .quiz-opt:hover .quiz-opt-box{border-color:rgba(124,58,237,.3);background:rgba(124,58,237,.04)}
#configurator .quiz-opt:active .quiz-opt-box{transform:scale(.98)}
#configurator .quiz-opt input:checked + .quiz-opt-box{border-color:#7c3aed;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(6,182,212,.06));box-shadow:0 0 0 1px rgba(124,58,237,.5),0 8px 32px rgba(124,58,237,.18)}
#configurator .quiz-opt-ic{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(6,182,212,.08));border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;color:#a78bfa;margin-bottom:4px}
#configurator .quiz-opt input:checked + .quiz-opt-box .quiz-opt-ic{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-color:transparent;color:#fff}
#configurator .quiz-opt-t{font-size:14px;font-weight:600;color:#fff;line-height:1.35}
#configurator .quiz-opt-d{font-size:13px;color:#8a92a8;line-height:1.55}
#configurator .quiz-custom{display:flex;gap:10px;margin-top:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;align-items:center}
#configurator .quiz-custom:focus-within{border-color:rgba(124,58,237,.4);background:rgba(124,58,237,.04)}
#configurator .quiz-custom-input{flex:1;min-width:0;background:transparent;border:none;color:#fff;font-size:14.5px;padding:8px 10px;font-family:inherit;outline:none}
#configurator .quiz-custom-input::placeholder{color:#6c7490}
#configurator .quiz-custom-go{background:rgba(124,58,237,.15);color:#c4b5fd;border:1px solid rgba(124,58,237,.3);padding:9px 18px;border-radius:10px;font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s;font-family:inherit}
#configurator .quiz-custom-go:hover{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;border-color:transparent}
#configurator .quiz-custom-go:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:520px){#configurator .quiz-custom{flex-direction:column;align-items:stretch}#configurator .quiz-custom-go{width:100%}}
#configurator .quiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);gap:14px}
#configurator .quiz-back{background:transparent;color:#8a92a8;border:1px solid rgba(255,255,255,.1);padding:9px 18px;border-radius:10px;font-size:13.5px;cursor:pointer;transition:color .2s,border-color .2s;font-family:inherit;white-space:nowrap}
#configurator .quiz-back:hover:not(:disabled){color:#fff;border-color:rgba(255,255,255,.25)}
#configurator .quiz-back:disabled{opacity:.25;cursor:not-allowed}
#configurator .quiz-step-label{font-family:Inter;font-size:11.5px;color:#8a92a8;letter-spacing:.06em;text-transform:uppercase;text-align:center;flex:1}
#configurator .quiz-result-head{text-align:center;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.06)}
#configurator .quiz-result-kicker{font-family:Inter;font-size:12px;color:#a78bfa;text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin-bottom:10px}
#configurator .quiz-result-title{font-size:clamp(26px,3.5vw,38px);font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:10px}
#configurator .quiz-result-sub{font-size:14.5px;color:#b4bccd;line-height:1.6;max-width:560px;margin:0 auto}
#configurator .quiz-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
@media(max-width:640px){#configurator .quiz-result-grid{grid-template-columns:1fr}}
#configurator .qr-spec{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}
#configurator .qr-spec-k{font-family:Inter;font-size:10.5px;color:#7a8096;text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px;font-weight:600}
#configurator .qr-spec-v{font-size:14px;color:#e6dcff;line-height:1.55}
#configurator .quiz-result-price{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(6,182,212,.05));border:1px solid rgba(124,58,237,.25);border-radius:16px;padding:24px;align-items:center}
@media(max-width:700px){#configurator .quiz-result-price{grid-template-columns:1fr}}
#configurator .qr-price-k{font-family:Inter;font-size:11px;color:#a78bfa;text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin-bottom:8px}
#configurator .qr-price-v{font-family:Inter;font-size:clamp(22px,2.8vw,30px);font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
#configurator .qr-price-l{font-size:13px;color:#8a92a8;line-height:1.55}
#configurator .qr-cta-box{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:flex-start}
@media(max-width:700px){#configurator .qr-cta-box{align-items:stretch}}
#configurator .qr-cta-hint{font-size:12.5px;color:#8a92a8;line-height:1.55}
#configurator .quiz-result-summary{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 18px;margin-bottom:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;font-size:13px}
@media(max-width:640px){#configurator .quiz-result-summary{grid-template-columns:1fr}}
#configurator .quiz-result-summary .qrs-k{font-family:Inter;color:#8a92a8;font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-right:8px}
#configurator .quiz-result-summary .qrs-v{color:#e6dcff}
#configurator .quiz-result-actions{text-align:center}

.configurator-wrap .team-partners-kicker{font-family:Inter;font-size:12px;color:#7a8096;text-transform:uppercase;letter-spacing:.22em;font-weight:500}
.configurator-wrap .team-partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media(max-width:900px){.configurator-wrap .team-partners-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.configurator-wrap .team-partners-grid{grid-template-columns:repeat(2,1fr)}}
.configurator-wrap .team-partner{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 14px;text-align:center;font-size:15px;font-weight:700;color:#fff;line-height:1.1;transition:border-color .2s}
.configurator-wrap .team-partner:hover{border-color:rgba(124,58,237,.3)}
.configurator-wrap .team-partner em{display:block;font-style:normal;font-size:10.5px;font-weight:500;color:#7a8096;margin-top:6px;letter-spacing:.04em;text-transform:uppercase}

@media(max-width:767px){
#sravnenie th:nth-child(2),#sravnenie td:nth-child(2),
#sravnenie th:nth-child(3),#sravnenie td:nth-child(3),
#sravnenie th:nth-child(4),#sravnenie td:nth-child(4),
#sravnenie th:nth-child(5),#sravnenie td:nth-child(5),
#sravnenie th:nth-child(6),#sravnenie td:nth-child(6),
#sravnenie th:nth-child(7),#sravnenie td:nth-child(7)
{display:none!important}
#sravnenie table{min-width:auto!important}
}

#advantages .team-role-card{background:rgba(13,13,36,.5);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:28px;transition:border-color .25s,background .25s}
#advantages .team-role-card:hover{border-color:rgba(124,58,237,.35);background:rgba(20,18,48,.7)}
#advantages .team-role-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
#advantages .team-role-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(6,182,212,.1));border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}
#advantages .team-role-kicker{font-family:Inter;font-size:11px;color:#a78bfa;text-transform:uppercase;letter-spacing:.18em;font-weight:600}
#advantages .team-role-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}
#advantages .team-role-desc{font-size:14.5px;color:#b4bccd;line-height:1.7;margin-bottom:18px}
#advantages .team-role-tags{display:flex;flex-wrap:wrap;gap:6px}
#advantages .team-role-tags span{font-size:11.5px;padding:5px 11px;background:rgba(124,58,237,.09);color:#c4b5fd;border:1px solid rgba(124,58,237,.22);border-radius:6px;font-weight:500;letter-spacing:.01em}

#faq #faq-grid{align-items:start}
#faq .faq-item{align-self:start;background:rgba(13,13,36,.5);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:0;transition:border-color .25s,background .25s;overflow:hidden}
#faq .faq-item:hover{border-color:rgba(124,58,237,.35);background:rgba(20,18,48,.7)}
#faq .faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;cursor:pointer;color:#fff;text-align:left;font:inherit}
#faq .faq-q{font-size:15.5px;font-weight:600;color:#fff;line-height:1.45;flex:1;margin:0}
#faq .faq-icon{width:32px;height:32px;border-radius:10px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;color:#c4b5fd;flex-shrink:0;transition:transform .3s}
#faq .faq-item.active .faq-icon{transform:rotate(180deg)}
#faq .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}
#faq .faq-item.active .faq-answer{max-height:600px}
#faq .faq-answer p{padding:0 24px 22px;font-size:14.5px;color:#b4bccd;line-height:1.7;margin:0}
#faq .faq-answer p a{color:#a78bfa}

#deep-content .deep-card{max-width:1100px;margin:0 auto 28px;background:rgba(13,13,36,.5);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:32px;transition:border-color .25s,background .25s}
#deep-content .deep-card:hover{border-color:rgba(124,58,237,.35);background:rgba(20,18,48,.7)}
#deep-content .deep-card h3{font-size:22px;font-weight:700;color:#e6dcff;margin:0 0 14px;letter-spacing:.01em}
#deep-content .deep-card p{color:#b4bccd;line-height:1.7;font-size:14.5px;margin:0 0 18px}
#deep-content .deep-card p:last-child{margin-bottom:0}
#deep-content .deep-card .deep-note{font-size:13px;color:#a6afbd;margin-top:16px;padding:12px 16px;background:rgba(124,58,237,.08);border-left:2px solid rgba(124,58,237,.45);border-radius:8px}
#deep-content .deep-card table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:4px}
#deep-content .deep-card thead tr{background:rgba(124,58,237,.14)}
#deep-content .deep-card th{padding:12px 14px;text-align:left;color:#c4b5fd;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(124,58,237,.25)}
#deep-content .deep-card td{padding:11px 14px;color:#cfd4e0;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
#deep-content .deep-card tbody tr:last-child td{border-bottom:none}
#deep-content .deep-card tbody tr:hover td{background:rgba(124,58,237,.05)}
#deep-content .deep-card .deep-grid{display:grid;gap:14px;margin-top:4px}
#deep-content .deep-card .deep-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
#deep-content .deep-card .deep-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
#deep-content .deep-card .deep-grid>div{background:rgba(20,18,48,.5);border:1px solid rgba(124,58,237,.18);border-radius:12px;padding:18px 20px;transition:border-color .2s,background .2s}
#deep-content .deep-card .deep-grid>div:hover{border-color:rgba(124,58,237,.4);background:rgba(28,22,60,.7)}
#deep-content .deep-card .deep-grid h4{color:#e6dcff;font-weight:700;font-size:15px;margin:0 0 10px;letter-spacing:.01em}
#deep-content .deep-card .deep-grid p{font-size:13.5px;margin:0 0 10px;line-height:1.6}
#deep-content .deep-card .deep-grid p:last-child{margin-bottom:0}
#deep-content .deep-card .deep-grid ul{margin:0;padding-left:18px;color:#b4bccd;font-size:13px;line-height:1.6}
#deep-content .deep-card .deep-grid ul li{margin-bottom:4px}
#deep-content .deep-card dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:4px 0 0;padding:0}
#deep-content .deep-card dl>div{background:rgba(20,18,48,.55);border:1px solid rgba(124,58,237,.18);border-radius:12px;padding:14px 16px;transition:border-color .2s,background .2s}
#deep-content .deep-card dl>div:hover{border-color:rgba(124,58,237,.4);background:rgba(28,22,60,.7)}
#deep-content .deep-card dt{font-weight:700;color:#c4b5fd;font-size:13.5px;margin:0 0 6px;letter-spacing:.01em}
#deep-content .deep-card dd{color:#a6afbd;font-size:12.8px;line-height:1.55;margin:0}

#footer-grid{grid-template-columns:1fr 1fr 1fr 1.3fr}@media(max-width:1023px){#footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:639px){#footer-grid{grid-template-columns:1fr}}

.float-btn-stack{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column-reverse;gap:16px;align-items:center;transition:bottom .3s ease}
.float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s;cursor:pointer;border:none}
.float-btn svg{width:28px;height:28px}
.float-btn:hover{transform:scale(1.08)}
.float-btn-wa{background:#25D366;color:#fff;box-shadow:0 8px 32px rgba(37,211,102,.35)}
.float-btn-tg{background:#229ED9;color:#fff;box-shadow:0 8px 32px rgba(34,158,217,.35)}
.float-btn-top{background:rgba(13,13,36,.9);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.float-btn-top.visible{opacity:1;pointer-events:auto}
.float-btn-top:hover{color:#fff;border-color:rgba(124,58,237,.3)}
.whatsapp-float,.back-to-top{display:none!important}

.lottie-deco{position:absolute;pointer-events:none;z-index:1;opacity:.35;filter:blur(0.5px)}
@media(max-width:1024px){.lottie-deco{display:none}}

.cs-section { background: linear-gradient(180deg, transparent, var(--c-accent-soft) 50%, transparent); }
.cs-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 620px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.cs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--s-5); margin-top: var(--s-7); }
.cs-card {
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-7) var(--s-6);
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
position: relative;
overflow: hidden;
}
.cs-card:hover { transform: translateY(-4px); border-color: var(--c-accent); box-shadow: 0 16px 40px var(--c-accent-glow); }
.cs-tag {
display: inline-flex;
padding: 4px 10px;
background: var(--c-accent-soft);
color: var(--c-accent-2);
border-radius: var(--r-sm);
font-size: var(--fs-xs);
text-transform: uppercase;
letter-spacing: 0.08em;
font-variation-settings: 'wght' 700;
margin-bottom: var(--s-4);
}
.cs-card-title { font-size: var(--fs-md); font-variation-settings: 'wght' 700; margin: 0 0 var(--s-3); color: var(--c-fg); letter-spacing: var(--ls-h); line-height: 1.3; }
.cs-card-text { margin: 0 0 var(--s-5); color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.cs-result {
display: inline-flex;
align-items: center;
gap: var(--s-2);
padding: var(--s-2) var(--s-4);
background: rgba(16,185,129,0.1);
color: #10b981;
border-radius: var(--r-pill);
font-variation-settings: 'wght' 700;
font-size: var(--fs-sm);
}

.cmp-section { background: linear-gradient(180deg, transparent, var(--c-accent-soft) 50%, transparent); }
.cmp-subtitle { color: var(--c-fg-muted); max-width: 620px; margin: 0 0 var(--s-7); font-size: var(--fs-md); line-height: var(--lh-relaxed); }
.cmp-scroll { overflow-x: auto; margin-top: var(--s-6); border-radius: var(--r-xl); }
.cmp-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); min-width: 540px; }
.cmp-table thead th {
padding: var(--s-4) var(--s-5);
text-align: left;
font-variation-settings: 'wght' 700;
color: var(--c-fg-muted);
border-bottom: 2px solid var(--c-border);
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: var(--fs-xs);
white-space: nowrap;
}
.cmp-table tbody tr { border-bottom: 1px solid var(--c-border); transition: background var(--t-fast); }
.cmp-table tbody tr:hover { background: var(--c-bg-card-hover); }
.cmp-table tbody td { padding: var(--s-4) var(--s-5); color: var(--c-fg); vertical-align: middle; }

.cmp-th-us {
color: var(--c-accent) !important;
border-bottom-color: var(--c-accent) !important;
background: var(--c-accent-soft);
}
.cmp-td-us { background: var(--c-accent-soft); font-variation-settings: 'wght' 600; }
.cmp-them { color: var(--c-fg-muted); }
.cmp-param { font-variation-settings: 'wght' 600; color: var(--c-fg); }

.cmp-uvs-them th, .cmp-uvs-them td { text-align: center; }
.cmp-uvs-them th:first-child, .cmp-uvs-them td:first-child { text-align: left; }

.cmp-yes, .cmp-no { display: inline-flex; align-items: center; gap: var(--s-2); }
.cmp-yes svg { color: #10b981; flex-shrink: 0; }
.cmp-no svg { color: #ef4444; flex-shrink: 0; opacity: 0.7; }

@media (max-width: 640px) { .cmp-table { font-size: var(--fs-xs); } .cmp-table thead th, .cmp-table tbody td { padding: var(--s-3); } }

.cta-section { position: relative; overflow: hidden; text-align: center; }
.cta-orb { width: 600px; height: 600px; top: -100px; left: 50%; transform: translateX(-50%); opacity: 0.22; }
.cta-container { position: relative; z-index: 2; max-width: 720px; }
.cta-title { font-size: clamp(28px, 4vw, 48px); font-variation-settings: 'wght' 900; line-height: var(--lh-tight); letter-spacing: var(--ls-h); margin: 0 0 var(--s-4); color: var(--c-fg); }
.cta-subtitle { font-size: var(--fs-md); color: var(--c-fg-muted); margin: 0 0 var(--s-7); line-height: var(--lh-relaxed); }
.cta-button { padding: 18px 38px; font-size: 17px; }

.expert-section { background: linear-gradient(180deg, transparent, rgba(255,255,255,0.02), transparent); position: relative; }
.expert-progress { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--c-border); z-index: 1; }
.expert-progress-bar { width: 0%; height: 100%; background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2)); transition: width 0.1s linear; }
.expert-container { max-width: 1100px; }
.expert-layout { display: grid; grid-template-columns: 1fr; gap: var(--s-8); margin-top: var(--s-7); }
@media (min-width: 1024px) { .expert-layout { grid-template-columns: 220px 1fr; gap: var(--s-9); } }

.expert-toc {
position: sticky;
top: var(--s-9);
align-self: start;
max-height: calc(100vh - var(--s-12));
overflow-y: auto;
padding-right: var(--s-2);
}
.expert-toc-label {
font-size: var(--fs-xs);
text-transform: uppercase;
letter-spacing: var(--ls-eyebrow);
color: var(--c-fg-dim);
margin-bottom: var(--s-3);
}
.expert-toc ol { list-style: none; padding: 0; margin: 0; counter-reset: toc; }
.expert-toc li { counter-increment: toc; }
.expert-toc a {
display: block;
padding: var(--s-2) 0;
font-size: var(--fs-sm);
color: var(--c-fg-muted);
border-left: 2px solid transparent;
padding-left: var(--s-3);
transition: color var(--t-fast), border-color var(--t-fast);
line-height: 1.4;
}
.expert-toc a::before { content: counter(toc, decimal-leading-zero); margin-right: var(--s-2); color: var(--c-fg-dim); font-family: 'JetBrains Mono', monospace; font-size: 11px; }
.expert-toc a:hover, .expert-toc a.is-active { color: var(--c-fg); border-left-color: var(--c-accent); }
.expert-toc a.is-active { color: var(--c-accent); }

.expert-article { color: var(--c-fg-muted); font-size: var(--fs-base); line-height: var(--lh-relaxed); }
.expert-heading {
font-size: clamp(20px, 2.2vw, 26px);
font-variation-settings: 'wght' 800;
color: var(--c-fg);
margin: var(--s-9) 0 var(--s-4);
letter-spacing: var(--ls-h);
scroll-margin-top: var(--s-12);
}
.expert-heading:first-child { margin-top: 0; }
.expert-text p { margin: 0 0 var(--s-4); color: var(--c-fg-muted); }
.expert-text table { width: 100%; border-collapse: collapse; margin: var(--s-4) 0; font-size: var(--fs-sm); background: var(--c-bg-card); border-radius: var(--r-md); overflow: hidden; border: 1px solid var(--c-border); }
.expert-text th, .expert-text td { padding: var(--s-3) var(--s-4); border-bottom: 1px solid var(--c-border); text-align: left; }
.expert-text th { background: var(--c-accent-soft); color: var(--c-accent-2); font-variation-settings: 'wght' 700; }
.expert-text ul, .expert-text ol { margin: var(--s-4) 0; padding-left: var(--s-5); }
.expert-text li { margin-bottom: var(--s-2); }
.expert-text blockquote {
border-left: 3px solid var(--c-accent);
padding: var(--s-3) var(--s-5);
margin: var(--s-5) 0;
color: var(--c-fg);
background: var(--c-accent-soft);
border-radius: 0 var(--r-md) var(--r-md) 0;
font-style: italic;
}
.expert-text b, .expert-text strong { color: var(--c-fg); font-variation-settings: 'wght' 700; }

.faq-search-row { margin: var(--s-7) 0 var(--s-6); }
.faq-search {
display: flex;
align-items: center;
gap: var(--s-3);
padding: var(--s-3) var(--s-5);
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-pill);
max-width: 640px;
transition: border-color var(--t-fast);
}
.faq-search:focus-within { border-color: var(--c-accent); box-shadow: 0 0 0 4px var(--c-accent-soft); }
.faq-search i { color: var(--c-accent); font-size: 18px; }
.faq-search input { flex: 1; background: transparent; border: none; color: var(--c-fg); font-size: var(--fs-base); outline: none; }
.faq-search input::placeholder { color: var(--c-fg-dim); }
.faq-count { color: var(--c-fg-dim); font-size: var(--fs-sm); white-space: nowrap; }

.faq-list { display: grid; grid-template-columns: 1fr; gap: var(--s-3); max-width: 880px; margin-top: var(--s-7); }

.faq-item {
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-lg);
transition: border-color var(--t-fast), background var(--t-fast);
overflow: hidden;
}
.faq-item:hover { border-color: var(--c-border-strong); }
.faq-item[open] { border-color: var(--c-accent); background: var(--c-accent-soft); }

.faq-q {
list-style: none;
cursor: pointer;
padding: var(--s-5) var(--s-6);
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--s-4);
font-variation-settings: 'wght' 600;
font-size: var(--fs-base);
user-select: none;
}
.faq-q::-webkit-details-marker { display: none; }
.faq-q-text { flex: 1; }
.faq-q-icon {
flex: 0 0 28px;
width: 28px; height: 28px;
border-radius: 50%;
background: var(--c-accent-soft);
color: var(--c-accent);
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform var(--t-mid), background var(--t-fast);
}
.faq-item[open] .faq-q-icon { transform: rotate(45deg); background: var(--c-accent); color: #fff; }

.faq-a {
padding: 0 var(--s-6) var(--s-5);
color: var(--c-fg-muted);
font-size: var(--fs-sm);
line-height: var(--lh-relaxed);
animation: faqOpen 0.4s var(--easing-smooth);
}
@keyframes faqOpen { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.faq-empty { color: var(--c-fg-muted); margin-top: var(--s-6); }

#scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 100; pointer-events: none; }
.scroll-progress-bar { width: 0%; height: 100%; background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2)); transition: width 0.05s linear; box-shadow: 0 0 12px var(--c-accent-glow); }

.section-dots {
position: fixed;
right: var(--s-5);
top: 50%;
transform: translateY(-50%);
z-index: 50;
display: none;
flex-direction: column;
gap: var(--s-3);
}
@media (min-width: 1280px) and (min-height: 1150px) { .section-dots { display: flex; } }
.section-dots a {
width: 24px; height: 24px;
border-radius: 50%;
background: transparent;
transition: transform var(--t-fast);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.section-dots a::after {
content: '';
width: 8px; height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
transition: background var(--t-fast), width var(--t-fast), height var(--t-fast);
}
.section-dots a:hover::after, .section-dots a.is-active::after { background: var(--c-accent); width: 12px; height: 12px; }
.section-dots a:hover, .section-dots a.is-active { transform: scale(1.1); }
.section-dots a span {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
background: rgba(10,10,30,0.9);
color: var(--c-fg);
padding: 4px 10px;
border-radius: var(--r-sm);
font-size: 11px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity var(--t-fast);
}
.section-dots a:hover span { opacity: 1; }

.floats { position: fixed; right: 18px; bottom: 24px; display: flex; flex-direction: column; gap: 12px; z-index: 60; }
.float-btn {
width: 54px; height: 54px;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
color: #fff;
text-decoration: none;
font-size: 24px;
transition: transform var(--t-fast), box-shadow var(--t-mid);
border: none;
cursor: pointer;
}
.float-btn:hover { transform: translateY(-2px) scale(1.05); }
.float-wa { background: #25d366; box-shadow: 0 8px 24px rgba(37,211,102,0.4); }
.float-tg { background: #229ed9; box-shadow: 0 8px 24px rgba(34,158,217,0.4); }
.float-top {
background: var(--c-bg-elevated);
border: 1px solid var(--c-border-strong);
color: var(--c-fg);
opacity: 0;
transform: translateY(20px);
transition: opacity var(--t-mid), transform var(--t-mid);
font-size: 18px;
}
.float-top.is-visible { opacity: 1; transform: translateY(0); }

.sticky-cta {
position: fixed;
bottom: 0; left: 0; right: 0;
z-index: 70;
background: rgba(10,10,30,0.95);
backdrop-filter: blur(20px);
border-top: 1px solid var(--c-border-strong);
padding: var(--s-4) var(--s-6);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--s-4);
transform: translateY(110%);
transition: transform 0.4s var(--easing-smooth);
}
.sticky-cta.is-visible { transform: translateY(0); }
.sticky-cta-text { display: flex; flex-direction: column; gap: 2px; }
.sticky-cta-text strong { font-size: var(--fs-base); font-variation-settings: 'wght' 700; color: var(--c-fg); }
.sticky-cta-text span { font-size: var(--fs-sm); color: var(--c-fg-muted); }
.sticky-cta-btn { padding: 12px 22px; font-size: var(--fs-sm); white-space: nowrap; }

@media (max-width: 640px) {
.sticky-cta { padding: var(--s-3); }
.sticky-cta-text strong { font-size: var(--fs-sm); }
.sticky-cta-text span { display: none; }
}

.geo-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 620px; margin: 0 0 var(--s-7); line-height: var(--lh-relaxed); }
.geo-grid { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-7); }
.geo-pill {
display: inline-flex;
align-items: center;
gap: var(--s-2);
padding: var(--s-3) var(--s-5);
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-pill);
color: var(--c-fg);
font-size: var(--fs-sm);
font-variation-settings: 'wght' 500;
transition: border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);
}
.geo-pill:hover { border-color: var(--c-accent); background: var(--c-accent-soft); transform: translateY(-2px); }
.geo-pill i { color: var(--c-accent); font-size: 16px; }

.gr-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 620px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.gr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--s-5); margin-top: var(--s-7); }
.gr-card {
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-7) var(--s-6);
text-align: center;
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
position: relative;
overflow: hidden;
}
.gr-card::after {
content: '';
position: absolute;
top: -40%; left: 50%;
transform: translateX(-50%);
width: 200px; height: 200px;
background: radial-gradient(circle, var(--c-accent-soft), transparent 70%);
opacity: 0;
transition: opacity var(--t-mid);
pointer-events: none;
}
.gr-card:hover { transform: translateY(-4px); border-color: var(--c-accent); box-shadow: 0 16px 40px var(--c-accent-glow); }
.gr-card:hover::after { opacity: 1; }
.gr-icon-bg {
width: 80px; height: 80px;
margin: 0 auto var(--s-5);
border-radius: 50%;
background: linear-gradient(135deg, var(--c-accent-soft), var(--c-accent-soft));
border: 2px solid var(--c-accent-soft);
display: flex;
align-items: center;
justify-content: center;
color: var(--c-accent);
font-size: 36px;
position: relative;
z-index: 1;
}
.gr-card-title { font-size: var(--fs-md); font-variation-settings: 'wght' 700; margin: 0 0 var(--s-2); color: var(--c-fg); letter-spacing: var(--ls-h); }
.gr-card-text { margin: 0; color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }

@media(min-width:768px){.main-nav{display:flex !important}.header-phone{display:inline !important}#mobile-menu-btn{display:none !important}}

.hero { position: relative; min-height: 92vh; display: flex; align-items: center; overflow: hidden; padding: var(--s-10) 0; }
.hero-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; contain: strict; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; }
.hero-glow-1 { width: 50vw; height: 50vw; max-width: 600px; max-height: 600px; top: -10%; left: -10%; background: radial-gradient(circle, var(--c-accent) 0%, transparent 70%); opacity: 0.35; }
.hero-glow-2 { width: 40vw; height: 40vw; max-width: 500px; max-height: 500px; bottom: -10%; right: -10%; background: radial-gradient(circle, var(--c-accent-2) 0%, transparent 70%); opacity: 0.28; }
.hero-grid-mask {
position: absolute; inset: 0;
background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
background-size: 64px 64px;
mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
-webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
}
.hero-container { position: relative; z-index: 2; }
.hero-grid { display: grid; grid-template-columns: 1fr; gap: var(--s-8); align-items: center; }
@media (min-width: 1024px) { .hero-grid { grid-template-columns: 1.1fr 1fr; gap: var(--s-12); } }
.hero-text-col { max-width: 720px; }
.hero-eyebrow { margin-bottom: var(--s-6); }

.hero-title {
font-family: 'Inter', 'InterFallback900', 'Arial Black', sans-serif;
font-size: var(--fs-4xl);
font-variation-settings: 'wght' 900;
font-weight: 900;
line-height: var(--lh-tight);
letter-spacing: var(--ls-display);
text-transform: uppercase;
margin: 0 0 var(--s-6);
color: var(--c-fg);
display: flex; flex-wrap: wrap; gap: 0.25em;
text-wrap: balance;
}
.hero-word { display: inline-block; }

.hero-subtitle {
font-size: var(--fs-md);
color: var(--c-fg-muted);
max-width: 560px;
margin: 0 0 var(--s-7);
line-height: var(--lh-relaxed);
}
.hero-cta-row { display: flex; gap: var(--s-3); flex-wrap: wrap; margin-bottom: var(--s-7); }
.hero-cta { font-size: 15px; text-transform: uppercase; letter-spacing: 0.04em; }

.hero-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--s-7);
margin-top: var(--s-9);
padding-top: var(--s-7);
border-top: 1px solid var(--c-border);
}
.hero-stat-num {
font-size: clamp(28px, 3.5vw, 42px);
font-variation-settings: 'wght' 900;
line-height: 1;
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: var(--ls-h);
font-variant-numeric: tabular-nums;
min-width: 4ch;
display: inline-block;
}
.hero-stat-label {
font-size: var(--fs-sm);
color: var(--c-fg-muted);
margin-top: var(--s-2);
}

.hero-doc-col { display: none; position: relative; }
@media (min-width: 1024px) { .hero-doc-col { display: block; } }
.hassp-doc {
position: relative;
transform-style: preserve-3d;
transition: transform 0.4s var(--easing-smooth);
will-change: transform;
}

.doc-paper {
position: relative;
aspect-ratio: 1 / 1.414;
max-width: 420px;
margin-left: auto;
background: linear-gradient(135deg, #f8f7f2 0%, #ece9dd 100%);
color: #1a1a2e;
border-radius: var(--r-lg);
padding: var(--s-7) var(--s-6) var(--s-6);
box-shadow: 0 30px 80px rgba(0,0,0,0.45), 0 10px 30px rgba(0,0,0,0.3);
transform: rotate(-2deg);
transition: transform 0.5s var(--easing-smooth);
border: 1px solid rgba(124,58,237,0.2);
overflow: hidden;
display: flex;
flex-direction: column;
}
.doc-list { flex: 1; }
.hassp-doc:hover .doc-paper { transform: rotate(0deg) scale(1.02); }
.doc-paper::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 6px;
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
}
.doc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--s-5); padding-bottom: var(--s-4); border-bottom: 1px dashed rgba(0,0,0,0.15); }
.doc-logo { font-variation-settings: 'wght' 900; font-size: var(--fs-md); letter-spacing: 1px; color: var(--c-accent); background: var(--c-accent-soft); padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); }
.doc-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: var(--fs-xs); color: #888; letter-spacing: 0.5px; }
.doc-eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #9ca3af; margin-bottom: var(--s-2); font-variation-settings: 'wght' 600; }
.doc-title {
font-size: clamp(22px, 2.4vw, 30px);
font-variation-settings: 'wght' 900;
line-height: 1;
letter-spacing: var(--ls-h);
margin-bottom: var(--s-2);
color: #1a1a2e;
}
.doc-org { font-size: var(--fs-sm); color: #525252; font-style: italic; margin-bottom: var(--s-6); padding-bottom: var(--s-5); border-bottom: 1px solid rgba(0,0,0,0.08); }
.doc-list { list-style: none; padding: 0; margin: 0 0 var(--s-6); display: flex; flex-direction: column; gap: var(--s-3); }
.doc-list li { display: flex; align-items: flex-start; gap: var(--s-3); font-size: var(--fs-sm); line-height: 1.45; color: #2d2d44; }
.doc-check { flex: 0 0 18px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; background: #10b981; color: #fff; border-radius: 50%; font-size: 11px; font-variation-settings: 'wght' 900; margin-top: 1px; }
.doc-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); padding-top: var(--s-5); border-top: 1px dashed rgba(0,0,0,0.15); }

.stamp-ring {
width: 88px; height: 88px;
border: 3px solid #c0392b;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
color: #c0392b;
font-variation-settings: 'wght' 900;
font-size: 9px; letter-spacing: 1.5px; text-align: center;
transform: rotate(-12deg);
background: rgba(192,57,43,0.04);
box-shadow: inset 0 0 0 1px rgba(192,57,43,0.3);
animation: stampPulse 3s ease-in-out infinite;
}
@keyframes stampPulse { 0%,100% { transform: rotate(-12deg) scale(1); opacity: 0.9; } 50% { transform: rotate(-12deg) scale(1.05); opacity: 1; } }

.doc-price-block { text-align: right; }
.doc-price-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: #888; font-variation-settings: 'wght' 600; margin-bottom: 2px; }
.doc-price {
font-size: clamp(24px, 2.5vw, 30px);
font-variation-settings: 'wght' 900;
line-height: 1;
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
letter-spacing: var(--ls-h);
}
.doc-price-sub { font-size: 11px; color: #666; margin-top: var(--s-1); font-variation-settings: 'wght' 500; }

.float-badge {
position: absolute;
display: inline-flex; align-items: center; gap: var(--s-2);
padding: var(--s-3) var(--s-4);
background: rgba(10,10,30,0.85);
border: 1px solid var(--c-accent-soft);
border-radius: var(--r-pill);
backdrop-filter: blur(10px);
color: var(--c-fg);
font-size: var(--fs-sm);
font-variation-settings: 'wght' 600;
box-shadow: 0 8px 24px rgba(0,0,0,0.4);
white-space: nowrap;
animation: floatY 4s ease-in-out infinite;
}
.float-badge .fb-icon { font-size: 16px; color: var(--c-accent-2); }
.fb-1 { top: -22px; left: -30px; animation-delay: 0s; }
.fb-2 { bottom: 50px; left: -40px; animation-delay: 1s; }
.fb-3 { top: 50%; right: -32px; animation-delay: 2s; }
@keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

.hero-scroll-indicator {
position: absolute;
bottom: var(--s-6);
left: 50%;
transform: translateX(-50%);
z-index: 3;
display: none;
flex-direction: column;
align-items: center;
gap: var(--s-2);
color: var(--c-fg-muted);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.3em;
transition: opacity 0.3s ease;
text-decoration: none;
}
@media (min-width: 1024px) and (min-height: 760px) { .hero-scroll-indicator { display: flex; } }
.hero-scroll-indicator:hover { color: var(--c-fg); }
.hero-scroll-line {
width: 1px;
height: 36px;
background: linear-gradient(to bottom, var(--c-accent), transparent);
position: relative;
overflow: hidden;
}
.hero-scroll-line::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(to bottom, var(--c-fg), transparent);
animation: scrollIndicator 1.8s ease-in-out infinite;
}
@keyframes scrollIndicator {
0% { transform: translateY(-100%); }
100% { transform: translateY(100%); }
}

@media (max-width: 768px) {
.hero { min-height: 100svh; padding: var(--s-9) 0 var(--s-10); }
.hero-title { font-size: clamp(2rem, 8vw, 3rem); }
.hero-stats { gap: var(--s-5); margin-top: var(--s-8); }
.hero-canvas { filter: blur(40px); }
}

.hw-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 640px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.hw-timeline {
list-style: none;
padding: 0;
margin: var(--s-7) 0 0;
position: relative;
counter-reset: hw;
}
.hw-timeline::before {
content: '';
position: absolute;
left: 32px;
top: 32px;
bottom: 32px;
width: 2px;
background: linear-gradient(180deg, var(--c-accent), var(--c-accent-2), transparent);
opacity: 0.4;
}
@media (min-width: 768px) {
.hw-timeline::before { left: 40px; }
}
.hw-step {
display: flex;
gap: var(--s-5);
align-items: flex-start;
margin-bottom: var(--s-7);
position: relative;
}
.hw-step:last-child { margin-bottom: 0; }
.hw-step-num {
flex: 0 0 64px;
width: 64px; height: 64px;
border-radius: 50%;
background: var(--c-bg-elevated);
border: 2px solid var(--c-accent);
display: flex;
align-items: center;
justify-content: center;
color: var(--c-accent);
font-size: var(--fs-md);
font-variation-settings: 'wght' 800;
letter-spacing: -0.02em;
box-shadow: 0 0 0 6px var(--c-bg-page), 0 8px 24px var(--c-accent-glow);
z-index: 2;
transition: transform var(--t-mid), background var(--t-fast);
}
@media (min-width: 768px) { .hw-step-num { flex: 0 0 80px; width: 80px; height: 80px; font-size: var(--fs-lg); } }
.hw-step:hover .hw-step-num { background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2)); color: #fff; transform: scale(1.05); }
.hw-step-body { flex: 1; padding-top: var(--s-3); }
.hw-step-title { font-size: var(--fs-lg); font-variation-settings: 'wght' 700; margin: 0 0 var(--s-2); color: var(--c-fg); letter-spacing: var(--ls-h); }
.hw-step-text { margin: 0; color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); max-width: 720px; }

.quiz-opt:hover{border-color:var(--accent) !important;background:rgba(124,58,237,.08) !important;transform:translateY(-1px)}

.pp-section { background: linear-gradient(180deg, transparent, rgba(239,68,68,0.04), transparent); }
.pp-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 640px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.pp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--s-5); margin-top: var(--s-7); }
.pp-card {
position: relative;
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-6);
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
overflow: hidden;
}
.pp-card:hover { transform: translateY(-4px); border-color: rgba(239,68,68,0.4); box-shadow: 0 16px 40px rgba(239,68,68,0.12); }
.pp-card::before {
content: '';
position: absolute; top: 0; left: 0; bottom: 0;
width: 3px;
background: linear-gradient(180deg, #ef4444, #f97316);
opacity: 0;
transition: opacity var(--t-fast);
}
.pp-card:hover::before { opacity: 1; }
.pp-icon {
width: 52px; height: 52px;
border-radius: var(--r-md);
background: rgba(239,68,68,0.1);
color: #ef4444;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 26px;
margin-bottom: var(--s-4);
}
.pp-card-title { font-size: var(--fs-md); font-variation-settings: 'wght' 700; margin: 0 0 var(--s-2); color: var(--c-fg); letter-spacing: var(--ls-h); }
.pp-card-text { margin: 0; color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }

#preloader {
position: fixed; inset: 0; z-index: 9999;
display: flex; align-items: center; justify-content: center;
background: var(--c-bg-page);
transition: opacity 0.5s var(--easing-smooth), visibility 0.5s;
}
#preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.preloader-inner { display: flex; flex-direction: column; align-items: center; gap: var(--s-5); }
.preloader-brand {
font-size: clamp(20px, 2.5vw, 28px);
font-variation-settings: 'wght' 900;
letter-spacing: 0.2em;
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
animation: preloaderFade 0.6s var(--easing-smooth);
}
.preloader-track { width: 200px; height: 2px; background: var(--c-border); border-radius: 999px; overflow: hidden; }
.preloader-bar {
height: 100%; width: 0%;
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
animation: preloaderProgress 1.2s var(--easing-smooth) forwards;
}
@keyframes preloaderFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes preloaderProgress { from { width: 0%; } to { width: 100%; } }

.pricing { position: relative; }
.pricing-orb { width: 600px; height: 600px; top: 0; right: -200px; opacity: 0.18; }
.pricing-container { position: relative; z-index: 2; }
.pricing-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 620px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--s-6); margin-top: var(--s-7); align-items: stretch; }

.pricing-card {
position: relative;
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-2xl);
padding: var(--s-7);
display: flex;
flex-direction: column;
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
overflow: hidden;
}
.pricing-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, transparent, var(--c-accent), var(--c-accent-2), transparent);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.6s var(--easing-smooth);
}
.pricing-card:hover { transform: translateY(-6px); border-color: var(--c-accent-soft); box-shadow: var(--shadow-md); }
.pricing-card:hover::before { transform: scaleX(1); }

.pricing-card.is-popular {
border-color: var(--c-accent);
box-shadow: 0 0 0 1px var(--c-accent), 0 20px 50px var(--c-accent-glow);
transform: scale(1.03);
}
.pricing-card.is-popular::before { transform: scaleX(1); height: 4px; }
.pricing-card.is-popular::after {
content: '';
position: absolute;
inset: -1px;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(135deg, transparent 0%, var(--c-accent-soft) 100%);
opacity: 0.5;
animation: popularPulse 3s ease-in-out infinite;
}
@keyframes popularPulse { 0%,100% { opacity: 0.3; } 50% { opacity: 0.6; } }

.pricing-badge {
position: absolute;
top: -14px; left: var(--s-6);
background: linear-gradient(90deg, var(--c-accent), var(--c-accent-2));
color: #fff;
font-size: 11px;
font-variation-settings: 'wght' 700;
padding: 5px 12px;
border-radius: var(--r-pill);
text-transform: uppercase;
letter-spacing: 0.1em;
box-shadow: var(--shadow-sm);
z-index: 2;
}

.pricing-name { font-size: var(--fs-xl); font-variation-settings: 'wght' 800; margin-bottom: var(--s-2); letter-spacing: var(--ls-h); }
.pricing-desc { color: var(--c-fg-muted); font-size: var(--fs-sm); margin: 0 0 var(--s-6); line-height: 1.5; min-height: 42px; }
.pricing-price-row { margin-bottom: var(--s-6); display: flex; align-items: baseline; gap: var(--s-2); flex-wrap: wrap; }
.pricing-price {
font-size: clamp(28px, 3vw, 40px);
font-variation-settings: 'wght' 800;
letter-spacing: var(--ls-h);
color: var(--c-fg);
line-height: 1;
}
.pricing-unit { color: var(--c-fg-muted); font-size: var(--fs-sm); }

.pricing-features {
list-style: none; padding: 0; margin: 0 0 var(--s-7);
display: flex; flex-direction: column; gap: var(--s-3);
font-size: var(--fs-sm);
flex: 1;
}
.pricing-features li { display: flex; align-items: flex-start; gap: var(--s-2); line-height: 1.5; }
.pricing-features li i {
color: var(--c-accent);
flex: 0 0 18px;
width: 18px; height: 18px;
font-size: 16px;
margin-top: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--c-accent-soft);
border-radius: 50%;
}
.pricing-features li span { color: var(--c-fg); }

.pricing-cta { width: 100%; }

@media (max-width: 880px) {
.pricing-card.is-popular { transform: none; }
}

.sol-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 640px; margin: 0 0 var(--s-9); line-height: var(--lh-relaxed); }
.sol-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--s-5); margin-top: var(--s-7); }
.sol-card {
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-6);
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
position: relative;
overflow: hidden;
}
.sol-card:hover { transform: translateY(-4px); border-color: var(--c-accent); box-shadow: 0 16px 40px var(--c-accent-glow); }
.sol-icon-wrap {
display: flex; align-items: center; gap: var(--s-3);
margin-bottom: var(--s-4);
}
.sol-num {
font-size: var(--fs-xs);
color: #9b6ff8;
font-variation-settings: 'wght' 700;
letter-spacing: 0.1em;
padding: 4px 8px;
border-radius: var(--r-sm);
background: var(--c-accent-soft);
}
.sol-icon {
font-size: 28px;
color: var(--c-accent-2);
}
.sol-card-title { font-size: var(--fs-md); font-variation-settings: 'wght' 700; margin: 0 0 var(--s-2); color: var(--c-fg); letter-spacing: var(--ls-h); }
.sol-card-text { margin: 0; color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--s-5); margin-top: var(--s-7); }
.team-card {
position: relative;
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-6);
transition: transform var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
overflow: hidden;
}
.team-card::before {
content: '';
position: absolute;
top: 0; left: 0; bottom: 0;
width: 3px;
background: linear-gradient(180deg, var(--c-accent), var(--c-accent-2));
transform: scaleY(0);
transform-origin: top;
transition: transform 0.4s var(--easing-smooth);
}
.team-card:hover { transform: translateY(-4px); border-color: var(--c-border-strong); box-shadow: var(--shadow-md); }
.team-card:hover::before { transform: scaleY(1); }

.team-card-head { display: flex; align-items: center; gap: var(--s-3); margin-bottom: var(--s-4); }
.team-avatar {
width: 52px; height: 52px;
border-radius: 50%;
background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2));
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-variation-settings: 'wght' 900;
font-size: var(--fs-lg);
flex-shrink: 0;
box-shadow: 0 8px 20px var(--c-accent-glow);
}
.team-name { font-variation-settings: 'wght' 700; font-size: var(--fs-md); margin-bottom: 2px; }
.team-role {
font-size: var(--fs-xs);
color: var(--c-accent-2);
text-transform: uppercase;
letter-spacing: 0.08em;
font-variation-settings: 'wght' 600;
}
.team-bio { margin: 0; color: var(--c-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }

.ts-section { overflow: hidden; }
.ts-container { position: relative; z-index: 2; }
.ts-subtitle { color: var(--c-fg-muted); font-size: var(--fs-md); max-width: 620px; margin: 0 0 var(--s-7); line-height: var(--lh-relaxed); }
.ts-marquee {
position: relative;
margin-top: var(--s-7);
mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
-webkit-mask-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}
.ts-track {
display: flex;
gap: var(--s-5);
width: max-content;
animation: tsMarquee calc(var(--n) * 8s) linear infinite;
}
.ts-marquee:hover .ts-track { animation-play-state: paused; }
@keyframes tsMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.ts-card {
flex: 0 0 360px;
background: var(--c-bg-card);
border: 1px solid var(--c-border);
border-radius: var(--r-xl);
padding: var(--s-6);
display: flex;
flex-direction: column;
gap: var(--s-4);
transition: border-color var(--t-fast), background var(--t-fast);
}
.ts-card:hover { border-color: var(--c-accent-soft); background: var(--c-bg-card-hover); }
.ts-stars { display: flex; gap: 2px; color: var(--c-border); font-size: 16px; }
.ts-stars .is-on { color: #fbbf24; }
.ts-text { margin: 0; color: var(--c-fg); font-size: var(--fs-base); line-height: var(--lh-relaxed); flex: 1; }
.ts-author { display: flex; align-items: center; gap: var(--s-3); margin-top: auto; padding-top: var(--s-4); border-top: 1px solid var(--c-border); }
.ts-avatar {
width: 44px; height: 44px;
border-radius: 50%;
background: linear-gradient(135deg, var(--c-accent), var(--c-accent-2));
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-variation-settings: 'wght' 800;
font-size: var(--fs-md);
flex-shrink: 0;
}
.ts-name { font-variation-settings: 'wght' 700; font-size: var(--fs-sm); }
.ts-company { font-size: var(--fs-xs); color: var(--c-fg-muted); }

.legal-text h2{font-size:20px;font-weight:800;color:#fff;margin:28px 0 10px}.legal-text ul{padding-left:20px}.legal-text li{margin-bottom:6px}

.legal-text h2{font-size:20px;font-weight:800;color:#fff;margin:28px 0 10px}.legal-text ul{padding-left:20px}.legal-text li{margin-bottom:6px}

main > section:nth-of-type(n+2) { content-visibility: auto; contain-intrinsic-size: auto 900px; }
footer { content-visibility: auto; contain-intrinsic-size: auto 400px; }

.section-dots a { min-width: 24px; min-height: 24px; display: flex; align-items: center; justify-content: center; }


@media (max-width: 1023px) {
  .expert-toc { position: static; max-height: none; overflow-y: visible; padding-right: 0; }
}

@media (max-width: 480px) {
  .site-header .brand { font-size: 15px; letter-spacing: 0; }
  .site-header .btn, .site-header .header-cta { white-space: nowrap; font-size: 13px; padding-left: 10px; padding-right: 10px; }
}


@media (max-width: 480px) {
  .site-header .brand > span { font-size: 15px !important; letter-spacing: 0 !important; }
  .site-header .btn-primary { white-space: nowrap; font-size: 12px !important; padding: 8px 12px !important; }
  .site-header .container { gap: 8px; }
}