/* Local concept. Palette and support content follow the supplied Lotara assets. */
:root{--bg:#08090d;--white:#f5f4f7;--muted:#a8a7b2;--lavender:#aa91f0;--gold:#e7c98b;--mint:#9ad7c2;--line:#ffffff16;--font:'Manrope',sans-serif;--serif:'DM Serif Display',Georgia,serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:var(--white);color:var(--bg);z-index:100}.skip:focus{top:12px}
.nav{height:86px;max-width:1400px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.8px}.brand img{border-radius:9px}.experiment{font-size:8px;letter-spacing:1.4px;font-weight:500;color:#a8a7b2;margin-left:9px;border-left:1px solid var(--line);padding-left:18px}.nav nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}.nav-story{color:#bab8c5}.nav-download{padding:12px 20px;background:#f0edf5;color:#17131e;border-radius:30px}.nav-download span{margin-left:14px}.nav-download:hover,.primary:hover{transform:translateY(-2px);background:#fff}.nav-download,.primary{transition:transform .25s,background .25s}
.hero{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:780px;padding:70px 8% 100px;isolation:isolate}.hero-light{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.hero-light:before{content:'';position:absolute;width:740px;height:740px;right:-180px;top:-10px;background:radial-gradient(ellipse,#5d418b30,transparent 65%)}.hero-light:after{content:'';position:absolute;width:550px;height:550px;right:-220px;top:230px;background:radial-gradient(ellipse,#ba966921,transparent 65%)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#c7b3ed;display:flex;align-items:center;gap:10px}.tiny-orb{height:6px;width:6px;border-radius:50%;background:var(--lavender);box-shadow:0 0 15px #aa91f0}.hero h1{font-size:clamp(54px,5.5vw,86px);line-height:1.08;letter-spacing:-4.5px;font-weight:600;margin:25px 0}.hero h1 .soft{color:#f3f0f5}.hero h1 em{font:italic 1.13em/.98 var(--serif);letter-spacing:-3px;color:var(--gold);background:linear-gradient(100deg,#eee0be 5%,#e7c98b 48%,#b49ae3 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:15px;line-height:1.95;color:#b9b6c1;max-width:410px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.primary{padding:16px 22px;border-radius:40px;background:var(--white);color:#141119;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:800;min-height:50px}.watch{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;min-height:44px}.watch:hover{color:var(--gold)}.play{width:26px;height:26px;border:1px solid #ffffff3b;border-radius:50%;display:grid;place-items:center;font-size:8px;padding-left:2px}.trust{color:#928d9f;font-size:10px;margin-top:22px;display:flex;gap:12px}.trust span{color:#655d76}
.hero-product{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1200px}.orbit-label{font-size:8px;letter-spacing:2.2px;color:#b5a5cf;display:flex;align-items:center;gap:9px;margin-bottom:22px}.orbit-label>span{width:4px;height:4px;background:var(--gold);border-radius:50%}.phone{position:relative;width:280px;height:565px;border:1px solid #6d647e;border-radius:44px;background:linear-gradient(130deg,#4e465c,#16151d 26%,#3d364a 56%,#807487 80%,#1b1722);padding:6px;box-shadow:0 35px 60px #0007,0 0 0 2px #111016,0 0 0 3px #4a424c55;overflow:hidden}.phone:before{content:'';position:absolute;inset:6px;border-radius:38px;background:#101016;z-index:0;pointer-events:none}.hero-phone{transform:rotateY(-10deg) rotateZ(5deg);animation:phone-arrival 1.5s cubic-bezier(.16,1,.3,1) both}.phone-top{position:absolute;z-index:4;top:19px;left:26px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700}.phone-top i{position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:76px;height:22px;border-radius:20px;background:#030304}.status{font-size:9px;letter-spacing:.5px}.screen{position:relative;height:100%;border-radius:37px;overflow:hidden;padding:54px 21px 20px;background:radial-gradient(ellipse 90% 50% at 50% 18%,#48304678,transparent 100%),#101016}.screen-header{display:flex;justify-content:space-between;align-items:center}.screen-wordmark{font-size:15px;letter-spacing:-.6px;font-weight:700}.screen-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #e7c98b77}.support-orb{height:102px;display:grid;place-items:center}.support-orb span{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4d6f3,#b982b0 56%,#70516e);box-shadow:0 0 50px #ddacc24d;animation:orb-breathe 8s ease-in-out infinite}.screen-eyebrow{font-size:7px;font-weight:700;letter-spacing:1.8px;color:#e2b7d2;text-align:center}.screen h2{font:28px/1.16 var(--serif);text-align:center;margin:17px 0 12px}.screen h2 em{font-weight:400}.screen-sub{font:italic 12px/1.65 var(--serif);text-align:center;color:#b7acbc}.reason{padding:14px 13px;margin:23px 0 18px;background:#dab1cc0b;border:1px solid #cbb6cf30;border-radius:14px}.reason span{font-size:7px;letter-spacing:1.8px;color:#d7bcd1}.reason p{font:italic 13px/1.4 var(--serif);margin-top:7px;color:#eee1ee}.screen-action{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#dbc4d9;border-radius:20px;color:#211621;font-weight:800;font-size:10px;min-height:44px}.screen-action:hover{background:#eadce8}.screen-foot{font-size:8px;text-align:center;color:#a79aaf;margin-top:15px}.home-bar{position:absolute;bottom:12px;width:84px;height:3px;background:#f0e9f5c4;left:50%;transform:translateX(-50%);border-radius:4px;z-index:5}.floating-note{position:absolute;bottom:84px;left:0;transform:translateX(-8%);display:flex;align-items:center;gap:13px;padding:16px 21px;background:linear-gradient(120deg,#232028eb,#141319eb);border:1px solid #d6c5e335;border-radius:16px;box-shadow:0 16px 40px #0005;font-size:12px;font-weight:600;backdrop-filter:blur(20px)}.floating-note small{display:block;color:#afa6b9;font-size:10px;margin-top:5px;font-weight:400}.note-icon{font-size:22px;color:var(--gold)}.product-caption{margin-top:29px;font-size:7px;letter-spacing:1.4px;color:#9e94ae}.product-caption span{margin:0 7px}.scroll-cue{position:absolute;bottom:32px;left:8%;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.9px;color:#a09aac}.scroll-cue span{font-size:20px;color:var(--gold)}
.moment{border-top:1px solid var(--line);padding:105px 7% 0;max-width:1440px;margin:auto;position:relative;background:radial-gradient(ellipse 50% 25% at 10% 50%,#79609c0c,transparent)}.moment-intro{max-width:690px;margin:auto;text-align:center}.moment-intro .eyebrow{justify-content:center;color:#c9b890}.moment-intro h2,.closing h2{font-size:clamp(40px,4.3vw,64px);line-height:1.12;letter-spacing:-2.7px;font-weight:500;margin:23px 0}.moment-intro h2 em,.closing h2 em{font-family:var(--serif);font-weight:400;color:#d2bddf}.moment-intro>p:last-child{font-size:15px;line-height:1.8;color:var(--muted)}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1010px;margin:65px auto 0;align-items:start}.story-stage{position:sticky;top:36px;display:flex;flex-direction:column;align-items:center;min-height:650px;isolation:isolate}.stage-glow{position:absolute;inset:60px -40px 90px;background:radial-gradient(ellipse,#9670d71c,transparent 68%);z-index:-1;transition:opacity .4s}.story-phone{width:292px;height:580px;flex-shrink:0}.scene{position:absolute;inset:6px;padding:53px 22px 30px;border-radius:37px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s,transform .5s,visibility .5s;background:radial-gradient(ellipse at 50% 0%,#30243e 0%,#101016 60%);overflow:hidden}.scene.active{opacity:1;visibility:visible;transform:none}.scene-brand{font-size:14px;font-weight:700;letter-spacing:-.5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.scene-brand span{font-size:8px;color:#aaa0b8;letter-spacing:1px}.scene-kicker{font-size:7px;letter-spacing:1.5px;color:#c5b0e3;display:block;text-align:center}.scene h3{font:30px/1.13 var(--serif);text-align:center;margin:15px 0}.scene h3 em{font-weight:400;color:#d5c0e9}.scene-copy{font-size:11px;line-height:1.8;color:#bbb1c6;text-align:center}.urge-line{height:111px;position:relative;display:flex;align-items:center}.urge-line svg{width:100%;overflow:visible}.urge-line path{fill:none;stroke:var(--lavender);stroke-width:2;stroke-dasharray:350;stroke-dashoffset:350}.active .urge-line path{animation:draw 1.7s ease-out forwards}.mini-row{margin:23px 0 17px;padding:14px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-row span{display:block;font-size:7px;letter-spacing:1.5px;color:#a89db8;margin-bottom:6px}.mini-row strong{font-size:11px;font-weight:500}.scene[data-scene="1"]{background:radial-gradient(ellipse at 50% 25%,#203937 0%,#101616 65%)}.scene[data-scene="1"] h3 em,.scene[data-scene="1"] .scene-kicker{color:var(--mint)}.scene[data-scene="1"] .screen-action{background:var(--mint)}.breath-orb{height:111px;display:grid;place-items:center;position:relative}.breath-orb span{height:66px;width:66px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ddf5e9,#8cc4b0 50%,#345e53);box-shadow:0 0 50px #9ad7c233;animation:orb-breathe 8s ease-in-out infinite}.breath-orb i{position:absolute;width:92px;height:92px;border:1px solid #9ad7c233;border-radius:50%;animation:orb-breathe 8s ease-in-out infinite}.scene[data-scene="2"]{background:radial-gradient(ellipse at 50% 15%,#3c3325 0%,#141311 65%)}.scene[data-scene="2"] h3 em,.scene[data-scene="2"] .scene-kicker{color:var(--gold)}.large-reason{text-align:center;padding:6px 6px 15px}.large-reason>span{font:43px/.8 var(--serif);color:var(--gold)}.large-reason p{font:italic 18px/1.45 var(--serif);color:#f0e1c7}.choice{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;width:100%;background:#e7c98b14;border:1px solid #e7c98b40;padding:15px 12px;border-radius:12px;margin-top:22px;min-height:48px}.choice:hover{background:#e7c98b28}.choice-feedback{color:#c6bca6;text-align:center;font-size:10px;line-height:1.7;min-height:34px;margin-top:14px}.restart{display:block;margin:10px auto 0;font-size:10px;background:none;min-height:44px;color:#c6bca6}.scene-controls{display:flex;gap:8px;align-items:center;margin-top:22px}.scene-controls button{height:36px;width:36px;min-width:44px;min-height:44px;background:#18161e;border-radius:50%;font-size:11px;border:1px solid #ffffff16;color:#b2a5c4}.scene-controls button.selected{background:#cdbce1;color:#1e1429;border-color:#cdbce1}.scene-controls #motion-toggle{width:auto;border:0;background:transparent;font-size:9px;border-radius:8px;padding:0 10px;color:#b8b0c4}.demo-label{font-size:7px;letter-spacing:1.3px;color:#94889f;margin-top:10px}.story-step{min-height:440px;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px;opacity:.55;transition:opacity .5s}.story-step.current{opacity:1}.step-number{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:var(--lavender)}.step-number i{height:1px;width:30px;background:currentColor;opacity:.6}.story-step h3{font-size:clamp(30px,3vw,43px);line-height:1.18;letter-spacing:-1.6px;font-weight:500;margin:22px 0}.story-step h3 span{color:var(--lavender)}.story-step p{font-size:14px;line-height:1.9;color:#b4adbd;max-width:320px}.text-action{align-self:start;padding:12px 0;background:none;color:#d4c3e9;font-size:11px;min-height:44px;margin-top:15px}.text-action span{margin-left:12px}.story-step[data-step="1"] .step-number,.story-step[data-step="1"] h3 span{color:var(--mint)}.story-step[data-step="2"] .step-number,.story-step[data-step="2"] h3 span{color:var(--gold)}
.closing{text-align:center;padding:105px 24px 110px;border-top:1px solid var(--line);background:radial-gradient(ellipse 50% 110% at 50% 100%,#73599413,transparent)}.closing .eyebrow{justify-content:center;color:#cabfa8}.closing h2 em{color:var(--gold)}.closing p{font-size:15px;color:var(--muted);margin-bottom:28px}.closing .primary{padding:16px 27px}.current-site{display:block;margin:24px auto 0;color:#b8adc6;font-size:11px;width:fit-content;min-height:44px}.current-site:hover{text-decoration:underline}footer{margin:0 auto;max-width:1240px;border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;gap:30px}footer .brand{font-size:18px}footer p{font-size:10px;color:#9c92a7}footer>a:last-child{margin-left:auto;font-size:11px;color:#b8adc6;min-height:44px;display:flex;align-items:center}
.entrance{animation:entrance 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-product{animation-delay:.2s}@keyframes entrance{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-arrival{from{opacity:0;transform:rotateY(-18deg) rotateZ(8deg) translateY(30px)}to{opacity:1;transform:rotateY(-10deg) rotateZ(5deg) translateY(0)}}@keyframes orb-breathe{0%,100%{transform:scale(.88)}50%{transform:scale(1.1)}}@keyframes draw{to{stroke-dashoffset:0}}.paused *{animation-play-state:paused!important}.paused .scene{transition:none}
@media(min-width:1500px){.hero{min-height:840px}.hero h1{font-size:86px}.hero-phone{width:300px;height:605px}.screen h2{font-size:32px}.support-orb{height:120px}.reason{margin-top:27px}.floating-note{left:25px}}
@media(max-width:1000px){.hero{padding-left:6%;padding-right:6%;gap:24px}.hero h1{letter-spacing:-3px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-product .floating-note{left:0;transform:translateX(-4%)}.experiment{display:none}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.story-layout{gap:6%}.story-step h3{font-size:32px}.story-stage{top:25px}.moment{padding-left:5%;padding-right:5%}}
@media(max-width:700px){html{scroll-padding-top:24px}.nav{height:74px;padding:0 24px}.nav-story{display:none}.nav-download{font-size:11px;padding:11px 16px}.brand{font-size:21px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:49px 24px 80px;gap:48px;min-height:auto}.hero-copy{text-align:center}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;justify-content:center}.hero h1{font-size:clamp(46px,11.6vw,72px);letter-spacing:-2.9px;margin:22px 0}.hero h1 em{letter-spacing:-1.5px}.hero-description{font-size:13px;line-height:1.85;margin:auto;max-width:340px}.hero-actions{justify-content:center;gap:20px;margin-top:25px}.primary{font-size:11px;padding:15px 19px}.watch{font-size:11px}.trust{justify-content:center;font-size:9px;gap:10px;margin-top:18px}.hero-product{margin:0 auto;width:100%;max-width:400px}.hero-phone{width:266px;height:546px}.orbit-label{display:none}.floating-note{bottom:73px;left:0!important;font-size:11px;padding:13px 15px}.product-caption{font-size:6px}.scroll-cue{left:0;right:0;justify-content:center;bottom:23px;font-size:7px}.hero-light:before{top:380px;right:-350px}.moment{padding:69px 24px 30px}.moment-intro h2,.closing h2{font-size:42px;letter-spacing:-1.8px}.moment-intro>p:last-child{font-size:13px}.moment .eyebrow{font-size:8px;letter-spacing:1.5px}.story-layout{display:flex;flex-direction:column;margin-top:42px;gap:32px}.story-stage{position:relative;top:auto;width:100%;min-height:0}.story-steps{display:none}.scene-controls{margin-top:18px}.story-phone{width:292px;max-width:100%;height:580px}.closing{padding:70px 24px}.closing p{font-size:13px}footer{flex-wrap:wrap;padding:25px 24px;gap:16px}footer p{order:3;flex-basis:100%;font-size:9px}.stage-glow{inset:20px -24px 60px}.hero-light{overflow:hidden}.moment-intro{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.urge-line path{stroke-dashoffset:0}.hero-phone{transform:none}.story-step{opacity:1}}