:root{--bg: #12191d;--bg-soft: #1d262b;--paper: #e9ddc6;--paper-deep: #cbb997;--ink: #f5efdf;--muted: #b4a78d;--line: rgba(245, 239, 223, .14);--line-strong: rgba(245, 239, 223, .24);--accent: #f1b15d;--accent-cool: #9cd0f4;--accent-rose: #d98d78;--shadow: 0 30px 120px rgba(0, 0, 0, .35);--radius-xl: 36px;--radius-lg: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(241,177,93,.2),transparent 26%),radial-gradient(circle at 84% 14%,rgba(156,208,244,.16),transparent 22%),linear-gradient(180deg,#0f1417,#141c20 45%,#0d1316)}body.app-home-body{height:100svh;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 82%);pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-glow{position:fixed;inset:-16vw auto auto 50%;transform:translate(-50%);width:78vw;height:78vw;border-radius:50%;background:radial-gradient(circle,rgba(233,221,198,.16),transparent 62%);pointer-events:none;filter:blur(36px)}body.home-app-body{height:100svh;overflow:hidden}.home-app{width:100vw;height:100svh;padding:14px 18px 18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}.home-app__chrome{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:4px 8px 0}.home-app__brand{flex:0 0 auto}.home-app__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;color:var(--muted);font-size:.96rem}.home-app__layout{min-height:0;display:grid;grid-template-columns:286px minmax(0,1fr);gap:14px}.home-app__rail,.home-app__tool{min-height:0}.home-app__rail{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;padding:22px 22px 18px;border-radius:32px;overflow:hidden}.home-app__copy{display:grid;gap:12px}.home-app__eyebrow{margin:0}.home-app__title{margin:0;font-family:Bodoni Moda,serif;font-size:clamp(2.5rem,4.4vw,4.8rem);line-height:.86;letter-spacing:-.05em;max-width:5.2ch}.home-app__lede{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55;max-width:20ch}.home-app__cta{display:flex;flex-direction:column;gap:10px}.home-app__cta .button{width:100%;justify-content:center;text-align:center;padding:12px 14px}.home-app__supporting{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;max-width:22ch}.home-app__tool{min-width:0}.home-app__tool .tool-shell{height:100%;padding:16px;gap:14px}.home-app__tool .tool-main{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.home-app__tool .tool-stage-shell{min-width:0}.home-app__tool .tool-header{gap:14px}.home-app__tool .tool-copy h3{font-size:clamp(1.7rem,2.8vw,2.7rem);max-width:12ch}.home-app__tool .tool-summary{max-width:42ch;font-size:.92rem}.home-app__tool .tool-controls{gap:10px;padding:2px 2px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(233,221,198,.18) transparent}.home-app__tool .control-row{font-size:.8rem}.home-app__tool .preset-grid,.home-app__tool .color-grid{grid-template-columns:1fr;gap:8px}.home-app__tool .primary-tool-actions,.home-app__tool .action-grid{flex-direction:column}.home-app__tool .primary-tool-actions .button,.home-app__tool .action-grid .button{width:100%;text-align:center}.home-app__tool .cards-panel{width:min(320px,calc(100% - 32px))}.hero,main>section,.landing-page{width:min(1180px,calc(100vw - 32px));margin:0 auto}.app-homepage{width:100vw;height:100svh;overflow:hidden}.app-shell{width:100vw;height:100svh;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;margin:0;max-width:none}.app-topbar{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 8px 0}.app-topbar-links{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.95rem}.app-frame{min-height:0;display:flex;gap:12px}.app-panel{min-height:0;width:100%;max-width:100%;border-radius:32px;overflow:hidden}.narrative-panel,.utility-panel{padding:20px;display:grid;gap:16px}.narrative-panel{flex:0 0 250px}.narrative-panel h1{margin:0;font-family:Bodoni Moda,serif;font-size:clamp(2.1rem,3.1vw,3.4rem);line-height:.88;letter-spacing:-.04em;max-width:6ch}.app-hero-actions{gap:10px}.app-hero-actions .button{padding:10px 14px}.app-use-case-list{display:grid;gap:10px}.app-use-case{display:grid;gap:4px;padding:10px 12px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.app-use-case strong{color:var(--paper);font-size:.95rem}.app-use-case span{color:var(--muted);font-size:.8rem;line-height:1.3}.app-side-notes{display:grid;gap:10px}.app-note-card{display:grid;gap:8px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.app-note-card p{margin:0;color:var(--muted);line-height:1.45}.tool-panel{flex:1 1 auto;min-width:0;width:calc(100vw - 286px);max-width:calc(100vw - 286px)}.utility-panel{background:linear-gradient(180deg,#181f23eb,#0e1316f0),#0f1317eb;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.utility-block{display:grid;gap:10px}.utility-block h2{margin:0;font-family:Bodoni Moda,serif;font-size:clamp(1.8rem,2.2vw,2.6rem);line-height:.96}.utility-metrics{display:grid;gap:10px}.utility-metrics article{display:grid;gap:6px;padding:12px 14px;border-radius:20px;border:1px solid var(--line);background:#ffffff08}.utility-kicker{color:var(--paper);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.utility-metrics p,.utility-links{margin:0;color:var(--muted)}.utility-links{display:grid;gap:10px}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;padding:28px 0 64px;align-items:center}.topbar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:8px 0 18px}.brand,.hero h1,.section-heading h2,.landing-page .section-heading h1,.case-card h3,.faq h3,.content-card h3,.landing-card h2,.landing-card h3,.workflow-card h3,.story-panel h3{font-family:Bodoni Moda,serif}.brand{font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}.topbar-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.topbar-links a{position:relative}.topbar-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.topbar-links a:hover:after{transform:scaleX(1)}.editorial-panel,.hero-card,.tool-shell,.cards-panel,.case-card,.faq-list article,.content-card,.landing-card,.workflow-card,.story-panel,.display-glass,.landing-hero-note{background:linear-gradient(180deg,#181f23eb,#0e1316f0),#0f1317eb;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-copy{display:grid;gap:22px;padding:34px;border-radius:var(--radius-xl);position:relative;overflow:hidden}.hero-copy:before,.landing-page:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(241,177,93,.12),transparent 44%,rgba(156,208,244,.1));pointer-events:none}.hero-copy h1{font-size:clamp(3.6rem,7.2vw,7rem);line-height:.9;letter-spacing:-.03em;margin:0;max-width:8.5ch}.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.76rem;color:var(--paper-deep)}.hero-text,.case-card p,.faq p,.tool-controls,.hero-card,.content-card p,.landing-card p,.workflow-card p,.story-panel p,.section-lead{color:var(--muted)}.hero-text,.section-lead{font-size:1.08rem;line-height:1.7;max-width:58ch}.hero-actions,.action-grid,.cards-grid,.related-links{display:flex;flex-wrap:wrap;gap:12px}.button{border:1px solid var(--line-strong);border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover,.preset:hover,.color-chip:hover,.card-swatch:hover,.case-card:hover,.workflow-card:hover,.story-panel:hover,.content-card:hover,.landing-card:hover{transform:translateY(-2px)}.button-primary{color:#17191c;background:linear-gradient(135deg,#f1b15d,#f1d49a);border-color:transparent}.button-secondary,.preset,.color-chip,.card-swatch{background:#ffffff0a;color:var(--ink)}.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px}.hero-actions-priority .button:first-child{min-width:200px}.hero-chip{padding:9px 12px;border-radius:999px;border:1px solid var(--line);color:var(--paper);background:#ffffff08;font-size:.88rem}.hero-display{display:grid;gap:18px}.display-glass{position:relative;min-height:540px;border-radius:var(--radius-xl);padding:28px;overflow:hidden}.display-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),radial-gradient(circle at 50% 42%,rgba(241,177,93,.3),transparent 18%),radial-gradient(circle at 50% 42%,rgba(255,244,212,.95),rgba(219,187,131,.26) 24%,rgba(125,89,46,.1) 40%,transparent 56%)}.display-spec,.display-ruler{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;color:var(--paper)}.display-spec{align-items:flex-start;flex-direction:column}.spec-kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-deep)}.display-orb{position:absolute;inset:18% 12% auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,250,234,.94),rgba(244,220,173,.72) 25%,rgba(192,147,86,.22) 46%,transparent 66%);filter:blur(6px)}.display-ruler{position:absolute;left:28px;right:28px;bottom:28px;font-size:.92rem;padding-top:14px;border-top:1px solid var(--line)}.hero-card{border-radius:28px;padding:22px;display:grid;gap:16px;color:var(--paper)}.section-heading{margin-bottom:22px}.section-heading h2,.landing-page .section-heading h1{font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:.94;letter-spacing:-.03em;margin:0;max-width:12ch}.tool-section,.use-cases,.faq,.content-section{padding-bottom:90px}.landing-page{position:relative;padding-top:56px;padding-bottom:80px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:end}.landing-hero-note{border-radius:26px;padding:22px;display:grid;gap:10px;color:var(--paper)}.landing-actions{margin-top:24px}.tool-shell{position:relative;height:100%;border-radius:var(--radius-xl);padding:14px;display:grid;gap:16px;background:linear-gradient(180deg,#12181cfa,#090d0ffa),#0e1316f5;border:1px solid rgba(255,255,255,.08)}.tool-main{min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}.tool-stage-shell{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px}.tool-header,.tool-section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.tool-copy{display:grid;gap:10px}.tool-kicker{margin:0}.tool-copy h3{margin:0;font-family:Bodoni Moda,serif;font-size:clamp(1.45rem,1.9vw,2rem);line-height:.94;letter-spacing:-.03em}.tool-summary{margin:0;color:var(--muted);line-height:1.35;max-width:28ch;font-size:.86rem}.tool-header-actions{justify-self:end}.tool-quickstart{display:flex;flex-wrap:wrap;gap:10px}.tool-quickstart span{padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--paper);font-size:.82rem}.tool-stage-shell .tool-quickstart{overflow:hidden}.tool-stage{position:relative;min-height:0;height:100%;border-radius:28px;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--panel-color) 96%,white) 0%,color-mix(in srgb,var(--panel-color) 90%,#f8ecd6) 26%,color-mix(in srgb,var(--panel-color) 72%,#9a7248) var(--panel-softness),#26190f 100%);filter:brightness(var(--panel-brightness));box-shadow:inset 0 0 140px #fffbf070,0 28px 80px #00000057}.panel-overlay{position:absolute;inset:auto 18px 18px auto;display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#111316a3;color:#f9ecda;border-radius:16px;font-size:.82rem;border:1px solid rgba(255,255,255,.12)}.tool-controls{min-height:0;display:grid;gap:10px;align-content:start;padding:4px 4px 2px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(233,221,198,.18) transparent}.tool-controls::-webkit-scrollbar{width:8px}.tool-controls::-webkit-scrollbar-track{background:transparent}.tool-controls::-webkit-scrollbar-thumb{background:#e9ddc62e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.tool-controls:hover::-webkit-scrollbar-thumb{background:#e9ddc64d;background-clip:padding-box}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.control-hint{color:var(--paper-deep);font-size:.76rem}input[type=range]{width:100%;accent-color:var(--accent)}.preset-grid,.color-grid{display:grid;grid-template-columns:1fr;gap:8px}.preset,.color-chip,.card-swatch{border:1px solid var(--line);border-radius:18px;padding:10px 11px;cursor:pointer}.preset,.color-chip{min-width:0}.preset.is-active,.color-chip.is-active{background:linear-gradient(135deg,#f1b15d4d,#ffffff1a);border-color:#f1b15d80}.color-chip{position:relative;text-align:left;padding-left:44px}.color-chip:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--chip-color, #fffaf0);border:1px solid rgba(0,0,0,.08)}.color-picker-label,.status-line{font-size:.84rem;color:var(--paper-deep)}.advanced-controls{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--line)}.primary-tool-actions,.action-grid{flex-direction:column}.primary-tool-actions .button,.action-grid .button{width:100%;justify-content:center}#custom-color{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--line);background:transparent}.cards-panel{position:absolute;inset:20px 20px 20px auto;width:min(340px,calc(100% - 40px));z-index:4;border-radius:28px;padding:18px}.overlay-cards{align-self:start}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-swatch{min-height:72px}.card-swatch.neutral{color:#faf7f1;background:#51483d}.is-hidden{display:none!important}.camera-layout{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.camera-panel,.light-panel-side{position:relative}video,.mini-light{width:100%;height:100%;object-fit:cover}.mini-light{background:radial-gradient(circle at center,color-mix(in srgb,var(--panel-color) 96%,white) 0%,color-mix(in srgb,var(--panel-color) 86%,#eccb9d) 24%,color-mix(in srgb,var(--panel-color) 68%,#92683d) var(--panel-softness),#2d1f11 100%);filter:brightness(var(--panel-brightness))}.camera-placeholder{position:absolute;inset:auto 18px 18px;padding:10px 12px;color:#fff2de;background:#00000073;border-radius:16px}.workflow-grid,.case-grid,.faq-list,.content-grid,.landing-sections{display:grid;gap:16px}.workflow-grid,.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-list,.content-grid,.landing-sections{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.workflow-card,.case-card,.faq-list article,.content-card,.landing-card,.story-panel{border-radius:28px;padding:24px}.workflow-card{display:grid;gap:14px}.workflow-index{color:var(--accent);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}.case-card{display:grid;gap:14px;min-height:240px}.case-card-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px}.case-card-kicker{color:var(--paper-deep);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.case-card-link{color:var(--accent)}.accent-card{background:linear-gradient(180deg,#241d16f5,#13100df5),#13100df5}.split-story{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.story-panel-primary{background:linear-gradient(140deg,#f1b15d33,#141b1fe6 46%,#9cd0f41a)}.landing-links-card .related-links{gap:10px}.text-link{text-decoration:underline;text-underline-offset:.16em;color:var(--paper)}body.ui-hidden .tool-controls,body.ui-hidden .panel-overlay{opacity:0;pointer-events:none;transition:opacity .18s ease}body.fullscreen-active .tool-shell{position:fixed;inset:0;z-index:50;width:100vw;height:100svh;padding:10px;border-radius:0;background:#07090bfa}body.fullscreen-active .tool-stage{min-height:calc(100svh - 210px)}@media(max-width:980px){body.home-app-body{height:auto;overflow:auto}.home-app{height:auto;min-height:100svh;overflow:visible;padding:12px}.home-app__chrome{flex-direction:column;align-items:flex-start;padding-inline:0}.home-app__nav{justify-content:flex-start;gap:14px}.home-app__layout{grid-template-columns:1fr}.home-app__rail{grid-template-rows:auto}.home-app__title{max-width:7ch;font-size:clamp(2.3rem,11vw,4rem)}.home-app__lede{max-width:32ch}.home-app__tool .tool-main{grid-template-columns:1fr}.home-app__tool .cards-panel{position:static;width:100%}body.app-home-body{overflow:auto;height:auto}.app-homepage,.app-shell{height:auto;min-height:100svh;overflow:visible}.app-frame{display:grid;grid-template-columns:1fr}.tool-panel{width:100%;max-width:100%}.hero,.landing-hero,.split-story,.workflow-grid,.case-grid{grid-template-columns:1fr}.hero{padding-top:18px}.topbar{flex-direction:column;gap:12px;align-items:flex-start}.display-glass{min-height:400px}.camera-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.tool-main{grid-template-columns:1fr}.tool-header,.tool-section-heading{grid-template-columns:1fr;align-items:start}.tool-header-actions{justify-self:start}.cards-panel{position:static;width:100%}}