@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-regular.8a29cbb5d4.woff2) format("woff2")} @font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-medium.ff68892f07.woff2) format("woff2")} @font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-bold.a59053b3ca.woff2) format("woff2")} @font-face{font-family:"Poppins Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%} :root{--red:#d11329;--red-dark:#a80e20;--ink:#111;--text:#2a2a2a;--muted:#5c5c5c;--line:#e6e4e1;--soft:#f6f5f3;--hero:#3b3a38;--white:#fff;--pad:clamp(20px,5vw,48px);--max:1200px;--head:72px;--r:14px;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);--font:Poppins,"Poppins Fallback","Segoe UI",system-ui,-apple-system,Arial,sans-serif;} *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} body{margin:0;font-family:var(--font);font-size:17px;line-height:1.7;color:var(--text);background:var(--white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} img,svg{display:block;max-width:100%;height:auto} a{color:inherit} p{margin:0 0 1em} h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:-.015em} h1{font-size:clamp(1.9rem,4.4vw,3.4rem)} h2{font-size:clamp(1.55rem,3.1vw,2.5rem)} h3{font-size:clamp(1.15rem,1.6vw,1.35rem);letter-spacing:-.005em} h4{font-size:1.05rem} strong{font-weight:600;color:var(--ink)} ul,ol{padding-left:1.2em;margin:0 0 1em} .wrap{max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding-inline:var(--pad)} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600} .skip:focus{top:12px} :focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px} .dark :focus-visible{outline-color:#fff} .site-head{position:fixed;inset:0 0 auto;z-index:100;height:var(--head);background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,color .25s} .site-head.scrolled{border-bottom-color:var(--line)} .site-head .wrap{height:100%;display:flex;align-items:center;gap:28px} .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);transition:opacity .3s,visibility .3s;min-height:44px} .brand svg{width:40px;height:auto;flex:none} .brand-txt{font-size:.72rem;font-weight:600;letter-spacing:.14em;line-height:1.25;text-transform:uppercase;white-space:nowrap} .home .site-head:not(.scrolled) .brand{opacity:0;visibility:hidden} .home .site-head:not(.scrolled){background:transparent;color:#fff;backdrop-filter:none} .home .site-head:not(.scrolled) .nav a,.home .site-head:not(.scrolled) .lang a,.home .site-head:not(.scrolled) .burger,.home .site-head:not(.scrolled) .head-social a{color:#fff} .nav{margin-left:auto} .nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px} .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-weight:500;font-size:.95rem;color:var(--ink);white-space:nowrap} .nav a>span{position:relative;display:inline-block} .nav a>span::after,.marker::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-7px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6.5C22 3.8 44 4.4 63 5.2s38 .9 55-2.4' fill='none' stroke='%23d11329' stroke-width='4.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;transform:scaleX(0);transform-origin:left;transition:transform .3s ease} .nav a:hover>span::after,.nav a[aria-current]>span::after,.nav a.active>span::after{transform:scaleX(1)} .lang{display:flex;gap:2px;font-size:.85rem;font-weight:600} .lang a,.lang span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;color:var(--muted)} .lang span{color:var(--red)} .home .site-head:not(.scrolled) .lang span{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--red);text-decoration-thickness:3px} .home .site-head:not(.scrolled) .lang a{color:rgba(255,255,255,.75)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:10px 24px;border-radius:999px;border:2px solid var(--red);background:var(--red);color:#fff;font:600 .98rem/1.2 var(--font);text-decoration:none;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s} .btn:hover{background:var(--red-dark);border-color:var(--red-dark)} .btn:active{transform:translateY(1px)} .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)} .btn.ghost:hover{background:var(--ink);color:#fff} .dark .btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)} .dark .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff} .btn.small{min-height:44px;padding:8px 20px;font-size:.92rem} .site-head .btn{white-space:nowrap;overflow-wrap:normal} .btn svg{width:18px;height:18px;flex:none} .burger{display:none} .head-social{display:none} @media (max-width:980px){.site-head .wrap{gap:6px} .head-cta,.desk-lang{display:none} .head-social{display:flex;margin-left:auto;gap:2px} .head-social a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink)} .head-social svg{width:20px;height:20px} .burger{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);cursor:pointer;padding:0} .burger svg{width:30px;height:24px;overflow:visible} .burger path{transition:transform .3s ease,opacity .2s;transform-origin:15px 12px} .burger[aria-expanded=true] .b1{transform:translateY(8px) rotate(45deg)} .burger[aria-expanded=true] .b2{opacity:0} .burger[aria-expanded=true] .b3{transform:translateY(-8px) rotate(-45deg)} .nav{position:fixed;inset:var(--head) 0 auto 0;background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.12);padding:12px var(--pad) 24px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - var(--head));overflow:auto} .nav.open{opacity:1;visibility:visible;transform:none} .nav ul{flex-direction:column;gap:0} .nav a,.home .site-head:not(.scrolled) .nav a{color:var(--ink);font-size:1.1rem;min-height:52px;padding:0 4px;border-bottom:1px solid var(--line);display:flex} .nav a>span::after{bottom:-6px} .nav .lang{margin-top:12px} .nav .lang a{color:var(--muted)!important} .nav .btn,.home .site-head:not(.scrolled) .nav .btn{margin-top:16px;width:100%;font:600 1rem/1 var(--font);color:#fff;border-bottom:2px solid var(--red);justify-content:center;min-height:52px;padding:0 24px} .nav .lang a,.nav .lang span{border-bottom:0!important;padding:0;min-height:44px;font-size:.95rem} .nav .lang span{color:var(--red)!important;text-decoration:none!important} body.menu-open .site-head{background:#fff!important;border-bottom-color:var(--line)} body.menu-open .site-head .brand{opacity:1!important;visibility:visible!important} body.menu-open .site-head .burger,body.menu-open .site-head .head-social a{color:var(--ink)!important} body.menu-open{overflow:hidden} .nav-backdrop{position:fixed;inset:var(--head) 0 0;background:rgba(0,0,0,.35);z-index:90}} @media (min-width:981px){.nav .lang,.nav .nav-cta{display:none}.nav-backdrop{display:none}} @media (min-width:981px) and (max-width:1200px){.site-head .wrap{gap:12px}.nav a{padding:0 8px;font-size:.9rem}.head-cta{padding:0 16px;font-size:.88rem}.brand-txt{display:none}.desk-lang a,.desk-lang span{min-width:36px}} main{display:block} .section{padding:clamp(64px,9vw,120px) 0} .section.tight{padding:clamp(44px,6vw,72px) 0} .soft+.soft,.section:not(.soft):not(.dark)+.section.tight:not(.soft):not(.dark){padding-top:0} .soft{background:var(--soft)} .dark{background:var(--hero);color:rgba(255,255,255,.88)} .dark h1,.dark h2,.dark h3,.dark strong{color:#fff} .eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:14px} .dark .eyebrow{color:#ff8a97} .lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);max-width:62ch} .dark .lead{color:rgba(255,255,255,.85)} [id]{scroll-margin-top:calc(var(--head) + 24px)} .section[id]{scroll-margin-top:calc(var(--head) - clamp(64px,9vw,120px) + 24px)} .section[id]{scroll-margin-top:calc(var(--head) - clamp(64px,9vw,120px) - 12px)} .section.tight[id]{scroll-margin-top:calc(var(--head) - clamp(44px,6vw,72px) + 24px)} .head-center{text-align:center;max-width:780px;margin:0 auto clamp(36px,5vw,56px)} .head-center .lead{margin-inline:auto} .marker{position:relative;white-space:nowrap;z-index:0} .marker::after{left:-2px;right:-2px;bottom:-.08em;height:.32em;transform:none;z-index:-1;opacity:.9} .hero{position:relative;padding:calc(var(--head) + clamp(36px,6vw,72px)) 0 clamp(56px,7vw,96px);overflow:hidden;isolation:isolate} .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center} .hero-logo{display:flex;align-items:center;gap:clamp(14px,2vw,22px);margin-bottom:clamp(28px,4vw,44px);color:#fff;transition:opacity .35s ease,visibility .35s} .is-scrolled .hero-logo{opacity:0;visibility:hidden} .hero-logo svg{flex:none} .hero-logo svg{width:clamp(74px,9vw,112px)} .hero-logo span{font-size:clamp(.78rem,1.1vw,.98rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.35} .hero h1{font-size:clamp(1.8rem,4vw,3.2rem);margin-bottom:.45em;text-wrap:balance} h1,h2,h3{text-wrap:balance} .lead,p{text-wrap:pretty} .hero h1 em{font-style:normal;color:#fff;background:linear-gradient(transparent 62%,rgba(209,19,41,.85) 62%,rgba(209,19,41,.85) 90%,transparent 90%)} .hero .lead{margin-bottom:28px} .cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .micro{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:.92rem;color:rgba(255,255,255,.82)} .micro a{text-decoration:none} .micro a:hover{text-decoration:underline} .stars{display:inline-flex;align-items:center;gap:6px} .stars svg{width:96px;height:16px;color:#fbbc04} .hero-img{position:relative;align-self:end;margin:0 calc(-1*var(--pad)) calc(-1*clamp(56px,7vw,96px)) 0} .hero-img img{width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 18%);mask-composite:intersect} @media (max-width:900px){.hero-grid{grid-template-columns:1fr} .hero-img{margin:8px calc(-1*var(--pad)) calc(-1*clamp(56px,7vw,96px))} .hero-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);-webkit-mask-composite:source-over;mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-composite:add}} .page-hero{padding:calc(var(--head) + clamp(48px,7vw,88px)) 0 clamp(40px,6vw,72px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff 0,var(--soft) 100%)} .crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px} .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0} .crumbs li+li::before{content:"/";margin-right:6px;color:#b5b2ad} .crumbs a{text-decoration:none} .crumbs a:hover{text-decoration:underline} .page-hero h1{max-width:22ch} .page-hero .lead{margin-bottom:28px} .trust{padding:clamp(28px,4vw,44px) 0;border-bottom:1px solid var(--line)} .trust p{text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px} .grid{display:grid;gap:clamp(16px,2.4vw,28px)} .g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))} @media (max-width:1020px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}} .card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,32px);transition:box-shadow .25s,transform .25s,border-color .25s;display:flex;flex-direction:column} .card:hover{box-shadow:var(--shadow);border-color:#d9d6d1} a.card{text-decoration:none;color:inherit} a.card:hover{transform:translateY(-3px)} .card p{color:var(--muted);font-size:.97rem} .more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--red)} .more svg{width:16px;height:16px;flex:none} .card .more{margin-top:auto;font-weight:600;color:var(--red);font-size:.95rem;display:inline-flex;align-items:center;gap:8px} .card .more svg{width:16px;height:16px;transition:transform .2s} a.card:hover .more svg{transform:translateX(4px)} .ico{width:56px;height:56px;border-radius:14px;background:rgba(209,19,41,.08);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex:none} .ico svg{width:28px;height:28px} .num{font-size:.85rem;font-weight:700;color:var(--red);letter-spacing:.1em;margin-bottom:10px;display:block} .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:center} .split.top{align-items:start} @media (max-width:860px){.split{grid-template-columns:1fr}} .checks{list-style:none;padding:0;margin:0 0 1.4em;display:grid;gap:12px} .checks li{position:relative;padding-left:34px} .checks li::before{content:"";position:absolute;left:0;top:.28em;width:22px;height:22px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat} .dark .checks li::before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23d11329' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)} .steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,32px);padding-top:clamp(56px,6vw,68px)} .steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;top:clamp(18px,2.4vw,26px);left:clamp(22px,2.6vw,32px);font-weight:700;color:var(--red);letter-spacing:.08em;font-size:.95rem} .steps p{color:var(--muted);font-size:.97rem;margin:0} .steps.four{grid-template-columns:repeat(4,minmax(0,1fr))} @media (max-width:980px){.steps,.steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:620px){.steps,.steps.four{grid-template-columns:1fr}} .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin-top:clamp(28px,4vw,48px)} .fact{border-top:3px solid var(--red);padding-top:16px} .fact b{display:block;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--ink);line-height:1.25;margin-bottom:6px} .fact span{font-size:.92rem;color:var(--muted)} .dark .fact b{color:#fff}.dark .fact span{color:rgba(255,255,255,.75)} @media (max-width:860px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}} .team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)} .person{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden} .person img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#3d3c3a} .person figcaption{padding:18px 22px 22px} .person b{display:block;color:var(--ink);font-size:1.08rem} .person span{color:var(--muted);font-size:.93rem} @media (max-width:520px){.team{grid-template-columns:1fr 1fr;gap:12px}.person figcaption{padding:12px 14px 16px}.person b{font-size:.95rem}.person span{font-size:.82rem}} .badges{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px} .badge-wko{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px} .badge-wko img{width:240px;height:auto} .rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;text-align:center} .rating .score{font-size:clamp(2.6rem,5vw,3.6rem);font-weight:700;color:var(--ink);line-height:1} .rating .stars svg{width:150px;height:26px} .rating small{display:block;color:var(--muted);font-size:.92rem} .region-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0 0} .region-list li{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.92rem;background:#fff} .faq{max-width:860px;margin:0 auto} .faq details{border-bottom:1px solid var(--line)} .faq details:first-child{border-top:1px solid var(--line)} .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:600;color:var(--ink);font-size:1.05rem;min-height:44px} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23d11329' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s} .faq details[open] summary::after{transform:rotate(45deg)} .faq .a{padding:0 48px 22px 0;color:var(--muted)} .faq .a p:last-child{margin:0} .courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)} @media (max-width:1020px){.courses{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.courses{grid-template-columns:1fr}} .course .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none} .course .tags li{font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted)} .cta-band{background:var(--ink);color:rgba(255,255,255,.85);border-radius:calc(var(--r) + 6px);padding:clamp(40px,6vw,72px) clamp(22px,5vw,64px);text-align:center} .cta-band h2{color:#fff;margin:0 auto .4em;max-width:22ch} .cta-band p{margin:0 auto 28px;max-width:56ch;font-size:1.05rem} .cta-band .cta-row{justify-content:center} .h3{font-size:clamp(1.15rem,1.6vw,1.35rem)} .mt{margin-top:20px} .dark .form-note{color:rgba(255,255,255,.75)} .dark .card{color:var(--text)} @media (max-width:680px){a.card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:20px} a.card .ico{width:44px;height:44px;border-radius:12px;margin:0;grid-row:1/span 3} a.card .ico svg{width:22px;height:22px} a.card h3{margin:4px 0 6px} a.card p{margin:0 0 10px;font-size:.95rem} .rating .btn{width:100%}} .group-h{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-weight:600} .grid+.group-h{margin-top:clamp(36px,4vw,52px)} .case{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(24px,4vw,56px);background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) + 6px);padding:clamp(24px,4vw,48px);box-shadow:var(--shadow);max-width:1040px;margin:0 auto} .case-tag{border-left:4px solid var(--red);padding-left:20px;align-self:start} .case-name{display:block;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;color:var(--ink);line-height:1.1;margin-bottom:8px} .case-meta{display:block;color:var(--muted);font-size:.95rem} .case h3{margin-bottom:.6em} .case p{color:var(--muted)} .case .cta-row{margin-top:20px} @media (max-width:760px){.case{grid-template-columns:1fr}} .cert-box{display:flex;justify-content:center} .cert-box .badge-wko{padding:22px 26px;width:min(420px,100%)} .cert-box .badge-wko img{width:100%} .prose{max-width:780px} .prose h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-top:1.6em} .prose h3{margin-top:1.4em} .prose a{color:var(--red)} .notice{border-left:4px solid var(--red);background:var(--soft);padding:18px 22px;border-radius:0 12px 12px 0;margin:0 0 1.4em} .notice p:last-child{margin:0} .contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start} @media (max-width:900px){.contact-grid{grid-template-columns:1fr}} .form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,36px);box-shadow:var(--shadow)} .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media (max-width:359px){.row2{grid-template-columns:1fr}} .field{margin-bottom:16px;display:flex;flex-direction:column} .field label{font-weight:600;font-size:.88rem;color:var(--ink);margin-bottom:6px} .field label .opt{font-weight:400;color:var(--muted)} .field input,.field select,.field textarea{width:100%;font:400 1rem/1.4 var(--font);color:var(--ink);background:#fff;border:1.5px solid #cfccc7;border-radius:10px;padding:12px 14px;min-height:48px;transition:border-color .2s,box-shadow .2s} .field textarea{min-height:150px;resize:vertical} .field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(209,19,41,.18)} .field [aria-invalid=true]{border-color:var(--red);background:#fff7f8} .err{color:#b00d20;font-size:.85rem;margin-top:6px;min-height:0} .err:empty{display:none} .counter{font-size:.8rem;color:var(--muted);text-align:right;margin-top:4px} .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden} .form-note{font-size:.85rem;color:var(--muted);margin:6px 0 18px} .form-note a{color:var(--red)} .form .btn{width:100%} .form-status{border-radius:10px;padding:14px 16px;margin-bottom:18px;font-weight:500} .form-status.bad{background:#fff1f3;color:#8f0b1b;border:1px solid #f3c2c9} .info-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:14px} .info-list li{display:flex;gap:14px;align-items:flex-start} .info-list .ico{width:44px;height:44px;border-radius:12px;margin:0} .info-list .ico svg{width:20px;height:20px} .info-list a{text-decoration:none;font-weight:600;color:var(--ink)} .info-list a:hover{color:var(--red)} .info-list small{display:block;color:var(--muted);font-size:.85rem} .site-foot{background:#141414;color:rgba(255,255,255,.72);padding:clamp(56px,7vw,88px) 0 28px;font-size:.95rem} .foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,48px)} .foot-logo{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;margin-bottom:18px} .foot-logo svg{width:72px} .foot-logo span{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.35} .site-foot h2{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:14px} .site-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:2px} .site-foot a{color:rgba(255,255,255,.78);text-decoration:none;display:inline-flex;min-height:36px;align-items:center} .site-foot a:hover{color:#fff;text-decoration:underline} .site-foot address{font-style:normal;line-height:1.8} .social{display:flex;gap:10px;margin-top:18px} .social a{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff} .social a:hover{background:var(--red);text-decoration:none} .social svg{width:20px;height:20px} .foot-bottom{margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;font-size:.86rem} .foot-bottom nav{display:flex;flex-wrap:wrap;gap:0 18px;align-items:center} .foot-bottom button{background:none;border:0;color:rgba(255,255,255,.78);font:inherit;cursor:pointer;min-height:36px;padding:0} .foot-bottom button:hover{color:#fff;text-decoration:underline} @media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}} @media (max-width:560px){.site-foot{text-align:center} .foot-grid{grid-template-columns:1fr} .foot-logo,.social{justify-content:center} .foot-bottom{justify-content:center;flex-direction:column} .foot-bottom nav{justify-content:center}} .consent{position:fixed;left:0;right:0;bottom:0;z-index:150;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.08);font-size:.88rem;color:var(--muted)} .consent[hidden]{display:none} .consent .wrap{padding-top:10px;padding-bottom:10px} .consent-row{display:flex;align-items:center;gap:12px 24px;justify-content:space-between} .consent p{margin:0;line-height:1.55;max-width:80ch} .consent p b{color:var(--ink)} .consent a,.linkbtn{color:var(--ink);text-decoration:underline;text-underline-offset:2px} .linkbtn{background:none;border:0;padding:0;font:inherit;cursor:pointer;min-height:24px} .consent-btns{display:flex;gap:8px;flex:none} .consent-btns .btn{min-height:40px;padding:0 18px;font-size:.84rem;letter-spacing:.02em} .consent-tools{list-style:none;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px} .consent-tools b{display:block;color:var(--ink);font-size:.86rem} .consent-tools span{font-size:.82rem} @media (max-width:760px){.consent{font-size:.8rem}.consent .wrap{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}.consent-row{flex-direction:column;align-items:stretch;gap:8px}.consent p{line-height:1.45}.consent-btns .btn{flex:1;min-height:38px;padding:0 12px;font-size:.8rem}.consent-tools{grid-template-columns:1fr;gap:6px;margin-bottom:8px;padding-bottom:8px}} .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);align-items:stretch} .plan{background:var(--soft);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column} .plan.dark{background:var(--ink);border-color:var(--ink);color:rgba(255,255,255,.8)} .plan h3{margin-bottom:.4em} .plan-p{font-size:.95rem;color:var(--muted);min-height:3.4em} .plan.dark .plan-p{color:rgba(255,255,255,.75)} .plan-big{display:flex;align-items:baseline;gap:10px;margin:18px 0 14px} .plan-big b{font-size:clamp(2.6rem,4.6vw,3.6rem);line-height:1;color:var(--ink);letter-spacing:-.03em;font-weight:500} .plan.dark .plan-big b{color:#fff} .plan-big span{font-size:.92rem} .plan-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1.5px solid currentColor;text-decoration:none;font-weight:600;color:var(--ink);margin-bottom:24px} .plan.dark .plan-link{color:#fff} .plan-link svg{width:18px;height:18px;transition:transform .2s} .plan-link:hover svg{transform:translateX(4px)} .plan h4{font-size:.9rem;margin:0 0 10px;color:inherit} .plan.dark h4{color:#fff} .plan ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.93rem} .plan li{position:relative;padding-left:22px} .plan li::before{content:"+";position:absolute;left:0;top:0;color:var(--red);font-weight:700} .plan.dark li::before{color:#ff8a97} @media (max-width:900px){.plans{grid-template-columns:1fr}.plan-p{min-height:0}} .proj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)} @media (max-width:760px){.proj-grid{grid-template-columns:1fr}} .proj{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) + 4px);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s,transform .25s} .proj:hover{box-shadow:var(--shadow);transform:translateY(-3px)} .proj-img{aspect-ratio:16/10;overflow:hidden;background:var(--soft)} .proj-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease} .proj:hover .proj-img img{transform:scale(1.03)} .proj-body{padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;flex:1} .proj-body h3{font-size:clamp(1.4rem,2.2vw,1.8rem);margin:6px 0 2px} .proj-body p{color:var(--muted);font-size:.97rem;margin-top:12px} .proj .more{margin-top:auto;font-weight:600;color:var(--red);display:inline-flex;gap:8px;align-items:center} .proj .more svg{width:16px;height:16px} .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none} .tags li{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted)} .hero-tags{margin-bottom:24px} .hero-tags li{background:#fff;border:1px solid var(--line)} .center-row{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)} .center-row .cta-row{justify-content:center} .case-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);align-items:start} @media (max-width:900px){.case-hero{grid-template-columns:1fr}} .case-fig{margin:0;border-radius:calc(var(--r) + 4px);overflow:hidden;background:var(--soft)} .case-fig img{width:100%;height:auto} .case-facts dl{margin:0 0 18px;display:grid;gap:12px} .case-facts dt{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .case-facts dd{margin:2px 0 0;color:var(--ink);font-weight:500} .case-facts .more{margin-top:0} .story h2{font-size:clamp(1.4rem,2.4vw,1.9rem)} .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)} @media (max-width:760px){.gallery{grid-template-columns:1fr}} .gallery figure{margin:0} .gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);background:var(--soft)} .gallery figcaption{font-size:.85rem;color:var(--muted);margin-top:8px} .next-proj{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(22px,3vw,36px);transition:box-shadow .25s} .next-proj:hover{box-shadow:var(--shadow)} .next-proj .eyebrow{grid-column:1;margin:0} .next-proj b{grid-column:1;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--ink);line-height:1.1} .next-proj span:not(.eyebrow){grid-column:1;color:var(--muted)} .next-proj svg{grid-column:2;grid-row:1/4;width:32px;height:32px;color:var(--red)} .check-form{display:flex;flex-wrap:wrap;gap:10px;max-width:640px} .check-form input{flex:1 1 260px;min-width:0;width:100%;min-height:56px;border:1.5px solid #cfccc7;border-radius:999px;padding:0 22px;font:400 1.05rem var(--font);color:var(--ink);background:#fff} .check-form input:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(209,19,41,.18)} .check-form input[aria-invalid=true]{border-color:var(--red)} .check-form .btn{min-height:56px;padding:0 28px} .check-form .err{flex-basis:100%;margin:0 0 0 18px} .check-form.busy .btn{opacity:.75;cursor:progress} .check-hero .form-note{margin-top:12px} .check-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--soft);border-radius:calc(var(--r) + 6px);padding:clamp(24px,4vw,48px)} @media (max-width:860px){.check-teaser{grid-template-columns:1fr}} .check-box{padding:clamp(20px,3vw,32px)} .check-box .check-form{max-width:none} .chk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .chk-chips span{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--soft);color:var(--ink)} .chk-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;margin-bottom:20px} @media (max-width:640px){.chk-head{grid-template-columns:1fr;justify-items:start}} .score{position:relative;width:150px;height:150px;display:grid;place-items:center} .score svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)} .score circle{fill:none;stroke-width:10} .score .bg{stroke:var(--soft)} .score .fg{stroke-linecap:round;stroke-dasharray:0 327;transition:stroke-dasharray 1s ease} .score-good .fg{stroke:#1a8f4a}.score-mid .fg{stroke:#e0a100}.score-low .fg{stroke:var(--red)} .score b{font-size:2.8rem;line-height:1;color:var(--ink);font-weight:700} .score small{position:absolute;bottom:38px;font-size:.8rem;color:var(--muted)} .score b{margin-top:-10px} .fixes{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px} .fixes li,.chk-group li{display:flex;gap:12px;align-items:flex-start} .fixes .num{margin:2px 0 0;flex:none} .fixes b,.chk-group b{display:block;color:var(--ink);font-size:.95rem} .fixes span,.chk-group span{font-size:.9rem;color:var(--muted)} .chk-group ul{list-style:none;padding:0;margin:0;display:grid;gap:14px} .chk-grid{margin-top:20px} .card.psi{display:flex;flex-direction:row;gap:12px;align-items:center;padding:16px 22px;font-size:.95rem} #chk-h:focus{outline:none} @media (max-width:620px){.check-form .btn{width:100%}} .st{flex:none;width:22px;height:22px;border-radius:50%;margin-top:2px;background:#ddd center/14px no-repeat} .st-ok{background-color:#1a8f4a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .st-warn{background-color:#e0a100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v8M12 18h.01' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")} .st-bad{background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7 7 17' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")} .st-info{background-color:#5c7cfa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 11v6M12 7h.01' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")} .st-wait{border:3px solid var(--line);border-top-color:var(--red);background:none;animation:spin 1s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} @media (max-width:620px){.cta-row{flex-direction:column;align-items:stretch} .cta-row .btn{width:100%} body{font-size:16px}} .g-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:.86rem;line-height:1.2;max-width:100%} .g-badge:hover{background:rgba(255,255,255,.14)} .g-badge .g-logo{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none} .g-badge .g-logo svg{width:16px;height:16px} .g-badge .stars svg{width:84px;height:15px;display:block;color:#fbbc04} .g-badge b{font-weight:700} .page-hero .g-badge{background:var(--soft);border-color:var(--line);color:var(--ink)} @media (max-width:420px){.g-badge{font-size:.8rem;gap:8px}.g-badge .stars svg{width:70px}} .reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)} @media (max-width:980px){.reviews{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.reviews{grid-template-columns:1fr}} .review{margin:0;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(20px,2.4vw,28px)} .review .r-stars{width:92px;height:16px;color:#fbbc04;display:block} .review blockquote{margin:0;font-size:1rem;line-height:1.6;color:var(--ink)} .review blockquote p{margin:0} .review figcaption{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--muted)} .review figcaption::before{content:attr(data-ini);width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;flex:none} .review figcaption b{display:block;color:var(--ink)} .review-one{max-width:760px;margin:0 auto} .reviews-foot{margin-top:24px;text-align:center} .section.soft .review{background:#fff} .videos{align-items:start} .video{margin:0} .video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000} .video-play{all:unset;position:absolute;inset:0;cursor:pointer;display:block} .video-play img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s} .video-play:hover img{transform:scale(1.03);opacity:.9} .video-play:focus-visible{outline:3px solid var(--red);outline-offset:-3px} .play-ico{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s} .video-play:hover .play-ico{transform:scale(1.08)} .play-ico svg{width:30px;height:30px;fill:#fff;margin-left:4px} .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .video figcaption{padding-top:14px;display:flex;flex-direction:column;gap:4px} .video figcaption b{color:var(--ink);font-size:1.05rem} .video figcaption small{color:var(--muted);font-size:.8rem} .video figcaption small a{color:inherit} h1,h2,h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word} .consent-tools[hidden]{display:none} @media (max-width:420px){.cta-band{padding-left:18px;padding-right:18px}.cta-band .btn{padding-left:16px;padding-right:16px;font-size:.94rem}} .post-meta{margin:0;color:var(--muted);font-size:.95rem} .post-meta a{color:inherit} .post-hero h1{max-width:24ch} .section.post{padding-top:clamp(28px,4vw,48px)} .post-fig{margin:0 0 clamp(28px,4vw,48px);border-radius:calc(var(--r) + 4px);overflow:hidden;background:var(--soft)} .post-fig img{width:100%;height:auto;display:block} .post-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start} @media (max-width:900px){.post-grid{grid-template-columns:1fr}} .toc-wrap{position:sticky;top:calc(var(--head) + 24px)} @media (max-width:900px){.toc-wrap{position:static}} .toc{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;background:#fff;font-size:.9rem} .toc-h{margin:0 0 8px;font-weight:700;color:var(--ink)} .toc ol{margin:0;padding-left:18px;display:grid;gap:6px} .toc a{color:var(--text);text-decoration:none} .toc a:hover{color:var(--red);text-decoration:underline} .prose{max-width:72ch;font-size:1.05rem;line-height:1.75} .prose h2{margin:1.8em 0 .5em;font-size:clamp(1.4rem,2.4vw,1.8rem)} .prose h3{margin:1.5em 0 .4em;font-size:1.15rem} .prose .teaser{font-size:1.15rem;line-height:1.65;color:var(--ink);margin-top:0} .prose a{color:var(--red)} .prose ul{padding-left:1.2em} .prose li{margin:.35em 0} .prose .figure{margin:1.8em 0} .prose .figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r)} .prose figcaption{font-size:.88rem;color:var(--muted);margin-top:8px} .prose .box{background:var(--soft);border-left:4px solid var(--red);border-radius:var(--r);padding:18px 22px;margin:1.5em 0} .prose .box p{margin:.3em 0} .sources{margin-top:2.4em;font-size:.92rem;line-height:1.6} .sources h2{font-size:1.25rem} .sources a{overflow-wrap:anywhere} .author{display:flex;gap:16px;align-items:flex-start;margin-top:2.4em;padding:22px;border:1px solid var(--line);border-radius:var(--r);font-size:.95rem;line-height:1.6} .author-mark{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none} .author-mark svg{width:26px;height:auto} .author p{margin:0} .author-name{font-weight:700;color:var(--ink);margin-bottom:4px!important} .share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-size:.92rem} .post-card h3{font-size:1.2rem} .proj-grid.one{grid-template-columns:1fr} @media (min-width:981px){.nav li.nav-kontakt{display:none}} .person-li{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:none} .person-li svg{width:18px;height:18px;flex:none;color:#0a66c2} .person-li:hover span{text-decoration:underline} .post-card .proj-img{aspect-ratio:1200/630} .person figcaption>span{display:block} .person .person-li{display:flex;width:fit-content} .person .person-li span{color:var(--ink);font-size:.85rem} .marquee{position:relative;display:flex;overflow:hidden;contain:layout paint;height:64px} .marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,6vw,96px);z-index:2;pointer-events:none} .marquee::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))} .marquee::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))} .marquee-track{flex:none;display:flex;align-items:center;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)} .marquee-track img{display:block;max-width:none;width:auto;height:64px;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s} .marquee:hover .marquee-track img{filter:none;opacity:1} .marquee.on .marquee-track{animation:marquee var(--mq-d,160s) linear infinite} .marquee:hover .marquee-track,.marquee.paused .marquee-track{animation-play-state:paused} @keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}} .marquee-toggle{position:absolute;right:8px;bottom:-2px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s} .marquee:hover .marquee-toggle,.marquee-toggle:focus-visible,.marquee.paused .marquee-toggle{opacity:1} @media (hover:none){.marquee-toggle{opacity:.85}} .marquee-toggle svg,.car-pause svg{width:14px;height:14px} .marquee-toggle .i-play,.marquee.paused .marquee-toggle .i-pause,.car-pause .i-play,.carousel.paused .car-pause .i-pause{display:none} .marquee.paused .marquee-toggle .i-play,.carousel.paused .car-pause .i-play{display:block} .trust{overflow:hidden} @media (max-width:760px){.marquee{height:54px}.marquee-track img{height:54px}} @media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee::before,.marquee::after{display:none}.marquee-track{animation:none!important}.marquee-track[aria-hidden]{display:none}.marquee-toggle{display:none}} .carousel{position:relative} .car-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;align-items:flex-start} .car-track::-webkit-scrollbar{display:none} .car-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0} .reviews-car{max-width:820px;margin:0 auto} .review-pair{display:grid;gap:clamp(14px,2vw,20px)} .car-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px} .car-nav[hidden]{display:none} .car-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none} .car-btn:hover{border-color:var(--ink)} .car-btn svg{width:18px;height:18px} .car-dots{display:flex;gap:4px} .car-dot{width:28px;height:28px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer} .car-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:#cfccc7;transition:width .3s,background .3s} .car-dot[aria-current="true"]::before{width:24px;border-radius:5px;background:var(--red)} .car-pause{margin-left:6px} @media (max-width:760px){.proj-car .proj-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--pad));padding:0 var(--pad);scroll-padding:0 var(--pad)} .proj-car .proj-grid>.proj{flex:0 0 86%;scroll-snap-align:center} .proj-car .m-o1{order:1}.proj-car .m-o2{order:2}.proj-car .m-o3{order:3}.proj-car .m-o4{order:4}.proj-car .m-o5{order:5}} @media (min-width:761px){.proj-car .car-track{overflow:visible;display:grid}.proj-car .car-slide{flex:none}} .proj-car .car-track{align-items:stretch} .reviews-car .car-track{transition:height .4s ease}@media (prefers-reduced-motion:reduce){.reviews-car .car-track{transition:none}} .eu-map{margin:0;position:relative;background:var(--soft);border-radius:var(--r);padding:clamp(16px,3vw,28px) clamp(16px,3vw,28px) 18px} .eu-map img{width:100%;max-width:440px;margin:0 auto} .eu-map figcaption{display:flex;align-items:center;gap:12px;margin-top:10px;line-height:1.35} .eu-map figcaption b{display:block;color:var(--ink)} .eu-map figcaption span span{color:var(--muted);font-size:.92rem} .eu-pin{flex:none;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center} .eu-pin svg{width:22px;height:22px} .e404-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center} .e404-num{font-weight:700;font-size:clamp(5rem,16vw,11rem);line-height:1;letter-spacing:-.04em;color:var(--ink);text-align:center;margin:0} .e404-num span{color:var(--red);display:inline-block;animation:e404 3.2s ease-in-out infinite} @keyframes e404{0%,100%{transform:rotate(0)}40%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}} .e404-timer{margin-top:22px;color:var(--muted);font-size:.95rem} .e404-timer b{color:var(--red)} .e404-en{font-size:.9rem;color:var(--muted)} @media (max-width:760px){.e404-grid{grid-template-columns:1fr}.e404-num{order:-1;font-size:5.5rem;text-align:left}} .check-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center} .check-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:16px 0 0;font-size:.9rem;color:var(--ink)} .check-trust li{display:flex;align-items:center;gap:7px} .check-trust li::before{content:"";width:16px;height:16px;border-radius:50%;background:#1a8f4a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat} .scan{position:relative;aspect-ratio:5/4;width:100%;max-width:460px;justify-self:center} .scan-win{position:absolute;inset:9% 12% 11% 12%;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(59,58,56,.16),0 2px 6px rgba(59,58,56,.08);overflow:hidden} .scan-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--soft);border-bottom:1px solid var(--line)} .scan-bar i{width:8px;height:8px;border-radius:50%;background:#d6d2cc} .scan-bar span{margin-left:8px;font-size:.68rem;color:var(--muted);background:#fff;border-radius:999px;padding:2px 10px} .scan-body{padding:16px 18px} .sk{display:block;height:9px;border-radius:5px;background:#ece9e5;margin:0 0 10px;width:85%} .sk-h{height:16px;width:62%;background:#d9d5cf;margin-bottom:14px} .sk-s{width:52%} .sk-row{display:flex;gap:10px;margin:14px 0} .sk-c{flex:1;height:46px;margin:0;border-radius:8px} .scan-line{position:absolute;left:0;right:0;top:30px;height:24%;background:linear-gradient(180deg,rgba(209,19,41,0),rgba(209,19,41,.10));border-bottom:2px solid var(--red);animation:scan 3.4s ease-in-out infinite alternate;will-change:transform} @keyframes scan{from{transform:translateY(-30%)}to{transform:translateY(250%)}} .bot{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.76rem;font-weight:600;color:var(--ink);box-shadow:0 6px 18px rgba(59,58,56,.10);animation:float 6s ease-in-out infinite;will-change:transform} .bot i{position:relative;width:9px;height:9px;border-radius:50%;background:#cfcac4} .bot i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red);opacity:0;animation:ping 7.2s infinite} @keyframes float{50%{transform:translateY(-7px)}} @keyframes ping{0%,6%{opacity:0}10%,26%{opacity:1}32%,100%{opacity:0}} .bot-0{top:2%;left:2%}.bot-1{top:14%;right:0;animation-delay:-1s}.bot-2{top:44%;left:0;animation-delay:-2s}.bot-3{top:52%;right:0;animation-delay:-3s}.bot-4{bottom:2%;left:10%;animation-delay:-4s}.bot-5{bottom:5%;right:12%;animation-delay:-5s} .bot-1 i::after{animation-delay:1.2s}.bot-2 i::after{animation-delay:2.4s}.bot-3 i::after{animation-delay:3.6s}.bot-4 i::after{animation-delay:4.8s}.bot-5 i::after{animation-delay:6s} @media (max-width:900px){.check-hero-grid{grid-template-columns:1fr}.scan{max-width:400px}} @media (max-width:520px){.scan{max-width:330px;aspect-ratio:16/12;margin:8px auto 0}.bot{font-size:.66rem;padding:4px 9px;gap:5px}.bot i{width:7px;height:7px}.scan-body{padding:12px 14px}.sk-c{height:34px}} .scan-sm{max-width:380px;aspect-ratio:16/11;margin:-6px auto 14px} .scan-sm .bot{font-size:.7rem;padding:5px 10px} .scan-sm .sk-c{height:36px} .scan:not(.in) .scan-line,.scan:not(.in) .bot,.scan:not(.in) .bot i::after{animation-play-state:paused} @media (prefers-reduced-motion:reduce){.scan-line,.bot,.bot i::after{animation:none}.scan-line{display:none}} .chk-print-head{display:none} .chk-progress h2 span{color:var(--red)} .chk-progress ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px} .chk-progress li{display:flex;align-items:center;gap:12px;color:var(--muted);transition:color .3s} .chk-progress li.is-on,.chk-progress li.is-done{color:var(--ink)} .pst{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line)} .is-on .pst{border-color:var(--line);border-top-color:var(--red);animation:spin 1s linear infinite} .is-done .pst{border:0;background:#1a8f4a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat} #check-result>.card{margin-bottom:20px} .reveal{animation:rise .55s both} #check-result>.reveal:nth-child(2){animation-delay:.08s}#check-result>.reveal:nth-child(3){animation-delay:.16s}#check-result>.reveal:nth-child(4){animation-delay:.24s}#check-result>.reveal:nth-child(5){animation-delay:.32s} @keyframes rise{from{opacity:0;transform:translateY(14px)}} .ring{position:relative;display:grid;place-items:center;flex:none} .ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)} .ring circle{fill:none;stroke-width:10} .ring .bg{stroke:var(--soft)} .ring .fg{stroke-linecap:round;stroke-dasharray:0 327;transition:stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1)} .ring b{position:relative;color:var(--ink);font-weight:700;line-height:1} .ring-lg{width:150px;height:150px}.ring-lg b{font-size:2.8rem} .ring-md{width:88px;height:88px}.ring-md b{font-size:1.5rem} .ring-sm{width:56px;height:56px}.ring-sm b{font-size:1rem}.ring-sm circle{stroke-width:12} .minis{list-style:none;display:flex;flex-wrap:wrap;gap:14px 22px;padding:0;margin:18px 0 0} .minis li{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--ink)} .chk-psi .psi-wait{display:flex;gap:12px;align-items:center;margin:12px 0 0} .psi-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);margin-top:16px} .psi-top{display:flex;gap:16px;align-items:center} .psi-top h3{margin:0}.psi-top p{margin:2px 0 0} .chk-note{font-size:.86rem;color:var(--muted)} .metrics{list-style:none;padding:0;margin:18px 0 14px;display:grid;gap:14px} .metrics li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-size:.9rem} .metrics b{color:var(--ink);text-align:right}.metrics small{font-weight:400;color:var(--muted)} .m-bar{grid-column:1/-1;position:relative;display:flex;height:8px;border-radius:4px;overflow:visible} .m-bar i{height:100%;flex:1}.m-bar .z1{background:#cfe9d8;border-radius:4px 0 0 4px}.m-bar .z2{background:#f6e3a8}.m-bar .z3{background:#f5c9ce;border-radius:0 4px 4px 0} .m-bar em{position:absolute;top:-4px;left:0;width:4px;height:16px;border-radius:2px;background:var(--ink);transform:translateX(-50%);transition:left 1s cubic-bezier(.2,.7,.2,1)} .pbs{display:flex;flex-wrap:wrap;gap:8px} .pb{font-size:.8rem;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--ink)} .pb b{margin-left:4px}.pb-good{background:#e3f3e8}.pb-mid{background:#fbf0cf}.pb-low{background:#fbe1e4} .ai-chat{display:grid;gap:10px;margin:14px 0 16px} .ai-q{justify-self:end;max-width:85%;margin:0;background:var(--soft);border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:.92rem} .ai-a{display:flex;gap:10px;align-items:flex-start;max-width:92%;margin:0;border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:.92rem;color:var(--ink)} .ai-sig{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:.9rem} .ai-sig li{display:flex;gap:10px;align-items:center} .ai-bots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px} .ai-bots span{font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--line)} .chk-help{background:#3b3a38;color:rgba(255,255,255,.88);border-color:#3b3a38} .chk-help .eyebrow{color:#ff9aa6}.chk-help h2{color:#fff} .chk-help p{color:rgba(255,255,255,.86)} .chk-help .sign{font-weight:600;color:#fff} .chk-help .btn.ghost{color:#fff;border-color:rgba(255,255,255,.7)} .chk-help .linkbtn{color:#fff} .chk-help .cta-row{align-items:center} .chk-detail-h{margin:36px 0 0} @media (max-width:760px){.psi-cols,.ai-sig{grid-template-columns:1fr}.ring-lg{width:120px;height:120px}.ring-lg b{font-size:2.2rem}} @media (prefers-reduced-motion:reduce){.reveal{animation:none}.ring .fg,.m-bar em{transition:none}} @media print{.site-head,.site-foot,.check-hero,.consent,#check-lead,.cta-band,.skip,.chk-help .cta-row,main>.section:not(.chk-out){display:none!important} .chk-print-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--red);padding-bottom:8px;margin-bottom:16px} .card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd} .chk-help{background:#fff;color:#222}.chk-help h2,.chk-help .sign{color:#222} .reveal{animation:none} .section{padding:0}} .section.chk-out{padding:0} #check-progress:not(:empty),#check-result:not([hidden]){padding:clamp(28px,4vw,48px) 0} #check-progress:not(:empty)+#check-result{padding-top:0} .marquee{--mq-d:157.5s}@media (max-width:760px){.marquee{--mq-d:175.7s}}