/* Phluxel Gallery theme. Shared by all authored marketing and reference pages. */
:root{--bg:#f6f5ef;--bg-2:#eeeee5;--surface:#fffefa;--surface-2:#eeefe6;--elevated:#fffefa;--text:#25302a;--muted:#56635b;--muted-2:#647068;--line:#d9ded2;--line-strong:#a6b5a2;--accent:#365e3e;--cyan:#365e3e;--teal:#365e3e;--pink:#ad453b;--lime:#75953e;--grad:linear-gradient(110deg,#365e3e,#486b36);--grad-soft:linear-gradient(120deg,#e6ecdc,#eff1e7);--radius:12px;--radius-sm:8px;--shadow:0 22px 64px -38px #24332655;color-scheme:light}
body{background:var(--bg);color:var(--text)}body::before,body::after{display:none}::selection{background:#d6e7ac;color:#233227}
a,button,input,select,textarea{touch-action:manipulation}a,button{transition:color .18s,background .18s,border-color .18s,transform .2s}
:focus-visible{outline:3px solid #677f31;outline-offset:4px}button:disabled{cursor:not-allowed}
.logo .mark i:nth-child(1),.mark i:nth-child(1){background:#7c5cff!important}.logo .mark i:nth-child(2),.mark i:nth-child(2){background:#22d3ee!important}.logo .mark i:nth-child(3),.mark i:nth-child(3){background:#f472b6!important}.logo .mark i:nth-child(4),.mark i:nth-child(4){background:#5eead4!important}
.nav,.topbar{background:rgba(246,245,239,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:none}.site-home header.nav{background:rgba(246,245,239,.96)!important}.logo{color:var(--text)}.topbar{min-height:64px}.nav-drop,.mobile-menu{background:var(--surface);box-shadow:0 18px 40px #25302a12}.nav-links a:hover,.nav-trigger:hover,.nav-group.open .nav-trigger,.nav-drop a:hover,.mobile-menu a:hover{background:#e8eddf}.nav-drop a,.mobile-menu a{color:var(--text)}
h1,h1.page,.h-grad,.grad,.stats .num,.step .n::before{color:var(--text);background:none;-webkit-text-fill-color:currentColor;background-clip:border-box}h1,h2{letter-spacing:-.05em}h1.page{font-size:clamp(34px,4vw,52px)}h3,p,li{color:inherit}p,.lede,.page-sub,article p,article li{color:var(--muted)}article strong,article blockquote strong,article th{color:var(--text)}
.btn,.btn-primary,.btn-ghost,.btn-steam{border-radius:7px;box-shadow:none;min-height:44px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#254b2d;box-shadow:0 6px 16px #365e3e22;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#e7edde;box-shadow:none}.btn-steam{background:#273b31;color:#fff}.btn-steam:hover{background:#192f22}.btn[disabled]{transform:none}
.card,.step,.plan,.qa,details.qa,.use,.cta,.thanks{background:var(--surface);border-color:var(--line);box-shadow:none}.card:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:0 12px 28px #25302a09}.card::after{display:none}.card .icon{background:#e7eddf;color:var(--accent);border:0}.card .tags span{background:var(--surface-2)}.plan.featured{background:#e8eedf;border:2px solid var(--accent)}.plan .pill,.plan.featured .pill{color:#fff}.cta-box{background:#e7ecd9;border:1px solid #c6d0b7}.eyebrow{background:none;border:0;color:var(--accent);padding:0;letter-spacing:.14em;font-size:11px}.eyebrow .dot{box-shadow:none;background:#779347}.badge{background:#edf0e5;border-color:var(--line);color:var(--muted)}.badge .pulse{box-shadow:none;animation:none;background:#6b893b}
pre,article pre,.mini-code{background:#202d2b;color:#e0e9de;border:1px solid #354b41}pre code,article pre code{color:#e0e9de;background:transparent}code,article code,.tbl code{color:#365e3e;background:#e9edde}.tk-com{color:#a3b4ad}.tk-kw{color:#ceabf0}.tk-fn{color:#9fe1d7}.tk-ch{color:#bbdca0}.tk-num{color:#f4c59d}.tk-op{color:#d0dbd0}
.editor-right{background:#202d2b;color:#e0e9de;--muted:#b0c0b7;--muted-2:#b0c0b7;--cyan:#b1dbbb}.editor-right .code{background:none;border:0}.editor-right .panel-label{color:#c2d6c7}.editor-right .badge-cpu{color:#c6edc1;background:#344b3a;border-color:#677e62}.window{background:var(--surface);box-shadow:var(--shadow)}.window .bar{background:#e8ece2}.window .bar .title{color:var(--muted)}
.steambar{background:#e3ead6;border-color:#d2dcc5}.steambar a,.steambar .sb-go,.steambar b{color:#344d32}.steambar .sb-tag{background:#f6f8ee;border-color:#b8c7a4;color:#405a33}.steambar a:hover{background:#dce5cb}.banner{background:#e3ead6;border-color:#c4d2b4}.banner b,.banner span.t{color:#344d32}.banner .tag{background:#f6f8ee;color:#405a33;border-color:#b8c7a4}
.shot{background:#202d2b}.shot img{image-rendering:auto}.shot figcaption{color:#fff}.lightbox{color:#fff}.lightbox .lb-cap,#lbCap{color:#e7ece8}.gallery .tile{background:var(--surface)}.tile .meta{color:var(--muted)}.tile .meta .nm{color:var(--text)}.foot-bottom,.foot-bottom a{color:var(--muted)}.footer{background:#eeeee5}.thanks .who span{background:#e9eddf}.thanks .who span::before{background:var(--accent)}
article th{background:var(--surface-2)}.ref-nav{background:var(--surface)}.ref-nav a.on,aside a.active{background:#e3ebd6;color:#294f32}.toc,.note{background:#eef1e6}.copy{background:#eef1e6;color:var(--text)}.demo-view{--muted:#b9c4b8}.demo-view .badge,.demo-view .label{color:#dce5d8}.preview .tag{background:#f5f7ed;color:var(--text)}
article h3,details.qa .ans b,table.facts b,ul.b li b,.warn b,.tip b{color:var(--text)}details.qa .ans,ul.b li,td,th{color:var(--muted)}.shot figcaption{color:var(--muted)}.site-home .shot figcaption{color:#fff}.codebox,.codebox pre{background:#202d2b}.codebox{--muted:#b0c0b7;--muted-2:#b0c0b7}.tbl td code{color:var(--accent)}.btn-primary code{background:transparent;color:inherit}
.warn{background:#f5edda;border-color:#d8c59c;color:#66532d}.tip{background:#eaf0e1;border-color:#c3d1b6;color:#3a573d}.copybox{color:var(--muted)}.plan.featured::before{color:#fff;background:var(--accent)}.shot:not(figure){background:var(--surface)}
.code-head{background:#e7ecdf}.code-head .name{color:var(--muted)}.code-head .lang{color:var(--accent)}pre .t-key{color:#cfb4f0}pre .t-fn{color:#a0d8c7}pre .t-num{color:#d2df92}pre .t-op{color:#f2b5aa}pre .t-com{color:#b1bdb7}code.inline{background:#e8edde;color:#3e633b;border-color:#cad7bf}.hero-stage .tag{color:#e6efdf}.demo-view .info{color:#d6e5d6}
input[type=email],textarea,select,input[type=file]{background:var(--surface);border-color:#b6c1b1;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #365e3e15}.msg.err{color:#a32d29}.msg.ok,.done h2{color:var(--accent)}#send{background:var(--accent);color:#fff}
/* Landing page: works first, clearly separated editorial sections. */
.site-home{--maxw:1280px}.site-home .wrap{width:min(1280px,calc(100% - 80px))}.site-home .hero{padding:64px 0 0;overflow:visible}.site-home #hero-canvas{display:none}.hero-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}.hero-copy{min-width:0;text-align:left}.site-home .hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.04;letter-spacing:-.065em;max-width:650px;margin:24px 0;text-align:left}.hero h1 em{color:var(--accent);font-style:normal}.site-home .hero .sub{font-size:15px;line-height:1.8;margin:0;max-width:570px;text-align:left}.site-home .hero .cta-row{justify-content:flex-start;gap:10px;margin-top:28px}.site-home .hero .meta{justify-content:flex-start;max-width:550px;font-size:11px;gap:8px;margin-top:20px}.site-home .hero .cta-row .btn{padding:13px 17px;font-size:12px}.hero-art{position:relative;min-width:0;margin:0;transform:rotate(-1deg)}.hero-stage{overflow:hidden;border-radius:14px;background:#101721;position:relative;aspect-ratio:4/3;box-shadow:0 30px 55px -32px #1d2c3270}.hero-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hero-art figcaption{display:flex;justify-content:space-between;gap:18px;padding:16px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.art-label{position:absolute;top:-18px;right:22px;background:#d4ec8e;padding:10px 15px;transform:rotate(3deg);border-radius:5px;font-size:10px;font-weight:750;letter-spacing:.08em;z-index:2}.art-controls{display:flex;align-items:center;gap:14px;background:#fffefa;padding:12px 15px;border:1px solid var(--line);border-radius:8px;margin-top:6px;transform:rotate(1deg);font-size:11px}.art-controls label{white-space:nowrap;font-weight:650}.art-controls input{width:100%;min-width:40px;accent-color:var(--accent)}.motion-toggle{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 11px;font:inherit;white-space:nowrap;cursor:pointer;min-height:34px}.hero-footnote{font-size:10px;color:var(--muted);padding:10px 4px}
.site-home .hero-mock{margin:45px auto 50px;max-width:900px}.workflow-demo{margin-top:40px;border-top:1px solid var(--line);padding-top:18px}.workflow-demo>summary{font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);padding:12px 0}.site-home .stats .cell{text-align:left;padding:26px 32px}.site-home .stats .num{font-size:30px}.site-home .stats .lbl{font-size:11px}.site-home .section{padding:90px 0}.site-home .section-head{text-align:left;margin-bottom:36px;max-width:760px}.site-home .section-head h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.05em;line-height:1.15}.site-home .section-head p{margin-left:0;font-size:15px;line-height:1.8}.site-home .features{gap:18px}.site-home .card{padding:26px}.site-home .section:nth-of-type(even){background:#eeefe5}.site-home .gallery{gap:20px}.site-home .plans{gap:20px}.site-home .plan{border-radius:12px}.site-home .cta-box h2{font-size:clamp(34px,4vw,54px)}
.selected-work{padding:76px 0 85px;border-bottom:1px solid var(--line)}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.work-heading h2{font-size:clamp(32px,3.6vw,46px);line-height:1.1;margin:14px 0 0;letter-spacing:-.055em}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.work-card{min-width:0}.work-card .work-view{aspect-ratio:4/3;background:#202d2b;border-radius:9px;overflow:hidden}.work-card video,.work-card img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;transition:transform .5s}.work-card:hover video,.work-card:hover img{transform:scale(1.035)}.work-card figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:14px 0;color:var(--text);font-weight:650}.work-card figcaption span{font-size:10px;font-weight:400;color:var(--muted)}.work-card{margin:0}.work-description{margin-top:24px;max-width:660px;font-size:12px;color:var(--muted)}.work-card a{text-decoration:underline;font-size:10px;color:var(--muted)}
.site-home .reveal{opacity:1;transform:none}.site-home .reveal.in{animation:arrive .55s ease both}@keyframes arrive{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:none}}.top-progress{height:3px;background:var(--accent);position:fixed;left:0;top:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
@media(min-width:1500px){.site-home .hero{padding-top:80px}.site-home .hero h1{font-size:76px}}
@media(max-width:1000px){.hero-layout{gap:26px}.site-home .wrap{width:calc(100% - 48px)}.site-home .hero h1{font-size:48px}.site-home .hero .cta-row .btn{font-size:11px}.work-grid{gap:22px 16px}.topbar{gap:10px}}
@media(max-width:760px){.hero-layout{grid-template-columns:1fr;gap:32px}.site-home .hero{padding-top:32px}.site-home .wrap{width:calc(100% - 36px)}.site-home .hero h1{font-size:clamp(42px,10vw,64px);max-width:600px}.site-home .hero .sub{font-size:14px}.hero-art{max-width:580px;width:100%;margin:auto}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-heading{align-items:start;flex-direction:column}.site-home .section{padding:58px 0}.selected-work{padding:50px 0}.site-home .stats .cell{padding:20px 16px}.site-home .stats .num{font-size:25px}.art-label{top:-13px}.topbar{padding-left:14px;padding-right:14px}.topbar .logo{font-size:15px}.topbar .back{font-size:12px}.work-card figcaption{flex-direction:column;gap:4px}.hero-art figcaption{font-size:9px}.site-home .section-head p{font-size:14px}}
@media(max-width:400px){.work-grid{grid-template-columns:1fr}.topbar .crumb{font-size:12px}.art-controls{gap:8px;padding:10px}.site-home .hero .badge{font-size:10px}}
.site-home .wrap{padding-left:0;padding-right:0}.site-home .nav-inner{gap:16px}.site-home .nav-cta{flex-shrink:0}.site-home .logo{flex-shrink:0}.site-home .hero .cta-row .btn{white-space:normal}
@media(max-width:760px){.site-home .nav-inner{gap:10px}.site-home .nav-cta{gap:8px}.site-home .nav-cta>.btn{font-size:11px;padding:10px 12px}.site-home .logo{font-size:18px}.site-home .nav-toggle{width:36px;height:36px}.site-home .hero .cta-row{flex-direction:row;align-items:stretch}.site-home .hero .cta-row .btn{width:auto}.site-home .hero .meta{flex-direction:row}.site-home .stats .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-layout{display:flex;flex-direction:column;gap:18px;align-items:stretch}.hero-copy{display:contents}.hero-copy>.badge{order:0;align-self:flex-start}.site-home .hero h1{order:1;margin:6px 0 18px}.hero-art{order:2}.site-home .hero .sub{order:3}.site-home .hero .cta-row{order:4;margin-top:8px}.site-home .hero .meta{order:5;margin-top:0}.hero-footnote{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none}.art-label,.art-controls{transform:none}.reveal{opacity:1!important;transform:none!important}}