/* Cinematic candidate. Shared illustration layout and all cue timings are retained. */
:root{--deep:#0b1913;--gold:#d3b77c;--light:#f5f4ed}
.header{background:var(--deep);border-bottom:1px solid #ffffff18;position:relative;z-index:2}
.header-note{font-size:8px;letter-spacing:1.5px}
.header nav{gap:26px}
.motion-control{border:1px solid #83947a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:transparent;color:var(--gold);flex:none}
.motion-control:disabled{opacity:.5;cursor:default}
.automation{padding:0;max-width:none}
.hero{position:relative;background:var(--deep);color:var(--light);padding:48px 4.2% 48px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:0;row-gap:26px;align-items:center;overflow:hidden}
.hero-copy{position:relative;z-index:1;align-self:end;padding-top:18px}
.hero .eyebrow{color:#c8cdbd;font-size:8px;letter-spacing:1.7px}
.hero .eyebrow>i{background:var(--gold)}
h1{font-size:clamp(80px,7.9vw,136px);margin-top:30px;line-height:.9;letter-spacing:-.065em}
.reel{color:var(--gold);font-size:clamp(62px,6.7vw,112px)}
.reel-word>span{color:var(--gold)}
.hero-description{color:#c8d0c4;max-width:420px;font-size:17px;line-height:1.6;margin-top:24px}
.hero-actions{z-index:1;align-self:start;flex-direction:row;align-items:center;flex-wrap:wrap;gap:25px}
.hero .primary{background:#d3b77c;color:#13231a;padding:20px 24px;font-size:13px;min-width:220px;border-radius:2px}
.hero .primary span{color:#13231a}
.hero .primary:hover{background:#e3c995}
.see-flow{font-size:12px;padding:14px 0;border-bottom:1px solid #6a7b65;color:#e6eadf;display:flex;gap:24px;align-items:center}
.see-flow span{color:var(--gold);font-size:20px}
.hero a:focus-visible,.header a:focus-visible,.header button:focus-visible{outline-color:#e3c995}
.sculpture{grid-column:2;grid-row:1/3;position:relative;margin:0;min-width:0;align-self:center;isolation:isolate}
.sculpture-viewport{position:relative;width:115%;margin-left:-8%;aspect-ratio:1;isolation:isolate;pointer-events:none;mask-image:radial-gradient(ellipse 66% 62% at 50% 49%,#000 49%,transparent 80%)}
.sculpture-poster,.sculpture-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:lighten}
.sculpture-video{opacity:0;transition:opacity .65s ease}
.sculpture[data-playing=true] .sculpture-video{opacity:1}
.sculpture[data-playing=true] .sculpture-poster{visibility:hidden}
.sculpture-coordinate{position:absolute;color:#b4c1ac;font-size:8px;letter-spacing:1.8px}
.coordinate-top{top:9%;right:5%;color:#d3b77c}
.coordinate-bottom{bottom:9%;left:10%}
.sculpture figcaption{position:absolute;bottom:5%;left:10%;font-size:8px;color:#9aa992}
.hero-baseline{background:var(--deep);color:#aebb9f;padding:24px 4.2%;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px}
.hero-baseline a{display:flex;gap:24px;align-items:center;color:#d3b77c}
.hero-baseline a span{font-size:19px}
.proof-layout{padding:100px 4.2% 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;max-width:1760px;margin:auto;align-items:center;scroll-margin-top:30px}
.proof-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
.chapter{color:#87662b;margin-right:10px}
.proof-copy h2{font:700 clamp(46px,4.8vw,76px)/1 Plumbline,Arial,sans-serif;letter-spacing:-.06em;margin:28px 0}
.proof-copy h2 em{color:#87662b;font-style:normal}
.proof-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:360px;color:#606c5a;margin-top:16px}
.proof-contact{font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9ca78e;padding:20px 0;max-width:360px;margin-top:25px;gap:20px}
.proof-contact span{font-size:25px;color:#87662b}
.proof-key{display:flex;flex-direction:column;gap:13px;margin-top:30px;font-size:7px;letter-spacing:1.1px;color:#66725b}
.proof-key span{display:flex;gap:10px;align-items:center}.proof-key i{width:4px;height:4px;background:#98763b;transform:rotate(45deg)}
.proof-layout .stage-shell{grid-column:auto;grid-row:auto;min-height:610px;border-radius:10px;box-shadow:0 30px 60px -40px #173b2d80}
.proof-layout .stage{height:500px;min-height:500px}
.sequence{margin:35px 4.2% 0}
.demo-note{margin:13px 4.2% 0;max-width:1000px}
.approach{padding-top:100px;padding-bottom:95px}
.conversation-link{position:relative;overflow:hidden;background:var(--deep);padding-top:70px;padding-bottom:70px}
.connection-line{position:absolute;width:500px;height:500px;border:1px solid #bfa36b2a;border-radius:50%;right:-100px;top:-300px;transform:rotate(-25deg) scaleY(.7);pointer-events:none}
.conversation-link h2{font-size:clamp(32px,3.6vw,56px);letter-spacing:-.055em;position:relative}
.conversation-link>a{position:relative}
.closing{padding-top:90px;padding-bottom:90px}
@media(min-width:1760px){.hero{padding-left:calc((100vw - 1610px)/2);padding-right:calc((100vw - 1610px)/2)}}
@media(max-width:1100px) and (min-width:761px){.hero{padding-top:35px;padding-bottom:35px}.hero-copy{padding-top:0}h1{font-size:79px}.reel{font-size:62px}.hero-description{font-size:15px}.hero-actions{gap:14px}.hero .primary{min-width:200px}.see-flow{font-size:11px}.proof-layout{gap:5%}.proof-copy h2{font-size:49px}.proof-copy>p:not(.eyebrow){font-size:13px}.proof-layout .stage-shell{min-height:570px}.proof-layout .stage{height:460px;min-height:460px}.header nav{gap:17px}.header .compare{font-size:10px}}
@media(max-width:760px){
.header{padding:18px 20px}.header nav{gap:16px}.motion-control{width:29px;height:29px;font-size:12px}.talk span{margin-left:12px}
.hero{padding:30px 20px 0;gap:0;overflow:hidden}.hero-copy{padding-top:0;align-self:stretch}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}
h1{font-size:clamp(49px,13.3vw,85px);line-height:.92;margin-top:23px}.reel{font-size:clamp(47px,12.9vw,80px);margin-bottom:-.12em}.hero-description{font-size:13px;line-height:1.55;margin-top:17px;max-width:360px}
.hero-actions{order:1;margin-top:23px;flex-direction:row;width:100%;gap:20px;justify-content:flex-start}.hero-actions .primary{min-width:0;width:auto;padding:15px 18px;font-size:11px;gap:24px}.see-flow{font-size:10px;gap:13px;padding:10px 0}.see-flow span{font-size:17px}
.sculpture{order:2;width:100%;margin:3px 0 0;align-self:stretch}.sculpture-viewport{width:110%;margin-left:-5%;margin-top:-2%;margin-bottom:-9%}.coordinate-top{top:13%;right:1%;font-size:6px}.coordinate-bottom{left:0;bottom:8%;font-size:6px;letter-spacing:1.1px}.sculpture figcaption{left:0;bottom:3%;font-size:7px}
.hero-baseline{padding:23px 20px 17px;border-top:0;font-size:6px;letter-spacing:.8px}.hero-baseline>span{max-width:150px;line-height:1.7}.hero-baseline a{font-size:6px;gap:12px;max-width:140px;line-height:1.7}
.proof-layout{padding:52px 20px 0;grid-template-columns:1fr;gap:29px;scroll-margin-top:20px}.proof-copy h2{font-size:48px;margin:18px 0}.proof-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;max-width:360px;margin-top:13px}.proof-copy>p br{display:none}.proof-contact{font-size:11px;margin-top:10px;padding:16px 0}.proof-key{display:none}.proof-layout .stage-shell{min-height:0;border-radius:9px}.proof-layout .stage{height:370px;min-height:370px}.sequence{margin:23px 20px 0}.demo-note{margin:12px 20px 0;font-size:8px}.approach{padding:60px 24px}.conversation-link{padding:46px 24px}.conversation-link h2{font-size:32px}.closing{padding:60px 24px}
}
@media(max-width:350px){.header{padding:17px 15px}.header nav{gap:12px}.header .brand{font-size:18px}.header .brand svg{width:26px}.talk{font-size:11px}.talk span{margin-left:9px}.motion-control{width:26px;height:26px}.hero{padding-left:15px;padding-right:15px}h1>span:first-child{font-size:40px}.reel{font-size:43px}.hero-actions{gap:12px}.hero-actions .primary{padding:14px;font-size:10px;gap:14px}.see-flow{font-size:9px;gap:10px}.proof-layout{padding-left:15px;padding-right:15px}.proof-copy h2{font-size:42px}.proof-layout .stage{height:345px;min-height:345px}.sequence{margin-left:15px;margin-right:15px}.demo-note{margin-left:15px;margin-right:15px}}
@media(prefers-reduced-motion:reduce){.sculpture-video{display:none;transition:none}}