:root{--ink:#111411;--paper:#fdf1e1;--base:#0b1110;--stage:#7fb4d4;--world:#79b7dd;--tint:74,181,224;--shadow:rgba(0,0,0,.32);--white:#fff8ed;--muted:#465659;--accent:#4ab5e0;--accent-soft:#d4edf7;--ease:cubic-bezier(.23,1,.32,1);--serif:"Ogg Medium",Georgia,serif;color:var(--ink);background:var(--base);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-width:0;background:var(--base)}
.site-shell{min-height:100vh;background:var(--paper)}
a,button,summary{touch-action:manipulation}
html{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:.2em}
button,summary{font:inherit;cursor:pointer}
button{border:0}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #176182;outline-offset:4px}.cinema-scroll :focus-visible{outline-color:#fff8ed;box-shadow:0 0 0 7px #17384a}.cinema-scroll .sight-card:focus-visible{outline-color:#176182;box-shadow:inset 0 0 0 3px #fff8ed}
.skip{position:fixed;top:12px;left:12px;z-index:99;padding:12px;background:var(--paper);transform:translateY(-150%)}
.skip:focus{transform:none}
.button{display:inline-flex;min-height:48px;gap:12px;align-items:center;justify-content:center;padding:0 20px;border-radius:100px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform 140ms var(--ease),background-color 180ms var(--ease);line-height:1.15}
.button-primary{background:var(--paper);color:var(--ink)}
.button-ghost{border:1px solid currentColor}
.button:active,.sight-nav:active,.note-button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.button-primary:hover{background:#fff8ed}.button-ghost:hover{background:#e2edf0}}
.cinema-scroll{
  --mx:0;--my:0;--back-opacity:1;--back-x:0px;--back-y:0px;--back-scale:.76;
  --four-y:10vh;--four-scale:.78;--bazaar-y:20vh;--blur-px:0px;--back-brightness:1;
  --bazaar-blur-px:0px;--bazaar-brightness:1;--bazaar-saturation:1;
  --shade-opacity:1;--shade-z:2;--shade-top-alpha:0;--shade-mid-alpha:0;--shade-bottom-alpha:0;--blur-tint:74,181,224;
  --title-y:0px;--title-scale:1;--title-opacity:1;
  --bridge-x:-50%;--bridge-y:0px;--bridge-bottom:5vh;--bridge-width:67.2vw;--bridge-scale:1.02;--bridge-opacity:1;
  --split-left-x:-50%;--split-left-y:0px;--split-left-scale:1;
  --split-right-x:-50%;--split-right-y:0px;--split-right-scale:1;
  --frame2-opacity:0;--frame2-x:-50%;--frame2-y:-50%;--frame2-scale:1.06;
  --intro-copy-y:0px;--intro-copy-opacity:1;--panel2-opacity:0;--panel2-y:calc(-50% + 58px);--panel3-opacity:0;--panel3-y:calc(-50% + 58px);
  --sights-opacity:0;--sights-controls-opacity:0;--sights-y:0px;--sights-enter-x:420vw;--sights-visibility:hidden;
  --sights-shift:0px;--sights-scale:1;--sights-top:clamp(112px,19vh,220px);--sights-screen-top:clamp(112px,19vh,220px);
  position:relative;height:calc(100vh + 3700px);height:calc(100svh + 3700px);color:var(--paper);background:var(--base)
}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--stage)}
.world,.back-stack,.scene-img,.shade,.site-header,.sights-slider,.sights-controls,.hero-title,.intro-copy,.story-panel,.chapter-index,.scroll-cue{position:absolute}
.world{inset:0;overflow:hidden;background:var(--world)}
.scene-img{display:block;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform,opacity}
.sky-img{z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(var(--blur-px)) brightness(var(--back-brightness));opacity:1}
.world::after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b111073 0%,#12314c52 25%,transparent 47%,#0b11105e 75%,#0b1110e6 100%)}
.site-header{z-index:12;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding:26px clamp(24px,4.1vw,72px);color:var(--paper)}
.site-logo{justify-self:start;display:inline-flex;align-items:center;gap:9px;font:500 1.55rem/1 var(--serif);text-decoration:none;white-space:nowrap}
.site-logo-mark{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid #fdf1e178;border-radius:50%;font:500 .94rem/1 var(--serif)}
.site-header nav{display:flex;gap:clamp(18px,2.2vw,36px);align-items:center}
.site-header nav a{font-size:.88rem;text-decoration:none;white-space:nowrap;text-shadow:0 1px 10px #000}
.site-header nav a:hover{text-decoration:underline}
.back-stack{z-index:1;top:0;bottom:0;left:-3vw;right:-3vw;opacity:var(--back-opacity);transform:translate3d(var(--back-x),var(--back-y),0) scale(var(--back-scale));transform-origin:50% 100%;will-change:transform,opacity}
.back-img{top:auto;bottom:0;left:48%;width:112%;height:auto;object-fit:contain}
.back-bazaar{z-index:3;transform:translate3d(-50%,var(--bazaar-y),0) scale(.86);opacity:calc(.88 - var(--sights-opacity)*.68);filter:blur(var(--bazaar-blur-px)) brightness(var(--bazaar-brightness)) saturate(var(--bazaar-saturation));mask-image:linear-gradient(transparent 8%,#000 52%)}
.back-four{z-index:1;bottom:0;left:48%;width:112%;height:80%;opacity:.72;mix-blend-mode:screen;background:radial-gradient(ellipse at 56% 69%,#b6ecffa8,transparent 58%);transform:translate3d(-50%,calc(var(--four-y) - 110px),0) scale(var(--four-scale));pointer-events:none}
.hero-title{z-index:8;left:50%;top:clamp(120px,17vh,185px);width:min(92vw,1420px);margin:0;color:var(--paper);font:500 clamp(3.6rem,8.05vw,10rem)/.86 var(--serif);letter-spacing:-.072em;text-align:center;transform:translate3d(-50%,var(--title-y),0) scale(var(--title-scale));opacity:var(--title-opacity);text-shadow:0 8px 36px #102b3d73;will-change:transform,opacity}
.hero-title span{display:block}
.hero-title{color:#f2d6bf}

.chapter-index{z-index:8;top:calc(clamp(120px,17vh,185px) - 32px);left:50%;transform:translateX(-50%);width:max-content;margin:0;color:var(--paper);opacity:var(--title-opacity);font-size:.66rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.chapter-index::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;vertical-align:2px;background:var(--paper)}
.bridge-img{z-index:4;left:50%;bottom:calc(var(--bridge-bottom) - 8vh);width:min(var(--bridge-width),790px);height:auto;opacity:var(--bridge-opacity);transform:translate3d(var(--bridge-x),var(--bridge-y),0) scale(var(--bridge-scale));transform-origin:50% 48%;filter:drop-shadow(0 22px 32px #1023367a)}
.splitframe-img{z-index:6;left:50%;bottom:-9vh;width:min(91vw,1280px);height:auto;opacity:var(--bridge-opacity)}
.splitframe-left{transform:translate3d(var(--split-left-x),var(--split-left-y),0) scale(var(--split-left-scale));transform-origin:21% 52%}
.splitframe-right{transform:translate3d(var(--split-right-x),var(--split-right-y),0) scale(var(--split-right-scale));transform-origin:79% 52%}
.frame-two-img{z-index:5;left:50%;top:50%;width:min(122vw,2160px);height:110vh;object-fit:cover;opacity:var(--frame2-opacity);transform:translate3d(var(--frame2-x),var(--frame2-y),0) scale(var(--frame2-scale));transform-origin:50% 48%}
.shade{inset:0;z-index:var(--shade-z);pointer-events:none;opacity:var(--shade-opacity);background:linear-gradient(180deg,rgba(var(--blur-tint),var(--shade-top-alpha)),rgba(var(--blur-tint),var(--shade-mid-alpha)) 48%,rgba(var(--blur-tint),var(--shade-bottom-alpha)))}
.intro-copy{z-index:9;left:clamp(24px,4.1vw,72px);bottom:clamp(42px,8vh,102px);width:min(390px,calc(100% - 48px));transform:translate3d(0,var(--intro-copy-y),0);opacity:var(--intro-copy-opacity)}
.intro-copy p,.story-panel p{margin:0 0 16px;color:var(--paper);font-size:1.05rem;text-shadow:0 2px 16px #000;max-width:37ch}
.intro-copy .button{margin-top:16px}
.hero-tags{display:flex;flex-wrap:wrap;gap:6px}
.hero-tags span{padding:4px 10px;border:1px solid #fdf1e17b;border-radius:100px;background:var(--paper);color:var(--ink);font-size:.74rem}
.scroll-cue{z-index:8;right:clamp(24px,4.1vw,72px);bottom:5.5vh;opacity:var(--intro-copy-opacity);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
.story-panel{z-index:10;left:50%;width:min(760px,calc(100vw - 42px));text-align:center;pointer-events:none;will-change:transform,opacity}
.story-panel h2{margin:0;color:var(--paper);font:500 clamp(2.7rem,5.2vw,4.75rem)/.96 var(--serif);letter-spacing:-.055em;text-wrap:balance;text-shadow:0 10px 28px #0f273ab5}
.story-panel-bridge h2{color:#dce8f4}
.story-panel-bazaar h2{color:#f1e5c4}
.story-panel p{max-width:48ch;margin:20px auto 0}
.story-panel .eyebrow{margin:0 auto 12px;color:#deeff7;font-size:.68rem}
.story-panel-bridge{top:60%;opacity:var(--panel2-opacity);transform:translate3d(-50%,var(--panel2-y),0)}
.story-panel-bazaar{top:29%;opacity:var(--panel3-opacity);transform:translate3d(-50%,var(--panel3-y),0)}
.story-panel .facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:490px;margin:27px auto 0}
.facts span{display:grid;gap:4px;font-size:.85rem;text-shadow:0 1px 9px #000}
.facts strong{font:500 clamp(1.85rem,4vw,3.45rem)/1 var(--serif);letter-spacing:-.05em}
.note-button{display:inline-flex;align-items:center;gap:8px;min-height:50px;margin-top:20px;padding:0 23px;background:var(--paper);color:var(--ink);border-radius:100px;font-size:.86rem;font-weight:700;text-decoration:none;pointer-events:auto;transition:transform 140ms var(--ease)}
.sights-slider{z-index:2;left:calc(53vw + (clamp(24px,4.1vw,72px) - 32vw - var(--back-x)) / var(--back-scale));right:0;top:var(--sights-top);visibility:var(--sights-visibility);transform:translate3d(var(--sights-enter-x),var(--sights-y),0) scale(var(--sights-scale));transform-origin:0 0;will-change:transform}
.sights-track{display:flex;touch-action:pan-y;gap:clamp(16px,1.15vw,24px);align-items:stretch;transform:translate3d(calc(var(--sights-shift) - 18vw),0,0);transition:transform 640ms cubic-bezier(.22,1,.36,1);will-change:transform}
.sights-track.is-jumping{transition:none}
.sight-card{position:relative;flex:0 0 clamp(360px,19.4vw,430px);height:220px;padding:23px;overflow:hidden;border:1px solid #fdf1e16b;border-radius:24px;color:var(--ink);background:var(--paper);box-shadow:0 18px 52px #022f4020;text-align:left;user-select:none}
.sight-card.is-active{box-shadow:inset 0 0 0 2px #4ab5e078,0 18px 52px #022f4020}
.sight-card:focus-visible{outline-offset:-6px}
.sight-kicker{position:absolute;top:24px;left:24px;font-size:.68rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.sight-pin{position:absolute;top:18px;right:20px;display:grid;place-items:center;width:67.2px;aspect-ratio:1;border-radius:50%;background:#d6edf6;color:#173c53;font-size:1.5rem}
.sight-name{position:absolute;left:24px;right:24px;bottom:65px;font:500 1.75rem/.98 var(--serif);letter-spacing:-.04em}
.sight-description{position:absolute;left:24px;right:24px;bottom:23px;font-size:.88rem;line-height:1.2}
.sights-controls{z-index:11;left:clamp(24px,4.1vw,72px);top:calc(var(--sights-screen-top) + 236px);display:flex;align-items:center;gap:12px;transform:translate3d(0,var(--sights-y),0);opacity:var(--sights-controls-opacity);pointer-events:none}
.sights-controls.is-ready{pointer-events:auto}
.sight-nav{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.2rem;transition:transform 140ms var(--ease)}
[data-slide-count]{font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.09em}
.carousel-caption{position:absolute;z-index:9;left:clamp(24px,4.1vw,72px);bottom:clamp(32px,8vh,90px);max-width:min(570px,calc(100% - 40px));opacity:var(--sights-opacity);pointer-events:none}
.carousel-caption .button{margin-top:16px}.carousel-caption:not([inert]){pointer-events:auto}.carousel-caption p{margin:0;font:500 clamp(1.7rem,4vw,3rem)/1 var(--serif);letter-spacing:-.045em}
.section-shell{width:min(1120px,calc(100% - 96px));margin-inline:auto;padding:92px 0}
.eyebrow{display:block;margin:0 0 14px;color:#315369;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.section-heading{max-width:19ch;margin:0;color:inherit;font:500 clamp(2.8rem,6vw,5.7rem)/.95 var(--serif);letter-spacing:-.061em;text-wrap:balance}
.section-lede{max-width:58ch;margin:20px 0 0;color:var(--muted);font-size:1.06rem}
.solutions{padding-bottom:28px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:48px 0 0;border:1px solid #c8c6ba;background:#c8c6ba}
.service-card{min-height:200px;padding:26px;background:var(--paper)}
.service-card h3,.process-list h3{margin:0;font:500 1.7rem/1.02 var(--serif);letter-spacing:-.04em}
.service-card p,.process-list p{margin:12px 0 0;color:var(--muted);line-height:1.5}
.process{border-bottom:1px solid #c8c6ba}
.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;margin:34px 0 0;padding:0;list-style:none}
.process-list li{padding-top:14px;border-top:1px solid #bab9ad}
.process-list li>span{display:block;margin-bottom:19px;color:#315369;font-size:.75rem;font-weight:750}
.daniel{display:grid;grid-template-columns:1fr .68fr;align-items:start;column-gap:9%;border-bottom:1px solid #c8c6ba}
.daniel .eyebrow{grid-column:1/-1}
.daniel .section-lede{margin:0}
.daniel .button{margin-top:22px;grid-column:2;justify-self:start}
.faq{display:grid;grid-template-columns:1fr 1.1fr;column-gap:7%;align-items:start}
.faq .eyebrow{grid-column:1/-1}
.faq-list details{border-top:1px solid #bab9ad}
.faq-list details:last-child{border-bottom:1px solid #bab9ad}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:12px 0;font-weight:700;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:1.2rem}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{margin:0 0 18px;color:var(--muted)}
.contact{width:100%;padding:85px 24px;background:#102632;color:var(--paper);text-align:center}
.contact .eyebrow{color:#badeec}
.contact .section-heading{margin:0 auto 27px;max-width:17ch}
.contact-number{margin:14px 0 0;color:#d2e7ec;font-size:.85rem}
.site-footer{display:flex;justify-content:space-between;gap:12px;padding:20px max(24px,calc((100% - 1120px)/2));background:var(--base);color:var(--paper);font-size:.77rem}
@media(max-width:1100px){
  .bridge-img{width:min(calc(var(--bridge-width) * 1.13),820px)}
  .frame-two-img{width:132vw}
  .story-panel .facts{gap:24px}
  .sight-card{flex-basis:clamp(320px,40vw,390px)}
}
@media(max-width:760px){
  .site-header{grid-template-columns:1fr auto;gap:12px;padding:17px 20px}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
  .site-logo{font-size:1.24rem}
  .site-logo-mark{width:28px}
  .site-header nav a{font-size:.77rem}
  .hero-title{top:clamp(143px,23vh,200px);font-size:clamp(2.05rem,10.05vw,6rem);letter-spacing:-.06em}
  .chapter-index{top:calc(clamp(143px,23vh,200px) - 28px);font-size:.6rem}
  .bridge-img{bottom:calc(var(--bridge-bottom) + 15vh);width:min(115vw,720px)}
  .splitframe-img{bottom:13vh;width:138vw}
  .frame-two-img{width:176vw;object-position:46% 50%}
  .intro-copy{left:20px;bottom:clamp(22px,5vh,55px);width:calc(100% - 40px)}
  .intro-copy p,.story-panel p{font-size:.93rem}
  .intro-copy p{max-width:42ch;margin-bottom:12px}
  .intro-copy .button{margin-top:12px}
  .scroll-cue{display:none}
  .story-panel h2{font-size:clamp(2.4rem,9vw,3.2rem)}
  .story-panel-bazaar{top:36%}
  .story-panel .facts{margin-top:20px;gap:14px}
  .sight-card{flex-basis:min(82vw,330px)}
  .sights-track{gap:12px}
  .sights-controls{left:20px}
  .sight-nav{width:46px;height:46px}
  .carousel-caption{left:20px;right:20px;bottom:clamp(26px,6vh,60px)}
  .section-shell{width:calc(100% - 40px);padding:60px 0}
  .solutions{padding-bottom:18px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
  .service-card{min-height:unset;padding:20px}
  .service-card h3,.process-list h3{font-size:1.48rem}
  .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daniel,.faq{display:block}
  .daniel .section-lede,.faq-list{margin-top:20px}
  .contact{width:100%;padding:62px 20px}
}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.site-footer{display:grid}}
@media(max-height:470px) and (orientation:landscape){
  .cinema-scroll{height:auto}
  .stage{position:relative;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column}
  .world{position:relative;inset:auto;min-height:clamp(400px,72vh,750px)}
  .hero-title,.chapter-index{opacity:1;transform:translateX(-50%)}
  .bridge-img{bottom:2%;transform:translateX(-50%)}
  .splitframe-img{bottom:0;opacity:1;transform:translateX(-50%)}
  .intro-copy,.story-panel{position:relative;z-index:0;inset:auto;width:100%;opacity:1;transform:none;padding:32px 22px;text-align:left}
  .intro-copy{background:#102632}.story-panel{background:#133141}
  .story-panel-bazaar{background:#193a4a}
  .story-panel p,.story-panel .eyebrow,.story-panel .facts{margin-inline:0}
  .back-stack{transform:none;opacity:1}
  .frame-two-img,.sights-slider,.sights-controls,.scroll-cue,.carousel-caption{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.demo{margin-top:34px;overflow:hidden;border-radius:26px;background:#102632;color:var(--paper)}
.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:15px 22px;border-bottom:1px solid #fdf1e132}
.demo-tab{min-height:42px;padding:0 16px;border-color:#fdf1e15c;background:transparent;color:var(--paper)}
.demo-tab[aria-pressed="true"]{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--ink)}
@media(hover:hover) and (pointer:fine){.demo-tab:hover{background:#1e465a}.demo-tab[aria-pressed="true"]:hover{background:#fff8ed}}
.demo-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px}
.demo .eyebrow{color:#b8e3f5}
.demo-copy h3{max-width:21ch;margin:0;font:500 clamp(2rem,3.1vw,3.35rem)/.98 var(--serif);letter-spacing:-.05em}
.demo-copy p{max-width:43ch;margin:12px 0 16px;color:#e3ecf1}
.demo-copy .demo-result{min-height:3em;margin-bottom:0;font-size:.88rem;color:#b8e3f5}
.demo-chat{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:220px;padding:18px;border:1px solid #ffffff24;border-radius:19px;background:#0d1b23}
.demo-bubble{max-width:90%;align-self:flex-start;margin:0;padding:12px 14px;border-radius:14px 14px 14px 3px;background:#fff6e3;color:var(--ink);font-size:.9rem}
.demo-bubble-out{align-self:flex-end;border-radius:14px 14px 3px 14px;background:#d5edf7}
.demo-bubble span{display:block;margin-bottom:3px;color:#315369;font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
@media(max-width:760px){.demo-body{grid-template-columns:1fr;gap:14px;padding:20px}.demo-tabs{padding:12px}.demo-chat{min-height:165px}.demo-copy .demo-result{min-height:0}.demo-copy .demo-result:empty{margin:0}}

.scene-progress{position:absolute;z-index:11;inset:auto 0 0;height:3px;background:#fdf1e143;pointer-events:none}
.scene-progress::after{content:"";display:block;height:100%;background:var(--paper);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.sight-pin svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.scroll-cue{text-shadow:0 1px 5px #000}
.hero-title,.chapter-index{text-shadow:0 3px 18px #0b11109e}
.hero-title{text-shadow:0 2px 3px #0b11108c,0 4px 16px #0b111059}
.story-panel-bridge h2,.story-panel-bazaar h2{text-shadow:0 2px 4px #0b1110a8,0 4px 18px #0b111070}
.intro-copy p{text-shadow:0 2px 9px #0b1110,0 2px 28px #0b1110}
.story-panel::before{content:"";position:absolute;inset:-16% -12%;z-index:-1;background:radial-gradient(ellipse,#0b1110bd 5%,#0b111057 45%,transparent 73%);pointer-events:none}
.demo-copy p,.demo-bubble{font-size:1rem}
.demo-tab,.note-button{min-height:44px}
.button-primary{box-shadow:0 8px 26px #0b11102e}
.button-primary:hover{box-shadow:0 8px 26px #0b11102e}
@media(min-width:1101px){
  .site-header{padding:32px;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)}
  .site-header nav a{font-size:1.1rem}
  .intro-copy{left:50%;width:min(540px,calc(100% - 48px));text-align:center;bottom:clamp(40px,7.3vh,96px);transform:translate3d(-50%,var(--intro-copy-y),0)}
  .intro-copy p{max-width:52ch;margin:0 auto 14px}
  .hero-tags{justify-content:center}
  .hero-tags span{min-height:38px;display:inline-flex;align-items:center;padding:0 18px}
  .bridge-img{bottom:calc(var(--bridge-bottom) + 6vh);width:min(var(--bridge-width),790px)}
  .splitframe-img{width:min(99vw,1550px);bottom:1vh}
}
@media(min-width:761px) and (max-height:780px){
  .hero-title{font-size:clamp(4.3rem,7.15vw,7.4rem);top:clamp(108px,16vh,145px)}
  .chapter-index{top:calc(clamp(108px,16vh,145px) - 24px)}
  .bridge-img{width:min(var(--bridge-width),660px)}
}
@media(max-width:760px){
  .site-header{padding:calc(10px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));gap:0 12px}
  .site-header nav{display:flex;justify-content:space-between;gap:6px;padding:0;overflow:visible}
  .site-header nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 2px;font-size:.78rem}
  .hero-title{top:clamp(123px,20.5svh,178px);font-size:clamp(1.9rem,10.2vw,5rem);line-height:.88;width:calc(100% - 28px)}
  .chapter-index{top:calc(clamp(123px,20.5svh,178px) - 25px);font-size:.6rem}
  .bridge-img{width:min(96vw,590px);bottom:calc(29svh + var(--bridge-bottom));filter:none}
  .splitframe-img{width:116vw;bottom:27svh}
  .sky-img{filter:none;object-position:50% center}
  .back-bazaar{filter:none;width:160%;bottom:2svh;opacity:calc(.72 - var(--sights-opacity)*.54)}
  .frame-two-img{height:100svh;width:160vw;object-position:36% 50%}
  .world::after{background:linear-gradient(180deg,#0b11108a 0%,#15324a49 28%,transparent 47%,#0b111087 69%,#0b1110f2 98%)}
  .intro-copy{left:18px;bottom:max(23px,calc(14px + env(safe-area-inset-bottom,0px)));width:calc(100% - 36px)}
  .intro-copy p{font-size:1rem;line-height:1.35}
  .intro-copy .button{margin-top:11px;min-height:46px}
  .hero-tags span{padding:5px 10px}
  .story-panel{width:calc(100% - 36px)}
  .story-panel-bridge{top:58%}
  .story-panel-bazaar{top:38%}
  .story-panel p{line-height:1.4}
  .story-panel .facts{margin-top:16px}
  .facts span{font-size:.75rem}
  .sights-slider{left:calc(53vw + (18px - 32vw - var(--back-x)) / var(--back-scale))}
  .sight-card{height:clamp(178px,29svh,220px);flex-basis:min(81vw,345px);padding:20px}
  .sight-kicker{left:20px;top:20px}
  .sight-name{left:20px;right:20px;bottom:58px;font-size:clamp(1.36rem,6.4vw,1.78rem)}
  .sight-description{left:20px;right:20px;bottom:19px}
  .sight-pin{width:57.6px;top:14px;right:15px}
  .sights-controls{left:18px;top:calc(var(--sights-screen-top) + clamp(178px,29svh,220px) + 12px)}
  .carousel-caption{left:18px;right:18px;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px))}
  .carousel-caption p{font-size:clamp(1.62rem,7vw,2.7rem)}
  .carousel-caption .button{margin-top:10px}
  .section-shell{padding-block:56px;width:calc(100% - 36px)}
  .contact{width:100%}
  .section-heading{font-size:clamp(2.16rem,9vw,3.85rem)}
  .service-grid{margin-top:28px}
  .service-card{padding:17px}
  .service-card h3,.process-list h3{overflow-wrap:anywhere}
}
@media(max-width:380px){
  .hero-title{letter-spacing:-.057em}
  .service-grid{grid-template-columns:1fr}
  .service-card h3,.process-list h3{font-size:1.35rem}
}
@media(max-width:760px) and (max-height:680px){
  .hero-title{top:clamp(112px,20.5svh,130px)}
  .chapter-index{top:calc(clamp(112px,20.5svh,130px) - 20px)}
  .bridge-img{width:min(81vw,405px);bottom:calc(25svh + var(--bridge-bottom))}
  .splitframe-img{width:96vw;bottom:26svh}
  .hero-tags span{padding:3px 8px}
  .intro-copy p{font-size:.92rem;margin-bottom:9px}
  .intro-copy .button{margin-top:8px}
  .story-panel h2{font-size:clamp(1.95rem,8.5vw,2.8rem)}
}
@media(max-height:470px) and (orientation:landscape){
  .world{min-height:360px}
  .site-header{grid-template-columns:1fr auto 1fr;gap:12px;padding:12px 20px}
  .site-header nav{grid-column:auto;grid-row:auto;gap:12px}
  .site-header nav a{font-size:.8rem}
  .hero-title{top:97px;font-size:clamp(1.85rem,6.2vw,4rem)}
  .chapter-index{top:77px}
  .bridge-img{width:min(48vw,370px);bottom:-37px}
  .splitframe-img{width:59vw;bottom:-11px}
  .intro-copy::before,.story-panel::before,.scene-progress{display:none}
  .intro-copy .button{margin-top:12px}
}
.facts dt{font:500 clamp(1.9rem,4.8vw,4.2rem)/.94 var(--serif);letter-spacing:-.05em;text-shadow:0 10px 30px var(--shadow)}
.facts dd{margin:8px 0 0;font-size:.85rem;line-height:1.18;text-shadow:0 1px 9px var(--shadow)}
@media(max-width:640px){.facts dt{font-size:2.5rem}.facts dd{font-size:.76rem}}
.back-bazaar{opacity:calc(.22 + var(--panel3-opacity)*.66 - var(--sights-opacity)*.12)}
@media(min-width:1101px){
  .bridge-img{width:min(var(--bridge-width),740px);bottom:calc(var(--bridge-bottom) + 2vh)}
}
@media(max-width:760px){
  .back-bazaar{opacity:calc(.10 + var(--panel3-opacity)*.76);bottom:13svh;width:175%;mask-image:linear-gradient(transparent 0%,#000 30%,#000 79%,transparent 100%)}
  .frame-two-img{object-position:25% 50%}
  .story-panel::before{background:radial-gradient(ellipse,#0b1110a6 5%,#0b111047 48%,transparent 73%)}
}
@media(max-width:760px) and (max-height:680px){
  .bridge-img{width:min(78vw,405px);bottom:calc(27svh + var(--bridge-bottom))}
  .splitframe-img{width:92vw;bottom:29svh}
}
@media(max-height:470px) and (orientation:landscape){
  .back-bazaar{display:none}
  .bridge-img{bottom:-43px}
}

/* Actual product UI; the same transforms from the cinematic rig move each layer. */
.sky-img{object-position:50% 31%}
.world::before{content:"";position:absolute;inset:0;z-index:0;background:var(--world)}
.sky-img{z-index:0;opacity:.78;mask-image:linear-gradient(180deg,transparent 0%,#000 40%)}
.bridge-img{margin:0;border:1px solid #fdf1e166;border-radius:clamp(12px,1.6vw,22px);overflow:hidden;background:#151a20;box-shadow:0 18px 55px #09192471;filter:none}
.bridge-img picture,.bridge-img picture img{display:block;width:100%;height:auto}
.capture-header{position:relative;display:grid;place-items:center;min-height:28px;background:#eef2f4;color:#172431;font-size:clamp(.60rem,1vw,.76rem);font-weight:650}
.capture-dots{position:absolute;left:12px;display:flex;gap:4px}
.capture-dots i{width:5px;height:5px;border-radius:50%;background:#84929e}
.splitframe-img{height:min(36vh,330px)}
.splitframe-img img{position:absolute;height:auto;border-radius:10px;box-shadow:0 12px 38px #13273153;max-width:none}
.splitframe-left img{left:3%;bottom:0;width:min(22%,230px);transform:rotate(-7deg)}
.splitframe-right img{right:0;bottom:0;width:min(27%,295px);transform:rotate(7deg)}
.frame-two-img{object-position:52% 52%;filter:brightness(.77) saturate(.82)}
.back-bazaar{filter:brightness(var(--bazaar-brightness)) saturate(var(--bazaar-saturation))}
.reference-details{margin-top:22px;border-block:1px solid #bab9ad}
.reference-details summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;font-weight:650;list-style:none}
.reference-details summary::-webkit-details-marker{display:none}
.reference-details figure{margin:0 0 16px}
.reference-details img{width:min(100%,920px);height:auto;border-radius:12px}
.reference-details figcaption{margin-top:10px;color:var(--muted);font-size:.85rem}
@media(min-width:761px){
  .bridge-img{width:min(var(--bridge-width),700px);bottom:calc(var(--bridge-bottom) + 12vh)}
  .splitframe-img{bottom:17vh}
}
@media(max-width:760px){
  .sky-img{opacity:.73;object-position:37% 35%;will-change:auto}
  .bridge-img{width:min(81vw,480px);bottom:calc(28svh + var(--bridge-bottom))}
  .splitframe-img{width:94vw;height:29svh;bottom:28svh}
  .splitframe-left img{left:0;bottom:0;width:25%}
  .splitframe-right img{right:0;bottom:1%;width:30%}
  .frame-two-img{object-position:47% 49%;filter:none}
  .back-bazaar{filter:none;will-change:auto}
  .demo-body{padding:18px}
  .demo-bubble{max-width:94%}
}
@media(max-width:760px) and (max-height:680px){
  .bridge-img{width:min(70vw,420px);bottom:calc(26svh + var(--bridge-bottom))}
  .splitframe-img{width:91vw;bottom:28svh}
}
@media(max-height:470px) and (orientation:landscape){
  .bridge-img{width:min(42vw,350px);bottom:-32px}
  .splitframe-img{width:58vw;bottom:15px}
}
@media(min-width:761px){
  .bridge-img{width:min(var(--bridge-width),620px);bottom:calc(var(--bridge-bottom) + 9vh)}
}
@media(min-width:761px) and (max-height:780px){
  .bridge-img{width:min(var(--bridge-width),500px);bottom:calc(var(--bridge-bottom) + 5vh)}
}
@media(max-width:760px) and (max-height:680px){
  .bridge-img{bottom:calc(29svh + var(--bridge-bottom))}
  .splitframe-img{bottom:33svh}
}
@media(max-height:470px) and (orientation:landscape){
  .bridge-img{width:min(42vw,350px);bottom:-32px}
  .splitframe-img{width:58vw;bottom:15px}
}
.intro-actions{display:flex;align-items:center;gap:12px;margin-top:14px}
.intro-copy .intro-actions .button{margin-top:0}
.intro-demo{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:.84rem;font-weight:650;color:var(--paper)}
@media(min-width:1101px){.intro-actions{justify-content:center}}
@media(max-width:760px){.intro-actions{margin-top:10px}.intro-actions .button{padding-inline:14px;gap:6px}}
@media(max-width:365px){.intro-actions{gap:10px}.intro-actions .button{font-size:.81rem}.intro-demo{font-size:.78rem}}

/* Liquid Glass: a material per context, with opaque fallbacks for contrast. */
:root{
  --ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:var(--ui);
  --glass-line:#fff9efb3;
  --glass-edge:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #1d455522;
  --glass-depth:0 12px 32px #15324520,var(--glass-edge);
  --whatsapp-ink:#082d24;
  font-family:var(--ui);
  font-weight:350;
  font-optical-sizing:auto;
}
body,.section-lede,.service-card p,.process-list p,.intro-copy p,.story-panel p{font-weight:350}
h1,h2,h3,.section-heading,.hero-title,.story-panel h2,.service-card h3,.process-list h3,.demo-copy h3,.sight-name,.facts dt,.carousel-caption p{font-weight:700}
h3,.service-card h3,.process-list h3,.demo-copy h3,.sight-name{font-weight:550}
.site-logo{font-weight:700;letter-spacing:-.04em}
.site-logo-mark{font-weight:650}
.site-header nav a{font-weight:500}
.section-heading{line-height:.99;letter-spacing:-.053em}
.section-lede{line-height:1.55}
.eyebrow,.chapter-index{font-weight:650}
.sight-name,.service-card h3,.process-list h3{letter-spacing:-.035em}
.hero-title{
  top:var(--headline-top);font-size:var(--headline-size);line-height:.99;letter-spacing:-.067em;
  width:calc(100% - 32px);text-wrap:nowrap
}
.cinema-scroll{--headline-top:clamp(124px,16.1svh,156px);--headline-size:clamp(3.1rem,6.6vw,6.2rem);--hero-room:calc(100svh - var(--headline-top) - 2 * var(--headline-size) - 300px)}
.chapter-index{top:calc(var(--headline-top) - 26px);font-size:.68rem;letter-spacing:.14em}
.bridge-img{
  top:calc(var(--headline-top) + 2 * var(--headline-size) + 26px + 5vh - var(--bridge-bottom));
  bottom:auto;width:min(var(--bridge-width),710px);background:#152531d9;
  box-shadow:0 18px 45px #09192474,var(--glass-edge);border:1px solid #fff8ef97
}
.bridge-img picture img{height:clamp(125px,var(--hero-room),330px);object-fit:cover;object-position:center top}
.capture-header{min-height:30px;background:linear-gradient(150deg,#f8fcffed,#acc9daee);font-weight:550}
.splitframe-img img{box-shadow:0 12px 34px #13273156;outline:1px solid #fdf1e19c}
.button,.note-button,.sight-nav{
  border:1px solid var(--glass-line);box-shadow:var(--glass-depth);
  background:linear-gradient(158deg,#fffaf3ed,#eee2d0eb);color:var(--ink)
}
.button:hover{box-shadow:var(--glass-depth)}
.button-ghost{background:linear-gradient(158deg,#ffffffa6,#ecf2f0a0);border-color:#fffef3;box-shadow:var(--glass-depth)}
.wa-cta{
  position:relative;isolation:isolate;min-height:51px;padding-inline:20px;border-color:#eefff4d4;
  background:linear-gradient(155deg,#edfff2 0%,#aeeecb 52%,#74d4ad 100%);
  box-shadow:0 9px 26px #004b3756,inset 0 1px 0 #ffffffe0,inset 0 -1px 0 #12845140;
  color:var(--whatsapp-ink);font-weight:700
}
.wa-cta::before{content:"";flex:none;width:21px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8l-5 4v-4H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z M8 11h8'/%3E%3C/svg%3E") center/contain no-repeat}
@media(hover:hover) and (pointer:fine){.wa-cta:hover{background:linear-gradient(155deg,#f5fff8,#b9f6d3 55%,#8be4be);box-shadow:0 10px 27px #004b3766,var(--glass-edge)}}
.intro-demo{border:1px solid #fff8ef87;border-radius:999px;padding:0 14px;text-decoration:none;background:#1232489e;box-shadow:inset 0 1px 0 #ffffff36}
.hero-tags span{background:linear-gradient(155deg,#fffdf1df,#e4eef0da);border-color:#fffaf0a6;box-shadow:inset 0 1px 0 #fff9}
.sight-card{background:linear-gradient(140deg,#fffcf1f5,#e8edf0ee);border-color:#fff8e8cf;box-shadow:var(--glass-depth)}
.sight-card.is-active{box-shadow:inset 0 0 0 2px #4ab5e08c,var(--glass-depth)}
.site-shell{background:radial-gradient(ellipse at 82% 29%,#d0e7ee 0%,transparent 43%),var(--paper)}
.audience-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.audience-card,.trust-card,.service-card,.process-list li{
  min-width:0;padding:22px;border:1px solid #fffff6cc;border-radius:21px;
  background:linear-gradient(154deg,#ffffffb0,#f5f5eeb3 58%,#e3eef0c7);box-shadow:var(--glass-depth)
}
.audience-card h3,.trust-card h3{margin:0 0 8px;font-size:1.25rem;line-height:1.18;letter-spacing:-.035em}
.audience-card p,.trust-card p{margin:0;color:var(--muted)}
.problem-band{position:relative;background:radial-gradient(ellipse at 100% 8%,#2d6987,#153b55 49%,#112631 84%);color:var(--paper)}
.problem-band .eyebrow{color:#bce3f2}
.problem-band .section-lede{color:#f1f6f5}
.problem-flow{margin:24px 0 0;padding:17px 20px;display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;border:1px solid #ffffff53;border-radius:20px;background:#d6eff024;box-shadow:inset 0 1px 0 #ffffff49}
.problem-flow>*{color:#fff8e9;font-weight:550}
.service-grid{gap:12px;background:transparent;border:0;margin-top:30px}
.service-card{min-height:150px}
.process-list li{padding-top:16px}
.process-list li>span{margin-bottom:12px}
.daniel{display:block}
.daniel .section-lede{margin-top:16px}
.contact{background:radial-gradient(ellipse at 50% 0%,#275b6e,#102632 58%,#0b1110)}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.contact .button-ghost{background:linear-gradient(151deg,#295a6f,#1b394a);border-color:#cde7ee79;color:#fdf1e1}
.demo-section{margin-top:60px;scroll-margin-top:18px}
.demo-section>p{max-width:55ch}
.demo{--tone:216,176,115;margin-top:26px;padding:10px;border:1px solid #fff9ebc9;background:radial-gradient(ellipse at 88% 21%,rgba(var(--tone),.43),transparent 66%),linear-gradient(145deg,#e8f1f0e8,#e6e7d6ec);color:var(--ink);box-shadow:0 15px 44px #142e4324,var(--glass-edge)}
.demo[data-case="clinica"]{--tone:107,176,211}
.demo[data-case="clinica"] .wa-head{background:linear-gradient(155deg,#20665f,#10453e)}
.demo[data-case="crm"]{--tone:137,166,214}
.demo[data-case="crm"] .wa-head{background:linear-gradient(155deg,#265a63,#163e48)}
.demo-tabs{padding:4px;gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #ffffff8c;border-radius:17px;background:#e8f0ef9c;box-shadow:inset 0 1px 0 #fff9}
.demo-tab{width:100%;border:1px solid transparent;color:#233f4d;background:transparent;box-shadow:none;font-weight:550;border-radius:13px}
.demo-tab[aria-pressed="true"]{background:linear-gradient(155deg,#fffdf6,#f2f7ef);border-color:#fffef7;color:#0b242c;box-shadow:0 4px 13px #17384d25,var(--glass-edge);font-weight:700}
@media(hover:hover) and (pointer:fine){.demo-tab:hover,.demo-tab[aria-pressed="true"]:hover{background:#ffffffac}}
.demo-body{align-items:center;gap:26px;padding:22px}
.demo .eyebrow{color:#345568}
.demo-copy h3{max-width:23ch;color:var(--ink);font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1.06}
.demo-copy p{color:#344c55}
.wa-phone{
  overflow:hidden;border:1px solid #ffffffce;border-radius:24px;background:#e8dfd3;color:#172a28;
  box-shadow:0 14px 30px #16383738,0 0 0 1px #16383727;max-width:500px;width:100%;justify-self:center
}
.wa-head{display:flex;gap:11px;align-items:center;padding:11px 13px;min-height:58px;background:linear-gradient(158deg,#165848,#0b4138);color:#f4fff8;box-shadow:0 1px 0 #ffffff3e inset}
.wa-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d4f5df;color:#134b3e;font-size:1rem;font-weight:700}
.wa-headtext{display:grid;gap:1px;line-height:1.2}
.wa-headtext strong{font-size:1rem;font-weight:650}
.wa-headtext small{font-size:.73rem;color:#daf3e4}
.wa-transcript{
  display:flex;flex-direction:column;gap:8px;padding:13px 12px 15px;min-height:170px;
  background-color:#eee6da;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='80' viewBox='0 0 90 80'%3E%3Cg stroke='%23957d68' stroke-opacity='.17' fill='none' stroke-width='1'%3E%3Cpath d='M9 11h16v10h-9l-4 4v-4H9zM57 53h15v12H57zM59 50v5m10-5v5M28 60c0-6 8-6 8 0 0-6 8-6 8 0 0 6-8 11-8 11s-8-5-8-11zM58 9l6 4-7 4-2-3 3-5zm17 19 2 3 4 1-3 3v4l-4-2-4 1 1-4-2-3 4-1z'/%3E%3C/g%3E%3C/svg%3E")
}
.wa-date{align-self:center;margin:0 0 3px;padding:3px 8px;border-radius:6px;background:#fff9ed;color:#435c58;font-size:.69rem;font-weight:600}
.wa-bubble{
  position:relative;align-self:flex-start;max-width:87%;margin:0;padding:8px 10px 6px;
  border-radius:2px 11px 11px 11px;background:#fffdfa;box-shadow:0 1px 2px #3b332b35;font-size:.94rem;line-height:1.32
}
.wa-bubble.wa-out{align-self:flex-end;border-radius:11px 2px 11px 11px;background:#d9fbd0}
.wa-time{float:right;margin:4px 0 0 9px;font-size:.66rem;line-height:1.3;color:#526560;white-space:nowrap}
.wa-time svg{vertical-align:-1px}
.wa-composer{padding:10px 12px 12px;background:linear-gradient(160deg,#f9fff3,#e9efe8);border-top:1px solid #d5e2d7}
.wa-choices{display:flex;flex-wrap:wrap;gap:7px}
.wa-reply,.wa-reset{border:1px solid #badace;border-radius:999px;background:linear-gradient(145deg,#fff,#ebf8ee);box-shadow:0 2px 5px #142f2420;min-height:44px;padding:5px 13px;font-size:.82rem;font-weight:650;color:#0b503e;transition:transform 135ms var(--ease)}
.wa-reply:active,.wa-reset:active,.intro-demo:active{transform:scale(.97)}
.wa-status{margin:0 0 6px;font-size:.81rem;color:#214c40;font-weight:550}
.wa-status:empty{display:none}
.wa-composer:focus-visible,.wa-reply:focus-visible{outline-offset:2px}
.wa-copy,.wa-hint{font-size:.74rem;color:#445f57}
@supports(backdrop-filter:blur(8px)){
  .intro-demo,.capture-header{backdrop-filter:blur(8px) saturate(140%)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .intro-demo{background:#112c3f;backdrop-filter:none}
  .capture-header{background:#e4edf1;backdrop-filter:none}
  .sight-card,.audience-card,.trust-card,.service-card{background:#fffaf0}
}
@media(max-width:1100px){
  .audience-grid,.trust-grid{gap:10px}
  .cinema-scroll{--headline-size:clamp(2.7rem,7.5vw,5.2rem)}
}
@media(max-width:760px){
  .cinema-scroll{--headline-top:clamp(113px,15.5svh,142px);--headline-size:clamp(1.86rem,8.35vw,3.9rem);--hero-room:calc(100svh - var(--headline-top) - 2 * var(--headline-size) - 228px)}
  .chapter-index{top:calc(var(--headline-top) - 22px);font-size:.61rem}
  .hero-title{letter-spacing:-.062em}
  .bridge-img{width:min(88vw,450px);top:calc(var(--headline-top) + 2 * var(--headline-size) + 22px + 5vh - var(--bridge-bottom))}
  .bridge-img picture img{height:clamp(130px,var(--hero-room),280px)}
  .splitframe-img{bottom:clamp(137px,24svh,199px)}
  .splitframe-left img{width:27%;left:1%}
  .splitframe-right img{width:30%;right:1%}
  .intro-copy p{line-height:1.33;font-weight:400}
  .intro-copy .wa-cta{min-height:50px}
  .intro-actions{gap:8px}
  .intro-actions .wa-cta{padding-inline:12px;gap:6px}
  .intro-actions .wa-cta::before{width:18px;height:18px}
  .intro-demo{padding-inline:10px}
  .audience-grid,.trust-grid{grid-template-columns:1fr}
  .audience-card,.trust-card,.service-card,.process-list li{padding:17px}
  .problem-flow{display:grid;gap:7px}
  .demo-section{margin-top:43px}
  .demo-body{grid-template-columns:1fr;gap:11px;padding:12px 0 0}
  .demo-copy{padding-inline:5px}
  .demo-copy h3{font-size:1.32rem}
  .demo-copy p{font-size:.9rem;margin:7px 0 3px}
  .wa-phone{border-radius:19px}
  .wa-bubble{font-size:.91rem}
}
@media(max-width:365px){
  .intro-copy .wa-cta{padding-inline:10px;font-size:.78rem}
  .intro-copy .wa-cta::before{width:16px;height:16px}
  .intro-demo{font-size:.77rem;padding-inline:8px}
  .hero-tags{gap:4px}
  .hero-tags span{padding-inline:7px;font-size:.65rem}
}
@media(max-height:470px) and (orientation:landscape){
  .cinema-scroll{--headline-top:76px;--headline-size:clamp(1.8rem,4vw,2.85rem)}
  .chapter-index{top:calc(var(--headline-top) - 18px);font-size:.62rem}
  .bridge-img{top:calc(var(--headline-top) + 2 * var(--headline-size) + 16px);width:min(44vw,365px)}
  .bridge-img picture img{height:130px}
  .splitframe-img{bottom:15px}
}
.demo-title{margin:0;font-size:clamp(1.7rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.05em;font-weight:700}
.contact-lede{max-width:49ch;margin:0 auto 24px;color:#edf5f3;line-height:1.55}
.wa-bubble>span:first-child{display:block;margin-bottom:2px;color:#16614f;font-size:.69rem;font-weight:650}
.wa-bubble.wa-out>span:first-child{display:none}
.wa-reply:focus-visible,.wa-reset:focus-visible{outline-offset:3px}
.wa-sr,.wa-bubble>.wa-sr:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wa-demo-pill{margin-left:auto;padding:4px 8px;border-radius:999px;border:1px solid #f2fff46b;background:#e8fff225;font-size:.68rem;font-weight:650}
.wa-transcript{height:clamp(215px,34svh,300px);overflow:auto;scrollbar-width:thin}
.wa-transcript>*{flex:none}
.wa-outcome{display:flex;gap:9px;align-items:flex-start;padding:12px;margin-top:14px;border:1px solid #fff9;border-radius:15px;background:#fff9;box-shadow:var(--glass-edge)}
.wa-outcome[data-complete="true"]{background:#dcf6e5;border-color:#fbfff8}
.wa-outcome>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#d7eee8;color:#1c5e50;font-weight:700}
.wa-outcome strong{font-size:.9rem;font-weight:650}
.wa-outcome p,.demo-copy .wa-outcome p{margin:2px 0 0;font-size:.8rem;line-height:1.4}
@media(max-width:760px){.wa-outcome{padding:9px;margin-top:9px}.wa-outcome p,.demo-copy .wa-outcome p{font-size:.76rem}.wa-transcript{height:215px}}

@media(max-width:365px){.intro-copy .wa-cta{white-space:nowrap;padding-inline:9px;gap:5px;font-size:.75rem}.intro-copy .wa-cta span{display:none}}
@media(max-width:760px) and (max-height:680px){
  .cinema-scroll{--hero-room:calc(100svh - var(--headline-top) - 2 * var(--headline-size) - 250px)}
}

/* Keep contact in the same place before, during and after the sticky scene. */
:root{
  --contact-top:26px;
  --contact-right:clamp(24px,4.1vw,72px);
  --contact-height:46px;
  --contact-clearance:calc(var(--contact-top) + var(--contact-height) + 12px);
  scroll-padding-top:var(--contact-clearance);
}
.site-header{grid-template-rows:var(--contact-height)}
.persistent-contact{
  position:fixed;z-index:40;top:var(--contact-top);
  right:max(var(--contact-right),env(safe-area-inset-right,0px));
  min-height:var(--contact-height);white-space:nowrap;
}
.question-index.section-shell{
  padding-block:calc(var(--contact-clearance) + 16px) 0;
  scroll-margin-top:calc(-1 * var(--contact-clearance));
}
.question-index h2{margin:0 0 14px;font-size:clamp(1.18rem,2vw,1.45rem);letter-spacing:-.025em}
.question-index ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.question-index a{
  display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 12px;
  border:1px solid #fff9ef;border-radius:16px;background:linear-gradient(145deg,#fffaf4db,#e8edf1b8);
  box-shadow:inset 0 1px 0 #fff,0 3px 12px #243a4411;
  font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;
}
.question-index a span{color:#315369;font-size:.72rem;font-variant-numeric:tabular-nums}
.question-index a:active{background:#d4edf7}
@media(hover:hover){.question-index a:hover{background:#fefcf8}}
.question-answer{font-weight:400}
.daniel .question-answer{margin-top:20px}
.faq-list summary{min-height:62px;font-size:1.04rem}
.faq-list summary::after{
  display:grid;place-items:center;flex:none;width:28px;height:28px;
  border:1px solid #54718040;border-radius:50%;background:#eef6f6;color:#264d61;
}
@media(min-width:1101px){
  :root{--contact-top:32px;--contact-right:32px}
}
@media(max-width:760px){
  :root{--contact-top:calc(10px + env(safe-area-inset-top,0px));--contact-right:18px;--contact-height:44px}
  .site-header{grid-template-rows:var(--contact-height) auto}
  .question-index ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .question-index a{font-size:.83rem}
}
@media(max-height:470px) and (orientation:landscape){
  :root{--contact-top:calc(12px + env(safe-area-inset-top,0px));--contact-right:20px}
  .site-header{grid-template-rows:var(--contact-height)}
}
@media(max-width:960px){
  .persistent-contact{gap:6px;padding-inline:11px;font-size:.78rem}
  .persistent-contact.wa-cta::before{width:16px;height:16px}
}
@media(min-width:761px) and (max-width:880px){
  .site-header nav{gap:10px}
  .site-header nav a{font-size:.82rem}
}
@media(max-width:760px) and (max-height:470px) and (orientation:landscape){
  .site-header{grid-template-columns:1fr auto;grid-template-rows:var(--contact-height) auto;row-gap:0}
  .site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:clamp(12px,4vw,24px)}
  .cinema-scroll{--headline-top:125px}
}

.legal-page {
  background: var(--paper);
  color: var(--ink);
}
.legal-shell {
  width: min(calc(100% - 36px), 700px);
  margin: 0 auto;
  padding: 32px 0 64px;
  overflow-wrap: anywhere;
}
.legal-shell h1 { font-size: clamp(2rem, 7vw, 3.4rem); line-height: 1.05; }
.legal-shell h2 { font-size: clamp(1.35rem, 4vw, 1.9rem); line-height: 1.15; }
.legal-shell h3 { margin-top: 1.6em; }
.legal-shell a:not(.button) { text-underline-offset: .2em; }
.legal-shell :is(section, article) { margin-top: 32px; scroll-margin-top: 16px; }
.legal-back { display: inline-flex; min-height: 44px; align-items: center; }
.legal-draft { border-left: 3px solid #795834; padding: 8px 12px; color: #5b4128; }
.legal-card { padding: clamp(16px, 4vw, 26px); border: 1px solid #87999e; border-radius: 18px; background: #e8f0ef; }
.legal-card h2 { margin-top: 0; }
.legal-actions, .legal-links { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.legal-links a { display: inline-flex; align-items: center; min-height: 44px; }
.site-footer { align-items: center; }