/* TELLO website foundation v338. New navigation only; legacy styles are preserved. */
:root{--tw-nav-height:76px;--tw-nav-bg:#121416;--tw-nav-text:#f1ede3;--tw-nav-muted:#bab7ae;--tw-nav-line:rgba(226,217,194,.16);--tw-nav-accent:#dfcfa5}
body:has(>[data-tello-web-nav]){padding-top:var(--tw-nav-height)!important}
[data-web-legacy-nav],body:has(>[data-tello-web-nav]) #mobile-menu-overlay{display:none!important}
.tw-header,.tw-header *{box-sizing:border-box}.tw-header{position:fixed;inset:0 0 auto;z-index:1050;isolation:isolate;background:linear-gradient(120deg,rgba(43,45,47,.98),rgba(17,19,21,.98));color:var(--tw-nav-text);border-bottom:1px solid var(--tw-nav-line);font:500 13px/1.4 Arial,sans-serif;letter-spacing:.01em;box-shadow:0 6px 32px #0002;backdrop-filter:blur(24px)}
.tw-header a,.tw-header summary,.tw-header button,.tw-header label{font:inherit;letter-spacing:inherit;color:inherit;text-decoration:none;margin:0;text-transform:none}.tw-header a:hover{color:var(--tw-nav-accent)}.tw-header a:focus-visible,.tw-header select:focus-visible,.tw-header button:focus-visible,.tw-header summary:focus-visible{outline:2px solid var(--tw-nav-accent);outline-offset:4px}
.tw-bar{display:flex;align-items:center;gap:28px;min-height:var(--tw-nav-height);max-width:1480px;margin:0 auto;padding:10px 32px}.tw-brand{flex-shrink:0;display:flex;align-items:center}.tw-brand img{width:102px;height:42px;object-fit:contain;display:block}.tw-menu{margin-right:auto}.tw-menu>nav{display:flex;gap:24px;align-items:center}.tw-disclosure{position:relative}.tw-disclosure summary{list-style:none;cursor:pointer;padding:12px 0;white-space:nowrap}.tw-disclosure summary::-webkit-details-marker{display:none}.tw-disclosure summary:after{content:'⌄';font-size:12px;margin-left:7px;color:var(--tw-nav-muted)}.tw-disclosure[open] summary{color:var(--tw-nav-accent)}.tw-drop{position:absolute;left:-20px;top:calc(100% + 10px);min-width:230px;padding:10px;background:#202326;border:1px solid var(--tw-nav-line);border-radius:20px;box-shadow:0 24px 50px #0005}.tw-drop a{display:block;padding:12px 14px;border-radius:12px;white-space:nowrap}.tw-drop a:hover{background:#ffffff0a}.tw-book{color:var(--tw-nav-accent)!important;font-size:12px!important}
.tw-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.tw-portal{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--tw-nav-line);border-radius:13px;padding:10px 13px;min-height:40px;background:linear-gradient(140deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px #ffffff14;font-size:11px!important;white-space:nowrap}.tw-portal svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tw-language,.tw-appearance{display:flex!important;align-items:center;gap:4px;padding:0 8px!important;margin:0!important;border:1px solid var(--tw-nav-line);border-radius:12px;height:40px;position:relative}.tw-language>span,.tw-appearance>span{font-size:18px;color:var(--tw-nav-muted)}.tw-header select{font:500 11px Arial,sans-serif!important;width:auto!important;max-width:91px!important;min-height:36px!important;height:36px!important;padding:0 3px!important;margin:0!important;color:var(--tw-nav-text)!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.tw-header select option{background:#222528;color:#eee}.tw-appearance select{max-width:71px!important}.tw-toggle{display:none;border:1px solid var(--tw-nav-line);background:transparent;width:40px;height:40px;border-radius:12px;cursor:pointer;padding:10px!important;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tw-toggle span{width:16px;height:1px;background:currentColor;transition:transform .18s}.tw-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.tw-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
body.cl-page .cl-shell{padding-top:0}body.ap-root .ap-entry{min-height:calc(100dvh - var(--tw-nav-height))}body.ap-root .ap-appbar{top:var(--tw-nav-height)}body.ap-root .ap-sidebar{top:calc(var(--tw-nav-height) + 76px + env(safe-area-inset-top))}body.ap-root .ap-sidebar-backdrop{top:calc(var(--tw-nav-height) + 76px + env(safe-area-inset-top))}
[data-collab-style=vaxjo],[data-collab-style=jonkoping],[data-collab-style=portugal],[data-collab-style=monaco]{--tw-nav-accent:#efd7a7}
@media(min-width:1000px) and (max-width:1250px){.tw-bar{gap:18px;padding-inline:22px}.tw-menu>nav{gap:18px}.tw-book{display:none}.tw-portal{padding-inline:10px;font-size:10px!important}.tw-appearance select{max-width:60px!important}}
@media(max-width:999px){:root{--tw-nav-height:68px}.tw-bar{padding:10px 20px;gap:16px;justify-content:space-between}.tw-tools{gap:6px}.tw-menu{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#171a1d;border-bottom:1px solid var(--tw-nav-line);max-height:calc(100dvh - var(--tw-nav-height));overflow:auto;padding:16px 20px 24px}.tw-header[data-open] .tw-menu{display:block}.tw-menu>nav{display:grid;gap:8px}.tw-disclosure summary{padding:14px}.tw-drop{position:static;box-shadow:none;margin:0 0 12px;min-width:0;background:#ffffff03}.tw-book{display:block!important;padding:12px 14px}.tw-toggle{display:flex}.tw-portal span{display:none}.tw-portal{width:40px;height:40px;padding:9px}.tw-language{padding-inline:5px!important}.tw-language select{max-width:82px!important}.tw-appearance{padding:0 6px!important}.tw-appearance select{max-width:65px!important}body.ap-root .ap-sidebar,body.ap-root .ap-sidebar-backdrop{top:var(--tw-nav-height)}}
@media(max-width:520px){.tw-bar{padding-inline:12px;gap:8px}.tw-brand img{width:84px;height:36px}.tw-tools{gap:5px}.tw-portal{width:34px;height:36px;border-radius:10px}.tw-language{height:36px}.tw-language>span{display:none}.tw-language select{max-width:72px!important;font-size:10px!important}.tw-toggle{width:34px;height:36px}.tw-appearance{height:36px;width:30px;overflow:hidden}.tw-appearance>span{position:absolute;pointer-events:none}.tw-appearance select{opacity:0;width:30px!important;min-width:30px}.tw-header .tw-toggle{padding:8px!important}}
@media(prefers-reduced-motion:reduce){.tw-header *{scroll-behavior:auto;transition:none!important}}
/* Shared navigation follows the existing studio palettes. */
.tw-header{background:linear-gradient(120deg,var(--tw-nav-top,#2b2d2f),var(--tw-nav-bg))}.tw-drop,.tw-header select option{background:var(--tw-nav-bg);color:var(--tw-nav-text)}
[data-collab-style=original],[data-tello-theme=original]{--tw-nav-bg:#17140f;--tw-nav-top:#312a1e;--tw-nav-accent:#e4c88c}
[data-collab-style=vaxjo],[data-tello-theme=vaxjo]{--tw-nav-bg:#eeebdf;--tw-nav-top:#fbf8ee;--tw-nav-text:#323b29;--tw-nav-muted:#69705c;--tw-nav-line:#66734b30;--tw-nav-accent:#6e6c35}
[data-collab-style=jonkoping],[data-tello-theme=jonkoping]{--tw-nav-bg:#dfe2d1;--tw-nav-top:#f0f1e6;--tw-nav-text:#30392d;--tw-nav-muted:#636f5d;--tw-nav-line:#61715038;--tw-nav-accent:#64643c}
[data-collab-style=portugal],[data-tello-theme=portugal]{--tw-nav-bg:#eee5d7;--tw-nav-top:#fcf7ec;--tw-nav-text:#493c30;--tw-nav-muted:#8a735a;--tw-nav-line:#9b7b5538;--tw-nav-accent:#986b34}
[data-collab-style=monaco],[data-tello-theme=monaco]{--tw-nav-bg:#e1edf0;--tw-nav-top:#f1f9fa;--tw-nav-text:#244e60;--tw-nav-muted:#557889;--tw-nav-line:#497a9038;--tw-nav-accent:#356c87}
[data-collab-style=vaxjo] .tw-brand img,[data-tello-theme=vaxjo] .tw-brand img,[data-collab-style=jonkoping] .tw-brand img,[data-tello-theme=jonkoping] .tw-brand img,[data-collab-style=portugal] .tw-brand img,[data-tello-theme=portugal] .tw-brand img,[data-collab-style=monaco] .tw-brand img,[data-tello-theme=monaco] .tw-brand img{filter:brightness(.22)}
@media(max-width:999px){.tw-menu{background:var(--tw-nav-bg)}}
@media(max-width:360px){.tw-bar{padding-inline:10px;gap:6px}.tw-brand img{width:64px}.tw-tools{gap:3px}.tw-portal,.tw-toggle{width:30px}.tw-language select{max-width:62px!important}.tw-appearance{width:26px}}

/* v340: gentle downward entrance for the shared Explore / Collaborate dropdowns. */
.tw-disclosure[open] > .tw-drop{transform-origin:top center;animation:tello-nav-dropdown-in-v340 300ms cubic-bezier(.2,.8,.2,1) both}
.tw-disclosure > summary::after{display:inline-block;transition:transform 300ms ease}
.tw-disclosure[open] > summary::after{transform:rotate(180deg)}
@keyframes tello-nav-dropdown-in-v340{from{opacity:0;transform:translateY(-14px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.tw-disclosure[open] > .tw-drop{animation:none}.tw-disclosure > summary::after{transition:none}}

/* v341: shared platform palettes, scoped to website navigation. */
.tw-header[data-web-style="original"]{--tw-nav-bg:#0b0a08;--tw-nav-top:#211c13;--tw-nav-text:#ece4d2;--tw-nav-muted:#9d9484;--tw-nav-accent:#d9ad6c;--tw-nav-line:#37322a;--tw-nav-hover:#ffffff0a;--tw-nav-logo-filter:none;--tw-nav-scheme:dark;}
.tw-header[data-web-style="goteborg"]{--tw-nav-bg:#0e1014;--tw-nav-top:#25282f;--tw-nav-text:#f1ecdf;--tw-nav-muted:#b0aa9d;--tw-nav-accent:#dfbb6e;--tw-nav-line:#e0ca9536;--tw-nav-hover:#ffffff0a;--tw-nav-logo-filter:none;--tw-nav-scheme:dark;}
.tw-header[data-web-style="vaxjo"]{--tw-nav-bg:#fcfaf2;--tw-nav-top:#fffdf6;--tw-nav-text:#39352b;--tw-nav-muted:#746c5a;--tw-nav-accent:#806328;--tw-nav-line:#91846530;--tw-nav-hover:#89794e12;--tw-nav-logo-filter:brightness(.22);--tw-nav-scheme:light;}
.tw-header[data-web-style="jonkoping"]{--tw-nav-bg:#f5f4eb;--tw-nav-top:#fafbf2;--tw-nav-text:#30382b;--tw-nav-muted:#666e5c;--tw-nav-accent:#566044;--tw-nav-line:#757b5c30;--tw-nav-hover:#646e4f12;--tw-nav-logo-filter:brightness(.22);--tw-nav-scheme:light;}
.tw-header[data-web-style="portugal"]{--tw-nav-bg:#fffcf7;--tw-nav-top:#fff9f0;--tw-nav-text:#342b28;--tw-nav-muted:#75635b;--tw-nav-accent:#7f2730;--tw-nav-line:#7d635530;--tw-nav-hover:#77524112;--tw-nav-logo-filter:brightness(.22);--tw-nav-scheme:light;}
.tw-header[data-web-style="monaco"]{--tw-nav-bg:#f7fcff;--tw-nav-top:#eaf4f9;--tw-nav-text:#183c52;--tw-nav-muted:#506d7d;--tw-nav-accent:#08689a;--tw-nav-line:#41708e30;--tw-nav-hover:#3a6b8912;--tw-nav-logo-filter:brightness(.22);--tw-nav-scheme:light;}
.tw-header[data-web-style]{color-scheme:var(--tw-nav-scheme);background:linear-gradient(120deg,var(--tw-nav-top),var(--tw-nav-bg));color:var(--tw-nav-text)}
.tw-header[data-web-style] .tw-brand img{filter:var(--tw-nav-logo-filter)}
.tw-header[data-web-style] .tw-drop,.tw-header[data-web-style] select option{background:var(--tw-nav-bg);color:var(--tw-nav-text)}
.tw-header[data-web-style] .tw-drop a:hover{background:var(--tw-nav-hover)}
.tw-header[data-web-style] .tw-portal,.tw-header[data-web-style] .tw-language,.tw-header[data-web-style] .tw-appearance,.tw-header[data-web-style] .tw-toggle{background:var(--tw-nav-hover)}
.tw-header[data-web-style] .tw-appearance>span{color:var(--tw-nav-accent)}
.tw-header[data-web-style] .tw-appearance select{max-width:86px!important;cursor:pointer}
@media(max-width:520px){.tw-header[data-web-style] .tw-appearance{width:34px;flex-shrink:0}.tw-header[data-web-style] .tw-appearance select{width:34px!important;min-width:34px;cursor:pointer}}
@media(max-width:360px){.tw-header[data-web-style] .tw-appearance{width:30px}.tw-header[data-web-style] .tw-appearance select{width:30px!important;min-width:30px}}