:root{--radius:8px;--font-sans:var(--font-be-vietnam-pro), Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;background:var(--surface-page);color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-toast-region{z-index:1300;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;gap:10px;width:min(390px,100vw - 36px);display:grid;position:fixed}.admin-toast{border:1px solid var(--border-default);box-shadow:var(--shadow-card);color:var(--text-primary);background:var(--surface-card);pointer-events:auto;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 14px;display:grid}.admin-toast.is-success{border-color:var(--success);background:var(--success-surface)}.admin-toast.is-error{border-color:var(--danger);background:var(--danger-surface)}.admin-toast.is-warning{border-color:var(--warning);background:var(--warning-surface)}.admin-toast.is-info{border-color:var(--info);background:var(--info-surface)}.admin-toast.is-success>svg{color:var(--success)}.admin-toast.is-error>svg{color:var(--danger)}.admin-toast.is-warning>svg{color:var(--warning)}.admin-toast.is-info>svg{color:var(--info)}.admin-toast button{min-width:30px;min-height:30px;color:inherit;background:0 0;border:0;padding:4px}.admin-warning{border:1px solid var(--warning);color:var(--warning);background:var(--warning-surface);border-radius:8px;margin:0;padding:10px 12px}.admin-media-operations-list>.admin-card{align-items:start}.admin-media-used-by{gap:8px;min-width:0;display:grid}.admin-media-used-by h3{margin:0;font-size:.94rem}.admin-media-used-by a{border:1px solid var(--border-default);background:var(--surface-muted);border-radius:8px;gap:2px;min-width:0;padding:9px 10px;display:grid}.admin-media-metadata-form,.admin-media-delete-form{min-width:0}@media (max-width:760px){.admin-toast-region{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:min(100% - 24px,390px)}}.admin-media-picker-trigger{justify-self:start;width:fit-content;max-width:100%}.admin-media-dialog-layer{z-index:120;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-media-dialog-backdrop{background:color-mix(in srgb, var(--brand-950) 72%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0;border-radius:0;width:100%;position:absolute;inset:0}.admin-media-dialog{border:1px solid var(--border-default);background:var(--surface-card);width:min(1080px,100%);max-height:min(840px,100dvh - 40px);box-shadow:var(--shadow-card);border-radius:8px;position:relative;overflow:auto}.admin-media-dialog>header,.admin-media-dialog>footer,.admin-media-toolbar{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.admin-media-dialog>footer{border-top:1px solid var(--border-default);border-bottom:0}.admin-media-dialog h2,.admin-media-dialog p{margin:0}.admin-media-dialog>header>button,.admin-media-pagination button{width:40px;min-width:40px;height:40px;padding:0}.admin-media-toolbar label{flex:360px;align-items:center;gap:8px;min-width:0;display:flex}.admin-media-toolbar input{width:100%}.admin-media-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.admin-media-picker-grid>button{border:1px solid var(--border-default);background:var(--surface-card);min-width:0;color:var(--text-primary);text-align:left;border-radius:8px;gap:8px;padding:8px;display:grid;position:relative}.admin-media-picker-grid>button:hover,.admin-media-picker-grid>button.is-selected{border-color:var(--brand-700);box-shadow:0 8px 24px color-mix(in srgb, var(--brand-700) 13%, transparent);transform:translateY(-1px)}.admin-media-picker-grid img,.admin-media-video-placeholder{aspect-ratio:4/3;object-fit:cover;background:var(--surface-muted);border-radius:6px;width:100%}.admin-media-video-placeholder{place-items:center;display:grid}.admin-media-picker-grid>button>span{gap:3px;min-width:0;display:grid}.admin-media-picker-grid strong,.admin-media-picker-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-media-picker-grid em{background:var(--brand-900);color:var(--text-on-dark);border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:.72rem;font-style:normal;display:inline-flex;position:absolute;top:14px;right:14px}.admin-media-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:30px}.admin-media-pagination{align-items:center;gap:10px;display:inline-flex}@media (max-width:900px){.admin-media-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.admin-media-dialog-layer{padding:0}.admin-media-dialog{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.admin-media-toolbar{flex-direction:column;align-items:stretch}.admin-media-toolbar label{flex-basis:auto}.admin-media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.admin-media-dialog>footer{flex-direction:column;align-items:stretch}}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.subpage-hero h1,.product-detail h1,.article-detail h1{max-width:880px;color:var(--text-primary)}.filter-pills,.card-actions,.admin-card-actions{flex-wrap:wrap;gap:10px;display:flex}.filter-pills a,.card-actions a,.card-actions button,.admin-card-actions a,.text-link{color:var(--brand-900);border-bottom:1px solid;font-weight:760}.product-directory,.project-directory,.video-directory,.article-grid,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.directory-card,.video-card,.article-card,.related-card{border:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-card) 72%, transparent);border-radius:8px;overflow:hidden}.directory-card img,.video-card img,.article-card img,.related-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.directory-card>div,.video-card>div,.article-card>div,.related-card span{gap:12px;padding:18px;display:grid}.directory-card h2,.video-card h2,.article-card h2{margin:0;font-size:1.35rem;line-height:1.2}.directory-card span,.video-card span{color:var(--brand-900);font-size:.78rem;font-weight:820}.detail-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:34px;display:grid}.detail-gallery{gap:12px;display:grid}.detail-gallery>img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.detail-gallery>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-gallery>div img{aspect-ratio:1;object-fit:cover;border-radius:8px}.detail-copy{gap:16px;display:grid}.detail-copy dl,.directory-card dl{gap:10px;display:grid}.detail-copy dt,.directory-card dt{color:var(--text-muted);font-size:.78rem;font-weight:760}.detail-copy dd,.directory-card dd{margin:0}.inline-lead-form{padding:52px 0}.inline-form-inner{grid-template-columns:.8fr 1.2fr;gap:24px;width:min(100% - 32px,980px);margin:0 auto;display:grid}.narrow{max-width:840px}.article-detail img{border-radius:8px;width:100%;margin:24px 0}.article-body{color:var(--text-muted);font-size:1.08rem;line-height:1.8}.footer-link-button{color:inherit;text-align:left;background:0 0;padding:0}.admin-shell{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);grid-template-columns:260px minmax(0,1fr);display:grid}.admin-sidebar{border-right:1px solid var(--border-default);background:var(--brand-950);height:100dvh;color:var(--text-on-dark);padding:24px;position:sticky;top:0}.admin-logo{margin-bottom:26px}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav a{color:color-mix(in srgb, var(--surface-card) 78%, transparent);border-radius:8px;padding:10px 12px}.admin-sidebar nav a:hover{background:color-mix(in srgb, var(--surface-card) 8%, transparent);color:var(--text-on-dark)}.admin-main{min-width:0;padding:24px}.admin-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.admin-topbar p,.admin-topbar h1{margin:0}.admin-user{align-items:center;gap:10px;display:flex}.admin-user button,.admin-shortcuts a,.admin-form button,.admin-filter button,.admin-login-card button,.admin-danger{background:var(--brand-700);min-height:38px;color:var(--text-on-dark);border-radius:8px;padding:0 14px;font-weight:760}.admin-danger{background:var(--danger)}.admin-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.admin-stat,.admin-panel,.admin-card,.admin-empty,.admin-notice,.admin-login-card{border:1px solid var(--border-default);background:var(--surface-card);box-shadow:0 12px 30px color-mix(in srgb, var(--brand-950) 6%, transparent);border-radius:8px}.admin-stat,.admin-panel,.admin-empty,.admin-notice,.admin-login-card{padding:18px}.admin-stat span{color:var(--text-muted);font-size:.78rem;display:block}.admin-stat strong{margin-top:8px;font-size:1.8rem;display:block}.admin-shortcuts{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.admin-list{gap:14px;display:grid}.admin-card{grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px;display:grid}.admin-card>img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:150px}.admin-card header{justify-content:space-between;gap:12px;display:flex}.admin-card strong,.admin-card span,.admin-card code{display:block}.admin-form,.admin-inline-form,.admin-filter,.admin-login-card{gap:12px;display:grid}.admin-form label,.admin-inline-form label,.admin-login-card label{gap:6px;display:grid}.admin-form span,.admin-login-card span{color:var(--text-muted);font-size:.82rem;font-weight:760}.admin-form input,.admin-form textarea,.admin-form select,.admin-inline-form input,.admin-inline-form textarea,.admin-inline-form select,.admin-filter input,.admin-filter select,.admin-login-card input{border:1px solid var(--border-default);background:var(--surface-card);border-radius:8px;width:100%;padding:10px 12px}.admin-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-checkbox{align-items:center;gap:8px!important;display:flex!important}.admin-inline-form{grid-template-columns:180px minmax(0,1fr) auto;margin-top:12px}.lead-note{background:var(--surface-muted);border-radius:8px;margin:10px 0 0;padding:10px}.admin-filter{grid-template-columns:minmax(0,1fr) 220px auto auto;margin-bottom:18px}.admin-login-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login-card{width:min(100%,440px)}.admin-login-card h1{margin-bottom:0}.admin-error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-radius:8px;padding:10px}@media (max-width:980px){.product-directory,.project-directory,.video-directory,.article-grid,.related-grid,.detail-layout,.inline-form-inner,.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-sidebar nav,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card,.admin-inline-form,.admin-filter{grid-template-columns:1fr}.admin-card>img{width:100%}}@media (max-width:760px){.subpage-main{padding-top:0}.admin-main{padding:14px}.admin-topbar{flex-direction:column;align-items:flex-start}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand-700) 12%, transparent), transparent 28rem), linear-gradient(180deg, var(--surface-page), var(--surface-muted));min-width:320px;color:var(--text-primary);margin:0}body,button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}.site-header{z-index:70;border-bottom:1px solid color-mix(in srgb, var(--surface-muted) 72%, transparent);background:color-mix(in srgb, var(--surface-page) 90%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);position:fixed;inset:0 0 auto}.header-shell{justify-content:space-between;align-items:center;gap:18px;width:min(100% - 32px,1260px);min-height:72px;margin:0 auto;display:flex}.brand-lockup{min-width:0;color:inherit;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-emblem{object-fit:contain;flex:none;width:52px;height:52px}.brand-copy{white-space:nowrap;gap:2px;min-width:0;line-height:1;display:grid}.brand-name,.brand-studio,.brand-tagline{letter-spacing:0}.brand-name{color:var(--brand-950);font-family:Georgia,Times New Roman,serif;font-size:1.02rem;line-height:1}.brand-studio{color:var(--wood-800);font-size:.58rem;font-weight:800}.brand-tagline{color:var(--brand-700);font-size:.43rem;font-weight:760}.brand-lockup--footer{margin-bottom:16px}.brand-lockup--footer .brand-emblem{width:68px;height:68px}.brand-lockup--footer .brand-name{font-size:1.3rem}.brand-lockup--footer .brand-studio{font-size:.68rem}.brand-lockup--footer .brand-tagline{font-size:.5rem}.brand-lockup--admin{color:var(--text-on-dark)}.brand-lockup--admin .brand-emblem{width:40px;height:40px}.brand-lockup--admin .brand-copy{gap:1px}.brand-lockup--admin .brand-name{color:var(--text-on-dark);font-size:.88rem}.brand-lockup--admin .brand-studio{color:var(--wood-500);font-size:.48rem}.brand-lockup--admin .brand-tagline{color:color-mix(in srgb, var(--surface-card) 70%, transparent);font-size:.34rem}.desktop-nav{color:var(--text-muted);justify-content:center;align-items:center;gap:20px;font-size:.92rem;display:flex}.desktop-nav a,.mobile-nav a{transition:color .18s}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--text-primary)}.mobile-nav{display:none}.header-actions,.hero-actions,.section-cta-row,.form-fast-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button,.header-cta,.header-contact,.floating-contact,.mobile-sticky-bar a,.mobile-sticky-bar button{letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:760;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.button{border:1px solid #0000;padding:0 22px}.button:active,.header-cta:active,.header-contact:active,.floating-contact:active,.mobile-sticky-bar a:active,.mobile-sticky-bar button:active{transform:translateY(1px)scale(.99)}.header-cta{background:var(--brand-700);min-height:42px;color:var(--text-on-dark);box-shadow:0 12px 26px color-mix(in srgb, var(--brand-700) 20%, transparent);white-space:nowrap;padding:0 18px}.header-contact{border:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-card) 58%, transparent);min-height:42px;color:var(--text-primary);padding:0 16px}.button-primary{background:var(--brand-700);color:var(--text-on-dark);box-shadow:0 16px 34px color-mix(in srgb, var(--brand-700) 24%, transparent)}.button-secondary{background:var(--surface-card);color:var(--brand-900);box-shadow:0 16px 30px color-mix(in srgb, var(--surface-card) 14%, transparent)}.button-outline{border-color:var(--border-default);background:color-mix(in srgb, var(--surface-card) 50%, transparent);color:var(--brand-900)}.button-ghost{border-color:color-mix(in srgb, var(--surface-card) 70%, transparent);background:color-mix(in srgb, var(--surface-card) 12%, transparent);color:var(--text-on-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-section{isolation:isolate;align-items:flex-end;min-height:94dvh;max-height:900px;padding:136px 24px 70px;display:flex;position:relative;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 78%, transparent) 0%, color-mix(in srgb, var(--brand-950) 50%, transparent) 38%, transparent 76%), linear-gradient(0deg, color-mix(in srgb, var(--brand-950) 56%, transparent), transparent 46%)}.hero-content{width:min(100%,760px);color:var(--text-on-dark);margin-left:max(0px,50vw - 630px)}.hero-kicker,.section-label{color:var(--brand-900);letter-spacing:0;margin:0 0 12px;font-size:.78rem;font-weight:840}.hero-kicker{color:color-mix(in srgb, var(--surface-muted) 86%, transparent)}h1{max-width:760px;margin-bottom:16px;font-size:3.05rem;font-weight:840;line-height:.98}.hero-subtitle{max-width:690px;color:var(--text-on-dark);margin-bottom:14px;font-size:1.18rem;font-weight:760;line-height:1.45}.hero-copy{max-width:610px;color:color-mix(in srgb, var(--surface-card) 86%, transparent);margin-bottom:28px;font-size:1rem;line-height:1.72}.hero-mobile-quick{display:none}.section-inner{width:min(100% - 32px,1260px);margin:0 auto}.section-heading{gap:16px;margin-bottom:40px;display:grid}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{max-width:820px;margin:0;font-size:2.35rem;font-weight:800;line-height:1.08}.section-heading p:not(.section-label),.video-copy p,.process-sticky p,.quick-card p,.form-intro p{max-width:690px;color:var(--text-muted);margin-bottom:0;line-height:1.72}.products-section{background:linear-gradient(180deg, var(--surface-page), var(--surface-muted))}.product-heading{max-width:820px}.featured-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:16px;display:grid}.featured-card{border:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-card) 66%, transparent);border-radius:8px;grid-column:span 4;display:grid;overflow:hidden}.featured-card-1,.featured-card-2{grid-column:span 6}.featured-media{aspect-ratio:4/3;background:var(--surface-muted);position:relative;overflow:hidden}.featured-media img,.usecase-card img,.project-case img,.video-thumb img{object-fit:cover;width:100%;height:100%}.featured-media span{background:color-mix(in srgb, var(--surface-page) 88%, transparent);color:var(--text-primary);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:780;position:absolute;bottom:12px;left:12px}.featured-copy{gap:10px;padding:18px;display:grid}.featured-copy h3,.usecase-card h3,.project-case h3{margin:0;font-size:1.16rem;line-height:1.25}.featured-copy p,.usecase-card p,.project-case p{color:var(--text-muted);margin:0;line-height:1.58}.mini-actions{align-items:center;gap:14px;margin-top:4px;display:flex}.mini-actions a,.mini-actions button{color:var(--brand-900);text-underline-offset:5px;background:0 0;padding:0;font-size:.9rem;font-weight:780;text-decoration:underline}.section-cta-row{margin-top:32px}.benefits-section{background:var(--surface-page)}.benefits-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:42px;display:grid}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.benefit-item{border:1px solid var(--border-default);background:var(--surface-card);min-height:82px;color:var(--text-primary);border-radius:8px;align-items:center;gap:14px;padding:16px;font-weight:760;display:flex}.benefit-item svg{color:var(--brand-900);flex:none}.usecase-section{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-700) 12%, transparent), transparent 40%), var(--surface-muted)}.usecase-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:190px;gap:14px;display:grid}.usecase-card{isolation:isolate;background:var(--surface-muted);border-radius:8px;grid-column:span 2;position:relative;overflow:hidden}.usecase-card:after{z-index:-1;content:"";background:linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--brand-950) 78%, transparent));position:absolute;inset:0}.usecase-card img{z-index:-2;position:absolute;inset:0}.usecase-card div{color:var(--text-on-dark);position:absolute;bottom:18px;left:18px;right:18px}.usecase-card p{color:color-mix(in srgb, var(--surface-card) 82%, transparent)}.band-cta{background:var(--brand-950);color:var(--text-on-dark);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:18px;display:flex}.band-cta span{font-weight:780}.band-cta a,.band-cta button{background:var(--surface-card);color:var(--brand-900);border-radius:999px;padding:12px 16px;font-weight:780}.band-cta button{background:color-mix(in srgb, var(--surface-card) 12%, transparent);color:var(--text-on-dark);border:1px solid color-mix(in srgb, var(--surface-card) 32%, transparent)}.video-layout{grid-template-columns:.78fr 1.22fr;align-items:center;gap:44px;display:grid}.video-copy{gap:20px;display:grid}.video-copy .button{width:fit-content}.video-thumb{background:var(--brand-950);min-height:420px;color:var(--text-on-dark);box-shadow:var(--shadow-card);isolation:isolate;border-radius:8px;position:relative;overflow:hidden}.video-thumb:after{z-index:0;content:"";background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--brand-950) 84%, transparent));position:absolute;inset:0}.video-thumb img{position:absolute;inset:0}.play-button{z-index:1;background:var(--surface-card);width:74px;height:74px;color:var(--brand-900);box-shadow:0 16px 40px color-mix(in srgb, var(--brand-950) 28%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:auto;display:inline-flex;position:absolute;inset:0}.video-thumb strong{z-index:1;text-align:left;max-width:560px;font-size:1.32rem;line-height:1.25;position:absolute;bottom:22px;left:24px;right:24px}.projects-section{background:linear-gradient(180deg, var(--surface-page), var(--surface-muted))}.project-list{gap:16px;display:grid}.project-case{border-top:1px solid var(--border-default);grid-template-columns:.9fr 1fr;align-items:center;gap:22px;padding-top:16px;display:grid}.project-case img{aspect-ratio:16/10;box-shadow:var(--shadow-card);border-radius:8px}.project-case span{color:var(--brand-900);margin-bottom:12px;font-size:.82rem;font-weight:820;display:inline-block}.process-section{background:var(--surface-page)}.process-layout{grid-template-columns:.82fr 1.18fr;align-items:start;gap:52px;display:grid}.process-sticky{position:sticky;top:118px}.timeline{border-top:1px solid var(--border-default);display:grid}.timeline-step{border-bottom:1px solid var(--border-default);grid-template-columns:58px 1fr;align-items:start;gap:18px;padding:22px 0;display:grid}.timeline-step span{border:1px solid var(--border-default);width:42px;height:42px;color:var(--brand-900);border-radius:50%;justify-content:center;align-items:center;font-weight:820;display:inline-flex}.timeline-step p{color:var(--text-primary);margin:7px 0 0;font-size:1.08rem;font-weight:700}.quick-section{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-700) 16%, transparent), transparent 42%), var(--surface-muted)}.quick-card{background:var(--brand-950);color:var(--text-on-dark);box-shadow:var(--shadow-card);border-radius:8px;grid-template-columns:.88fr 1.12fr;align-items:center;gap:34px;padding:34px;display:grid}.quick-card .section-label{color:color-mix(in srgb, var(--surface-muted) 78%, transparent)}.quick-card p{color:color-mix(in srgb, var(--surface-card) 72%, transparent)}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-actions a,.quick-actions button,.form-fast-links a{background:var(--surface-card);min-height:64px;color:var(--brand-900);border-radius:8px;align-items:center;gap:12px;padding:16px;font-weight:820;display:flex}.quick-actions button{background:var(--brand-700);color:var(--text-on-dark)}.form-section{background:var(--surface-muted)}.form-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:36px;display:grid}.form-intro{gap:18px;display:grid;position:sticky;top:118px}.form-fast-links{align-items:stretch}.form-fast-links a{min-height:52px}.lead-form{border:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-card) 80%, transparent);box-shadow:0 20px 62px color-mix(in srgb, var(--brand-950) 12%, transparent);border-radius:8px;gap:20px;padding:24px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:8px;display:grid}.field span,.choice-fieldset legend{color:var(--text-primary);font-size:.92rem;font-weight:760}.field b{color:var(--brand-900);margin-left:4px}.field input,.field textarea{border:1px solid var(--border-default);background:var(--surface-card);width:100%;min-height:48px;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 14px;transition:border-color .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:112px}.field input:focus,.field textarea:focus{border-color:var(--brand-700);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-700) 14%, transparent)}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.84rem;line-height:1.35}.choice-fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.choice-fieldset legend{grid-column:1/-1;margin-bottom:4px}.choice-fieldset label{border:1px solid var(--border-default);background:var(--surface-card);min-height:48px;color:var(--text-muted);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.choice-fieldset input{width:16px;height:16px;accent-color:var(--brand-700);flex:none}.choice-fieldset input:checked+span{color:var(--text-primary);font-weight:720}.compact-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{gap:12px;display:grid}.form-actions .button{width:fit-content}.form-actions .button:disabled{cursor:wait;opacity:.72}.form-status{border-radius:8px;padding:13px 14px;font-size:.95rem;line-height:1.5}.form-status p{margin-bottom:10px}.form-status.success{background:var(--success-surface);color:var(--success)}.form-status.error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.form-status div{flex-wrap:wrap;gap:10px;display:flex}.form-status a{background:var(--surface-card);color:var(--brand-900);border-radius:999px;padding:8px 12px;font-weight:780}.faq-section{background:var(--surface-page)}.faq-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:52px;display:grid}.faq-heading{position:sticky;top:118px}.faq-list{border-top:1px solid var(--border-default)}.faq-list details{border-bottom:1px solid var(--border-default);padding:20px 0}.faq-list summary{cursor:pointer;color:var(--text-primary);font-size:1.04rem;font-weight:760;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--brand-900);font-weight:780}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:760px;color:var(--text-muted);margin:14px 0 0;line-height:1.7}.footer{border-top:1px solid var(--border-default);background:var(--surface-muted);padding:56px 0 104px}.footer-layout{grid-template-columns:1.2fr .8fr .8fr .8fr;align-items:start;gap:44px;display:grid}.footer p{max-width:460px;color:var(--text-muted);margin:16px 0 0;line-height:1.65}.footer strong{color:var(--brand-900);margin-top:18px;display:block}.footer-links{color:var(--brand-900);gap:12px;font-weight:730;display:grid}.footer-policy{justify-items:start;gap:16px;display:grid}.footer-policy p{margin:0}.floating-contact{z-index:65;background:var(--brand-950);color:var(--text-on-dark);box-shadow:0 18px 44px color-mix(in srgb, var(--brand-950) 24%, transparent);padding:0 18px;position:fixed;bottom:22px;right:18px}.contact-modal{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.contact-backdrop{background:color-mix(in srgb, var(--brand-950) 58%, transparent);position:absolute;inset:0}.contact-panel{z-index:1;background:var(--surface-page);width:min(100%,520px);box-shadow:0 30px 100px color-mix(in srgb, var(--brand-950) 32%, transparent);border-radius:8px;padding:28px;position:relative}.modal-close{background:var(--surface-card);width:38px;height:38px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.contact-panel h2{max-width:380px;margin-bottom:12px;font-size:2rem;line-height:1.08}.contact-panel p:not(.section-label){color:var(--text-muted);line-height:1.65}.modal-actions{gap:10px;margin-top:18px;display:grid}.modal-action{background:var(--surface-card);min-height:64px;color:var(--brand-900);border-radius:8px;align-items:center;gap:12px;padding:16px;font-weight:820;display:flex}.modal-action.primary{background:var(--brand-700);color:var(--text-on-dark)}.modal-action.muted{color:var(--text-primary)}.mobile-sticky-bar{display:none}@media (min-width:768px){h1{font-size:4.8rem}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{font-size:3.08rem}}@media (min-width:1180px){h1{font-size:5.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (max-width:1120px){.desktop-nav{display:none}.mobile-nav{width:min(100% - 32px,1260px);min-height:42px;color:var(--text-muted);scrollbar-width:none;gap:18px;margin:0 auto;font-size:.9rem;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{white-space:nowrap;flex:none}.hero-section{padding-top:132px}.featured-card,.featured-card-1,.featured-card-2{grid-column:span 6}.benefits-layout,.video-layout,.process-layout,.quick-card,.form-layout,.faq-layout,.footer-layout{grid-template-columns:1fr}.process-sticky,.form-intro,.faq-heading{position:static}}@media (max-width:760px){html,body{overflow-x:hidden}body{padding-bottom:82px}.site-header{position:sticky;overflow:hidden}.header-shell{gap:8px;width:calc(100% - 24px);min-height:64px}.brand-lockup--header{gap:7px}.brand-lockup--header .brand-emblem{width:44px;height:44px}.brand-lockup--header .brand-name{font-size:.9rem}.brand-lockup--header .brand-studio{font-size:.5rem}.brand-lockup--header .brand-tagline{font-size:.38rem}.mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;width:calc(100% - 24px);min-height:auto;padding:0 0 12px;font-size:.76rem;line-height:1.2;display:grid;overflow:visible}.mobile-nav a{overflow-wrap:break-word;min-width:0}.header-contact,.header-cta,.header-cta svg{display:none}.hero-section{width:100%;max-width:100vw;min-height:88dvh;padding:84px 16px 40px}.hero-overlay{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-950) 10%, transparent) 0%, color-mix(in srgb, var(--brand-950) 82%, transparent) 70%), linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 20%, transparent), transparent)}.hero-content{width:100%;max-width:100%;margin-left:0}h1{overflow-wrap:break-word;max-width:100%;font-size:1.8rem;line-height:1.04}.hero-subtitle{font-size:.9rem}.hero-copy{font-size:.92rem}.hero-actions .button{width:100%}.hero-mobile-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.hero-mobile-quick a,.hero-mobile-quick button{background:color-mix(in srgb, var(--surface-card) 14%, transparent);min-height:44px;color:var(--text-on-dark);text-align:center;border:0;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;font-weight:780;display:inline-flex}.section{padding:66px 0}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{font-size:2.18rem}.featured-grid,.usecase-grid,.benefit-grid,.quick-actions,.field-grid,.three-fields,.choice-fieldset,.compact-choices{grid-template-columns:1fr}.featured-card,.featured-card-1,.featured-card-2,.usecase-card,.usecase-card-1,.usecase-card-2{grid-area:auto}.usecase-grid{grid-auto-rows:250px}.band-cta,.quick-card,.lead-form,.contact-panel{padding:18px}.video-thumb{min-height:300px}.video-thumb strong{font-size:1.05rem;left:18px;right:18px}.project-case{grid-template-columns:1fr}.form-actions .button,.video-copy .button{width:100%}.floating-contact{display:none}.mobile-sticky-bar{z-index:68;background:color-mix(in srgb, var(--brand-950) 94%, transparent);box-shadow:0 18px 46px color-mix(in srgb, var(--brand-950) 32%, transparent);opacity:0;pointer-events:none;border-radius:999px;grid-template-columns:.72fr 1fr 1.25fr;gap:8px;padding:8px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(14px)}.mobile-sticky-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-sticky-bar a,.mobile-sticky-bar button{background:var(--surface-card);min-height:44px;color:var(--brand-900);white-space:nowrap;padding:0 10px;font-family:inherit;font-size:.8rem}.mobile-sticky-bar a:first-child{background:var(--brand-700);color:var(--text-on-dark)}.contact-modal{align-items:end;padding:0}.contact-panel{border-radius:14px 14px 0 0;width:100%}}.admin-topbar h1,.admin-login-card h1{max-width:none;font-size:2rem;line-height:1.08}.subpage-hero h1,.product-detail h1,.article-detail h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:.98}@media (max-width:760px){.subpage-hero h1,.product-detail h1,.article-detail h1{font-size:2.2rem}.admin-login-card h1,.admin-topbar h1{font-size:1.75rem}}:root{background:var(--surface-page);color:var(--text-primary);font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}::selection{background:color-mix(in srgb, var(--brand-700) 22%, transparent);color:var(--text-primary)}body{background:linear-gradient(180deg, var(--surface-page) 0%, var(--surface-muted) 48%, var(--surface-muted) 100%);color:var(--text-primary);font-feature-settings:"kern";text-rendering:geometricprecision}a,button,input,textarea,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand-500);outline-offset:3px;box-shadow:0 0 0 4px var(--focus-ring)}input,textarea,select{color:var(--text-primary)}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--brand-700) 58%, transparent)}.section{padding:92px 0}.section-inner{width:min(100% - 40px,1220px)}.section-label{border:1px solid color-mix(in srgb, var(--brand-700) 16%, transparent);background:color-mix(in srgb, var(--surface-card) 58%, transparent);width:fit-content;color:var(--brand-900);text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.73rem;line-height:1;display:inline-flex}.section-label:before{background:var(--wood-700);content:"";border-radius:999px;width:6px;height:6px}.section-heading{grid-template-columns:minmax(0,.9fr) minmax(280px,.54fr);align-items:end;gap:28px;margin-bottom:34px}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{color:var(--text-primary);text-wrap:balance}.section-heading p:not(.section-label),.video-copy p,.process-sticky p,.quick-card p,.form-intro p,.subpage-hero p,.detail-copy p{color:var(--text-secondary);font-size:1rem;line-height:1.72}.site-header{border-bottom:1px solid color-mix(in srgb, var(--surface-muted) 78%, transparent);background:color-mix(in srgb, var(--surface-page) 88%, transparent);box-shadow:0 12px 34px color-mix(in srgb, var(--brand-950) 8%, transparent)}.header-shell{width:min(100% - 40px,1220px);min-height:78px}.brand-emblem{filter:drop-shadow(0 8px 18px color-mix(in srgb, var(--brand-950) 10%, transparent))}.brand-name{color:var(--brand-950);font-size:1.05rem;font-weight:800}.brand-studio{color:var(--wood-700);letter-spacing:.08em}.brand-tagline{color:var(--text-secondary);letter-spacing:.04em}.desktop-nav{border:1px solid color-mix(in srgb, var(--surface-muted) 72%, transparent);background:color-mix(in srgb, var(--surface-card) 48%, transparent);color:var(--text-secondary);border-radius:999px;gap:6px;padding:6px}.desktop-nav a{border-radius:999px;padding:9px 12px;font-size:.88rem;line-height:1}.desktop-nav a:hover{background:var(--surface-card);color:var(--brand-900);box-shadow:0 8px 18px color-mix(in srgb, var(--brand-950) 8%, transparent)}.button,.header-cta,.header-contact,.floating-contact,.mobile-sticky-bar a,.mobile-sticky-bar button{min-height:46px;font-weight:800}.button:hover,.header-cta:hover,.header-contact:hover,.floating-contact:hover,.mobile-sticky-bar a:hover,.mobile-sticky-bar button:hover{transform:translateY(-1px)}.button-primary,.header-cta{background:linear-gradient(180deg, var(--brand-600), var(--brand-900));box-shadow:0 16px 34px color-mix(in srgb, var(--brand-700) 26%, transparent)}.button-primary:hover,.header-cta:hover{background:linear-gradient(180deg, var(--brand-700), var(--brand-950))}.button-secondary,.header-contact,.button-outline{border-color:color-mix(in srgb, var(--brand-950) 16%, transparent);background:color-mix(in srgb, var(--surface-card) 82%, transparent);color:var(--brand-900);box-shadow:0 12px 28px color-mix(in srgb, var(--brand-950) 8%, transparent)}.button-secondary:hover,.header-contact:hover,.button-outline:hover{border-color:color-mix(in srgb, var(--brand-700) 34%, transparent);background:var(--surface-card);color:var(--brand-900)}.button-ghost{border-color:color-mix(in srgb, var(--surface-card) 42%, transparent);background:color-mix(in srgb, var(--surface-card) 16%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-card) 18%, transparent)}.hero-section{min-height:clamp(680px,86dvh,840px);max-height:none;padding:134px 28px 74px}.hero-image{transform:scale(1.015)}.hero-overlay{background:linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 84%, transparent) 0%, color-mix(in srgb, var(--brand-950) 58%, transparent) 42%, color-mix(in srgb, var(--brand-950) 16%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--brand-950) 62%, transparent), transparent 48%)}.hero-kicker{border-color:color-mix(in srgb, var(--surface-card) 18%, transparent);border:1px solid color-mix(in srgb, var(--surface-card) 18%, transparent);background:color-mix(in srgb, var(--surface-card) 12%, transparent);width:fit-content;color:color-mix(in srgb, var(--surface-page) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;display:inline-flex}.hero-kicker:before{background:var(--wood-200);content:"";border-radius:999px;width:6px;height:6px}h1{letter-spacing:0;text-wrap:balance}.hero-content h1{max-width:820px;text-shadow:0 18px 42px color-mix(in srgb, var(--brand-950) 28%, transparent);margin-bottom:18px}.hero-subtitle{max-width:680px;margin-bottom:12px;font-size:1.2rem}.hero-copy{max-width:600px;color:color-mix(in srgb, var(--surface-card) 82%, transparent);margin-bottom:28px}.products-section,.projects-section{background:linear-gradient(180deg, var(--surface-page) 0%, var(--surface-muted) 100%)}.benefits-section,.process-section,.faq-section{background:var(--surface-page)}.usecase-section,.form-section{background:linear-gradient(180deg, var(--surface-muted) 0%, var(--surface-muted) 100%)}.video-section{background:var(--surface-page)}.featured-grid,.product-directory,.project-directory,.video-directory,.article-grid,.related-grid{gap:18px}.featured-card,.directory-card,.video-card,.article-card,.related-card,.benefit-item,.lead-form,.contact-panel,.admin-stat,.admin-panel,.admin-card,.admin-empty,.admin-notice,.admin-login-card{border-color:color-mix(in srgb, var(--surface-muted) 74%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 82%, transparent);box-shadow:var(--shadow-soft)}.featured-card,.directory-card,.video-card,.article-card,.related-card,.benefit-item,.project-case,.quick-actions a,.quick-actions button,.form-fast-links a,.modal-action,.admin-card,.admin-stat,.admin-shortcuts a{transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.featured-card:hover,.directory-card:hover,.video-card:hover,.article-card:hover,.related-card:hover,.benefit-item:hover,.admin-card:hover,.admin-stat:hover{border-color:color-mix(in srgb, var(--brand-700) 28%, transparent);box-shadow:0 24px 54px color-mix(in srgb, var(--brand-950) 14%, transparent);transform:translateY(-2px)}.featured-media,.directory-card>a,.video-card>img,.article-card>a,.related-card{background:var(--surface-muted)}.featured-media img,.directory-card img,.video-card img,.article-card img,.related-card img,.usecase-card img,.project-case img,.detail-gallery img{transition:transform .42s}.featured-card:hover .featured-media img,.directory-card:hover img,.video-card:hover img,.article-card:hover img,.related-card:hover img,.usecase-card:hover img,.project-case:hover img{transform:scale(1.035)}.featured-media span,.directory-card span,.video-card span,.project-case span{color:var(--brand-900);letter-spacing:.02em;text-transform:uppercase}.featured-copy,.directory-card>div,.video-card>div,.article-card>div{gap:13px;padding:20px}.featured-copy h3,.directory-card h2,.video-card h2,.article-card h2,.usecase-card h3,.project-case h3{color:var(--text-primary);text-wrap:balance}.featured-copy p,.directory-card p,.video-card p,.article-card p,.project-case p{color:var(--text-secondary)}.mini-actions a,.mini-actions button,.card-actions a,.card-actions button,.admin-card-actions a,.text-link,.video-card a,.admin-card a{border-bottom:1px solid color-mix(in srgb, var(--brand-950) 28%, transparent);width:fit-content;color:var(--brand-900);font-weight:800;text-decoration:none}.mini-actions a:hover,.mini-actions button:hover,.card-actions a:hover,.card-actions button:hover,.admin-card-actions a:hover,.text-link:hover,.video-card a:hover,.admin-card a:hover{border-color:var(--brand-900);color:var(--text-primary)}.benefits-layout,.video-layout,.process-layout,.form-layout,.faq-layout{gap:56px}.benefit-item{background:linear-gradient(180deg, var(--surface-card), var(--surface-card));min-height:88px}.benefit-item svg{background:color-mix(in srgb, var(--brand-700) 10%, transparent);border-radius:999px;width:34px;height:34px;padding:8px}.usecase-grid{grid-auto-rows:205px}.usecase-card{box-shadow:var(--shadow-soft)}.usecase-card:after{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-950) 4%, transparent) 12%, color-mix(in srgb, var(--brand-950) 78%, transparent) 100%)}.usecase-card div{bottom:20px;left:20px;right:20px}.usecase-card span{background:color-mix(in srgb, var(--surface-card) 16%, transparent);color:color-mix(in srgb, var(--surface-card) 78%, transparent);text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;margin-bottom:8px;padding:7px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.video-thumb{border:1px solid color-mix(in srgb, var(--surface-card) 8%, transparent);box-shadow:var(--shadow-strong)}.play-button{color:var(--brand-900)}.project-case{border:1px solid color-mix(in srgb, var(--surface-muted) 62%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 58%, transparent);padding:16px}.project-case img{box-shadow:0 18px 42px color-mix(in srgb, var(--brand-950) 12%, transparent)}.process-steps{gap:12px;display:grid}.process-step{border:1px solid color-mix(in srgb, var(--surface-muted) 70%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 72%, transparent);box-shadow:0 14px 30px color-mix(in srgb, var(--brand-950) 7%, transparent);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.process-step span{border:1px solid color-mix(in srgb, var(--brand-700) 18%, transparent);background:color-mix(in srgb, var(--brand-700) 8%, transparent);width:46px;height:46px;color:var(--brand-900);border-radius:999px;justify-content:center;align-items:center;font-weight:860;display:inline-flex}.process-step p{color:var(--text-primary);margin:0;font-weight:750;line-height:1.45}.quick-card{border:1px solid color-mix(in srgb, var(--surface-card) 8%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-700) 22%, transparent), transparent 44%), var(--brand-950);box-shadow:var(--shadow-strong)}.quick-actions a,.quick-actions button,.form-fast-links a,.modal-action{border:1px solid color-mix(in srgb, var(--surface-muted) 64%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--brand-950) 8%, transparent)}.quick-actions a:hover,.quick-actions button:hover,.form-fast-links a:hover,.modal-action:hover{transform:translateY(-1px)}.lead-form{border-color:color-mix(in srgb, var(--surface-muted) 74%, transparent);background:color-mix(in srgb, var(--surface-card) 88%, transparent);padding:28px}.field span,.choice-fieldset legend,.admin-form span,.admin-login-card span{color:var(--text-primary)}.field input,.field textarea,.admin-form input,.admin-form textarea,.admin-form select,.admin-inline-form input,.admin-inline-form textarea,.admin-inline-form select,.admin-filter input,.admin-filter select,.admin-login-card input{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-card) 92%, transparent);min-height:46px;color:var(--text-primary);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-card) 72%, transparent);transition:border-color .16s,box-shadow .16s,background .16s}.admin-form textarea,.admin-inline-form textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.admin-inline-form input:focus,.admin-inline-form textarea:focus,.admin-inline-form select:focus,.admin-filter input:focus,.admin-filter select:focus,.admin-login-card input:focus{border-color:var(--brand-700);background:var(--surface-card);box-shadow:0 0 0 4px var(--focus-ring);outline:3px solid var(--brand-500);outline-offset:2px}.choice-fieldset label{border-color:color-mix(in srgb, var(--surface-muted) 76%, transparent);background:color-mix(in srgb, var(--surface-card) 72%, transparent)}.choice-fieldset label:has(input:checked){border-color:color-mix(in srgb, var(--brand-700) 38%, transparent);background:color-mix(in srgb, var(--brand-700) 8%, transparent)}.form-status{border:1px solid #0000}.form-status.success{border-color:color-mix(in srgb, var(--success) 28%, transparent)}.form-status.error,.admin-error{border:1px solid color-mix(in srgb, var(--danger) 18%, transparent)}.faq-list details{border-color:color-mix(in srgb, var(--surface-muted) 74%, transparent);padding:22px 0}.faq-list summary{grid-template-columns:minmax(0,1fr) 28px;gap:16px;display:grid}.faq-list summary:after{float:none;background:color-mix(in srgb, var(--brand-700) 8%, transparent);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.footer{background:linear-gradient(180deg, var(--surface-muted), var(--surface-muted))}.footer h3{color:var(--text-primary);margin:0 0 14px;font-size:.94rem}.footer a,.footer button{width:fit-content;color:var(--brand-900);margin-top:10px;font-weight:760;display:block}.footer a:hover,.footer button:hover{color:var(--text-primary)}.floating-contact{background:linear-gradient(180deg, var(--brand-600), var(--brand-900));box-shadow:0 18px 44px color-mix(in srgb, var(--brand-700) 26%, transparent)}.contact-backdrop{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-950) 48%, transparent), color-mix(in srgb, var(--brand-950) 72%, transparent));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.contact-panel{background:linear-gradient(180deg, var(--surface-card), var(--surface-page))}.modal-close:hover{background:var(--surface-muted)}.subpage-hero{padding-bottom:34px}.subpage-hero .section-inner>p:not(.section-label){max-width:760px}.filter-pills{margin-top:24px}.filter-pills a{border:1px solid color-mix(in srgb, var(--brand-700) 18%, transparent);background:color-mix(in srgb, var(--surface-card) 68%, transparent);min-height:38px;color:var(--brand-900);box-shadow:0 8px 18px color-mix(in srgb, var(--brand-950) 6%, transparent);border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.filter-pills a:hover{border-color:color-mix(in srgb, var(--brand-700) 36%, transparent);background:var(--surface-card)}.detail-layout{gap:42px}.detail-gallery>img,.detail-gallery>div img{border:1px solid color-mix(in srgb, var(--surface-muted) 62%, transparent);box-shadow:var(--shadow-soft)}.detail-copy{border:1px solid color-mix(in srgb, var(--surface-muted) 66%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 62%, transparent);box-shadow:var(--shadow-soft);padding:24px}.detail-copy dl,.directory-card dl{gap:12px}.detail-copy dl>div,.directory-card dl>div{border-top:1px solid color-mix(in srgb, var(--surface-muted) 58%, transparent);padding-top:10px}.related-card span{color:var(--text-primary);font-weight:820}.admin-shell{background:linear-gradient(180deg, var(--surface-page), var(--surface-muted));grid-template-columns:282px minmax(0,1fr)}.admin-sidebar{border-right:1px solid color-mix(in srgb, var(--surface-card) 8%, transparent);background:linear-gradient(180deg, var(--brand-950) 0%, var(--brand-950) 56%, var(--brand-950) 100%);box-shadow:18px 0 48px color-mix(in srgb, var(--brand-950) 16%, transparent);padding:22px}.admin-logo{border-bottom:1px solid color-mix(in srgb, var(--surface-card) 10%, transparent);margin-bottom:24px;padding-bottom:20px}.admin-sidebar nav{gap:5px}.admin-sidebar nav a{border-radius:var(--radius);min-height:40px;color:color-mix(in srgb, var(--surface-card) 72%, transparent);border:1px solid #0000;align-items:center;padding:0 12px;font-size:.93rem;font-weight:720;display:flex}.admin-sidebar nav a:hover{border-color:color-mix(in srgb, var(--surface-card) 10%, transparent);background:color-mix(in srgb, var(--surface-card) 8%, transparent);color:var(--text-on-dark)}.admin-main{padding:28px}.admin-topbar{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--surface-muted) 86%, transparent);background:color-mix(in srgb, var(--surface-page) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);margin:-28px -28px 24px;padding:20px 28px;position:sticky;top:0}.admin-topbar p{color:var(--brand-900);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:840}.admin-topbar h1,.admin-login-card h1{color:var(--text-primary);letter-spacing:0}.admin-user{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:.9rem}.admin-user>span,.admin-user>strong{border:1px solid color-mix(in srgb, var(--surface-muted) 64%, transparent);background:color-mix(in srgb, var(--surface-card) 72%, transparent);border-radius:999px;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.admin-user>strong{color:var(--brand-900);text-transform:capitalize}.admin-user button,.admin-shortcuts a,.admin-form button,.admin-filter button,.admin-filter a,.admin-login-card button,.admin-danger{border-radius:var(--radius);background:linear-gradient(180deg, var(--brand-600), var(--brand-900));min-height:40px;box-shadow:0 12px 24px color-mix(in srgb, var(--brand-700) 18%, transparent)}.admin-filter a{color:var(--text-on-dark);justify-content:center;align-items:center;padding:0 14px;font-weight:760;display:inline-flex}.admin-danger{background:linear-gradient(180deg, var(--danger), var(--danger));box-shadow:0 12px 24px color-mix(in srgb, var(--danger) 16%, transparent)}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-stat{min-height:126px;padding:18px;position:relative;overflow:hidden}.admin-stat:after{background:linear-gradient(90deg, var(--brand-700), var(--wood-700));content:"";opacity:.2;border-radius:999px;width:52px;height:6px;position:absolute;bottom:14px;right:16px}.admin-stat span{color:var(--text-secondary);font-weight:760}.admin-stat strong{color:var(--text-primary);letter-spacing:0;font-size:2.05rem}.admin-shortcuts{gap:12px;margin-top:20px}.admin-shortcuts a:hover,.admin-form button:hover,.admin-filter button:hover,.admin-filter a:hover,.admin-login-card button:hover,.admin-user button:hover,.admin-danger:hover{transform:translateY(-1px)}.admin-panel,.admin-empty,.admin-notice{margin-bottom:18px}.admin-panel{padding:20px}.admin-panel h2,.admin-empty h2{color:var(--text-primary);margin-bottom:16px}.admin-notice{color:var(--text-secondary);align-items:flex-start;gap:12px;line-height:1.6;display:flex}.admin-notice:before{background:var(--wood-700);content:"";border-radius:999px;flex:none;width:9px;height:9px;margin-top:8px}.admin-notice code,.admin-card code{border:1px solid color-mix(in srgb, var(--surface-muted) 58%, transparent);background:var(--surface-muted);color:var(--brand-900);white-space:normal;overflow-wrap:anywhere;border-radius:6px;padding:2px 5px;font-size:.84em}.admin-list{gap:14px}.admin-card{grid-template-columns:154px minmax(0,1fr) auto;padding:14px}.admin-card:not(:has(>img)){grid-template-columns:minmax(0,1fr)}.admin-card>img{border:1px solid color-mix(in srgb, var(--surface-muted) 62%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--brand-950) 8%, transparent)}.admin-card strong{color:var(--text-primary);font-size:1.02rem}.admin-card span,.admin-card small,.admin-card code{color:var(--text-secondary)}.admin-card p{color:var(--text-secondary);line-height:1.58}.admin-card-lead{gap:14px;padding:18px}.admin-card-lead header{border-bottom:1px solid color-mix(in srgb, var(--surface-muted) 58%, transparent);padding-bottom:12px}.admin-card-actions{gap:12px}.admin-card-actions a{border:1px solid color-mix(in srgb, var(--brand-700) 18%, transparent);background:color-mix(in srgb, var(--brand-700) 6%, transparent);border-radius:999px;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.admin-form,.admin-inline-form,.admin-filter,.admin-login-card{gap:14px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form>label,.admin-form>.admin-grid-2,.admin-form>button,.admin-form>input[type=hidden],.admin-form>datalist,:is(.admin-form>label:has(textarea),.admin-form>label:has(input[name=mainImage]),.admin-form>label:has(input[name=heroImage]),.admin-form>label:has(input[name=thumbnailImage]),.admin-form>label:has(input[name=coverImage]),.admin-form>label:has(input[name=galleryImages])){grid-column:1/-1}.admin-form label,.admin-inline-form label,.admin-login-card label{color:var(--text-primary)}.admin-form small{color:var(--text-muted);font-size:.78rem}.admin-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-checkbox{border:1px solid color-mix(in srgb, var(--surface-muted) 70%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 72%, transparent);min-height:46px;padding:10px 12px}.admin-checkbox input{width:17px;height:17px;accent-color:var(--brand-700)}.admin-inline-form{border:1px solid color-mix(in srgb, var(--surface-muted) 58%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-muted) 50%, transparent);grid-template-columns:minmax(160px,.4fr) minmax(0,1fr) auto;padding:12px}.admin-inline-form.compact{grid-template-columns:minmax(0,1fr) auto}.lead-note{border:1px solid color-mix(in srgb, var(--surface-muted) 62%, transparent);background:color-mix(in srgb, var(--surface-muted) 72%, transparent);color:var(--text-primary)}.admin-filter{border:1px solid color-mix(in srgb, var(--surface-muted) 70%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 72%, transparent);box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr) 220px auto auto;padding:12px}.admin-login-page{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-950) 82%, transparent), color-mix(in srgb, var(--brand-950) 62%, transparent)), url(/images/workshop-process.jpg) center / cover}.admin-login-card{border-color:color-mix(in srgb, var(--surface-card) 18%, transparent);background:color-mix(in srgb, var(--surface-page) 92%, transparent);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media (max-width:1120px){.section-heading{grid-template-columns:1fr;align-items:start}.mobile-nav{gap:8px;width:min(100% - 40px,1220px);min-height:44px;padding-bottom:10px;display:flex}.mobile-nav a{border:1px solid color-mix(in srgb, var(--surface-muted) 72%, transparent);background:color-mix(in srgb, var(--surface-card) 46%, transparent);border-radius:999px;flex:none;padding:9px 12px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:18px;position:static}.admin-logo{margin-bottom:16px;padding-bottom:16px}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-main{padding:20px}.admin-topbar{margin:-20px -20px 20px;padding:18px 20px}.admin-form{grid-template-columns:1fr}}@media (max-width:760px){.section{padding:64px 0}.section-inner{width:calc(100% - 28px)}.section-label{white-space:normal;max-width:100%}.site-header{border-bottom-color:color-mix(in srgb, var(--surface-muted) 92%, transparent);position:sticky}.header-shell{width:calc(100% - 28px)}.mobile-nav{scrollbar-width:none;width:calc(100% - 28px);padding-bottom:12px;font-size:.78rem;display:flex;overflow-x:auto}.mobile-nav a{white-space:nowrap;min-width:max-content}.hero-section{min-height:78dvh;padding:58px 16px 42px}.hero-overlay{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-950) 8%, transparent) 0%, color-mix(in srgb, var(--brand-950) 82%, transparent) 68%), linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 22%, transparent), transparent)}.hero-content h1{font-size:2.28rem;line-height:1.02}.hero-subtitle{font-size:1rem}.hero-copy{font-size:.94rem}.hero-actions .button{width:100%}.hero-actions .button-ghost{display:none}.hero-mobile-quick{grid-template-columns:1fr}.hero-mobile-quick a,.hero-mobile-quick button{border:1px solid color-mix(in srgb, var(--surface-card) 18%, transparent);background:color-mix(in srgb, var(--surface-card) 14%, transparent)}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{font-size:2.02rem}.featured-grid,.product-directory,.project-directory,.video-directory,.article-grid,.related-grid,.usecase-grid{gap:14px}.featured-card,.featured-card-1,.featured-card-2{grid-column:span 12}.usecase-grid{grid-auto-rows:255px}.project-case,.detail-copy,.lead-form,.contact-panel,.quick-card{padding:18px}.process-step{grid-template-columns:48px minmax(0,1fr);padding:14px}.process-step span{width:40px;height:40px}.quick-actions a,.quick-actions button,.form-fast-links a{min-height:54px}.subpage-main{padding-top:0}.subpage-hero h1,.product-detail h1,.article-detail h1{font-size:2.18rem;line-height:1.04}.detail-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:14px}.admin-topbar{flex-direction:column;align-items:flex-start;margin:-14px -14px 16px;padding:16px 14px}.admin-user{justify-content:flex-start}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar nav a{min-height:38px;padding:0 10px;font-size:.84rem}.admin-stats,.admin-filter,.admin-card,.admin-inline-form,.admin-inline-form.compact,.admin-grid-2{grid-template-columns:1fr}.admin-card>img{width:100%}.admin-card header{flex-direction:column;align-items:flex-start}.admin-filter a,.admin-filter button,.admin-form button,.admin-login-card button{width:100%}}:root{--font-sans:var(--font-be-vietnam-pro), Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif}body,button,input,textarea,select{font-family:var(--font-sans)}.brand-name{font-family:var(--font-sans);font-weight:800}.hero-section{min-height:clamp(660px,88dvh,900px)}.hero-actions{max-width:680px}.hero-actions .button{min-width:min(100%,260px)}.products-section .section-cta-row{justify-content:center}.usecase-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:214px}.usecase-card-1,.usecase-card-2{grid-area:span 2/span 3}.usecase-card-3,.usecase-card-4,.usecase-card-5,.usecase-card-6{grid-column:span 2}.usecase-card div{gap:8px;display:grid}.usecase-card p{color:color-mix(in srgb, var(--surface-card) 78%, transparent);margin:0;font-size:.88rem;font-weight:760}.usecase-card h3{max-width:420px;font-size:clamp(1.12rem,2vw,1.65rem);line-height:1.08}.video-copy{gap:22px}.video-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.video-process-step{border:1px solid color-mix(in srgb, var(--wood-800) 12%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 70%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--brand-950) 6%, transparent);gap:6px;padding:14px;display:grid}.video-process-step span{color:var(--wood-700);font-size:.76rem;font-weight:820}.video-process-step strong{color:var(--text-primary);font-size:1.02rem}.video-process-step p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.video-actions{flex-wrap:wrap;gap:10px;display:flex}.lead-form-main{border:1px solid color-mix(in srgb, var(--wood-800) 10%, transparent);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-700) 8%, transparent), transparent 58%), color-mix(in srgb, var(--wood-200) 60%, transparent);padding:16px}.lead-form-main p{color:var(--text-secondary);margin:0;line-height:1.55}.form-eyebrow{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:820;color:var(--brand-900)!important;margin-bottom:6px!important}.form-extra{border:1px solid color-mix(in srgb, var(--wood-800) 12%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-card) 58%, transparent);padding:0;overflow:hidden}.form-extra summary{cursor:pointer;min-height:48px;color:var(--brand-900);justify-content:space-between;align-items:center;padding:0 16px;font-weight:800;list-style:none;display:flex}.form-extra summary::-webkit-details-marker{display:none}.form-extra summary:after{content:"+";background:color-mix(in srgb, var(--brand-700) 10%, transparent);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.form-extra[open] summary:after{content:"-"}.form-extra-content{border-top:1px solid color-mix(in srgb, var(--wood-800) 10%, transparent);gap:14px;padding:16px;display:grid}.status-badge{border:1px solid color-mix(in srgb, var(--wood-800) 12%, transparent);background:color-mix(in srgb, var(--surface-card) 72%, transparent);width:fit-content;min-height:28px;color:var(--text-secondary);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-size:.76rem;font-weight:820;line-height:1;display:inline-flex}.status-badge-published,.status-badge-success{border-color:color-mix(in srgb, var(--success) 30%, transparent);background:var(--success-surface);color:var(--success)}.status-badge-draft{border-color:color-mix(in srgb, var(--wood-500) 24%, transparent);background:color-mix(in srgb, var(--wood-500) 11%, transparent);color:var(--wood-700)}.status-badge-hidden{border-color:color-mix(in srgb, var(--danger) 18%, transparent);background:color-mix(in srgb, var(--danger) 9%, transparent);color:var(--danger)}.status-badge-lead{border-color:color-mix(in srgb, var(--brand-700) 20%, transparent);background:color-mix(in srgb, var(--brand-700) 9%, transparent);color:var(--brand-900)}.admin-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.admin-card-meta.align-right{justify-content:flex-end;margin-top:0}.admin-card-meta>span:not(.status-badge){color:var(--text-secondary)}.admin-card .admin-form{margin-top:14px}.admin-field-preview{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--wood-800) 12%, transparent);border-radius:var(--radius);object-fit:cover;width:min(100%,220px);box-shadow:0 10px 24px color-mix(in srgb, var(--brand-950) 8%, transparent)}.contact-panel{animation:.18s ease-out modal-enter;transform:translateY(0)}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1120px){.usecase-card-1,.usecase-card-2,.usecase-card-3,.usecase-card-4,.usecase-card-5,.usecase-card-6{grid-area:auto/span 3}}@media (max-width:760px){.hero-actions{max-width:none}.hero-actions .button{min-width:0}.usecase-grid,.video-process-steps{grid-template-columns:1fr}.usecase-card-1,.usecase-card-2,.usecase-card-3,.usecase-card-4,.usecase-card-5,.usecase-card-6{grid-column:auto}.video-actions .button{width:100%}.admin-card-meta.align-right{justify-content:flex-start}}.site-header{z-index:70;border-bottom:1px solid color-mix(in srgb, var(--surface-muted) 72%, transparent);background:color-mix(in srgb, var(--surface-page) 90%, transparent);box-shadow:0 14px 38px color-mix(in srgb, var(--brand-950) 8%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);position:fixed;inset:0 0 auto;overflow:visible}.header-shell{z-index:74;grid-template-columns:minmax(220px,.9fr) auto minmax(188px,.9fr);align-items:center;gap:22px;width:min(100% - 44px,1280px);min-height:70px;display:grid;position:relative}.header-brand{justify-self:start;min-width:0}.header-brand .brand-lockup{gap:8px;max-width:224px}.brand-lockup--header .brand-studio{font-size:.5rem}.header-brand .brand-copy{min-width:0;overflow:hidden}.header-brand .brand-tagline{text-overflow:ellipsis;white-space:nowrap;max-width:168px;overflow:hidden}.desktop-nav{border-radius:999px;flex-wrap:nowrap;justify-content:center;justify-self:center;align-items:center;gap:4px;max-width:100%;padding:6px;display:flex}.desktop-nav a{white-space:nowrap;flex:none}.header-actions{flex-wrap:nowrap;justify-content:flex-end;justify-self:end;align-items:center;gap:0;min-width:0;display:flex}.header-cta,.header-contact{white-space:nowrap;flex:none}.mobile-menu-button,.mobile-menu-backdrop,.mobile-menu-panel{display:none}.hero-section{padding-top:clamp(126px,10vw,144px)}.subpage-main{padding-top:112px}[hidden]{display:none!important}@media (max-width:1279px){.header-shell{grid-template-columns:minmax(168px,.64fr) auto minmax(176px,.64fr);gap:10px;width:min(100% - 32px,1160px);min-height:66px}.header-brand .brand-lockup{gap:8px;max-width:184px}.brand-lockup--header .brand-emblem{width:40px;height:40px}.brand-lockup--header .brand-name{font-size:.92rem}.brand-lockup--header .brand-studio{font-size:.45rem}.brand-lockup--header .brand-tagline{display:none}.desktop-nav{gap:2px;padding:5px}.desktop-nav a{padding:8px 9px;font-size:.84rem}.header-cta{min-height:40px;padding:0 14px;font-size:.84rem}.hero-section{padding-top:118px}}@media (max-width:1090px) and (min-width:1024px){.header-shell{grid-template-columns:minmax(150px,.52fr) auto minmax(174px,.52fr);gap:8px;width:calc(100% - 24px)}.header-brand .brand-lockup{max-width:166px}.brand-lockup--header .brand-emblem{width:38px;height:38px}.brand-lockup--header .brand-name{font-size:.88rem}.brand-lockup--header .brand-studio{font-size:.43rem}.desktop-nav a{padding:8px 7px;font-size:.82rem}.header-cta{min-height:38px;padding:0 12px;font-size:.82rem}.header-cta svg{width:16px;height:16px}}@media (max-width:1023px){.site-header{top:0;position:sticky;inset:auto}.header-shell{justify-content:space-between;gap:14px;width:calc(100% - 32px);min-height:62px;display:flex}.header-brand .brand-lockup{max-width:178px}.brand-lockup--header .brand-emblem{width:38px;height:38px}.desktop-nav,.desktop-actions{display:none}.mobile-menu-button{border:1px solid color-mix(in srgb, var(--brand-950) 14%, transparent);background:color-mix(in srgb, var(--surface-card) 78%, transparent);width:44px;height:44px;color:var(--brand-900);box-shadow:0 10px 22px color-mix(in srgb, var(--brand-950) 8%, transparent);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-backdrop:not([hidden]){z-index:72;background:color-mix(in srgb, var(--brand-950) 22%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;display:block;position:fixed;inset:0}.mobile-menu-panel:not([hidden]){z-index:75;border:1px solid color-mix(in srgb, var(--surface-muted) 88%, transparent);background:color-mix(in srgb, var(--surface-page) 98%, transparent);width:min(380px,100vw - 32px);max-height:calc(100dvh - 94px);box-shadow:0 28px 70px color-mix(in srgb, var(--brand-950) 20%, transparent);border-radius:24px;gap:14px;padding:16px;display:grid;position:fixed;top:72px;right:16px;overflow:auto}.mobile-menu-head{color:var(--brand-900);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:820;display:flex}.mobile-menu-head button{border:1px solid color-mix(in srgb, var(--brand-950) 12%, transparent);background:var(--surface-card);width:38px;height:38px;color:var(--brand-900);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-panel .mobile-nav{width:100%;min-height:0;color:var(--text-primary);grid-template-columns:1fr;gap:6px;padding:0;font-size:.98rem;line-height:1.2;display:grid;overflow:visible}.mobile-menu-panel .mobile-nav a{border:1px solid color-mix(in srgb, var(--surface-muted) 68%, transparent);background:color-mix(in srgb, var(--surface-card) 68%, transparent);min-width:0;color:var(--brand-900);white-space:nowrap;border-radius:16px;justify-content:space-between;align-items:center;padding:14px;font-weight:760;display:flex}.mobile-menu-actions{gap:10px;padding-top:2px;display:grid}.mobile-menu-primary,.mobile-menu-secondary{text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:820;display:inline-flex}.mobile-menu-primary{background:linear-gradient(180deg, var(--brand-600), var(--brand-900));color:var(--text-on-dark);box-shadow:0 16px 34px color-mix(in srgb, var(--brand-700) 26%, transparent)}.mobile-menu-secondary{border:1px solid color-mix(in srgb, var(--brand-950) 14%, transparent);background:var(--surface-card);color:var(--brand-900)}.hero-section{padding-top:78px}.subpage-main{padding-top:0}}@media (max-width:767px){.header-shell{width:calc(100% - 28px);min-height:60px}.header-brand .brand-lockup{gap:7px;max-width:152px}.brand-lockup--header .brand-emblem{width:36px;height:36px}.brand-lockup--header .brand-name{font-size:.88rem}.brand-lockup--header .brand-studio,.brand-lockup--header .brand-tagline{display:none}.mobile-menu-panel:not([hidden]){border-radius:20px;width:calc(100vw - 28px);top:68px;right:14px}.hero-section{padding-top:72px}}@media (max-width:390px){.header-shell{width:calc(100% - 22px);min-height:58px}.header-brand .brand-lockup{max-width:140px}.brand-lockup--header .brand-emblem{width:34px;height:34px}.brand-lockup--header .brand-name{font-size:.84rem}.mobile-menu-button{width:40px;height:40px}.mobile-menu-panel:not([hidden]){width:calc(100vw - 22px);padding:12px;top:64px;right:11px}.mobile-menu-panel .mobile-nav a{padding:12px;font-size:.94rem}}.usecase-card{background:var(--brand-950)}.usecase-card:after{z-index:0;pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--brand-950) 84%, transparent) 0%, color-mix(in srgb, var(--brand-950) 48%, transparent) 54%, transparent 100%), linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 22%, transparent), transparent 62%);height:40%;position:absolute;inset:auto 0 0}.usecase-card img{z-index:-1;filter:saturate(1.02)contrast(1.04)}.usecase-card .usecase-content{z-index:2;max-height:35%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:5px;padding:0;display:flex;overflow:hidden}.usecase-card .concept-badge{border:1px solid color-mix(in srgb, var(--surface-card) 42%, transparent);background:color-mix(in srgb, var(--surface-page) 90%, transparent);width:fit-content;color:var(--brand-900);text-transform:uppercase;box-shadow:0 8px 18px color-mix(in srgb, var(--brand-950) 14%, transparent);border-radius:999px;margin-bottom:0;padding:6px 9px;font-size:.66rem;font-weight:820;line-height:1}.usecase-card .usecase-category{color:color-mix(in srgb, var(--surface-card) 88%, transparent);text-shadow:0 1px 12px color-mix(in srgb, var(--brand-950) 22%, transparent);margin:0;font-size:.78rem;font-weight:760;line-height:1.1}.usecase-card h3{max-width:13ch;color:var(--text-on-dark);text-shadow:0 2px 18px color-mix(in srgb, var(--brand-950) 38%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.16rem,1.68vw,1.72rem);line-height:1.06;display:-webkit-box;overflow:hidden}.usecase-card-3:after,.usecase-card-4:after,.usecase-card-5:after,.usecase-card-6:after{height:42%}.usecase-card-3 .usecase-content,.usecase-card-4 .usecase-content,.usecase-card-5 .usecase-content,.usecase-card-6 .usecase-content{gap:3px;max-height:38%}.usecase-card-3 .concept-badge,.usecase-card-4 .concept-badge,.usecase-card-5 .concept-badge,.usecase-card-6 .concept-badge{padding:5px 8px;font-size:.58rem}.usecase-card-3 .usecase-category,.usecase-card-4 .usecase-category,.usecase-card-5 .usecase-category,.usecase-card-6 .usecase-category{font-size:.72rem}.usecase-card-3 h3,.usecase-card-4 h3,.usecase-card-5 h3,.usecase-card-6 h3{max-width:16ch;font-size:clamp(.98rem,1.2vw,1.16rem);line-height:1.08}@media (max-width:760px){.usecase-card:after{height:40%}.usecase-card .usecase-content{gap:4px;max-height:38%;bottom:14px;left:14px;right:14px}.usecase-card .concept-badge{padding:5px 8px;font-size:.58rem}.usecase-card .usecase-category{font-size:.74rem}.usecase-card h3{max-width:18ch;font-size:1.02rem;line-height:1.08}}:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.875rem;--text-2xl:2.5rem;--line-tight:1.05;--line-heading:1.14;--line-body:1.7}html{scroll-padding-top:96px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1{font-size:clamp(3.5rem,5.4vw,5.125rem);line-height:var(--line-tight)}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{font-size:clamp(2.35rem,3.4vw,3.25rem);line-height:var(--line-heading)}.section-heading p:not(.section-label),.video-copy p,.process-sticky p,.quick-card p,.form-intro p,.featured-copy p,.project-case p,.lead-form-main p{line-height:var(--line-body)}.site-header{background:color-mix(in srgb, var(--surface-page) 94%, transparent)}.header-shell{grid-template-columns:minmax(198px,.82fr) auto minmax(158px,.82fr);gap:18px;width:min(100% - 40px,1240px);min-height:68px}.header-brand .brand-lockup{max-width:206px}.brand-lockup--header .brand-emblem{width:40px;height:40px}.brand-lockup--header .brand-name{font-size:.94rem}.desktop-nav{border:1px solid color-mix(in srgb, var(--brand-700) 10%, transparent);background:color-mix(in srgb, var(--surface-card) 56%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-card) 62%, transparent);gap:2px}.desktop-nav a{min-height:36px;color:color-mix(in srgb, var(--brand-950) 78%, transparent);border-radius:999px;align-items:center;padding:0 10px;font-size:.86rem;font-weight:760;display:inline-flex}.desktop-nav a:hover{background:color-mix(in srgb, var(--brand-700) 8%, transparent);color:var(--brand-900)}.header-cta{min-height:40px;padding:0 16px;font-size:.88rem;font-weight:820}.hero-section{min-height:clamp(620px,86dvh,860px);padding-bottom:clamp(52px,7vw,82px)}.hero-content{width:min(100%,720px)}.hero-content h1{max-width:720px;font-size:clamp(3.5rem,5.2vw,5rem)}.hero-subtitle{max-width:660px;font-size:clamp(1.08rem,1.25vw,1.24rem)}.hero-copy{max-width:580px;font-size:1rem}.hero-actions{gap:12px}.hero-actions .button-primary,.form-fast-links a:first-child,.quick-actions a:first-child,.contact-actions-large a:first-child{background:linear-gradient(180deg, var(--brand-600), var(--brand-900));color:var(--text-on-dark);box-shadow:0 18px 36px color-mix(in srgb, var(--brand-700) 28%, transparent)}.hero-actions .button-secondary,.hero-actions .button-outline,.form-fast-links a:nth-child(n+2),.quick-actions a:nth-child(n+2),.quick-actions button,.contact-actions-large a:nth-child(n+2){border:1px solid var(--action-secondary-border);background:color-mix(in srgb, var(--surface-card) 82%, transparent);color:var(--brand-900);box-shadow:0 12px 28px color-mix(in srgb, var(--brand-950) 8%, transparent)}.quick-actions a,.quick-actions button,.form-fast-links a{min-width:0;font-size:.96rem;line-height:1.25}.featured-card{box-shadow:0 14px 34px color-mix(in srgb, var(--brand-950) 8%, transparent)}.featured-media span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden}.featured-copy h3{font-size:clamp(1.08rem,1.25vw,1.28rem);line-height:1.18}.featured-copy p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.usecase-card:after{background:linear-gradient(0deg, color-mix(in srgb, var(--brand-950) 80%, transparent) 0%, color-mix(in srgb, var(--brand-950) 42%, transparent) 56%, transparent 100%), linear-gradient(90deg, color-mix(in srgb, var(--brand-950) 16%, transparent), transparent 62%);height:38%}.usecase-card .usecase-content{max-height:33%}.usecase-card .concept-badge{padding:5px 8px;font-size:.6rem}.usecase-card h3{font-size:clamp(1.08rem,1.5vw,1.56rem)}.lead-form{gap:18px;padding:clamp(20px,2.2vw,28px)}.lead-form-main{padding:14px 16px}.field input,.field textarea,.admin-form input,.admin-form textarea,.admin-form select,.admin-inline-form input,.admin-inline-form textarea,.admin-inline-form select,.admin-filter input,.admin-filter select,.admin-login-card input{font-size:.98rem}.form-actions .button{min-height:50px;font-weight:820}.modal-action.secondary{border-color:var(--action-secondary-border);background:color-mix(in srgb, var(--surface-card) 90%, transparent);color:var(--brand-900)}.floating-contact{font-size:.92rem;font-weight:820}.admin-sidebar nav a[aria-current=page]{border-color:color-mix(in srgb, var(--surface-card) 18%, transparent);background:color-mix(in srgb, var(--surface-card) 12%, transparent);color:var(--text-on-dark);box-shadow:inset 3px 0 0 var(--wood-700)}.admin-topbar h1,.admin-login-card h1{font-size:clamp(1.75rem,2.4vw,2.25rem);line-height:1.12}.admin-panel h2,.admin-empty h2{font-size:1.28rem;line-height:1.2}.admin-stat strong{font-size:clamp(1.8rem,3vw,2.2rem)}.admin-card{align-items:start}.admin-card strong{line-height:1.25}.admin-card p,.lead-note{font-size:.94rem}.admin-card-actions a{font-weight:800}@media (max-width:1279px){.header-shell{grid-template-columns:minmax(164px,.62fr) auto minmax(148px,.62fr)}.desktop-nav a{padding:0 8px;font-size:.82rem}.header-cta{padding:0 12px;font-size:.82rem}}@media (max-width:1090px) and (min-width:1024px){.header-shell{grid-template-columns:minmax(144px,.5fr) auto minmax(142px,.5fr)}.desktop-nav a{padding:0 6px;font-size:.8rem}.header-cta{padding:0 10px}}@media (max-width:1023px){html{scroll-padding-top:72px}.hero-section{min-height:82dvh}}@media (max-width:768px){.section{padding:62px 0}.section-inner{width:calc(100% - 28px)}.hero-section{min-height:78dvh;padding:72px 16px 44px}.hero-content h1{font-size:clamp(2.35rem,9vw,3.1rem);line-height:1.03}.hero-subtitle{font-size:1rem}.hero-copy{font-size:.94rem}.hero-actions .button,.video-actions .button,.form-actions .button{width:100%;min-width:0}.section-heading h2,.benefits-layout h2,.video-copy h2,.process-sticky h2,.quick-card h2,.form-intro h2,.faq-heading h2{font-size:clamp(1.9rem,7.2vw,2.35rem)}.featured-grid,.usecase-grid,.benefit-grid,.quick-actions,.field-grid,.three-fields,.choice-fieldset,.compact-choices,.video-process-steps{grid-template-columns:1fr}.featured-card,.featured-card-1,.featured-card-2,.usecase-card,.usecase-card-1,.usecase-card-2,.usecase-card-3,.usecase-card-4,.usecase-card-5,.usecase-card-6{grid-area:auto}.usecase-grid{grid-auto-rows:250px}.usecase-card:after{height:39%}.usecase-card .usecase-content{max-height:36%;bottom:14px;left:14px;right:14px}.quick-card,.lead-form,.contact-panel{padding:18px}.floating-contact{display:none}.mobile-sticky-bar{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:68;background:color-mix(in srgb, var(--brand-950) 94%, transparent);box-shadow:0 18px 46px color-mix(in srgb, var(--brand-950) 32%, transparent);opacity:0;pointer-events:none;border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;padding:8px;transition:opacity .18s,transform .18s;display:grid;position:fixed;transform:translateY(14px)}.mobile-sticky-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-sticky-bar a,.mobile-sticky-bar button{text-overflow:ellipsis;min-width:0;min-height:46px;padding:0 12px;font-size:.84rem;overflow:hidden}.mobile-sticky-bar button{border:1px solid color-mix(in srgb, var(--surface-card) 16%, transparent);background:color-mix(in srgb, var(--surface-card) 92%, transparent);color:var(--brand-900)}}.admin-skip-link{z-index:1000;background:var(--surface-card);color:var(--brand-900);box-shadow:var(--shadow-card);border-radius:8px;padding:10px 14px;font-weight:800;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.admin-skip-link:focus{transform:translateY(0)}.admin-nav-root,.admin-nav-panel{min-width:0}.admin-menu-trigger,.admin-nav-mobile-header,.admin-nav-backdrop{display:none}.admin-nav-group{gap:4px;display:grid}.admin-nav-group+.admin-nav-group{margin-top:18px}.admin-nav-group>p{color:color-mix(in srgb, var(--surface-card) 52%, transparent);letter-spacing:.08em;text-transform:uppercase;margin:0 10px 5px;font-size:.68rem;font-weight:800}.admin-sidebar nav a{gap:10px}.admin-sidebar nav a svg{flex:none}.admin-breadcrumb{color:var(--text-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:.76rem;font-weight:700;display:flex}.admin-breadcrumb a{color:var(--text-link)}.admin-user>a{border:1px solid var(--border-default);background:var(--surface-card);min-height:36px;color:var(--text-primary);border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-weight:750;display:inline-flex}.admin-user button,.admin-card-actions button,.admin-user-access>button,.admin-compact-action button,.admin-account-logout button,.admin-pagination a,.admin-menu-trigger,.admin-nav-mobile-header button{border:1px solid var(--action-secondary-border);background:var(--action-secondary);min-height:40px;color:var(--action-secondary-text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:750;display:inline-flex}.admin-user button{background:var(--action-primary);color:var(--text-on-dark);border-color:#0000}.admin-user button:hover,.admin-user>a:hover,.admin-card-actions button:hover,.admin-user-access>button:hover,.admin-compact-action button:hover,.admin-pagination a:hover,.admin-account-logout button:hover{background:var(--action-secondary-hover);transform:translateY(-1px)}.admin-user button:hover{background:var(--action-primary-hover)}.admin-auth-shell{gap:12px;width:min(100%,460px);display:grid}.admin-auth-logo{width:min(240px,78vw);color:var(--text-on-dark);justify-self:center}.admin-auth-logo .brand-name,.admin-auth-logo .brand-studio,.admin-auth-logo .brand-tagline{color:var(--text-on-dark)}.admin-auth-banner,.admin-page-error{border:1px solid var(--border-default);background:var(--info-surface);color:var(--text-primary);border-radius:10px;padding:12px 14px;font-weight:700}.admin-page-error{border-color:color-mix(in srgb, var(--danger) 32%, var(--border-default));background:var(--danger-surface);color:var(--danger);margin-bottom:16px}.admin-auth-link{color:var(--text-link);justify-self:center;font-weight:750}.admin-password-field{display:block;position:relative}.admin-password-field input{width:100%;padding-right:48px}.admin-password-field button{width:36px;min-height:36px;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.admin-section-heading h2,.admin-section-heading p{margin:0}.admin-section-heading p,.admin-field-help,.admin-user-access small,.admin-account-logout p{color:var(--text-muted);line-height:1.55}.admin-user-invite-form{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-user-invite-form>label{grid-column:auto}.admin-user-invite-form>.admin-field-help,.admin-user-invite-form>.admin-action-feedback,.admin-user-invite-form>button{grid-column:1/-1}.admin-user-card{gap:16px;padding:18px}.admin-user-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-user-card>header>div{gap:3px;display:grid}.admin-user-facts,.admin-account-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.admin-user-facts>div,.admin-account-summary>div{border:1px solid var(--border-default);background:var(--surface-muted);border-radius:9px;min-width:0;padding:10px 12px}.admin-user-facts dt,.admin-account-summary dt{color:var(--text-muted);font-size:.75rem;font-weight:700}.admin-user-facts dd,.admin-account-summary dd{color:var(--text-primary);overflow-wrap:anywhere;margin:4px 0 0;font-weight:750}.admin-user-access{border-top:1px solid var(--border-default);grid-template-columns:minmax(150px,.45fr) minmax(190px,.55fr) auto;align-items:end;gap:10px;padding-top:14px;display:grid}.admin-user-access>label:not(.admin-checkbox){gap:6px;display:grid}.admin-user-access select{border:1px solid var(--border-strong);background:var(--surface-card);min-height:42px;color:var(--text-primary);font:inherit;border-radius:9px;padding:0 10px}.admin-user-access>small,.admin-user-access>.admin-action-feedback{grid-column:1/-1}.admin-user-access>button:disabled,.admin-compact-action button:disabled{cursor:not-allowed;opacity:.55;transform:none}.admin-compact-action{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.admin-pagination>:last-child{justify-self:end}.admin-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-account-grid .admin-panel{margin:0}.admin-account-summary{grid-template-columns:1fr;margin-bottom:14px}.admin-account-form{grid-template-columns:1fr}.admin-account-logout form{margin-top:14px}.admin-operations ul{color:var(--text-secondary);gap:8px;margin:0;padding-left:20px;display:grid}.admin-table-wrap{border:1px solid var(--border-default);background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--border-default);text-align:left;vertical-align:top;padding:11px 13px}.admin-table th{background:var(--surface-muted);color:var(--text-primary);font-weight:800;position:sticky;top:0}.admin-table td{color:var(--text-secondary)}.admin-route-loading{background:var(--surface-page);grid-template-columns:280px minmax(0,1fr);min-height:100dvh;display:grid}.admin-loading-sidebar{background:var(--brand-950)}.admin-loading-content{align-content:start;gap:24px;padding:32px;display:grid}.admin-loading-line,.admin-loading-card{background:linear-gradient(90deg, var(--surface-muted), var(--surface-card), var(--surface-muted));background-size:200% 100%;border-radius:9px;animation:1.2s linear infinite admin-loading-shimmer}.admin-loading-line.is-title{width:min(360px,70%);height:42px}.admin-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-loading-card{height:132px}.admin-route-error{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.admin-route-error p{max-width:52ch;color:var(--text-secondary)}.admin-route-error button{background:var(--action-primary);min-height:44px;color:var(--text-on-dark);font:inherit;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}@keyframes admin-loading-shimmer{to{background-position:-200% 0}}.admin-card-actions{flex-wrap:wrap}.admin-card-actions button{border-radius:999px;min-height:34px;padding:0 12px;font-size:.9rem}.admin-contact-invalid{color:var(--danger);font-weight:700}.admin-shell :is(a,button,input,textarea,select):focus-visible,.admin-login-page :is(a,button,input):focus-visible{outline:2px solid var(--brand-500);outline-offset:3px;box-shadow:0 0 0 5px var(--focus-ring)}@media (max-width:980px){.admin-shell{display:block}.admin-sidebar{z-index:70;border-right:0;border-bottom:1px solid color-mix(in srgb, var(--surface-card) 12%, transparent);justify-content:space-between;align-items:center;gap:14px;height:68px;padding:10px 16px;display:flex;position:sticky;top:0}.admin-logo{border:0;width:min(190px,100vw - 90px);margin:0;padding:0}.admin-nav-root{flex:none}.admin-menu-trigger{border-color:color-mix(in srgb, var(--surface-card) 24%, transparent);background:color-mix(in srgb, var(--surface-card) 10%, transparent);color:var(--text-on-dark);display:inline-flex}.admin-nav-backdrop{z-index:80;background:color-mix(in srgb, var(--brand-950) 58%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;display:block;position:fixed;inset:0}.admin-nav-panel{z-index:90;background:var(--brand-950);width:min(360px,100vw - 28px);box-shadow:var(--shadow-strong);visibility:hidden;grid-template-rows:auto minmax(0,1fr);transition:transform .18s,visibility .18s;display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.admin-nav-panel.is-open{visibility:visible;transform:translate(0)}.admin-nav-mobile-header{border-bottom:1px solid color-mix(in srgb, var(--surface-card) 12%, transparent);min-height:64px;color:var(--text-on-dark);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 20px;display:flex}.admin-nav-mobile-header button{border-color:color-mix(in srgb, var(--surface-card) 22%, transparent);background:color-mix(in srgb, var(--surface-card) 8%, transparent);color:var(--text-on-dark)}.admin-nav-panel nav{overscroll-behavior:contain;padding:16px;display:block;overflow-y:auto}.admin-sidebar nav a{min-height:44px}.admin-main{min-height:calc(100dvh - 68px);padding:18px}.admin-topbar{margin:-18px -18px 18px;padding:14px 18px;top:68px}.admin-user-invite-form,.admin-user-access{grid-template-columns:1fr}.admin-user-invite-form>label,.admin-user-access>*{grid-column:1}.admin-account-grid,.admin-route-loading{grid-template-columns:1fr}.admin-loading-sidebar{height:68px}.admin-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.admin-main{padding:12px}.admin-topbar{margin:-12px -12px 14px;padding:12px;top:68px}.admin-user{grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.admin-user>a{min-width:0}.admin-user>a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user form{grid-column:1/-1}.admin-user form button,.admin-user-access>button,.admin-compact-action button,.admin-account-logout button{width:100%}.admin-user-facts{grid-template-columns:1fr}.admin-user-card>header{flex-direction:column}.admin-login-page{align-items:flex-start;padding:16px 12px}.admin-login-card{padding:20px 16px}.admin-table{min-width:680px}}@media (prefers-reduced-motion:reduce){.admin-nav-panel,.admin-user button,.admin-card-actions button,.admin-pagination a{transition:none}.admin-loading-line,.admin-loading-card{animation:none}}@media (max-width:430px){.hero-section{min-height:80dvh}.hero-content h1{font-size:clamp(2.18rem,10vw,2.65rem)}.mobile-menu-panel .mobile-nav a{font-size:.95rem}}@media (max-width:390px){.hero-content h1{font-size:clamp(2.08rem,10vw,2.46rem)}.mobile-sticky-bar{padding:7px;left:10px;right:10px}}@media (max-width:360px){.header-brand .brand-lockup{max-width:132px}.mobile-sticky-bar a,.mobile-sticky-bar button{min-height:44px;padding:0 9px;font-size:.8rem}.usecase-card h3{font-size:.98rem}}.landing-sections-flow{flex-direction:column;display:flex}.section-tone-cream{background:var(--wood-100)}.section-tone-brand_mist{background:var(--surface-muted)}.section-tone-wood_dark{background:radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--wood-200) 16%, transparent), transparent 32%), linear-gradient(135deg, var(--brand-950), var(--brand-950));color:var(--text-on-dark)}.section-tone-wood_dark .section-label,.section-tone-wood_dark h2,.section-tone-wood_dark p{color:inherit}.product-showcase-grid{align-items:stretch}.product-layout-editorial_grid .product-showcase-card:first-child,.product-layout-editorial_grid .product-showcase-card:nth-child(2){grid-column:span 6}.product-layout-editorial_grid .product-showcase-card:nth-child(n+3),.product-layout-clean_3_column_grid .product-showcase-card{grid-column:span 4}.product-layout-featured_left_grid .product-showcase-card:first-child{grid-area:span 2/span 6}.product-layout-featured_left_grid .product-showcase-card:nth-child(n+2),.product-layout-minimal_cards .product-showcase-card{grid-column:span 3}.product-showcase-card{background:color-mix(in srgb, var(--surface-card) 88%, transparent);overflow:hidden}.product-card-media{aspect-ratio:4/3;min-height:0}.product-layout-featured_left_grid .product-showcase-card:first-child .product-card-media{aspect-ratio:4/3.65}.product-card-media:after{pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--brand-950) 45%, transparent), transparent);content:"";height:28%;position:absolute;inset:auto 0 0}.product-use-tag,.product-concept-badge{z-index:2;border:1px solid color-mix(in srgb, var(--surface-card) 56%, transparent);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;max-width:calc(100% - 24px);padding:7px 10px;position:absolute;overflow:hidden}.product-use-tag{background:color-mix(in srgb, var(--wood-200) 92%, transparent);color:var(--brand-900);font-size:.76rem;font-weight:820;bottom:12px;left:12px}.product-concept-badge{background:color-mix(in srgb, var(--brand-950) 58%, transparent);color:var(--text-on-dark);letter-spacing:.03em;text-transform:uppercase;font-size:.64rem;font-style:normal;font-weight:820;top:12px;left:12px}.product-card-copy{align-content:start;min-height:188px}.product-layout-minimal_cards .product-card-copy{min-height:156px}.product-card-copy h3{font-size:clamp(1.05rem,1.15vw,1.22rem)}.product-card-copy p{-webkit-line-clamp:2}.product-card-actions{flex-wrap:wrap;gap:10px;display:flex}.product-card-cta{background:var(--brand-700);color:var(--text-on-dark);box-shadow:0 10px 22px color-mix(in srgb, var(--brand-700) 18%, transparent)}.product-section-actions{justify-content:center;margin-top:34px}.video-layout{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center}.video-media-column{min-width:0}.video-layout-video_top_steps_bottom,.video-layout-cinematic_full_width{grid-template-columns:1fr}.video-layout-cinematic_full_width .video-copy{text-align:center;max-width:920px;margin:0 auto}.video-layout-cinematic_full_width .section-label,.video-layout-cinematic_full_width .video-actions{margin-inline:auto}.video-layout-cinematic_full_width .video-process-steps{max-width:960px;margin-inline:auto}.video-thumb{text-align:left;width:100%;display:block}a.video-thumb{color:var(--text-on-dark)}.video-concept-badge{z-index:2;border:1px solid color-mix(in srgb, var(--surface-card) 38%, transparent);background:color-mix(in srgb, var(--wood-200) 92%, transparent);color:var(--brand-900);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 12px 26px color-mix(in srgb, var(--brand-950) 18%, transparent);border-radius:999px;padding:8px 11px;font-size:.68rem;font-weight:860;position:absolute;top:18px;left:18px}.video-actions{align-items:center}.quick-actions .quick-action-link{text-align:left}.mobile-sticky-bar{grid-template-columns:minmax(0,.72fr) minmax(0,.86fr) minmax(0,1fr)}.mobile-sticky-bar.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-sticky-bar a:last-child{background:color-mix(in srgb, var(--surface-card) 90%, transparent);color:var(--brand-900)}.admin-form>.admin-section-editor{grid-column:1/-1}.admin-section-editor{border:1px solid color-mix(in srgb, var(--surface-muted) 66%, transparent);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-700) 6%, transparent), transparent 52%), color-mix(in srgb, var(--surface-card) 72%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.admin-section-editor h2,.admin-section-editor>.admin-grid-2,.admin-section-editor>.admin-step-grid{grid-column:1/-1}.admin-section-editor>label:has(textarea){grid-column:1/-1}.admin-section-editor>label:has(input[name=heroImage]){grid-column:1/-1}.admin-section-editor>label:has(input[name=manualProductIds]){grid-column:1/-1}.admin-section-editor>label:has(input[name=featuredProductIds]){grid-column:1/-1}.admin-section-editor>label:has(input[name=featuredProjectIds]){grid-column:1/-1}.admin-section-editor>label:has(input[name=featuredVideoIds]){grid-column:1/-1}.admin-section-editor>label:has(input[name=homepageGalleryIds]){grid-column:1/-1}.admin-section-editor h2{margin:0 0 2px;font-size:1.2rem}.admin-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-step-card{border:1px solid color-mix(in srgb, var(--surface-muted) 58%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-page) 72%, transparent);gap:10px;padding:12px;display:grid}@media (max-width:1279px){.product-layout-minimal_cards .product-showcase-card,.product-layout-featured_left_grid .product-showcase-card:nth-child(n+2){grid-column:span 4}}@media (max-width:1023px){.product-layout-editorial_grid .product-showcase-card:first-child,.product-layout-editorial_grid .product-showcase-card:nth-child(2),.product-layout-editorial_grid .product-showcase-card:nth-child(n+3),.product-layout-clean_3_column_grid .product-showcase-card,.product-layout-featured_left_grid .product-showcase-card:first-child,.product-layout-featured_left_grid .product-showcase-card:nth-child(n+2),.product-layout-minimal_cards .product-showcase-card{grid-area:auto/span 6}.video-layout{grid-template-columns:1fr}.video-media-column{order:-1}.admin-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.product-layout-editorial_grid .product-showcase-card:first-child,.product-layout-editorial_grid .product-showcase-card:nth-child(2),.product-layout-editorial_grid .product-showcase-card:nth-child(n+3),.product-layout-clean_3_column_grid .product-showcase-card,.product-layout-featured_left_grid .product-showcase-card:first-child,.product-layout-featured_left_grid .product-showcase-card:nth-child(n+2),.product-layout-minimal_cards .product-showcase-card{grid-column:span 12}.product-card-media,.product-layout-featured_left_grid .product-showcase-card:first-child .product-card-media{aspect-ratio:4/3.15}.product-card-copy{min-height:auto}.product-section-actions{align-items:stretch}.product-section-actions .button{width:100%}.video-thumb{min-height:320px}.video-concept-badge{max-width:calc(100% - 28px);font-size:.6rem;top:14px;left:14px}.mobile-sticky-bar{grid-template-columns:minmax(0,.7fr) minmax(0,.85fr) minmax(0,1fr)}.mobile-sticky-bar.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-editor,.admin-step-grid{grid-template-columns:1fr}}
