/* Nass Next / blue glass visual system */
:root{--bg:#080a0f;--card:#11151d;--text:#f3f6fc;--muted:#a0a9ba;--line:#ffffff14;--orange:#7db2ff;--soft:#1a2333;--glass:#10151dd9}
body{background-image:radial-gradient(ellipse at 78% 0%,#235bdd0b,transparent 38%);font-family:'DM Sans',sans-serif}
body.light{--bg:#f5f8ff;--card:#ffffff;--text:#10213e;--muted:#51617e;--line:#152b4924;--soft:#e8f0ff;--glass:#ffffffdf}
header{position:relative;z-index:30;max-width:1240px;margin:18px auto 0;border:0;padding:0 18px}
.nav{border:1px solid var(--line);border-radius:24px;padding:15px 22px;gap:19px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff09,0 10px 35px #00000012}
.brand{font-family:'Manrope','DM Sans',sans-serif;gap:11px;letter-spacing:-.8px;font-size:23px;font-weight:800}
.brand-wordmark{white-space:nowrap}.brand-wordmark>span{font-weight:500;color:var(--orange)}
.brand-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:1px solid #cfe4ff36}
.navlinks{gap:20px}.navlinks a{padding:7px 0;transition:color .2s}.navlinks a.active:after{height:2px;margin-top:2px;background:linear-gradient(90deg,var(--orange),#7dd3fc)}
h1,h2{font-family:'Manrope','DM Sans',sans-serif;font-weight:600;letter-spacing:-1.7px}h1 em{background-image:linear-gradient(100deg,#629eff,#b0ddff)}
h2{font-size:34px;letter-spacing:-1.1px}.eyebrow{font-size:12px;letter-spacing:2px}.badge{font-size:13px;background:#719aff09;border-color:#83b5ff24;padding:6px 13px}
.hero{padding-top:65px;background:radial-gradient(ellipse at 76% 42%,#2f70eb10,transparent 56%)}
.hero-layout{grid-template-columns:1.35fr 1fr;gap:54px;margin-bottom:48px;min-height:470px}.hero-copy .channel-avatar{display:none}
.hero-copy h1{font-family:'Manrope','DM Sans',sans-serif;font-weight:600;font-size:clamp(44px,4.7vw,66px);line-height:1.1;letter-spacing:-2.9px;margin:24px 0}.hero-copy .intro{font-size:16px;line-height:1.9;max-width:545px}
.button{background:linear-gradient(145deg,#9bc7ff,#72a9ff);border-color:#bddcff60;color:#08172b;font-size:14px;padding:13px 22px}.button.secondary{background:linear-gradient(145deg,#ffffff09,#ffffff02);border-color:var(--line);color:var(--text);backdrop-filter:blur(12px)}
.avatar-stage{max-width:400px;min-height:455px;display:grid;place-items:center;isolation:isolate}.avatar-stage:before{display:none}.glass-halo{display:none}
.avatar-entrance{width:240px;z-index:2;pointer-events:none}.avatar-idle{border-radius:115px 115px 90px 90px;border:1px solid #d6e8ff42;box-shadow:inset 0 1px 0 #fff5,0 24px 65px #0005}.host-portrait{max-height:415px;object-fit:cover;object-position:50% 30%}.portrait-reflection{mix-blend-mode:soft-light;opacity:.75}
.hero-orb{position:absolute;z-index:0;width:390px;height:390px;border-radius:50%;border:1px solid #b9dfff40;background:radial-gradient(ellipse at 26% 19%,#e0f4ff50 0%,#74b6ff18 18%,transparent 40%),radial-gradient(ellipse at 76% 78%,#3482ff70,transparent 54%),radial-gradient(ellipse at 40% 65%,#163d9b88,#12203838 66%);box-shadow:inset 5px 4px 20px #c2e8ff29,inset -8px -12px 30px #2269ff4a,0 0 55px #1c64ff0d;transform:translate3d(calc(var(--hero-x)*-6px),calc(var(--hero-y)*-5px),0);overflow:hidden;pointer-events:none}
.orb-caustic{position:absolute;inset:-20%;border-radius:50%;background:conic-gradient(from 45deg,transparent 15%,#9ce8ff18 25%,transparent 38%,#477cff33 60%,transparent 75%);animation:orb-light 24s ease-in-out infinite;animation-play-state:paused}.hero-visible .orb-caustic{animation-play-state:running}.orb-inner{position:absolute;inset:14px;border-radius:50%;border:1px solid #b9ddff15;box-shadow:inset 0 -10px 24px #3e79ff13}
@keyframes orb-light{0%,100%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(22deg) scale(1.04)}}
.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid #c5dfff28;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px;padding:13px 16px;box-shadow:inset 0 1px 0 #ffffff14,0 10px 30px #0002;font-size:14px;line-height:1.5;transform:translate3d(calc(var(--hero-x)*-8px),calc(var(--hero-y)*-5px),0);transition:border-color .25s,box-shadow .25s}
.float-card small{display:block;color:var(--muted);font-size:12px}.float-card:hover{border-color:#83b8ff80;box-shadow:0 8px 30px #3b76dd18}.float-icon{color:var(--orange);font-size:23px}.float-tools{top:42px;right:-24px}.float-videos{bottom:62px;left:-43px}.float-news{bottom:0;right:-10px}
.hero .metrics{border-radius:19px;background:linear-gradient(115deg,#ffffff04,transparent),var(--card);padding:21px 0}.metric strong{font-family:'Manrope',sans-serif;font-weight:600;font-size:25px}.metric span{font-size:13px}
.card{border-radius:21px;background:linear-gradient(145deg,#ffffff05,transparent),var(--card);box-shadow:inset 0 1px 0 #ffffff03;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{border-color:#72aaff50;box-shadow:0 12px 32px #0002}.cardbody{padding:23px}.card h3{font-size:18px;letter-spacing:-.3px}.category{font-size:12px}.cardmeta{font-size:13px}.thumb img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.toolmini{border-radius:17px}.split{background:linear-gradient(125deg,#1f365a24,transparent),var(--card);border-radius:25px}.split h2{font-size:38px}.section{padding-top:80px}.sectionhead p{font-size:15px}
.tools-page .pagehead{padding:64px 0 28px}.tools-page h1{font-size:clamp(40px,5vw,60px);letter-spacing:-2px;margin:10px 0 20px}.tools-page .intro{max-width:650px;font-size:16px}.tool-controls{margin-top:4px}.tools-page .searchrow{margin:0 0 22px}.tool-search-wrap{position:relative;width:100%;display:block}.tool-search-wrap>span{position:absolute;top:10px;left:19px;font-size:26px;line-height:1.5;color:var(--muted);pointer-events:none}.tools-page .search{max-width:none;padding:17px 20px 17px 52px;border-radius:17px;background:var(--card);font-size:16px}.tools-page .filters{gap:10px;margin-bottom:23px}.tools-page .filter{padding:9px 18px;border-radius:99px;color:var(--muted);background:#ffffff03;transition:background .2s,border-color .2s,color .2s}.tools-page .filter.active{color:#0b1930;background:var(--orange);border-color:var(--orange)}.tools-page .filter:hover:not(.active){border-color:#75afff70;color:var(--text)}.tools-page .toolcount{font-size:14px;margin:0 0 23px}.tool-grid{gap:21px}.toolcard{display:flex}.toolcard .cardbody{display:flex;flex-direction:column;width:100%;padding:25px}.tool-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px;min-height:53px}.toolcard .toolicon{flex:0 0 51px;width:51px;height:51px;margin:0;border:1px solid #94bcff26;border-radius:14px;background:linear-gradient(140deg,#95c5ff16,#4485ff08);font-family:'Manrope',sans-serif;font-size:25px}.tool-heading h3{font-size:20px;margin:0 0 5px}.tool-category{font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500}.toolcard p{font-size:15px;line-height:1.75;margin:0 0 25px;min-height:78px}.tool-visit{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:500;margin-top:auto;transition:background .2s,border-color .2s}.tool-visit:hover{background:#70a9ff10;border-color:#75afff55}.tool-visit>span:last-child{color:var(--orange)}.tools-page .empty h2{font-size:25px}.tools-page .empty p{margin-bottom:23px}
.motion-paused .orb-caustic{animation-play-state:paused}
@media(min-width:721px) and (max-width:1050px){.hero-layout{gap:20px;grid-template-columns:1.2fr 1fr}.avatar-stage{max-width:300px}.hero-orb{width:300px;height:300px}.avatar-entrance{width:205px}.float-tools{right:-5px;top:36px}.float-videos{left:-12px;bottom:63px}.float-news{right:0}.float-card{padding:10px 12px;gap:8px}.float-card small{font-size:12px}.nav{gap:12px;padding:14px 18px}.navlinks{gap:14px}.brand{font-size:21px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.hero-orb,.float-card{transform:none}.orb-caustic{animation:none}.float-card{backdrop-filter:none}.nav{backdrop-filter:blur(10px)}}
@media(max-width:720px){header{margin:10px auto 0;padding:0 12px}.nav{position:relative;padding:12px 14px;border-radius:20px;gap:12px}.brand{font-size:22px}.brand-avatar{width:34px;height:34px}.navlinks{top:calc(100% + 8px);border:1px solid var(--line);border-radius:18px;gap:7px;background:var(--card);box-shadow:0 20px 40px #0004}.navlinks a{display:block;width:100%;padding:9px 7px}.navlinks a.active:after{display:none}.navlinks a.active{color:var(--orange)}.hero{padding-top:40px}.hero-layout{grid-template-columns:1fr;gap:22px;margin-bottom:28px;min-height:0}.hero-copy h1{font-size:clamp(38px,8vw,56px);letter-spacing:-1.7px}.hero-copy .actions{margin-top:24px}.hero-copy .intro{font-size:16px;line-height:1.8}.avatar-stage{max-width:330px;min-height:410px;width:100%;margin-top:10px}.avatar-entrance{width:200px}.hero-orb{width:290px;height:290px}.host-portrait{max-height:350px}.float-card{padding:10px 12px;gap:8px}.float-tools{top:22px;right:0}.float-videos{left:0;bottom:65px}.float-news{right:0;bottom:1px}.float-card small{font-size:12px}.metric strong{font-size:21px}.metric span{font-size:12px}.section{padding-top:55px}h2{font-size:29px;letter-spacing:-.8px}.split h2{font-size:32px}.tools-page .pagehead{padding-top:42px}.tools-page h1{font-size:42px;letter-spacing:-1.6px}.tool-grid{grid-template-columns:1fr}.tools-page .filter{font-size:13px;padding:9px 14px}.toolcard p{min-height:0}.tools-page .filters{gap:8px}.contact-copy h1{font-size:42px}}
@media(max-width:360px){.brand{font-size:19px}.nav{gap:8px}.hero-copy h1{font-size:36px}.float-card{font-size:13px}.float-card small{font-size:11px}.metric strong{font-size:19px}.metric span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.orb-caustic{animation:none!important}.hero-orb,.float-card{transform:none!important}.card,.tool-visit,.filter{transition:none!important}}
@media(min-width:721px) and (max-width:900px){.nav{position:relative}.menu{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 20px 40px #0004}.navlinks.open{display:flex}.navlinks a{padding:9px}.navlinks a.active:after{display:none}}
/* Shared dimensional brand badges: crisp logo artwork on raised glass tiles. */
.icon-3d{position:relative;display:inline-grid;place-items:center;isolation:isolate;flex:0 0 auto;width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,#33425a,#151d2c 62%,#0e1520);border:1px solid #d7e9ff30;box-shadow:inset 0 2px 2px #ffffff24,inset 0 -3px 3px #0005,0 4px 0 #080d16,0 8px 13px #0004;transform:perspective(300px) rotateX(7deg) rotateY(-7deg);transition:transform .3s ease,box-shadow .3s ease;vertical-align:middle}
.icon-3d:after{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(140deg,#fff2,transparent 45%);pointer-events:none;z-index:2}
.icon-3d img,.icon-3d svg{position:relative;z-index:1;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 0 #0003) drop-shadow(0 5px 3px #0004);transform:translateY(-1px)}
.icon-3d.youtube-icon{background:linear-gradient(145deg,#4d2635,#221720 65%,#14121a);border-color:#ff74863d}.icon-3d.email-icon{background:linear-gradient(145deg,#334d75,#17283d 70%,#101b2b);border-color:#9acaff45}
.contact-link .social-icon{width:52px;height:52px;border-radius:16px}.contact-link .social-icon svg{width:34px;height:34px}.contact-arrow-icon{margin-left:auto;flex-shrink:0;color:var(--muted)}
.contact-link:hover .icon-3d,.social-button:hover .icon-3d,.toolmini:hover .icon-3d,.toolcard:hover .icon-3d{transform:perspective(300px) rotateX(0deg) rotateY(0deg) translateY(-2px)}
.toolmini .toolicon.icon-3d{display:grid;width:64px;height:64px;margin:0 auto 18px;border-radius:19px}.toolcard .toolicon.icon-3d{width:58px;height:58px;flex-basis:58px;border-radius:17px;background:linear-gradient(140deg,#33425a,#151d2c 62%,#0e1520);border-color:#d7e9ff30}.toolcard .toolicon.icon-3d img{width:34px;height:34px}.toolmini .icon-3d img{width:39px;height:39px}.toolmini{padding-top:24px;padding-bottom:22px}
.footer-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.social-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:155px;padding:13px 22px 16px;border:1px solid var(--line);border-radius:19px;background:var(--card);font-size:15px;font-weight:600;transition:border-color .2s,background .2s}.social-button:hover{border-color:#7db2ff70;background:var(--soft)}.social-button:active{transform:scale(.98)}.social-button .icon-3d{width:40px;height:40px;border-radius:12px}.social-button .icon-3d svg{width:28px;height:28px}
.light .icon-3d,.light .toolcard .toolicon.icon-3d{background:linear-gradient(145deg,#ffffff,#e2eaf5 65%,#c7d5e8);border-color:#abc2df88;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #8399b12a,0 4px 0 #b3c2d8,0 8px 13px #253a571a}.light .youtube-icon{background:linear-gradient(145deg,#fff,#ffe7eb)}.light .email-icon{background:linear-gradient(145deg,#fff,#dcecff)}.light .icon-3d img,.light .icon-3d svg{filter:drop-shadow(0 2px 0 #344a671f) drop-shadow(0 4px 3px #253a5730)}
@media(max-width:720px){.contact-link{padding:18px 16px;gap:13px}.contact-link .social-icon{width:44px;height:44px;border-radius:14px}.contact-link .social-icon svg{width:30px;height:30px}.footer-social{width:100%;gap:12px}.social-button{flex:1;min-width:130px;padding:12px 14px 15px}.toolmini .toolicon.icon-3d{width:54px;height:54px;border-radius:17px}.toolmini .icon-3d img{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){.icon-3d,.contact-link:hover .icon-3d,.social-button:hover .icon-3d,.toolmini:hover .icon-3d,.toolcard:hover .icon-3d{transform:none!important;transition:none!important}}