@font-face{font-family:Bebas;src:url('/assets/BebasNeueCyrillic-Bold.ttf')}@font-face{font-family:Nunito;src:url('/assets/NunitoSans.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fa;color:#001426;font-family:Nunito,sans-serif;font-size:17px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff852e;outline-offset:5px}header{height:104px;display:flex;align-items:center;gap:32px;padding:20px 4.5%;border-bottom:1px solid #dce1e7}.brand{display:block;width:190px}.brand img{width:100%;height:64px;object-fit:contain}.location{margin:auto;font-size:14px}.header-link{text-decoration:none;font-weight:750;font-size:15px}.header-link span{padding-left:20px}.hero{display:grid;grid-template-columns:49% 51%;min-height:690px}.hero-copy{padding:64px 6% 42px 9%}.eyebrow{font-size:12px;font-weight:850;letter-spacing:1.8px;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Bebas,sans-serif;font-weight:700;line-height:.98;letter-spacing:.3px}h1{font-size:clamp(64px,6.7vw,108px);margin-bottom:28px}h1 em{font-style:normal;color:#1266ea}.lead{font-size:19px;max-width:400px;margin-bottom:30px}.primary{background:#1266ea;color:#fff;border:0;padding:20px 26px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-weight:800;min-height:60px;border-radius:4px;transition:background .2s,transform .2s}.primary:hover{background:#004ac7;transform:translateY(-2px)}.primary span{font-size:25px;line-height:1}.micro{font-size:12px;color:#526170;max-width:340px;margin:14px 0 36px}.hero-notes{display:flex;gap:24px;max-width:400px;font-size:13px;font-weight:700}.hero-notes span{flex:1;padding-top:15px;border-top:1px solid #b8c7d6}.hero-art{position:relative;background:#0a5df0;min-height:650px;overflow:hidden}.hero-art>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-tag{position:absolute;top:32px;left:30px;background:#ff7628;color:#001426;padding:16px 20px;font-family:Bebas;font-size:32px;line-height:1}.image-tag small{display:block;font-family:Nunito;font-size:9px;letter-spacing:1.2px;margin-top:6px}.art-caption{position:absolute;bottom:20px;left:24px;font-size:10px;background:#001426db;color:white;padding:5px 9px}.routes{padding:80px 4.5%;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:36px;background:#e9eef4}h2{font-size:clamp(38px,4vw,60px);margin-bottom:20px}.routes .eyebrow{font-size:10px;letter-spacing:1.1px}.route{background:none;border:0;border-top:1px solid #9eafc0;text-align:left;padding:24px 0;display:flex;gap:16px;color:inherit}.route-number{font-size:13px;color:#34516c}.route strong{font-size:24px;line-height:1.15;display:block;margin:0 0 16px}.route small{font-size:15px;display:block;max-width:260px}.route b{font-size:28px;margin-left:auto;color:#1266ea}.route:hover strong{color:#1266ea}.products{padding:86px 4.5%}.section-head{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px}.section-head p{max-width:300px;color:#526170}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid button{border:0;padding:0;text-align:left;background:#eaf0f5;color:inherit;overflow:hidden}.product-grid img{width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-grid button:hover img{transform:scale(1.04)}.product-grid span{padding:18px;display:flex;justify-content:space-between;font-weight:800;font-size:17px}.bottom{background:#1266ea;color:#f7f8fa;padding:70px 4.5%;position:relative}.bottom h2{font-size:clamp(54px,6vw,88px)}.bottom .primary{position:absolute;right:10%;bottom:85px;background:#f7f8fa;color:#001426}footer{padding:32px 4.5%;display:flex;gap:30px;justify-content:space-between;font-size:13px;color:#526170}.quiz-wrap{display:grid;grid-template-columns:32% 68%;margin:40px 4.5% 70px;background:#eef2f6;scroll-margin-top:24px}.quiz-wrap[hidden]{display:none}.quiz-aside{padding:36px;background:#001e3b;color:#f7f8fa}.quiz-aside .eyebrow{font-size:10px;letter-spacing:1px;color:#a3c9ff}.quiz-aside h2{font-size:44px}.quiz-aside p{font-size:14px;max-width:300px}.quiz-aside img{width:100%;height:270px;object-fit:contain;background:#f0f3f8;margin:16px 0}.aside-note{color:#a3c9ff;margin:0}.quiz-main{padding:36px 44px;min-width:0;min-height:630px;display:flex;flex-direction:column}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#526170}.text-button{border:0;background:none;color:inherit;padding:10px}progress{width:100%;height:4px;border:0;background:#d6e0e9;margin:16px 0 36px;appearance:none}progress::-webkit-progress-bar{background:#d6e0e9}progress::-webkit-progress-value{background:#1266ea}#question h3{font-size:42px;line-height:1.05;margin-bottom:12px}#question .hint{font-size:14px;color:#526170;margin-bottom:24px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{position:relative;background:#f7f8fa;border:2px solid #c5d1dd;border-radius:4px;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;min-height:82px;font-weight:700;color:inherit}.option[aria-pressed=true]{border-color:#1266ea;background:#e2edff}.option .radio{width:22px;height:22px;flex-shrink:0;border:2px solid #758799;border-radius:50%}.option[aria-pressed=true] .radio{border:6px solid #1266ea}.option img{height:115px;width:78px;object-fit:contain;mix-blend-mode:multiply}.option:hover{border-color:#1266ea}.quiz-nav{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px}.secondary{border:1px solid #b9c8d7;background:transparent;color:#001426;border-radius:4px;padding:16px 22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:14px;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #9babbd;background:#fff;border-radius:4px;padding:14px;font-weight:400;color:#001426}.field textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary{font-size:14px;background:#e0e8f0;padding:16px;margin-bottom:22px}.summary div{padding:3px 0}.consent{font-size:12px;display:flex;gap:10px;align-items:flex-start}.consent input{min-width:20px;height:20px}.status-note{font-size:13px;color:#526170;margin-top:16px}#quiz-error{color:#b12320;font-size:14px;min-height:20px;margin:14px 0 0}.busy{opacity:.65;pointer-events:none}@media(max-width:1000px){.hero-copy{padding-top:40px}.hero{min-height:610px}.hero-art{min-height:610px}.hero-notes{display:block}.hero-notes span{display:block;padding:8px 0}.routes{gap:24px}.route strong{font-size:20px}.product-grid img{height:250px}.quiz-main{padding:28px}.quiz-aside{padding:24px}.quiz-aside h2{font-size:36px}}
@media(max-width:700px){header{height:78px;padding:12px 20px}.brand{width:148px}.brand img{height:50px}.location{display:none}.header-link{margin-left:auto;font-size:12px}.header-link span{padding-left:8px}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 22px 28px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:20px}h1{font-size:68px;max-width:500px;margin-bottom:22px}.desktop{display:none}.lead{font-size:17px;max-width:360px}.hero-copy .primary{width:100%;max-width:440px}.hero-notes{display:flex;font-size:12px;gap:20px}.micro{margin-bottom:20px}.hero-art{min-height:390px}.hero-art>img{object-position:50% 35%}.image-tag{top:20px;left:20px;font-size:28px;padding:12px 16px}.routes{display:block;padding:40px 22px}.routes h2{font-size:43px}.route{width:100%;padding:24px 0}.route strong{font-size:23px}.route small{max-width:100%}.products{padding:42px 22px}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:42px}.section-head p{font-size:15px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-grid img{height:220px}.product-grid span{font-size:13px;padding:12px;gap:6px}.bottom{padding:42px 22px}.bottom .primary{position:static;width:100%;max-width:440px}.bottom h2{font-size:60px}footer{padding:26px 22px;flex-wrap:wrap;font-size:12px;gap:12px 22px}.quiz-wrap{margin:20px 12px 40px;display:block;scroll-margin-top:12px}.quiz-aside{display:none}.quiz-main{padding:24px 18px;min-height:600px}#question h3{font-size:37px}.options{gap:10px}.option{padding:12px;min-height:88px;font-size:14px;gap:8px;flex-wrap:wrap}.option img{width:55px;height:85px}.option .radio{width:18px;height:18px}.form-grid{grid-template-columns:1fr;gap:0}.quiz-nav .primary{padding:16px 22px;gap:20px}.quiz-nav{padding-top:20px}.quiz-top{font-size:12px}progress{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}@media(min-width:701px){h1{font-size:clamp(62px,5.4vw,84px)}.hero-copy{padding-top:46px}.hero,.hero-art{min-height:650px}.brand{width:190px;text-align:left}.brand img{object-position:left center}}
body{background:#edf2f8}header{height:80px;background:#f7f8fa}header .brand img{height:54px}.quiz-wrap{max-width:1220px;margin:28px auto 22px;grid-template-columns:30% 70%;min-height:640px;background:#f7f8fa;border-radius:16px;overflow:hidden;box-shadow:0 16px 70px #0014260c}.quiz-aside{background:#075bdb url('/assets/hero.jpg') 62% bottom/auto 100% no-repeat;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:flex-start;isolation:isolate}.quiz-aside:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#001426e8 0%,#00142699 30%,transparent 62%);z-index:-1}.quiz-aside h2{font-size:38px}.quiz-aside>img{display:none}.quiz-aside .aside-note{margin-top:auto;background:#001426da;padding:12px;color:#fff;border-radius:6px}.quiz-main{padding:28px 40px;min-height:640px}#question h3{font-family:Nunito,sans-serif;font-size:32px;line-height:1.2;font-weight:850;letter-spacing:-.7px;outline:none}.option{border-radius:9px;background:#fff}.quiz-nav{padding-top:22px}.primary{border-radius:8px}.options:has(img){grid-template-columns:repeat(3,1fr)}.option:has(img){display:grid;grid-template-columns:22px 1fr;gap:8px;padding:12px}.option:has(img) img{grid-column:1/-1;grid-row:1;width:100%;height:140px}.option:has(img) .radio{grid-row:2}.option:has(img)>span:last-child{grid-row:2;font-size:14px}footer{max-width:1220px;margin:auto;padding:0 4px 20px}progress{margin-bottom:26px}.options.direction{grid-template-columns:1fr 1fr}.options.direction .option{display:flex;flex-direction:column;align-items:flex-start;padding:0;overflow:hidden;gap:0}.options.direction img{width:100%;height:205px;object-fit:cover;mix-blend-mode:normal}.options.direction .radio{display:none}.options.direction .option>span:last-child{padding:18px;font-size:18px;line-height:1.3}.options.direction .option:last-child{grid-column:1/-1;min-height:50px;background:none;border:1px solid #c5d1dd}.options.direction .option:last-child>span:last-child{padding:12px;font-size:14px}.options.direction .option[aria-pressed=true]{box-shadow:0 0 0 2px #1266ea}
@media(max-width:1250px){.quiz-wrap{margin:24px}.quiz-main{padding:26px}.quiz-aside{padding:24px}footer{padding:0 24px 20px}}
@media(max-width:700px){header{height:66px;padding:8px 18px}.brand{width:120px}header .brand img{height:44px}.quiz-wrap{display:block;margin:12px;min-height:0;border-radius:12px}.quiz-aside{display:none}.quiz-main{padding:18px;min-height:calc(100svh - 134px)}#question h3{font-size:26px;letter-spacing:-.4px}.options:has(img){grid-template-columns:1fr 1fr}.option:has(img) img{height:110px}.options.direction img{height:165px}.options.direction .option>span:last-child{padding:12px;font-size:16px}.options.direction .option:last-child{min-height:45px}.quiz-top{font-size:11px}.text-button{padding:5px 0}progress{margin:14px 0 22px}.quiz-nav{position:sticky;bottom:0;background:#f7f8fa;padding:16px 0 0}.quiz-nav .primary{margin-left:auto}footer{font-size:10px;padding:0 18px 16px}.quiz-main:has(.summary){min-height:0}}
@media(min-width:701px){.quiz-wrap,.quiz-main{min-height:580px}.quiz-wrap{margin-top:20px}.quiz-main{padding-top:22px;padding-bottom:22px}.quiz-aside h2{font-size:34px}.quiz-aside p{font-size:13px}.options.direction img{height:185px;object-position:center 25%}#question .hint{margin-bottom:20px}.quiz-nav{padding-top:16px}.quiz-nav .primary{margin-left:auto}}

/* Original blue circular brand mark and wordmark from hokkers.ru */
header .brand{width:174px;flex-shrink:0}header .brand img{display:block;width:174px;height:50px;object-fit:contain;object-position:left center}.options.direction img{height:175px}.options.direction .option>span:last-child{padding:14px;font-size:17px}@media(max-width:700px){header .brand,header .brand img{width:138px}header .brand img{height:40px}.options.direction img{height:145px}.options.direction .option>span:last-child{padding:12px;font-size:15px}#question h3{font-size:24px}}
@media(min-width:701px){.quiz-wrap{margin-top:16px}.quiz-wrap,.quiz-main{min-height:540px}.quiz-main{padding-top:20px;padding-bottom:20px}.quiz-main progress{margin:14px 0 20px}#question h3{margin-bottom:14px;font-size:29px}.options.direction img{height:150px;object-position:center 25%}.quiz-main .hint{margin-bottom:18px}.quiz-nav{padding-top:12px}.quiz-nav .primary{padding:14px 24px;min-height:52px}#quiz-error:empty{min-height:0;margin-top:12px}}

/* Product choices end with Other on the left and the main action on the right. */
.options.product{grid-template-columns:repeat(2,minmax(0,1fr))}
.options.product>.option:not(:has(img)),.options.product>#next{min-height:88px}
.options.product>#next{width:100%;height:100%;padding:20px 24px;font-size:20px;margin:0}
.options.product>.option:has(img) img{height:110px}
@media(max-width:700px){.options.product>#next{padding:16px;font-size:18px}.options.product>.option:not(:has(img)){flex-wrap:nowrap}.options.product>.option:not(:has(img)),.options.product>#next{min-height:94px}}

.consent{font-size:13px;line-height:1.5;margin:4px 0 18px;cursor:pointer}.consent input{margin:2px 0 0;flex-shrink:0;accent-color:#1266ea}.consent a{color:#1266ea;text-underline-offset:3px}.consent a:hover{text-decoration-thickness:2px}
/* Keep long product labels inside narrow cards. */
.options.product>.option{min-width:0;max-width:100%;grid-template-columns:22px minmax(0,1fr)}
.options.product>.option>span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto;line-height:1.35}
@media(max-width:700px){.options.product>.option{grid-template-columns:18px minmax(0,1fr)}}