:root{color-scheme:dark;--bg:#07111b;--bg-elevated:#0d1b29;--panel:#101f2e;--panel-strong:#142638;--text:#f2f7fb;--muted:#a3b4c0;--article-copy:#d4e1eb;--line:rgba(164,196,218,.17);--cyan:#72ddff;--blue:#4d9dff;--lime:#bdff6b;--accent:#72ddff;--accent-2:#9d83ff;--header:rgba(7,17,27,.88);--soft:#0c1a28;--shadow:0 24px 70px rgba(0,0,0,.35);--sans:'DM Sans','Noto Sans Khmer','Noto Sans SC',sans-serif;--display:Manrope,'Noto Sans Khmer','Noto Sans SC',sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f2f6fa;--bg-elevated:#fff;--panel:#fff;--panel-strong:#edf4f8;--text:#10202c;--muted:#536773;--article-copy:#344c5d;--line:rgba(27,70,99,.17);--cyan:#087eae;--blue:#226bdb;--lime:#4d771c;--accent:#126fbd;--accent-2:#7054da;--header:rgba(242,246,250,.9);--soft:#e8f0f5;--shadow:0 20px 60px rgba(15,45,70,.14)}
html{scroll-padding-top:88px;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:var(--sans);transition:background-color .3s ease,color .3s ease}
::selection{background:var(--accent);color:#03101a}
a{color:inherit}
button{color:inherit}
.section-wrap{width:min(1200px,calc(100% - 56px))}
.skip-link{background:var(--text);color:var(--bg);border-radius:7px}
.scroll-progress{height:2px;position:fixed;z-index:30;top:0;left:0;right:0;background:transparent;pointer-events:none}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--lime));box-shadow:0 0 12px var(--cyan)}
.site-header{height:78px;padding:0 max(28px,calc((100% - 1200px)/2));background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:background .3s,border-color .3s}
.brand{font-size:17px;color:var(--text)}
.brand-mark{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111a;border-radius:9px;width:34px;height:34px;font-size:11px}
.brand-dot{color:var(--cyan)}
.main-nav{gap:22px;font-size:12px}
.main-nav>a:not(.nav-cta){color:var(--muted);transition:color .2s}
.main-nav>a:hover,.main-nav>a.is-current{color:var(--cyan)}
.nav-cta{border:1px solid rgba(114,221,255,.65);color:var(--cyan);padding:9px 15px;border-radius:7px}
.nav-cta:hover{background:var(--cyan);color:#05131d}
.language-switch{border-color:var(--line);gap:3px}
.language-switch a{color:var(--muted);border-radius:5px}
.language-switch a:hover{color:var(--text);background:var(--panel-strong)}
.language-switch a[aria-current=page]{background:rgba(114,221,255,.16);color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:9px;margin-left:18px}
.theme-toggle{height:36px;min-width:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}
.theme-toggle:hover{border-color:var(--cyan)}
.theme-icon{font-size:16px;color:var(--cyan)}
.theme-label{font-size:10px;display:none}
.menu-button{display:none}
.mobile-menu{display:none}
.hero{min-height:690px;padding-top:94px;padding-bottom:82px;grid-template-columns:1.08fr .92fr;gap:58px;position:relative}
.hero-copy{position:relative;z-index:2}
.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.16em;margin-bottom:18px}
.pulse{background:var(--lime);box-shadow:0 0 0 5px rgba(189,255,107,.13),0 0 18px rgba(189,255,107,.65)}
.hero-role{color:var(--cyan);font:600 12px/1.5 var(--display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
.hero h1{font-size:clamp(60px,8.1vw,100px);font-weight:700;letter-spacing:-.085em;line-height:.94;margin:0 0 18px;color:var(--text)}
.name-mark{color:var(--cyan);text-shadow:0 0 34px rgba(114,221,255,.4)}
.hero h2{max-width:660px;font-family:var(--display);font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.045em;font-weight:600;margin:0 0 17px}
.hero-intro{max-width:570px;font-size:16px;line-height:1.75;color:var(--muted)}
.hero-actions{gap:15px;margin-top:26px}
.button{border-radius:7px;padding:13px 18px;transition:transform .22s,box-shadow .22s,background .22s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(105deg,var(--blue),var(--cyan));color:#04121c;box-shadow:0 10px 26px rgba(48,155,220,.17)}
.button-primary:hover{box-shadow:0 14px 36px rgba(48,155,220,.32)}
.button-dark{background:var(--text);color:var(--bg)}
.text-link{color:var(--text);border-color:var(--line)}
.text-link:hover{color:var(--cyan);border-color:var(--cyan)}
.hero-location{margin-top:23px;color:var(--muted);font-size:11px}
.terminal-card{max-width:475px;margin-top:24px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,var(--panel),rgba(15,35,52,.72));box-shadow:var(--shadow);overflow:hidden}
.terminal-head{height:36px;display:flex;align-items:center;gap:12px;padding:0 13px;border-bottom:1px solid var(--line);color:var(--muted);font:600 9px/1 var(--display);letter-spacing:.12em}
.terminal-lights{display:flex;gap:4px}.terminal-lights i{width:6px;height:6px;border-radius:50%;background:#ff667c}.terminal-lights i:nth-child(2){background:#ffcc68}.terminal-lights i:nth-child(3){background:var(--lime)}
.live-dot{margin-left:auto;color:var(--lime);font-size:9px;text-shadow:0 0 9px var(--lime)}
.terminal-body{padding:10px 14px 12px;font:500 10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.terminal-body p{margin:0;white-space:normal}.terminal-body p span{color:var(--cyan);margin-right:6px}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.hero-grid{position:absolute;inset:4% -4% 1%;opacity:.34;background-image:linear-gradient(rgba(114,221,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(114,221,255,.11) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.hero-visual:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(51,142,255,.24),rgba(109,72,230,.08) 48%,transparent 70%);filter:blur(14px)}
.photo-frame{width:min(430px,84%);height:505px;position:relative;z-index:1;overflow:hidden;border:1px solid rgba(114,221,255,.42);border-radius:9px;background:var(--panel);box-shadow:0 25px 90px rgba(0,0,0,.42),0 0 34px rgba(39,164,229,.14)}
.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,17,.08) 38%,rgba(2,10,17,.86) 100%),linear-gradient(90deg,rgba(15,136,200,.12),transparent 52%);pointer-events:none}
.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:36% 42%;filter:saturate(.86) contrast(1.05);display:block}
.photo-tag{position:absolute;top:15px;left:15px;z-index:2;padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(5,15,24,.55);backdrop-filter:blur(10px);color:#ecf9ff;font:600 8px/1.2 ui-monospace,monospace;letter-spacing:.1em}
.tag-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px;box-shadow:0 0 9px var(--lime)}
.photo-caption{position:absolute;z-index:2;bottom:18px;left:18px;right:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.34);color:#eff9ff;font-size:11px;letter-spacing:.04em}
.orbit-ring{position:absolute;z-index:0;border:1px solid rgba(114,221,255,.25);border-radius:50%;width:440px;height:440px;animation:orbit 32s linear infinite}
.ring-a:before,.ring-b:after{content:"";position:absolute;width:7px;height:7px;right:20%;top:8%;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.ring-b{width:500px;height:340px;transform:rotate(-38deg);border-color:rgba(157,131,255,.24);animation-direction:reverse}
.ring-b:after{right:auto;left:19%;top:auto;bottom:8%;background:var(--accent-2);box-shadow:0 0 18px var(--accent-2)}
.floating-chip{position:absolute;z-index:3;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--panel) 84%,transparent);backdrop-filter:blur(12px);font-size:10px;color:var(--text);box-shadow:var(--shadow)}
.floating-chip span{font:700 10px ui-monospace,monospace;color:var(--cyan);margin-right:5px}
.chip-one{right:-3px;top:16%}.chip-two{left:-8px;bottom:14%}
.proof-band{background:linear-gradient(105deg,#0b2030,#102638 55%,#0c1b28);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}
:root[data-theme=light] .proof-band{background:linear-gradient(105deg,#e3f0f7,#edf4f8 55%,#e3edf5)}
.proof-inner{grid-template-columns:.7fr 1fr 1fr;gap:34px}
.proof-inner>p{font-family:var(--display);font-size:13px;font-style:normal;font-weight:600;color:var(--text);letter-spacing:.01em}
.proof-metric{border-color:var(--line);padding-left:23px}
.proof-metric strong{color:var(--cyan);font-size:31px}
.proof-metric span{color:var(--muted);font-size:10px}
.section-block{padding-top:105px;padding-bottom:105px}
.section-tint{max-width:none;background:var(--bg-elevated);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(28px,calc((100% - 1200px)/2));padding-right:max(28px,calc((100% - 1200px)/2))}
.section-heading{grid-template-columns:1fr .72fr;gap:48px;margin-bottom:38px}
.section-heading h2,.about-copy h2{font-size:clamp(34px,4.2vw,53px);color:var(--text)}
.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8}
.work-grid{border:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}
.work-card{min-height:190px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,var(--panel),var(--bg-elevated));padding:23px 24px;grid-template-columns:36px 1fr;overflow:hidden}
.work-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--accent-2));opacity:.8}
.work-card:hover{background:var(--panel-strong);border-color:rgba(114,221,255,.38);transform:translateY(-3px)}
.work-num{color:var(--cyan);font:600 11px ui-monospace,monospace}
.work-card .eyebrow{color:var(--cyan);margin:0 0 10px}
.work-card h3,.timeline-card h3,.skill-card h3,.edu-card h3{color:var(--text)}
.work-card p:not(.eyebrow),.timeline-card>p:last-child,.skill-card p,.edu-card p{color:var(--muted)}
.card-arrow{color:var(--cyan)}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:-5px 0 20px}
.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 13px;font-size:11px;cursor:pointer;transition:all .2s}
.filter-chip:hover,.filter-chip.is-active{color:var(--bg);border-color:var(--cyan);background:var(--cyan)}
.filter-empty{color:var(--muted);font-size:13px}
.timeline{column-gap:45px}
.timeline-card{border-top-color:var(--line);padding:22px 0}
.timeline-top h3{color:var(--text)}
.date{color:var(--muted)}
.timeline-card .role{color:var(--cyan)}
.skills-grid{gap:12px}
.skill-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:19px}
.skill-card:hover{border-color:rgba(114,221,255,.38);transform:translateY(-2px)}
.skill-mark{background:rgba(114,221,255,.12);color:var(--cyan);border:1px solid rgba(114,221,255,.22)}
.about-section{padding-top:105px;padding-bottom:105px;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}
.about-portrait{height:400px;max-width:350px;position:relative;overflow:hidden;border:1px solid rgba(114,221,255,.32);border-radius:9px;box-shadow:var(--shadow)}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.83) contrast(1.02)}
.about-portrait:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,13,21,.75))}
.portrait-scan{position:absolute;z-index:2;left:0;right:0;top:15%;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);opacity:.65;animation:scan 6s ease-in-out infinite}
.portrait-mark{position:absolute;z-index:3;bottom:16px;left:17px;color:#eff9ff;font:600 9px ui-monospace,monospace;letter-spacing:.12em}
.about-copy h2{margin-bottom:18px}
.about-copy>p:not(.eyebrow){max-width:700px;font-size:14px;line-height:1.9;color:var(--muted)}
.education-block{margin-top:34px}
.education-block>h3{color:var(--text)}
.edu-dot{border-color:var(--cyan)}
.photos-section{padding-top:96px;padding-bottom:104px}
.photo-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:13px}
.gallery-card{position:relative;display:block;padding:0;min-width:0;aspect-ratio:1.12;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);cursor:zoom-in;text-align:left}
.gallery-wide{aspect-ratio:1.55}
.gallery-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.25,1),filter .4s}
.gallery-card:hover img{transform:scale(1.045);filter:saturate(1.1)}
.gallery-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,10,17,.88))}
.gallery-caption{position:absolute;z-index:1;left:15px;right:15px;bottom:13px;color:#f2f8fb;font-size:10px;line-height:1.5;display:flex;align-items:end;justify-content:space-between;gap:10px}
.gallery-caption b{font-size:17px;color:var(--cyan)}
.insight-card{max-width:950px;background:var(--panel);border-color:var(--line);border-radius:9px}
.insight-card:hover{border-color:rgba(114,221,255,.4);box-shadow:var(--shadow)}
.insight-art{background:radial-gradient(circle at 50% 50%,#1a5271,#091521 70%);color:var(--cyan);min-height:260px}
.insight-art:before,.insight-art:after{border-color:rgba(114,221,255,.24)}
.insight-art-label{position:absolute!important;bottom:20px;right:21px;font:600 8px ui-monospace,monospace!important;letter-spacing:.15em!important;color:var(--muted)!important}
.insight-content h3{color:var(--text)}
.insight-content>p:not(.eyebrow){color:var(--muted)}
.contact-section{position:relative;overflow:hidden;padding:94px 0;background:radial-gradient(ellipse at 83% 30%,rgba(47,125,194,.27),transparent 40%),linear-gradient(120deg,#0b1b29,#0b2435 60%,#12192e);border-top:1px solid var(--line)}
:root[data-theme=light] .contact-section{background:radial-gradient(ellipse at 83% 30%,rgba(70,151,207,.17),transparent 43%),linear-gradient(120deg,#dcecf5,#e9f3f8 60%,#e8e9f6)}
.contact-inner{position:relative;z-index:1}
.contact-orbit{position:absolute;right:4%;top:-105px;width:380px;height:380px;border:1px solid rgba(114,221,255,.2);border-radius:50%;pointer-events:none}
.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;inset:30px;border:1px solid rgba(114,221,255,.14);border-radius:50%}
.contact-orbit:after{inset:72px;border-color:rgba(157,131,255,.2)}
.contact-inner h2{max-width:760px;color:var(--text);font-size:clamp(38px,5vw,64px)}
.contact-inner>p:not(.eyebrow){color:var(--muted);max-width:590px;font-size:14px}
.contact-email{color:var(--cyan);border-color:rgba(114,221,255,.45)}
.contact-email:hover{color:var(--text);border-color:var(--text)}
.contact-meta{color:var(--muted)}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:25px 0}
.footer-inner p,.footer-inner>span{color:var(--muted)}
.article-page{padding-bottom:100px}
.article-header{max-width:900px;padding:52px 24px 0}
.back-link{color:var(--cyan);margin-bottom:36px}
.article-header h1{color:var(--text);font-size:clamp(40px,6vw,72px)}
.article-lead{color:var(--muted)}
.article-meta{color:var(--muted)}
.article-hero-image{height:min(48vw,420px);min-height:230px;position:relative;overflow:hidden;margin-top:32px;border:1px solid var(--line);border-radius:9px}
.article-hero-image img{width:100%;height:100%;object-fit:cover;object-position:36% 38%;filter:brightness(.78) saturate(.8)}
.article-hero-image span{position:absolute;left:17px;bottom:15px;color:#effaff;font:600 9px ui-monospace,monospace;letter-spacing:.14em}
.article-body{max-width:760px;margin-top:55px}
.article-section{margin-bottom:44px}
.article-index{color:var(--cyan);font:600 9px ui-monospace,monospace;letter-spacing:.12em}
.article-section h2{font-size:26px;color:var(--text)}
.article-section p{color:var(--muted);font-size:15px}
.article-callout{background:var(--panel);border:1px solid var(--line);border-radius:9px}
.article-callout strong{color:var(--text)}
.article-callout p{color:var(--muted)}
.back-top{position:fixed;right:22px;bottom:22px;z-index:8;opacity:0;pointer-events:none;transform:translateY(8px);width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--cyan);font-size:20px;cursor:pointer;transition:opacity .2s,transform .2s,border-color .2s}
.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.back-top:hover{border-color:var(--cyan)}
.photo-dialog{width:min(960px,calc(100% - 32px));max-width:none;max-height:90vh;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow)}
.photo-dialog::backdrop{background:rgba(0,6,12,.82);backdrop-filter:blur(6px)}
.photo-dialog img{display:block;width:100%;max-height:75vh;object-fit:contain;border-radius:6px}
.photo-dialog p{margin:10px 8px 3px;color:var(--muted);font-size:12px}
.dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(3,9,15,.74);color:#fff;font-size:25px;line-height:1;cursor:pointer}
body.motion-ready [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
body.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@keyframes orbit{to{rotate:360deg}}
@keyframes scan{0%,100%{top:14%;opacity:.2}50%{top:74%;opacity:.85}}
@media(max-width:940px){.section-wrap{width:min(100% - 44px,1200px)}.site-header{padding:0 22px}.main-nav{gap:13px}.main-nav>a{font-size:11px}.hero{gap:25px;min-height:640px}.hero-visual{min-height:470px}.photo-frame{height:445px}.orbit-ring{width:380px;height:380px}.ring-b{width:430px;height:290px}.chip-one{right:-8px}.chip-two{left:-8px}.proof-inner{grid-template-columns:1fr 1fr;gap:12px}.proof-inner>p{grid-column:1/-1;margin:0}.proof-metric:first-of-type{padding-left:0;border-left:0}.about-section{gap:45px}.photo-gallery{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:1/-1;aspect-ratio:1.9}.gallery-card{aspect-ratio:1.1}}
@media(max-width:700px){html{scroll-padding-top:74px}.section-wrap{width:calc(100% - 38px)}.site-header{height:68px;padding:0 19px}.brand{font-size:15px}.brand-mark{width:31px;height:31px}.header-actions{margin-left:auto;gap:7px}.theme-toggle{width:36px;min-width:36px;height:36px;padding:0}.theme-label{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:8px;cursor:pointer}.menu-button span{width:18px;height:1.5px;background:var(--text);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.main-nav{display:none}.mobile-menu:not([hidden]){position:absolute;display:flex;top:67px;left:0;right:0;padding:18px 20px 22px;background:var(--bg-elevated);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:12px;font-size:14px}.mobile-menu>a{padding:5px 0;color:var(--text)}.mobile-menu .language-switch{border:0;padding:8px 0}.mobile-menu .language-switch a{padding:8px 11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:56px;padding-bottom:55px;min-height:auto}.hero-role{font-size:10px}.hero h1{font-size:clamp(58px,15vw,78px)}.hero h2{font-size:clamp(25px,7vw,34px)}.hero-intro{font-size:14px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-location{margin-top:20px}.terminal-card{margin-top:20px}.terminal-body{font-size:9px}.hero-visual{min-height:410px;margin:0 auto;width:100%;max-width:480px}.photo-frame{width:min(330px,78%);height:400px}.photo-frame img{object-position:36% 40%}.orbit-ring{width:350px;height:350px}.ring-b{width:400px;height:265px}.chip-one{right:0;top:14%}.chip-two{left:0;bottom:12%}.proof-band{padding:22px 0}.proof-inner{display:flex;flex-direction:column;align-items:stretch;gap:13px}.proof-inner>p{margin:0 0 3px}.proof-metric,.proof-metric:first-of-type{border-left:1px solid var(--line);padding-left:15px}.proof-metric strong{font-size:26px}.proof-metric span{font-size:9px}.section-block{padding-top:70px;padding-bottom:70px}.section-tint{padding-left:19px;padding-right:19px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.about-copy h2{font-size:clamp(34px,10vw,44px)}.section-heading>p{margin-top:13px;font-size:12px}.filter-row{gap:6px;margin-bottom:14px}.filter-chip{font-size:10px;padding:7px 10px}.work-grid{grid-template-columns:1fr;gap:9px}.work-card{min-height:160px;padding:20px 18px;grid-template-columns:30px 1fr}.work-card h3{font-size:16px}.work-card p:not(.eyebrow){font-size:12px}.timeline{grid-template-columns:1fr}.timeline-card{padding:18px 0}.timeline-top{align-items:flex-start;flex-direction:column;gap:2px}.date{white-space:normal}.skills-grid{grid-template-columns:1fr;gap:9px}.skill-card{padding:16px}.about-section{padding-top:70px;padding-bottom:70px;display:flex;flex-direction:column;gap:30px}.about-portrait{width:min(290px,82%);height:340px;align-self:center}.about-copy>p:not(.eyebrow){font-size:13px}.education-list{grid-template-columns:1fr;gap:13px}.photos-section{padding-top:70px;padding-bottom:70px}.photo-gallery{grid-template-columns:1fr 1fr;gap:8px}.gallery-wide{grid-column:1/-1;aspect-ratio:1.42}.gallery-card{aspect-ratio:.82}.gallery-caption{font-size:9px;left:10px;right:10px;bottom:10px}.insight-card{grid-template-columns:1fr}.insight-art{min-height:165px}.insight-content{padding:23px}.insight-content h3{font-size:22px}.contact-section{padding:68px 0}.contact-inner h2{font-size:clamp(37px,11vw,48px)}.contact-inner>p:not(.eyebrow){font-size:13px}.contact-email{font-size:clamp(17px,5.5vw,23px)}.contact-meta{flex-direction:column;gap:7px}.contact-orbit{right:-160px;top:-95px;width:300px;height:300px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.article-header{padding:32px 19px 0}.back-link{margin-bottom:28px}.article-header h1{font-size:clamp(38px,11vw,49px)}.article-lead{font-size:15px}.article-hero-image{height:235px;margin-top:25px}.article-body{margin-top:40px;padding:0 20px}.article-section h2{font-size:22px}.article-section p{font-size:14px}.article-callout{padding:21px}.back-top{right:14px;bottom:14px;width:39px;height:39px}.photo-dialog{padding:7px}}
@media(max-width:390px){.hero-visual{min-height:365px}.photo-frame{height:350px;width:76%}.orbit-ring{width:300px;height:300px}.ring-b{width:340px;height:230px}.floating-chip{font-size:9px;padding:8px}.chip-two{left:-3px}.gallery-card{aspect-ratio:.72}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body.motion-ready [data-reveal]{opacity:1;transform:none}}

/* Personal animated companion and balanced six-photo grid. */
.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-wide{aspect-ratio:1.12}
.robot-widget{position:absolute;z-index:5;left:-34px;bottom:5%;width:132px;aspect-ratio:1;display:grid;place-items:center;pointer-events:none;animation:robot-float 5.4s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.robot-widget:before{content:"";position:absolute;inset:13%;border:1px solid rgba(114,221,255,.24);border-radius:50%;box-shadow:0 0 24px rgba(114,221,255,.1),inset 0 0 24px rgba(114,221,255,.08);animation:robot-halo 4s ease-in-out infinite}
.robot-svg{position:relative;width:100%;height:100%;overflow:visible}
.bot-shadow{fill:rgba(0,0,0,.35);filter:blur(3px)}
.bot-antenna,.bot-neck,.bot-shoulder{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round}
.bot-antenna-light{fill:var(--lime);filter:drop-shadow(0 0 6px var(--lime));animation:robot-signal 2.3s ease-in-out infinite}
.bot-ear,.bot-head,.bot-body{fill:var(--panel-strong);stroke:var(--cyan);stroke-width:2}
.bot-screen{fill:#07111b;stroke:rgba(114,221,255,.4);stroke-width:1}
:root[data-theme=light] .bot-screen{fill:#17354a}
.bot-eye{fill:#b7f5ff;filter:drop-shadow(0 0 4px var(--cyan));transform:translate(var(--robot-eye-x,0px),var(--robot-eye-y,0px));transition:transform .18s ease-out}
.bot-mouth{fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round}
.bot-core{fill:var(--accent-2);filter:drop-shadow(0 0 6px var(--accent-2))}
.robot-status{position:absolute;right:-97px;bottom:14px;white-space:nowrap;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(10px);color:var(--text);font:600 7px/1.2 ui-monospace,monospace;letter-spacing:.1em;box-shadow:var(--shadow)}
.robot-status i{display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
@keyframes robot-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes robot-halo{0%,100%{opacity:.42;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes robot-signal{0%,100%{opacity:.65;transform:scale(.86)}50%{opacity:1;transform:scale(1.16)}}
@media(max-width:940px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-wide{grid-column:span 1;aspect-ratio:1.1}.robot-widget{left:-9px;bottom:4%;width:114px}}
@media(max-width:700px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-wide{grid-column:span 1;aspect-ratio:.82}.gallery-card{aspect-ratio:.82}.robot-widget{left:7px;bottom:0;width:98px}.robot-status{right:-84px;bottom:8px;font-size:6px;padding:6px 7px}}
@media(max-width:390px){.robot-widget{left:2px;width:88px}.robot-status{right:-80px}}
@media(prefers-reduced-motion:reduce){.robot-widget,.robot-widget:before,.bot-antenna-light{animation:none!important}.bot-eye{transition:none}}

/* Connected-node identity mark, flowing wireframe hero, résumé, video and contact links. */
.brand-mark{display:grid;place-items:center;flex:none}
.brand-mark svg{width:100%;height:100%;padding:7px;overflow:visible}
.brand-mark svg path{fill:none;stroke:#07111b;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.brand-mark svg circle{fill:var(--lime)}
.brand-mark svg circle:nth-of-type(2),.brand-mark svg circle:nth-of-type(4){fill:#07111b}
.brand-mark svg circle:nth-of-type(3){fill:#fff}
.hero{isolation:isolate;overflow:clip}
.hero-bg-motion{position:absolute;z-index:0;inset:-5% -10% -7%;overflow:hidden;pointer-events:none;opacity:.86;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 44%,rgba(0,0,0,.52) 78%,transparent 100%)}
.hero-mesh-svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.mesh-line,.mesh-ribbon{fill:none;stroke:var(--cyan);stroke-width:.75;stroke-dasharray:2 7;opacity:.24;vector-effect:non-scaling-stroke;animation:mesh-flow 17s linear infinite}
.mesh-v{opacity:.17;stroke-dasharray:1 8;animation-duration:23s;animation-direction:reverse}
.mesh-ribbon{stroke-width:1.35;stroke-dasharray:2 10;opacity:.45;filter:drop-shadow(0 0 5px var(--cyan));animation:mesh-flow 12s linear infinite}
.mesh-ribbon-two{stroke:var(--lime);stroke-width:.8;opacity:.22;animation-duration:19s;animation-direction:reverse}
.mesh-glow{position:absolute;width:34vw;max-width:450px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(28,198,214,.16),transparent 70%);filter:blur(24px);animation:mesh-glow 9s ease-in-out infinite alternate}
.mesh-glow-one{left:-12%;bottom:-12%}.mesh-glow-two{right:5%;top:-22%;animation-delay:-4s}
.hero-copy{z-index:2}.hero-visual{z-index:1}
@keyframes mesh-flow{to{stroke-dashoffset:-140}}
@keyframes mesh-glow{from{transform:translate3d(-10px,0,0) scale(.9);opacity:.5}to{transform:translate3d(26px,18px,0) scale(1.14);opacity:1}}
.button-secondary{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.button-secondary:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 10px 28px rgba(25,150,195,.15)}
.cv-action{gap:12px}
.cv-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 34px;padding:18px 20px;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:8px;background:linear-gradient(110deg,var(--panel),color-mix(in srgb,var(--panel) 62%,transparent));box-shadow:var(--shadow)}
.cv-card>div>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.cv-card>div>.eyebrow{margin-bottom:7px;color:var(--cyan)}
.cv-card .button{flex:none;white-space:nowrap;font-size:12px}
.video-profile-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:28px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 72%,var(--bg)));box-shadow:var(--shadow);overflow:hidden;position:relative}
.video-profile-card:before{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-145px;border:1px solid color-mix(in srgb,var(--cyan) 34%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--cyan) 5%,transparent),0 0 0 48px color-mix(in srgb,var(--cyan) 3%,transparent);pointer-events:none}
.video-shell{min-width:0;position:relative;z-index:1;border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));border-radius:8px;overflow:hidden;background:#040b11;box-shadow:0 18px 52px rgba(0,0,0,.3)}
.video-topline,.video-bottomline{height:36px;display:flex;align-items:center;gap:11px;padding:0 13px;background:rgba(5,14,22,.94);color:#b7c9d5;font:600 9px/1 ui-monospace,monospace;letter-spacing:.12em}
.video-topline{border-bottom:1px solid rgba(160,196,218,.17)}
.video-bottomline{justify-content:space-between;border-top:1px solid rgba(160,196,218,.17);font-size:8px;color:#85a1b2}
.video-lights{display:flex;gap:4px}.video-lights i{width:6px;height:6px;border-radius:50%;background:#ff667c}.video-lights i:nth-child(2){background:#ffcc68}.video-lights i:nth-child(3){background:var(--lime)}
.video-live{margin-left:auto;color:var(--lime);font-size:9px;text-shadow:0 0 8px var(--lime)}
.video-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#02070b}
.video-side-note{position:relative;z-index:1;padding:12px 13px 12px 4px}
.video-index{color:var(--cyan);font:600 9px/1.4 ui-monospace,monospace;letter-spacing:.16em}
.video-side-note h3{font:600 clamp(22px,2.4vw,30px)/1.2 var(--display);letter-spacing:-.04em;margin:17px 0 12px}
.video-side-note p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.7}
.video-accent{display:block;width:54px;height:2px;margin-top:24px;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 55%,transparent)}
.social-block{margin-top:32px}
.social-block>.eyebrow{margin-bottom:12px}
.social-links{display:flex;flex-wrap:wrap;gap:9px}
.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--text);font-size:12px;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,background .2s}
.social-links a:hover{transform:translateY(-2px);border-color:var(--cyan);color:var(--cyan);background:var(--panel)}
.social-links a span{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:rgba(114,221,255,.13);color:var(--cyan);font:700 10px/1 ui-sans-serif,sans-serif}
.social-links a .social-icon{display:grid;flex:0 0 22px;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--cyan) 26%,transparent);border-radius:6px;background:color-mix(in srgb,var(--cyan) 10%,transparent);color:var(--cyan)}
.social-links a .social-icon svg{display:block;width:13px;height:13px;fill:currentColor}
.social-links a .social-icon.social-letter{font:800 12px/1 Georgia,serif}
.social-links a:hover .social-icon{background:color-mix(in srgb,var(--cyan) 18%,transparent);border-color:color-mix(in srgb,var(--cyan) 45%,transparent)}
.robot-widget{width:94px;left:-20px;bottom:5%}
.robot-status{right:-88px}
@media(max-width:940px){.hero-bg-motion{inset:0 -14% -3%;opacity:.72}.video-profile-card{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);gap:17px}.video-side-note{padding-right:4px}.robot-widget{width:84px;left:-4px}.robot-status{right:-84px}}
@media(max-width:700px){.hero-bg-motion{inset:-10px -24px 0;opacity:.5;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.62) 68%,transparent 100%)}.cv-card{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.video-section{padding-top:62px;padding-bottom:62px}.video-profile-card{grid-template-columns:1fr;gap:14px;padding:11px}.video-side-note{padding:14px 8px 17px}.video-side-note h3{margin-top:11px}.video-side-note p{font-size:12px}.video-topline,.video-bottomline{height:31px;padding:0 9px;font-size:8px}.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-links a{justify-content:flex-start}.robot-widget{width:82px;left:6px;bottom:0}.robot-status{right:-83px;bottom:7px;font-size:6px}}
@media(max-width:390px){.hero-bg-motion{opacity:.38}.video-profile-card{padding:8px}.social-links{gap:7px}.social-links a{padding:8px;font-size:11px}.robot-widget{width:74px;left:0}.robot-status{right:-78px}}
@media(prefers-reduced-motion:reduce){.mesh-line,.mesh-ribbon,.mesh-glow{animation:none!important}.mesh-ribbon{stroke-dashoffset:0}.hero-bg-motion{opacity:.42}}
.hero-bg-motion{opacity:1}
.mesh-line{stroke-width:.85;stroke-dasharray:5 9;opacity:.4;animation:mesh-flow 17s linear infinite,mesh-wave 12s ease-in-out infinite alternate}
.mesh-v{opacity:.25;stroke-dasharray:4 11;animation-duration:23s,16s;animation-direction:reverse,alternate-reverse}
.mesh-ribbon{stroke-width:1.6;stroke-dasharray:7 11;opacity:.75;animation:mesh-flow 12s linear infinite,mesh-wave 10s ease-in-out infinite alternate}
.mesh-ribbon-two{stroke-width:1.1;opacity:.42;animation-duration:19s,14s;animation-direction:reverse,alternate-reverse}
@keyframes mesh-wave{from{transform:translate3d(-4px,-3px,0) scale(1)}to{transform:translate3d(7px,5px,0) scale(1.012)}}
@media(max-width:700px){.hero-bg-motion{opacity:.72}.mesh-line{opacity:.32}.mesh-v{opacity:.18}.mesh-ribbon{opacity:.54}}
@media(prefers-reduced-motion:reduce){.mesh-line,.mesh-ribbon,.mesh-glow,.mesh-horizontal,.mesh-vertical{animation:none!important}.mesh-ribbon{stroke-dashoffset:0}.hero-bg-motion{opacity:.42}}

/* Event gallery updates, AI field guide, and responsive interaction motion. */
.main-nav{gap:clamp(10px,1.55vw,22px)}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.insight-grid .insight-card{width:100%;max-width:none;grid-template-columns:.72fr 1.28fr}
.insight-card-ai .insight-art{background:radial-gradient(circle at 50% 48%,#174b66,#091521 72%)}
.insight-art .model-glyph{font-size:clamp(32px,4vw,52px);letter-spacing:-.08em}
.updates-section{padding-top:88px;padding-bottom:92px}
.update-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.update-card{aspect-ratio:1.3;border-color:color-mix(in srgb,var(--cyan) 22%,var(--line));box-shadow:0 10px 28px rgba(0,0,0,.1);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.update-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 18px 38px rgba(36,164,210,.17)}
.update-card img{object-fit:cover}
.update-card:nth-child(1) img{object-position:50% 55%}
.update-card:nth-child(2) img{object-position:50% 60%}
.update-card:nth-child(3) img{object-position:50% 56%}
.update-card:nth-child(4) img{object-position:50% 52%}
.update-card:nth-child(5) img{object-position:50% 56%}
.update-card .gallery-caption{left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 10px;font-size:12px;font-weight:650;line-height:1.35}
.update-card .gallery-caption span{max-width:100%}
.update-card .gallery-caption b{grid-column:2;grid-row:1;font-size:18px}
.update-card .gallery-caption small{grid-column:1;grid-row:2;color:#b9d4e4;font:500 9px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.photo-dialog{overflow-y:auto;transform:translateY(14px) scale(.98);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .24s,overlay .28s allow-discrete,display .28s allow-discrete}
.photo-dialog[open]{transform:none;opacity:1}
.photo-dialog::backdrop{opacity:0;transition:opacity .25s}
.photo-dialog[open]::backdrop{opacity:1}
.photo-dialog .lightbox-caption{font-weight:700;font-size:15px;color:var(--text);margin:14px 10px 2px}
.photo-dialog .lightbox-date{font:600 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:2px 10px 9px}
.photo-dialog .lightbox-story{white-space:pre-line;line-height:1.75;color:var(--muted);font-size:13px;margin:8px 10px 10px}
.photo-dialog p[hidden]{display:none}
.ai-model-banner{position:relative;height:260px;margin-top:34px;border:1px solid rgba(114,221,255,.36);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 50%,rgba(24,112,148,.34),transparent 50%),linear-gradient(140deg,#07121e,#081b29 60%,#121628);color:var(--cyan);isolation:isolate}
.ai-model-banner:before,.ai-model-banner:after{content:"";position:absolute;border:1px solid rgba(114,221,255,.22);border-radius:50%;width:230px;height:230px;animation:ai-orbit 22s linear infinite}
.ai-model-banner:after{width:340px;height:180px;transform:rotate(-28deg);border-color:rgba(183,255,107,.2);animation-direction:reverse}
.ai-orbit{position:absolute;border:1px solid rgba(114,221,255,.13);border-radius:50%;width:440px;height:280px;transform:rotate(22deg);pointer-events:none}
.ai-orbit-two{width:600px;height:360px;transform:rotate(-18deg);border-color:rgba(114,221,255,.09)}
.ai-model-banner strong{z-index:1;text-align:center;font:750 clamp(38px,7vw,66px)/.9 var(--display);letter-spacing:-.07em;color:#edfbff;text-shadow:0 0 30px rgba(114,221,255,.28)}
.ai-banner-code,.ai-model-banner small{z-index:1;font:600 9px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:#85adc2}
.ai-banner-code{position:absolute;top:21px}.ai-model-banner small{position:absolute;bottom:18px;color:var(--lime)}
@keyframes ai-orbit{to{rotate:360deg}}
.source-inline{margin-top:16px!important}
.source-inline a,.official-sources a{color:var(--cyan);font-size:12px;font-weight:650}
.source-inline a:hover,.official-sources a:hover{text-decoration:underline;text-underline-offset:4px}
.official-sources{margin-top:55px;padding:23px 25px;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:8px;background:var(--panel)}
.official-sources .eyebrow{color:var(--cyan);margin-bottom:8px}
.official-sources h2{margin:0 0 15px;color:var(--text);font:650 21px/1.3 var(--display);letter-spacing:-.03em}
.official-sources ul{margin:0;padding-left:18px;color:var(--muted)}
.official-sources li{margin:7px 0}
.official-sources .source-date{margin:16px 0 0;font:600 9px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.source-date{white-space:normal}
.button,.nav-cta,.filter-chip,.gallery-card,.social-links a,.back-top,.theme-toggle,.menu-button,.text-link{position:relative;isolation:isolate}
.button,.nav-cta,.filter-chip,.gallery-card,.social-links a,.theme-toggle,.menu-button{overflow:hidden}
.ui-ripple{position:absolute;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(114,221,255,.32),rgba(114,221,255,.08) 48%,transparent 70%);transform:scale(0);animation:ui-ripple .62s ease-out forwards}
@keyframes ui-ripple{55%{opacity:.9}to{transform:scale(2.7);opacity:0}}
.button:active,.nav-cta:active,.filter-chip:active,.social-links a:active,.theme-toggle:active,.menu-button:active,.back-top:active{transform:scale(.96)}
.gallery-card:active{transform:scale(.985)}
.text-link:active{color:var(--cyan)}
:where(a,button,[tabindex="0"]):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
body.motion-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
body.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.update-card:nth-child(2){transition-delay:.06s}.update-card:nth-child(3){transition-delay:.12s}.update-card:nth-child(4){transition-delay:.06s}.update-card:nth-child(5){transition-delay:.12s}
@media(max-width:940px){.main-nav{gap:9px}.insight-grid{grid-template-columns:1fr}.insight-grid .insight-card{max-width:840px}.update-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.update-card:last-child{grid-column:1/-1;aspect-ratio:1.9}}
@media(max-width:700px){.insight-grid{gap:12px}.insight-grid .insight-card{grid-template-columns:1fr}.insight-grid .insight-art{min-height:155px}.updates-section{padding-top:63px;padding-bottom:68px}.update-gallery{gap:9px}.update-card{aspect-ratio:.86}.update-card:last-child{grid-column:span 1;aspect-ratio:.86}.update-card .gallery-caption{left:10px;right:10px;bottom:10px;font-size:10px}.update-card .gallery-caption small{font-size:8px}.ai-model-banner{height:205px}.ai-model-banner:after{width:280px}.ai-orbit{width:310px;height:200px}.ai-orbit-two{width:400px;height:245px}.official-sources{padding:18px 17px}.official-sources h2{font-size:19px}.photo-dialog{max-height:94vh}}
@media(prefers-reduced-motion:reduce){.photo-dialog,.photo-dialog::backdrop,.update-card,body.motion-ready [data-reveal]{transition:none!important;transform:none!important}.ai-model-banner:before,.ai-model-banner:after{animation:none!important}.ui-ripple{display:none}}

/* Language markers, greeting, live news, and browser-local creator tool */
.language-switch a{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 7px;font-weight:700}
.language-switch a img{display:block;width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(125,150,170,.32)}
.language-switch a span{font-size:10px;line-height:1}
.dynamic-greeting{font-family:var(--display);font-size:clamp(18px,2vw,24px);font-weight:650;letter-spacing:-.045em;color:var(--cyan);margin:0 0 17px;animation:greeting-in .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes greeting-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.creator-tools,.ai-news-section{position:relative;isolation:isolate}
.tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:stretch}
.image-tool-panel,.workflow-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.image-tool-panel{padding:clamp(20px,3vw,34px)}
.tool-panel-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.tool-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,rgba(68,195,232,.2),rgba(93,118,255,.2));color:var(--cyan);font-size:24px}
.tool-panel-heading h3,.workflow-card h3{margin:0 0 6px;font-family:var(--display);font-size:clamp(20px,2.2vw,27px);letter-spacing:-.045em;line-height:1.2}
.tool-panel-heading p:not(.eyebrow),.workflow-card>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0;line-height:1.7}
.tool-panel-heading .eyebrow{margin:0 0 5px;font-size:9px}
.tool-dropzone{position:relative;min-height:150px;border:1px dashed rgba(110,190,222,.56);border-radius:14px;background:linear-gradient(135deg,rgba(80,185,220,.06),rgba(101,119,245,.06));display:grid;place-items:center;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}
.tool-dropzone.is-dragover{border-color:var(--cyan);background:rgba(80,185,220,.14);transform:scale(.995)}
.tool-dropzone label{min-height:148px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:var(--text)}
.tool-dropzone label strong{font-size:14px}.tool-dropzone label>span:not(.upload-symbol){font-size:11px;color:var(--muted)}
.upload-symbol{display:grid;place-items:center;width:36px;height:36px;margin-bottom:4px;border:1px solid var(--line);border-radius:50%;font-size:22px;color:var(--cyan);background:var(--panel)}
.tool-preview{max-width:100%;max-height:250px;object-fit:contain;padding:10px;border-radius:12px;animation:preview-in .35s ease both}
@keyframes preview-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.tool-file-meta{position:absolute;left:10px;right:10px;bottom:8px;z-index:1;margin:0;padding:5px 10px;border-radius:7px;background:rgba(4,13,21,.8);color:#f6f8fa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visually-hidden:focus-visible+label{outline:2px solid var(--cyan);outline-offset:3px}
.tool-controls{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:18px}
.tool-controls>label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;font-weight:650}
.tool-controls select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);color:var(--text);padding:0 10px;font:inherit}
.quality-control{position:relative}.quality-value{position:absolute;right:0;top:0;color:var(--cyan);font-variant-numeric:tabular-nums}.quality-control input{width:100%;accent-color:var(--cyan)}
.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.tool-actions .button{font-size:11px;padding:10px 14px;cursor:pointer}
.tool-actions button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.tool-actions [hidden]{display:none!important}
.tool-status{min-height:22px;margin:12px 0 0;color:var(--muted);font-size:11px}
.tool-status.is-success{color:#59ce9a}.tool-status.is-error{color:#ff8b83}
.tool-privacy{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:10px;line-height:1.6;margin:12px 0 0}
.tool-privacy span{color:var(--lime)}
.workflow-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:28px;background:radial-gradient(ellipse at 85% 15%,rgba(42,186,226,.19),transparent 44%),linear-gradient(145deg,var(--panel),var(--bg-elevated))}
.workflow-card .eyebrow{position:relative;z-index:1;color:var(--cyan);margin-bottom:12px}
.workflow-card h3,.workflow-card>p,.workflow-card .button{position:relative;z-index:1}
.workflow-card>p{margin-bottom:17px!important}
.workflow-card .button{align-self:flex-start;font-size:11px;padding:10px 14px}
.workflow-card .tool-privacy{margin-top:20px!important;font-size:10px}
.workflow-card.transcript-studio{display:block;min-height:0;padding:clamp(18px,2.4vw,28px);background:radial-gradient(ellipse at 95% 0%,rgba(42,186,226,.16),transparent 38%),linear-gradient(145deg,var(--panel),var(--bg-elevated))}
.transcript-studio .studio-intro{position:relative;z-index:1;margin:0 0 18px!important;font-size:13px!important}
.studio-audio,.studio-text-tools{position:relative;z-index:1;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(7,17,27,.14);margin-top:12px}
.studio-label{display:block;color:var(--text);font-size:11px;font-weight:700;margin:0 0 7px}
.studio-audio input[type=file],.studio-audio select,.studio-text-tools select,.studio-text-tools textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px;padding:10px;margin:0 0 10px}
.studio-audio input[type=file]{padding:8px}.studio-audio>p{color:var(--muted);font-size:10px;margin:0 0 12px}.studio-audio .button{min-height:38px;padding:8px 12px;font-size:11px}
.studio-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-text-button{border:0;background:none;color:var(--cyan);font:inherit;font-size:10px;font-weight:700;cursor:pointer;padding:5px}
.studio-text-tools textarea{display:block;resize:vertical;min-height:116px;line-height:1.6}.studio-translate-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px}.studio-buttons .button{min-height:36px;padding:7px 10px;font-size:10px}.studio-subtitle-note,.studio-status{position:relative;z-index:1;color:var(--muted);font-size:10px!important;line-height:1.55!important;margin:4px 0 9px!important}.studio-status{min-height:2.8em;color:var(--cyan)!important}
.workflow-orbit{position:absolute;right:-70px;top:-80px;width:270px;height:270px;border:1px solid rgba(88,211,245,.27);border-radius:50%;animation:orbit-drift 18s linear infinite}
.workflow-orbit:before,.workflow-orbit:after{content:"";position:absolute;inset:28px;border:1px solid rgba(88,211,245,.2);border-radius:50%}.workflow-orbit:after{inset:62px;border-color:rgba(88,211,245,.16)}
.news-status{display:flex;align-items:center;gap:9px;min-height:30px;color:var(--muted);font-size:11px;margin:0 0 16px}
.news-status:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(62,190,229,.13);animation:status-pulse 1.7s ease infinite}
.news-status.is-error:before{background:#e7a13f;animation:none}
.news-status.is-stale:before{background:#e7a13f;animation:none}
@keyframes status-pulse{50%{box-shadow:0 0 0 8px rgba(62,190,229,0)}}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.news-card{position:relative;display:flex;min-height:195px;flex-direction:column;gap:11px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--panel);transition:transform .22s,border-color .22s,box-shadow .22s;animation:preview-in .4s ease both}
.news-card:hover{transform:translateY(-4px);border-color:rgba(76,195,229,.5);box-shadow:var(--shadow)}
.news-card time{color:var(--cyan);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.news-card h3{margin:0;font-family:var(--display);font-size:16px;letter-spacing:-.035em;line-height:1.35;color:var(--text)}
.news-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.news-card .news-read{margin-top:auto;padding-top:5px;color:var(--cyan);font-size:10px;font-weight:700}
.news-source-link{display:inline-flex;margin-top:9px;color:var(--cyan);font-size:11px;font-weight:700}
.news-empty{grid-column:1/-1;padding:22px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}
@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.workflow-card{min-height:240px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.language-switch a{padding:8px 10px}.language-switch a img{width:20px;height:14px}.language-switch a span{font-size:11px}.tool-grid{gap:12px}.image-tool-panel{padding:18px}.tool-panel-heading h3{font-size:21px}.tool-controls{grid-template-columns:1fr}.tool-controls select{height:44px}.tool-actions .button{min-height:42px}.news-grid{grid-template-columns:1fr}.news-card{min-height:0;padding:18px}.workflow-card{min-height:240px;padding:22px}.dynamic-greeting{font-size:21px}}
@media(prefers-reduced-motion:reduce){.dynamic-greeting,.workflow-orbit,.news-status:before,.tool-preview,.news-card{animation:none!important}.news-card:hover{transform:none}}
.name-card-trigger{display:inline-block;border:0;background:linear-gradient(105deg,var(--text) 0%,var(--text) 34%,#72ddff 45%,#fff 50%,#62d8ff 55%,var(--text) 66%,var(--text) 100%);background-size:240% 100%;background-position:130% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:0;cursor:pointer;text-align:left;filter:drop-shadow(0 0 10px rgba(114,221,255,.26));transition:transform .2s;animation:name-light-sweep 5.8s ease-in-out infinite}
.name-card-trigger .name-mark{color:var(--cyan);-webkit-text-fill-color:var(--cyan)}
.name-card-trigger:hover{transform:translateY(-2px)}
.brand[data-open-card]{cursor:pointer}
.brand[data-open-card]:focus-visible,.name-card-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:4px}
.business-card-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 28px));max-width:none;max-height:min(90vh,800px);overflow:visible;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:20px;background:var(--bg-elevated);color:var(--text);box-shadow:0 28px 100px rgba(0,0,0,.52);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .24s,transform .3s cubic-bezier(.2,.8,.2,1),overlay .3s allow-discrete,display .3s allow-discrete}
.business-card-dialog[open]{opacity:1;transform:none}
.business-card-dialog::backdrop{background:rgba(2,7,13,.78);backdrop-filter:blur(8px);opacity:0;transition:opacity .24s}
.business-card-dialog[open]::backdrop{opacity:1}
.business-card-dialog .dialog-close{right:14px;top:14px;width:36px;height:36px;z-index:2}
.business-card-dialog>.eyebrow{margin:0 44px 6px 0;color:var(--cyan);font-size:10px;letter-spacing:.11em}
.business-card-dialog h2{margin:0 45px 20px 0;font-family:var(--display);font-size:clamp(24px,5vw,34px);letter-spacing:-.04em}
.business-card-stage{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#06152a;box-shadow:0 14px 42px rgba(0,0,0,.27);perspective:1000px}
.business-card-stage img{display:block;width:100%;height:auto;aspect-ratio:1075/720;object-fit:contain;transition:transform .22s ease,opacity .18s ease}
.business-card-stage img.is-changing{transform:rotateY(18deg) scale(.96);opacity:.15}
.business-card-controls{display:flex;align-items:center;gap:8px;margin-top:17px}
.card-side,.card-download{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font:600 12px var(--body);text-decoration:none;padding:0 13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.card-side:hover,.card-download:hover{border-color:var(--cyan);color:var(--text);transform:translateY(-1px)}
.card-side.is-active{border-color:var(--cyan);background:rgba(67,196,229,.14);color:var(--cyan)}
.card-download{margin-left:auto;background:var(--cyan);border-color:var(--cyan);color:#04111b}
.card-download:hover{background:#a7ecff;color:#04111b}
.card-side:focus-visible,.card-download:focus-visible,.business-card-dialog .dialog-close:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@starting-style{.business-card-dialog[open]{opacity:0;transform:translateY(20px) scale(.97)}.business-card-dialog[open]::backdrop{opacity:0}}
@keyframes name-light-sweep{0%,12%{background-position:130% 50%}50%{background-position:-30% 50%}62%,100%{background-position:130% 50%}}
@media(max-width:520px){.business-card-dialog{width:calc(100% - 24px);padding:18px;border-radius:16px}.business-card-dialog h2{margin-bottom:16px}.business-card-controls{gap:6px}.card-side,.card-download{min-height:36px;padding:0 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.name-card-trigger,.business-card-dialog,.business-card-dialog::backdrop,.business-card-stage img,.card-side,.card-download{transition:none!important;transform:none!important;animation:none!important}.name-card-trigger{background:none;color:var(--text);-webkit-text-fill-color:var(--text);filter:none}.name-card-trigger .name-mark{-webkit-text-fill-color:var(--cyan)}}

/* New in-browser CV preview, prompt library, AI explainer and model test bench */
.cv-action{cursor:pointer}.cv-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cv-preview-dialog{width:min(960px,calc(100vw - 28px));height:min(94vh,1050px);max-width:none;max-height:94vh;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.38)}.cv-preview-dialog::backdrop{background:rgba(2,8,15,.76);backdrop-filter:blur(7px)}.cv-preview-dialog h2{margin:0;font-family:var(--display);font-size:clamp(23px,4vw,34px)}.cv-preview-note{font-size:13px;color:var(--muted)}.cv-preview-dialog iframe{width:100%;height:calc(100% - 160px);min-height:300px;border:1px solid var(--line);border-radius:10px;background:#fff}.cv-preview-actions{display:flex;justify-content:flex-end;padding-top:12px}.prompt-library{max-width:none}.prompt-search{display:grid;gap:7px;max-width:460px;margin:0 0 22px;font-size:12px;font-weight:700;color:var(--muted)}.prompt-search input,.prompt-card textarea,.ai-test-card textarea,.ai-test-prompt-label textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel);color:var(--text);font:inherit}.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.prompt-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.prompt-card[hidden]{display:none}.prompt-card-top,.ai-test-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:800}.prompt-copy{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);padding:6px 10px;font-size:11px;cursor:pointer}.prompt-card h3,.ai-test-card h3{font:700 16px/1.35 var(--display);margin:15px 0 9px}.prompt-card textarea{resize:vertical;min-height:150px;font:12px/1.6 var(--sans)}.prompt-note,.prompt-empty{font-size:12px;color:var(--muted);margin-top:16px}.ai-guide .article-body{max-width:1100px}.ai-detail-section{margin:56px 0}.ai-detail-section>h2{font:700 clamp(25px,4vw,38px)/1.14 var(--display);letter-spacing:-.04em;margin:0 0 20px}.ai-detail-section>p:not(.eyebrow){color:var(--muted)}.ai-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-type-card,.ai-provider-card,.ai-test-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.ai-card-index{display:inline-block;font:700 11px var(--display);color:var(--cyan);margin-bottom:14px}.ai-type-card h3,.ai-provider-card h3{font:700 17px/1.35 var(--display);margin:0 0 9px}.ai-type-card p,.ai-provider-card p{font-size:13px;line-height:1.72;color:var(--muted);margin:0 0 10px}.ai-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ai-provider-card h4{font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;margin:17px 0 6px;color:var(--cyan)}.ai-test-lab{padding:clamp(18px,4vw,34px);border-radius:18px;background:var(--panel);border:1px solid var(--line)}.ai-test-prompt-label{display:grid;gap:8px;font-size:12px;font-weight:700}.ai-test-prompt-label textarea{resize:vertical;font:13px/1.65 var(--sans)}.ai-test-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.ai-test-actions>span{font-size:11px;color:var(--muted)}.ai-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-test-card{box-shadow:none}.ai-test-head h3{margin:0}.ai-test-head a{font-size:11px;color:var(--cyan)}.ai-test-card>label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0;font-size:11px;color:var(--muted)}.ai-test-card select{border:1px solid var(--line);border-radius:7px;padding:6px;background:var(--bg);color:var(--text)}.ai-test-card textarea{resize:vertical;min-height:120px;font:12px/1.6 var(--sans)}.official-sources ul{padding-left:20px}.official-sources li{margin:8px 0}.official-sources a,.source-inline a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.ai-guide .article-body>section.article-section{max-width:840px;margin-left:auto;margin-right:auto}.ai-guide .ai-detail-section{max-width:none}.prompt-search input:focus-visible,.prompt-card textarea:focus-visible,.ai-test-card textarea:focus-visible,.ai-test-prompt-label textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan) 75%,transparent);outline-offset:3px}
@media(max-width:1100px){.site-header .main-nav{display:none}.site-header .menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px;cursor:pointer}.site-header .menu-button span{width:20px;height:2px;background:var(--text)}.site-header .mobile-menu:not([hidden]){position:absolute;display:flex;top:100%;left:0;right:0;padding:15px 22px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;gap:10px;font-size:14px}.site-header .mobile-menu>a{padding:6px 0}.site-header .mobile-menu .language-switch{display:flex;padding-top:10px;border-top:1px solid var(--line)}.site-header .mobile-menu .language-switch a{display:flex;align-items:center;gap:6px}.site-header .mobile-menu .language-switch img{width:19px;height:14px;object-fit:cover;border-radius:2px}}
@media(max-width:900px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.prompt-grid,.ai-type-grid,.ai-provider-grid,.ai-test-grid{grid-template-columns:1fr}.cv-preview-dialog{padding:17px 13px}.cv-preview-dialog iframe{height:calc(100% - 180px)}.cv-card-actions{width:100%}.cv-card-actions .button{flex:1;justify-content:center}.ai-test-actions .button{flex:1;justify-content:center}.ai-detail-section{margin:42px 0}.ai-type-card,.ai-provider-card{padding:16px}.ai-test-lab{padding:17px}.prompt-card textarea{min-height:130px}}
@media(max-width:360px){.site-header{padding-left:12px!important;padding-right:12px!important}.section-wrap{width:calc(100% - 26px)!important}.hero h1{font-size:clamp(35px,12vw,48px)}.cv-preview-dialog{width:calc(100vw - 14px);padding:14px 10px}}

/* User-supplied cinematic opening video */
.opening-intro{background:#02030a}
.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#02030a}
.opening-wash{background:radial-gradient(ellipse at 22% 74%,rgba(109,45,244,.16),transparent 45%),linear-gradient(135deg,rgba(5,6,18,.08),rgba(4,5,14,.14));pointer-events:none}
.opening-actions{z-index:4}
@media(prefers-reduced-motion:reduce){.cv-preview-dialog,.prompt-card,.ai-type-card,.ai-provider-card,.ai-test-card{scroll-behavior:auto;transition:none!important}}
.eye-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-test-rubric{padding:12px 14px;border-left:3px solid var(--cyan);background:var(--bg-elevated);font-size:12px!important;line-height:1.65;color:var(--muted)}

/* Cinematic first-visit opening */
.opening-intro[hidden]{display:none}
.opening-intro{position:fixed;inset:0;z-index:5000;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:rgba(4,7,17,.18);pointer-events:auto}
.opening-intro::backdrop{background:transparent}
.opening-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(122,55,255,.24),rgba(7,11,24,.26) 52%,rgba(2,6,14,.47));animation:opening-wash 1.7s ease-out both;animation-play-state:paused}
.opening-lightline{position:absolute;left:50%;top:51%;width:min(110vw,1500px);height:2px;background:linear-gradient(90deg,transparent,rgba(147,92,255,.1),rgba(218,190,255,.9),rgba(93,217,255,.55),transparent);box-shadow:0 0 22px rgba(162,102,255,.8);transform:translate(-50%,-50%) rotate(-20deg) scaleX(.02);animation:opening-line 1.15s cubic-bezier(.15,.72,.18,1) .12s both;animation-play-state:paused}
.opening-ninja{position:absolute;z-index:1;left:50%;top:50%;width:min(70vw,820px);height:min(88vh,820px);background:url('/assets/photos/ninja-opening.webp') center/contain no-repeat;filter:drop-shadow(0 18px 48px rgba(116,53,255,.36));transform:translate(-50%,-50%) scale(.76)}
.opening-intro.is-ready .opening-wash,.opening-intro.is-ready .opening-lightline{animation-play-state:running}
.opening-intro.is-ready .opening-ninja{animation:ninja-opening-sweep 1.68s cubic-bezier(.18,.68,.2,1) both;will-change:transform}
.opening-skip{position:absolute;z-index:2;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));padding:10px 15px;border:1px solid rgba(236,223,255,.34);border-radius:999px;background:rgba(7,13,26,.72);color:#fff;font:600 12px/1.2 var(--sans);backdrop-filter:blur(12px);cursor:pointer}
.opening-skip:hover{background:rgba(92,53,157,.82)}
.opening-intro.is-leaving{opacity:0;transition:opacity .24s ease}
body.opening-active{overflow:hidden}
@keyframes ninja-opening-sweep{0%{transform:translate(-55vw,16vh) rotate(-16deg) scale(.48)}20%{transform:translate(-20vw,8vh) rotate(-8deg) scale(.68)}44%{transform:translate(-50%,-50%) rotate(0) scale(.86)}59%{transform:translate(-44%,-58%) rotate(3deg) scale(.84)}100%{transform:translate(130vw,-72vh) rotate(18deg) scale(.38)}}
@keyframes opening-line{0%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg) scaleX(.02)}35%{opacity:.95;transform:translate(-50%,-50%) rotate(-20deg) scaleX(1)}100%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg) scaleX(.3)}}
@keyframes opening-wash{0%{opacity:0}18%{opacity:1}100%{opacity:.66}}

/* Tools and Prompt Library live in a dedicated fullscreen layer */
.utility-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);overflow:hidden}
.utility-dialog::backdrop{background:rgba(2,7,13,.84);backdrop-filter:blur(12px)}
.utility-dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}
.utility-dialog-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px clamp(16px,4vw,52px);border-bottom:1px solid var(--line);background:var(--bg-elevated)}
.utility-dialog-head>div:first-child{min-width:0}
.utility-dialog-head .eyebrow{margin:0 0 3px;font-size:9px}
.utility-dialog-head h2{margin:0;font:700 clamp(18px,2vw,24px)/1.2 var(--display);letter-spacing:-.03em}
.utility-dialog-actions{display:flex;align-items:center;gap:8px;flex:none}.utility-back{white-space:nowrap;font-size:12px;min-height:38px}
.utility-tabs{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.utility-tabs button{min-height:38px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 12px/1.2 var(--sans);white-space:nowrap;cursor:pointer}
.utility-tabs button[aria-selected=true]{background:var(--panel-strong);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 35%,transparent)}
.utility-close{position:static;flex:none;width:40px;height:40px;background:var(--panel);border-color:var(--line);color:var(--text)}
.utility-dialog-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,3vw,34px) 0 max(28px,env(safe-area-inset-bottom))}
.utility-panel{width:min(1320px,calc(100% - 48px));margin:0 auto}
.utility-panel[hidden]{display:none!important}
.utility-dialog .section-heading{margin-top:0}
.utility-dialog .prompt-library{padding-top:0}
.ai-section-intro{max-width:840px;margin:0 0 22px;color:var(--muted);line-height:1.75}
.ai-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-how-card h3{font-size:15px}
.ai-function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ai-function-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.ai-function-card h3{margin:0 0 7px;font:700 15px/1.3 var(--display);letter-spacing:-.02em}
.ai-function-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.ai-provider-functions{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.72}
.ai-provider-functions li{margin:0 0 8px}
.ai-model-picker{padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--cyan) 4%,var(--panel)))}
.ai-model-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ai-model-list-heading{margin:24px 0 7px;font:700 18px/1.3 var(--display)}
.ai-provider-picker-list{display:grid;gap:10px}
.ai-provider-picker{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated,var(--bg))}
.ai-provider-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:16px 18px;font:700 16px/1.35 var(--display)}
.ai-provider-picker>summary::-webkit-details-marker{display:none}
.ai-provider-picker>summary::after{content:"+";flex:none;color:var(--cyan);font:700 20px/1 var(--sans)}
.ai-provider-picker[open]>summary::after{content:"−"}
.ai-provider-picker>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px;border-radius:12px}
.ai-provider-picker-body{padding:0 16px 16px;border-top:1px solid var(--line)}
.ai-provider-picker-body>p:first-child{margin:13px 1px;color:var(--muted);font-size:13px;line-height:1.7}
.ai-model-choice,.ai-effort-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated,var(--bg))}
.ai-model-choice h4,.ai-effort-card h3{margin:0 0 8px;font:700 16px/1.3 var(--display)}
.ai-model-choice>div>p:last-child,.ai-effort-card>p:not(.ai-model-sources){margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.ai-model-choice .eyebrow{margin:0 0 6px;color:var(--cyan)}
.ai-model-example{margin-top:14px;border-top:1px solid var(--line);padding-top:11px}
.ai-model-example summary{width:fit-content;cursor:pointer;color:var(--cyan);font-size:12px;font-weight:800;list-style:none}
.ai-model-example summary::-webkit-details-marker{display:none}
.ai-model-example summary::after{content:" +"}
.ai-model-example[open] summary::after{content:" −"}
.ai-model-example summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}
.ai-model-example p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.ai-effort-card{margin-top:12px}
.ai-model-sources{margin:14px 0 0;font-size:11px;line-height:1.7}
.ai-model-sources a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.ai-test-scenario{display:grid;gap:8px;max-width:520px;margin:17px 0 13px;color:var(--muted);font-size:12px;font-weight:700}
.ai-test-scenario select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--bg-elevated);color:var(--text);padding:0 12px;font:inherit}
.ai-test-prompt-label{display:grid;gap:8px}
.ai-test-prompt-label>span{font-size:12px;font-weight:700;color:var(--muted)}
.ai-test-prompt-label textarea{resize:vertical;min-height:130px}
.ai-function-card:focus-within,.ai-test-scenario select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:720px){.opening-ninja{width:min(92vw,680px);height:min(78vh,690px)}.utility-dialog-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 14px}.utility-dialog-head>div:first-child{grid-column:1;grid-row:1}.utility-dialog-actions{grid-column:2;grid-row:1;justify-self:end;gap:6px}.utility-back{padding:7px 9px;font-size:11px}.utility-close{width:36px;height:36px}.utility-dialog-content{padding-top:23px}.utility-panel{width:calc(100% - 28px)}.utility-dialog .section-heading{display:block}.utility-dialog .section-heading>p{max-width:unset}}
@media(max-width:620px){.ai-how-grid,.ai-function-grid,.ai-model-picker-grid{grid-template-columns:1fr}.ai-function-card{padding:15px}.ai-model-picker{padding:16px}.ai-provider-picker>summary{padding:14px}.ai-provider-picker-body{padding:0 12px 12px}.ai-model-choice,.ai-effort-card{padding:15px}.ai-test-scenario{max-width:none}.ai-test-actions{align-items:stretch}.ai-test-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){.opening-intro{display:none!important}.opening-wash,.opening-lightline,.opening-ninja{animation:none!important}.opening-intro.is-leaving{transition:none}.utility-dialog,.utility-dialog::backdrop{scroll-behavior:auto;transition:none!important}}
.opening-intro{background:radial-gradient(ellipse at 3% 100%,rgba(113,40,236,.22),transparent 42%),rgba(4,7,17,.12)}
.opening-wash{background:radial-gradient(ellipse at 13% 87%,rgba(150,45,255,.26),transparent 38%),radial-gradient(ellipse at 80% 4%,rgba(42,207,255,.16),transparent 46%),linear-gradient(135deg,rgba(7,11,24,.08),rgba(2,6,14,.22));animation-duration:1.45s}
.opening-ninja{filter:drop-shadow(-18px 22px 18px rgba(178,54,255,.55)) drop-shadow(15px -8px 26px rgba(42,220,255,.46));will-change:transform,filter}
.opening-ninja:before,.opening-ninja:after{content:"";position:absolute;inset:0;background:url('/assets/photos/ninja-opening.webp') center/contain no-repeat;pointer-events:none;mix-blend-mode:screen}
.opening-ninja:before{opacity:.54;filter:hue-rotate(102deg) saturate(1.65) drop-shadow(-13px 16px 12px rgba(175,38,255,.8));animation:ninja-shadow-purple 1.42s cubic-bezier(.18,.68,.2,1) both}
.opening-ninja:after{opacity:.43;filter:hue-rotate(162deg) saturate(1.5) drop-shadow(12px -9px 13px rgba(52,232,255,.8));animation:ninja-shadow-cyan 1.42s cubic-bezier(.18,.68,.2,1) both}
.opening-lightline{height:3px;box-shadow:0 0 16px rgba(162,102,255,.95),0 0 34px rgba(66,220,255,.44);animation-duration:.82s}
.opening-lightline:after{content:"";position:absolute;left:29%;top:9px;width:76%;height:3px;background:linear-gradient(90deg,transparent,rgba(125,54,255,.9),#fff,rgba(83,236,255,.85),transparent);box-shadow:0 0 18px rgba(91,220,255,.9);transform:rotate(-12deg) scaleX(.02);transform-origin:center;animation:opening-blade-slash .43s cubic-bezier(.15,.72,.18,1) .42s both}
.opening-intro.is-ready .opening-ninja{animation-duration:1.42s}
.opening-actions{position:absolute;z-index:3;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center}
.opening-actions .opening-skip{position:static}
.opening-sound{padding:10px 13px;border:1px solid rgba(236,223,255,.34);border-radius:999px;background:rgba(7,13,26,.72);color:#fff;font:600 11px/1.2 var(--sans);backdrop-filter:blur(12px);cursor:pointer}
.opening-sound[aria-pressed=true]{border-color:rgba(106,238,255,.78);box-shadow:0 0 18px rgba(72,213,255,.25);color:#a5f1ff}
.opening-sound:hover{border-color:#8df2ff}
.opening-sound:focus-visible,.opening-skip:focus-visible{outline:2px solid #84eaff;outline-offset:3px}
.opening-intro.is-leaving{transition:opacity .18s ease}
@keyframes ninja-shadow-purple{0%{transform:translate(-10vw,9vh) scale(.9);opacity:0}23%{opacity:.6}100%{transform:translate(6vw,-5vh) scale(.94);opacity:0}}
@keyframes ninja-shadow-cyan{0%{transform:translate(-6vw,12vh) scale(.92);opacity:0}28%{opacity:.52}100%{transform:translate(9vw,-8vh) scale(.92);opacity:0}}
@keyframes opening-blade-slash{0%{opacity:0;transform:rotate(-12deg) scaleX(.02)}32%{opacity:1;transform:rotate(-12deg) scaleX(1.08)}100%{opacity:0;transform:rotate(-12deg) scaleX(.35)}}
.voice-lab{margin-top:24px;padding:19px;border:1px solid rgba(114,221,255,.2);border-radius:13px;background:linear-gradient(145deg,rgba(21,40,58,.82),rgba(11,25,39,.78))}.voice-lab-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.voice-lab-head .tool-icon{width:36px;height:36px}.voice-lab h4{margin:0 0 6px;font:700 17px/1.2 var(--display);letter-spacing:-.03em}.voice-lab-head p:last-child{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.voice-hint,.voice-status,.voice-backend-note{font-size:10px;line-height:1.65;color:var(--muted)}.voice-hint{margin:6px 0 12px}.voice-status{min-height:36px;margin:11px 0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}.voice-consent{display:flex;align-items:flex-start;gap:9px;margin:12px 0 16px;font-size:11px;line-height:1.55;color:var(--text)}.voice-consent input{accent-color:var(--cyan);margin-top:2px;flex:none}.voice-lab textarea{width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--bg-elevated);color:var(--text);font:12px/1.6 var(--sans)}.voice-lab select,.voice-lab input[type=file]{max-width:100%;font-size:11px}.voice-lab audio{width:100%;height:34px;margin:8px 0}.voice-backend-note{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:720px){.opening-ninja{width:min(92vw,680px);height:min(78vh,690px)}.opening-actions{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));justify-content:flex-end}.opening-actions .opening-skip,.opening-sound{padding:10px 12px;font-size:10px}.voice-lab{padding:15px}}
@media(prefers-reduced-motion:reduce){.opening-intro.is-ready .opening-ninja,.opening-ninja:before,.opening-ninja:after,.opening-lightline:after{animation:none!important}.opening-intro.is-ready .opening-ninja{transform:translate(-50%,-50%) scale(.7)}}

/* Let the live page show through the dark areas of the ninja footage. */
.opening-intro{isolation:auto!important;mix-blend-mode:screen;background:transparent!important;pointer-events:none;transition:opacity .3s ease-out}
.opening-video{mix-blend-mode:normal;object-fit:contain;background:transparent;opacity:.84}
.opening-wash,.opening-actions{display:none!important}

/* User-supplied cinematic opening video */
.opening-intro{background:#02030a}
.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#02030a}
.opening-wash{background:radial-gradient(ellipse at 22% 74%,rgba(109,45,244,.16),transparent 45%),linear-gradient(135deg,rgba(5,6,18,.08),rgba(4,5,14,.14));pointer-events:none}
.opening-actions{z-index:4}

/* AI Tools navigation menu, matched to the Prompt Library utility layer. */
.nav-dropdown{position:relative;display:flex;align-items:center;font:inherit}
.nav-menu-toggle{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:600 12px/1.2 var(--sans);cursor:pointer;white-space:nowrap}
.nav-menu-toggle:hover,.nav-menu-toggle[aria-expanded=true]{border-color:var(--line);background:var(--panel);color:var(--text)}
.nav-menu-chevron{font-size:15px;transition:transform .18s ease}
.nav-menu-toggle[aria-expanded=true] .nav-menu-chevron{transform:rotate(180deg)}
.nav-menu-panel{position:absolute;z-index:50;top:calc(100% + 10px);left:0;width:min(660px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--bg-elevated);box-shadow:0 22px 60px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.nav-menu-panel[hidden]{display:none!important}
.ai-menu-item{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;padding:13px 11px;border:1px solid transparent;border-radius:11px;color:var(--text);text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.ai-menu-item:hover,.ai-menu-item:focus-visible{background:var(--panel);border-color:var(--line);transform:translateY(-1px)}
.ai-menu-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--cyan) 11%,var(--panel));color:var(--cyan);font-size:17px}
.ai-menu-copy{display:grid;gap:4px;min-width:0}
.ai-menu-copy strong{font:700 13px/1.3 var(--display);letter-spacing:-.01em}
.ai-menu-copy small{color:var(--muted);font:400 11px/1.45 var(--sans)}
.ai-menu-arrow{justify-self:end;color:var(--muted);font-size:14px}
.nav-menu-panel .ai-menu-feature{grid-column:1/-1}
.nav-panel-heading{grid-column:1/-1;margin:7px 10px 0;padding-top:10px;border-top:1px solid var(--line);color:var(--cyan);font:700 10px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.site-header .main-nav{flex-wrap:nowrap;white-space:nowrap;gap:clamp(8px,1.15vw,17px)}
.site-header .main-nav>a:not(.nav-cta){white-space:nowrap;font-size:12px}
.site-header .brand{flex:none;white-space:nowrap}
.site-header{padding-inline:max(24px,calc((100% - 1560px)/2))}
.site-header .nav-cta{flex:none;white-space:nowrap;max-width:none;padding:8px 11px;font-size:11px;line-height:1.25}
.nav-menu-toggle{padding-inline:8px}
.prompt-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);align-items:end;gap:14px;margin-bottom:20px}
.prompt-controls .prompt-search{max-width:none;margin:0}
.prompt-category-filter{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}
.prompt-category-filter select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}
@media(max-width:1100px){.mobile-nav-dropdown{width:100%}.mobile-nav-dropdown>.nav-menu-toggle{width:100%;justify-content:space-between;min-height:42px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--text);font-size:14px}.mobile-nav-dropdown>.nav-menu-toggle[aria-expanded=true]{color:var(--cyan)}.mobile-nav-dropdown .nav-menu-panel{position:static;width:100%;grid-template-columns:1fr;margin:7px 0 5px;padding:7px;background:color-mix(in srgb,var(--panel) 80%,transparent);box-shadow:none;backdrop-filter:none}.mobile-nav-dropdown .ai-menu-item,.mobile-nav-dropdown .ai-menu-feature{padding:10px}.mobile-menu>a[href*="#prompts"]{padding:6px 0}.mobile-nav-dropdown .nav-panel-heading{margin:9px 10px 0}}
@media(max-width:620px){.prompt-controls{grid-template-columns:1fr;gap:10px}.prompt-grid{grid-template-columns:1fr}.nav-menu-panel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nav-menu-chevron,.ai-menu-item{transition:none}}

/* Ninja avatar and one-tool-at-a-time workspace */
.brand-mark{overflow:hidden;border-radius:50%;width:36px;height:36px;flex:none;background:radial-gradient(circle at 50% 100%,#6b1f31,#0b1a29 68%);box-shadow:0 0 0 1px rgba(114,221,255,.34),0 5px 16px rgba(0,0,0,.28)}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.tool-index-slot{width:100%}
.tool-index{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;margin:4px 0 22px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--cyan) 5%,var(--bg-elevated)))}
.tool-index h3{margin:0 0 7px;font:700 clamp(21px,3vw,28px)/1.2 var(--display);letter-spacing:-.04em}
.tool-index p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.tool-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tool-index-grid button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 10px;align-items:center;text-align:left;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg-elevated);color:var(--text);cursor:pointer}
.tool-index-grid button:hover,.tool-index-grid button:focus-visible{border-color:var(--cyan);background:var(--panel-strong)}
.tool-index-grid button>span{grid-row:span 2;color:var(--cyan);font-size:18px;text-align:center}
.tool-index-grid strong{font:700 12px/1.35 var(--display)}
.tool-index-grid small{color:var(--muted);font:400 10px/1.4 var(--sans)}
.tool-grid[hidden],.tool-index[hidden],.tool-surface[hidden],[data-tool-content][hidden]{display:none!important}
.tool-grid[data-active-tool=image-converter],.tool-grid[data-active-tool=media-studio],.tool-grid[data-active-tool=voice-lab]{grid-template-columns:minmax(0,1fr);max-width:920px;margin-inline:auto}
.tool-grid[data-active-tool=image-converter] [data-media-studio],.tool-grid[data-active-tool=media-studio] [data-image-tool],.tool-grid[data-active-tool=voice-lab] [data-image-tool]{display:none!important}
.tool-grid[data-active-tool=voice-lab] [data-media-studio]{border:0;background:transparent;box-shadow:none;padding:0}
.tool-grid[data-active-tool=voice-lab] [data-media-studio]>.workflow-orbit,.tool-grid[data-active-tool=voice-lab] [data-media-studio]>:not(.studio-text-tools){display:none!important}
.tool-grid[data-active-tool=voice-lab] [data-media-studio] .studio-text-tools>:not([data-voice-lab]){display:none!important}
.tool-surface{width:min(1180px,100%);margin:0 auto;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.tool-surface-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}
.tool-surface-heading h3{margin:0 0 8px;font:700 clamp(23px,3.5vw,34px)/1.15 var(--display);letter-spacing:-.04em}
.tool-surface-heading p:last-child{max-width:750px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.tool-surface-heading .button{flex:none}
.provider-note{margin:16px 0;padding:13px 15px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--cyan) 6%,var(--panel));color:var(--muted);font-size:12px;line-height:1.65}
.studio-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}
.studio-capability-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated)}
.studio-capability-card .eyebrow{margin:0 0 8px}
.studio-capability-card h4{margin:0 0 7px;font:700 15px/1.35 var(--display)}
.studio-capability-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.studio-example{margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}
.studio-example summary{cursor:pointer;color:var(--cyan);font-size:11px;font-weight:800;list-style:none}
.studio-example summary::-webkit-details-marker{display:none}
.studio-example summary::after{content:" +"}
.studio-example[open] summary::after{content:" −"}
.studio-example textarea{width:100%;margin:10px 0;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel);color:var(--text);font:11px/1.55 var(--sans)}
.form-builder-grid{display:grid;grid-template-columns:minmax(245px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px}
.form-builder-brief,.form-builder-editor{min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--bg-elevated)}
.form-builder-brief{display:grid;gap:12px}
.form-builder-brief label,.form-head-fields label,.form-import-label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}
.form-builder-brief input,.form-builder-brief select,.form-builder-brief textarea,.form-head-fields input,.form-head-fields textarea,.form-import-label textarea,.form-question-card input[type=text],.form-question-card select,.form-question-card textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel);color:var(--text);font:12px/1.5 var(--sans)}
.form-builder-brief input,.form-builder-brief select,.form-head-fields input,.form-question-card input[type=text],.form-question-card select{min-height:42px}
.form-builder-brief textarea,.form-head-fields textarea,.form-import-label textarea,.form-question-card textarea{resize:vertical}
.form-action-stack{display:grid;gap:8px;margin-top:3px}
.form-action-stack .button,.form-action-row .button{justify-content:center;text-align:center}
.form-builder-editor{display:grid;gap:13px}
.form-head-fields{display:grid;gap:10px}
.form-question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line)}
.form-question-toolbar h4{margin:0;font:700 16px/1.3 var(--display)}
.form-question-list{display:grid;gap:9px}
.form-question-card{min-width:0;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.form-question-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px}
.form-question-number{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--cyan) 12%,var(--panel-strong));color:var(--cyan);font:700 11px var(--sans)}
.form-question-head label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}
.form-question-head input{accent-color:var(--cyan)}
.form-question-remove{border:0;background:transparent;color:#ff9caa;font-size:11px;cursor:pointer}
.form-question-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.45fr);gap:8px}
.form-question-options{grid-column:1/-1}
.form-action-row{display:flex;flex-wrap:wrap;gap:7px}
.form-action-row .button{flex:1}
.form-import-label span{color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}
.form-status{min-height:21px;margin:0;color:var(--cyan);font-size:11px;line-height:1.5}
.google-connect-panel{display:grid;gap:9px;padding:15px;border:1px solid color-mix(in srgb,var(--cyan) 27%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--cyan) 5%,var(--panel))}
.google-connect-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.google-connect-panel .eyebrow{color:var(--cyan)}
.google-connect-panel .button{justify-content:center}
.google-connect-panel button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.form-preview{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.form-preview-head h4{margin:0 0 6px;font:700 20px/1.3 var(--display)}
.form-preview-head p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.6}
.form-preview-question{padding:12px 0;border-top:1px solid var(--line)}
.form-preview-question strong{display:block;margin-bottom:7px;font-size:12px}
.form-preview-question small{color:var(--muted);font-size:10px}
@media(max-width:800px){.tool-index{grid-template-columns:1fr;gap:17px}.form-builder-grid{grid-template-columns:1fr}.form-builder-brief{grid-template-columns:repeat(2,minmax(0,1fr))}.form-builder-brief>label:nth-child(6),.form-action-stack{grid-column:1/-1}}
@media(max-width:620px){.brand-mark{width:32px;height:32px}.tool-index{padding:15px}.tool-index-grid,.studio-capability-grid{grid-template-columns:1fr}.tool-surface{padding:15px}.tool-surface-heading{display:grid}.tool-surface-heading .button{justify-self:start}.form-builder-brief{grid-template-columns:1fr;padding:13px}.form-builder-brief>label:nth-child(6),.form-action-stack{grid-column:auto}.form-builder-editor{padding:12px}.form-question-head{grid-template-columns:28px minmax(0,1fr)}.form-question-head label{grid-column:2;justify-self:start}.form-question-remove{grid-column:2;justify-self:start}.form-question-fields{grid-template-columns:1fr}.form-question-options{grid-column:auto}.form-action-row .button{flex-basis:calc(50% - 8px)}}

/* Tools You Should Know and bilingual AI book reader */
.resource-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.42fr);gap:12px;margin:18px 0}
.resource-controls label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.resource-search-input{position:relative;display:block}.resource-search-icon{position:absolute;top:50%;left:14px;transform:translateY(-53%);color:var(--cyan);font-size:24px;line-height:1;pointer-events:none}.resource-controls .resource-search-input input{padding-left:43px;border-color:var(--line);transition:border-color .18s,box-shadow .18s,background .18s}.resource-controls .resource-search-input input:focus{outline:none;border-color:var(--cyan);background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 16%,transparent)}.resource-controls .resource-search-input input::placeholder{color:var(--muted);opacity:.75}
.resource-controls input,.resource-controls select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--bg-elevated);color:var(--text);font:13px/1.5 var(--sans)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.resource-card{display:flex;min-width:0;flex-direction:column;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated)}
.skill-instruction-grid{align-items:stretch;gap:14px}.skill-instruction-card{min-height:236px;gap:10px;padding:18px;background:linear-gradient(155deg,var(--bg-elevated),color-mix(in srgb,var(--cyan) 3%,var(--bg-elevated)));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.skill-instruction-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line));box-shadow:0 12px 28px rgba(0,0,0,.14)}.skill-instruction-card .resource-category{min-height:20px}.skill-instruction-card h4{display:-webkit-box;min-height:2.7em;margin:2px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:700 16px/1.35 var(--display);overflow-wrap:anywhere}.skill-instruction-card>p{display:-webkit-box;min-height:6em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:var(--muted);font-size:12px;line-height:1.55;overflow-wrap:anywhere}.skill-instruction-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.skill-instruction-actions .button{flex:1 1 130px;min-width:0;min-height:40px;justify-content:center;padding:9px 10px;font-size:11px}.skill-instruction-public-body{max-height:min(46vh,540px);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:500 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.skill-instruction-public-body[hidden]{display:none}
@media(max-width:900px){.skill-instruction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.skill-instruction-grid{grid-template-columns:1fr}.skill-instruction-card{min-height:0;padding:16px}.skill-instruction-card h4{min-height:0}.skill-instruction-card>p{min-height:0;-webkit-line-clamp:5}}
.resource-card[hidden]{display:none}
.resource-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.resource-card-top .resource-category{margin-top:0;padding-top:0}.resource-brand{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px}.resource-brand[hidden]{display:none}.resource-brand img{display:block;width:100%;height:100%;object-fit:contain}.resource-card-top-details{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:7px}
.resource-type,.resource-external{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;line-height:1.3}
.resource-type{border-color:color-mix(in srgb,var(--cyan) 40%,var(--line));color:var(--cyan)}
.resource-card h4{margin:13px 0 7px;font:700 15px/1.35 var(--display);overflow-wrap:anywhere}
.resource-card p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.6}
.resource-category{margin-top:auto;padding-top:5px;color:var(--muted);font-size:10px;line-height:1.45}
.resource-open{align-self:flex-start;justify-content:center;margin-top:12px;min-height:37px;padding:8px 11px;font-size:10px}
.resource-empty{margin:18px 0;padding:18px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);text-align:center;font-size:13px}
.resource-notice{margin:14px 0 28px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.6}
.book-library{padding-top:23px;border-top:1px solid var(--line)}
.book-library-heading{margin-bottom:15px}
.book-library-heading .eyebrow{margin:0 0 6px;color:var(--cyan)}
.book-library-heading h4{margin:0 0 6px;font:700 clamp(19px,2.5vw,25px)/1.3 var(--display)}
.book-library-heading p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.book-card{display:grid;grid-template-columns:minmax(95px,150px) minmax(0,1fr);gap:15px;align-items:center;min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg-elevated)}
.book-cover-thumb{display:block;width:100%;aspect-ratio:1/1.42;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.book-card-copy{min-width:0}
.book-card-copy .eyebrow{margin:0 0 5px;color:var(--cyan)}
.book-card-copy h4{margin:0 0 6px;font:700 15px/1.35 var(--display)}
.book-card-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.book-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.book-card-actions .button{min-height:38px;justify-content:center;padding:8px 10px;font-size:10px}
.book-reader-dialog{width:min(1320px,calc(100vw - 28px));max-width:none;height:min(96dvh,1040px);max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);box-shadow:0 24px 100px rgba(0,0,0,.55);overflow:hidden}
.book-reader-dialog::backdrop{background:rgba(2,7,13,.86);backdrop-filter:blur(9px)}
.book-reader-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0}
.book-reader-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 17px;border-bottom:1px solid var(--line);background:var(--bg-elevated)}
.book-reader-head .eyebrow{margin:0 0 4px;color:var(--cyan)}
.book-reader-head h4{margin:0;font:700 clamp(16px,2vw,22px)/1.25 var(--display)}
.book-reader-head .dialog-close{position:static;flex:none}
.book-reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.reader-layout-controls,.reader-navigation{display:flex;align-items:center;gap:6px}
.reader-layout-button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);color:var(--muted);font:600 10px/1.3 var(--sans);cursor:pointer}
.reader-layout-button.is-active{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,var(--panel));color:var(--text)}
.reader-navigation label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}
.reader-navigation input{width:58px;min-height:36px;border:1px solid var(--line);border-radius:7px;padding:6px;background:var(--bg-elevated);color:var(--text);font:12px var(--sans)}
.reader-navigation>span{color:var(--muted);font-size:10px}
.reader-navigation .button,.book-reader-toolbar>.button{min-height:36px;justify-content:center;padding:7px 10px;font-size:10px}
.book-reader-stage{display:grid;grid-template-columns:minmax(0,min(100%,800px));justify-content:center;align-content:start;gap:10px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;background:color-mix(in srgb,var(--panel) 65%,var(--bg))}
.book-reader-stage[data-layout="spread"]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.book-reader-stage figure{display:grid;place-items:start center;min-width:0;margin:0}
.book-reader-stage img{display:block;width:100%;height:auto;max-width:100%;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.32)}
.reader-status{margin:0;padding:0 14px;background:var(--panel);color:var(--muted);font-size:12px}
.reader-status:empty{display:none}
.reader-status:not(:empty){padding-top:9px;padding-bottom:9px;color:var(--warning,#ffc76b)}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:720px){.resource-controls{grid-template-columns:1fr}.book-reader-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:11px}.book-reader-head{padding:10px 12px}.book-reader-toolbar{justify-content:flex-start}.book-reader-stage{padding:9px}.book-reader-stage[data-layout="single"]{grid-template-columns:minmax(0,1fr)}.book-reader-stage[data-layout="spread"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.book-reader-toolbar>.button{margin-left:auto}}
@media(max-width:620px){.resource-grid,.book-grid{grid-template-columns:1fr}.resource-card{padding:13px}.book-card{grid-template-columns:92px minmax(0,1fr);gap:11px;padding:11px}.book-card-actions .button{flex:1}.reader-layout-controls{width:100%}.reader-layout-button{flex:1}.reader-navigation{width:100%;justify-content:space-between}.book-reader-toolbar>.button{margin-left:0}.book-reader-stage[data-layout="spread"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.resource-card,.book-reader-dialog,.book-reader-dialog::backdrop{scroll-behavior:auto;transition:none!important;animation:none!important}}
.tool-index-grid button[hidden]{display:none!important}

/* Refined About menu and Market Reports experience */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-menu-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:transparent;color:var(--muted);font:600 12px/1 var(--sans);cursor:pointer;white-space:nowrap}.nav-menu-toggle:hover,.nav-menu-toggle[aria-expanded=true]{color:var(--cyan)}.nav-menu-chevron{font-size:14px;transition:transform .2s}.nav-menu-toggle[aria-expanded=true] .nav-menu-chevron{transform:rotate(180deg)}.about-menu-panel{position:absolute;top:calc(100% + 16px);right:-18px;z-index:20;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow);animation:menu-in .18s ease-out}.about-menu-panel[hidden]{display:none}.about-menu-panel a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:12px;transition:background .18s,color .18s}.about-menu-panel a:hover{background:var(--panel-strong);color:var(--cyan)}@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-dropdown{display:flex;flex-direction:column}.mobile-nav-dropdown .nav-menu-toggle{justify-content:space-between;width:100%;padding:8px 0;font-size:14px}.mobile-nav-dropdown .about-menu-panel{position:static;min-width:0;margin:2px 0 4px;padding:4px;border-radius:8px;box-shadow:none;background:var(--panel)}.mobile-nav-dropdown .about-menu-panel a{padding:9px 12px}
.reports-page{background:#f5f8fc;color:#10233d;min-height:65vh}.reports-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#12489b,#123779 62%,#102b5b);color:#f7fbff;padding:75px 0 69px}.reports-hero:before{content:"";position:absolute;inset:0;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.75) .7px,transparent .7px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent)}.reports-hero-orb{position:absolute;width:430px;height:430px;border:1px solid #ffffff1c;border-radius:50%;right:8%;top:-240px;box-shadow:0 0 0 38px #ffffff08,0 0 0 86px #ffffff06;animation:report-float 12s ease-in-out infinite alternate}.reports-hero-inner{position:relative;z-index:1;text-align:center;max-width:880px}.reports-kicker{color:#8ae4ff;font-size:10px;font-weight:700;letter-spacing:.22em}.reports-pill{display:table;margin:20px auto 12px;padding:5px 12px;border:1px solid #ffffff38;border-radius:999px;background:#ffffff14;font-size:11px}.reports-hero h1{margin:0;font:800 clamp(42px,6vw,68px)/1.06 var(--display);letter-spacing:-.065em}.reports-hero-inner>p:not(.reports-pill){max-width:690px;margin:17px auto 24px;color:#d1e0f6;font-size:clamp(15px,2vw,19px);line-height:1.75}.reports-hero-link{display:inline-flex;align-items:center;gap:10px;color:#a9efff;font-size:13px;font-weight:700}.reports-hero-link span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff50;border-radius:50%;transition:transform .2s}.reports-hero-link:hover span{transform:translateY(3px)}.reports-content{padding-top:65px;padding-bottom:95px}.reports-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.reports-toolbar .eyebrow{color:#327ac7;margin-bottom:7px}.reports-toolbar h2{margin:0;color:#10233d;font:700 clamp(25px,3vw,34px)/1.15 var(--display);letter-spacing:-.05em}.report-search-wrap{display:flex;gap:9px;min-width:min(440px,100%)}.report-search-wrap input,.report-search-wrap select{height:43px;padding:0 13px;border:1px solid #d8e2ef;border-radius:10px;background:#fff;color:#172b46;font:500 13px var(--sans)}.report-search-wrap input{min-width:0;flex:1}.report-search-wrap select{max-width:160px}.reports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.report-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e0e8f2;border-radius:17px;background:#fff;box-shadow:0 7px 24px #122a4510;transition:transform .24s,box-shadow .24s,border-color .24s}.report-card:hover{transform:translateY(-5px);border-color:#bfd2e9;box-shadow:0 18px 42px #122a4518}.report-card-cover{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:#edf2f8}.report-card-cover img{width:100%;height:100%;display:block;object-position:center}.report-cover-placeholder{background:radial-gradient(circle at 80% 20%,#2473c755,transparent 32%),linear-gradient(145deg,#102c4c,#174d79);color:#86def9;font:800 46px var(--display);letter-spacing:-.1em}.report-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 18px 7px;color:#6e829e;font-size:10px}.report-card-meta span:last-child{padding:4px 8px;border-radius:999px;background:#eef4fc;color:#315985;font-weight:700}.report-card h3{margin:4px 18px 8px;color:#10233d;font:700 17px/1.35 var(--display);letter-spacing:-.025em}.report-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 18px 18px;color:#667b96;font-size:13px;line-height:1.65}.report-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto 18px 17px;padding-top:13px;border-top:1px solid #edf1f6}.report-view{color:#174b9e;font-size:13px;font-weight:700}.report-card-foot small{color:#8696ab;font-size:10px}.reports-empty,.reports-loading{grid-column:1/-1;padding:35px;border:1px dashed #c9d7e8;border-radius:14px;color:#667b96;text-align:center}.report-detail{padding:55px 0 90px}.report-detail[hidden]{display:none}.report-back{display:inline-flex;margin-bottom:24px;color:#54708f;font-size:13px}.report-detail-head{max-width:880px;margin-bottom:35px}.report-detail-head h1{margin:8px 0 15px;color:#10233d;font:800 clamp(34px,5vw,58px)/1.09 var(--display);letter-spacing:-.06em}.report-detail-meta{color:#71829a;font-size:12px}.report-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.7fr);align-items:start;gap:34px}.report-detail-summary{margin:0;padding:25px 28px;border:1px solid #e0e8f2;border-radius:16px;background:#fff;color:#405878;font-size:16px;line-height:1.9;white-space:pre-line}.report-download-card{position:sticky;top:100px;overflow:hidden;border:1px solid #e1e9f2;border-radius:16px;background:#fff;box-shadow:0 10px 30px #132b4710;padding-bottom:17px}.report-detail-cover{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:#edf2f8}.report-detail-cover img{width:100%;height:100%;object-position:center}.report-detail-cover>span{font:800 50px var(--display);color:#1c6daa}.report-download-meta{margin:13px 17px;color:#637b97;font-size:12px}.report-download-button{display:flex;justify-content:center;margin:0 15px 12px;border-radius:9px;background:#16499a;color:#fff;box-shadow:none}.report-download-card small{display:block;text-align:center;color:#8b9bb0;font-size:11px}.report-download-card .report-download-button[href]{text-decoration:none}.report-download-card .button{cursor:pointer}.site-footer{position:relative;overflow:hidden;background:#071422;color:#edf5fc;padding:0}.footer-cta{padding:32px 0 0}.footer-cta-inner{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;text-align:center;padding:43px 24px 40px;border:1px solid #4d88cf55;border-radius:24px;background:radial-gradient(circle at 88% 0,#5869d355,transparent 38%),linear-gradient(125deg,#10458e,#17356b 65%,#142644);box-shadow:0 18px 50px #0003}.footer-cta-inner:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000,transparent);animation:footer-grid 24s linear infinite}.footer-kicker{color:#a8eaff;font-size:9px;font-weight:700;letter-spacing:.22em}.footer-cta h2{max-width:650px;margin:12px auto 20px;font:750 clamp(26px,4vw,39px)/1.15 var(--display);letter-spacing:-.05em}.footer-cta-inner>a{display:inline-flex;gap:12px;align-items:center;padding:10px 17px;border:1px solid #ffffff55;border-radius:999px;background:#fff;color:#132c4a;font-size:12px;font-weight:700;transition:transform .22s,box-shadow .22s}.footer-cta-inner>a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #06132966}.footer-main{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:42px;padding-top:48px;padding-bottom:38px}.footer-brand .brand{color:#f2f7fb}.footer-brand p{margin:15px 0;color:#aabbd0;font-size:12px;line-height:1.8}.footer-social{display:flex;gap:8px;margin-top:16px}.footer-social a{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0b;color:#b9d7f5;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.footer-social a:hover{transform:translateY(-3px);border-color:#80dcff80;background:#55b7e51e;color:#fff}.footer-column,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-column>b,.footer-contact>b{margin:2px 0 6px;color:#92c9f8;font-size:9px;letter-spacing:.18em}.footer-column a,.footer-contact a,.footer-contact span{color:#afc0d4;font-size:12px;transition:color .18s,transform .18s}.footer-column a:hover,.footer-contact a:hover{color:#8ce5ff;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:15px;padding-bottom:18px;border-top:1px solid #ffffff18;color:#71869f;font-size:10px}.footer-bottom a{color:#9ab4d1}.footer-bottom a:hover{color:#8ce5ff}@keyframes report-float{to{transform:translate3d(-18px,20px,0) rotate(8deg)}}@keyframes footer-grid{to{background-position:70px 35px}}
@media(max-width:980px){.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.report-detail-grid{grid-template-columns:1fr .8fr}}
@media(max-width:700px){.reports-hero{padding:58px 0 53px}.reports-content{padding-top:43px;padding-bottom:65px}.reports-toolbar{display:grid;align-items:stretch}.report-search-wrap{min-width:0}.reports-grid{grid-template-columns:1fr;gap:14px}.report-card{display:grid;grid-template-columns:122px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;border-radius:14px}.report-card-cover{grid-row:1/5;aspect-ratio:auto;min-height:100%;height:100%}.report-card-meta{margin:12px 12px 4px;font-size:9px}.report-card h3{margin:3px 12px 5px;font-size:14px}.report-card-summary{margin:0 12px 8px;font-size:11px;-webkit-line-clamp:2}.report-card-foot{margin:0 12px 11px;padding-top:8px}.report-view{font-size:11px}.report-card-foot small{font-size:9px}.report-detail{padding-top:35px}.report-detail-grid{grid-template-columns:1fr;gap:18px}.report-detail-summary{padding:20px;font-size:14px}.report-download-card{position:static;max-width:360px;width:100%;margin:0 auto}.footer-cta{padding:16px 0 0}.footer-cta-inner{padding:32px 19px;border-radius:18px}.footer-main{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:33px;padding-bottom:27px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom{font-size:9px}.about-menu-panel{right:0}}
@media(prefers-reduced-motion:reduce){.reports-hero-orb,.footer-cta-inner:before{animation:none}.report-card,.footer-cta-inner>a,.footer-social a{transition:none}}

/* Active navigation, readable report preview, and updated technology footer */
.main-nav>a[aria-current="page"],.main-nav [data-nav-key][aria-current="page"],.main-nav [data-nav-about][aria-current="page"]{position:relative;color:#f4fbff!important;background:linear-gradient(110deg,#1689bd38,#7a69e32b);border:1px solid #61d9ff38;border-radius:999px;padding:9px 13px;box-shadow:0 0 18px #28b8e51a}.main-nav [data-nav-about][aria-current="page"]{padding:9px 13px}.mobile-menu [aria-current="page"]{border-radius:9px;background:linear-gradient(105deg,#13a7d72a,#6668e72a);color:#89e8ff!important;padding-left:12px;padding-right:12px}.main-nav [data-nav-key][aria-current="page"]:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:3px;background:linear-gradient(90deg,#38d5f8,#9a83ff);box-shadow:0 0 10px #38d5f8aa}.report-section-title{margin:0 0 12px;color:#153352;font:700 20px/1.25 var(--display);letter-spacing:-.035em}.report-detail-main{min-width:0}.report-reading{margin-top:25px;overflow:hidden;border:1px solid #dce6f1;border-radius:17px;background:#fff;box-shadow:0 12px 34px #1029450d}.report-reading-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;border-bottom:1px solid #e5edf5;background:linear-gradient(110deg,#f9fbfe,#edf6ff)}.report-reading-head h2{margin:0;color:#153352;font:700 16px/1.4 var(--display)}.report-open-pdf{flex:none;color:#1954a3;font-size:12px;font-weight:700}.report-reader-frame{display:block;width:100%;height:min(78vh,920px);min-height:600px;border:0;background:#e8eff7}.report-pdf-unavailable{padding:16px 19px;border:1px dashed #c6d6e8;border-radius:12px;color:#607792}.report-download-button{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:49px;padding:12px 15px;background:linear-gradient(112deg,#1252ad,#137dbb 47%,#5859d9);box-shadow:0 9px 23px #165eb044;transition:transform .22s,box-shadow .22s,filter .22s}.report-download-button:before{content:"";position:absolute;z-index:-1;inset:-60% auto -60% -45%;width:32%;transform:translateX(-150%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffffa8,transparent);animation:report-button-glide 3.3s ease-in-out infinite}.report-download-button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #165eb066;filter:saturate(1.15)}.report-download-button:focus-visible{outline:3px solid #56d8ff;outline-offset:3px}.report-download-button.is-unavailable{pointer-events:none;opacity:.75;justify-content:center}.site-footer{position:relative;isolation:isolate;overflow:hidden;padding:0;background:linear-gradient(120deg,#06111f 0%,#0a1d34 42%,#111c3a 72%,#081726 100%);color:#eff7ff;border-top:1px solid #60dcff33}.footer-glow{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 100%,#0c9dbe2b,transparent 42%),radial-gradient(ellipse at 88% 18%,#7464e32c,transparent 36%)}.footer-glow:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#bdeaff21 1px,transparent 1px),linear-gradient(90deg,#bdeaff21 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(115deg,transparent 8%,#000 48%,transparent 91%);animation:footer-mesh-drift 28s linear infinite}.footer-glow span,.footer-glow i{position:absolute;width:270px;height:270px;border:1px solid #7de3ff20;border-radius:50%;right:13%;top:-190px;box-shadow:0 0 0 28px #7de3ff08,0 0 0 63px #9c8cff08;animation:footer-orbit 12s ease-in-out infinite alternate}.footer-glow i{width:150px;height:150px;right:auto;left:8%;top:auto;bottom:-118px;border-color:#51d5ff20;animation-delay:-4s}.footer-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:19px;padding-bottom:15px;border-bottom:1px solid #c5ddff1d;color:#93abc5;font-size:9px;letter-spacing:.12em}.footer-topline>span:first-child{display:flex;align-items:center;gap:9px;color:#a8dcff;font-weight:700}.footer-topline i{width:7px;height:7px;border-radius:50%;background:#4ce2ba;box-shadow:0 0 12px #4ce2baaa}.footer-main{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:54px;padding-top:34px;padding-bottom:32px}.footer-brand .brand{color:#f2f8ff}.footer-brand .brand-mark{background:linear-gradient(140deg,#68dff4,#8da1ff);color:#071629}.footer-brand p{max-width:330px;margin:12px 0 0;color:#a5bad0;font-size:12px;line-height:1.75}.footer-social{display:flex;gap:8px;margin-top:15px}.footer-social a{width:36px;height:36px;border-radius:11px;background:#ffffff0a;border-color:#9bd9ff2c;color:#bceaff}.footer-column,.footer-contact{gap:10px}.footer-column>b,.footer-contact>b{color:#73dfff;font-size:9px;letter-spacing:.18em}.footer-column a,.footer-contact a,.footer-contact span,.footer-contact p{color:#adc0d5;font-size:12px;line-height:1.6}.footer-column a{display:flex;justify-content:space-between;gap:18px;min-width:190px}.footer-column a span,.footer-contact a span{color:#68d9f6}.footer-contact p{max-width:300px;margin:0 0 1px;color:#8fa7c0}.footer-bottom{position:relative;display:flex;justify-content:space-between;gap:16px;padding-top:13px;padding-bottom:16px;border-top:1px solid #c5ddff1d;color:#7890a9;font-size:10px}.footer-bottom a{color:#b2cae4}.footer-bottom a span{color:#65ddff}.footer-bottom a:hover,.footer-column a:hover,.footer-contact a:hover{color:#73e3ff}.footer-social a:hover{border-color:#6de0ff88;background:#29b4db20;color:#fff}
@keyframes report-button-glide{0%,38%{transform:translateX(-150%) skewX(-20deg)}72%,100%{transform:translateX(460%) skewX(-20deg)}}@keyframes footer-mesh-drift{to{background-position:88px 44px,-88px -44px}}@keyframes footer-orbit{to{transform:translate3d(-16px,16px,0) rotate(8deg)}}
@media(max-width:980px){.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:28px}.report-reader-frame{min-height:500px}}
@media(max-width:700px){.footer-topline{align-items:flex-start;flex-direction:column;gap:6px;padding-top:16px;font-size:8px}.footer-main{grid-template-columns:1fr 1fr;gap:24px 18px;padding-top:27px;padding-bottom:25px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-column a{min-width:0}.footer-bottom{align-items:flex-start;font-size:9px}.report-detail-grid{display:flex;flex-direction:column}.report-detail-main{display:block}.report-download-card{order:-1}.report-reader-frame{height:70vh;min-height:480px}.report-reading-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.report-download-button:before,.footer-glow:before,.footer-glow span,.footer-glow i{animation:none}.report-download-button,.footer-social a{transition:none}}

.reports-page.is-reading .reports-hero{padding:54px 0 158px;text-align:left}.reports-page.is-reading .reports-hero-inner{max-width:1120px;text-align:left}.reports-page.is-reading .reports-kicker{display:block;margin-bottom:15px}.reports-page.is-reading .reports-pill{display:inline-flex;margin:0 0 15px;align-items:center;gap:7px}.reports-page.is-reading .reports-hero h1{max-width:850px;font-size:clamp(34px,5.4vw,62px);line-height:1.08;letter-spacing:-.055em}.reports-page.is-reading .reports-hero-inner>p:not(.reports-pill){max-width:850px;margin:18px 0 0;color:#d1e0f6;font-size:14px;line-height:1.7}.reports-page.is-reading .reports-content{padding-top:0}.reports-page.is-reading .report-detail{padding:32px 0 88px}.report-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.report-back{margin:0;padding:9px 12px;border:1px solid #d9e4f1;border-radius:999px;background:#fff;color:#34577e;transition:background .2s,border-color .2s,transform .2s}.report-back:hover,.report-share-link:hover{background:#eef5ff;border-color:#b8cfea;transform:translateY(-1px)}.report-share-link{padding:9px 12px;border:1px solid #d9e4f1;border-radius:999px;background:#fff;color:#315b92;font:600 12px var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.report-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.68fr);gap:34px}.report-detail-main{display:grid;gap:22px;min-width:0}.report-detail-overview{padding:27px;border:1px solid #e0e8f2;border-radius:18px;background:#fff;box-shadow:0 10px 30px #132b4708}.report-detail-overview .eyebrow{margin:0 0 7px;color:#387bbd;font-size:10px;font-weight:700;letter-spacing:.15em}.report-detail-overview .report-section-title{margin:0 0 12px}.report-detail-summary{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#405878;font-size:15px;line-height:1.9}.report-download-card{z-index:2;margin-top:-184px;top:100px;border-radius:19px;box-shadow:0 20px 50px #0b234322}.report-download-card .report-detail-cover{aspect-ratio:4/3}.report-file-meta{display:flex;justify-content:space-between;gap:12px;margin:16px 18px 12px;color:#335982;font-size:13px}.report-file-meta span:last-child{color:#91a3bb}.report-download-meta{line-height:1.6}.report-download-button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;transition:transform .22s,box-shadow .22s,filter .22s}.report-download-button:before{content:"";position:absolute;z-index:-1;inset:-30% auto -30% -45%;width:36%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff66,transparent);transition:left .55s ease}.report-download-button:hover:before{left:125%}.report-reading{overflow:hidden;border:1px solid #dfe8f2;border-radius:18px;background:#fff;box-shadow:0 12px 34px #102a470b}.report-reading-head{padding:18px 20px;border-bottom:1px solid #eaf0f6}.report-reader-frame{display:block;width:100%;height:min(88vh,1100px);min-height:650px;border:0;background:#eef3f8}.report-open-pdf{color:#2867a8;font-size:12px;font-weight:650}.report-open-pdf:hover{text-decoration:underline}@media(max-width:800px){.reports-page.is-reading .reports-hero{padding:40px 0 130px}.reports-page.is-reading .report-detail-grid{display:flex;flex-direction:column;gap:20px}.report-download-card{order:-1;width:min(100%,460px);margin:-110px auto 0;position:relative;top:auto}.report-detail-main{display:grid;width:100%}.report-reader-frame{height:76vh;min-height:520px}}@media(max-width:540px){.reports-page.is-reading .reports-hero{padding:32px 0 120px}.reports-page.is-reading .reports-hero h1{font-size:clamp(31px,9vw,43px)}.reports-page.is-reading .reports-hero-inner>p:not(.reports-pill){font-size:12px}.report-detail-actions{align-items:flex-start}.report-share-link,.report-back{font-size:11px;padding:8px 10px}.report-detail-overview{padding:20px}.report-detail-summary{font-size:14px}.report-download-card{margin-top:-100px}.report-reader-frame{height:74vh;min-height:460px}}@media(prefers-reduced-motion:reduce){.report-download-button:before{display:none}.report-back,.report-share-link,.report-download-button{transition:none}}

/* Market report reading workspace: concise overview, full reader, fixed download card */
.reports-page.is-reading .reports-hero{display:none}
.reports-page.is-reading .reports-content{max-width:1520px;padding-top:20px;padding-bottom:80px}
.reports-page.is-reading .report-detail{padding:0}
.report-detail-actions{justify-content:flex-start;margin-bottom:20px}
.report-back{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px}
.report-detail-heading{max-width:1050px;margin:0 0 24px}
.report-detail-heading>.eyebrow{margin:0 0 9px;color:#2778bd;font-size:10px;font-weight:800;letter-spacing:.16em}
.report-detail-heading h1{margin:0;color:#102d4d;font:750 clamp(27px,3.5vw,42px)/1.15 var(--display);letter-spacing:-.045em}
.report-detail-heading .report-detail-meta{margin:12px 0 0;color:#7489a4;font-size:12px;line-height:1.6}
.report-detail-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,.94fr);align-items:start;gap:32px}
.report-detail-main{display:grid;gap:22px;min-width:0}
.report-detail-overview{padding:25px 28px}
.report-detail-overview .report-section-title{margin:0 0 12px}
.report-detail-summary{color:#3e5878;font-size:15px;line-height:1.85}
.report-download-card{position:sticky;top:104px;z-index:1;width:100%;margin:0;padding-bottom:18px;border-radius:20px;box-shadow:0 16px 42px #10294417}
.report-download-card .report-detail-cover{aspect-ratio:4/3}
.report-file-meta{margin:17px 19px 13px}
.report-download-button{min-height:52px;margin:0 18px 13px}
.report-download-card small{padding:0 12px}
.report-reading{margin:0}
.report-reading-head{min-height:61px}
.report-reading-head h2{font-size:16px}
.report-reader-frame{height:min(88vh,1080px);min-height:680px}
@media(max-width:980px){
  .reports-page.is-reading .reports-content{max-width:100%;padding-top:16px}
  .report-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(285px,.8fr);gap:20px}
  .report-reader-frame{min-height:590px}
}
@media(max-width:760px){
  .reports-page.is-reading .reports-content{padding:13px 16px 54px}
  .report-detail-actions{margin-bottom:16px}
  .report-detail-heading{margin-bottom:19px}
  .report-detail-heading h1{font-size:clamp(25px,7vw,34px)}
  .report-detail-grid{display:flex;flex-direction:column;gap:18px}
  .report-detail-main{display:grid;width:100%;gap:16px}
  .report-download-card{position:relative;order:-1;top:auto;width:min(100%,520px);margin:0 auto 2px}
  .report-detail-overview{padding:21px}
  .report-detail-summary{font-size:14px;line-height:1.8}
  .report-reader-frame{height:76vh;min-height:500px}
  .report-reading-head{align-items:flex-start;flex-direction:row}
}
@media(max-width:520px){
  .reports-page.is-reading .reports-content{padding-right:12px;padding-left:12px}
  .report-detail-heading h1{font-size:27px}
  .report-detail-meta{font-size:11px}
  .report-detail-overview{padding:18px}
  .report-reading-head{padding:14px}
  .report-reading-head h2{font-size:14px}
  .report-open-pdf{font-size:11px}
  .report-reader-frame{height:74vh;min-height:440px}
}
@media(prefers-reduced-motion:reduce){
  .report-download-button:before{animation:none;transition:none}
  .report-back,.report-download-button{transition:none}
}

/* Compact two-level AI navigation */
.ai-tools-submenu{grid-column:1/-1;min-width:0;padding:5px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 64%,transparent)}
.ai-tools-submenu-toggle{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease}
.ai-tools-submenu-toggle:hover,.ai-tools-submenu-toggle:focus-visible,.ai-tools-submenu-toggle[aria-expanded=true]{background:var(--panel);color:var(--cyan);outline:none}
.ai-tools-submenu-toggle .ai-menu-copy{display:grid;gap:3px}
.ai-tools-submenu-toggle .ai-menu-copy strong{font-size:13px}
.ai-tools-submenu-toggle .ai-menu-copy small{color:var(--muted);font-size:10px;line-height:1.45}
.ai-tools-submenu-toggle .nav-menu-chevron{justify-self:center;transition:transform .18s ease}
.ai-tools-submenu-toggle[aria-expanded=true] .nav-menu-chevron{transform:rotate(180deg)}
.ai-tools-submenu-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}
.ai-tools-submenu-content[hidden]{display:none!important}
.ai-tools-submenu-content .ai-menu-item{padding:10px 8px;font-size:11px}

/* Keep the expanded AI News menu inside the screen and make long menus touch-scrollable. */
.nav-menu-panel{max-height:calc(100vh - 112px);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cyan) 42%,transparent) transparent}
.site-header .mobile-menu:not([hidden]){max-height:calc(100vh - 84px - env(safe-area-inset-bottom));max-height:calc(100dvh - 84px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cyan) 42%,transparent) transparent}
@media(max-width:1100px){.site-header .mobile-menu .nav-menu-panel{max-height:min(62vh,520px);max-height:min(62dvh,520px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}
@media(prefers-reduced-motion:reduce){.nav-menu-panel,.site-header .mobile-menu{scroll-behavior:auto}}
.robot-widget{position:fixed;z-index:45;left:18px;right:auto;top:auto;bottom:20px;width:88px;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;animation:robot-float 5.4s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}
.robot-widget:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.robot-widget.is-dragging{animation:none;cursor:grabbing;transform:scale(1.04);filter:drop-shadow(0 16px 22px rgba(0,0,0,.38))}
.robot-widget.is-speaking{animation:robot-greet .65s ease-in-out 2}
.robot-widget:before{inset:13%;pointer-events:none}
.robot-widget .robot-svg{pointer-events:none}
.robot-widget .robot-status{right:auto;left:50%;bottom:-5px;transform:translate(-50%,100%);font-size:7px;pointer-events:none}
.robot-speech{position:absolute;right:-15px;top:-5px;z-index:2;padding:7px 11px;border:1px solid color-mix(in srgb,var(--cyan) 54%,var(--line));border-radius:14px 14px 4px 14px;background:var(--panel-strong);color:var(--text);font:700 12px/1 var(--sans);box-shadow:0 8px 24px rgba(0,0,0,.22);pointer-events:none;animation:robot-speech-pop .2s ease-out both}
.robot-speech[hidden]{display:none}
.robot-widget.is-speaking .bot-eye{animation:robot-blink .48s ease-in-out 2}
.robot-widget.is-speaking .bot-mouth{animation:robot-talk .36s ease-in-out 3;transform-box:fill-box;transform-origin:center}
@keyframes robot-greet{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-8deg)}50%{transform:translateY(0) rotate(8deg)}75%{transform:translateY(-4px) rotate(-4deg)}}
@keyframes robot-speech-pop{from{opacity:0;transform:translateY(5px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes robot-blink{0%,100%{transform:translate(var(--robot-eye-x,0px),var(--robot-eye-y,0px)) scaleY(1)}48%,58%{transform:translate(var(--robot-eye-x,0px),var(--robot-eye-y,0px)) scaleY(.16)}}
@keyframes robot-talk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.55)}}
@media(max-width:700px){.ai-tools-submenu-content{grid-template-columns:1fr}.robot-widget{left:12px;right:auto;top:auto;bottom:14px;width:78px}.robot-widget .robot-status{font-size:6px;padding:5px 7px}}
@media(max-width:390px){.robot-widget{left:9px;right:auto;width:72px}}
@media(prefers-reduced-motion:reduce){.ai-tools-submenu-toggle,.ai-tools-submenu-toggle .nav-menu-chevron{transition:none}.robot-widget,.robot-widget:before,.robot-widget.is-speaking,.robot-widget .bot-eye,.robot-widget .bot-mouth,.robot-speech{animation:none!important}}

/* Training Library */
.training-library-page{min-height:68vh;background:#f5f8fc;color:#102841}
.training-library-hero{position:relative;overflow:hidden;padding:74px 0 66px;background:linear-gradient(125deg,#07111b 0%,#0d2436 58%,#123b56 100%);color:#f5f9ff}
.training-library-hero:after{content:"";position:absolute;width:460px;height:460px;right:-90px;top:-260px;border:1px solid #52cfff33;border-radius:50%;box-shadow:0 0 0 42px #52cfff0a,0 0 0 84px #52cfff08}
.training-library-hero .section-wrap{position:relative;z-index:1}.training-library-hero .eyebrow{color:#69d9ff}.training-library-hero h1{max-width:800px;margin:10px 0 16px;font:700 clamp(42px,7vw,76px)/1.03 var(--display);letter-spacing:-.065em}.training-library-hero h1 span{color:#7ce9ff}.training-library-hero p:last-child{max-width:610px;margin:0;color:#c3d3e3;font-size:17px;line-height:1.65}
.training-library-content{padding-top:44px;padding-bottom:88px}.training-library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;min-width:0}.training-library-toolbar h2{margin:0;color:#102841;font:650 25px/1.2 var(--display);letter-spacing:-.04em}.training-library-toolbar>div{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:9px;flex:0 1 560px;min-width:0}.training-library-toolbar input,.training-library-toolbar select{width:100%;min-width:0;min-height:46px;padding:10px 13px;border:1px solid #d9e2ee;border-radius:12px;background:#fff;color:#1b3044;font:inherit;font-size:13px}.training-library-toolbar input:focus,.training-library-toolbar select:focus{outline:3px solid #37bdf333;border-color:#34aeda}.training-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.training-public-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;min-width:0;padding:24px;border:1px solid #dfe8f1;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 12px 36px #09243c0b;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.training-public-card:only-child{max-width:840px}.training-public-card:hover{transform:translateY(-3px);border-color:#9bdfff;box-shadow:0 18px 42px #09243c15}.training-file-icon{width:58px;height:68px;display:grid;place-items:center;align-self:start;border-radius:14px;background:linear-gradient(145deg,#e7f9ff,#eef3ff);color:#1266b3;font-size:10px;font-weight:800;letter-spacing:.06em}.training-public-card-body{min-width:0;overflow-wrap:anywhere}.training-public-topic{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#277dc0}.training-public-card h3{margin:6px 0 9px;color:#102841;font:700 19px/1.35 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere}.training-public-card p{margin:0 0 12px;color:#60758c;font-size:14px;line-height:1.65}.training-public-card small{color:#8494a7;font-size:11px;overflow-wrap:anywhere}.training-public-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.training-public-actions .button{min-height:42px;padding:10px 14px;border-radius:11px;font-size:12px}.training-public-empty,.training-public-error{padding:24px;color:#667991}.training-public-error{color:#ad382e}.training-public-grid[hidden]{display:none}
@media(max-width:900px){.training-library-toolbar{align-items:stretch;flex-direction:column;gap:14px}.training-library-toolbar>div{flex:1 1 auto;width:100%;max-width:640px}.training-public-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.training-library-hero{padding:56px 0 48px}.training-library-content{padding-top:30px}.training-public-grid{grid-template-columns:1fr}.training-public-card{padding:18px}}
@media(max-width:520px){.training-library-toolbar>div{grid-template-columns:minmax(0,1fr)}.training-public-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}.training-file-icon{width:44px;height:52px}.training-public-card h3{font-size:16px}.training-public-actions{display:grid;grid-template-columns:1fr}.training-public-actions .button{width:100%;justify-content:center}}

.resource-card.is-featured{border-color:#d5ad43;box-shadow:0 0 0 1px #d5ad4333,0 10px 26px #d5ad4314}.resource-feature-star{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#fff3c4;color:#926300;font-size:9px;font-weight:800;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}