/* Interaction pass: only requested hero, quiz, journey, brands, offers and call card. */
.hero.film-title-scene .hero-title{opacity:0;pointer-events:none}.hero-title{transition:opacity .4s}.hero.film-title-scene .hero-hotspot{opacity:0;pointer-events:none}.hero.film-title-scene .hero-scrim{opacity:.12}.hero-scrim{transition:opacity .5s}.shimmer{position:relative;isolation:isolate;overflow:hidden}.shimmer:after{content:'';position:absolute;inset:-30% auto -30% -65%;width:40%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-22deg);animation:cta-glint 8s ease-in-out infinite;pointer-events:none}.under-hood .shimmer:after{animation-delay:2s}.nav-cta.shimmer:after{animation-delay:4s}@keyframes cta-glint{0%,72%{left:-65%;opacity:0}76%{opacity:1}88%,100%{left:150%;opacity:0}}
.social-poll{display:grid;grid-template-columns:1.2fr .85fr;gap:7vw;align-items:center;background:#e7dfd0;color:#292522}.social-poll h2{font-size:clamp(44px,5.5vw,78px)}.social-poll h2 em{background-image:linear-gradient(120deg,#685494,#b6516f,#b66739)}.poll-intro>p{font-size:18px;line-height:1.7}.poll-note{display:flex;align-items:center;gap:15px;margin-top:35px;color:#645747}.poll-note>span{font-size:48px;color:#8b6b9f}.poll-phone{background:radial-gradient(ellipse at 100% 5%,#795785,transparent 65%),linear-gradient(160deg,#382e43,#171522);color:#fff5e7;border-radius:32px;padding:26px;min-height:600px;box-shadow:0 35px 80px #3a263b30,0 0 0 8px #fff3;transform:rotate(1deg);position:relative;overflow:hidden}.poll-progress{display:flex;gap:5px;margin-bottom:25px}.poll-progress i{height:3px;flex:1;background:#ffffff30;border-radius:5px;position:relative;overflow:hidden}.poll-progress .current{background:linear-gradient(90deg,#e5becb 45%,#ffffff30 45%)}.poll-progress .complete{background:#e5becb}.poll-profile{display:flex;gap:11px;align-items:center;font-size:11px}.poll-avatar{display:grid;place-items:center;background:#f0bd9b;color:#3d2941;font:bold 24px Georgia;border-radius:50%;width:38px;height:38px}.poll-profile small{display:block;font-size:9px;opacity:.65;margin-top:3px}.poll-profile>b{margin-left:auto;font-size:10px;font-weight:400;letter-spacing:.05em}.poll-topic{display:block;letter-spacing:.14em;font-size:9px;font-weight:700;color:#edb5d1;margin:35px 0 16px}.poll-phone h3{font:700 clamp(26px,2.8vw,37px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 16px}.poll-phone p{color:#d2c4d3;line-height:1.6;font-size:14px}.poll-options{display:grid;gap:10px;margin:26px 0 15px}.poll-options button{padding:18px 20px;text-align:left;background:#f4ecdf;color:#352c38;border:2px solid transparent;border-radius:15px;display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:14px;transition:transform .3s,background .3s,box-shadow .3s}.poll-options button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0003}.poll-options button.chosen{background:#e3b6db;border-color:#fff;box-shadow:0 0 0 3px #e3b6db40}.poll-options i{font-style:normal}.poll-phone #poll-feedback{min-height:44px;font-size:12px}.poll-phone .pill{background:#e6b9c8;color:#2e2137;width:100%;border-radius:12px;font-size:12px;padding:14px}.poll-phone .text-link{display:block;margin:15px auto;background:none;color:#e7d8e6;font-size:11px}.poll-footer{font-size:8px;letter-spacing:.09em;opacity:.55;margin-top:25px;text-align:center}.poll-phone #diagnostic-result{padding:0;border:0;background:none;margin:0}.poll-phone #diagnostic-result p{margin:20px 0 28px}.poll-phone [hidden]{display:none!important}
.system-demo{grid-template-columns:.8fr 1.2fr;gap:6vw}.journey-tabs{display:flex;flex-wrap:wrap;gap:8px}.journey-tabs button{border-radius:25px;padding:12px 17px;border:1px solid #796d63;background:#ffffff06;transition:background .25s,transform .25s}.journey-tabs button:hover{transform:translateY(-3px)}.journey-tabs button.selected{background:#e9c0a7;color:#261d1b;border-color:#e9c0a7}.journey-choices h3{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.04em}.journey-choices>small{display:block;margin-top:18px;max-width:260px;color:#b8aa9d}.flow-board{background:#171719;border-radius:28px;border:1px solid #ffffff28;padding:25px;overflow:hidden;--journey-tone:#e99f72;position:relative}.board-header{font-size:9px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:16px}.board-header #flow-count{font-size:8px;color:var(--journey-tone)}.journey-stage{height:420px;position:relative;perspective:1000px;display:grid;place-items:center;margin-top:18px}.journey-aura{position:absolute;inset:5%;background:radial-gradient(ellipse,color-mix(in srgb,var(--journey-tone) 27%,transparent),transparent 68%);filter:blur(15px)}.journey-device{width:240px;height:360px;background:#eee4d7;color:#211d1a;border:6px solid #393638;border-radius:28px;overflow:hidden;position:relative;transform:rotate(-6deg) rotateY(8deg);box-shadow:25px 35px 50px #0008;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.journey-stage[data-step="1"] .journey-device{transform:rotate(2deg) rotateY(-7deg) translate(-15px,-7px)}.journey-stage[data-step="2"] .journey-device{transform:rotate(-3deg) translate(-35px,-10px) scale(.95)}.journey-stage[data-step="3"] .journey-device{transform:rotate(4deg) translate(-15px,-12px)}.device-top{display:flex;justify-content:space-between;padding:13px 14px;align-items:center;font-size:9px}.device-top i{width:6px;height:6px;border-radius:50%;background:#67734e}.device-top b{font-size:9px}.journey-device>img{height:145px;width:100%;object-fit:cover;transition:height .7s}.journey-stage[data-step="2"] .journey-device>img,.journey-stage[data-step="3"] .journey-device>img{height:105px}.journey-device-copy{padding:15px}.journey-device-copy>span{font-size:7px;letter-spacing:.12em}.journey-device-copy h4{font:700 19px/1.04 Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.journey-device-copy p{font-size:9px;line-height:1.4;color:#6b5c55;margin:7px 0}.journey-demo-action{background:#302327;color:#fff3e6;padding:8px 10px;font-size:8px;border-radius:8px;margin-top:10px}.journey-receipt{position:absolute;right:0;bottom:60px;display:flex;gap:12px;align-items:center;background:#f2eee3;color:#272720;padding:17px;border-radius:15px;box-shadow:0 22px 40px #0005;width:235px;transition:transform .6s}.receipt-check{background:#d8e4c6;color:#3d5530;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;font-size:20px}.journey-receipt b{display:block;font-size:12px}.journey-receipt small{font-size:9px;display:block;margin-top:4px;color:#72665c}.journey-orbit{position:absolute;left:12px;top:70px;width:55px;height:55px;background:var(--journey-tone);color:#222;border-radius:17px;display:grid;place-items:center;font-size:32px;transform:rotate(-15deg);box-shadow:0 20px 30px #0004}.flow-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.journey-step{background:#ffffff08;color:#9a9191;border:1px solid #ffffff20;border-radius:12px;padding:13px 4px;display:grid;gap:8px;text-align:center;transition:background .25s,color .25s,transform .3s}.journey-step span{font-size:22px}.journey-step small{font-size:7px;letter-spacing:.05em}.journey-step.active{background:var(--journey-tone);color:#221d1a;transform:translateY(-5px);border-color:var(--journey-tone)}.journey-step.done{color:#e2c3a9}.flow-board #flow-status{font-size:11px;line-height:1.5;min-height:34px;color:#c2b5a9;margin:18px 0 0}
.project-card[data-project="0"] h3{font-family:Anton,sans-serif;color:#ff9c60;letter-spacing:.025em;text-shadow:3px 3px #471a13}.project-card[data-project="1"] h3{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#f5d8b5;letter-spacing:-.05em}.project-card[data-project="2"] h3{font-family:Anton,sans-serif;color:#fff0da;text-shadow:0 0 12px #f42d44,3px 3px #921a2c;letter-spacing:.01em}.project-card[data-project="3"] h3{font-family:monospace;font-style:italic;color:#c4dfff;font-weight:800;letter-spacing:-.06em}.project-card[data-project="4"] h3{font-family:Georgia,serif;letter-spacing:.2em;font-weight:400;color:#e0e4c6;font-size:clamp(30px,4.2vw,64px)}.project-card[data-project="5"] h3{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.06em;color:#ffd68c}.project-card .card-bottom{background:linear-gradient(transparent,#000b);padding-top:65px}
.snapshot-layout{overflow:visible}.snapshot-score{position:relative;border-radius:0 22px 22px 0;transform:perspective(1200px) rotateY(var(--score-x,0deg)) rotateX(var(--score-y,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s;transform-style:preserve-3d}.snapshot-score:hover,.snapshot-score:focus-visible{box-shadow:0 35px 70px #0005;z-index:2}.score-float{position:absolute;font-size:10px;font-weight:700;background:#f8f0e4;padding:13px 17px;display:flex;gap:9px;align-items:center;border:1px solid #a3988350;border-radius:10px;box-shadow:0 18px 35px #26201c30;opacity:0;transform:translateY(25px) scale(.8);transition:transform .8s cubic-bezier(.2,1.5,.4,1),opacity .6s;z-index:2;pointer-events:none}.score-float>span{background:#ddd0ed;color:#634c7e;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.float-one{top:-18px;right:20px;transition-delay:.15s}.float-two{bottom:-18px;left:24px;transition-delay:.4s}.score-visible .score-float{opacity:1;transform:translateY(0) translateZ(45px) rotate(-3deg)}.score-visible .float-two{transform:translateZ(55px) rotate(3deg)}.snapshot-score:hover .float-one{transform:translate(9px,-10px) translateZ(75px) rotate(0)}.snapshot-score:hover .float-two{transform:translate(-10px,10px) translateZ(75px) rotate(0)}.snapshot-score .score-line{opacity:0;transform:translateX(25px);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1)}.snapshot-score .score-line:nth-of-type(4){transition-delay:.15s}.snapshot-score .score-line:nth-of-type(5){transition-delay:.3s}.snapshot-score .score-line:nth-of-type(6){transition-delay:.45s}.score-visible .score-line{opacity:1;transform:none}.snapshot-score .score-line i:before{transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1) .4s}.score-visible .score-line i:before{transform:scaleX(1)}
.offer-card{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.offer-card:before{content:'';position:absolute;inset:0;background:radial-gradient(250px circle at var(--light-x,50%) var(--light-y,50%),#b28ddc40,transparent 70%);opacity:0;transition:opacity .35s;z-index:-1}.offer-card:hover,.offer-card:focus-within{transform:translateY(-8px);border-color:#ceb4e5;box-shadow:0 18px 45px #0006,0 0 30px #9e75bd20}.offer-card:hover:before,.offer-card:focus-within:before{opacity:1}.offer-card h4{margin-top:0}.offer-card small{display:block;margin-bottom:15px}.offer-book{background:none;text-align:left;display:flex;justify-content:space-between;gap:12px;color:#dec9ec;border-top:1px solid #ffffff20;padding:20px 0 0;margin-top:auto;font-size:11px;line-height:1.4}.offer-book:after{content:'';position:absolute;inset:0}.offer-book span{font-size:20px}.hood-card>div p{position:relative}.typed-measure{visibility:hidden;display:block}.typed-visible{position:absolute;inset:0}.is-writing .typed-visible:after{content:'▍';color:#775676;animation:cursor-blink .7s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}
@media(max-width:800px){.social-poll{grid-template-columns:1fr;gap:40px}.poll-phone{max-width:440px;width:100%;margin:auto;transform:none;padding:25px;min-height:570px}.social-poll h2{font-size:44px}.poll-note{display:none}.system-demo{grid-template-columns:1fr}.flow-board{padding:19px}.journey-stage{height:390px}.journey-receipt{right:-5px;width:210px;bottom:40px;padding:13px}.journey-orbit{left:0}.journey-device{width:230px}.snapshot-score{border-radius:0 0 22px 22px}.score-float{font-size:9px;padding:10px}.float-one{top:-13px;right:12px}.float-two{bottom:-15px}.project-card[data-project="4"] h3{font-size:45px}.hero.film-title-scene .hero-title{opacity:0}.offer-book{min-height:60px}.poll-phone h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.shimmer:after{display:none}.journey-device,.journey-receipt,.offer-card,.snapshot-score,.score-float,.score-line{transition:none!important;transform:none!important}.score-line{opacity:1!important}.score-float{opacity:1!important}.typed-visible:after{animation:none!important}}body.reduced .shimmer:after{display:none}body.reduced .journey-device,body.reduced .offer-card,body.reduced .snapshot-score{transform:none!important;transition:none!important}
/* The supplied eight-business gallery is isolated from the site's other sections. */
#magnetic-studio{--world-accent:#f28147;margin-top:35px}.studio-playground[data-mode=play] #magnetic-studio{display:none}.studio-playground[data-mode=guided]>.pg-challenges,.studio-playground[data-mode=guided]>.pg-workbench,.studio-playground[data-mode=guided]>.pg-bottom{display:none}#magnetic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:45px}#magnetic-tabs button{border:1px solid #aca08f;padding:11px 18px;border-radius:25px;background:none;color:#4f473c;font-size:12px;transition:background .3s,color .3s,transform .3s}#magnetic-tabs button[aria-selected=true]{background:#28221e;color:#fff2dc;border-color:#28221e}#magnetic-tabs button:hover{transform:translateY(-3px)}.magnetic-devices{position:relative;padding:0 9% 40px 0;perspective:1800px;min-width:0}.magnetic-laptop{background:#252325;border:8px solid #353238;border-radius:20px 20px 10px 10px;position:relative;box-shadow:0 35px 65px #32273525;transform:rotateY(3deg) rotateX(2deg);transition:transform .8s;min-width:0}.magnetic-laptop:hover{transform:none}.magnetic-browser{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#b8ada8;font-size:9px;letter-spacing:.03em;background:#252325}.magnetic-browser>span:first-child{color:#b98d92;font-size:8px;letter-spacing:3px}.magnetic-host{display:block;height:470px;width:100%;background:#111;overflow:auto;overscroll-behavior:contain}.magnetic-laptop-base{position:absolute;left:-3%;right:-3%;height:18px;bottom:-25px;background:linear-gradient(#c1bab4,#625b60);border-radius:0 0 50% 50%;box-shadow:0 20px 30px #30232b25}.magnetic-laptop-base:before{content:'';display:block;width:15%;height:6px;background:#464047;margin:auto;border-radius:0 0 7px 7px}.magnetic-phone{position:absolute;right:0;bottom:0;width:23%;min-width:185px;border:7px solid #242225;border-radius:32px;background:#242225;overflow:hidden;box-shadow:0 25px 45px #38263250;transform:rotate(4deg);transition:transform .6s;z-index:2}.magnetic-phone:hover,.magnetic-phone:focus-within{transform:rotate(0) translateY(-8px)}.magnetic-phone .magnetic-host{height:420px;border-radius:24px}.magnetic-notch{position:absolute;left:35%;right:35%;top:7px;height:14px;background:#171517;border-radius:10px;z-index:3}.magnetic-sticker{position:absolute;right:0;top:-5px;transform:rotate(8deg);background:var(--world-accent);color:#382722;padding:20px 17px;border-radius:3px;box-shadow:0 12px 20px #33253220;font-size:9px;letter-spacing:.1em;line-height:1.5;transition:background .5s}.magnetic-sticker em{font:italic 21px Georgia;letter-spacing:-.04em}.magnetic-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:12px;color:#625444}.magnetic-caption button{padding:10px 18px;background:#d4c7b6;color:#40362f;border-radius:20px;font-size:11px}#magnetic-result{font-size:13px;color:#6a5d50;padding:20px 0;border-bottom:1px solid #b7a996;min-height:65px;line-height:1.5}#magnetic-result.has-result{color:#5a3d6b}.magnetic-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 15px}.magnetic-actions .text-link{color:#554338;background:none}.magnetic-actions .pill{background:#27201e;color:#f5e8dc}.magnetic-disclaimer{font-size:10px;color:#746451;display:block}.project-card[data-project="0"] h3{font-family:'Bebas Neue',Anton,sans-serif}.project-card[data-project="1"] h3{font-family:'DM Serif Display',Georgia,serif}.project-card[data-project="2"] h3{font-family:'Dela Gothic One',Anton,sans-serif;font-size:clamp(26px,3vw,45px)}.project-card[data-project="3"] h3{font-family:'IBM Plex Mono',monospace}.project-card[data-project="4"] h3{font-family:'Cormorant Garamond',Georgia,serif}.project-card[data-project="5"] h3{font-family:Fraunces,Georgia,serif}
@media(max-width:800px){#magnetic-tabs{gap:6px;margin-bottom:25px}#magnetic-tabs button{font-size:10px;padding:10px 13px}.magnetic-devices{padding-right:0;padding-bottom:100px}.magnetic-laptop{border-width:5px;transform:none;border-radius:12px}.magnetic-host{height:320px}.magnetic-phone{width:36%;min-width:140px;right:0;bottom:0;border-width:5px;border-radius:23px}.magnetic-phone .magnetic-host{height:260px;border-radius:18px}.magnetic-notch{height:9px;top:4px}.magnetic-sticker{top:auto;bottom:12px;left:6%;right:auto;padding:14px}.magnetic-sticker em{font-size:17px}.magnetic-browser{font-size:7px;padding:10px}.magnetic-caption{font-size:10px;align-items:flex-start}.magnetic-caption>span{max-width:65%}.magnetic-caption button{font-size:9px;padding:8px 12px}.magnetic-actions{flex-direction:column;align-items:stretch}.magnetic-actions .pill{font-size:12px;padding:16px}.magnetic-laptop-base{height:11px;bottom:-15px}.magnetic-laptop-base:before{height:3px}}
@media(prefers-reduced-motion:reduce){.magnetic-laptop,.magnetic-phone{transform:none!important;transition:none!important}}
/* Keep the complete promo frame visible, with the marketing promise beside it. */
.hero{min-height:780px;height:95svh;max-height:1000px;background:#0c0d0d}.hero .hero-media{left:35%;right:3%;top:155px;bottom:100px;width:auto;height:auto;transform:none!important;border:1px solid #ffffff25;border-radius:16px;background:#060606;overflow:hidden;box-shadow:0 30px 80px #0008}.hero .hero-media #hero-film{object-fit:contain;object-position:center;width:100%;height:100%}.hero .hero-media #hero-image{object-fit:cover}.hero .hero-scrim{display:none}.hero .hero-title{left:4%;top:28%;width:28%;opacity:1!important;pointer-events:auto!important}.hero h1{font-size:clamp(58px,6.6vw,105px);line-height:1.02}.hero .hero-description{font-size:14px;line-height:1.7}.hero .hero-description br{display:none}.hero .hero-actions{display:flex;flex-wrap:wrap;gap:15px}.hero .hero-actions .pill{padding:16px;font-size:11px}.hero .hero-actions .text-link{font-size:10px}.hero .hero-title>.eyebrow{font-size:8px;line-height:1.6;max-width:280px}.hero .hero-hotspot{right:6%;bottom:115px;top:auto;opacity:.85}.hero .hero-hotspot>span:first-child{width:30px;height:30px;font-size:20px}.hero .hero-hotspot>span:last-child{font-size:9px}.hero #film-toggle{right:4%;bottom:55px}.hero .hero-bottom{bottom:35px}.hero .hero-bottom>.micro{display:none}.hero.film-title-scene .hero-hotspot{opacity:0}.hero .hero-topline{top:115px}
@media(max-width:800px){.hero{min-height:920px;height:auto;max-height:none;padding-bottom:90px}.hero .hero-media{left:4%;right:4%;top:145px;bottom:auto;aspect-ratio:16/9;height:auto;border-radius:12px}.hero .hero-title{position:relative;left:auto;top:auto;width:auto;margin:0 6%;padding-top:calc(145px + 51.75vw + 30px)}.hero h1{font-size:clamp(65px,13vw,100px);line-height:1}.hero .hero-title>.eyebrow{max-width:none;margin-bottom:16px}.hero .hero-description{max-width:510px;margin:20px 0}.hero .hero-actions{gap:16px}.hero .hero-bottom{left:6%;bottom:25px}.hero #film-toggle{bottom:auto;top:115px;right:5%;font-size:9px;padding:6px 9px}.hero .hero-hotspot{display:none}.hero .hero-topline{top:115px}.hero .hero-topline>span:last-child{display:none}.hero .hero-picker button{font-size:8px;padding:10px}}