/* FXQUBiT Micro visual identity · fast CSS only, no animation library. */
:root{--accent:#6755e8;--gradient-primary:linear-gradient(120deg,#765df1 0%,#5e66ee 48%,#399ce7 100%);--soft-lilac:#eeeaff}
.modern-ui{font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.modern-ui h1,.modern-ui h2,.modern-ui h3,.modern-ui strong,.modern-ui .brand{letter-spacing:-.035em}
.modern-ui .ico{width:1.25em;height:1.25em;display:inline-flex;vertical-align:-.25em;align-items:center;justify-content:center;flex:0 0 auto}
.modern-ui .ico svg{display:block;width:100%;height:100%;stroke:currentColor}
.modern-ui .button{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:13px;box-shadow:0 2px 0 rgba(24,17,67,.02);font-weight:750}
.modern-ui .button .ico{width:18px;height:18px}
.modern-ui .button.primary{background:var(--gradient-primary);border:0;color:white;box-shadow:0 11px 24px rgba(92,85,217,.18)}
.modern-ui .button.primary:hover{box-shadow:0 15px 30px rgba(92,85,217,.28);transform:translateY(-2px)}
.modern-ui .button.light{background:#fff;border:1px solid #dfdfea}
.modern-ui .brand-icon{background:var(--gradient-primary);box-shadow:0 6px 14px #6959e52b}
.modern-ui .eyebrow{color:#735ce1}
.modern-ui .panel,.modern-ui .metric,.modern-ui .quick{box-shadow:0 10px 45px rgba(38,42,77,.045)}
.modern-ui .quick,.modern-ui .metric,.modern-ui .panel{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.modern-ui .quick:hover{transform:translateY(-4px);border-color:#c9bfff;box-shadow:0 14px 35px rgba(90,70,167,.10)}
.modern-ui .sidebar{background:linear-gradient(170deg,#fff 0%,#fbfaff 100%)}
.modern-ui .nav-link .ico{width:20px;height:20px}
.modern-ui .nav-link.selected{font-weight:800;background:linear-gradient(110deg,#ede9ff,#f0f3ff);box-shadow:inset 3px 0 0 #745df1}
.modern-ui .topbar{background:rgba(255,255,255,.91);backdrop-filter:blur(10px)}
.modern-ui .dashhero{padding:20px 0 10px}
.modern-ui .dashhero h1{font-weight:850}
.modern-ui .quickgrid{gap:14px}
.modern-ui .quick{min-height:86px;border-radius:19px}
.modern-ui .quick>span{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:linear-gradient(145deg,#f2eaff,#e9f2ff);color:#7059dc}
.modern-ui .quick .quick-arrow{width:17px;height:17px;margin-left:auto;color:#9b92c4}
.modern-ui .quick .ico svg{width:23px;height:23px}
.modern-ui .metric{position:relative;overflow:hidden;padding:20px 22px;border-radius:20px;gap:5px;min-height:137px}
.modern-ui .metric::before{content:"";position:absolute;inset:auto -28px -38px auto;width:115px;height:115px;background:radial-gradient(circle,#ede9ff9c,transparent 73%);pointer-events:none}
.modern-ui .metric-icon{width:37px;height:37px;background:#f3efff;color:#775fe7;border-radius:12px;display:grid;place-items:center;margin-bottom:8px}
.modern-ui .metric strong{font-size:1.58rem}
.modern-ui .bottomnav .ico{margin-inline:auto;width:22px;height:22px}
.modern-ui .bottomnav a{font-size:1rem;gap:3px}
.modern-ui .bottomnav a span{font-size:.68rem}
.modern-ui .content .section-title h1{font-weight:850}

/* Landing hero, with CSS-only motion and a representative non-functional phone preview. */
.marketing.modern-ui{overflow-x:clip;background:#fff}
.marketing .landing-nav{max-width:1270px;padding:20px 30px;position:relative;z-index:3;gap:22px}
.marketing .landing-nav .brand{font-size:1.2rem}
.marketing .landing-nav .brand-light{color:#8b839f}
.marketing .landing-nav>div{gap:14px}
.marketing-menu{display:flex;gap:30px;align-items:center}
.marketing-menu a{color:#65667c;font-size:.88rem;font-weight:700}
.marketing-menu a:hover{color:#6653d9;text-decoration:none}
.marketing .landing-hero{padding:76px 24px 103px;position:relative;isolation:isolate;overflow:hidden;text-align:left;background:radial-gradient(ellipse 65% 75% at 85% 30%,#e3dfff 0%,#edf1ff 45%,transparent 88%),radial-gradient(ellipse 60% 80% at 8% 90%,#f1dffa78,transparent 80%),#fdfcff}
.marketing .landing-hero-grid{position:relative;z-index:1;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;min-height:590px}
.marketing .landing-hero h1{font-size:clamp(3.4rem,6.2vw,6.7rem);line-height:1.08;margin:22px 0 25px;color:#211c3e;letter-spacing:-.085em;font-weight:860}
.marketing .landing-hero h1 em{font-style:normal;background:linear-gradient(105deg,#7254e8 6%,#555ee8 45%,#2495c9 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.marketing .landing-hero .hero-message>p{font-size:1.16rem;line-height:1.8;max-width:550px;margin:0 0 28px;color:#66677d}
.marketing .landing-hero .landing-actions{justify-content:flex-start}
.marketing .landing-sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:23px;color:#6f758b;font-size:.82rem}
.marketing .landing-sub .ico{color:#6552df;width:15px;height:15px}
.marketing .mini-dot{width:4px;height:4px;border-radius:100%;background:#bab4d7;margin:0 3px}
.eyebrow-pill{display:inline-flex;gap:9px;align-items:center;font-weight:800;font-size:.70rem;letter-spacing:.13em;color:#6551c6;padding:11px 15px;background:#eeeafd;border:1px solid #ddd4fc;border-radius:40px}
.eyebrow-pill .ico{width:16px;height:16px}
.marketing .glow-orb{position:absolute;z-index:-1;filter:blur(5px);border-radius:999px;opacity:.65;pointer-events:none}
.orb-one{width:360px;height:360px;right:-130px;top:120px;background:radial-gradient(circle,#c6b3ff88,transparent 68%);animation:orb-float 11s ease-in-out infinite}
.orb-two{width:350px;height:350px;left:-120px;bottom:-150px;background:radial-gradient(circle,#edbde788,transparent 70%);animation:orb-float 13s ease-in-out infinite reverse}
@keyframes orb-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(15px,-26px,0)}}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:580px}
.demo-phone{position:relative;z-index:1;width:330px;max-width:100%;background:#fff;border-radius:35px;border:8px solid #1c1c31;box-shadow:0 42px 75px #473b7c30,0 0 0 1px #d7d3e7;transform:rotate(2deg);padding:19px 17px 10px;animation:phone-float 8s ease-in-out infinite}
@keyframes phone-float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}
.demo-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}
.tiny-brand{font-weight:850;font-size:1.05rem;color:#232342}
.tiny-brand>span{display:inline-grid;place-items:center;border-radius:10px;background:var(--gradient-primary);color:#fff;width:30px;height:30px;margin-right:5px}
.demo-avatar{color:#5d52d0;background:#efecff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.demo-greeting{font-weight:850;font-size:1.35rem;color:#26233d;display:flex;align-items:center;gap:6px}
.demo-greeting .ico{color:#efb74a;width:20px;height:20px}
.demo-sub{font-size:.78rem;color:#7d7f93;margin:2px 0 19px}
.demo-sales{background:linear-gradient(115deg,#6f5ce8,#5f6bea 53%,#548fef);padding:22px;border-radius:19px;color:white;min-height:158px;box-shadow:0 12px 28px #6259cc2d}
.demo-sales small{display:block;color:#efefff;opacity:.88;font-size:.75rem}
.demo-sales strong{font-size:2.45rem;letter-spacing:-.06em;display:block;margin:5px 0}
.demo-sales span{font-size:.72rem;color:#e7f3ff;display:flex;align-items:center;gap:6px}
.demo-sales .ico{width:15px;height:15px}
.demo-title{font-weight:800;margin:23px 0 13px;font-size:.85rem}
.demo-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.demo-actions>div{background:#f8f7fe;border:1px solid #efecf7;border-radius:15px;padding:15px 12px;display:flex;align-items:center;gap:10px;font-size:.72rem;white-space:nowrap}
.demo-actions>div>span{width:28px;height:28px;border-radius:9px;background:#ece7ff;color:#6754db;display:grid;place-items:center}
.demo-actions .ico{width:18px;height:18px}
.demo-task{display:flex;align-items:center;gap:11px;padding:17px 8px;border-top:1px solid #eae7f3;margin-top:21px}
.demo-task>.ico{color:#705de5;width:23px;height:23px}
.demo-task .ico:last-child{margin-left:auto;width:17px;height:17px}
.demo-task b{display:block;font-size:.77rem}
.demo-task small{display:block;color:#8a8b98;font-size:.68rem}
.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid #f0eef6;padding:12px 13px 5px;color:#a3a0b8}
.demo-bottom span:first-child{color:#6c55df}
.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid #e8e3f3;border-radius:15px;background:#ffffffeb;backdrop-filter:blur(9px);box-shadow:0 17px 38px #69609420;color:#47425d;font-weight:800;font-size:.76rem}
.floating-label .ico{color:#6b57de}
.floating-label.first{left:-19px;top:95px;animation:label-float 7s ease-in-out infinite}
.floating-label.second{right:-14px;bottom:102px;animation:label-float 7s ease-in-out infinite 1.4s}
@keyframes label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.modern-ui .landing-features{max-width:1250px;padding:105px 24px}
.modern-ui .section-heading .eyebrow{display:inline-block;margin-bottom:12px}
.modern-ui .section-heading h2 em{font-style:normal;color:#7863e9}
.modern-ui .section-heading h2{font-weight:850}
.modern-ui .section-heading p{font-size:1.02rem;max-width:640px;margin:0 auto}
.modern-ui .featuregrid{gap:17px}
.modern-ui .feature{padding:33px;border-radius:22px;background:linear-gradient(160deg,#fff,#fcfbff);box-shadow:0 15px 40px #32284906;transition:transform .28s,box-shadow .28s,border-color .28s}
.modern-ui .feature:hover{transform:translateY(-6px);border-color:#d8cdfd;box-shadow:0 20px 46px #6152b016}
.modern-ui .feature-icon{border-radius:18px;width:55px;height:55px;color:#765ee7;background:linear-gradient(145deg,#e9e4ff,#eef6ff)}
.modern-ui .feature-icon .ico{width:25px;height:25px}
.modern-ui .feature h3{font-weight:800;font-size:1.08rem}
.modern-ui .feature p{line-height:1.75}
.template-section{padding:95px 24px 110px;background:linear-gradient(155deg,#f7f6ff,#f4f7fc)}
.template-inner{max-width:1240px;margin:0 auto}
.marketing-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.marketing-template{padding:12px 12px 16px;background:white;border:1px solid #e8e7f0;border-radius:24px;box-shadow:0 8px 32px #23223c09;transition:transform .26s}
.marketing-template:hover{transform:translateY(-6px)}
.marketing-template .template-stage{height:240px;border-radius:16px;position:relative;overflow:hidden;background:var(--swatch-bg);color:var(--swatch-fg);padding:21px;display:flex;flex-direction:column;align-items:flex-start}
.template-stage::before{content:"";position:absolute;inset:auto -60px -130px auto;width:270px;height:270px;border-radius:50%;background:var(--swatch-accent);opacity:.10;filter:blur(8px)}
.template-stage .stage-mark{font-size:1.5rem;font-weight:900}
.template-stage .stage-chip{font-size:.64rem;letter-spacing:.18em;font-weight:800;border:1px solid var(--swatch-line);padding:6px 8px;margin-top:15px;max-width:100%}
.template-stage strong{font-weight:850;font-size:2.08rem;line-height:1.1;letter-spacing:-.07em;position:relative;z-index:1;margin-top:16px}
.template-stage .stage-rule{width:55px;height:3px;background:var(--swatch-accent);margin-top:18px}
.template-stage small{margin-top:auto;font-size:.72rem;font-weight:750}
.template-name{display:block;font-weight:850;margin:15px 7px 0}
.steps-section{padding:100px 22px;max-width:1120px;margin:auto}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.step-card{border-radius:22px;border:1px solid #e9e7f5;padding:31px;background:#fff}
.step-num{font-size:.73rem;letter-spacing:.15em;font-weight:900;color:#8b7be2}
.step-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;margin:27px 0 17px;background:#f0edff;color:#6955df}
.step-icon .ico{width:28px;height:28px}
.step-card h3{font-size:1.15rem;margin-bottom:8px}
.step-card p{color:var(--sub);margin:0}
.marketing .pricing{padding:100px 22px;background:linear-gradient(170deg,#f5f4ff,#f8f6ff)}
.marketing .price-card{border-radius:27px;max-width:535px;padding:38px 41px;box-shadow:0 22px 60px #3c2c8a14}
.pricing-top{display:inline-flex;align-items:center;gap:9px;font-weight:850;color:#6551cb;font-size:.75rem;letter-spacing:.1em}
.marketing .price-card .price-number{margin:17px 0;font-size:3rem}
.pricing-features{display:grid;gap:12px;margin:24px 0 30px}
.pricing-features>div{display:flex;align-items:flex-start;gap:9px;color:#4f526d;font-size:.92rem}
.pricing-features .ico{color:#5a59cf;flex:0 0 auto;margin-top:2px}
.marketing .price-card .mini{margin:17px 0 0;line-height:1.65}
.closing-cta{background:linear-gradient(115deg,#332462,#5548b5 56%,#6b76dc);text-align:center;padding:90px 22px;color:white;position:relative;overflow:hidden}
.closing-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,#c3aaff40,transparent 35%),radial-gradient(circle at 90% 90%,#5dc9ff2e,transparent 45%);pointer-events:none}
.closing-cta .eyebrow{color:#cfccff}
.closing-cta h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.12;margin:14px 0 25px;position:relative;letter-spacing:-.07em}
.closing-cta h2 em{color:#aee6ff;font-style:normal}
.closing-cta>a{position:relative}
.modern-ui .landing-footer{max-width:1250px;gap:14px;padding:44px 25px}
.reveal{opacity:1;transform:none}
.js-motion .reveal:not(.in-view){opacity:0;transform:translateY(17px)}
.js-motion .reveal{transition:opacity .65s ease,transform .65s ease}
.js-motion .reveal.in-view{opacity:1;transform:none}

/* Theme visual selectors: nine complete looks. */
.theme-preview-noir{--swatch-bg:#101114;--swatch-fg:#f3f4f6;--swatch-accent:#fff;--swatch-line:#5a5b62}
.theme-preview-gold{--swatch-bg:#171615;--swatch-fg:#efe6d1;--swatch-accent:#d9b572;--swatch-line:#5f5038}
.theme-preview-monochrome{--swatch-bg:#f7f7f7;--swatch-fg:#141414;--swatch-accent:#161616;--swatch-line:#9e9e9e}
.theme-preview-aurora{--swatch-bg:#ede9fe;--swatch-fg:#33205e;--swatch-accent:#7657e7;--swatch-line:#9d8ee8}
.theme-preview-sunset{--swatch-bg:#fff0f1;--swatch-fg:#662d4b;--swatch-accent:#cc6193;--swatch-line:#e2a5c1}
.theme-preview-ocean{--swatch-bg:#e5f5fc;--swatch-fg:#17436d;--swatch-accent:#247ca4;--swatch-line:#92bad0}
.theme-preview-forest{--swatch-bg:#edf5e9;--swatch-fg:#264b30;--swatch-accent:#497d51;--swatch-line:#a8bdaa}
.theme-preview-minimal{--swatch-bg:#fff;--swatch-fg:#26283b;--swatch-accent:#383e63;--swatch-line:#ced0dc}
.theme-preview-midnight{--swatch-bg:#222238;--swatch-fg:#f6f1ff;--swatch-accent:#a88ee9;--swatch-line:#777193}
.theme-picker{margin:0 0 19px;padding:0;border:0;min-width:0}
.theme-picker legend{font-size:1.05rem;font-weight:850;margin-bottom:6px}
.theme-picker>.mini{margin:0 0 13px}
.theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-choice{margin:0;border:2px solid #e6e5ef;cursor:pointer;border-radius:17px;padding:8px;background:#fff;display:block;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}
.theme-choice:hover{transform:translateY(-2px);border-color:#b6a7ee}
.theme-choice:has(input:checked){border-color:#785fe7;box-shadow:0 0 0 2px #785fe722}
.theme-choice:has(input:focus-visible){outline:3px solid #9580fa;outline-offset:2px}
.theme-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.theme-swatch{height:115px;display:flex;flex-direction:column;align-items:flex-start;padding:12px;border-radius:10px;background:var(--swatch-bg);color:var(--swatch-fg);overflow:hidden}
.swatch-top{display:flex;gap:4px;margin-bottom:16px}.swatch-top i{display:block;height:4px;width:17px;border-radius:5px;background:var(--swatch-line)}.swatch-top i:first-child{width:29px;background:var(--swatch-accent)}
.theme-swatch strong{font-size:1.12rem;line-height:1.16;letter-spacing:-.045em}
.swatch-accent{width:27px;height:3px;margin-top:7px;background:var(--swatch-accent)}
.theme-swatch small{font-size:.65rem;margin-top:auto}
.theme-label{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap;padding:9px 3px 2px}
.theme-label b{font-weight:800;font-size:.77rem;color:#32334d}
.theme-label small{font-size:.68rem;color:#818296}
.theme-choice:has(input:checked)::after{content:"✓";position:absolute;right:14px;top:14px;background:#6d54df;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:.78rem;font-weight:900}
.site-preview{background:linear-gradient(145deg,#fdfcff,#f1eeff)}

/* Client-facing public pages: brand-owned light/dark palettes, not the admin palette. */
.public-site{--merchant-bg:#f7f6fc;--merchant-panel:#fff;--merchant-surface:#f8f7ff;--merchant-text:#252339;--merchant-muted:#66677e;--merchant-line:#e8e5f0;--merchant-button-text:#fff;background:var(--merchant-bg);color:var(--merchant-text)}
.public-site .public-shell{background:var(--merchant-panel);color:var(--merchant-text)}
.public-site .public-hero,.public-site .contact-block{background:var(--merchant-surface)}
.public-site .public-hero-copy p,.public-site .contact-block>p,.public-site .service-card p,.public-site .promo-card p,.public-site .public-shot p,.public-site .public-section-head p{color:var(--merchant-muted)}
.public-site .public-hero h1,.public-site .public-section h2,.public-site .contact-block h2,.public-site .service-card h3,.public-site .public-brand strong{color:var(--merchant-text)}
.public-site .service-card,.public-site .promo-card{background:var(--merchant-panel);border-color:var(--merchant-line);box-shadow:0 7px 21px #24152c0a;transition:transform .22s,box-shadow .22s}
.public-site .service-card:hover,.public-site .promo-card:hover{transform:translateY(-3px);box-shadow:0 17px 29px #24152c14}
.public-site .service-card b,.public-site .public-nav-cta,.public-site .contact-block a,.public-site .public-footer a{color:var(--merchant-accent)}
.public-site .eyebrow{color:var(--merchant-accent)}
.public-site .public-actions .button{border-radius:var(--merchant-radius,17px)}
.public-site .public-actions .button.primary,.public-site .contact-block .button.primary{background:var(--merchant-accent);color:var(--merchant-button-text);box-shadow:0 10px 24px #30254b18}
.public-site .public-actions .button.outlined{color:var(--merchant-text);border-color:var(--merchant-line);background:transparent}
.public-site .public-nav{border-bottom:1px solid var(--merchant-line)}
.public-site .public-footer{border-top:1px solid var(--merchant-line)}
.public-site .gradient-cover{background:radial-gradient(ellipse at 10% 10%,#ffffff30,transparent 60%),linear-gradient(130deg,var(--merchant-accent),#1b193a);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}
.public-site .gradient-cover .cover-symbol .ico{width:85px;height:85px;color:#fffd}
.public-site .gradient-cover .cover-word{font-weight:850;color:white;font-size:clamp(1.25rem,3vw,2rem);text-shadow:0 3px 14px #0003;letter-spacing:-.07em}
.public-site .public-hero{transition:background .3s}
.public-site .service-cards{gap:18px}
.public-site .service-card{min-height:116px}
.public-site .public-carousel{scroll-padding-inline:10px}
.public-site .public-shot img{transition:transform .35s}
.public-site .public-shot a:hover img{transform:scale(.98)}
.public-site .hero-social{margin-top:20px}
.public-site .social-chip{font-size:.8rem;font-weight:750;color:var(--merchant-text);display:inline-flex;align-items:center;gap:7px}
.public-site .public-nav-cta{font-weight:850}
.public-site .contact-block label{color:var(--merchant-text)}
.public-site .contact-block input,.public-site .contact-block select,.public-site .contact-block textarea{background:var(--merchant-panel);color:var(--merchant-text);border-color:var(--merchant-line)}
.public-site .contact-block input::placeholder,.public-site .contact-block textarea::placeholder{color:var(--merchant-muted);opacity:.8}
.public-site .contact-block .mini,.public-site .contact-block>p,.public-site .public-footer{color:var(--merchant-muted)}
.public-site .gradient-cover .ico{color:white}
.public-site .service-card small{color:var(--merchant-muted)}
.public-site .public-brand-initial{background:var(--merchant-accent);color:var(--merchant-button-text)}
.public-site.theme-noir{--merchant-bg:#090a0b;--merchant-panel:#141517;--merchant-surface:#1c1d21;--merchant-text:#f8f8f8;--merchant-muted:#babcc3;--merchant-line:#383a40;--merchant-button-text:#101113}
.public-site.theme-gold{--merchant-bg:#0d0d0e;--merchant-panel:#19191a;--merchant-surface:#23201c;--merchant-text:#f6f0e6;--merchant-muted:#c7bbac;--merchant-line:#554633;--merchant-button-text:#15120e}
.public-site.theme-midnight{--merchant-bg:#111021;--merchant-panel:#1c1b30;--merchant-surface:#25233b;--merchant-text:#f4f2ff;--merchant-muted:#cbc5e4;--merchant-line:#494360;--merchant-button-text:#11101c}
.public-site.theme-monochrome{--merchant-bg:#ededec;--merchant-panel:#fff;--merchant-surface:#f7f7f6;--merchant-text:#151515;--merchant-muted:#545454;--merchant-line:#ccc;--merchant-button-text:#fff}
.public-site.theme-gold .gradient-cover{background:radial-gradient(circle at 30% 22%,#e3c1844b,transparent 48%),linear-gradient(138deg,#070707,#3b3022 72%,#14110e)}
.public-site.theme-noir .gradient-cover{background:radial-gradient(circle at 25% 35%,#ffffff20,transparent 55%),linear-gradient(135deg,#060606,#373737)}
.public-site.theme-monochrome .gradient-cover{background:linear-gradient(135deg,#151515,#3e3e3e)}
.public-site.theme-midnight .gradient-cover{background:linear-gradient(130deg,#18122c,#554184)}
.public-site.theme-gold .public-brand-initial{color:#1b1710}
.public-site.theme-gold .promo-card{background:linear-gradient(135deg,#272019,#171718);border-color:#51412b}
.public-site.theme-gold .public-section-head .eyebrow{letter-spacing:.22em}
.public-site.theme-gold.font-serif .public-hero h1,.public-site.theme-gold.font-serif .public-section h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.05em}
.public-site.theme-noir .public-hero h1,.public-site.theme-gold .public-hero h1{font-weight:850}
.public-site.theme-noir .public-actions .button.primary{border:1px solid #dedee3}
.public-site.theme-gold .public-actions .button.primary{border:1px solid #d0ae6b}
.public-site.theme-noir .public-instagram,.public-site.theme-gold .public-instagram{color:#fff}
.public-site.theme-gold .public-footer a{font-weight:850}

/* Motion should add feedback, never block form use or incur layout shifts. */
@keyframes soft-enter{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.modern-ui.dashboard .dashhero,.modern-ui.dashboard .quickgrid,.modern-ui.dashboard .metricgrid{animation:soft-enter .55s both}
.modern-ui.dashboard .metricgrid{animation-delay:.08s}
.modern-ui.dashboard .quickgrid{animation-delay:.04s}
@media(max-width:1100px){.marketing .landing-hero-grid{gap:30px}.marketing-menu{gap:17px}.floating-label.first{left:-5px}.floating-label.second{right:-4px}.theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.marketing-menu{display:none}.marketing .landing-hero{padding:70px 17px 85px}.marketing .landing-hero-grid{gap:35px;grid-template-columns:1fr;text-align:center}.marketing .hero-message{display:flex;flex-direction:column;align-items:center}.marketing .landing-hero h1{font-size:clamp(3.15rem,8vw,4.6rem);margin:16px 0}.marketing .landing-hero .landing-actions{justify-content:center}.marketing .hero-visual{min-height:535px}.marketing .demo-phone{width:310px}.floating-label.first{left:9%;top:90px}.floating-label.second{right:6%;bottom:42px}.marketing-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr;max-width:550px;margin:auto}.modern-ui .landing-features{padding:72px 21px}.modern-ui .quick-arrow{display:none}}
@media(max-width:620px){.marketing .landing-nav{padding:15px 16px}.marketing .landing-nav .brand-light{display:none}.marketing .landing-nav>div .signin-link{font-size:.82rem}.marketing .landing-hero h1{font-size:clamp(3.05rem,11vw,4rem)}.marketing .landing-hero .hero-message>p{font-size:1.04rem}.marketing .landing-hero .landing-actions{width:100%}.marketing .landing-sub{justify-content:center;font-size:.75rem}.marketing .hero-visual{min-height:520px;margin-top:7px}.demo-phone{width:285px;transform:none;animation:none}.floating-label{padding:9px;font-size:.67rem;max-width:190px}.floating-label.first{left:-4%;top:60px}.floating-label.second{right:-1%;bottom:20px}.marketing-templates{gap:12px}.marketing-template{padding:7px;border-radius:16px}.marketing-template .template-stage{height:195px;padding:15px}.template-stage strong{font-size:1.46rem}.template-stage .stage-chip{font-size:.53rem}.template-name{font-size:.78rem}.template-section,.steps-section,.marketing .pricing{padding:65px 16px}.modern-ui .feature{padding:25px}.marketing .price-card{padding:28px 20px}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-swatch{height:105px}.modern-ui .quick{min-height:73px;padding:12px}.modern-ui .quick>span{width:35px;height:35px;flex-basis:35px}.modern-ui .quick b{font-size:.8rem}.public-site .service-card{min-height:unset}.public-site .public-hero .public-hero-copy{padding:33px 21px}.modern-ui .metric strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.modern-ui *,.modern-ui *::before,.modern-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal:not(.in-view){opacity:1!important;transform:none!important}}