/* A colorful digital growth studio, with meaningful motion in each chapter. */
:root{--paper:#fffdfb;--ink:#20213b;--muted:#606378;--coral:#f76741;--teal:#008b74;--violet:#8750de;--line:#e4e1ee}
body{background:var(--paper)}
.header{background:#fffcf9ed;border-bottom:1px solid #eae0ed;height:88px;box-shadow:0 2px 24px #6143a106}
.header .nav-cta{background:var(--blue);box-shadow:0 4px 14px #345dff18}
.logo svg{stroke:var(--blue)}
.logo .tail{stroke:var(--coral)}
.logo-dot{color:var(--coral)}
.service-icon{width:32px;height:32px;display:block;flex-shrink:0}
.hero-shell{background:radial-gradient(ellipse at 93% 4%,#ffe4cc 0,transparent 43%),radial-gradient(ellipse at 57% 75%,#ddf8f3 0,transparent 38%),linear-gradient(115deg,#fffdf9,#f8f4ff);position:relative;overflow:hidden}
.hero-refresh{grid-template-columns:1fr 1.15fr;gap:3%;padding:50px 5% 58px;min-height:735px;max-width:1600px;align-items:center}
.hero-refresh h1{font-size:clamp(67px,6.6vw,107px);line-height:1.01;letter-spacing:-5.7px;margin:28px 0;position:relative}
.hero-color-word{color:#f26142;display:inline-block;position:relative;padding-bottom:10px}
.hero-color-word:after{content:'';height:12px;position:absolute;left:0;bottom:2px;width:98%;border-radius:60% 45% 40% 60%;background:#ffd24e;transform:rotate(-2deg);z-index:0;opacity:.65}
.hero-title-spark{font:500 67px/1 var(--heading);position:absolute;color:var(--blue);right:6%;top:-24px;animation:refresh-spin 24s linear infinite}
.hero-refresh .eyebrow{font-size:10px;letter-spacing:1.3px;color:#57526b;display:flex;gap:9px;align-items:center}
.hero-live-dot,.journey-live-dot{height:7px;width:7px;border-radius:50%;background:#08ad83;flex-shrink:0;box-shadow:0 0 0 5px #08ad8310;animation:refresh-dot-pulse 2.5s infinite}
.hero-summary{font-size:24px;line-height:1.45;font-weight:500;letter-spacing:-.65px;margin-bottom:18px}
.hero-summary strong{color:var(--blue);font-weight:600}
.hero-description{max-width:450px;font-size:16px;line-height:1.8;color:#606079}
.hero-actions{gap:20px;margin-top:27px}
.hero-actions .button{background:var(--coral);color:#fff;padding:17px 22px;box-shadow:0 8px 24px #ef6a4620;border-radius:9px}
.hero-actions .text-link{font-size:12px;gap:11px}
.hero-proof{gap:15px;margin-top:35px;max-width:440px}
.hero-proof strong{font-size:42px;color:var(--blue)}
.hero-proof strong>span{font-size:25px;color:var(--coral)}
.hero-proof p{border-color:#d9d5e8;font-size:11px;padding-left:16px;line-height:1.8}
.hero-proof-seal{font-size:8px;line-height:1.5;letter-spacing:1.2px;color:#727085;border:1px solid #d5d0e6;border-radius:50%;width:66px;height:66px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);margin-left:auto}
.hero-stage{position:relative;min-width:0;height:620px;isolation:isolate;perspective:1000px;background:radial-gradient(ellipse at 60% 45%,#ddf0ff7a,transparent 63%);border-radius:25px;overflow:visible}
.hero-stage-grid{position:absolute;inset:40px 15px 30px;background-image:radial-gradient(#8472b226 .8px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-3}
.hero-orbit{position:absolute;border:1px solid #acacd63d;border-radius:50%;z-index:-2;pointer-events:none}
.orbit-one{width:440px;height:440px;top:60px;left:12%;animation:refresh-orbit 22s linear infinite}
.orbit-one:before,.orbit-two:after{content:'';position:absolute;top:42px;left:47px;width:11px;height:11px;background:#fc8e56;border-radius:50%;box-shadow:0 0 0 7px #fc8e5614}
.orbit-two{height:325px;width:325px;left:23%;top:116px;transform:rotate(-40deg);animation:refresh-orbit 19s linear infinite reverse}
.orbit-two:after{background:#68c6db;width:8px;height:8px}
.hero-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.hero-connectors path{stroke:#849ed8;stroke-width:1.4;stroke-dasharray:4 10;opacity:.5;animation:refresh-line-flow 2s linear infinite}
.hero-connectors path:nth-child(2){stroke:#f0a483;animation-direction:reverse}
.hero-core-image{position:absolute;left:51%;top:43%;width:68%;max-width:430px;transform:translate(-50%,-50%);animation:refresh-core-float 8s ease-in-out infinite;filter:drop-shadow(0 25px 12px #354a8b12);z-index:0}
.hero-core-image img{display:block;width:100%;height:auto;transform:rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .4s ease}
.hero-float{position:absolute;background:#ffffffec;border:1px solid #ffffff;box-shadow:0 14px 45px #63618e1b;border-radius:15px;z-index:3;backdrop-filter:blur(10px)}
.hero-search-card{width:285px;left:-6px;top:8px;padding:20px;transform:rotate(-3deg);animation:refresh-card-float 7s ease-in-out infinite}
.hero-card-kicker{font-size:7px;letter-spacing:1.2px;color:#7b7190;font-weight:600}
.hero-search-field{display:flex;align-items:center;gap:9px;background:#f5f4fb;border:1px solid #eeebf7;border-radius:8px;margin:13px 0;padding:9px;font-size:10px}
.hero-search-field .service-icon{width:17px;height:17px;color:#6880cd}
.hero-search-field i{width:1px;height:11px;background:#8497c0;animation:refresh-blink 1.4s steps(1) infinite}
.hero-search-result{display:flex;gap:10px;align-items:center}
.hero-store-symbol{background:#eef2ff;border-radius:10px;padding:8px;color:var(--blue)}
.hero-store-symbol .service-icon{width:26px;height:26px}
.hero-search-result b{font-size:11px;font-weight:600}
.hero-search-result p{font-size:9px;margin:5px 0 0}
.hero-search-result p span{color:#f7ae29;letter-spacing:.8px;font-size:12px}
.hero-search-result p small{font-size:7px;color:#9394a7;margin-left:3px}
.hero-result-check{margin-left:auto;color:#008a70;background:#e0f7ec;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:10px;animation:refresh-check 4s infinite}
.hero-result-actions{display:flex;gap:7px;padding-left:45px;margin-top:12px}
.hero-result-actions span{font-size:8px;background:#eef2ff;color:#5575c4;padding:5px 8px;border-radius:5px}
.hero-chat-card{width:259px;right:-9px;top:280px;padding:15px;transform:rotate(3deg);animation:refresh-card-float 9s ease-in-out infinite reverse}
.hero-mini-chat-top{display:flex;align-items:center;gap:7px;border-bottom:1px solid #f0edf5;padding-bottom:11px;margin-bottom:10px}
.hero-ai-icon{width:25px;height:25px;display:grid;place-items:center;color:#008b74;background:#dff9ec;border-radius:8px;font-size:17px;animation:refresh-spin 19s linear infinite}
.hero-mini-chat-top b{font-size:10px}
.hero-mini-chat-top>i{width:5px;height:5px;background:#16b88e;border-radius:50%;margin-left:auto}
.hero-mini-bubble{font-size:10px;line-height:1.6;border-radius:9px;padding:9px 11px;max-width:91%;min-height:34px}
.hero-mini-bubble.customer{background:#f0edfb;margin:9px 0 9px auto;color:#696184}
.hero-mini-bubble.answer{background:#e0f8ed;color:#126b56;min-height:65px}
.hero-typing{display:flex;gap:3px;align-items:center;margin-top:8px}
.hero-typing i{width:3px;height:3px;background:#58a590;border-radius:50%;animation:refresh-typing 1.4s infinite}
.hero-typing i:nth-child(2){animation-delay:.2s}.hero-typing i:nth-child(3){animation-delay:.4s}
.hero-chat-foot{font-size:7px;color:#87978f;display:flex;gap:5px;align-items:center;margin-top:12px}
.hero-chat-foot .pulse-dot{background:#1cb687;width:4px;height:4px}
.hero-creative-card{display:flex;align-items:center;gap:13px;width:296px;left:3px;bottom:85px;padding:12px;transform:rotate(-2deg);animation:refresh-card-float 8s ease-in-out infinite;animation-delay:-3s}
.hero-creative-thumb{background:#ffc861;position:relative;overflow:hidden;width:86px;height:88px;border-radius:9px;flex-shrink:0;padding:14px 10px;isolation:isolate;color:#684235}
.hero-creative-thumb>span{font:600 17px/1 var(--heading);letter-spacing:-.7px;position:relative;z-index:1}
.hero-creative-thumb em{font:italic 21px/1 Georgia}
.hero-creative-thumb>i{font-style:normal;color:#f8834a;position:absolute;font-size:72px;right:-31px;bottom:-25px;z-index:-1;animation:refresh-spin 20s linear infinite}
.hero-creative-card b{display:block;font-size:11px;margin:10px 0}
.hero-content-track{display:flex;gap:5px;align-items:end;height:16px}
.hero-content-track i{background:#d6ceef;height:5px;flex:1;border-radius:3px;animation:refresh-content-bar 3s ease-in-out infinite}
.hero-content-track i:nth-child(2){animation-delay:.2s}.hero-content-track i:nth-child(3){animation-delay:.4s}.hero-content-track i:nth-child(4){animation-delay:.6s}.hero-content-track i:nth-child(5){animation-delay:.8s}
.hero-app-notice{position:absolute;right:13px;top:42px;background:#faf7ffcc;border:1px solid #ebe3fc;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:11px;z-index:2;animation:refresh-card-float 8s ease-in-out infinite reverse}
.hero-app-notice>span{color:var(--violet)}
.hero-app-notice .service-icon{width:24px;height:24px}
.hero-app-notice b{font-size:9px;font-weight:600;display:block}
.hero-app-notice small{display:block;font-size:8px;color:#9790ad;margin-top:5px}
.hero-deco{position:absolute;display:grid;place-items:center;box-shadow:0 7px 15px #836fad14;border:1px solid #ffffff85;border-radius:13px;z-index:1;animation:refresh-deco 7s ease-in-out infinite}
.deco-email{width:56px;height:56px;left:9%;top:293px;color:#7d52cd;background:#e9ddfc;transform:rotate(-13deg)}
.deco-target{width:63px;height:63px;right:6%;top:151px;color:#cf6424;background:#ffe6b8;transform:rotate(12deg);animation-delay:-3s}
.deco-growth{width:54px;height:54px;left:56%;bottom:100px;color:#028c76;background:#ceefdf;animation-delay:-5s}
.hero-stage-controls{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#fff9;border:1px solid #ffffffb3;border-radius:30px;padding:6px;z-index:5;box-shadow:0 5px 20px #67569709;white-space:nowrap}
.hero-stage-controls button{background:transparent;border:0;border-radius:22px;color:#827b91;font-size:10px;padding:8px 15px;transition:background .4s,color .4s}
.hero-stage-controls button.active{background:var(--blue);color:#fff;box-shadow:0 4px 10px #345dff24}
.hero-stage-controls>span{color:#b8adcf;font-size:10px}
.hero-stage-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.4px;color:#9a90a8;margin:0}
.hero-stage[data-mode=Attract] .hero-search-card{border-color:#ffce95}
.hero-stage[data-mode=Engage] .hero-chat-card{border-color:#87e0bf}
.colorful-marquee{background:#f1bd5b;color:#61412d;padding:17px 0;border-top:1px solid #eeb34b;border-bottom:1px solid #eeb34b}
.colorful-marquee>div{font-size:20px;letter-spacing:1px;animation-duration:42s;gap:35px}
.colorful-marquee span{color:#ec6b3a;font-size:27px}
.value-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;padding-top:76px;padding-bottom:75px}
.value-intro h2{font:500 clamp(32px,3vw,46px)/1.2 var(--heading);letter-spacing:-1.8px;margin:20px 0 0}
.value-intro h2 span{color:var(--teal)}
.value-intro>div>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);margin-top:25px}
.value-pill-row{display:flex;gap:9px;margin-top:25px;flex-wrap:wrap}
.value-pill-row>span{font-size:9px;background:#f2efed;border:1px solid #e8e0dd;padding:9px 11px;border-radius:25px;color:#796d73;display:flex;align-items:center;gap:7px}
.value-pill-row>span b{color:var(--coral);font-size:13px;font-weight:600}
/* The 24-service landscape is a live, full-width connected view. */
.growth-universe{padding:70px max(4%,calc((100vw - 1480px)/2)) 35px;background:radial-gradient(ellipse at 2% 18%,#e0ecff 0,transparent 36%),radial-gradient(ellipse at 98% 80%,#ffe9ce 0,transparent 38%),#f1effb;border-top:1px solid #e3dff4;border-bottom:1px solid #e3dff4;position:relative;overflow:hidden;scroll-margin-top:100px}
.growth-universe-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:end;padding:0 1% 28px}
.growth-universe-heading h2{font:500 clamp(35px,3.5vw,56px)/1.16 var(--heading);letter-spacing:-2.2px;margin:19px 0 0}
.growth-universe-heading h2 span{color:#8750c8;font:italic 1em/1.2 Georgia}
.growth-universe-heading>div:last-child>p{font-size:15px;line-height:1.7;color:#7b708e;margin:0 0 15px}
.growth-filters{display:flex;gap:5px;flex-wrap:wrap}
.growth-filters button{border:1px solid #d9d1e9;background:#faf8ff;color:#8a7c9b;padding:8px 12px;border-radius:25px;font-size:10px;transition:all .3s}
.growth-filters button:hover,.growth-filters button.active{color:#fff;background:#8750de;border-color:#8750de}
.growth-landscape{display:grid;grid-template-columns:1fr 180px 1fr;gap:26px;min-height:568px;align-items:center;position:relative;margin:10px 0 20px}
.growth-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.growth-wire{stroke:var(--wire-color);stroke-width:1.3;stroke-dasharray:2 8;opacity:.28;animation:refresh-line-flow 2.5s linear infinite;animation-delay:var(--wire-delay);transition:opacity .5s,stroke-width .5s}
.growth-wire.focused{opacity:.8;stroke-width:2.4;stroke-dasharray:5 7}
.growth-wire.dimmed{opacity:.07}
.growth-node-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,118px);gap:22px 18px;position:relative;z-index:2}
.growth-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid #ffffff;background:#fffdfbe8;border-radius:17px;padding:15px 7px 10px;text-align:center;box-shadow:0 5px 12px #63589a08;position:relative;transition:transform .4s,box-shadow .4s,opacity .4s,border-color .4s;color:#5b5169;overflow:hidden}
.growth-node:before{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--node-color);opacity:.45;transform:scaleX(.4);transition:transform .4s}
.node-icon{display:grid;place-items:center;width:43px;height:43px;color:var(--node-color);background:var(--node-wash);border:1px solid color-mix(in srgb,var(--node-color) 15%,transparent);border-radius:13px;animation:refresh-node-breathe 5.5s ease-in-out infinite;animation-delay:var(--node-delay)}
.node-icon .service-icon{width:27px;height:27px}
.growth-node>b{font-size:10px;font-weight:600;line-height:1.3}
.node-status{font-size:6px;letter-spacing:.7px;text-transform:uppercase;color:#aaa0b1;display:flex;align-items:center;gap:4px}
.node-status>i{height:3px;width:3px;background:var(--node-color);border-radius:50%;animation:refresh-blink 2.5s infinite;animation-delay:var(--node-delay)}
.growth-node:hover,.growth-node.focused{border-color:color-mix(in srgb,var(--node-color) 45%,white);transform:translateY(-4px);box-shadow:0 9px 25px color-mix(in srgb,var(--node-color) 15%,transparent)}
.growth-node:hover:before,.growth-node.focused:before{transform:scaleX(1);opacity:.8}
.growth-node.dimmed{opacity:.38}
.growth-node.dimmed:hover{opacity:1}
.growth-hub{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;text-align:center;padding:28px 7px}
.hub-orbit{width:176px;height:176px;border:1px dashed #ab87d66b;border-radius:50%;position:absolute;top:8px;left:50%;margin-left:-88px;animation:refresh-orbit 20s linear infinite}
.hub-orbit:after{content:'';position:absolute;width:10px;height:10px;right:13px;top:24px;border-radius:50%;background:#e5b866;box-shadow:0 0 0 7px #e5b86615}
.hub-mark{width:131px;height:131px;background:linear-gradient(145deg,#9971e9,#5a41c8);border-radius:34px;box-shadow:0 17px 35px #7c50cc30, inset 0 1px 3px #c9aaff;border:1px solid #a78ce9;position:relative;display:grid;place-items:center;transform:rotate(-6deg);animation:refresh-hub 9s ease-in-out infinite}
.hub-mark>span{font:500 71px/1 var(--heading);color:#fff8f0;transform:rotate(6deg);z-index:1}
.hub-mark svg{width:91px;height:91px;position:absolute;opacity:.2;stroke:#eee8ff;stroke-width:2;transform:rotate(6deg)}
.growth-hub>b{font:500 24px var(--heading);letter-spacing:-1px;color:#624093;margin-top:13px}
.growth-hub>span{font-size:8px;color:#9b80bb;line-height:1.9;letter-spacing:1.4px}
.hub-wave{display:flex;gap:4px;align-items:center;height:26px;justify-content:center;width:100%;margin-top:4px}
.hub-wave>i{width:4px;height:9px;background:#b094d7;border-radius:2px;animation:refresh-wave 1.8s ease-in-out infinite}
.hub-wave>i:nth-child(2),.hub-wave>i:nth-child(4){animation-delay:.2s}.hub-wave>i:nth-child(3){animation-delay:.4s}
.growth-journey-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border:1px solid #ded5ec;background:#fffaf7bd;border-radius:13px;position:relative;z-index:2;box-shadow:0 4px 16px #66578704}
.growth-journey-bar>div:first-child{display:flex;align-items:center;gap:9px}
.journey-label{font-size:8px;letter-spacing:1.2px;color:#98849f}
.growth-journey{display:flex;align-items:center;gap:14px;min-height:30px;font-size:12px;color:#685580;font-weight:550}
.growth-journey>span{border-radius:6px;background:#eee7f6;padding:7px 11px;animation:refresh-journey-chip 4.5s infinite}
.growth-journey>span:nth-of-type(2){animation-delay:.8s}.growth-journey>span:nth-of-type(3){animation-delay:1.6s}.growth-journey>span:nth-of-type(4){animation-delay:2.4s}
.growth-journey>i{font-style:normal;color:#baa6cf;font-size:15px}
.next-growth-journey{border:0;background:transparent;color:#7a4ac0;display:flex;gap:12px;align-items:center;font-size:10px;white-space:nowrap}
.next-growth-journey>span{font-size:18px}
.universe-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 4px 0}
.universe-bottom p{font-size:10px;color:#a090ad;line-height:1.8;margin:0;max-width:550px}
.universe-bottom .button{font-size:11px;background:#8a52d5;padding:11px 15px;border-radius:8px;gap:14px}
/* A distinctive accent and live icon identify every service chapter. */
.feature-section{max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2));background:linear-gradient(115deg,var(--wash,#f7f3fb) 0,#fffdfa 64%);border-top:1px solid color-mix(in srgb,var(--accent,#345dff) 13%,transparent);gap:8%;padding-top:85px;padding-bottom:85px;scroll-margin-top:88px}
.feature-section.reverse{background:linear-gradient(245deg,var(--wash,#f7f3fb) 0,#fffdfa 64%)}
.feature-copy{position:relative}
.feature-copy>.eyebrow{color:var(--accent);display:flex;gap:12px;align-items:center;letter-spacing:1px;font-size:10px;margin-bottom:23px}
.chapter-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);width:45px;height:45px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 15px color-mix(in srgb,var(--accent) 10%,transparent);animation:refresh-chapter-icon 6s ease-in-out infinite}
.chapter-icon .service-icon{width:27px;height:27px}
.feature-copy h2{font-size:clamp(35px,3.35vw,53px);color:#33314a;line-height:1.16;max-width:600px}
.feature-copy h2:after{content:'';display:block;background:var(--accent);height:4px;width:42px;margin-top:24px;border-radius:3px;opacity:.6}
.feature-copy .feature-short{color:color-mix(in srgb,var(--accent) 68%,#34354b);font-size:18px;line-height:1.5}
.feature-copy>p:not(.eyebrow):not(.feature-short){color:#737081;font-size:15px;line-height:1.9}
.feature-copy .check-list li{color:#686575;font-size:13px;border-color:color-mix(in srgb,var(--accent) 12%,transparent)}
.feature-copy .check-list li:before{color:var(--accent)}
.feature-copy .text-link{color:var(--accent);font-size:13px}
.demo-wrap{padding:21px;border-radius:21px;border-color:color-mix(in srgb,var(--accent,#345dff) 20%,white);background:color-mix(in srgb,var(--accent,#345dff) 8%,white);box-shadow:0 15px 40px color-mix(in srgb,var(--accent,#345dff) 8%,transparent);overflow:hidden}
.demo-caption{font-size:7px;letter-spacing:1.1px;color:color-mix(in srgb,var(--accent,#345dff) 55%,#999);margin-bottom:0}
.feature-band{background:transparent;color:var(--ink)}
.feature-band .feature-section{background:linear-gradient(125deg,#d8f4e7,#e5fff6);border-top:1px solid #b6e5ce;color:var(--ink)}
.feature-band.band-blue .feature-section{background:linear-gradient(125deg,#eee2fb,#ebefff);border-top:1px solid #dac9f3}
.feature-band .feature-copy h2{color:#176e58}
.feature-band.band-blue .feature-copy h2{color:#643b96}
.feature-band .feature-copy>p:not(.eyebrow):not(.feature-short){color:#5b8c7e}
.feature-band.band-blue .feature-copy>p:not(.eyebrow):not(.feature-short){color:#8a73a7}
.feature-band .eyebrow,.feature-band .demo-caption{color:var(--accent)}
.feature-band .demo-wrap{background:#ffffff6b;border-color:#ffffffa3}
.feature-band .check-list li{color:#578070}
.feature-band.band-blue .check-list li{color:#8b72a4}
.feature-band .check-list li:before{color:var(--accent)}
.store-image{height:225px;overflow:hidden;background:#fff4ea}
.store-image img{height:225px;object-fit:contain;display:block}
.social-photo{height:210px;overflow:hidden}
.social-photo img{height:210px;object-fit:cover;object-position:center}
.social-overlay{font-size:35px}
.app-visual{height:225px;overflow:hidden;background:#eaf0ff}
.app-visual img{height:225px;object-fit:contain}
.app-floating-label{font-size:8px}
.creative-frame{height:320px}
.creative-frame img{height:320px;object-fit:cover}
.creative-line{font-size:51px}
.whatsapp-reference,.campaign-reference{border-color:#c8e8da;border-radius:17px}
.campaign-reference{max-height:178px}
.campaign-reference img{height:178px;object-fit:contain;background:#f6fbf9}
.whatsapp-reference img{height:135px;object-fit:contain;background:#e8f9f0}
.reference-caption{font-size:8px}
.feature-section .reference-visual img{max-width:100%}
.bundle-benefits{background:linear-gradient(140deg,#fff7e5,#fff6ee);max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2));border-top:1px solid #efe2c4;border-bottom:1px solid #efe2c4}
.bundle-benefits h2{font-size:clamp(35px,3.7vw,57px);line-height:1.15;letter-spacing:-2px}
.bundle-benefits h2>span{color:#c86f34;font-style:italic;font-family:Georgia}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0}
.benefit-card{border:1px solid color-mix(in srgb,var(--accent) 13%,#fff);border-radius:16px;background:#fffdfa;padding:24px 23px;position:relative;overflow:hidden}
.benefit-card>span{display:grid;place-items:center;width:45px;height:45px;background:var(--wash);color:var(--accent);border-radius:12px;animation:refresh-node-breathe 6s infinite;animation-delay:var(--benefit-delay)}
.benefit-card h3{font:500 18px/1.3 var(--heading);letter-spacing:-.4px;margin:21px 0 11px;color:#61514b}
.benefit-card p{font-size:12px;line-height:1.75;color:#93827c;margin:0}
.benefit-flow{position:absolute;bottom:0;height:3px;left:0;right:0;background:var(--wash);overflow:hidden}
.benefit-flow:after{content:'';height:100%;position:absolute;left:-40%;width:40%;background:var(--accent);opacity:.3;animation:refresh-scan 5s ease-in-out infinite;animation-delay:var(--benefit-delay)}
.bundle-benefits>.text-link{color:#b36c3f;font-size:12px}
.approach{background:#f4f0fc;max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2));border-top:1px solid #e6ddf4}
.process-grid article>span{color:#9a71d8;background:#ece0fa;border-radius:10px;padding:9px;display:inline-block;font-size:18px;animation:refresh-check 6s infinite}
.process-grid article:nth-child(2)>span{animation-delay:1.5s}.process-grid article:nth-child(3)>span{animation-delay:3s}.process-grid article:nth-child(4)>span{animation-delay:4.5s}
.packages-section{background:#fffbf4;max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}
.plan-card{border-radius:17px;background:#fff6ed;border-color:#ebded6}
.plan-card:nth-child(3){background:#f2eeff;border-color:#ded5ee}
.plan-card.featured{background:linear-gradient(145deg,#2c967f,#007e70);border-color:#178b75;box-shadow:0 10px 30px #008b7420}
.plan-card.featured .plan-badge{background:#caf3df;color:#006951}
.plan-card.featured .button{background:#d6f8b6;color:#286548}
.plan-card.featured p,.plan-card.featured .check-list li,.plan-card.featured .plan-top{color:#c7ede2}
.plan-card.featured .check-list li:before{color:#e1fbb0}
.plan-card:not(.featured) .button-dark{background:#8f50cc;color:white}
.cta-section{background:linear-gradient(120deg,#6451d6,#9364de);overflow:hidden}
.cta-section:after{content:'';width:430px;height:430px;border:75px solid #ffffff08;border-radius:50%;right:-110px;top:100px;position:absolute;animation:refresh-orbit 27s linear infinite}
.cta-stamp{background:#f4bf63;color:#835122;border-color:#ffd784;animation:refresh-deco 9s infinite;z-index:1}
.footer{background:radial-gradient(ellipse at 95% 20%,#48356d,transparent 60%),#29223b}
.footer-large{color:#c3a3e4}
.footer-large>span{color:#efac69;display:inline-block;animation:refresh-spin 35s linear infinite}
.section-tracker{background:#fff8f2e8;border-color:#ebd8d0;border-radius:11px;box-shadow:0 5px 24px #a2633310}
.section-tracker .tracker-number,.section-tracker>div:first-child>b{color:#c87942}
.tracker-progress>i{background:linear-gradient(90deg,#f09a65,#a368d2)}
.page-intro{background:radial-gradient(ellipse at 100% 0,#f1e8fe,transparent 50%),linear-gradient(115deg,#fffdf8,#fff5eb);max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}
.page-intro h1 .serif,.service-hero h1 .serif{color:#995bd6}
.service-hero{background:linear-gradient(110deg,var(--wash,#f7f1ff),#fffdf8 68%);max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}
.service-hero h1{color:color-mix(in srgb,var(--accent,#7f49ca) 28%,#383247)}
.service-hero .eyebrow{color:var(--accent,#7953b1)}
.directory-card{background:var(--wash,#fff7ed);border-color:color-mix(in srgb,var(--accent,#aa6dd1) 20%,white);border-radius:13px}
.directory-card:hover{background:var(--wash,#f3e8ff);box-shadow:0 10px 25px color-mix(in srgb,var(--accent,#aa6dd1) 13%,transparent)}
.deliverables-grid article{background:#f7f1ff;border-color:#e4d9f2;border-radius:13px}
@keyframes refresh-card-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes refresh-core-float{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-54%) rotate(2deg)}}
@keyframes refresh-spin{to{rotate:360deg}}
@keyframes refresh-orbit{to{rotate:360deg}}
@keyframes refresh-line-flow{to{stroke-dashoffset:-48}}
@keyframes refresh-dot-pulse{0%,100%{box-shadow:0 0 0 4px #08ad8310}50%{box-shadow:0 0 0 9px #08ad8306}}
@keyframes refresh-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes refresh-typing{0%,100%{translate:0 0;opacity:.4}50%{translate:0 -3px;opacity:1}}
@keyframes refresh-content-bar{0%,100%{height:5px;background:#d6ceef}50%{height:15px;background:#9a75d3}}
@keyframes refresh-check{0%,100%{scale:1;opacity:.65}50%{scale:1.1;opacity:1}}
@keyframes refresh-deco{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -10px;rotate:8deg}}
@keyframes refresh-node-breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes refresh-hub{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}
@keyframes refresh-wave{0%,100%{height:7px;opacity:.5}50%{height:23px;opacity:1}}
@keyframes refresh-journey-chip{0%,100%{background:#eee7f6;color:#80668d}35%{background:#dcc6f7;color:#714298}}
@keyframes refresh-chapter-icon{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -3px;rotate:5deg}}
@keyframes refresh-scan{to{left:120%}}
.motion-paused :is(.hero-shell,.growth-universe,.benefit-card,.chapter-icon,.process-grid,.cta-section,.footer-large) *,.motion-paused .hero-title-spark,.motion-paused .chapter-icon,.motion-paused .benefit-card>span,.motion-paused .hero-stage *,.motion-paused .colorful-marquee>div{animation:none!important}
.motion-paused :is(.hero-color-word,.benefit-flow,.hub-orbit)::after{animation:none!important}
@media(min-width:1600px){.hero-refresh{gap:6%}.hero-stage{height:650px}.hero-search-card{top:20px}.hero-chat-card{top:305px}.hero-creative-card{bottom:88px}.growth-landscape{grid-template-columns:1fr 210px 1fr;gap:35px}.growth-node-grid{gap:25px}.growth-node>b{font-size:12px}.node-status{font-size:7px}.node-icon{height:47px;width:47px}}
@media(max-width:1200px){.hero-refresh{padding:45px 4%;grid-template-columns:1fr 1.14fr;gap:1%}.hero-refresh h1{font-size:76px;letter-spacing:-4px}.hero-title-spark{right:6%;font-size:48px}.hero-stage{height:590px}.hero-search-card{width:254px;padding:15px;left:5px}.hero-chat-card{width:226px;padding:12px;right:0;top:275px}.hero-creative-card{width:252px;gap:9px;bottom:68px;left:4px}.hero-creative-thumb{width:67px;height:80px}.hero-creative-card b{font-size:10px}.hero-creative-card .hero-card-kicker{font-size:6px}.hero-app-notice{right:0;top:22px;width:163px;padding:10px}.hero-app-notice b{font-size:8px}.hero-core-image{width:68%;top:43%;left:54%}.hero-deco.deco-email{left:8%;top:285px}.hero-summary{font-size:22px}.hero-description{font-size:15px;max-width:385px}.hero-proof-seal{display:none}.hero-proof p{font-size:10px}.hero-actions{gap:15px}.hero-actions .button{padding:15px 18px;font-size:12px}.hero-actions .text-link{font-size:10px}.growth-landscape{grid-template-columns:1fr 140px 1fr;gap:13px;min-height:540px}.growth-node-grid{gap:15px 10px;grid-template-rows:repeat(4,115px)}.growth-node>b{font-size:9px}.growth-node{padding:12px 5px}.hub-mark{height:106px;width:106px;border-radius:27px}.hub-mark>span{font-size:61px}.hub-orbit{width:140px;height:140px;margin-left:-70px}.growth-hub>b{font-size:20px}.growth-hub>span{font-size:6px}.growth-journey-bar{gap:13px;padding:17px}.journey-label{font-size:7px;letter-spacing:.7px}.growth-journey{font-size:10px;gap:9px}.growth-journey>span{padding:7px 9px}.benefit-card{padding:22px 18px}.benefit-card h3{font-size:17px}.feature-section{gap:6%;padding-left:4%;padding-right:4%}.value-intro{padding-left:4%;padding-right:4%;gap:5%}}
@media(max-width:1000px) and (min-width:761px){.hero-refresh h1{font-size:61px;letter-spacing:-3.5px}.hero-stage{height:545px}.hero-search-card{width:223px;top:30px;left:-4px}.hero-search-result b{font-size:10px}.hero-result-actions{gap:5px}.hero-chat-card{width:209px;top:252px;right:-5px}.hero-creative-card{width:225px;left:-10px;bottom:59px}.hero-creative-thumb{width:61px;height:69px;padding:11px 8px}.hero-creative-thumb>span{font-size:16px}.hero-creative-card b{font-size:9px}.hero-card-kicker{font-size:6px}.hero-app-notice{width:145px;right:-4px;top:5px}.hero-app-notice small{font-size:6px}.hero-app-notice b{font-size:7px}.hero-core-image{width:69%;left:58%;top:41%}.hero-proof p{font-size:9px}.hero-deco{scale:.85}.deco-target{right:2%;top:157px}.deco-email{left:2%;top:243px}.hero-actions{gap:14px}.hero-actions .button{font-size:11px;padding:14px}.hero-description{font-size:14px}.hero-summary{font-size:20px}.hero-refresh .eyebrow{font-size:8px;letter-spacing:.8px}.growth-node-grid{grid-template-columns:repeat(3,1fr);gap:12px 7px;grid-template-rows:repeat(4,105px)}.growth-landscape{grid-template-columns:1fr 116px 1fr;min-height:486px;gap:8px}.node-icon{width:36px;height:36px;border-radius:11px}.node-icon .service-icon{width:23px;height:23px}.growth-node>b{font-size:8px}.node-status{font-size:5px}.growth-hub>b{font-size:18px}.hub-mark{height:89px;width:89px;border-radius:23px}.hub-mark>span{font-size:53px}.hub-orbit{width:114px;height:114px;margin-left:-57px}.growth-universe-heading h2{font-size:38px}.growth-universe-heading{gap:4%;grid-template-columns:1.2fr 1fr}.growth-universe-heading>div:last-child>p{font-size:12px}.growth-filters button{font-size:9px;padding:7px 10px}.growth-journey-bar{flex-wrap:wrap;justify-content:center;gap:13px}.journey-label{font-size:7px}.universe-bottom p{font-size:9px}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:10px}.benefit-card{padding:19px 14px}.benefit-card h3{font-size:16px}.benefit-card p{font-size:11px}}
@media(max-width:760px){.hero-refresh{grid-template-columns:1fr;padding:40px 6% 36px;gap:25px;min-height:0}.hero-refresh h1{font-size:clamp(62px,12vw,90px);letter-spacing:-3.5px;max-width:560px}.hero-title-spark{right:0;font-size:55px;top:4px}.hero-description{max-width:500px;font-size:15px}.hero-summary{font-size:22px}.hero-proof{max-width:430px;margin-top:26px}.hero-stage{height:585px;max-width:600px;width:100%;margin:auto}.hero-search-card{width:270px;left:0;top:20px;padding:18px}.hero-chat-card{width:245px;right:0;top:263px;padding:14px}.hero-creative-card{width:275px;left:0;bottom:72px}.hero-creative-thumb{height:85px;width:76px}.hero-app-notice{width:auto;max-width:185px;right:0;top:20px;padding:10px}.hero-app-notice b{font-size:8px}.hero-app-notice small{font-size:7px}.hero-core-image{max-width:370px;top:43%;left:53%;width:67%}.hero-card-kicker{font-size:7px}.hero-deco{scale:.9}.deco-email{top:275px;left:5%}.deco-target{top:140px;right:3%}.deco-growth{left:55%;bottom:103px}.hero-stage-note{font-size:6px}.colorful-marquee>div{font-size:17px}.value-intro{grid-template-columns:1fr;gap:10px;padding:60px 6%}.value-intro h2{font-size:36px}.value-intro>div>p:not(.eyebrow){font-size:15px;margin-top:12px}.value-pill-row{gap:7px}.value-pill-row>span{font-size:8px;padding:8px}.growth-universe{padding:55px 6% 30px}.growth-universe-heading{grid-template-columns:1fr;gap:22px;padding:0}.growth-universe-heading h2{font-size:38px}.growth-universe-heading>div:last-child>p{font-size:14px}.growth-filters{gap:6px}.growth-filters button{font-size:10px;padding:9px 12px}.growth-landscape{display:flex;flex-direction:column;gap:25px;margin:27px 0}.growth-wires{display:none}.growth-node-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:10px;width:100%}.growth-node{height:112px;border-radius:13px;gap:8px;padding:12px 6px}.node-icon{height:38px;width:38px;border-radius:11px}.node-icon .service-icon{width:25px;height:25px}.growth-node>b{font-size:9px}.node-status{font-size:5px}.growth-hub{order:0;margin-bottom:4px;padding:30px 0 0;flex-direction:row;width:100%;gap:20px;justify-content:center}.node-grid-left{order:1}.node-grid-right{order:2}.growth-hub>span{font-size:7px;text-align:left}.hub-mark{height:80px;width:80px;border-radius:21px}.hub-mark>span{font-size:47px}.hub-mark svg{height:60px;width:60px}.growth-hub>b{font-size:22px;margin-top:0}.hub-orbit,.hub-wave{display:none}.growth-journey-bar{flex-direction:column;gap:14px;padding:19px 12px}.growth-journey{font-size:10px;gap:8px;flex-wrap:wrap;justify-content:center}.growth-journey>span{padding:7px}.journey-label{font-size:7px}.universe-bottom{flex-direction:column;align-items:flex-start;gap:17px;padding-top:24px}.universe-bottom p{font-size:10px}.universe-bottom .button{font-size:12px;padding:14px 18px}.feature-section,.feature-section.reverse{padding:60px 6%;grid-template-columns:1fr;gap:30px;background:linear-gradient(150deg,var(--wash),#fffdfa)}.feature-copy>.eyebrow{font-size:9px;gap:10px}.chapter-icon{width:40px;height:40px;border-radius:11px}.chapter-icon .service-icon{width:25px;height:25px}.feature-copy h2{font-size:37px}.feature-copy .feature-short{font-size:18px}.feature-copy>p:not(.eyebrow):not(.feature-short){font-size:15px}.feature-copy .check-list li{font-size:13px}.demo-wrap{padding:20px;border-radius:19px}.feature-band .feature-section{padding:60px 6%}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:13px}.bundle-benefits{padding:65px 6%}.bundle-benefits h2{font-size:39px}.benefit-card{padding:22px 19px}.benefit-card h3{font-size:17px}.benefit-card p{font-size:12px}.approach,.packages-section,.page-intro,.service-hero{padding-left:6%;padding-right:6%}.store-image,.store-image img{height:230px}.social-photo,.social-photo img{height:225px}.app-visual,.app-visual img{height:230px}.creative-frame,.creative-frame img{height:320px}.campaign-reference,.campaign-reference img{max-height:180px;height:180px}.whatsapp-reference img{height:150px}.section-tracker{display:none!important}}
@media(max-width:420px){.hero-refresh h1{font-size:59px;letter-spacing:-3.5px}.hero-title-spark{font-size:40px;top:-10px;right:-3px}.hero-refresh .eyebrow{font-size:7px;letter-spacing:.8px}.hero-summary{font-size:21px}.hero-stage{height:525px}.hero-search-card{width:225px;top:18px;padding:14px;left:-6px}.hero-search-result b{font-size:10px}.hero-search-result p{font-size:8px}.hero-search-result p span{font-size:10px}.hero-search-field{font-size:9px;padding:8px}.hero-card-kicker{font-size:6px}.hero-chat-card{width:208px;top:229px;right:-6px;padding:11px}.hero-mini-chat-top b{font-size:9px}.hero-mini-bubble{font-size:9px}.hero-chat-foot{font-size:6px}.hero-creative-card{width:233px;left:-5px;bottom:70px;gap:9px;padding:10px}.hero-creative-thumb{width:60px;height:71px;padding:13px 9px}.hero-creative-thumb>span{font-size:15px}.hero-creative-thumb em{font-size:18px}.hero-creative-card b{font-size:9px}.hero-creative-card .hero-card-kicker{font-size:5px}.hero-app-notice{max-width:138px;top:0;right:-5px;padding:9px;gap:6px}.hero-app-notice .service-icon{width:17px;height:17px}.hero-app-notice b{font-size:6px}.hero-app-notice small{font-size:5px}.hero-core-image{width:71%;top:41%;left:58%}.hero-deco{scale:.75}.deco-email{top:229px;left:1%}.deco-target{top:137px;right:-2%}.deco-growth{left:55%;bottom:106px}.hero-stage-controls button{font-size:9px;padding:7px 13px}.hero-stage-controls{bottom:30px}.hero-stage-note{font-size:5px;letter-spacing:.9px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px}.hero-proof p{font-size:10px}.growth-node-grid{grid-template-columns:repeat(3,1fr);gap:10px}.growth-node{height:106px}.growth-node>b{font-size:9px}.growth-universe-heading h2{font-size:33px}.growth-hub{gap:13px}.growth-hub>b{font-size:20px}.growth-hub>span{font-size:6px}.growth-filters button{font-size:9px;padding:8px 11px}.growth-filters{gap:5px}.benefit-card{padding:20px 16px}.benefit-card h3{font-size:16px}.benefit-card p{font-size:11px}.feature-copy h2{font-size:34px}.chapter-icon{width:35px;height:35px}.feature-copy>.eyebrow{font-size:8px}.store-image,.store-image img{height:200px}.social-photo,.social-photo img{height:200px}.app-visual,.app-visual img{height:200px}.demo-wrap{padding:15px}}
@media(prefers-reduced-motion:reduce){.hero-stage *,.growth-universe *,.colorful-marquee>div,.hero-title-spark,.chapter-icon,.benefit-card *,.process-grid article>span,.cta-stamp,.footer-large>span{animation:none!important}.benefit-flow:after,.hub-orbit:after{animation:none!important}}
@media print{.hero-stage{height:450px}.growth-universe{break-before:page}.growth-landscape{display:block}.growth-node-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;gap:10px}.growth-node{height:100px}.growth-hub,.growth-wires{display:none}.growth-universe *,.hero-stage *{animation:none!important}.feature-section{break-before:page;background:white}.growth-journey-bar{display:none}}
.hero-shell:not(.refresh-active) *,.growth-universe:not(.refresh-active) *,.bundle-benefits:not(.refresh-active) *,.approach:not(.refresh-active) .process-grid article>span,.cta-section:not(.refresh-active) .cta-stamp,.feature-section:not(.refresh-active) .chapter-icon{animation-play-state:paused}
.bundle-benefits:not(.refresh-active) .benefit-flow:after{animation-play-state:paused}
/* Separate phone surfaces bring the app journey to life without a giant flat image. */
.app-device-stage{height:418px;position:relative;display:flex;justify-content:center;align-items:center;gap:26px;background:radial-gradient(ellipse at 50% 45%,#e7dafa,transparent 70%);padding:0 5px 28px;isolation:isolate}
.live-phone{width:174px;height:328px;border:5px solid #393348;border-radius:29px;background:#fffaf8;position:relative;box-shadow:0 13px 19px #67529929,inset 0 0 0 1px #0e142d;z-index:2;transform-origin:center;animation:phone-ios-focus 12s ease-in-out infinite}
.phone-android{border-color:#695c7d;background:#f8f3ff;animation:phone-android-focus 12s ease-in-out infinite}
.phone-device-top{height:27px;padding:9px 13px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:6px;line-height:1;font-weight:600;color:#494252}
.phone-device-top>i{height:9px;width:47px;background:#393348;border-radius:12px;position:absolute;top:8px;left:50%;transform:translateX(-50%)}
.phone-android .phone-device-top>i{width:5px;height:5px;border-radius:50%;top:10px;background:#352b43}
.phone-screen{padding:4px 10px 8px;overflow:hidden}
.phone-brand{display:flex;align-items:center;justify-content:space-between}
.phone-brand>b{font:600 16px/1 var(--heading);letter-spacing:-.8px;color:#40314e}
.phone-brand>b>span{font-size:10px;color:#d67439;margin-left:3px}
.phone-brand>span{font-size:6px;border:1px solid #e2d5e7;border-radius:5px;padding:4px;color:#7c6085}
.phone-greeting{font-size:6px;color:#a391a6;margin:12px 0 5px}
.phone-screen h4{font:500 20px/1.1 var(--heading);letter-spacing:-1px;margin:0 0 10px;color:#674b75}
.phone-product-image{height:89px;border-radius:9px;background:#eee8fa;position:relative;overflow:hidden}
.phone-product-image img{width:100%;height:89px;display:block;object-fit:cover;object-position:50% 52%;animation:phone-product-breathe 9s ease-in-out infinite}
.phone-android .phone-product-image{background:#e0f8f0}
.phone-product-image>span{font-size:4px;letter-spacing:.65px;position:absolute;left:6px;bottom:6px;background:#ffffffc9;border-radius:3px;padding:4px;color:#705885}
.phone-category-row{display:flex;gap:4px;font-size:5px;margin:8px 0;color:#9b8da6}
.phone-category-row>span{padding:4px;background:#f4eef9;border-radius:4px}
.phone-category-row>span:first-child{background:#daccf0;color:#744b98}
.phone-product-row{display:flex;justify-content:space-between;align-items:center}
.phone-product-row b{font-size:7px;color:#776080;font-weight:600}
.phone-product-row small{font-size:5px;color:#ac9aac;display:block;margin-top:3px}
.phone-bag-button{border:0;background:#8960bc;color:white;width:21px;height:21px;border-radius:7px;font-size:15px;line-height:1;display:grid;place-items:center}
.phone-android .phone-bag-button{background:#26968b}
.phone-order-strip{display:flex;align-items:center;gap:5px;border:1px solid #e8e0ed;padding:6px;border-radius:6px;margin-top:9px;background:#fffcf8;animation:phone-order-pulse 8s infinite}
.phone-order-strip>span{font-size:8px;background:#e6f5e5;color:#619362;border-radius:50%;height:13px;width:13px;display:grid;place-items:center}
.phone-order-strip b{font-size:5px;color:#98829b;display:block;font-weight:600}
.phone-order-strip small{font-size:4px;color:#b7a6b7;display:block;margin-top:2px}
.phone-bottom-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8dfeb;margin-top:8px;padding:7px 5px 0;color:#b8a1c5}
.phone-bottom-nav .service-icon{width:11px;height:11px}
.phone-bottom-nav>span:first-child{color:#8253a1}
.phone-home-bar{width:51px;height:3px;border-radius:10px;background:#332a41;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}
.phone-platform-label{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-size:9px;color:#8d6ca2;letter-spacing:.7px}
.phone-android .phone-platform-label{color:#498c82}
.app-live-notice{position:absolute;z-index:4;right:4%;top:11px;background:#fdf8ffea;border:1px solid #e3d8f0;border-radius:10px;padding:10px 12px 10px 36px;box-shadow:0 7px 20px #7853ae13;animation:app-notice-travel 12s ease-in-out infinite}
.app-live-notice>span{position:absolute;left:12px;top:13px;color:#ab79d5;font-size:17px}
.app-live-notice>b{font-size:8px;color:#886497;display:block}
.app-live-notice>small{font-size:6px;color:#b195bc;display:block;margin-top:4px}
.app-stage-circle{position:absolute;height:280px;width:280px;border:1px dashed #c9aedc80;border-radius:50%;z-index:0;animation:refresh-orbit 35s linear infinite}
.circle-a{left:-45px;top:60px}.circle-b{right:-45px;top:95px;animation-direction:reverse;border-color:#bddac680}
.app-device-stage[data-focus=iOS] .phone-ios{outline:1px solid #b19cca;outline-offset:5px}
.app-device-stage[data-focus=Android] .phone-android{outline:1px solid #74bcaa;outline-offset:5px}
.app-device-stage[data-focus=iOS] .phone-android,.app-device-stage[data-focus=Android] .phone-ios{opacity:.7;transition:opacity .5s}
.app-device-stage .phone-bag-button:hover{background:#5b317b;scale:1.1}
.live-email-demo .email-envelope{border:0;box-shadow:none;border-radius:0;background:white}
.live-inbox{background:white;border:1px solid #f0d7dd;border-radius:11px;overflow:hidden;position:relative}
.inbox-toolbar{height:44px;background:#fff6f7;border-bottom:1px solid #f0e3e8;display:flex;align-items:center;gap:9px;padding:0 14px}
.gmail-style-icon{font:bold 21px/1 var(--body);background:conic-gradient(#df4c41 0 20%,#eac455 20% 35%,#4eac80 35% 50%,#568edd 50% 75%,#df4c41 75% 100%);color:transparent;background-clip:text}
.inbox-toolbar b{font-size:11px;color:#98767d;font-weight:500}
.inbox-toolbar>span:nth-of-type(2){font-size:7px;color:#c1a4ab;margin-left:auto}
.inbox-toolbar>i{width:5px;height:5px;border-radius:50%;background:#96cdb8;animation:refresh-blink 2s infinite}
.inbox-layout{display:grid;grid-template-columns:36px 1fr}
.inbox-sidebar{display:flex;flex-direction:column;gap:20px;align-items:center;padding-top:18px;background:#fff6f7;font-size:12px;color:#d4b5be}
.inbox-sidebar>span:first-child{color:#d18596;background:#f6e1e6;border-radius:6px;padding:5px}
.inbox-content{padding:13px;min-width:0}
.live-email-demo .email-meta{padding:0 0 11px;gap:4px;border-bottom:1px solid #f0e7eb}
.live-email-demo .email-meta>span{font-size:7px;color:#b89aa4}
.live-email-demo .email-meta>b{font-size:11px;color:#90707c;margin-top:6px}
.live-email-demo .email-body{padding:14px 15px;background:linear-gradient(135deg,#fff4f7,#fef9f7);border-radius:7px;margin-top:11px}
.live-email-demo .email-brand{font-size:6px;letter-spacing:1.4px;color:#c29aaa}
.live-email-demo .email-heading{font-size:25px;line-height:1.1;letter-spacing:-1px;color:#ad6583;margin:10px 0}
.live-email-demo .email-copy{font-size:9px;line-height:1.6;color:#ba8f9d;margin:0 0 12px;max-width:none}
.live-email-demo .email-fake-button{font-size:7px;border-radius:5px;padding:7px 10px;background:#cd6c93;color:#fff}
.live-email-demo .email-unsubscribe{font-size:5px;color:#c6a4af;padding:10px 0;border:0}
.inbox-customer-thread{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #f2e6e9;animation:inbox-thread-in 14s ease-in-out infinite}
.inbox-avatar{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:#ffdccd;color:#c88160;font-size:7px;flex-shrink:0}
.inbox-customer-thread b{font-size:8px;color:#b08c98;font-weight:600}
.inbox-customer-thread p{font-size:7px;line-height:1.6;color:#c4a3ad;margin:3px 0 0}
.inbox-customer-thread>span:last-child{font-size:13px;color:#d8b4c2;margin-left:auto}
.inbox-ai-reply{background:#f0fbf4;border:1px solid #daeee1;border-radius:8px;padding:11px 12px;animation:inbox-reply-in 14s ease-in-out infinite}
.inbox-ai-reply>div{display:flex;gap:6px;align-items:center;color:#8cbaa1}
.inbox-ai-reply>div>span{font-size:13px;animation:refresh-spin 14s linear infinite}
.inbox-ai-reply>div>b{font-size:8px;font-weight:600}
.inbox-ai-reply>div>i{height:4px;width:4px;border-radius:50%;background:#79b699;margin-left:auto}
.inbox-ai-reply>p{font-size:7px;line-height:1.7;color:#8cb19a;margin:8px 0}
.inbox-reply-state{font-size:5px;letter-spacing:.1px;color:#a1c5ae}
.live-email-demo .journey-dots{font-size:8px;margin-top:16px;gap:10px}
.live-email-demo .journey-dots>span{font-size:8px;white-space:nowrap}
.live-email-demo .journey-dots b{font-size:8px}
.compact-footer{padding:35px max(5%,calc((100vw - 1440px)/2)) 20px;background:#f1ecf8;color:#77648d;border-top:1px solid #e2d9ee}
.compact-footer .logo{color:#765398;font-size:22px}
.compact-footer .logo svg{stroke:#8c62b9;height:28px;width:28px}
.compact-footer .logo .tail{stroke:#dd9c67}
.compact-footer .logo-dot{color:#d5996e}
.compact-footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}
.compact-footer-row>div>p{font-size:10px;color:#ab96b7;margin:11px 0 0}
.compact-footer nav{display:flex;gap:28px;align-items:center;font-size:11px;color:#9c81b2}
.compact-footer nav>a:hover{color:#7f46b2}
.compact-footer nav>a:last-child{display:flex;gap:13px;align-items:center;color:#8450ab}
.compact-footer nav>a:last-child>span{font-size:18px}
.compact-footer .footer-bottom{padding-top:20px;margin-top:25px;border-color:#e0d4ea;color:#b39cbe;font-size:8px;gap:18px}
.cta-inner{padding-top:75px;padding-bottom:75px}
.cta-inner h2{font-size:clamp(37px,5vw,67px)}
.cta-inner>p:not(.eyebrow){font-size:14px}
.cta-stamp{width:120px;height:120px;font-size:10px;right:9%;top:40%}
@keyframes phone-ios-focus{0%,100%{transform:translate(0,3px) rotate(-6deg) scale(.96)}25%,40%{transform:translate(7px,-5px) rotate(-3deg) scale(1.08)}65%,80%{transform:translate(-2px,4px) rotate(-6deg) scale(.93)}}
@keyframes phone-android-focus{0%,100%{transform:translate(0,-3px) rotate(6deg) scale(.97)}25%,40%{transform:translate(2px,4px) rotate(6deg) scale(.94)}65%,80%{transform:translate(-7px,-6px) rotate(3deg) scale(1.08)}}
@keyframes phone-product-breathe{0%,100%{scale:1}50%{scale:1.08}}
@keyframes phone-order-pulse{0%,100%{background:#fffaf8;border-color:#e9deed}40%{background:#f1fbec;border-color:#c8e2bb}}
@keyframes app-notice-travel{0%,100%{transform:translateY(0);opacity:.75}45%{transform:translateY(-4px);opacity:1}75%{transform:translate(-15px,4px);opacity:1}}
@keyframes inbox-thread-in{0%,100%{opacity:.35;transform:translateY(3px)}20%,85%{opacity:1;transform:translateY(0)}}
@keyframes inbox-reply-in{0%,15%,100%{opacity:.3;transform:translateY(6px)}35%,85%{opacity:1;transform:translateY(0)}}
.motion-paused .live-phone,.motion-paused .phone-product-image img,.motion-paused .app-live-notice,.motion-paused .inbox-ai-reply,.motion-paused .inbox-customer-thread{animation:none!important}
@media(max-width:1200px){.app-device-stage{gap:21px;height:402px}.live-phone{width:157px;height:317px}.phone-screen{padding:4px 8px}.phone-screen h4{font-size:19px}.phone-product-image,.phone-product-image img{height:82px}.app-live-notice{top:5px;font-size:8px}.compact-footer nav{gap:19px}.live-email-demo .email-copy{font-size:8px}}
@media(max-width:1000px) and (min-width:761px){.app-device-stage{height:356px;gap:20px}.live-phone{width:137px;height:276px;border-width:4px;border-radius:24px}.phone-device-top{height:23px;padding:8px 10px 0;font-size:5px}.phone-screen{padding:3px 7px}.phone-brand>b{font-size:13px}.phone-screen h4{font-size:17px;margin-bottom:8px}.phone-greeting{margin:8px 0 5px;font-size:5px}.phone-product-image,.phone-product-image img{height:73px}.phone-category-row{font-size:4px;margin:7px 0}.phone-category-row>span{padding:3px}.phone-product-row b{font-size:6px}.phone-product-row small{font-size:4px}.phone-order-strip{padding:5px;margin-top:7px}.phone-order-strip b{font-size:4px}.phone-order-strip small{font-size:3px}.phone-bottom-nav{padding-top:6px;margin-top:6px}.phone-bottom-nav .service-icon{width:9px;height:9px}.app-live-notice{font-size:7px;padding:8px 10px 8px 31px;right:0}.app-live-notice>b{font-size:7px}.app-live-notice>small{font-size:5px}.app-live-notice>span{font-size:15px;left:10px;top:10px}.phone-bag-button{width:18px;height:18px;font-size:13px}.inbox-toolbar b{font-size:9px}.inbox-toolbar>span:nth-of-type(2){font-size:6px}.inbox-layout{grid-template-columns:29px 1fr}.inbox-content{padding:10px}.live-email-demo .email-heading{font-size:23px}.inbox-ai-reply{padding:10px}.compact-footer nav{gap:15px;font-size:10px}}
@media(max-width:760px){.app-device-stage{gap:35px;height:420px;padding-bottom:25px}.live-phone{width:174px;height:328px}.phone-screen h4{font-size:20px}.phone-product-image,.phone-product-image img{height:89px}.app-live-notice{top:9px;right:6%}.compact-footer{padding:30px 6% 20px}.compact-footer-row{align-items:flex-start;flex-direction:column;gap:24px}.compact-footer nav{gap:24px;font-size:11px;flex-wrap:wrap}.compact-footer .footer-bottom{font-size:8px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.compact-footer .footer-bottom>span:first-child{flex-basis:100%}.cta-inner{padding-top:65px;padding-bottom:65px}.cta-stamp{display:none}.live-email-demo .email-copy{font-size:9px}.inbox-toolbar b{font-size:11px}}
@media(max-width:460px){.app-device-stage{gap:22px;height:373px}.live-phone{width:144px;height:289px;border-width:4px;border-radius:24px}.phone-device-top{height:23px;padding:8px 10px 0;font-size:5px}.phone-device-top>i{width:40px;height:8px}.phone-screen{padding:3px 8px}.phone-brand>b{font-size:14px}.phone-greeting{font-size:5px;margin-top:9px}.phone-screen h4{font-size:18px;margin-bottom:8px}.phone-product-image,.phone-product-image img{height:78px}.phone-category-row{font-size:4px;margin:7px 0}.phone-category-row>span{padding:3px}.phone-product-row b{font-size:6px}.phone-product-row small{font-size:4px}.phone-order-strip{margin-top:7px;padding:5px}.phone-order-strip b{font-size:4px}.phone-order-strip small{font-size:3.5px}.phone-bottom-nav{margin-top:6px;padding-top:6px}.phone-bottom-nav .service-icon{width:9px;height:9px}.app-live-notice{right:0;top:4px}.app-live-notice>b{font-size:7px}.app-live-notice>small{font-size:5px}.phone-bag-button{width:18px;height:18px}.phone-platform-label{font-size:8px}.compact-footer nav{gap:17px;font-size:10px}.inbox-content{padding:10px}.inbox-layout{grid-template-columns:28px 1fr}.inbox-toolbar b{font-size:10px}.inbox-toolbar>span:nth-of-type(2){font-size:6px}.live-email-demo .email-meta>b{font-size:10px}.live-email-demo .email-copy{font-size:8px}.live-email-demo .journey-dots>span,.live-email-demo .journey-dots b{font-size:7px}.phone-android .phone-device-top>i{height:4px;width:4px}}
@media(prefers-reduced-motion:reduce){.live-phone,.phone-product-image img,.app-live-notice,.app-stage-circle,.inbox-customer-thread,.inbox-ai-reply,.inbox-ai-reply>div>span{animation:none!important}}
.qt-map-storefront{position:absolute;width:116px;height:116px;object-fit:contain;right:3px;bottom:-6px;filter:drop-shadow(0 8px 5px #395e521a);animation:refresh-card-float 8s ease-in-out infinite;pointer-events:none}
.qt-map-brand{background:#f0faf4;width:54px;height:54px;border:1px solid #e1eee7;border-radius:13px}
.qt-map-brand>img{display:block;width:50px;height:50px;object-fit:contain;animation:refresh-node-breathe 7s infinite}
.qt-map-brand>svg{display:none}
.qt-map-reply>div>span{animation:refresh-spin 15s linear infinite;display:inline-block}
.qt-map:not(.map-active) *,.qt-map:not(.map-active) .qt-map-storefront{animation-play-state:paused}
.growth-node>b{font-size:11px}
.node-status,.universe-bottom p{color:#8a7e95}
.growth-hub>span{color:#8862a8}
.value-pill-row>span{color:#796572}
.hero-card-kicker{color:#786481}
.hero-stage-note{color:#807287}
.hero-chat-foot{color:#608374}
.hero-app-notice small{color:#877392}
.inbox-toolbar b{color:#835460}
.inbox-toolbar>span:nth-of-type(2){color:#9f7986}
.live-email-demo .email-meta>span{color:#987383}
.live-email-demo .email-meta>b{color:#7e5266}
.live-email-demo .email-copy{font-size:10px;color:#8f5d71}
.inbox-customer-thread b{font-size:9px;color:#906074}
.inbox-customer-thread p{font-size:8px;color:#946c7c}
.inbox-ai-reply>div>b{font-size:9px;color:#4b8667}
.inbox-ai-reply>p{font-size:8px;color:#5d8971}
.inbox-reply-state{font-size:6px;color:#58896e}
.compact-footer .footer-bottom{color:#8f779e}
.compact-footer-row>div>p{color:#937c9f}
.compact-footer nav{color:#836296}
.cta-inner{background:transparent;border-radius:0}
.live-phone{min-width:0;flex-shrink:1}
.demo-wrap[data-kind="email"] .live-email-demo .email-body{background:linear-gradient(135deg,#fff4f7,#fef9f7)}
.demo-wrap[data-kind="email"] .live-email-demo .email-body .email-copy{color:#8f5d71}
.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(max-width:1200px){.growth-node>b{font-size:10px}}
@media(max-width:1000px) and (min-width:761px){.growth-node>b{font-size:9px}.qt-map-brand{width:41px;height:41px}.qt-map-brand>img{width:40px;height:40px}}
@media(max-width:760px){.growth-node>b{font-size:10px}.qt-map-storefront{width:112px;height:112px}}
@media(max-width:420px){.growth-node>b{font-size:9px}.qt-map-brand{width:38px;height:38px}.qt-map-brand>img{width:36px;height:36px}.qt-map-storefront{width:93px;height:93px}.live-email-demo .email-copy{font-size:9px}}