/* Approved A1 tablet header; isolated from existing page components. */
#konsoul-tablet-hero{font:16px/1.6 KonsoulTablet,Commissioner,Arial,sans-serif;color:#172238;--blue:#2851ef;--ease:cubic-bezier(.2,.75,.2,1);font-synthesis:none;padding:20px 0 0}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-greek-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+370-3FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-greek-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+370-3FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-greek-550.woff2) format("woff2");font-weight:550;font-display:swap;unicode-range:U+370-3FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-greek-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+370-3FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-greek-650.woff2) format("woff2");font-weight:650;font-display:swap;unicode-range:U+370-3FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0-FF,U+2000-206F,U+20A0-20C0,U+2190-21FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0-FF,U+2000-206F,U+20A0-20C0,U+2190-21FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-latin-550.woff2) format("woff2");font-weight:550;font-display:swap;unicode-range:U+0-FF,U+2000-206F,U+20A0-20C0,U+2190-21FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0-FF,U+2000-206F,U+20A0-20C0,U+2190-21FF}
@font-face{font-family:KonsoulTablet;src:url(/assets/tablets-20260917/commissioner-latin-650.woff2) format("woff2");font-weight:650;font-display:swap;unicode-range:U+0-FF,U+2000-206F,U+20A0-20C0,U+2190-21FF}
#konsoul-tablet-hero *{box-sizing:border-box}
#konsoul-tablet-hero a{color:inherit;text-decoration:none}
#konsoul-tablet-hero button{font:inherit;cursor:pointer}
#konsoul-tablet-hero a,#konsoul-tablet-hero button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#konsoul-tablet-hero button:focus-visible,#konsoul-tablet-hero a:focus-visible{outline:3px solid #55a9ff;outline-offset:5px}
#konsoul-tablet-hero button{color:inherit}
#konsoul-tablet-hero img{display:block;max-width:100%}
#konsoul-tablet-hero [hidden]{display:none!important}
#konsoul-tablet-hero.kt-hero{overflow:hidden;background:white;position:relative}
#konsoul-tablet-hero .kt-hero-layout{max-width:1544px;margin:auto;padding:0 36px 0 64px;display:grid;grid-template-columns:.87fr 1.25fr;gap:5px;align-items:center}
#konsoul-tablet-hero .kt-hero-copy{position:relative;z-index:2;padding:0 0 55px;max-width:560px}
#konsoul-tablet-hero .kt-eyebrow{font-size:9px;letter-spacing:.09em;display:flex;gap:8px;align-items:center;font-weight:650;color:#63728b;margin:0 0 25px}
#konsoul-tablet-hero .kt-eyebrow i{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0}
#konsoul-tablet-hero h1{font-size:clamp(43px,4.35vw,66px);letter-spacing:-.06em;line-height:1.1;margin:0 0 25px;font-weight:650}
#konsoul-tablet-hero h1 em{font-style:normal;color:var(--blue)}
#konsoul-tablet-hero .kt-intro{font-size:15px;color:#687790;line-height:1.75;max-width:390px;margin:0 0 30px}
#konsoul-tablet-hero .kt-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#konsoul-tablet-hero .kt-primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border-radius:40px;color:white;background:var(--blue);font-size:12px;font-weight:600;box-shadow:0 8px 25px #2851ef23;transition:transform .25s var(--ease)}
#konsoul-tablet-hero .kt-primary:hover{transform:translateY(-3px)}
#konsoul-tablet-hero .kt-primary span{font-size:19px}
#konsoul-tablet-hero .kt-text-action{padding:8px 0;border:0;border-bottom:1px solid #c8d4e9;background:none;font-size:11px;font-weight:600}
#konsoul-tablet-hero .kt-small-note{display:flex;align-items:center;gap:12px;font-size:10px;color:#7f8da3;margin:33px 0 0}
#konsoul-tablet-hero .kt-small-note span{width:26px;height:1px;background:#c5d2e5}
#konsoul-tablet-hero .kt-showcase{min-width:0}
#konsoul-tablet-hero .kt-tablet-stage{height:630px;position:relative;isolation:isolate}
#konsoul-tablet-hero .kt-tablets{position:absolute;inset:5px 0 156px;perspective:1500px;z-index:2;pointer-events:none}
#konsoul-tablet-hero .kt-tablet-slot{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:3/2;z-index:var(--z);--tilt-x:0deg;--tilt-y:0deg;pointer-events:none}
#konsoul-tablet-hero .kt-tablet-slot[data-key=ka]{--x:7%;--y:41%;--w:46%;--angle:-6deg;--z:3;--period:7.8s;--phase:-1.2s;--drift-x:-3px}
#konsoul-tablet-hero .kt-tablet-slot[data-key=leo]{--x:48%;--y:9%;--w:46%;--angle:6deg;--z:2;--period:8.6s;--phase:-4.8s;--drift-x:3px}
#konsoul-tablet-hero .kt-tablet-slot[data-key=fyw]{--x:49%;--y:47%;--w:45%;--angle:4deg;--z:4;--period:7.2s;--phase:-2.4s;--drift-x:2px}
#konsoul-tablet-hero .kt-tablet-slot[data-key=hookd]{--x:8%;--y:4%;--w:45%;--angle:-8deg;--z:1;--period:9.1s;--phase:-6s;--drift-x:-2px}
#konsoul-tablet-hero .kt-tablet-button{border:0;padding:0;background:none;width:100%;height:100%;position:relative;display:block;pointer-events:none;outline-offset:4px!important}
#konsoul-tablet-hero .kt-tablet-hit{position:absolute;inset:9% 4% 7%;transform:rotate(var(--angle));border-radius:7%;pointer-events:auto;z-index:3}
#konsoul-tablet-hero .kt-tablet-motion{display:block;position:relative;transform:rotate(var(--angle)) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform 720ms cubic-bezier(.22,.75,.25,1);transform-style:preserve-3d;pointer-events:none}
#konsoul-tablet-hero .kt-float-layer{display:block;position:relative;isolation:isolate;animation:kt-float var(--period) ease-in-out var(--phase) infinite}
#konsoul-tablet-hero .kt-tablet-shadow{position:absolute;inset:0;z-index:-1;filter:blur(12px);opacity:.12;transform:translate3d(6px,12px,0) scale(.98);transition:opacity 550ms ease,transform 720ms cubic-bezier(.22,.75,.25,1);pointer-events:none}
#konsoul-tablet-hero .kt-tablet-shadow::before{content:"";position:absolute;inset:0;background:#142234;-webkit-mask:var(--tablet-image) center/contain no-repeat;mask:var(--tablet-image) center/contain no-repeat}
#konsoul-tablet-hero .kt-tablet-button img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 3px 3px #0d1e2e18);pointer-events:none}
#konsoul-tablet-hero .kt-tablet-slot.kt-is-active{z-index:10}
#konsoul-tablet-hero .kt-tablet-slot.kt-is-active .kt-tablet-motion{transform:translate3d(0,-12px,0) scale(1.055) rotate(0deg) rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}
#konsoul-tablet-hero .kt-tablet-slot.kt-is-active .kt-tablet-shadow{opacity:.38;transform:translate3d(14px,33px,0) scale(.98)}
#konsoul-tablet-hero .kt-connector-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none;opacity:0;transition:opacity 240ms ease}
#konsoul-tablet-hero .kt-has-active .kt-connector-layer{opacity:1}
#konsoul-tablet-hero #kt-connector-path{fill:none;stroke:#6c86b1;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
#konsoul-tablet-hero #kt-connector-origin{fill:#fff;stroke:#2851ef;stroke-width:1.5}
#konsoul-tablet-hero #kt-connector-end{fill:#2851ef}
#konsoul-tablet-hero .kt-stage-instruction{position:absolute;bottom:49px;left:6%;display:flex;align-items:center;gap:15px;max-width:92%;transition:opacity .2s}
#konsoul-tablet-hero .kt-instruction-mark{width:36px;height:1px;background:#ccd7e9;position:relative;flex-shrink:0}
#konsoul-tablet-hero .kt-instruction-mark i{width:4px;height:4px;border-radius:50%;background:#2851ef;position:absolute;right:0;top:-1.5px}
#konsoul-tablet-hero .kt-stage-instruction p{font-size:11px;line-height:1.9;color:#697a93;margin:0}
#konsoul-tablet-hero .kt-stage-instruction strong{font-weight:450;color:#31435e}
#konsoul-tablet-hero .kt-has-active .kt-stage-instruction{opacity:0;pointer-events:none}
#konsoul-tablet-hero .kt-project-info{position:absolute;bottom:5px;left:6%;width:88%;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0 18px;z-index:3;border-top:1px solid #ced9e9}
#konsoul-tablet-hero .kt-info-copy{min-width:0}
#konsoul-tablet-hero .kt-info-kicker{font-size:8px;letter-spacing:.1em;color:#667993;margin:0 0 9px;display:flex;align-items:center;gap:9px;font-weight:500}
#konsoul-tablet-hero #kt-project-number{font-size:9px;color:#2851ef;font-variant-numeric:tabular-nums;letter-spacing:0}
#konsoul-tablet-hero .kt-kicker-rule{width:17px;height:1px;background:#c9d4e6}
#konsoul-tablet-hero .kt-project-info h2{font-size:21px;letter-spacing:-.035em;margin:0 0 11px;font-weight:550;line-height:1.14}
#konsoul-tablet-hero #kt-project-features{font-size:11px;color:#596c88;margin:0;line-height:1.6;display:flex;gap:8px 13px;flex-wrap:wrap}
#konsoul-tablet-hero #kt-project-features span{white-space:nowrap;display:flex;align-items:center;gap:6px}
#konsoul-tablet-hero #kt-project-features span::before{content:"";width:3px;height:3px;background:#92a7c7;border-radius:50%}
#konsoul-tablet-hero .kt-project-info button{border:0;background:none;padding:9px 0 9px 10px;display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap;color:#20334f;font-weight:550;min-height:44px}
#konsoul-tablet-hero .kt-action-orbit{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #c2d0e7;transition:background 300ms,color 300ms,border-color 300ms}
#konsoul-tablet-hero .kt-project-info svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 400ms cubic-bezier(.22,.75,.25,1)}
#konsoul-tablet-hero .kt-project-info button:hover .kt-action-orbit,#konsoul-tablet-hero .kt-project-info button:focus-visible .kt-action-orbit{background:#172c4e;border-color:#172c4e;color:#fff}
#konsoul-tablet-hero .kt-project-info button:hover svg{transform:translate(1px,-1px)}
@keyframes kt-float{0%,100%{transform:translate3d(0,5px,0) rotate(-.3deg)}50%{transform:translate3d(var(--drift-x),-9px,0) rotate(.3deg)}}
@media (max-width:1150px){
#konsoul-tablet-hero .kt-hero-layout{padding-left:32px;padding-right:20px;grid-template-columns:.86fr 1.15fr}
#konsoul-tablet-hero .kt-hero-copy{padding-bottom:30px}
#konsoul-tablet-hero h1{font-size:45px}
#konsoul-tablet-hero .kt-eyebrow{font-size:7.5px}
#konsoul-tablet-hero .kt-intro{font-size:14px;max-width:345px}
#konsoul-tablet-hero .kt-hero-actions{gap:17px}
#konsoul-tablet-hero .kt-primary{font-size:11px;padding:14px 17px;gap:17px}
#konsoul-tablet-hero .kt-text-action{font-size:10px}
#konsoul-tablet-hero .kt-tablet-stage{height:548px}
#konsoul-tablet-hero .kt-tablets{inset:20px 0 150px}
#konsoul-tablet-hero .kt-project-info{left:3%;width:94%;gap:12px}
#konsoul-tablet-hero .kt-project-info h2{font-size:18px}
#konsoul-tablet-hero .kt-project-info button{font-size:10px;gap:8px}
#konsoul-tablet-hero .kt-action-orbit{width:36px;height:36px}
#konsoul-tablet-hero #kt-project-features{font-size:10px;gap:6px 9px}
}
@media (max-width:760px){
#konsoul-tablet-hero .kt-hero-layout{display:flex;flex-direction:column;padding:30px 21px 0;gap:12px}
#konsoul-tablet-hero .kt-hero-copy{width:100%;max-width:560px;padding:0}
#konsoul-tablet-hero .kt-eyebrow{font-size:7.5px;margin-bottom:20px;letter-spacing:.06em}
#konsoul-tablet-hero h1{font-size:clamp(39px,8.5vw,55px);margin-bottom:20px}
#konsoul-tablet-hero .kt-intro{font-size:14px;max-width:410px;margin-bottom:26px}
#konsoul-tablet-hero .kt-hero-actions{gap:21px}
#konsoul-tablet-hero .kt-primary{font-size:11px;gap:17px;padding:14px 18px}
#konsoul-tablet-hero .kt-text-action{font-size:10px}
#konsoul-tablet-hero .kt-small-note{margin-top:24px;font-size:9px}
#konsoul-tablet-hero .kt-showcase{width:100%;max-width:600px}
#konsoul-tablet-hero .kt-tablet-stage{height:452px;margin:18px -5px 0}
#konsoul-tablet-hero .kt-tablets{inset:0 0 170px}
#konsoul-tablet-hero .kt-tablet-slot[data-key=ka]{--w:54%;--x:3%;--y:39%}
#konsoul-tablet-hero .kt-tablet-slot[data-key=leo]{--w:53%;--x:45%;--y:6%}
#konsoul-tablet-hero .kt-tablet-slot[data-key=fyw]{--w:51%;--x:46%;--y:43%}
#konsoul-tablet-hero .kt-tablet-slot[data-key=hookd]{--w:50%;--x:4%;--y:2%}
#konsoul-tablet-hero .kt-tablet-slot.kt-is-active .kt-tablet-motion{transform:translate3d(0,-9px,0) scale(1.04) rotate(0deg)}
#konsoul-tablet-hero .kt-tablet-shadow{filter:blur(8px);transform:translate3d(4px,8px,0) scale(.98)}
#konsoul-tablet-hero .kt-tablet-slot.kt-is-active .kt-tablet-shadow{opacity:.36;transform:translate3d(9px,21px,0) scale(.98)}
#konsoul-tablet-hero .kt-project-info{left:3%;width:94%;padding:22px 0 12px;min-height:138px;bottom:1px;gap:12px;align-items:flex-start}
#konsoul-tablet-hero .kt-info-kicker{font-size:7px;gap:7px;margin-bottom:10px}
#konsoul-tablet-hero .kt-project-info h2{font-size:18px;margin-bottom:11px}
#konsoul-tablet-hero .kt-project-info #kt-project-features{font-size:10px;gap:7px 11px}
#konsoul-tablet-hero .kt-project-info button{padding:18px 0 0;align-self:center;min-width:44px;min-height:44px}
#konsoul-tablet-hero .kt-project-info button>span:first-child{display:none}
#konsoul-tablet-hero .kt-action-orbit{width:42px;height:42px}
#konsoul-tablet-hero .kt-project-info svg{width:17px;height:17px}
#konsoul-tablet-hero .kt-stage-instruction{bottom:54px;left:5%;gap:12px}
#konsoul-tablet-hero .kt-stage-instruction p{font-size:10px}
#konsoul-tablet-hero .kt-instruction-mark{width:26px}
}
@media (max-width:365px){
#konsoul-tablet-hero .kt-hero-layout{padding-left:18px;padding-right:18px}
#konsoul-tablet-hero .kt-eyebrow{font-size:6.5px}
#konsoul-tablet-hero h1{font-size:36px}
#konsoul-tablet-hero .kt-intro{font-size:13px}
#konsoul-tablet-hero .kt-hero-actions{gap:15px}
#konsoul-tablet-hero .kt-primary{font-size:10px;padding:14px 15px;gap:13px}
#konsoul-tablet-hero .kt-text-action{font-size:9px}
#konsoul-tablet-hero .kt-tablet-stage{height:416px}
#konsoul-tablet-hero .kt-project-info h2{font-size:16px}
#konsoul-tablet-hero .kt-project-info #kt-project-features{font-size:9px}
#konsoul-tablet-hero .kt-stage-instruction p{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
#konsoul-tablet-hero *,#konsoul-tablet-hero *::before,#konsoul-tablet-hero *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
#konsoul-tablet-hero .kt-tablet-motion{transform:rotate(var(--angle))}
}
#konsoul-tablet-hero .kt-client-strip{width:calc(100% - 128px);max-width:1376px;margin:30px auto 0;border-top:1px solid #e2e8f1;padding:24px 0 32px}
#konsoul-tablet-hero .kt-client-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#65738b;font-size:11px}
#konsoul-tablet-hero .kt-client-strip-heading p{margin:0;font-weight:550;color:#283951}
#konsoul-tablet-hero .kt-client-strip-heading>span{font-size:10px;color:#8290a5}
#konsoul-tablet-hero .kt-client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:13px}
#konsoul-tablet-hero .kt-client-logo-link{border:0;border-bottom:1px solid transparent;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:14px 8px 12px;position:relative;transition:border-color .35s ease;color:#5c6c83}
#konsoul-tablet-hero .kt-client-logo-image{height:46px;width:100%;display:flex;align-items:center;justify-content:center}
#konsoul-tablet-hero .kt-client-logo-image img{object-fit:contain;width:75px;height:46px;filter:brightness(0);transition:transform .5s cubic-bezier(.22,.75,.25,1)}
#konsoul-tablet-hero [data-client-folder=leo] img{width:66px;height:47px}
#konsoul-tablet-hero [data-client-folder=fyw] img{width:51px;height:48px}
#konsoul-tablet-hero [data-client-folder=hookd] img{width:116px;height:44px}
#konsoul-tablet-hero [data-client-folder=sport] img{width:76px;height:46px}
#konsoul-tablet-hero .kt-client-name{font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.005em;text-align:center}
#konsoul-tablet-hero [data-client-folder=leo] .kt-client-name{font-size:9px}
#konsoul-tablet-hero .kt-client-logo-link:hover,#konsoul-tablet-hero .kt-client-logo-link:focus-visible,#konsoul-tablet-hero .kt-client-logo-link.kt-is-current{border-bottom-color:#2851ef;color:#214ace}
#konsoul-tablet-hero .kt-client-logo-link:hover img,#konsoul-tablet-hero .kt-client-logo-link:focus-visible img{transform:translateY(-3px)}
@media (max-width:1150px){
#konsoul-tablet-hero .kt-client-strip{width:calc(100% - 64px)}
#konsoul-tablet-hero .kt-client-logos{gap:12px}
#konsoul-tablet-hero .kt-client-name{font-size:9px}
#konsoul-tablet-hero [data-client-folder=leo] .kt-client-name{font-size:8px}
}
@media (max-width:760px){
#konsoul-tablet-hero .kt-client-strip{width:calc(100% - 44px);margin-top:13px;padding-top:22px;padding-bottom:20px}
#konsoul-tablet-hero .kt-client-strip-heading{align-items:start;gap:12px;font-size:11px}
#konsoul-tablet-hero .kt-client-strip-heading>span{font-size:9px;max-width:120px;text-align:right}
#konsoul-tablet-hero .kt-client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px;margin-top:17px}
#konsoul-tablet-hero .kt-client-logo-link{min-height:101px;padding:12px 3px 10px;gap:10px}
#konsoul-tablet-hero .kt-client-logo-image{height:36px}
#konsoul-tablet-hero .kt-client-logo-image img{max-width:78px;max-height:36px}
#konsoul-tablet-hero .kt-client-name{font-size:9px}
#konsoul-tablet-hero [data-client-folder=leo] .kt-client-name{font-size:7.5px}
#konsoul-tablet-hero .kt-client-logo-link:nth-child(4){grid-column:1/2;margin-left:50%;width:100%}
#konsoul-tablet-hero .kt-client-logo-link:nth-child(5){grid-column:3/4;margin-left:-50%;width:100%}
}
@media (max-width:365px){
#konsoul-tablet-hero .kt-client-strip{width:calc(100% - 36px)}
#konsoul-tablet-hero .kt-client-logo-image img{max-width:66px;max-height:33px}
#konsoul-tablet-hero .kt-client-name{font-size:8px}
#konsoul-tablet-hero [data-client-folder=leo] .kt-client-name{font-size:7px}
}
@media (prefers-reduced-motion:reduce){
#konsoul-tablet-hero .kt-client-logo-link,#konsoul-tablet-hero .kt-client-logo-image img{transition:none!important}
}
@media(max-width:760px){#konsoul-tablet-hero{padding-top:0}}

/* Approved hero arrow: our own SVG stroke, matching the navigation arrow; replaces the emoji glyph. */
#konsoul-tablet-hero .kt-primary .kt-arrow{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
#konsoul-tablet-hero .kt-primary:hover .kt-arrow{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){#konsoul-tablet-hero .kt-primary .kt-arrow{transition:none}}