/* Cinematic presentation: pearl, graphite, blue-violet light and film grain. */
/* Keep the sticky phone inside its story and give the next section its own surface. */
.cinematic-story{overflow:clip}
.share-section{position:relative;z-index:1;isolation:isolate;background:#09090c}
:root{--bg:#09090c;--panel:#141319;--text:#e4e2e9;--muted:#97939f;--green:#e3dfee;--line:#292730}
body{background:var(--bg)}.header{border:0;height:94px}.header nav{color:#b7b1c0}.header .button-small{background:#18171d99;border-color:#ffffff2b;backdrop-filter:blur(15px)}
.cinematic-story{--stage-height:max(720px,100svh);position:relative;isolation:isolate}.story-stage{position:sticky;top:0;height:var(--stage-height);margin-bottom:calc(-1*var(--stage-height));overflow:hidden;z-index:0;pointer-events:none;background:#09090c}.aurora{position:absolute;inset:-20%;overflow:hidden;filter:blur(55px);transform:translateZ(0)}.aurora i{position:absolute;width:62%;height:42%;border-radius:50%;top:40%;left:39%;background:radial-gradient(ellipse,#786b9e99,#26295c77 42%,transparent 70%);transform:rotate(-35deg);animation:light-drift 19s ease-in-out infinite alternate}.aurora i:nth-child(2){width:65%;height:23%;left:21%;top:52%;background:linear-gradient(110deg,transparent,#58437d99,#a494b088,transparent);transform:rotate(-46deg);animation-delay:-7s;animation-duration:23s}.aurora i:nth-child(3){width:46%;height:50%;left:62%;top:15%;background:radial-gradient(ellipse,#21308288,#14172c44,transparent 65%);animation-duration:27s;animation-delay:-13s}.film-grain{position:absolute;inset:-20%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:soft-light;pointer-events:none;animation:grain-shift .4s steps(3) infinite;z-index:1}#phone-stage{position:absolute;inset:0;z-index:2}#phone-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .9s}#phone-stage[data-renderer=webgl] canvas{opacity:1}.phone-fallback{position:absolute;width:280px;right:14%;top:17%;padding:8px;background:linear-gradient(100deg,#767481,#141319 10%,#62606c);border-radius:36px;box-shadow:20px 30px 70px #0008;transform:perspective(1000px) rotateY(-15deg) rotateZ(10deg);transition:opacity .7s}.phone-fallback img{border-radius:29px;width:100%;height:auto}.phone-fallback:after{content:'';position:absolute;inset:0;border-radius:36px;border:1px solid #aaa6b580;pointer-events:none}#phone-stage[data-renderer=webgl] .phone-fallback{opacity:0}.scene-caption{position:absolute;right:4%;bottom:110px;z-index:3;font:7px var(--mono);color:#a5a0b6;letter-spacing:1.7px;writing-mode:vertical-rl}.hero{height:var(--stage-height);min-height:0;max-height:none;padding:150px 4% 90px;overflow:visible;isolation:auto;z-index:2;pointer-events:none}.hero-copy{width:65%;pointer-events:none}.hero h1{font-size:clamp(92px,10vw,160px);color:#e0dee7;line-height:.94;margin:27px 0 29px}.hero h1 .spin-word{color:#c6bed8}.hero .eyebrow{color:#b4adc4}.hero-detail{color:#b3aabd}.hero-description{color:#dfdbe5}.hero-copy a,.hero-bottom a,.screen-peek{pointer-events:auto}.hero-micro{color:#9990aa}.hero-bottom{color:#a59ab6}.hero-bottom>a span{color:#e4ddec}.hero-bottom>.micro:last-child{display:none}.headline-star{animation:star-turn 30s linear infinite;stroke-width:6}.hero-copy>*{animation:hero-enter 1s cubic-bezier(.16,1,.3,1) both}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.3s}.hero-copy>:nth-child(5){animation-delay:.4s}.hero-copy>:nth-child(6){animation-delay:.5s}.button-green{background:#e0dce8;border-color:#e0dce8;color:#17131d}.button-green:hover{background:white;border-color:white}.button{border-radius:18px;overflow:hidden;position:relative}.button:before{content:'';position:absolute;width:35%;height:200%;left:-70%;top:-50%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:rotate(30deg);transition:left .65s}.button:hover:before{left:130%}.button svg{transition:transform .3s}.button:hover svg{transform:translate(2px,-2px)}.play-icon{border-color:#b7afcc55}.status-dot,.tiny-dot{background:#d4c9ea;box-shadow:0 0 15px #c8b3fb55}.screen-peek{position:absolute;right:4%;bottom:115px;z-index:4;display:flex;align-items:center;gap:14px;padding:18px;background:#15131c99;border:1px solid #c0b5dd40;border-radius:18px;backdrop-filter:blur(15px);font-size:11px;text-align:left;line-height:1.5;color:#e0d9ea;transition:transform .3s}.screen-peek:hover{transform:translateY(-5px)}.screen-peek>svg:first-child{width:25px;height:25px}.screen-peek>svg:last-child{width:16px;height:16px;margin-left:12px}.story-panel{height:var(--stage-height);position:relative;z-index:3;display:flex;align-items:center;padding:70px 7%;pointer-events:none}.story-copy{width:45%;max-width:600px}.panel-right{justify-content:flex-end}.panel-left{justify-content:flex-start}.story-copy h2{font-size:clamp(74px,8.5vw,136px);letter-spacing:-.065em;line-height:.98;margin:28px 0}.story-copy h2 span{color:#aaa1bc}.story-copy>p:not(.eyebrow){font-size:22px;line-height:1.5;letter-spacing:-.3px}.story-copy>p.story-detail{font-size:14px;line-height:1.8;color:#aaa0b9;max-width:330px;margin-top:22px;letter-spacing:0}.story-copy a,.story-copy button{pointer-events:auto}.round-next{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c2b3df40;border-radius:50%;margin-top:30px;background:#ffffff08;transition:background .3s,transform .3s}.round-next:hover{background:#ffffff18;transform:translateY(4px)}.experience-dock{position:fixed;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:6px 7px 6px 18px;border:1px solid #eee7ff66;border-radius:20px;background:#d6d1e1e8;color:#19151f;box-shadow:0 8px 40px #0004;backdrop-filter:blur(22px);overflow:hidden}.dock-mark img{width:24px}.dock-chapter{font:10px var(--mono);white-space:nowrap}.dock-chapter i{font-style:normal;color:#807788;padding:0 5px}.experience-dock button{background:none;padding:8px 0;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.pause-symbol{font-size:15px}.dock-download{display:flex;align-items:center;gap:16px;padding:12px 19px;background:#151218;color:#eae5f0;border-radius:14px;font-size:11px;white-space:nowrap}.dock-download svg{height:14px;width:14px}.dock-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#746487;transform-origin:left;transform:scaleX(.03)}.content-strip{position:relative;z-index:4;background:#101015;border-color:#2c2933}.content-types{gap:40px}.section-pad{position:relative}.analysis-demo{background:linear-gradient(135deg,#1b1923,#111016);border-color:#3e374b}.demo-source{border-color:#3e374b}.sample-tabs{background:#0d0c10;border-color:#39323f}.sample-tabs button[aria-selected=true]{background:#39313f;color:#f2e9fa}mark{background:#a48bd427;color:#e1d3f5;border-color:#a28bcf66}.result-tag{color:#bdacce;border-color:#493955}.demo-result article{border-color:#352d3e}.real-screen-visual{background:none;height:650px;transform:none}.screen-halo{position:absolute;inset:5% -10%;background:radial-gradient(ellipse,#6f578b44,transparent 67%);filter:blur(35px);animation:light-drift 17s ease-in-out infinite alternate}.real-phone-card{width:253px;max-width:75%;padding:7px;background:linear-gradient(130deg,#a29ba9,#27232d 18%,#514959 90%);border-radius:30px;box-shadow:15px 25px 70px #0007;transform:perspective(900px) rotateY(17deg) rotateZ(-8deg);transition:transform .7s cubic-bezier(.16,1,.3,1);position:relative}.real-phone-card:hover{transform:perspective(900px) rotateY(0) rotateZ(-2deg) translateY(-8px)}.real-phone-card img{height:auto;border-radius:24px;width:100%}.actual-caption{font:7px var(--mono);color:#8f839e;letter-spacing:1.2px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap}.content-chip{background:#211b29d9;border-color:#66537570;backdrop-filter:blur(14px);animation:chip-float 7s ease-in-out infinite}.content-chip span{color:#e3dbe9}.chip-one{top:13%;right:0}.chip-three{bottom:15%;right:-1%;animation-delay:-3s}.screen-detail{position:relative;display:block;width:100%;height:235px;margin:20px 0 28px;overflow:hidden;background:#111013;border:1px solid #46404d;border-radius:15px;transition:transform .5s;isolation:isolate}.screen-detail:hover{transform:scale(1.025)}.screen-detail img{position:absolute;width:100%;height:auto;max-width:none;left:0}.chat-detail img{bottom:-28px}.summary-detail img{top:50%;transform:translateY(-54%)}.detail-label{position:absolute;top:12px;right:12px;z-index:2;font:7px var(--mono);letter-spacing:1px;background:#15101ed9;backdrop-filter:blur(10px);padding:7px 8px;border-radius:5px;color:#cec0df}.chat-detail:after,.summary-detail:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 45px #0004;pointer-events:none}.depth-card{background:linear-gradient(145deg,#19161e,#111015);border-color:#38323f}.manifesto{background:#121019;color:#e1dbe9;overflow:hidden;border-top:1px solid #39313f;border-bottom:1px solid #39313f}.manifesto-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 65% 60%,#61507177,transparent 52%),radial-gradient(ellipse at 15% 90%,#34385e66,transparent 60%);filter:blur(35px);animation:light-drift 17s ease-in-out infinite alternate}.manifesto:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}.manifesto>*:not(.manifesto-light){position:relative;z-index:1}.manifesto .eyebrow{color:#a396b6}.manifesto h2>span{color:#9480ab}.big-lens img{filter:invert(1);opacity:.65}.manifesto-signoff .status-dot{background:#b7a1d2}.manifesto-bottom>p{color:#c3b8cf}.final-cta{background:radial-gradient(ellipse at 80% 100%,#52417155,transparent 65%);border-color:#39313f}.cta-orbit{display:none}.final-cta:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 90%,#68607e77,transparent 40%);filter:blur(50px);animation:light-drift 20s ease-in-out infinite alternate}footer{padding-bottom:100px}.in-view{opacity:1;transform:none}.motion-enabled [data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.motion-enabled [data-reveal].in-view{opacity:1;transform:none}.motion-enabled .story-copy[data-reveal]{transition-duration:1.2s}.motion-enabled .depth-card:nth-child(2){transition-delay:.12s}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused [data-reveal]{opacity:1;transform:none;transition:none}.motion-paused{scroll-behavior:auto}.content-types>span{transition:transform .4s,color .4s}.content-types>span:hover{transform:translateY(-4px);color:white}.screen-dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#18141feb;backdrop-filter:blur(18px);z-index:2;border-bottom:1px solid #514357}.screen-dialog-bar h2{font-size:16px;letter-spacing:-.3px}.screen-dialog-bar button{width:36px;height:36px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:50%;font-size:24px}#screen-dialog{padding:0;width:min(920px,92vw);max-height:90svh;border:1px solid #82748f66;border-radius:20px;background:#100e15;color:#e4deeb;box-shadow:0 25px 120px #000a}#screen-dialog::backdrop{background:#07050cc9;backdrop-filter:blur(18px)}.screen-dialog-content{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding:25px}.screen-dialog-content>img{width:100%;height:auto;border-radius:16px}.screen-dialog-content>div{padding-top:55px;position:sticky;top:105px}.screen-dialog-content h3{font-size:40px;line-height:1.06;letter-spacing:-1.8px;margin:20px 0}.screen-dialog-content p{font-size:14px;line-height:1.7;color:#b7a9c3}.screen-dialog-content .screen-note{font-size:10px;line-height:1.7;margin-top:20px;color:#91809f}.screen-dialog-content .button{margin-top:30px;font-size:12px;gap:15px}
.flow-rail{display:flex;gap:13px;align-items:center;margin-top:23px;width:max-content;max-width:100%;padding:11px 0;border-top:1px solid #c4b5df35;border-bottom:1px solid #c4b5df35;font-size:13px;color:#e4ddeb;pointer-events:auto}.flow-rail b{font:8px var(--mono);color:#9789ac;padding-right:4px}.flow-rail>span{color:#8c7ba6}.flow-rail a:hover{color:white}.hero h1{font-size:clamp(84px,9vw,146px)}.hero-actions{margin-top:23px}.hero-detail{max-width:340px}.hero-copy>.flow-rail{animation-delay:.35s}.hero-copy>.hero-actions{animation-delay:.45s}.hero-copy>.hero-micro{animation-delay:.55s}.story-copy h2{font-size:clamp(72px,7.4vw,118px)}.dock-steps{display:flex;gap:8px;align-items:center;font-size:10px;color:#706574}.dock-steps a{padding:8px 0;white-space:nowrap;transition:color .3s}.dock-steps a[aria-current]{color:#19121f;text-shadow:0 0 .4px currentColor}.dock-steps>span{font-size:9px;color:#9c8ba5}.scene-cue{position:absolute;right:7%;bottom:13%;display:flex;align-items:center;gap:14px;padding:16px 20px;z-index:3;background:#17121ee0;border:1px solid #ad95c94d;border-radius:16px;backdrop-filter:blur(20px);color:#ded4eb;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .7s;box-shadow:0 15px 45px #0003}.scene-cue small{font:7px var(--mono);letter-spacing:1.3px;display:block;color:#b39bc8;margin-bottom:6px}.scene-cue span{font-size:13px}.cinematic-story[data-chapter="1"] .cue-share,.cinematic-story[data-chapter="2"] .cue-analysis,.cinematic-story[data-chapter="3"] .cue-result{opacity:1;transform:translateY(0)}.cue-analysis{right:auto;left:7%}.analysis-spinner{width:24px;height:24px;border:1px solid #a289c43b;border-top-color:#ded3ed;border-right-color:#c4b0e2;border-radius:50%;animation:star-turn 2s linear infinite}.screen-peek{bottom:auto;top:115px;right:3%;padding:12px;font-size:9px}.scene-caption{bottom:110px}.hero-bottom{bottom:35px}.hero-micro{font-size:8px}
@media(max-height:820px) and (min-width:761px){.hero{padding-top:115px}.hero h1{font-size:100px;margin:22px 0}.hero-description{font-size:19px}.hero-detail{font-size:12px;margin-top:13px}.flow-rail{margin-top:16px;padding:9px 0}.hero-actions{margin-top:17px}.hero-micro{margin-top:12px}.screen-peek{top:105px}}
@media(max-width:760px){.hero h1{font-size:clamp(59px,12.6vw,95px)}.flow-rail{font-size:11px;gap:12px;margin-top:17px;padding:10px 0}.hero-actions{margin-top:18px}.hero-micro{font-size:6px;letter-spacing:.35px;max-width:320px}.experience-dock{gap:11px}.dock-steps{font-size:9px;gap:6px}.dock-steps a{padding:9px 0}.dock-mark{display:none}.dock-download{padding:11px 12px;gap:8px}.motion-label{display:none}.scene-cue{right:5%;bottom:9%;padding:12px 14px;gap:9px;border-radius:12px}.scene-cue span{font-size:10px}.scene-cue small{font-size:6px;margin-bottom:4px}.scene-cue>svg{width:18px;height:18px}.cue-analysis{left:5%;right:auto}.screen-peek{top:auto;bottom:36px;right:5%;padding:8px 10px;font-size:8px}.screen-peek>svg:first-child{width:14px;height:14px}.hero-bottom{bottom:34px}.hero-bottom>.micro{display:none}.hero-bottom>a{max-width:180px;font-size:6px}.story-copy h2{font-size:clamp(52px,12vw,78px)}.panel-left .story-copy h2{font-size:60px}.analysis-spinner{width:19px;height:19px}}
.real-screen-visual{overflow:clip}
@keyframes light-drift{0%{transform:translate3d(-3%,-4%,0) rotate(-34deg) scale(.97)}50%{transform:translate3d(3%,5%,0) rotate(-25deg) scale(1.08)}100%{transform:translate3d(-4%,1%,0) rotate(-41deg) scale(1.12)}}
@keyframes grain-shift{0%,100%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,-2%)}}
@keyframes star-turn{to{transform:rotate(372deg)}}
@keyframes chip-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes hero-enter{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:95px}.hero-copy{width:66%}.hero .hero-description{font-size:19px}.hero .hero-detail{font-size:13px;max-width:280px}.hero{padding-top:155px}.story-copy h2{font-size:82px}.story-copy>p:not(.eyebrow){font-size:19px}.screen-peek{right:2%;bottom:100px}.real-screen-visual{height:600px}.real-phone-card{width:235px}.screen-detail{height:220px}}
@media(max-width:760px){.cinematic-story{--stage-height:max(900px,110svh)}.header{height:78px}.header nav{background:#16111feb;border-color:#50415f}.hero{padding:121px 6% 0;height:var(--stage-height);min-height:0}.hero-copy{width:100%}.hero h1{font-size:clamp(64px,13.8vw,101px);margin:23px 0 20px}.hero-description{font-size:18px}.hero-detail{font-size:12px;max-width:315px;margin-top:13px}.hero-actions{gap:18px;margin-top:22px}.hero-micro{font-size:7px}.hero-bottom{bottom:25px}.hero-bottom>a{font-size:6px}.scene-caption{display:none}.screen-peek{padding:10px 12px;right:5%;bottom:90px;border-radius:12px;font-size:9px;gap:8px}.screen-peek>svg:first-child{width:17px;height:17px}.screen-peek>svg:last-child{display:none}.phone-fallback{width:180px;right:calc(50% - 90px);top:auto;bottom:50px;padding:5px;border-radius:24px}.phone-fallback img{border-radius:20px}.phone-fallback:after{border-radius:24px}.aurora{filter:blur(38px)}.aurora i{top:55%;left:0%;height:30%;width:105%}.aurora i:nth-child(2){top:60%;left:4%;height:20%;width:110%}.aurora i:nth-child(3){top:38%;left:36%;height:60%;width:90%}.story-panel{align-items:flex-start;padding:75px 7% 0;justify-content:flex-start}.story-copy{width:100%;max-width:none}.story-copy h2{font-size:69px;margin:24px 0;line-height:1}.story-copy>p:not(.eyebrow){font-size:18px}.story-copy>p.story-detail{font-size:12px;max-width:310px;margin-top:15px}.panel-left .story-copy h2{font-size:58px}.round-next{margin-top:20px;width:34px;height:34px}.experience-dock{bottom:14px;gap:12px;padding-left:13px;max-width:94vw;border-radius:17px}.dock-chapter{font-size:8px}.dock-mark img{width:21px}.motion-label{display:none}.experience-dock button{min-width:30px;min-height:38px;justify-content:center}.dock-download{padding:11px 14px;font-size:10px;gap:10px;border-radius:12px}.dock-download svg{height:13px;width:13px}.content-types{gap:18px}.real-screen-visual{height:600px;transform:none;margin-top:25px;width:100%}.real-phone-card{width:235px}.actual-caption{bottom:0;font-size:6px}.chip-one{right:-1%;top:10%}.chip-three{right:-1%;bottom:12%}.content-chip{padding:12px 14px}.content-chip span{font-size:10px}.screen-detail{height:225px;margin:25px 0}.summary-detail img{transform:translateY(-53%)}.chat-detail img{bottom:-15px}.manifesto h2{font-size:42px}.screen-dialog-content{grid-template-columns:1fr;gap:25px;padding:16px}.screen-dialog-content>img{max-width:380px;margin:auto}.screen-dialog-content>div{position:static;padding:0 5px 20px}.screen-dialog-content h3{font-size:34px}.screen-dialog-bar{padding:12px 16px}.screen-dialog-bar h2{font-size:14px}footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.aurora i,.film-grain,.headline-star,.content-chip,.manifesto-light,.final-cta:before{animation:none!important}.motion-enabled [data-reveal]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}