/* XpressWebz Creative Worlds — standalone clickable concept sites */
.xw-demo-body{margin:0;background:var(--demo-light);color:var(--demo-dark);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}.xw-demo-body *{box-sizing:border-box}.xw-demo-body a{color:inherit;text-decoration:none}.demo-topbar{height:38px;background:#080b12;color:#b9c4d4;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;font-size:9px;letter-spacing:1.25px}.demo-topbar a{transition:color .2s}.demo-topbar a:hover{color:white}.demo-topbar .demo-create{color:#fff;background:linear-gradient(90deg,#586dff,#26c9e7);padding:12px 18px;font-weight:800}.demo-nav{height:86px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:5;border-bottom:1px solid color-mix(in srgb,var(--demo-dark) 12%,transparent);background:var(--demo-light)}.demo-brand{font-size:18px;font-weight:900;letter-spacing:-.7px;display:flex;flex-direction:column;gap:5px}.demo-brand small{font-size:8px;font-weight:600;letter-spacing:1.7px;opacity:.58}.demo-nav nav{display:flex;gap:28px;font-size:12px}.demo-nav nav a{opacity:.68;transition:opacity .2s}.demo-nav nav a:hover{opacity:1}.demo-nav-cta{border:1px solid color-mix(in srgb,var(--demo-dark) 35%,transparent);padding:13px 16px;font-size:9px;font-weight:800;letter-spacing:.8px;transition:background .25s,color .25s}.demo-nav-cta:hover{background:var(--demo-dark);color:var(--demo-light)}.demo-site{overflow:hidden}.demo-hero{min-height:630px;padding:74px 7% 70px;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center;position:relative}.demo-hero-copy{position:relative;z-index:2;max-width:660px}.demo-eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:27px}.demo-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 20px var(--demo-accent);animation:demoPulse 1.7s infinite}.demo-hero h1{font-size:clamp(47px,6.2vw,91px);line-height:.93;letter-spacing:-.075em;font-weight:850;margin:0 0 24px;max-width:720px}.demo-hero-copy>p{font-size:16px;line-height:1.8;opacity:.72;max-width:460px}.demo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.demo-button{display:inline-flex;align-items:center;gap:28px;padding:17px 20px;background:var(--demo-dark);color:var(--demo-light)!important;font-size:11px;font-weight:800;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 25px color-mix(in srgb,var(--demo-dark) 14%,transparent)}.demo-button span{font-size:18px;transition:transform .3s}.demo-button:hover{transform:translateY(-4px);box-shadow:0 18px 38px color-mix(in srgb,var(--demo-dark) 23%,transparent)}.demo-button:hover span{transform:translate(4px,-4px)}.demo-text-link{font-size:11px;font-weight:700;opacity:.7}.demo-hero-stats{display:flex;gap:38px;margin-top:48px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--demo-dark) 17%,transparent);max-width:470px}.demo-hero-stats div{display:flex;flex-direction:column;gap:6px}.demo-hero-stats b{font-size:25px;letter-spacing:-1px}.demo-hero-stats span{font-size:9px;letter-spacing:.8px;text-transform:uppercase;opacity:.58}.demo-hero-art{position:relative;min-height:485px;perspective:1000px}.demo-photo{position:absolute;inset:0 0 20px 8%;background-image:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.28)),var(--demo-photo);background-size:cover;background-position:center;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.2);animation:demoPhotoIn 1.1s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.demo-photo:after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 49%,transparent 62%);transform:translateX(-90%);animation:demoSweep 6s ease-in-out 1.4s infinite}.demo-photo-glow{position:absolute;inset:10% 0 0 15%;background:var(--demo-accent);filter:blur(75px);opacity:.22;z-index:-1;animation:demoGlow 6s ease-in-out infinite alternate}.demo-orbit{position:absolute;border:1px solid var(--demo-accent);border-radius:50%;pointer-events:none;opacity:.75}.orbit-one{width:125%;height:30%;left:-7%;top:31%;transform:rotate(-27deg);animation:demoOrbit 24s linear infinite}.orbit-two{width:95%;height:55%;left:3%;top:20%;transform:rotate(38deg);border-style:dashed;opacity:.38;animation:demoOrbit 30s linear infinite reverse}.demo-sticker{position:absolute;right:-4%;top:4%;width:112px;height:112px;border-radius:50%;background:var(--demo-accent);color:var(--demo-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);box-shadow:0 15px 35px rgba(0,0,0,.2);animation:demoSticker 5s ease-in-out infinite}.demo-sticker span{font-size:22px}.demo-sticker b{font-size:20px;line-height:1}.demo-sticker small{font-size:7px;letter-spacing:1px;text-align:center;margin-top:5px}.demo-floating-card{position:absolute;left:-3%;bottom:3%;background:var(--demo-light);color:var(--demo-dark);padding:18px 21px;min-width:210px;box-shadow:0 20px 55px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:8px;animation:demoCardFloat 6s ease-in-out infinite}.demo-floating-card small,.demo-floating-card span{font-size:8px;letter-spacing:1.4px;opacity:.6}.demo-floating-card b{font-size:18px;letter-spacing:-.6px}.demo-image-caption{position:absolute;bottom:-3px;right:0;font-size:8px;letter-spacing:1.5px;opacity:.65}.demo-marquee{background:var(--demo-accent);color:var(--demo-dark);overflow:hidden;transform:rotate(-1.1deg) scale(1.02);padding:17px 0;position:relative;z-index:2}.demo-marquee>div{display:flex;align-items:center;justify-content:space-around;gap:32px;width:max-content;min-width:200%;animation:demoMarquee 24s linear infinite}.demo-marquee span{font-size:11px;letter-spacing:2.4px;font-weight:900;white-space:nowrap}.demo-marquee b{font-size:19px}.demo-story,.demo-offer,.demo-proof{padding:100px 8%}.demo-section-index{font-size:9px;letter-spacing:2px;font-weight:900;opacity:.55;margin-bottom:25px}.demo-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.demo-story h2,.demo-section-head h2,.demo-proof h2{font-size:clamp(38px,5vw,67px);line-height:1;letter-spacing:-.065em;margin:0;font-weight:800}.demo-story-grid>div>p,.demo-section-head>p,.demo-proof-copy>p{font-size:15px;line-height:1.9;opacity:.72;margin:0 0 20px}.demo-underlink{font-size:11px;font-weight:800;border-bottom:1px solid var(--demo-accent);padding-bottom:7px}.demo-underlink span{margin-left:20px;color:var(--demo-accent)}.demo-graphic{position:relative;margin-top:34px;padding:10px 0;overflow:hidden}.demo-graphic-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--demo-dark) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--demo-dark) 8%,transparent) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,black,transparent)}.demo-graphic svg{position:relative;width:100%;overflow:visible}.demo-graphic svg path:first-child{stroke-dasharray:900;stroke-dashoffset:900;animation:demoDraw 3s ease-out .3s forwards}.demo-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.demo-section-head h2 em,.demo-proof h2 em{color:var(--demo-accent);font-style:normal}.demo-section-head>p{max-width:360px;margin-bottom:5px}.demo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.demo-feature{border:1px solid color-mix(in srgb,var(--demo-dark) 15%,transparent);padding:20px;position:relative;overflow:hidden;transition:transform .45s,background .45s,box-shadow .45s}.demo-feature:hover{transform:translateY(-9px);box-shadow:0 25px 45px rgba(0,0,0,.1);background:color-mix(in srgb,var(--demo-accent) 12%,var(--demo-light))}.demo-feature-no{font-size:9px;letter-spacing:1.4px;opacity:.6}.demo-feature-art{height:140px;margin:20px 0;position:relative;overflow:hidden;background:color-mix(in srgb,var(--demo-accent) 18%,var(--demo-light));display:flex;align-items:center;justify-content:center}.demo-feature-art b{font-size:48px;position:relative;z-index:2;color:var(--demo-accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--demo-accent) 50%,transparent));animation:demoGlyph 4s ease-in-out infinite}.demo-feature-art i,.demo-feature-art span{position:absolute;width:105px;height:105px;border:1px solid var(--demo-accent);border-radius:50%;animation:demoOrbit 12s linear infinite}.demo-feature-art span{width:75px;height:75px;border-style:dashed;animation-direction:reverse}.art-2{background:color-mix(in srgb,var(--demo-accent) 12%,var(--demo-light))}.art-2 b{animation-delay:-1.5s}.art-3 b{animation-delay:-2.6s}.demo-feature h3{font-size:20px;letter-spacing:-.8px;margin:0 0 10px}.demo-feature p{font-size:12px;line-height:1.8;opacity:.68;min-height:65px}.demo-feature>a{display:flex;justify-content:space-between;margin-top:20px;font-size:10px;font-weight:800;border-top:1px solid color-mix(in srgb,var(--demo-dark) 15%,transparent);padding-top:15px}.demo-feature>a span{color:var(--demo-accent)}.demo-proof{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;background:color-mix(in srgb,var(--demo-dark) 4%,var(--demo-light))}.demo-proof-copy>p{margin:24px 0 30px}.demo-data-card{padding:25px;background:var(--demo-dark);color:var(--demo-light);box-shadow:0 30px 70px rgba(0,0,0,.17);position:relative;overflow:hidden}.demo-data-head{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.3px}.demo-data-head b{color:var(--demo-accent);font-size:8px}.demo-chart{height:170px;position:relative;margin-top:22px}.demo-chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.demo-chart-lines i{border-top:1px dashed rgba(255,255,255,.12)}.demo-chart svg{position:relative;width:100%;height:100%;overflow:visible}.demo-chart-line{stroke-dasharray:900;stroke-dashoffset:900;animation:demoDraw 2.8s cubic-bezier(.2,.8,.2,1) .6s forwards}.demo-chart-area{opacity:0;animation:demoFade .9s ease 1.7s forwards}.demo-data-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;opacity:.65;margin:15px 0 25px}.demo-data-legend span{display:flex;gap:7px;align-items:center}.demo-data-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--demo-accent)}.demo-data-legend span:nth-child(2) i{opacity:.65}.demo-data-legend span:nth-child(3) i{opacity:.35}.demo-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.demo-table th{font-size:8px;letter-spacing:1.1px;color:color-mix(in srgb,var(--demo-light) 55%,transparent);padding:12px 7px;border-bottom:1px solid rgba(255,255,255,.15)}.demo-table td{padding:13px 7px;border-bottom:1px solid rgba(255,255,255,.08)}.demo-table td:last-child{color:var(--demo-accent);font-size:8px;font-weight:900;letter-spacing:.7px}.demo-disclaimer{display:block;margin-top:12px;font-size:8px;opacity:.48}.demo-last-call{padding:100px 8%;text-align:center;background:var(--demo-dark);color:var(--demo-light);position:relative;overflow:hidden}.demo-last-call>span{font-size:9px;letter-spacing:2px;color:var(--demo-accent);font-weight:900}.demo-last-call h2{position:relative;font-size:clamp(43px,6vw,78px);letter-spacing:-.07em;line-height:.98;margin:25px 0 32px}.demo-last-call .demo-button{position:relative;background:var(--demo-accent);color:var(--demo-dark)!important}.demo-last-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:var(--demo-accent);opacity:.16;filter:blur(90px);left:calc(50% - 200px);top:-250px;animation:demoGlow 5s ease-in-out infinite alternate}.demo-footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#080b12;color:#fff}.demo-footer>div{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#c3ccdb}.demo-return{font-size:10px;color:#fff;border-bottom:1px solid var(--demo-accent);padding-bottom:6px}.reveal-demo{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal-demo.is-visible{opacity:1;transform:translateY(0)}
/* Every fictional brand gets a genuinely different art direction. */
.demo-luxury .demo-hero h1,.demo-luxury .demo-story h2,.demo-luxury .demo-section-head h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.demo-luxury .demo-photo{clip-path:polygon(0 0,100% 0,100% 85%,78% 100%,0 90%)}.demo-luxury .demo-sticker{border-radius:0;transform:rotate(0)}
.demo-tech{background:#0a0b10;color:#f2f3ed}.demo-tech .demo-nav{background:#0a0b10}.demo-tech .demo-hero h1{font-size:clamp(50px,6.6vw,96px);background:linear-gradient(110deg,#fff 10%,#c5ff43 75%);color:transparent;background-clip:text}.demo-tech .demo-photo{filter:saturate(.7) hue-rotate(20deg);border:1px solid rgba(197,255,67,.6);box-shadow:0 0 60px rgba(197,255,67,.13)}.demo-tech .demo-hero-art:before{content:"NEURAL CORE / ONLINE";position:absolute;z-index:3;right:-3%;top:45%;padding:13px 17px;background:rgba(10,11,16,.86);border:1px solid #c5ff43;color:#c5ff43;font-size:8px;letter-spacing:1.5px;animation:demoCardFloat 5s infinite}.demo-tech .demo-feature{background:#11141a;border-color:#2a3134}.demo-tech .demo-feature-art{background:#171d15}
.demo-wellness .demo-hero h1,.demo-wellness .demo-story h2,.demo-wellness .demo-section-head h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.demo-wellness .demo-photo{border-radius:180px 180px 4px 4px}.demo-wellness .demo-sticker{border-radius:50% 50% 8px 8px}
.demo-food{background:#f7eee2;color:#29120f}.demo-food .demo-nav{background:#f7eee2}.demo-food .demo-hero{grid-template-columns:.9fr 1.1fr}.demo-food .demo-hero h1,.demo-food .demo-story h2,.demo-food .demo-section-head h2{font-family:Georgia,serif;font-weight:400}.demo-food .demo-photo{border-radius:45% 45% 4px 4px}.demo-food .demo-floating-card{background:#29120f;color:#f7eee2}
.demo-fashion{background:#f5f0e8;color:#141414}.demo-fashion .demo-nav{background:#f5f0e8}.demo-fashion .demo-hero{grid-template-columns:1fr 1fr}.demo-fashion .demo-hero h1{text-transform:uppercase;font-size:clamp(56px,7.6vw,112px);letter-spacing:-.09em;line-height:.82}.demo-fashion .demo-photo{filter:grayscale(.18);border-radius:0}.demo-fashion .demo-sticker{border-radius:0;background:#ff4b32;color:white}.demo-fashion .demo-marquee{background:#ff4b32;color:white}
.demo-product .demo-hero{grid-template-columns:1fr 1fr}.demo-product .demo-photo{inset:8% 3% 10% 12%;background-size:contain;background-repeat:no-repeat;background-color:#e4d9ff;mix-blend-mode:multiply;border-radius:50%}.demo-product .demo-hero-art{background:radial-gradient(circle at 55% 50%,#d8c9ff,transparent 60%)}.demo-product .demo-sticker{border-radius:12px;transform:rotate(-9deg)}.demo-product .demo-floating-card{border-radius:16px}
.demo-finance{background:#eaf7f2;color:#071a18}.demo-finance .demo-nav{background:#eaf7f2}.demo-finance .demo-hero{background:linear-gradient(135deg,#eaf7f2,#c9f5e3)}.demo-finance .demo-photo{border:8px solid #071a18;border-radius:22px;filter:saturate(.55)}.demo-finance .demo-floating-card{background:#071a18;color:#eaf7f2;border-radius:12px}.demo-finance .demo-data-card{border-radius:18px}
.demo-health{background:#f0f8fc;color:#102d48}.demo-health .demo-nav{background:#f0f8fc}.demo-health .demo-hero{background:linear-gradient(125deg,#f0f8fc,#dceef8)}.demo-health .demo-photo{border-radius:120px 8px 120px 8px}.demo-health .demo-sticker{background:#fff;border:1px solid #b8e0f5}
.demo-travel .demo-hero{grid-template-columns:.85fr 1.15fr;background:#0c3440;color:#f0f6f3}.demo-travel .demo-nav{background:#0c3440;color:#f0f6f3;border-color:#2c5860}.demo-travel .demo-hero h1,.demo-travel .demo-story h2{font-family:Georgia,serif;font-weight:400}.demo-travel .demo-photo{inset:-5% -8% 4% 0;border-radius:48% 0 0 0}.demo-travel .demo-floating-card{background:#ffce56;color:#0c3440}.demo-travel .demo-button{background:#ffce56;color:#0c3440!important}
.demo-auto{background:#090a0c;color:#f0f0f0}.demo-auto .demo-nav{background:#090a0c}.demo-auto .demo-hero h1{text-transform:uppercase;font-style:italic;font-size:clamp(55px,7vw,100px);letter-spacing:-.09em}.demo-auto .demo-photo{clip-path:polygon(15% 0,100% 0,100% 80%,85% 100%,0 85%,0 15%);filter:contrast(1.1)}.demo-auto .demo-sticker{border-radius:0;transform:skew(-8deg);background:#ff503d;color:#090a0c}.demo-auto .demo-marquee{background:#ff503d}
.demo-architecture .demo-hero h1,.demo-architecture .demo-story h2,.demo-architecture .demo-section-head h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.demo-architecture .demo-photo{border-radius:0;filter:saturate(.65)}.demo-architecture .demo-floating-card{border:1px solid #a77b53}
.demo-education{background:#f4f6ff;color:#1639c9}.demo-education .demo-nav{background:#f4f6ff}.demo-education .demo-hero{background:#dfe5ff;border-radius:0 0 90px 0}.demo-education .demo-photo{border-radius:26px;transform:rotate(2deg)}.demo-education .demo-sticker{border-radius:25px 25px 25px 3px;background:#ffb22f;color:#1639c9}.demo-education .demo-feature{border-radius:20px;background:white}
.demo-impact .demo-hero{background:#24352c;color:#f6f2e8}.demo-impact .demo-nav{background:#24352c;color:#f6f2e8}.demo-impact .demo-hero h1,.demo-impact .demo-story h2{font-family:Georgia,serif;font-weight:400}.demo-impact .demo-photo{border-radius:45% 45% 0 0;filter:saturate(.7)}.demo-impact .demo-sticker{background:#ff754f;color:#24352c}
.demo-events{background:#11071f;color:#fff0fb}.demo-events .demo-nav{background:#11071f}.demo-events .demo-hero h1{text-transform:uppercase;font-size:clamp(52px,7.5vw,105px);letter-spacing:-.09em}.demo-events .demo-photo{filter:saturate(1.4) hue-rotate(300deg);box-shadow:0 0 65px rgba(255,72,188,.2)}.demo-events .demo-sticker{background:#ff48bc;color:#11071f;box-shadow:0 0 40px rgba(255,72,188,.3)}.demo-events .demo-marquee{background:#ff48bc}
.demo-fitness{background:#11130d;color:#eff2e8}.demo-fitness .demo-nav{background:#11130d}.demo-fitness .demo-hero h1{text-transform:uppercase;font-style:italic;letter-spacing:-.09em}.demo-fitness .demo-photo{filter:grayscale(.4) contrast(1.2)}.demo-fitness .demo-sticker{border-radius:0;transform:rotate(0);background:#c8ff38;color:#11130d}.demo-fitness .demo-feature{border-color:#3d4330}
.demo-business{background:#f2f5fc;color:#101b35}.demo-business .demo-nav{background:#f2f5fc}.demo-business .demo-hero{background:linear-gradient(110deg,#f2f5fc,#dce5fb)}.demo-business .demo-photo{border:12px solid #fff;border-radius:3px}.demo-business .demo-floating-card{border-left:4px solid #4d6fff}
.demo-craft{background:#f5f1e8;color:#22201b}.demo-craft .demo-nav{background:#f5f1e8}.demo-craft .demo-hero h1,.demo-craft .demo-story h2{font-family:Georgia,serif;font-weight:400}.demo-craft .demo-photo{border-radius:0 70px 0 0}.demo-craft .demo-sticker{border-radius:3px;background:#f5a14a;color:#22201b}
.demo-beauty{background:#f7e8e8;color:#512f3a}.demo-beauty .demo-nav{background:#f7e8e8}.demo-beauty .demo-hero h1,.demo-beauty .demo-story h2,.demo-beauty .demo-section-head h2{font-family:Georgia,serif;font-weight:400;font-style:italic}.demo-beauty .demo-photo{border-radius:48% 48% 4px 4px;filter:saturate(.75)}.demo-beauty .demo-sticker{background:#fff7f5;color:#512f3a}
.demo-industrial{background:#eef5f8;color:#091725}.demo-industrial .demo-nav{background:#eef5f8}.demo-industrial .demo-hero{background-image:linear-gradient(rgba(9,23,37,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,23,37,.035) 1px,transparent 1px);background-size:30px 30px}.demo-industrial .demo-hero h1{text-transform:uppercase;letter-spacing:-.08em}.demo-industrial .demo-photo{border:2px solid #55d7ff;filter:saturate(.5)}.demo-industrial .demo-sticker{border-radius:0;background:#091725;color:#55d7ff}
.demo-development{background:#f1f0e9;color:#121b29}.demo-development .demo-hero{grid-template-columns:.9fr 1.1fr}.demo-development .demo-photo{inset:-8% -8% 0 0;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%,0 18%);filter:saturate(.65)}.demo-development .demo-hero h1,.demo-development .demo-story h2{font-family:Georgia,serif;font-weight:400}.demo-development .demo-floating-card{background:#121b29;color:#f1f0e9}
@keyframes demoMarquee{to{transform:translateX(-50%)}}@keyframes demoPulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--demo-accent) 20%,transparent)}}@keyframes demoPhotoIn{from{opacity:0;transform:translateY(22px) rotate(1.5deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes demoSweep{0%,65%{transform:translateX(-90%)}100%{transform:translateX(90%)}}@keyframes demoGlow{from{opacity:.1;transform:scale(.85)}to{opacity:.27;transform:scale(1.12)}}@keyframes demoOrbit{to{rotate:360deg}}@keyframes demoSticker{0%,100%{translate:0 0;rotate:5deg}50%{translate:0 -12px;rotate:-5deg}}@keyframes demoCardFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes demoDraw{to{stroke-dashoffset:0}}@keyframes demoFade{to{opacity:1}}@keyframes demoGlyph{0%,100%{transform:rotate(-9deg) scale(.92)}50%{transform:rotate(9deg) scale(1.12)}}
@media(max-width:900px){.demo-hero{grid-template-columns:1fr;gap:40px;padding:65px 7%}.demo-hero-art{min-height:430px;max-width:680px;width:100%;margin:auto}.demo-story,.demo-offer,.demo-proof{padding:75px 7%}.demo-proof{grid-template-columns:1fr;gap:35px}.demo-section-head{align-items:start;flex-direction:column;gap:20px}.demo-story-grid{gap:35px}.demo-hero h1{max-width:700px}.demo-feature-grid{gap:12px}.demo-feature{padding:14px}.demo-nav{padding:0 5%}.demo-nav nav{gap:15px}.demo-footer{flex-wrap:wrap}}
@media(max-width:600px){.demo-topbar{padding:0 12px;font-size:7px;letter-spacing:.5px}.demo-topbar .demo-create{padding:12px 8px}.demo-nav{height:74px;gap:10px}.demo-brand{font-size:14px}.demo-brand small{font-size:6px;letter-spacing:.8px}.demo-nav nav{display:none}.demo-nav-cta{font-size:7px;padding:11px 8px}.demo-hero{padding:50px 6% 45px}.demo-hero h1{font-size:clamp(45px,14vw,68px)}.demo-hero-copy>p{font-size:14px}.demo-hero-art{min-height:340px}.demo-sticker{width:82px;height:82px;right:-2%;top:1%}.demo-sticker b{font-size:16px}.demo-sticker small{font-size:6px}.demo-floating-card{min-width:165px;padding:13px;left:-1%}.demo-floating-card b{font-size:14px}.demo-image-caption{font-size:6px}.demo-hero-stats{gap:20px}.demo-hero-stats b{font-size:20px}.demo-hero-stats span{font-size:7px}.demo-marquee{padding:13px 0}.demo-marquee span{font-size:9px}.demo-story,.demo-offer,.demo-proof{padding:58px 6%}.demo-story-grid{grid-template-columns:1fr;gap:22px}.demo-story h2,.demo-section-head h2,.demo-proof h2{font-size:43px}.demo-section-head{margin-bottom:28px}.demo-feature-grid{grid-template-columns:1fr}.demo-feature{padding:17px}.demo-feature-art{height:115px}.demo-feature p{min-height:0}.demo-data-card{padding:14px}.demo-table{font-size:8px}.demo-table th{font-size:6px}.demo-table td{padding:10px 4px}.demo-last-call{padding:70px 6%}.demo-last-call h2{font-size:45px}.demo-footer{padding:26px 6%;display:grid;grid-template-columns:1fr;gap:22px}.demo-footer>div{display:grid;gap:10px}.demo-return{justify-self:start}}
@media(prefers-reduced-motion:reduce){.xw-demo-body *, .xw-demo-body *:before,.xw-demo-body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-demo{opacity:1;transform:none}}