:root{--bg:#090710;--bg2:#0d0b16;--panel:#131020;--panel2:#19142a;--line:rgba(174,151,230,.16);--text:#f7f4ff;--muted:#aaa2ba;--purple:#9877ff;--purple2:#7145ee;--blue:#4e8bff;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.noise{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.container{width:min(var(--max),calc(100% - 52px));margin-inline:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(9,7,16,.85);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;flex-shrink:0}
.brand img{display:block;width:214px;height:auto}
.nav{display:flex;align-items:center;gap:30px;color:#c9c2d7;font-size:13px;font-weight:600}
.nav>a:not(.nav-cta):hover{color:#fff}
.nav-cta{padding:13px 19px;border:1px solid rgba(167,139,250,.65);border-radius:8px;color:#fff;background:linear-gradient(125deg,rgba(122,78,230,.15),rgba(81,61,161,.08));transition:.2s}
.nav-cta:hover{background:var(--purple2);border-color:var(--purple2)}
.nav-cta span,.button span{margin-left:8px}
.menu-button{display:none;background:none;border:0;color:white}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.045);background:radial-gradient(ellipse at 75% 34%,rgba(105,66,211,.17),transparent 38%),radial-gradient(ellipse at 12% 70%,rgba(38,71,158,.12),transparent 35%)}
.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:42px;min-height:620px;padding-top:46px;padding-bottom:56px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:10px;color:#a992ff;font-size:10px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase}
.pulse{width:7px;height:7px;border-radius:50%;background:#a98cff;box-shadow:0 0 15px #a98cff}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Space Grotesk","DM Sans",sans-serif}
h1{font-size:clamp(48px,5.8vw,76px);line-height:1.03;letter-spacing:-3.8px;margin:25px 0 22px;font-weight:700}
h1 span,h2 span{background:linear-gradient(95deg,#c9b7ff 0%,#956ef9 48%,#6c83fb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:16px;line-height:1.85;color:#b5aec4;max-width:550px;margin-bottom:27px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:15px 21px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,border .2s;cursor:pointer}
.button:hover{transform:translateY(-2px)}
.primary{color:#fff;background:linear-gradient(115deg,#8d69fa,#6236db);box-shadow:0 10px 28px rgba(100,61,218,.24)}
.primary:hover{background:linear-gradient(115deg,#a187ff,#7249ef)}
.secondary{color:#e7e0fa;background:rgba(255,255,255,.025);border-color:rgba(182,160,234,.25)}
.secondary:hover{border-color:#9d80f8;background:rgba(130,95,220,.12)}
.hero-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#b5aec4;font-size:11px}
.hero-points i{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;font-style:normal;color:#d8cbff;background:rgba(151,120,255,.2)}
.from-price{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);max-width:470px}
.from-price strong{font-family:"Space Grotesk";font-size:15px;color:#fff}
.from-price span{font-size:11px;color:#928aa2}
.hero-art{position:relative;min-width:0}
.hero-art>img{display:block;width:110%;max-width:none;margin-left:-5%;filter:drop-shadow(0 30px 55px rgba(0,0,0,.28))}
.float-tag{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(183,164,241,.3);border-radius:12px;background:rgba(18,14,32,.88);box-shadow:0 12px 40px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.float-tag b,.float-tag small{display:block}
.float-tag b{font-size:11px}.float-tag small{font-size:9px;color:#a89fbb;margin-top:2px}
.tag-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:linear-gradient(135deg,#9977fa,#6439df);color:white}
.tag-icon.blue{background:linear-gradient(135deg,#5599ff,#4b5ee8)}
.tag-one{top:8%;left:1%}.tag-two{right:-1%;bottom:6%}
.trust-strip{background:#0d0b15;border-bottom:1px solid var(--line)}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.trust-inner>span{font-size:9px;letter-spacing:1.8px;color:#797188;font-weight:700}
.trust-inner b{font-family:"Space Grotesk";font-size:14px;letter-spacing:.7px;color:#c0b8d3}
.trust-inner .bespoke{color:#a78bfa}
.section{padding:105px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:40px}
.section-head h2,.faq-grid h2,.closing-inner h2{font-size:clamp(34px,4vw,48px);letter-spacing:-1.9px;line-height:1.1;margin:13px 0 0}
.section-head>p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 3px}
.platforms-section{background:linear-gradient(180deg,#0c0a14,#100d1a)}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.platform-card{position:relative;min-height:244px;padding:24px 24px 22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(26,21,42,.94),rgba(14,12,23,.96));transition:transform .25s,border .25s,background .25s}
.platform-card:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.52);background:linear-gradient(145deg,#211a38,#141020)}
.platform-card.featured{border-color:rgba(142,110,245,.55);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.platform-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.platform-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#9673fb,#5d35d7);font-family:"Space Grotesk";font-weight:700;font-size:14px;color:white}
.platform-mark.ltq{background:linear-gradient(135deg,#4f9cff,#3154b9)}
.platform-mark.sm{background:linear-gradient(135deg,#a66df7,#653bb7)}
.platform-mark.tv{background:linear-gradient(135deg,#4a78e6,#303d9c)}
.platform-mark.xc{background:linear-gradient(135deg,#29a6ac,#1b6678)}
.platform-mark.custom{background:linear-gradient(135deg,#e3a2ff,#7c49e7)}
.platform-type{font-size:8px;letter-spacing:1.35px;color:#9d91b6;font-weight:700}
.platform-card h3{font-size:20px;margin:0 0 8px}
.platform-card p{font-size:12px;line-height:1.75;color:var(--muted);min-height:63px;margin-bottom:14px}
.platform-card>a{display:inline-block;font-size:11px;font-weight:700;color:#bba7ff}
.platform-card>a span{margin-left:5px}
.custom-card{background:linear-gradient(145deg,rgba(43,26,62,.75),rgba(18,13,28,.96))}
.section-footnote{font-size:10px;line-height:1.8;color:#817991;margin:18px 0 0}
.features-section{background:radial-gradient(ellipse at 85% 42%,rgba(91,57,173,.12),transparent 40%)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}
.feature{min-height:186px;padding:27px 26px;background:#100d19}
.feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:rgba(137,105,241,.15);color:#bba4ff;font-size:19px;margin-bottom:18px}
.feature h3{font-size:16px;margin-bottom:8px}
.feature p{font-size:11px;color:var(--muted);line-height:1.8;margin:0;max-width:290px}
.feature-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px;padding:25px 29px;border:1px solid rgba(151,119,242,.34);border-radius:12px;background:linear-gradient(105deg,rgba(44,31,73,.85),rgba(18,14,29,.9))}
.feature-callout h3{font-size:21px;margin:7px 0}.feature-callout p{font-size:11px;color:var(--muted);margin:0}
.portfolio-section{background:#0d0b15}
.portfolio-group{margin-top:38px}
.portfolio-group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.portfolio-group-head>div{display:flex;align-items:center;gap:14px}
.portfolio-index{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#c5b4ff;background:rgba(147,112,249,.15);font-size:10px;font-weight:700}
.portfolio-group-head h3{font-size:21px;margin:0}
.group-meta{font-size:8px;letter-spacing:1.35px;color:#8f86a0;font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery-card{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#141020}
.gallery-card img{display:block;width:100%;height:210px;object-fit:cover;background:#0b0913;transition:transform .4s}
.gallery-card:hover img{transform:scale(1.025)}
.gallery-card figcaption{display:flex;flex-direction:column;gap:4px;padding:13px 15px}
.gallery-card figcaption b{font-size:12px}.gallery-card figcaption span{font-size:10px;color:var(--muted)}
.gallery-large{grid-column:span 2;grid-row:span 2}
.gallery-large img{height:100%;min-height:310px}
.portfolio-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px;padding:26px 29px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(100deg,#1b152a,#100d18)}
.portfolio-prompt h3{font-size:21px;margin:6px 0}.portfolio-prompt p{font-size:11px;color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.steps article{display:flex;align-items:flex-start;gap:14px;padding:22px 19px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#171326,#100d18)}
.steps article>span{font:700 13px "Space Grotesk";color:#a78bfa}
.steps h3{font-size:14px;margin:0 0 8px}.steps p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}
.faq-section{background:#0d0b15}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}
.faq-grid>div:first-child>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:320px;margin:20px 0}
.text-link{font-size:12px;font-weight:700;color:#bba7ff}
.faq-list details{border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:17px}
.faq-list summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:20px;font-weight:400;color:#b99eff}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{font-size:11px;line-height:1.8;color:var(--muted);padding:11px 26px 0 0;margin:0}
.closing-cta{padding:95px 0;background:radial-gradient(ellipse at 78% 42%,rgba(111,68,214,.23),transparent 42%),linear-gradient(120deg,#171027,#0c0914)}
.closing-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px}
.closing-inner h2{font-size:clamp(43px,5vw,60px);margin:18px 0}
.closing-inner>div:first-child>p{font-size:13px;line-height:1.8;color:#b7afc5;max-width:510px}
.cta-meta{display:flex;flex-direction:column;gap:4px;margin-top:29px}
.cta-meta b{font:700 17px "Space Grotesk";color:#fff}
.cta-meta span{font-size:10px;color:#9890a8}
.quote-card{padding:28px;border:1px solid rgba(179,155,245,.3);border-radius:15px;background:rgba(13,10,24,.84);box-shadow:0 28px 75px rgba(0,0,0,.28)}
.quote-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#9b79fb,#6138da);font-size:19px;margin-bottom:17px}
.quote-card h3{font-size:21px;margin:9px 0}
.quote-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:17px}
.whatsapp-button{width:100%;justify-content:center;color:white;background:#168d64;border-color:#2aad7e;margin-bottom:20px}
.whatsapp-button:hover{background:#1ca878}
.wa-mark{font-size:17px;margin-right:7px}
.quote-form{border-top:1px solid var(--line);padding-top:18px}
.quote-form label{display:block;color:#d6cee5;font-size:10px;font-weight:600;margin-bottom:12px}
.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border-radius:7px;border:1px solid rgba(182,160,234,.2);background:#100d1b;color:#f7f4ff;outline:none;font-size:11px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#9b7bfa}
.quote-form textarea{resize:vertical;min-height:78px}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#777087}
.quote-form select option{background:#100d1b}
.full{width:100%}
.quote-form small{display:block;font-size:9px;line-height:1.6;color:#8b839c;margin-top:10px;text-align:center}
.footer{background:#08060d;border-top:1px solid var(--line);padding:45px 0 23px}
.footer-main{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:60px;padding-bottom:35px}
.footer-brand img{width:190px}
.footer-main>div:first-child p{font-size:11px;color:var(--muted);max-width:300px;margin:14px 0 0;line-height:1.8}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;color:var(--muted)}
.footer-links b{color:#f1ecfb;font-size:11px;margin-bottom:4px}
.footer-links a:hover{color:#c6b4ff}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;color:#777087}
.compliance-note{font-size:9px;line-height:1.7;color:#6e6879;margin-top:18px;max-width:1050px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero-art>img{width:120%;margin-left:-10%}.nav{gap:18px}.steps{grid-template-columns:repeat(2,1fr)}.faq-grid{gap:45px}.gallery-card img{height:175px}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{height:72px}.brand img{width:180px}.menu-button{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-button span{width:23px;height:2px;background:#eee;border-radius:2px}.nav{display:none;position:absolute;left:0;right:0;top:72px;padding:20px 22px 24px;flex-direction:column;align-items:stretch;gap:16px;background:rgba(12,9,20,.98);border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{text-align:center}.hero-grid{grid-template-columns:1fr;gap:5px;padding-top:55px;padding-bottom:45px}.hero-copy{max-width:650px}.hero-art{max-width:620px;margin-inline:auto}.hero-art>img{width:100%;margin:0}.tag-one{top:5%;left:-1%}.tag-two{right:-1%;bottom:2%}.trust-inner{flex-wrap:wrap;justify-content:center;padding:19px 0;gap:13px 22px}.trust-inner>span{width:100%;text-align:center}.trust-inner b{font-size:12px}.section{padding:75px 0}.section-head{display:block;margin-bottom:27px}.section-head>p{margin-top:17px}.platform-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-callout,.portfolio-prompt{align-items:flex-start;flex-direction:column}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-large{grid-column:span 2;grid-row:auto}.gallery-large img{height:auto;min-height:0;aspect-ratio:16/9}.portfolio-group-head{align-items:flex-start;flex-direction:column}.faq-grid{grid-template-columns:1fr;gap:35px}.closing-inner{grid-template-columns:1fr;gap:35px}.quote-card{max-width:560px;width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:span 2}}
@media(max-width:480px){h1{font-size:48px;letter-spacing:-2.5px}.hero-lead{font-size:13px}.hero-actions .button{width:100%}.hero-points{gap:10px;font-size:10px}.from-price{align-items:flex-start;flex-direction:column;gap:2px}.tag-one,.tag-two{padding:8px 10px}.float-tag b{font-size:9px}.float-tag small{font-size:8px}.trust-inner{gap:10px 14px}.trust-inner b{font-size:10px}.platform-grid,.feature-grid{grid-template-columns:1fr}.platform-card{min-height:0}.platform-card p{min-height:0}.feature{min-height:0}.gallery{grid-template-columns:1fr}.gallery-large{grid-column:auto}.gallery-card img{height:auto;aspect-ratio:16/9}.steps{grid-template-columns:1fr}.section-head h2,.faq-grid h2{font-size:35px}.portfolio-group-head h3{font-size:18px}.group-meta{font-size:7px}.quote-card{padding:21px}.footer-main{grid-template-columns:1fr;gap:23px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.closing-cta{padding:75px 0}}

/* V8: service details, motion preview, brand examples, design prices and payment options */
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature{min-height:170px}.feature-icon{font-family:"Space Grotesk";font-weight:700}
.motion-showcase{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:44px;margin-top:58px;padding:30px;border:1px solid rgba(167,139,250,.22);border-radius:15px;background:linear-gradient(135deg,#171125,#0d0b16)}
.motion-copy h3{font:700 clamp(27px,3vw,37px)/1.13 "Space Grotesk";letter-spacing:-1.3px;margin:13px 0}
.motion-copy h3 span{color:#a88aff}.motion-copy p{font-size:12px;color:var(--muted);line-height:1.85;margin-bottom:18px}
.motion-demo{height:290px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(177,153,255,.33);border-radius:12px;background:#080710}
.motion-bg{position:absolute;inset:-40%;z-index:-2;background:conic-gradient(from 0deg at 55% 48%,#130e22,#32204e,#6e1b38,#151029,#14506d,#291642,#130e22);filter:blur(16px);animation:bgSpin 11s linear infinite}
.motion-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 30%,rgba(146,91,255,.42),transparent 33%),linear-gradient(100deg,rgba(0,0,0,.68),rgba(3,5,12,.22))}
.motion-caption{position:absolute;top:23px;left:25px;font-size:8px;letter-spacing:2.4px;font-weight:700;color:#d3c7f4}
.motion-caption span{color:#a98aff;margin:0 7px}
.motion-big{position:absolute;left:25px;top:75px;font:700 clamp(33px,4vw,55px)/.93 "Space Grotesk";letter-spacing:-2px;color:white;text-shadow:0 4px 25px rgba(0,0,0,.4)}
.motion-big em{font-style:normal;color:#c9aaff}
.motion-ticker{position:absolute;left:0;right:0;bottom:52px;display:flex;white-space:nowrap;overflow:hidden;padding:11px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);background:rgba(8,5,15,.48);font-size:10px;font-weight:700;letter-spacing:2px;color:white}
.motion-ticker span{min-width:max-content;animation:tickerMove 12s linear infinite}
.motion-foot{position:absolute;left:25px;right:25px;bottom:17px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#bdb1d7}
@keyframes bgSpin{to{transform:rotate(360deg)}}@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.customer-art-section{padding-top:30px;background:#0d0b15}
.customer-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.customer-art-card{min-height:190px;padding:19px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#141020}
.customer-art-card img{width:100%;height:100px;object-fit:contain;display:block}
.customer-art-card div{display:flex;flex-direction:column;gap:3px}
.customer-art-card b{font-size:12px}.customer-art-card span{font-size:10px;color:var(--muted)}
.blue-art{background:linear-gradient(145deg,#102144,#0d101b)}.green-art{background:linear-gradient(145deg,#102d22,#0d1017)}.red-art{background:linear-gradient(145deg,#32131d,#0d0b14)}.ltq-art{background:linear-gradient(145deg,#152849,#0d101b)}
.design-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.design-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#191429,#100d19)}
.design-best{border-color:rgba(160,130,255,.65);background:linear-gradient(145deg,#25183c,#120e1e);box-shadow:0 15px 45px rgba(83,48,160,.14)}
.design-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(151,119,255,.17);color:#c0aaff;font-size:20px;margin-bottom:20px}
.design-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#a99abd}
.design-card h3{font:700 39px "Space Grotesk";margin:8px 0 7px}
.design-card p{font-size:11px;line-height:1.8;color:var(--muted);min-height:60px}
.design-card>a{font-size:11px;font-weight:700;color:#c4b0ff}.design-card>a span{margin-left:5px}
.best-value{position:absolute;right:16px;top:16px;padding:6px 9px;border-radius:20px;background:#8057ee;color:#fff;font-size:8px;font-weight:700;letter-spacing:1px}
.payment-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:27px;padding:25px 28px;border:1px solid var(--line);border-radius:12px;background:#100d19}
.payment-panel h3{font-size:21px;margin:7px 0}.payment-panel p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}
.payment-methods{display:grid;grid-template-columns:repeat(3,auto);gap:10px}
.payment-methods span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(185,166,230,.16);border-radius:8px;background:#171326;color:#e4ddf3;font-size:10px;white-space:nowrap}
.payment-methods b{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:rgba(153,123,247,.17);color:#c5aaff;font-size:11px}
@media(max-width:900px){.motion-showcase{grid-template-columns:1fr;gap:25px}.motion-demo{height:260px}.customer-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-pricing{grid-template-columns:1fr}.design-card p{min-height:0}.payment-methods{grid-template-columns:repeat(3,1fr);width:100%}}
@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.motion-showcase{padding:19px}.motion-demo{height:225px}.motion-big{font-size:40px}.motion-caption{left:17px;top:17px}.motion-foot{left:17px;right:17px}.customer-art-grid{grid-template-columns:1fr 1fr}.customer-art-card{padding:13px;min-height:160px}.customer-art-card img{height:75px}.payment-methods{grid-template-columns:repeat(2,1fr)}}

/* Actual customer-supplied video preview */
.actual-video-demo{height:auto;min-height:0;background:#05040a;padding:0;display:flex;flex-direction:column}
.motion-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#05040a}
.video-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:rgba(9,7,16,.96);color:#d9d0ee;font-size:9px;letter-spacing:1px}
.video-caption span{color:#9b91aa;letter-spacing:.2px;text-align:right}
@media(max-width:480px){.video-caption{align-items:flex-start;flex-direction:column;gap:4px}}