/* ThinkBulb website styles. Brand: Gunmetal #292F36, Turquoise #4ECDC4, Maize #FFC658, Lato + Roboto */

@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/lato-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/lato-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/lato-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/lato-latin-ext-900-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --g:#292F36; --g2:#232830; --o:#F6F6F3; --soft:#EDEDE8;
  --t:#4ECDC4; --m:#FFC658;
  --mut:#5A636C; --line:#DCDCD6; --body:#3D454D;
  --nav-h:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--o);color:var(--g);font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.menu-open{overflow:hidden}
h1,h2,h3{font-family:Lato,system-ui,sans-serif;margin:0;line-height:1.12}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--g);padding:12px 16px;z-index:100}
.skip:focus{left:12px;top:12px}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.narrow{max-width:780px}
section{padding:96px 0}
@media(min-width:900px){section{padding:140px 0}}
.dark{background:var(--g);color:#fff}
.dark p{color:#AAB2B9}
.soft{background:var(--soft)}

/* type */
.label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:12px;margin:0 0 22px;font-weight:500;line-height:1.4}
.label::before{content:"";width:24px;height:1px;background:var(--t);flex:none}
.dark .label{color:#9AA3AB}
.h-xl{font-weight:900;font-size:clamp(38px,6vw,76px);letter-spacing:-.012em;line-height:1.05}
.h-l{font-weight:900;font-size:clamp(30px,4.4vw,54px);letter-spacing:-.01em}
.h-light{font-weight:300;font-size:clamp(26px,3.4vw,42px);line-height:1.3}
.lead{font-size:clamp(17px,1.6vw,20px);max-width:640px;margin-top:26px;line-height:1.7}
.link{text-decoration:none;border-bottom:1px solid var(--t);padding-bottom:4px;display:inline-block;margin-top:36px;font-weight:500;font-size:16px;transition:border-color .3s}
.link:hover{border-color:var(--g)}
.dark .link{color:#fff}
.dark .link:hover{border-color:#fff}
.btn{display:inline-block;text-decoration:none;background:#fff;color:var(--g);padding:15px 24px;border-radius:6px;font-weight:500;font-size:16px;line-height:1.2;transition:background .3s,color .3s}
.btn:hover{background:var(--m)}
.btn-dark{background:var(--g);color:#fff}
.btn-dark:hover{background:#3a424b;color:#fff}

/* progress + nav */
#progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--t);transform-origin:left;transform:scaleX(0);z-index:70;pointer-events:none}
.nav{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(41,47,54,.97);transition:transform .45s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.nav.hide{transform:translateY(-100%)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:var(--nav-h)}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:22px;width:auto}
.links{display:none}
.nav-right{display:flex;align-items:center;gap:22px}
.langs{display:flex;gap:2px}
.langs a{color:#8A939B;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.06em;padding:10px 7px;min-height:40px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;transition:color .3s}
.langs a:hover{color:#fff}
.langs a[aria-current]{color:#fff;border-bottom-color:var(--t)}
@media(min-width:900px){.nav-right{margin-left:30px}}
.menu-btn{background:none;border:0;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;padding:14px 0;min-height:48px}
.menu{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--g);z-index:59;padding:40px 28px;display:none;flex-direction:column;overflow-y:auto}
.menu-open .menu{display:flex}
.menu a{font-family:Lato;font-weight:900;font-size:42px;color:#fff;text-decoration:none;line-height:1.55}
.menu a[aria-current]{color:var(--t)}
.menu .menu-mail{font-family:Roboto;font-weight:400;font-size:17px;color:#AAB2B9;margin-top:auto;padding-top:40px;border-bottom:0}
@media(min-width:900px){
  .links{display:flex;gap:38px;align-items:center}
  .links a{color:#C9D0D6;text-decoration:none;font-size:15px;padding:8px 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
  .links a:hover{color:#fff}
  .links a[aria-current]{color:#fff;border-bottom-color:var(--t)}
  .menu-btn{display:none}
}

/* hero */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 32px) 0 64px}
.hero-grid{display:grid;gap:30px;align-items:center;width:100%}
@media(min-width:900px){.hero-grid{grid-template-columns:1.35fr 1fr;gap:72px}}
.hero h1{font-size:clamp(36px,4.8vw,66px)}
.hero-side{display:flex;flex-direction:column;align-items:center;order:-1}
@media(min-width:900px){.hero-side{order:0}}
.hero-logo{position:relative;width:min(46vw,210px);aspect-ratio:1}
@media(min-width:900px){.hero-logo{width:100%;max-width:400px}}
.hero-side .switch{margin-top:14px}
@media(min-width:900px){.hero-side .switch{margin-top:28px}}
.hero-logo img,.story-logo img{position:absolute;inset:0;width:100%;height:100%}
.hero-logo .rays{opacity:0;transform:scale(.94);transition:opacity 1.2s ease,transform 1.2s ease}
.lit .hero-logo .rays{opacity:1;transform:none}
.hero-logo .dimmable{opacity:.35;transition:opacity 1s ease}
.lit .hero-logo .dimmable{opacity:1}
.page-hero{padding:calc(var(--nav-h) + 100px) 0 100px}
@media(min-width:900px){.page-hero{padding:calc(var(--nav-h) + 130px) 0 130px}}
.actions{display:flex;flex-wrap:wrap;gap:24px 28px;align-items:center;margin-top:40px}
.actions .link{margin-top:0}
.glow{transition:color 1.1s ease}
.lit .glow{color:var(--m)}
.switch{all:unset;display:inline-flex;align-items:center;gap:16px;cursor:pointer;color:#9AA3AB;font-size:14px;min-height:48px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.switch .plate{width:46px;height:70px;border-radius:10px;background:#323941;border:1px solid #4A535C;display:flex;align-items:center;justify-content:center;perspective:160px;flex:none;transition:border-color .4s}
.switch .rocker{position:relative;width:26px;height:48px;border-radius:6px;background:linear-gradient(to bottom,#566069 0%,#454E57 50%,#3A424A 50%,#3A424A 100%);transform:rotateX(16deg);transition:transform .25s cubic-bezier(.3,1.6,.6,1),background .25s}
.switch .rocker i{position:absolute;left:50%;top:7px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#6B747D;transition:background .3s,box-shadow .3s}
.switch:hover .plate{border-color:#6B747D}
.lit .switch .plate{border-color:var(--m)}
.lit .switch .rocker{transform:rotateX(-16deg);background:linear-gradient(to bottom,#3A424A 0%,#3A424A 50%,#454E57 50%,#566069 100%)}
.lit .switch .rocker i{background:var(--m);box-shadow:0 0 8px 2px rgba(255,198,88,.6)}
.lit .switch{color:#fff}
.sparks{position:absolute;left:50%;top:38%;width:0;height:0;pointer-events:none}
.sparks span{position:absolute;left:0;top:0;border-radius:2px;background:var(--m)}
.scroll-hint{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7D868F;display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .6s}
.scroll-hint span{width:1px;height:34px;background:linear-gradient(var(--t),transparent);animation:hint 1.8s ease-in-out infinite;transform-origin:top}
@keyframes hint{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.story.light .scroll-hint{opacity:0}
html:not(.js) .scroll-hint{display:none}
.switch:focus-visible,.row-head:focus-visible,.chip:focus-visible,.btn:focus-visible,.link:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--t);outline-offset:6px;border-radius:4px}

/* trust */
.trust{padding:88px 0}
.trust-names{font-family:Lato;font-weight:900;font-size:clamp(18px,2vw,22px);color:var(--g);margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 36px}
.trust-names span{color:#8A939B}

/* pinned story */
.story{height:420vh;position:relative;background:var(--g);transition:background 1s ease}
.story.light{background:var(--o)}
.story-stick{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.story-grid{display:grid;gap:28px;width:100%;align-items:center}
@media(min-width:900px){.story-grid{grid-template-columns:1fr 1fr;gap:80px}}
.story-logo{position:relative;width:min(58vw,40vh,380px);aspect-ratio:1;margin:0 auto}
.story-logo img{opacity:0;transform:scale(.96);transition:opacity .9s ease,transform .9s ease}
.story-logo .brain{opacity:.18;filter:grayscale(1)}
.story[data-stage="1"] .brain,.story[data-stage="2"] .brain,.story[data-stage="3"] .brain{opacity:1;filter:none;transform:none}
.story[data-stage="2"] .bulb,.story[data-stage="3"] .bulb{opacity:1;transform:none}
.story[data-stage="3"] .rays{opacity:1;transform:none}
.story-text{position:relative;min-height:230px}
@media(min-width:900px){.story-text{min-height:300px}}
.stage{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.stage.on{opacity:1;transform:none}
.stage-copy{font-family:Lato;font-weight:300;font-size:clamp(22px,2.8vw,34px);line-height:1.4;color:#fff;transition:color 1s}
.story .label{color:#9AA3AB;transition:color 1s}
.story.light .stage-copy{color:var(--g)}
.story.light .label{color:var(--mut)}
.stage-note{color:var(--m);font-weight:500;font-size:clamp(16px,2vw,21px);line-height:1.45;margin-top:24px;max-width:540px;transition:color 1s}
.story.light .stage-note{color:#B07A0A}
.story-dots{display:flex;gap:10px;margin-top:0;position:absolute;bottom:-44px;left:0}
.story-dots i{width:8px;height:8px;border-radius:50%;background:#58616B;transition:background .5s}
.story-dots i.on{background:var(--t)}
html:not(.js) .story{height:auto;padding:96px 0}
html:not(.js) .story-stick{position:static;height:auto}
html:not(.js) .story-text{min-height:0}
html:not(.js) .stage{position:static;opacity:1;transform:none;margin-bottom:36px}
html:not(.js) .story-logo img{opacity:1;filter:none}

/* service rows */
.rows{margin-top:44px;border-bottom:1px solid var(--line)}
.row{border-top:1px solid var(--line);position:relative}
.row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--t);transition:width .6s ease}
.row.open::after,.row:hover::after{width:100%}
.row-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:baseline;gap:20px;padding:28px 0;cursor:pointer;font-family:Lato;font-weight:900;font-size:clamp(21px,2.6vw,32px);line-height:1.2}
.num{font-family:Roboto;font-weight:400;font-size:13px;color:#8A939B;min-width:24px;letter-spacing:.05em}
.plus{margin-left:auto;font-family:Roboto;font-weight:400;font-size:24px;color:var(--t);transition:transform .4s;line-height:1}
.row.open .plus{transform:rotate(45deg)}
.row-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease}
.row.open .row-body{grid-template-rows:1fr}
.row-body>div{overflow:hidden}
.row-body .link{margin:0 0 30px 44px}
.row-body p{margin:0 0 20px 44px;max-width:640px;color:var(--mut)}

/* products on home */
.products-grid{display:grid;gap:64px;align-items:center}
@media(min-width:900px){.products-grid{grid-template-columns:1fr 1fr;gap:96px}}
.chips{margin-top:36px;border-bottom:1px solid var(--line)}
.chip{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid var(--line);cursor:pointer;color:var(--mut);font-size:17px;min-height:48px;transition:color .3s}
.chip:hover{color:var(--g)}
.chip[aria-pressed="true"]{color:var(--g);font-weight:500}
.chip[aria-pressed="true"]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--t)}
.device{width:min(270px,70vw);aspect-ratio:9/18;margin:0 auto;border:9px solid var(--g);border-radius:38px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;position:relative}
.device::before{content:"";position:absolute;top:10px;left:50%;width:64px;height:6px;border-radius:3px;background:var(--line);transform:translateX(-50%)}
.screen{transition:opacity .3s}
.screen-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9AA3AB}
#screen-name{font-family:Lato;font-weight:900;font-size:24px;margin:12px 0 10px;line-height:1.2}
#screen-desc{font-size:15px;color:var(--mut);line-height:1.6}

/* cases */
.cases{display:grid;gap:0;margin-top:48px}
.case{border-top:1px solid var(--line);padding:40px 0;display:grid;gap:24px}
.case:last-child{border-bottom:1px solid var(--line)}
@media(min-width:900px){.case{grid-template-columns:2fr 1fr;align-items:end;gap:64px}}
.case h3{font-weight:900;font-size:clamp(22px,2.6vw,30px);line-height:1.3}
.case p.case-body{color:var(--mut);margin-top:14px;max-width:620px}
.case.placeholder h3,.case.placeholder .big{color:#A9B0B6}
.big{font-family:Lato;font-weight:900;font-size:clamp(58px,8vw,100px);line-height:1;letter-spacing:-.02em}
.big-note{font-size:14px;color:var(--mut);margin-top:10px;line-height:1.5}
.dark .big{color:var(--m)}
.dark .big-note{color:#9AA3AB}

/* stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}
@media(min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats .big{font-size:clamp(52px,6vw,76px)}

.prose p{margin:0 0 18px;color:var(--body);max-width:680px}

/* about timeline */
.timeline{position:relative;padding-left:44px;max-width:780px}
.timeline::before,.timeline::after{content:"";position:absolute;left:5px;top:8px;bottom:0;width:1px;background:var(--line)}
.timeline::after{background:var(--t);transform-origin:top;transform:scaleY(var(--fill,0))}
.ch{position:relative;padding-bottom:72px}
.ch:last-child{padding-bottom:0}
.ch::before{content:"";position:absolute;left:-44px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--o);border:1px solid var(--t);z-index:1}
.ch h2,.svc h2{font-weight:900;font-size:clamp(25px,3vw,38px);margin-bottom:20px;line-height:1.2}
.ch p,.svc p{margin:0 0 18px;color:var(--body);max-width:680px}
.proud p{color:#D5DBE0;max-width:680px;margin-top:18px}

/* services + products pages */
.svc{border-top:1px solid var(--line);padding:64px 0;display:grid;gap:14px}
.svc:last-child{border-bottom:1px solid var(--line)}
@media(min-width:900px){.svc{grid-template-columns:140px 1fr;padding:80px 0}}
.svc .num{padding-top:10px}
.svc .btn-dark{margin-top:14px}
.pack{margin:28px 0 12px;border-bottom:1px solid var(--line);max-width:680px}
.pack div{border-top:1px solid var(--line);padding:20px 0;color:var(--body);display:grid;gap:4px}
@media(min-width:700px){.pack div{grid-template-columns:120px 1fr;gap:24px}}
.pack b{font-family:Lato;font-weight:900;font-size:21px;color:var(--g)}

/* contact */
.cta{padding:128px 0}
@media(min-width:900px){.cta{padding:170px 0}}
.mail{display:inline-block;margin-top:36px;font-size:clamp(21px,2.8vw,32px);color:#fff;text-decoration:none;border-bottom:1px solid var(--m);padding-bottom:6px;word-break:break-word;transition:color .3s}
.mail:hover{color:var(--m)}
.details{display:grid;gap:40px}
@media(min-width:700px){.details{grid-template-columns:1fr 1fr}}
.details p{color:var(--body);margin:0 0 4px}
.details strong{font-family:Lato;font-weight:900;font-size:20px;color:var(--g);display:block;margin-bottom:8px}
.details a{color:var(--g)}

/* footer */
footer{background:var(--g2);color:#7D868F;font-size:13px;line-height:1.9;padding:56px 0 64px}
footer .wrap{display:grid;gap:28px}
@media(min-width:900px){footer .wrap{grid-template-columns:1fr auto;align-items:end}}
footer img{height:18px;width:auto;opacity:.9;margin-bottom:18px}
footer a{color:#AAB2B9;text-decoration:none}
footer a:hover{color:#fff}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}

/* 404 */
.notfound{min-height:100vh;min-height:100svh;display:flex;align-items:center}

/* hidden game */
.egg{position:fixed;right:20px;bottom:20px;z-index:55;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,198,88,.35);background:rgba(41,47,54,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.9;transition:transform .3s,box-shadow .3s,border-color .3s;-webkit-tap-highlight-color:transparent}
.egg img{transition:transform .3s}
.egg-glow{position:absolute;inset:-1px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 rgba(255,198,88,.45);animation:eggpulse 7s ease-out infinite}
.egg::after{content:"";position:absolute;top:6px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--m);opacity:0;animation:eggspark 7s ease-out infinite}
.egg:hover,.egg:focus-visible{opacity:1;transform:scale(1.08);border-color:var(--m);box-shadow:0 0 22px rgba(255,198,88,.35);outline:none}
.egg:hover img{transform:scale(1.06)}
@keyframes eggpulse{0%,78%{box-shadow:0 0 0 0 rgba(255,198,88,.45)}86%{box-shadow:0 0 0 14px rgba(255,198,88,0)}100%{box-shadow:0 0 0 0 rgba(255,198,88,0)}}
@keyframes eggspark{0%,76%{opacity:0;transform:scale(.4)}82%{opacity:1;transform:scale(1.1)}92%,100%{opacity:0;transform:scale(.5) translate(6px,-8px)}}
@media(max-width:600px){.egg{width:54px;height:54px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.egg-glow,.egg::after{animation:none}}
.tbg{position:fixed;inset:0;z-index:100;background:rgba(20,23,27,.82);display:none;align-items:center;justify-content:center;padding:16px}
.tbg.open{display:flex}
body.tbg-lock{overflow:hidden}
.tbg-box{position:relative;width:min(560px,100%);height:min(640px,calc(100vh - 32px));height:min(640px,calc(100svh - 32px));border-radius:14px;overflow:hidden;border:1px solid #3A424B;background:#292F36}
.tbg-c{display:block;touch-action:none;cursor:none}
.tbg-x{position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.tbg-hud{position:absolute;top:18px;left:20px;z-index:2;display:flex;gap:22px;color:#9AA3AB;font-size:13px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.tbg-hud b{color:#FFC658;font-weight:500;margin-left:6px;letter-spacing:.15em}
.tbg-panel{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;background:rgba(41,47,54,.86)}
.tbg-title{font-family:Lato,sans-serif;font-weight:900;font-size:clamp(26px,5vw,34px);color:#fff;line-height:1.15;margin:0 0 14px}
.tbg-text{color:#C9D0D6;font-size:17px;margin:0 0 8px;max-width:380px}
.tbg-sub{color:#7D868F;font-size:13px;margin:0 0 26px;min-height:1em}
.tbg-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.tbg-start{font:inherit;font-weight:500;font-size:16px;background:#FFC658;color:#292F36;border:0;border-radius:6px;padding:14px 26px;cursor:pointer;min-height:48px}
.tbg-mail{font-weight:500;font-size:16px;color:#fff;text-decoration:none;border:1px solid #58616B;border-radius:6px;padding:13px 22px;min-height:48px;display:inline-flex;align-items:center}
.tbg-mail:hover{border-color:#fff}

/* reveal */
html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
html.js .reveal.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  html.js .reveal{opacity:1;transform:none}
}