/* Homepage app chrome, monochrome glass, two appearances. */
body.main-screen{--surface:#fff;--text:#222;--secondary:#686868;--edge:#dedede;--glass:rgba(235,235,235,.78);color:var(--text);background:var(--surface)!important;transition:background .25s,color .25s}
body.main-screen .header{top:12px;width:calc(100% - 32px);max-width:1440px;height:72px;border-radius:22px;background:linear-gradient(130deg,#ffffffed,#eeeeeed9);border:1px solid #d6d6d6;box-shadow:inset 0 1px 0 #fff,0 8px 30px #0000000a;backdrop-filter:blur(30px) saturate(0);padding:0 20px;gap:20px}
body.main-screen .brand img{width:180px}
body.main-screen .nav{margin-left:auto;padding:5px;background:#00000005;border:1px solid #00000006;border-radius:15px;gap:0;font-size:12px}
body.main-screen .nav>a:not(.button),body.main-screen .nav-drop summary{padding:11px 13px;border-radius:10px;color:#454545;white-space:nowrap}
body.main-screen .nav>a:hover,body.main-screen .nav-drop summary:hover{background:#00000009}
body.main-screen .nav .button.small{margin-left:4px;min-height:39px;font-size:11px;padding:9px 13px;gap:12px}
.home-theme-toggle{position:relative;flex-shrink:0;width:68px;height:36px;display:flex;align-items:center;justify-content:space-around;border:1px solid #cfcfcf;border-radius:99px;background:#d7d7d7;box-shadow:inset 0 2px 4px #0001;color:#666;font:20px/1 inherit;cursor:pointer}
.home-theme-toggle:before{content:'';position:absolute;width:28px;height:28px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 5px #0002;transition:transform .25s}
.home-theme-toggle span{position:relative;z-index:1;font-size:19px;line-height:1}.home-theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}.home-theme-toggle[aria-checked=true]:before{transform:translateX(32px);background:#555}.home-theme-toggle[aria-checked=true]{background:#191919;border-color:#555;color:#eee}
body.main-screen .journey-tabs{padding:7px;gap:7px;border-radius:20px;background:linear-gradient(120deg,#bdbdbdc9,#e0e0e0c9 48%,#abababc9)!important;border:1px solid #aaa;box-shadow:inset 0 1px 1px #ffffffef,inset 0 -1px 3px #0001,0 10px 24px #00000009;backdrop-filter:blur(25px)}
body.main-screen .journey-tabs button{background:#ffffff26;color:#414141;border:1px solid #ffffff3d;border-radius:14px;min-height:63px;transition:background .2s,box-shadow .2s}
body.main-screen .journey-tabs button[aria-selected=true]{background:linear-gradient(140deg,#fff,#efefef);color:#171717;border-color:#fff;box-shadow:0 3px 10px #0002,inset 0 1px 0 #fff}
body.main-screen .journey-tabs button:hover{background:#ffffff9e;color:#111}
body.main-screen .journey-tab-number{border-color:#777;color:inherit}
body.home-dark{--surface:#101010;--text:#eee;--secondary:#aaa;--edge:#414141;--ink:#eee;--muted:#aaa;--line:#414141;--soft:#1c1c1c;color-scheme:dark}
body.home-dark .header{background:linear-gradient(130deg,#414141db,#1d1d1de8);border-color:#555;box-shadow:inset 0 1px 0 #ffffff38,0 10px 35px #0005}
body.home-dark .brand img,body.home-dark .footer-brand img{filter:brightness(0) invert(1)}
body.home-dark .nav{background:#0002;border-color:#ffffff0c}
body.home-dark .nav>a:not(.button),body.home-dark .nav-drop summary{color:#ddd}
body.home-dark .nav>a:hover,body.home-dark .nav-drop summary:hover{background:#ffffff12}
body.home-dark .nav-drop>div,body.home-dark .nav{color:#ddd}
body.home-dark .nav-drop>div{background:#292929;border-color:#555}
body.home-dark .nav-drop a:hover{background:#3a3a3a}
body.home-dark.main-screen .home-product-hero,body.home-dark.main-screen .products-section,body.home-dark.main-screen .dark-section,body.home-dark.main-screen .soft{background:#101010!important}
body.home-dark .home-product-copy h1,body.home-dark h2,body.home-dark h3,body.home-dark .text-link,body.home-dark .home-category-title{color:#eee}
body.home-dark .home-product-copy h1>span{color:#858585}
body.home-dark p,body.home-dark .home-product-copy>p:not(.eyebrow),body.home-dark .section-head p,body.home-dark .eyebrow,body.home-dark .project-studio,body.home-dark .card-meta,body.home-dark .audience-card-bottom,body.home-dark .category-photo-credit{color:#aaa!important}
body.home-dark .button{background:linear-gradient(140deg,#f6f6f6,#d0d0d0);border-color:#eee;color:#171717;box-shadow:inset 0 1px 0 #fff,0 4px 14px #0004}
body.home-dark .button:hover{background:#fff;color:#111}
body.home-dark .hero-art-halo{background:radial-gradient(ellipse,#33333380,transparent 70%)}
body.home-dark.main-screen .art-podium{background:linear-gradient(120deg,#555,#292929)!important;border-color:#666;box-shadow:inset 0 1px 0 #ffffff30,0 20px 30px #0005}
body.home-dark .hero-phone-art figcaption,body.home-dark .hero-phone-art figcaption>span{color:#aaa}
body.home-dark .value-grid>div,body.home-dark .audience-card,body.home-dark .home-category,body.home-dark .project-card,body.home-dark .home-category-guide,body.home-dark .home-choice{background:linear-gradient(140deg,#292929e8,#191919ef)!important;border-color:#444;box-shadow:inset 0 1px 0 #ffffff12,0 12px 30px #0002}
body.home-dark .ecosystem-visual,body.home-dark .home-category-art{background:#353535!important}
body.home-dark .journey-tabs{background:linear-gradient(120deg,#4e4e4ed9,#2c2c2ce6 48%,#444444db)!important;border-color:#666;box-shadow:inset 0 1px 0 #ffffff38,0 10px 25px #0004}
body.home-dark .journey-tabs button{background:#ffffff06;color:#ccc;border-color:#ffffff10}
body.home-dark .journey-tabs button[aria-selected=true]{background:linear-gradient(130deg,#727272,#454545);color:#fff;border-color:#888;box-shadow:inset 0 1px 0 #ffffff45,0 3px 10px #0005}
body.home-dark .journey-tabs button:hover{background:#ffffff20;color:#fff}
body.home-dark footer{background:#181818;border-color:#333;color:#aaa}
body.home-dark .social-button{background:#303030;border-color:#555;color:#ddd}
body.home-dark .footer-bottom{border-color:#444;color:#aaa}
body.home-dark .main-mobile-nav{background:linear-gradient(130deg,#444444e8,#202020ef);border-color:#666;box-shadow:inset 0 1px 0 #ffffff30,0 8px 25px #0005}
body.home-dark .main-mobile-nav>a,body.home-dark .main-mobile-nav>button{color:#ddd}
body.home-dark .main-mobile-nav>a:hover,body.home-dark .main-mobile-nav>button:hover{background:#ffffff15}
body.home-dark .audience-sheet{background:linear-gradient(140deg,#343434,#171717);border-color:#666;color:#eee;box-shadow:inset 0 1px 0 #ffffff24,0 20px 80px #0008}
body.home-dark .audience-sheet>a,body.home-dark .audience-close{border-color:#555;color:#ddd;background:#ffffff08}
@media(max-width:1100px){body.main-screen .header{gap:12px;padding:0 14px}body.main-screen .brand img{width:150px}body.main-screen .nav>a:not(.button),body.main-screen .nav-drop summary{padding:10px 8px;font-size:11px}}
@media(max-width:900px) and (min-width:761px){body.main-screen .brand img{width:125px}body.main-screen .header{gap:8px}body.main-screen .nav>a:not(.button),body.main-screen .nav-drop summary{padding:10px 6px;font-size:10px}.home-theme-toggle{width:60px}.home-theme-toggle[aria-checked=true]:before{transform:translateX(24px)}}
@media(max-width:760px){body.main-screen .header{top:10px;height:62px;width:calc(100% - 24px);padding:0 13px;gap:12px;border-radius:19px}body.main-screen .brand{margin-right:auto}body.main-screen .brand img{width:151px}body.main-screen .menu-button{order:3;margin:0;font-size:12px}body.main-screen .home-theme-toggle{order:2;width:60px;height:34px}.home-theme-toggle:before{width:26px;height:26px}.home-theme-toggle[aria-checked=true]:before{transform:translateX(24px)}body.main-screen .nav{margin:0;top:72px;padding:15px;gap:6px;background:#ffffffed;border-color:#ddd}body.main-screen .nav>a:not(.button),body.main-screen .nav-drop summary{padding:11px 13px;font-size:15px}body.home-dark .nav{background:#252525f5;border-color:#555}body.home-dark .menu-button{background:#ffffff10;border-color:#666;color:#ddd}body.main-screen .journey-tabs button{min-height:57px;padding:10px 16px}.main-mobile-nav{background:linear-gradient(130deg,#f5f5f5e8,#d7d7d7ed);border-color:#aaa;box-shadow:inset 0 1px 0 #fff,0 8px 25px #0002}}
@media(prefers-reduced-motion:reduce){body.main-screen,.home-theme-toggle:before{transition:none}}
/* Comfortable reading sizes on the homepage, across both appearances. */
body.main-screen .home-product-copy>p:not(.eyebrow),
body.main-screen .section-head p:not(.eyebrow),
body.main-screen .section-head>div>p:not(.eyebrow),
body.main-screen .value-grid p,
body.main-screen .audience-card p,
body.main-screen .journey-panel p,
body.main-screen .home-choice p{font-size:18px;line-height:1.75}
body.main-screen .section-head p:not(.eyebrow),body.main-screen .section-head>div>p:not(.eyebrow){max-width:760px}
body.main-screen .audience-card-bottom,body.main-screen .text-link,body.main-screen .project-studio{font-size:16px;line-height:1.6}
body.main-screen .home-category-title,body.main-screen .home-category-title h3{font-size:18px;line-height:1.45}
body.main-screen .journey-tab-label{font-size:16px}
body.main-screen .footer-brand p,body.main-screen .footer-main{font-size:15px;line-height:1.75}
@media(max-width:760px){
body.main-screen .home-product-copy>p:not(.eyebrow),body.main-screen .section-head p:not(.eyebrow),body.main-screen .section-head>div>p:not(.eyebrow),body.main-screen .value-grid p,body.main-screen .audience-card p,body.main-screen .journey-panel p,body.main-screen .home-choice p{font-size:17px;line-height:1.75}
body.main-screen .audience-card-bottom,body.main-screen .text-link,body.main-screen .project-studio{font-size:15px}
body.main-screen .home-product-copy .text-link,body.main-screen .home-product-copy .button,body.main-screen .home-choice .button{font-size:15px}
body.main-screen .home-category-title,body.main-screen .home-category-title h3{font-size:16px;line-height:1.5}
body.main-screen .journey-tab-label{font-size:15px}
body.main-screen .footer-brand p,body.main-screen .footer-main{font-size:14px;line-height:1.75}
}