.demo-page{min-height:100vh;background:#f5f3ed;overflow:hidden}.demo-header{height:82px;padding:0 4.2%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e2d9;background:#fbfaf6}.demo-header nav{display:flex;gap:33px;font-size:12px;font-weight:700}.demo-footer a:hover,.demo-header nav a:hover{color:#8eaa90}.demo-heading{text-align:center;padding:42px 20px 25px;animation:demo-heading-arrive .23s ease-out}@keyframes demo-heading-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.demo-heading{animation:none}}.demo-heading .eyebrow{display:inline-flex;align-items:center;gap:11px}.demo-live-dot{display:inline-block;width:7px;height:7px;background:#718d71;border-radius:50%;box-shadow:0 0 0 5px #8eaa9030;animation:live-pulse 2.6s ease-in-out infinite}.demo-heading h1{font-size:clamp(44px,5vw,68px);line-height:1.1;margin:12px 0}.demo-heading>p{max-width:550px;margin:0 auto;font-size:13px;line-height:1.8;color:#758079}.demo-how{width:min(880px,100%);margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#66736a}.demo-how span{font-size:10px;white-space:nowrap}.demo-how span:first-child{font-size:9px;letter-spacing:.18em;font-weight:700;color:#8b998c}.demo-how b{font-size:9px;margin-right:9px;color:#4e6a54}.demo-steps{width:min(1150px,calc(100% - 48px));margin:0 auto 14px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5d9d0}.demo-steps button{position:relative;display:flex;align-items:flex-start;gap:12px;text-align:left;border:0;background:transparent;padding:12px 4px 11px;margin-top:-1px;color:#9ca79d;border-top:1px solid transparent}.demo-steps button.current{color:#263a2b;border-top-color:#344d3b}.demo-steps button.done{color:#667f6a}.demo-steps button:disabled{cursor:default}.demo-steps b{font-size:10px;font-weight:700;padding-top:2px}.demo-steps button>span{font-size:12px;font-weight:700}.demo-steps button small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#95a095}.demo-steps button i{position:absolute;top:-2px;left:0;height:3px;width:0;background:#536d58;transition:width .6s ease}.demo-steps button.done i{width:100%;background:#a1b6a0}.demo-steps button.current i{width:65%;animation:step-sweep 3.4s ease-in-out infinite alternate}.demo-stage{width:min(1150px,calc(100% - 48px));min-height:595px;margin:0 auto 60px;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 24px 70px #40534026;background:#fbfaf6}.stage-left{position:relative;min-height:595px;overflow:hidden;background:radial-gradient(circle at 54% 49%,#f5f1e6,#e7e9dd 57%,#dce3d8)}.stage-left:after,.stage-left:before{content:"";position:absolute;left:50%;top:50%;width:420px;height:420px;border:1px solid #cbd3c655;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.stage-left:after{width:580px;height:580px;border-color:#ccd6c84d}.stage-kicker{position:absolute;z-index:3;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.16em;font-weight:700;color:#66816b}.stage-kicker span:last-child{color:#9aaa9a}.stage-visual{position:absolute;inset:0;display:grid;place-items:center;animation:scene-enter .7s cubic-bezier(.2,.8,.2,1) both}.demo-signal{position:absolute;left:46%;top:47%;width:145px;height:145px;transform:translate(-50%,-50%);pointer-events:none}.demo-signal i{position:absolute;inset:0;border:1px solid #758e747a;border-radius:50%;animation:signal-pulse 3.2s ease-out infinite}.demo-signal i:nth-child(2){animation-delay:1.06s}.demo-signal i:nth-child(3){animation-delay:2.12s}.demo-signal span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#708e74}.demo-touch-card{position:relative;z-index:1;left:-92px;width:244px;height:330px;border:1px solid #ffffff58;border-radius:12px;background:linear-gradient(145deg,#35453d,#1f2d27 65%,#405248);box-shadow:20px 30px 42px #33433560,inset 0 1px 2px #fff5;transform:rotate(-9deg);padding:24px;color:#e6ddca;text-align:left;display:flex;flex-direction:column;justify-content:space-between;animation:card-float 5s ease-in-out infinite;transition:box-shadow .25s;cursor:pointer}.demo-touch-card:hover{box-shadow:25px 35px 45px #33433585,inset 0 1px 2px #fff5}.demo-touch-card>span{font-size:11px;letter-spacing:.21em}.touch-symbol{font-family:Georgia,serif;font-size:94px;text-align:center}.touch-instruction{border-top:1px solid #d6c9a266;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;line-height:1.5;letter-spacing:.1em}.touch-instruction b{font-size:22px;font-weight:400}.demo-powered{display:flex;align-items:center;gap:4px;font-size:8px;opacity:.8;letter-spacing:.08em}.demo-powered .brand-art{filter:brightness(0) invert(1)}.demo-ghost-phone{position:absolute;z-index:2;right:9%;top:26%;width:137px;height:265px;border:5px solid #2b3a31;border-radius:26px;background:#fbfaf6;box-shadow:12px 18px 28px #33453540;display:flex;align-items:center;flex-direction:column;gap:22px;padding:13px;color:#46644b;animation:phone-arrive .9s .3s both,ghost-float 5s ease-in-out 1.1s infinite}.demo-ghost-phone:before{content:"";position:absolute;width:42px;height:7px;top:0;background:#2b3a31;border-radius:0 0 7px 7px}.demo-ghost-phone>span{font-size:7px;align-self:flex-start}.demo-ghost-phone strong{font:55px/1 Georgia,serif;color:#b9a98b;margin-top:18px}.demo-ghost-phone small{font-size:7px;letter-spacing:.14em;text-align:center;line-height:1.7}.demo-ghost-phone i{width:55px;height:3px;background:#cbd5c9}.demo-connection{position:absolute;z-index:2;top:47%;right:30%;display:flex;gap:9px;transform:rotate(-12deg)}.demo-connection span{width:5px;height:5px;border-radius:50%;background:#729275;animation:connection-pulse 1.8s ease-in-out infinite}.demo-connection span:nth-child(2){animation-delay:.25s}.demo-connection span:nth-child(3){animation-delay:.5s}.stage-visual-caption{position:absolute;z-index:2;left:30px;right:30px;bottom:24px;display:flex;justify-content:space-between;font:italic 14px Georgia,serif;color:#597261}.phone-aura{position:absolute;width:340px;height:340px;border:1px solid #9ab09b88;border-radius:50%;box-shadow:0 0 0 70px #d7e1d73b;animation:aura-breathe 4s ease-in-out infinite}.demo-phone{z-index:1;width:282px;height:508px;border-radius:35px;border:7px solid #28332f;background:#fffefa;box-shadow:15px 25px 35px #35433748;position:relative;overflow:hidden;animation:phone-enter .7s cubic-bezier(.18,.9,.2,1) both}.phone-notch{width:85px;height:14px;border-radius:0 0 14px 14px;background:#28332f;position:absolute;top:0;left:50%;transform:translateX(-50%)}.phone-status{font-size:8px;display:flex;justify-content:space-between;padding:12px 16px 0;color:#45584a}.phone-status span{font-size:7px;letter-spacing:2px}.phone-content{text-align:center;padding:10px 18px 20px}.phone-business{font-family:Georgia,serif;font-size:29px;color:#b3a187;display:flex;flex-direction:column;gap:4px}.phone-business small{font-family:DM Sans,Arial,sans-serif;color:#4f6054;letter-spacing:.15em;font-size:8px;font-weight:700}.phone-eyebrow{display:block;font-size:8px;letter-spacing:.12em;font-weight:700;color:#7c8f7e;margin-top:30px}.phone-content h2{font-size:29px;line-height:1.19;margin:13px 0}.phone-content p{font-size:10px;line-height:1.6;color:#7d8a7e;margin:0 auto 18px;max-width:225px}.phone-stars{display:flex;justify-content:center}.phone-stars button{font-size:27px;border:0;background:none;color:#d7d8d1;padding:0 2px;transition:color .25s,transform .25s}.phone-stars button:hover{transform:translateY(-4px) scale(1.1)}.phone-stars button.active{color:#b9a784;animation:star-pop .35s ease-out}.phone-content>small{color:#939c93;font-size:9px}.phone-choice{width:100%;display:flex;justify-content:space-between;border:1px solid #354b3c;background:#2c3d32;color:#fff;padding:11px;margin:12px 0 0;font-size:10px;font-weight:700;text-align:left;transition:transform .25s,box-shadow .25s}.phone-choice:hover{transform:translateX(3px)}.phone-choice.secondary{background:transparent;color:#2c3d32}.phone-choice.picked{box-shadow:0 0 0 3px #abc1a4}.phone-content textarea{margin-top:12px;padding:9px;font-size:10px;resize:none;line-height:1.5}.phone-privacy{display:block;margin-top:18px}.phone-floating-note{position:absolute;z-index:2;bottom:31px;right:30px;display:flex;align-items:center;gap:11px;background:#fbfaf6;border:1px solid #e1e5db;box-shadow:8px 12px 22px #43564321;padding:11px 15px;font:italic 13px Georgia,serif;color:#4d6654;animation:note-appear .7s .35s both}.phone-floating-note span{font-size:19px;font-style:normal;color:#b29e80}.demo-insight-board{position:relative;z-index:2;width:min(510px,calc(100% - 52px));background:#fbfaf6;box-shadow:18px 25px 45px #4254463b;animation:board-enter .7s cubic-bezier(.2,.8,.2,1) both}.board-header{background:#28372d;color:#f1eee3;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.11em}.board-header b{font-size:7px;color:#b8cbb7;letter-spacing:.08em}.board-header i{width:5px;height:5px;background:#b4d7a8;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:5px;animation:live-pulse 2.6s infinite}.board-heading{padding:25px 25px 18px;display:grid;grid-gap:8px;gap:8px}.board-feed>span,.board-foot,.board-heading small{font-size:8px;letter-spacing:.14em;color:#8b9c8d;font-weight:700}.board-heading strong{font:600 22px Manrope,sans-serif;letter-spacing:-.05em;color:#26332a}.board-heading>span{font-size:10px;color:#8b978c}.board-journey{display:flex;align-items:center;justify-content:space-between;padding:6px 25px 22px;gap:4px}.board-journey>div{display:flex;flex-direction:column;gap:6px;min-width:75px;animation:board-item .5s both}.board-journey>div:nth-of-type(2){animation-delay:.3s}.board-journey>div:nth-of-type(3){animation-delay:.6s}.board-journey div span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8ede3;color:#4b6752;font-size:14px}.board-journey b{font-size:10px;color:#26332a}.board-journey small{font-size:9px;color:#8b978c}.board-journey>i{flex:1 1;height:1px;background:repeating-linear-gradient(90deg,#9db7a1 0 5px,transparent 5px 10px)}.board-feed{display:flex;flex-direction:column;gap:8px;padding:18px 21px;margin:0 25px;background:#eaf0e8;animation:board-item .6s .9s both}.board-feed b{font-size:12px;color:#2e4635}.board-feed small{font-size:10px;line-height:1.5;color:#6d806f;overflow-wrap:anywhere}.board-foot{padding:20px 25px;justify-content:space-between;gap:10px}.board-foot,.board-foot div{display:flex;align-items:flex-end}.board-foot div{gap:4px;height:31px}.board-foot div i{width:6px;height:30%;background:#90ae92;animation:bar-rise .65s ease-out both}.board-foot div i:nth-child(2),.board-foot div i:nth-child(6){height:70%;animation-delay:.1s}.board-foot div i:nth-child(3),.board-foot div i:nth-child(7){height:50%;animation-delay:.2s}.board-foot div i:nth-child(4){height:100%;animation-delay:.3s}.board-foot div i:nth-child(5){height:85%;animation-delay:.4s}.stage-right{padding:40px clamp(32px,4vw,62px) 43px;background:#fbfaf6;display:flex;flex-direction:column;min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:28px;margin-bottom:35px}.stage-number{font-size:10px;letter-spacing:.16em;color:#91a192;white-space:nowrap}.stage-back{border:0;background:none;color:#617967;font-size:10px;font-weight:700;padding:6px 0}.stage-back:hover{text-decoration:underline}.stage-story{display:flex;flex-direction:column;align-items:flex-start;flex:1 1;animation:story-enter .5s ease both}.stage-story h2{font-size:clamp(34px,3.35vw,49px);line-height:1.14;margin:20px 0}.stage-story>p{font-size:13px;line-height:1.8;color:#6b796e;max-width:380px;margin-bottom:16px}.stage-data{border-top:1px solid #d9dfd6;width:100%;padding-top:19px;margin:12px 0 24px;display:flex;flex-direction:column;gap:8px}.stage-data span{font-size:9px;letter-spacing:.15em;color:#809181;font-weight:700}.stage-data b{font-size:13px}.stage-data small{font-size:11px;color:#829084;line-height:1.5}.stage-button{margin-top:auto;min-width:237px}.stage-button:disabled{cursor:not-allowed;transform:none;opacity:.5}.demo-choice-map{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:4px 0 10px}.demo-choice-map>div{display:grid;grid-gap:4px;gap:4px;min-width:0;padding:11px;background:#f0f2ec;border:1px solid #e0e6dc;transition:background .3s,border-color .3s,transform .3s}.demo-choice-map>div.selected{background:#e3ecdf;border-color:#95ae96;transform:translateY(-3px)}.demo-choice-map span{font-size:19px;color:#69866d}.demo-choice-map b{font-size:10px}.demo-choice-map small{font-size:9px;color:#879689}.demo-end-actions{display:flex;align-items:center;gap:11px;margin-top:auto;flex-wrap:wrap}.demo-explainer{width:min(1150px,calc(100% - 48px));margin:0 auto 85px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dfd4}.demo-explainer>div{padding:28px 28px 10px 0}.demo-explainer>div+div{padding-left:25px;border-left:1px solid #d8dfd4}.demo-explainer span{font-size:9px;letter-spacing:.17em;color:#6a856f;font-weight:700}.demo-explainer h2{font-size:22px;margin:14px 0 9px}.demo-explainer p{max-width:285px;font-size:12px;color:#78867b;line-height:1.75}.demo-footer{background:#23302b;color:#d6ded3;padding:27px 4.2%;display:flex;justify-content:space-between;font-size:11px}.demo-page a:focus-visible,.demo-page button:focus-visible,.demo-page textarea:focus-visible{outline:2px solid #4c7154;outline-offset:4px}@keyframes live-pulse{50%{box-shadow:0 0 0 9px #8eaa9024;opacity:.6}}@keyframes step-sweep{to{width:100%}}@keyframes scene-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes story-enter{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes signal-pulse{0%{transform:scale(.25);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes card-float{50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes ghost-float{50%{transform:translateY(-8px)}}@keyframes phone-arrive{0%{opacity:0;transform:translate(26px,28px) rotate(9deg)}to{opacity:1;transform:translate(0) rotate(6deg)}}@keyframes connection-pulse{50%{transform:scale(1.8);opacity:.4}}@keyframes phone-enter{0%{opacity:0;transform:translateY(30px) rotate(4deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes aura-breathe{50%{transform:scale(1.07);opacity:.6}}@keyframes star-pop{50%{transform:scale(1.25)}}@keyframes note-appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes board-enter{0%{opacity:0;transform:translateY(23px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes board-item{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-rise{0%{height:1px}}@media(max-width:950px){.demo-how{flex-wrap:wrap;justify-content:center}.demo-how span:first-child{flex-basis:100%}.demo-stage{grid-template-columns:1fr}.stage-left{min-height:500px}.stage-right{min-height:440px}.demo-touch-card{left:-88px}.demo-ghost-phone{right:20%}.demo-insight-board{max-width:510px}.stage-toolbar{margin-bottom:16px}.stage-story h2{margin:15px 0}.demo-explainer{gap:10px}}@media(max-width:600px){.demo-header{height:70px}.demo-header nav a:first-child{display:none}.demo-header nav{font-size:11px}.demo-heading{padding:38px 20px 22px}.demo-heading h1{font-size:clamp(41px,11vw,54px)}.demo-heading>p{font-size:12px}.demo-how{margin-top:20px;gap:10px}.demo-how span{font-size:9px}.demo-how span:nth-child(3){display:none}.demo-explainer,.demo-stage,.demo-steps{width:calc(100% - 32px)}.demo-steps button{gap:4px;padding:11px 2px}.demo-steps button>span{font-size:9px}.demo-steps b,.demo-steps button small{font-size:8px}.stage-left{min-height:480px}.stage-kicker{left:19px;right:19px;top:20px;font-size:8px}.demo-touch-card{width:205px;height:282px;left:-46px;padding:20px}.touch-symbol{font-size:76px}.touch-instruction{font-size:8px}.demo-ghost-phone{right:5%;top:28%;width:110px;height:210px;gap:12px}.demo-ghost-phone strong{font-size:45px}.demo-connection{right:27%}.stage-visual-caption{left:19px;right:19px;bottom:18px;font-size:11px}.demo-phone{height:430px;width:245px;border-width:6px}.phone-aura{width:260px;height:260px}.phone-content{padding:6px 13px 13px}.phone-eyebrow{margin-top:19px}.phone-content h2{font-size:25px;margin:9px 0}.phone-content p{margin-bottom:13px}.phone-floating-note{bottom:7px;right:8px;font-size:10px;padding:7px}.demo-insight-board{width:calc(100% - 28px)}.board-header{padding:14px 12px;font-size:8px}.board-heading{padding:20px 15px 13px}.board-heading strong{font-size:18px}.board-journey{padding:6px 15px 16px}.board-journey>div{min-width:65px}.board-journey b,.board-journey small{font-size:8px}.board-feed{margin:0 15px}.board-foot{padding:16px 15px;font-size:7px}.stage-right{padding:32px 26px;min-height:440px}.stage-toolbar{margin-bottom:17px}.stage-story h2{font-size:36px}.stage-story>p{font-size:12px}.demo-end-actions .button,.demo-end-actions .outline-button{padding:13px 12px;font-size:11px}.demo-explainer{grid-template-columns:1fr;margin-bottom:45px}.demo-explainer>div,.demo-explainer>div+div{padding:19px 0;border-left:0;border-bottom:1px solid #d8dfd4}.demo-explainer h2{margin:8px 0}.demo-explainer p{margin-bottom:0}.demo-footer span{display:none}}@media(prefers-reduced-motion:reduce){.demo-page *,.demo-page :after,.demo-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}