@font-face{font-family:'Mona Sans';src:url('../fonts/MonaSans-Variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:'Mona Sans';src:url('../fonts/MonaSans-Italic.ttf') format('truetype');font-style:italic;font-weight:200 900;font-display:swap}@font-face{font-family:Fraunces;src:url('../fonts/Fraunces-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}html[data-theme=light]{--bg:#fbfaf7;--surface:#f0efeb;--card:#fff;--text:#25232a;--muted:#797680;--border:#dedce1;--accent:#7051e9;--tint:#ece7fc;--header:#fbfaf7ed;--shadow:0 24px 80px #2820350d;color-scheme:light}html[data-theme=dark]{--bg:#131217;--surface:#1c1b22;--card:#222128;--text:#f2eff7;--muted:#aaa6b4;--border:#38353f;--accent:#b49cff;--tint:#302744;--header:#131217ed;--shadow:0 24px 80px #0003;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Mona Sans,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{height:94px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;background:var(--header);backdrop-filter:blur(14px)}.brand{font-size:30px;font-weight:800;letter-spacing:-1.6px;display:inline-flex;align-items:center;gap:9px}.brand-icon{display:inline-grid;place-items:center;background:var(--accent);color:var(--bg);font-size:29px;line-height:1;width:34px;height:34px;border-radius:11px 11px 11px 3px;font-weight:800;transform:rotate(-9deg)}.brand-dot{color:var(--accent);margin-left:-9px}nav{display:flex;gap:28px;font-size:12px;font-weight:700}nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--text);color:var(--bg);padding:16px 24px;border:0;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--accent);color:var(--bg)}.button span{font-size:20px;line-height:1}.button.small{padding:11px 18px}.theme-toggle{border:1px solid var(--border);background:var(--surface);border-radius:50%;height:37px;width:37px;font-size:21px;line-height:1}.moon{display:none}[data-theme=dark] .moon{display:inline}[data-theme=dark] .sun{display:none}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;display:block}.hero{padding-top:68px}.hero>.eyebrow{display:flex;align-items:center;gap:9px}.status-dot,.demo-foot i,.scene-control i,.placement-tag i{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin:0}h1{font-size:clamp(70px,8.3vw,120px);line-height:1.02;letter-spacing:-7px;font-weight:600;margin:27px 0 30px;position:relative;max-width:1000px}.serif{font-family:'Mona Sans',Arial,sans-serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.055em}.title-spark{display:inline-block;color:var(--accent);font-size:100px;vertical-align:middle;margin-left:45px;font-weight:400}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.hero-bottom p{font-size:15px;color:var(--muted)}.hero-cta{display:flex;align-items:center;gap:24px}.text-link{font-size:11px;font-weight:700;display:inline-flex;gap:18px;align-items:center}.text-link:hover{color:var(--accent)}.scene-shell{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}.scene-top{display:flex;justify-content:space-between;padding:13px 19px;font:9px 'Mona Sans',Arial,sans-serif;letter-spacing:1px}.scene-top i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.scene{height:460px;position:relative;overflow:hidden;background:#342923}.scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1711119c,transparent 70%),linear-gradient(0deg,#161016a3,transparent 35%)}.scene-label{position:absolute;left:40px;top:43px;color:#fff;font-size:31px;line-height:1.25;letter-spacing:-1px}.scene-label em{font-family:'Mona Sans',Arial,sans-serif;font-weight:400}.placement{position:absolute;right:24%;bottom:65px;transition:opacity .4s,transform .4s}.placement.hidden{opacity:0;transform:translateY(20px)}.product{width:104px;height:182px;background:linear-gradient(100deg,#dbdf9c,#f1f4bb 35%,#b2b97e);border-radius:20px 20px 15px 15px;padding:20px 10px 12px;box-shadow:14px 18px 13px #0005;transform:rotate(8deg);color:#354130;position:relative;display:flex;flex-direction:column;justify-content:space-between}.product:before{content:'';position:absolute;height:9px;left:8px;right:8px;top:-3px;background:#d1d2c3;border:2px solid #9a9e91;border-radius:50%}.product>span{font-family:'Mona Sans',Arial,sans-serif;font-style:italic;font-size:24px;letter-spacing:-1px}.product b{font-size:20px;line-height:1}.product small{font-size:6px}.placement-tag{position:absolute;left:110px;top:30px;white-space:nowrap;background:#fbfaf7ed;color:#352f3c;font:9px Mona Sans,Arial;padding:9px;border-radius:5px}.placement-tag:before{content:'';position:absolute;width:25px;left:-25px;top:16px;border-top:1px solid #fff}.placement-tag i{background:#7457d6;margin-right:3px}.scene-control{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px}.scene-control>span{display:flex;gap:7px;align-items:center}.scene-control i{background:#c2afee}.switch{display:flex;gap:8px;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:32px;height:20px}.switch>span{width:30px;height:17px;background:#ffffff50;border-radius:12px;padding:3px}.switch>span:before{content:'';display:block;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .2s}.switch input:checked+span{background:#8060df}.switch input:checked+span:before{transform:translateX(13px)}.switch input:focus-visible+span{outline:3px solid white;outline-offset:3px}.scene-caption{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scene-caption>span:first-child{font-size:9px;letter-spacing:1.2px;font-weight:800}.scene-caption p{font-size:10px;color:var(--muted)}.scene-caption p span{opacity:.7}.circle-arrow{font-size:23px}.category-rail{margin-top:55px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px;text-align:center;overflow:hidden}.category-rail>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.category-rail>div{display:flex;gap:35px;justify-content:center;align-items:center;font-size:19px;font-weight:600;white-space:nowrap;margin-top:15px}.category-rail b{color:var(--accent);font-size:20px}.section{padding-top:110px;padding-bottom:110px}h2{font-size:clamp(35px,4.2vw,59px);font-weight:500;line-height:1.12;letter-spacing:-2.8px}.muted{color:var(--muted)}.section-intro .eyebrow{margin-bottom:25px}.section-intro>p{max-width:360px;color:var(--muted);margin:25px 0 0 auto;font-size:14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}.principles article{border-top:1px solid var(--border);padding-top:25px;position:relative}.line-icon{font-size:36px;color:var(--accent)}.index{position:absolute;right:0;top:32px;font:10px 'Mona Sans',Arial,sans-serif;color:var(--muted)}h3{font-weight:600;letter-spacing:-.6px;font-size:21px}.principles h3{margin:25px 0 13px}.principles p{color:var(--muted);font-size:12px;max-width:290px}.workflow{background:var(--surface)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.workflow h2{margin:25px 0}.lead{font-size:13px;color:var(--muted);max-width:300px}.steps{margin-top:32px}.step{width:100%;text-align:left;display:flex;gap:18px;background:none;border:0;border-top:1px solid var(--border);padding:22px 0;opacity:.5;align-items:flex-start}.step.active{opacity:1}.step>span{font:10px 'Mona Sans',Arial,sans-serif;color:var(--accent);padding-top:7px}.step h3{font-size:17px}.step p{display:none;font-size:11px;color:var(--muted);max-width:250px;margin-top:9px}.step.active p{display:block}.step b{margin-left:auto;font-size:20px;font-weight:400}.process-demo{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.5deg)}.demo-head{padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.mini{font-size:20px}.demo-head>span:last-child{font:7px 'Mona Sans',Arial,sans-serif;color:var(--muted)}.demo-image{position:relative;height:220px;margin:0 13px;overflow:hidden;border-radius:5px}.demo-image img{width:100%;height:100%;object-fit:cover}.scan-box{position:absolute;inset:35% 28% 14% 37%;border:1px solid #d5c6ff;background:#b79ae522;display:flex;align-items:center;justify-content:center;color:white}.scan-box span{position:absolute;top:-22px;left:-1px;font:7px 'Mona Sans',Arial,sans-serif;background:#7653cb;padding:4px 6px;white-space:nowrap}.scan-box b{font-size:30px;font-weight:300}.timeline{height:34px;margin:16px 20px;display:flex;gap:4px;position:relative}.timeline span{flex:1;background:repeating-linear-gradient(90deg,var(--tint) 0px,var(--tint) 8px,var(--surface) 8px,var(--surface) 10px);border-radius:4px}.timeline i{position:absolute;left:43%;top:-4px;bottom:-4px;width:2px;background:var(--accent)}.demo-info{padding:12px 25px 25px}.demo-info .eyebrow{font-size:7px;color:var(--accent)}.demo-info h3{font-size:21px;margin:10px 0}.demo-info p{font-size:11px;color:var(--muted)}.tags{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.tags span{background:var(--surface);font-size:8px;padding:5px 9px;border-radius:4px}.demo-foot{padding:15px 20px;border-top:1px solid var(--border);font-size:8px;display:flex;justify-content:space-between;color:var(--muted)}.demo-foot i{margin-right:4px}.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.showcase-heading .eyebrow{margin-bottom:22px}.showcase-heading p{font-size:12px;color:var(--muted);margin-bottom:7px}.showcases{display:grid;grid-template-columns:1fr 1fr;gap:24px}.showcase-card{height:400px;border:0;position:relative;text-align:left;border-radius:10px;overflow:hidden;color:#fff;padding:26px;background:#282133}.showcase-card>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .6s}.showcase-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17121acc,transparent 80%)}.showcase-card:hover>img{transform:scale(1.04)}.pill{position:absolute;top:23px;left:25px;z-index:2;border:1px solid #ffffff65;border-radius:30px;padding:5px 12px;font-size:7px;letter-spacing:1px;background:#26212c22}.showcase-card>div:not(.desk-art){position:absolute;bottom:28px;left:27px;z-index:2}.showcase-card small{font-size:8px;letter-spacing:1.5px;color:#ffffffb3}.showcase-card h3{font-size:30px;line-height:1.15;margin-top:12px;font-weight:500}.round{position:absolute;right:26px;bottom:30px;z-index:2;border:1px solid #ffffff80;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:23px}.gaming{background:radial-gradient(at 60% 0%,#736a9c,#282638 70%)}.desk-art{position:absolute;inset:0;transform:rotate(-8deg)}.monitor{position:absolute;left:15%;top:10%;width:65%;height:53%;border:10px solid #15141d;border-bottom:18px solid #15141d;border-radius:10px;background:radial-gradient(ellipse at 80% 50%,#eab7f0,transparent 60%),linear-gradient(135deg,#423ccc,#a292e5);box-shadow:0 20px 30px #0005}.monitor span{font-weight:800;font-size:42px;line-height:1;display:block;transform:rotate(0deg);margin:30px 25px;letter-spacing:-2px;color:#fff}.keyboard{position:absolute;width:50%;height:45px;top:68%;left:19%;background:repeating-linear-gradient(90deg,#9b8ec0 0px,#9b8ec0 8px,#1b152d 9px,#1b152d 10px);transform:skewX(-20deg);border:5px solid #191321}.can{position:absolute;right:8%;top:40%;height:110px;width:55px;border-radius:12px;background:#d6e695;color:#33412c;writing-mode:vertical-rl;font-size:24px;font-weight:800;padding:14px 5px;border-top:5px solid #c1c8b1;box-shadow:8px 10px 15px #0005}.concept-note{font-size:9px;color:var(--muted);margin-top:15px}.audiences{border-top:1px solid var(--border)}.audiences>h2{margin-top:24px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.audience-grid article{padding:35px 0;border-top:1px solid var(--border);position:relative}.audience-grid h3{font-size:35px;line-height:1.2;margin:22px 0}.audience-grid p{font-size:13px;color:var(--muted);max-width:320px;margin-bottom:28px}.audience-symbol{position:absolute;right:5px;top:60px;font-size:80px;color:var(--accent);line-height:1}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--border);padding-top:80px}.faq h2{margin-top:22px;font-size:44px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);padding-top:15px;max-width:390px}.contact-section{padding:85px 0;background:var(--tint)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.contact-grid h2{font-size:65px;line-height:1.07;margin-top:25px}.contact-grid>div>p{margin-top:27px;font-size:13px;color:var(--muted)}form{display:grid;grid-template-columns:1fr;padding-top:5px}form label{font-size:10px;font-weight:700;margin:12px 0 5px}input,select,textarea{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:9px 0;color:var(--text);font-size:12px;width:100%}textarea{resize:vertical}form .button{margin-top:24px}.form-note{font-size:9px;color:var(--muted);margin-top:12px}footer{padding-top:50px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:38px}.footer-top p{font-size:12px;color:var(--muted);line-height:1.5}.footer-bottom{border-top:1px solid var(--border);padding:20px 0 30px;display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--text);color:var(--bg);padding:10px}.skip:focus{top:10px}dialog{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:45px;width:520px;max-width:calc(100% - 32px)}dialog::backdrop{background:#14111caa;backdrop-filter:blur(6px)}dialog h2{font-size:39px;margin:20px 0}dialog p{color:var(--muted);font-size:13px;margin-bottom:30px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px}@media(min-width:1500px){.hero h1{font-size:122px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}nav{gap:16px}.hero-cta{gap:16px}.hero-cta .text-link{max-width:150px}.workflow-grid,.faq{gap:45px}.contact-grid{gap:50px}.contact-grid h2{font-size:53px}.category-rail>div{gap:22px;font-size:15px}.title-spark{font-size:70px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:74px;padding:0 20px}.brand{font-size:25px}.brand-icon{height:29px;width:29px;font-size:25px}.header-actions{gap:12px}.header .small{display:none}.menu-toggle{display:block;background:none;border:0;font-size:22px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;font-size:14px}.header nav.open{display:flex}.hero{padding-top:42px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero>.eyebrow{font-size:7px}h1{font-size:clamp(58px,12vw,90px);letter-spacing:-4px;margin:25px 0}.title-spark{font-size:44px;margin-left:15px}.hero-bottom{display:block;margin-bottom:28px}.hero-bottom p{font-size:13px}.hero-cta{margin-top:24px;gap:18px}.hero-cta .text-link{font-size:9px}.button{padding:14px 18px;font-size:11px;gap:20px}.scene-top{font-size:6px;padding:10px}.scene{height:330px}.scene-label{font-size:23px;left:20px;top:25px}.placement{right:30%;bottom:65px}.product{width:75px;height:130px;padding:13px 8px}.product>span{font-size:18px}.product b{font-size:14px}.product small{font-size:4px}.placement-tag{font-size:6px;left:80px;top:50px;padding:6px}.placement-tag:before{width:12px;left:-12px;top:12px}.scene-control{left:14px;right:14px;font-size:8px}.scene-caption{padding:12px;gap:10px}.scene-caption>span:first-child{font-size:6px;max-width:100px}.scene-caption p{font-size:7px;max-width:170px}.scene-caption p span{display:block}.category-rail{margin-top:35px;padding:20px}.category-rail>div{justify-content:flex-start;overflow:auto;font-size:15px;gap:20px;padding-bottom:8px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:37px;letter-spacing:-1.7px}.section-intro>p{margin:22px 0 0;font-size:12px}.principles{grid-template-columns:1fr;gap:27px;margin-top:32px}.principles article{padding-left:60px;padding-top:20px;min-height:140px}.line-icon{position:absolute;left:0;top:20px;font-size:30px}.principles h3{margin:0 0 10px;font-size:19px}.principles p{max-width:90%;font-size:12px}.index{top:23px;font-size:8px}.workflow-grid,.contact-grid,.faq{grid-template-columns:1fr;gap:40px}.workflow h2{margin:22px 0}.lead{max-width:300px}.steps{margin-top:24px}.process-demo{transform:rotate(0)}.demo-image{height:190px}.showcase-heading{display:block;margin-bottom:25px}.showcase-heading p{margin-top:20px}.showcases{grid-template-columns:1fr;gap:18px}.showcase-card{height:330px}.showcase-card h3{font-size:28px}.concept-note{font-size:8px}.audience-grid{grid-template-columns:1fr;gap:15px;margin-top:32px}.audience-grid h3{font-size:30px}.audience-symbol{font-size:65px;right:15px}.faq h2{font-size:37px}.faq details p{font-size:12px}.contact-section{padding:60px 0}.contact-grid h2{font-size:47px;letter-spacing:-2px}.contact-grid{gap:25px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:10px}.footer-top .text-link{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:35px 25px}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Unified vector icon system and hero films */
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.icon.up{transform:rotate(180deg)}.button .icon{width:21px;height:21px;transition:transform .25s}.button:hover .icon{transform:translate(2px,-2px)}.text-link .icon{width:19px;height:19px}.theme-toggle{display:grid;place-items:center}.theme-toggle .icon{width:20px;height:20px}.line-icon .icon{width:34px;height:34px}.audience-symbol .icon{width:72px;height:72px;stroke-width:1}.category-rail .icon{width:17px;height:17px}.round .icon{width:19px;height:19px}.circle-arrow .icon{width:24px;height:24px}.menu-toggle .icon{width:25px;height:25px}.step b .icon{width:21px;height:21px}.dialog-close .icon{width:23px;height:23px}.video-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-bottom:1px solid var(--border);gap:20px}.video-tabs{display:flex;gap:7px}.video-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 15px;display:flex;gap:10px;align-items:center;font-size:9px;border-radius:5px;font-weight:600}.video-tabs button span{font-size:11px}.video-tabs button[aria-selected=true]{background:var(--tint);color:var(--accent)}.video-toolbar-label{font:8px 'Mona Sans',Arial,sans-serif;letter-spacing:1.3px;color:var(--muted)}.hero-video-panel{position:relative;background:#0f0e13;aspect-ratio:16/9}.hero-video-panel video{width:100%;height:100%;display:block;object-fit:contain}.video-play{position:absolute;bottom:18px;right:18px;border:1px solid #ffffff60;color:#fff;background:#17151b99;backdrop-filter:blur(8px);width:39px;height:39px;display:grid;place-items:center;border-radius:50%;padding:0}.video-play .icon{width:20px;height:20px}.video-hero .scene-caption{min-height:62px}.video-hero .scene-caption>span:first-child{color:var(--accent)}@media(max-width:760px){.video-toolbar{padding:9px;gap:5px}.video-tabs{gap:3px}.video-tabs button{padding:8px 10px;gap:6px}.video-tabs button span{font-size:9px}.video-toolbar-label{display:none}.video-play{width:32px;height:32px;bottom:10px;right:10px}.video-play .icon{width:16px;height:16px}.video-hero .scene-caption{min-height:55px}.audience-symbol .icon{width:56px;height:56px}.line-icon .icon{width:28px;height:28px}}

/* Admiro brand palette — charcoal, warm light and restrained ember glow. */
html[data-theme=dark]{--bg:#0e0e11;--surface:#17171b;--card:#1b1b20;--text:#f5f3f1;--muted:#aaa7a6;--border:#ffffff17;--accent:#f59d70;--tint:#28201d;--header:#111113d9;--shadow:0 24px 80px #0004;--grid:#ffffff09;--cube:#ffffff06;--glow-a:#d85c231e;--glow-b:#b72b4420;--glow-c:#a5934a10;--heading-gradient:linear-gradient(180deg,#fff 8%,#e5e3e3 40%,#8f8c91 78%,#55535b 100%)}
html[data-theme=light]{--bg:#f7f5f0;--surface:#efede7;--card:#fbfaf7;--text:#272623;--muted:#74716b;--border:#29241d1c;--accent:#b95629;--tint:#f0e5dc;--header:#f7f5f0dd;--shadow:0 24px 80px #36291c0a;--grid:#4036290b;--cube:#ae7e4410;--glow-a:#f5a46d30;--glow-b:#e8959820;--glow-c:#bbac6820;--heading-gradient:linear-gradient(180deg,#292724,#5c5650)}
body{position:relative;isolation:isolate;font-family:'Mona Sans',Arial,sans-serif;background:var(--bg)}
.ambient-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 650px 430px at 22% 500px,var(--glow-a),transparent 80%),radial-gradient(ellipse 550px 420px at 64% 670px,var(--glow-b),transparent 80%),radial-gradient(ellipse 420px 450px at 43% 850px,var(--glow-c),transparent 80%)}
.ambient-backdrop:after{content:'';position:absolute;inset:0;background-image:url('../images/grain.svg');opacity:.16;pointer-events:none}
.hero{position:relative;isolation:isolate}.hero:before,.audiences:before{content:'';position:absolute;inset:0 -20px;z-index:-1;pointer-events:none;background-image:url('../images/geometric-grid.svg');background-size:672px 672px;background-position:100% 0;opacity:.45;mask-image:radial-gradient(ellipse 65% 60% at 73% 24%,black,transparent)}
[data-theme=light] .hero:before,[data-theme=light] .audiences:before{filter:invert(1);opacity:.2}
.header{border-color:var(--border);backdrop-filter:blur(18px)}.brand{gap:10px;letter-spacing:-1px}.brand-logo{width:49px;height:39px;object-fit:contain;flex-shrink:0}.wordmark{font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:600;font-variation-settings:'SOFT' 30,'WONK' 1,'opsz' 72;letter-spacing:-1.7px;line-height:1}.mini .brand-logo{width:28px;height:24px}.mini .wordmark{font-size:22px}
h1{font-weight:650;font-size:clamp(70px,8.3vw,120px);letter-spacing:-.065em}.serif{font-family:'Mona Sans',Arial,sans-serif;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--accent)}
[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h1 .serif,[data-theme=dark] h2 .serif,[data-theme=dark] h2 .muted{background:var(--heading-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;box-decoration-break:clone}
[data-theme=dark] h1 .serif,[data-theme=dark] h2 .serif,[data-theme=dark] h2 .muted{background:none;-webkit-text-fill-color:inherit;color:inherit}
[data-theme=dark] .hero>.eyebrow{color:#d9c0ab}.hero>.eyebrow{width:fit-content;border:1px solid var(--border);padding:7px 12px;border-radius:30px;background:var(--header);letter-spacing:1.2px}
.button{background:linear-gradient(180deg,#ffac76,#eb743d);color:#21150e;box-shadow:inset 0 1px 0 #ffffff66,0 5px 20px #bd552817;border:1px solid #ffa36b55;font-weight:650}.button:hover{background:linear-gradient(180deg,#ffc296,#f58b50);color:#21150e}.theme-toggle{background:#ffffff08}.video-hero{background:var(--header);border:1px solid var(--border);box-shadow:0 20px 70px #0002,inset 0 1px 0 #ffffff0a}.video-toolbar{background:var(--header)}.video-tabs button[aria-selected=true]{background:var(--tint);color:var(--accent)}.workflow{position:relative;background:linear-gradient(135deg,var(--surface),var(--bg));border-block:1px solid var(--border)}.audiences{position:relative;isolation:isolate}.audiences:before{mask-image:radial-gradient(ellipse at 60% 30%,black,transparent 75%)}.contact-section{background:radial-gradient(ellipse at 10% 100%,var(--glow-a),transparent 75%),radial-gradient(ellipse at 70% 0%,var(--glow-b),transparent 70%),var(--surface);border-top:1px solid var(--border)}.category-rail{background:#ffffff02}.process-demo{background:var(--card)}.gaming{background:radial-gradient(at 65% 0%,#8e6b52,#2c2729 80%)}.monitor{background:radial-gradient(ellipse at 80% 50%,#ecc3a2,transparent 60%),linear-gradient(135deg,#9d4e33,#b58c6f)}.scan-box span{background:#8c5138}.scan-box{border-color:#e1b38e;background:#e3b18c22}.timeline i{background:var(--accent)}.placement-tag i{background:var(--accent)}
@media(max-width:760px){.brand-logo{width:39px;height:31px}.wordmark{font-size:29px}.hero>.eyebrow{font-size:6px;letter-spacing:1px;padding:7px 9px}h1{font-size:clamp(56px,12vw,90px);letter-spacing:-.065em}.ambient-backdrop{background:radial-gradient(ellipse 360px 450px at 0 450px,var(--glow-a),transparent 85%),radial-gradient(ellipse 320px 450px at 100% 600px,var(--glow-b),transparent 85%)}.hero:before{background-size:448px 448px}.brand{gap:7px}}

/* 8-point spacing rhythm, generous touch targets and alternating surfaces. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px}
html[data-theme=dark] .contrast-section{--bg:#f5f3ee;--surface:#eeece6;--card:#fffefa;--text:#242321;--muted:#6e6b66;--border:#29241d1c;--accent:#a64b26;--tint:#ede2d7;--header:#f5f3eef0;--shadow:0 24px 64px #36291c0c;--glow-a:#eda67829;--glow-b:#da8d9220;color-scheme:light}
html[data-theme=light] .contrast-section{--bg:#131315;--surface:#19191d;--card:#232327;--text:#f5f4f1;--muted:#b4b0ac;--border:#ffffff24;--accent:#f3ae83;--tint:#342820;--header:#131315ed;--shadow:0 24px 64px #0003;--glow-a:#b9583120;--glow-b:#b04d6620;color-scheme:dark}
.contrast-section{color:var(--text);background:radial-gradient(ellipse at 12% 85%,var(--glow-a),transparent 70%),var(--bg);position:relative;isolation:isolate;overflow:hidden}
.contrast-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../images/grain.svg');opacity:.12}
html[data-theme=dark] .contrast-section h2,html[data-theme=dark] .contrast-section h2 .serif{background:none;background-clip:initial;color:var(--text);-webkit-text-fill-color:var(--text)}
html[data-theme=light] .contrast-section h2{background:linear-gradient(180deg,#fff 10%,#d6d3d2 58%,#929096 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=light] .contrast-section h2 .serif{color:inherit;-webkit-text-fill-color:inherit}
html[data-theme=dark] .ambient-backdrop:after{opacity:.30}
html[data-theme=dark] .header{background-image:url('../images/grain.svg');background-size:180px}
body{font-size:16px;line-height:1.6;letter-spacing:-.012em}.wrap{max-width:1200px;width:calc(100% - 96px)}.header{height:88px;padding-inline:48px}.header nav{gap:32px;font-size:14px;font-weight:550}.header-actions{gap:16px}.hero{padding-top:72px}.hero>.eyebrow{font-size:11px;line-height:16px;letter-spacing:1.1px;padding:8px 16px;min-height:34px;gap:8px}h1{margin:32px 0;font-size:clamp(72px,8vw,112px);line-height:1.04;letter-spacing:-.06em}h2{font-size:clamp(40px,4.3vw,60px);line-height:1.12;letter-spacing:-.045em}h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}.hero-bottom{margin-bottom:48px;gap:32px}.hero-bottom p{font-size:17px;line-height:1.5}.hero-cta{gap:24px}.button,.button.small{border-radius:999px;min-height:48px;padding:12px 24px;font-size:14px;line-height:22px;gap:24px;font-weight:600}.button.small{min-height:44px;padding:10px 20px}.theme-toggle{height:44px;width:44px}.text-link{font-size:14px;line-height:1.5;gap:12px}.hero-cta .text-link{max-width:220px}.scene-shell{border-radius:24px}.video-toolbar{padding:16px 24px}.video-tabs{gap:8px}.video-tabs button{border-radius:999px;min-height:40px;padding:8px 16px;font-size:11px;gap:8px}.video-tabs button span{font-size:13px}.video-toolbar-label{font-size:10px}.scene-caption{padding:20px 24px}.scene-caption>span:first-child{font-size:11px;letter-spacing:1px}.scene-caption p{font-size:13px;line-height:1.5}.video-play{width:44px;height:44px;right:24px;bottom:24px}.category-rail{margin-top:64px;padding:32px 24px}.category-rail>span{font-size:10px;line-height:16px}.category-rail>div{margin-top:24px;gap:32px;font-size:18px}.section{padding-block:96px}.eyebrow{font-size:11px;line-height:18px;letter-spacing:1.2px}.section-intro .eyebrow,.showcase-heading .eyebrow{margin-bottom:24px}.section-intro>p{font-size:16px;max-width:400px;margin-top:24px}.principles{gap:48px;margin-top:48px}.principles article{padding-top:24px}.principles h3{margin:24px 0 16px;font-size:23px}.principles p{font-size:15px;line-height:1.65;max-width:320px}.index{font-size:12px}.workflow-grid{gap:64px}.workflow h2{margin-block:24px}.lead{font-size:16px;max-width:360px}.steps{margin-top:32px}.step{padding-block:24px;gap:16px;min-height:80px}.step h3{font-size:19px}.step p{font-size:14px;max-width:320px;margin-top:8px}.step>span{font-size:12px}.process-demo{border-radius:24px;transform:none}.demo-head{padding:20px 24px}.demo-head>span:last-child{font-size:9px}.demo-image{margin-inline:16px;border-radius:12px;height:240px}.timeline{margin:24px}.demo-info{padding:8px 24px 24px}.demo-info .eyebrow{font-size:10px}.demo-info h3{font-size:24px;margin-block:16px}.demo-info p{font-size:14px;line-height:1.6}.tags{gap:8px;margin-top:24px}.tags span{font-size:12px;line-height:18px;padding:6px 12px;border-radius:999px}.demo-foot{font-size:11px;padding:16px 24px;gap:16px}.showcase-heading{margin-bottom:40px;gap:32px}.showcase-heading p{font-size:15px;line-height:1.6}.showcases{gap:24px}.showcase-card{border-radius:24px;padding:24px}.pill{font-size:11px;line-height:18px;letter-spacing:.7px;padding:6px 12px;min-height:32px;top:24px;left:24px}.showcase-card small{font-size:10px;letter-spacing:1px}.showcase-card h3{font-size:32px;line-height:1.15;margin-top:16px}.round{width:44px;height:44px;bottom:24px;right:24px}.concept-note{font-size:12px;line-height:1.5;margin-top:16px}.audiences>h2{margin-top:24px}.audience-grid{gap:64px;margin-top:48px}.audience-grid article{padding-block:32px}.audience-grid h3{font-size:36px;margin-block:24px}.audience-grid p{font-size:16px;max-width:360px;margin-bottom:32px}.audience-symbol{right:0;top:72px}.faq{gap:64px}.faq h2{font-size:48px;margin-top:24px}.faq details{padding-block:24px}.faq summary{font-size:16px;line-height:1.5;gap:24px;min-height:24px}.faq details p{font-size:15px;line-height:1.65;padding-top:16px}.contact-section{padding-block:96px}.contact-grid{gap:80px}.contact-grid h2{font-size:64px;line-height:1.1;margin-top:24px}.contact-grid>div>p{font-size:16px;margin-top:32px}form{padding-top:0}form label{font-size:13px;line-height:20px;margin:16px 0 8px}input,select,textarea{font-size:16px;line-height:24px;padding:12px 0;min-height:48px}textarea{min-height:88px}form .button{margin-top:32px}.form-note{font-size:12px;line-height:1.5;margin-top:16px}.footer-top{padding-bottom:40px}.footer-top p{font-size:14px}.footer-bottom{padding:24px 0 32px;font-size:12px;gap:24px}footer{padding-top:48px}dialog{padding:48px;border-radius:24px}dialog p{font-size:16px;line-height:1.6}.dialog-close{min-width:44px;min-height:44px}.menu-toggle{min-width:44px;min-height:44px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.header nav{gap:20px;font-size:13px}.hero-cta{flex-wrap:wrap;justify-content:flex-end}.workflow-grid{gap:40px}.contact-grid{gap:48px}.category-rail>div{gap:24px;font-size:16px}.audience-grid p{max-width:290px}.audience-symbol .icon{width:56px;height:56px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px;padding-inline:20px}.header nav{top:76px;padding:24px;font-size:16px;gap:24px}.header-actions{gap:8px}.hero{padding-top:48px}.hero>.eyebrow{font-size:9px;letter-spacing:.6px;padding:8px 12px;min-height:32px}h1{font-size:clamp(51px,11.7vw,82px);margin-block:24px;letter-spacing:-.055em}h2{font-size:36px;line-height:1.15;letter-spacing:-.04em}.hero-bottom{margin-bottom:32px;gap:24px}.hero-bottom p{font-size:16px}.hero-cta{margin-top:24px;justify-content:flex-start;gap:16px}.hero-cta .text-link{font-size:13px;max-width:170px}.button{font-size:14px;min-height:48px;padding:12px 20px;gap:16px}.scene-shell{border-radius:16px}.video-toolbar{padding:12px}.video-tabs button{font-size:10px;padding:8px 12px}.video-tabs button span{font-size:12px}.scene-caption{padding:16px;gap:16px}.scene-caption>span:first-child{font-size:9px;max-width:80px}.scene-caption p{font-size:11px;max-width:none;flex:1}.video-play{width:40px;height:40px;right:12px;bottom:12px}.category-rail{margin-top:40px;padding-block:24px}.category-rail>div{margin-top:16px;gap:24px}.section{padding-block:64px}.eyebrow{font-size:10px;line-height:16px}.section-intro>p{font-size:16px;margin-top:24px}.principles{margin-top:40px;gap:24px}.principles article{padding:24px 0 24px 56px;min-height:0}.principles h3{font-size:21px;margin:0 0 12px}.principles p{font-size:15px;max-width:100%;padding-right:8px}.line-icon{top:24px}.index{font-size:10px;top:0}.workflow-grid,.contact-grid,.faq{gap:40px}.lead{font-size:16px}.step{padding-block:24px}.step h3{font-size:18px}.step p{font-size:14px;max-width:100%}.step>span{font-size:11px}.demo-head{padding:16px}.demo-head>span:last-child{font-size:8px;max-width:130px;text-align:right}.demo-image{height:200px;margin-inline:12px}.demo-info{padding:8px 20px 24px}.demo-info h3{font-size:22px}.demo-info p{font-size:14px}.demo-foot{padding:16px;font-size:10px}.tags span{font-size:11px}.showcase-heading{margin-bottom:32px}.showcase-heading p{font-size:15px;margin-top:24px}.showcase-card{border-radius:20px;height:360px}.showcase-card h3{font-size:30px}.showcase-card small{font-size:10px}.concept-note{font-size:11px}.audience-grid{margin-top:40px;gap:24px}.audience-grid article{padding-block:24px}.audience-grid h3{font-size:32px}.audience-grid p{font-size:15px;max-width:calc(100% - 32px)}.audience-symbol{top:72px;right:0}.audience-symbol .icon{width:44px;height:44px}.faq h2{font-size:36px}.faq summary{font-size:15px}.faq details p{font-size:14px}.contact-section{padding-block:64px}.contact-grid h2{font-size:44px;letter-spacing:-.04em}.contact-grid>div>p{font-size:16px;margin-top:24px}.footer-top{gap:24px;padding-bottom:32px}.footer-top .text-link{font-size:13px}.footer-top p{font-size:13px}.footer-bottom{font-size:11px;gap:16px}dialog{padding:40px 24px}.header .theme-toggle{width:44px;height:44px}}

html[data-theme=dark] .header{background-image:none}.step:not(.active){opacity:.7}

/* Full-width navigation and clearer ambient layers. */
.header{max-width:none;width:100%;margin-inline:0;padding-inline:max(32px,calc((100vw - 1280px)/2));}
html[data-theme=light]{--glow-a:#efa36b55;--glow-b:#da859d38;--glow-c:#b7a26430;}
html[data-theme=light] .hero:before,html[data-theme=light] .audiences:before{opacity:.48;filter:invert(1);mask-image:radial-gradient(ellipse 85% 75% at 70% 30%,#000 20%,transparent 95%);}
.ambient-backdrop{background:none;}
.ambient-backdrop:before{content:'';position:absolute;top:80px;left:-12%;width:124%;height:1200px;pointer-events:none;background:radial-gradient(ellipse 600px 420px at 24% 38%,var(--glow-a),transparent 85%),radial-gradient(ellipse 550px 440px at 67% 52%,var(--glow-b),transparent 85%),radial-gradient(ellipse 440px 400px at 45% 72%,var(--glow-c),transparent 85%);}
html[data-theme=dark] .ambient-backdrop:before{animation:ambient-drift 36s ease-in-out infinite alternate;will-change:transform;}
html[data-theme=light] .contrast-section{background:var(--bg);}
html[data-theme=light] .contrast-section:after{content:'';position:absolute;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,#b9583133,transparent 55%),radial-gradient(ellipse at 75% 65%,#9f43692b,transparent 55%);animation:section-drift 32s ease-in-out infinite alternate;}
@keyframes ambient-drift{0%{transform:translate3d(-3%,-2%,0) scale(1.02)}50%{transform:translate3d(4%,4%,0) scale(1.07)}100%{transform:translate3d(7%,-1%,0) scale(1.03)}}
@keyframes section-drift{from{transform:translate3d(-4%,-2%,0)}to{transform:translate3d(5%,4%,0)}}
@media(max-width:760px){.header{padding-inline:20px}.ambient-backdrop:before{height:960px;left:-20%;width:140%;background:radial-gradient(ellipse 330px 380px at 20% 35%,var(--glow-a),transparent 85%),radial-gradient(ellipse 340px 380px at 80% 60%,var(--glow-b),transparent 85%);}}
@media(prefers-reduced-motion:reduce){html[data-theme=dark] .ambient-backdrop:before,html[data-theme=light] .contrast-section:after{animation:none;will-change:auto;}}

.wordmark{font-weight:400}.ambient-backdrop:before{display:none}.ambient-backdrop{overflow:hidden}.glow-orb{position:absolute;width:740px;height:740px;top:120px;left:-140px;opacity:.18;background:radial-gradient(circle,#087fff 0%,#087fff44 30%,transparent 67%);pointer-events:none;will-change:transform}.orb-orange{left:35%;top:340px;background:radial-gradient(circle,#ff7439 0%,#ff743944 30%,transparent 67%);opacity:.22}.orb-green{top:680px;left:25%;background:radial-gradient(circle,#91ce38 0%,#91ce3822 30%,transparent 67%);opacity:.12}[data-theme=light] .glow-orb{opacity:.16}[data-theme=light] .orb-orange{opacity:.23}[data-theme=light] .orb-green{opacity:.14}.brand-grid{position:absolute;top:0;right:-16px;width:672px;height:448px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse at 55% 42%,black,transparent 80%)}.brand-grid span{border-right:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;background:transparent}.hero:before{display:none}[data-theme=light] .brand-grid span{border-color:#28221c12}.video-tabs button{position:relative;overflow:hidden}.video-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;background:currentColor;transform:scaleX(var(--video-progress,0));transform-origin:left}.hero-video-panel video{transition:opacity .3s}.glow-orb{contain:layout style}@media(max-width:760px){.glow-orb{width:520px;height:650px;left:-190px}.orb-orange{left:10%;top:350px}.orb-green{left:-10%;top:700px}.brand-grid{width:448px;height:336px;right:-20px}}@media(prefers-reduced-motion:reduce){.glow-orb{will-change:auto}}

.cosmetics-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface);min-height:400px}.cosmetics-visual{height:400px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#5d646e55,transparent 65%)}.cosmetics-visual img{height:380px;width:100%;object-fit:contain}.cosmetics-copy{padding:48px;max-width:520px}.cosmetics-copy .pill{position:static;display:inline-flex;align-items:center;border-color:var(--border);color:var(--accent);background:var(--tint)}.cosmetics-copy h3{font-size:40px;line-height:1.12;letter-spacing:-.04em;margin:24px 0}.cosmetics-copy p{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:24px}[data-theme=light] .cosmetics-visual{background:radial-gradient(ellipse at 50% 55%,#9b9a9655,transparent 72%)}@media(max-width:760px){.cosmetics-feature{grid-template-columns:1fr;border-radius:20px}.cosmetics-visual{height:290px}.cosmetics-visual img{height:300px}.cosmetics-copy{padding:24px 24px 32px}.cosmetics-copy h3{font-size:32px}.cosmetics-copy p{font-size:15px}}

/* Typography orbit frames the product without covering its silhouette. */
.cosmetics-visual{position:relative;isolation:isolate;overflow:hidden;perspective:900px}.cosmetics-visual>img{position:relative;z-index:2;pointer-events:none}.cosmetics-orbit{position:absolute;width:min(94%,440px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(24deg) rotateZ(-18deg);z-index:1;color:var(--accent);opacity:.65;pointer-events:none}.cosmetics-orbit svg{width:100%;height:100%;overflow:visible;animation:cosmetics-type-spin 42s linear infinite}.cosmetics-orbit text{fill:currentColor;font-family:'Mona Sans',Arial,sans-serif;font-size:12px;font-weight:550;letter-spacing:3px}.cosmetics-float{position:absolute;z-index:3;font-size:12px;line-height:18px;letter-spacing:.02em;color:var(--muted);padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);pointer-events:none;animation:cosmetics-word-float 7s ease-in-out infinite}.float-top{left:7%;top:18%;transform:rotate(-7deg)}.float-bottom{right:5%;bottom:13%;animation-delay:-3.5s;transform:rotate(5deg)}@keyframes cosmetics-type-spin{to{transform:rotate(360deg)}}@keyframes cosmetics-word-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(max-width:760px){.cosmetics-orbit{width:310px}.cosmetics-orbit text{font-size:11px}.cosmetics-float{font-size:10px;padding:6px 10px}.float-top{top:15%;left:5%}.float-bottom{bottom:10%;right:4%}}@media(prefers-reduced-motion:reduce){.cosmetics-orbit svg,.cosmetics-float{animation:none}}

.audience-glows{position:absolute;inset:0 -40px;z-index:-1;overflow:hidden;pointer-events:none;border-radius:24px}.audience-glows .glow-orb{width:640px;height:640px;top:-120px;left:-100px;opacity:.20}.audience-orange{background:radial-gradient(circle,#ff7439 0%,#ff743944 30%,transparent 67%);left:40%!important;top:40px!important;opacity:.23!important}.audience-green{background:radial-gradient(circle,#91ce38 0%,#91ce3822 30%,transparent 67%);left:24%!important;top:200px!important;opacity:.13!important}[data-theme=light] .audience-glows .glow-orb{opacity:.17}@media(max-width:760px){.audience-glows{inset:0 -20px}.audience-glows .glow-orb{width:460px;height:600px;left:-150px}.audience-orange{left:10%!important;top:240px!important}.audience-green{top:550px!important}}

/* Whole-page theme reveal, originating at the header switch. */
@property --theme-reveal-radius{syntax:'<length>';inherits:false;initial-value:0px}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2;--theme-reveal-radius:0px;mask-image:radial-gradient(circle at var(--theme-x) var(--theme-y),#000 max(0px,calc(var(--theme-reveal-radius) - 100px)),transparent calc(var(--theme-reveal-radius) + 100px));animation:theme-open 950ms cubic-bezier(.22,.65,.22,1) both}
@keyframes theme-open{from{--theme-reveal-radius:0px}to{--theme-reveal-radius:var(--theme-radius)}}
.theme-mobile-fade::view-transition-new(root){mask-image:none;animation:theme-crossfade 500ms ease both}
@keyframes theme-crossfade{from{opacity:0}to{opacity:1}}
.theme-fallback,.theme-fallback body,.theme-fallback section,.theme-fallback header,.theme-fallback footer,.theme-fallback article,.theme-fallback input,.theme-fallback button{transition:background-color .5s ease,color .5s ease,border-color .5s ease}
@media(max-width:760px){.header .button.small{display:inline-flex;min-height:40px;padding:8px 14px;font-size:12px;gap:8px}.header .button.small .icon{width:16px;height:16px}.header-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){::view-transition-new(root),.theme-mobile-fade::view-transition-new(root){animation:none;mask-image:none}}

/* Theme-specific moving colour fields for the requested sections. */
.approach{position:relative;isolation:isolate}.section-color-glows{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.approach .section-color-glows{inset:0 -24px;border-radius:24px}.section-orb{position:absolute;width:780px;height:780px;left:-20%;top:-230px;background:radial-gradient(circle,#087fff38,transparent 67%);will-change:transform}.section-orb-orange{left:35%;top:-50px;background:radial-gradient(circle,#ff743942,transparent 67%)}.section-orb-green{left:10%;top:180px;background:radial-gradient(circle,#91ce3824,transparent 67%)}html[data-theme=dark] .contrast-section>.section-color-glows,html[data-theme=light] .approach>.section-color-glows{display:none}html[data-theme=light] .contrast-section:after{display:none}@media(max-width:760px){.section-orb{width:540px;height:650px;left:-45%;top:-100px}.section-orb-orange{left:10%;top:180px}.section-orb-green{left:-20%;top:430px}.approach .section-color-glows{inset:0 -20px}}@media(prefers-reduced-motion:reduce){.section-orb{will-change:auto}}

/* Creator-to-publishing section, with real animated SVG connections. */
.publish-section{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--border);background:radial-gradient(ellipse at 38% 65%,#e7753512,transparent 58%)}.publish-section:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../images/geometric-grid.svg') right center/672px 672px;mask-image:linear-gradient(90deg,transparent 35%,#000);opacity:.5}.publish-section:after{content:'';position:absolute;inset:0;z-index:-1;background:url('../images/grain.svg');opacity:.13}[data-theme=light] .publish-section:before{filter:invert(1);opacity:.35}.publish-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.publish-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:999px;padding:9px 16px;font-size:10px;line-height:18px;letter-spacing:1.5px}.publish-kicker i,.network-creators>i{display:block;width:7px;height:7px;background:#ff8c48;border-radius:50%;flex-shrink:0}.publish-copy h2{font-size:clamp(44px,4.8vw,68px);font-weight:700;line-height:1.04;letter-spacing:-.055em;margin:32px 0}.publish-copy h2 span{color:var(--accent)}.publish-copy>p{max-width:440px;font-size:18px;line-height:1.65;color:var(--muted)}.publish-network{position:relative;width:100%;aspect-ratio:600/620;min-width:0}.publish-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire-lines{stroke:#ff8641;stroke-width:1.5}.network-creators,.network-hub,.network-channel{position:absolute;background:linear-gradient(140deg,var(--card),var(--bg));border:1px solid var(--border);box-shadow:0 12px 36px #0000000c;backdrop-filter:blur(10px)}.network-creators{top:3%;left:24%;width:58%;height:15.2%;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px}.network-creators>img{width:42%;height:100%;object-fit:contain}.network-creators strong{font-size:15px;white-space:nowrap;font-weight:600}.network-creators>i{box-shadow:0 0 15px #ff884777}.network-hub{left:28%;top:36%;width:44%;height:30%;border-radius:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;gap:8px}.network-hub img{width:80%;height:65%;object-fit:contain}.network-hub strong{font-size:23px;letter-spacing:-.8px;font-weight:600;white-space:nowrap}.network-channel{bottom:0;width:45%;height:14.5%;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px}.youtube-channel{left:0}.live-channel{right:0}.network-channel>div{display:flex;align-items:center;gap:8px}.channel-play{width:32px;height:23px;flex-shrink:0}.network-channel strong{font-size:20px;letter-spacing:-.8px;font-weight:750;white-space:nowrap}.network-channel p{font-size:14px;color:var(--muted);line-height:1.2}.network-channel span{font-size:9px;line-height:16px;padding:2px 5px;border-radius:4px;color:#ff3636;background:#ff303018;font-weight:700}.publish-section .travelling-signal{pointer-events:none}@media(max-width:1100px){.publish-grid{gap:24px}.network-creators{gap:8px;border-radius:22px}.network-creators strong{font-size:12px}.network-hub{padding:16px}.network-hub strong{font-size:19px}.network-channel strong{font-size:16px}.channel-play{width:25px;height:20px}.network-channel p{font-size:12px}.network-channel>div{gap:5px}.network-channel span{font-size:7px;padding:1px 3px}}@media(max-width:760px){.publish-grid{grid-template-columns:1fr;gap:32px}.publish-copy h2{font-size:48px;margin:24px 0}.publish-copy>p{font-size:16px;max-width:100%}.publish-kicker{font-size:8px;letter-spacing:1px;padding:8px 12px}.publish-network{max-width:520px;margin:auto}.network-creators strong{font-size:12px}.network-hub strong{font-size:18px}.network-hub{border-radius:20px}.network-creators{border-radius:20px}.network-channel{border-radius:16px;padding:8px;gap:6px}.network-channel strong{font-size:15px}.network-channel p{font-size:11px}.channel-play{width:23px;height:18px}.network-channel span{font-size:7px}.publish-section:before{mask-image:linear-gradient(180deg,transparent,#000)}}@media(prefers-reduced-motion:reduce){.publish-section .travelling-signal{display:none}}

/* Invert only the new publishing section relative to the page theme. */
html[data-theme=light] .publish-section{--bg:#0e0e11;--surface:#17171b;--card:#1b1b20;--text:#f5f3f1;--muted:#aaa7a6;--border:#ffffff17;--accent:#f59d70;color:var(--text);background:radial-gradient(ellipse at 38% 65%,#e775351c,transparent 58%),var(--bg);color-scheme:dark}
html[data-theme=dark] .publish-section{--bg:#f7f5f0;--surface:#efede7;--card:#fbfaf7;--text:#272623;--muted:#74716b;--border:#29241d1c;--accent:#b95629;color:var(--text);background:radial-gradient(ellipse at 38% 65%,#e7753512,transparent 58%),var(--bg);color-scheme:light}
html[data-theme=light] .publish-section:before{filter:none;opacity:.5}
html[data-theme=dark] .publish-section:before{filter:invert(1);opacity:.35}
html[data-theme=light] .publish-section h2{background:linear-gradient(180deg,#fff 8%,#e5e3e3 40%,#8f8c91 78%,#55535b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=light] .publish-section h2 span{color:inherit;-webkit-text-fill-color:inherit}
html[data-theme=dark] .publish-section h2{background:none;color:var(--text);-webkit-text-fill-color:var(--text)}
html[data-theme=dark] .publish-section h2 span{color:var(--accent);-webkit-text-fill-color:var(--accent)}

/* Contact follows the selected page theme; other contrast sections stay unchanged. */
html[data-theme=dark] .contact-section.contrast-section{--bg:#0e0e11;--surface:#17171b;--card:#1b1b20;--text:#f5f3f1;--muted:#aaa7a6;--border:#ffffff17;--accent:#f59d70;--tint:#28201d;--header:#111113d9;--shadow:0 24px 80px #0004;--glow-a:#d85c231e;--glow-b:#b72b4420;color-scheme:dark}
html[data-theme=light] .contact-section.contrast-section{--bg:#f7f5f0;--surface:#efede7;--card:#fbfaf7;--text:#272623;--muted:#74716b;--border:#29241d1c;--accent:#b95629;--tint:#f0e5dc;--header:#f7f5f0dd;--shadow:0 24px 80px #36291c0a;--glow-a:#efa36b55;--glow-b:#da859d38;color-scheme:light}
html[data-theme=dark] .contact-section.contrast-section h2{background:linear-gradient(180deg,#fff 8%,#e5e3e3 40%,#8f8c91 78%,#55535b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html[data-theme=dark] .contact-section.contrast-section h2 .serif{background:none;color:inherit;-webkit-text-fill-color:inherit}
html[data-theme=light] .contact-section.contrast-section h2{background:none;color:var(--text);-webkit-text-fill-color:var(--text)}
html[data-theme=light] .contact-section.contrast-section h2 .serif{color:var(--accent);-webkit-text-fill-color:var(--accent)}

.language-control{position:relative}.language-button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--text);background:var(--surface);font-size:12px}.language-button .icon{width:18px;height:18px}.language-chevron{width:12px;height:12px}.language-panel{position:absolute;top:calc(100% + 12px);right:0;width:310px;padding:24px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 50px #0003;max-height:70vh;overflow:auto;z-index:50}.language-panel[hidden]{display:none}.language-panel h3{font-size:18px;letter-spacing:-.3px}.language-panel p{font-size:12px;color:var(--muted);margin:8px 0 16px}.language-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.language-quick button,.language-retry{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px;font-size:13px;min-height:44px}.language-quick button:hover{color:var(--accent);border-color:var(--accent)}.language-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}#google_translate_element select{width:100%;font-family:'Mona Sans',Arial,sans-serif;font-size:14px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:8px;margin:0 0 12px}.language-panel .language-status{font-size:11px;margin-bottom:0}.header nav{gap:20px}@media(max-width:1100px){.header nav{gap:14px;font-size:12px}.language-button>span{display:none}.language-button{padding:10px}.header-actions{gap:8px}}@media(max-width:760px){.language-panel{right:-92px;width:min(310px,calc(100vw - 40px))}.language-button{min-width:40px;min-height:40px;padding:8px}.language-chevron{display:none}.header-actions{gap:3px}.header .brand-logo{width:32px}.header .wordmark{font-size:26px}.header .brand{gap:5px}.header{padding-inline:16px}.header .theme-toggle{width:40px;height:40px}.menu-toggle{min-width:36px;padding:4px}.header .button.small{padding:8px 12px}.header .button.small .icon{display:none}}

/* Keep translation inside the header control, without a top toolbar or offset. */
.goog-te-banner-frame,
iframe.goog-te-banner-frame,
iframe.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important;height:0!important;visibility:hidden!important}
html{margin-top:0!important}
body{top:0!important;margin-top:0!important}