@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#090711;--panel:#171124;--panel2:#21182f;--text:#f7f2ff;--muted:#b3a4c9;--violet:#a96cff;--line:#3b2b4c;--good:#a4e4c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif;line-height:1.15}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer;border:0;background:linear-gradient(125deg,#8b4fe5,#b67cff);color:white;border-radius:13px;padding:13px 19px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}button.secondary,.btn.secondary{background:#30213f;border:1px solid #6d4c8e}.wrap{width:min(1140px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:10;background:#0d0916e8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.045em;font-size:19px}.mark{width:36px;height:36px;border:2px solid #b678ff;transform:rotate(-12deg);display:grid;place-items:center;border-radius:9px;box-shadow:0 0 24px #9c55ff55;color:#d8b4ff;font-weight:700}.links{display:flex;gap:22px;align-items:center;font-size:14px}.links a:hover{color:#c89cff}.hero{position:relative;overflow:hidden;padding:116px 0 100px;background:radial-gradient(ellipse at 80% 35%,#582b8c66,transparent 40%),radial-gradient(ellipse at 10% 90%,#2b1758,transparent 45%)}.hero:after{content:'';position:absolute;right:-160px;top:30px;width:520px;height:520px;border:1px solid #ac72fa44;border-radius:50%;box-shadow:0 0 0 55px #b17aff08,0 0 0 115px #b17aff08;pointer-events:none}.eyebrow{color:#c496ff;text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,7vw,83px);max-width:880px;letter-spacing:-.065em;margin:20px 0}.hero h1 span,.accent{color:#c392ff}.lead{max-width:650px;font-size:19px;color:#d1c2e2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:84px 0}.section.alt{background:#f5f1fb;color:#21182c}.section.alt .muted{color:#61566e}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:10px 0 18px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(155deg,#221630,#130f20);border-radius:20px;padding:26px;min-width:0}.alt .card{background:white;border-color:#e4dcec;box-shadow:0 10px 30px #33214a0b}.card h3{font-size:23px;margin:8px 0}.price{font-size:30px;font-weight:700;color:#d0a8ff}.alt .price{color:#7444ad}.tag{display:inline-block;border:1px solid #7c55a8;color:#d6b3ff;border-radius:99px;padding:3px 11px;font-size:12px}.alt .tag{color:#7548a6}.card ul{padding-left:20px;color:var(--muted)}.alt .card ul{color:#61566e}.card li{margin:6px 0}.refs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ref{padding:24px;border:1px solid var(--line);border-radius:20px;background:#1a1328}.ref small{color:#cba6fa}.ref a{color:#d8b6ff;text-decoration:underline}.footer{padding:35px 0;border-top:1px solid var(--line);color:#b3a4c9}.field{display:grid;gap:7px;margin-bottom:17px}.field label{font-weight:600;font-size:14px}.field input,.field textarea,.field select{width:100%;background:#231a31;border:1px solid #5a466e;color:white;border-radius:12px;padding:12px 14px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#bc87ff}.notice{background:#291c3b;border:1px solid #634582;border-radius:14px;padding:15px;color:#dfd1ed;margin:20px 0}.check{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.check input{margin-top:7px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button{padding:10px 13px;background:#2b2039;font-size:13px}.tabs button.active{background:#8c53d0}.adminlayout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:25px 16px;background:#120d1d;border-right:1px solid var(--line)}.sidebar .brand{margin:0 0 32px}.sidebar button{display:block;width:100%;text-align:left;justify-content:flex-start;background:transparent;margin:4px 0;color:#d1c3df;font-weight:500}.sidebar button.active{background:#342046;color:white}.adminmain{padding:35px;max-width:1300px;width:100%;margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#21172f;border:1px solid var(--line);padding:20px;border-radius:18px}.stat strong{display:block;font-size:26px;color:#d6b3ff}.stat span{font-size:12px;color:#bba8ce}.tablewrap{overflow:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td,.tbl th{padding:12px;text-align:left;border-bottom:1px solid #463450}.tbl th{color:#bca5d1}.pill{display:inline-block;border-radius:20px;background:#3a2a50;color:#dec6ff;padding:3px 9px;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.task{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #493657;border-radius:12px;margin:7px 0}.task.done{opacity:.55}.task.done span{text-decoration:line-through}.small{font-size:12px}.hide{display:none!important}.mobilemenu{display:none}@media(max-width:800px){.links{display:none}.mobilemenu{display:inline-flex}.links.open{display:flex;position:absolute;top:73px;left:0;right:0;background:#150f20;padding:20px;flex-direction:column;align-items:stretch}.hero{padding:80px 0}.grid,.grid.two,.refs,.split{grid-template-columns:1fr}.adminlayout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin-bottom:12px}.sidebar .sidenav{display:flex;overflow:auto;gap:5px}.sidebar button{white-space:nowrap;width:auto}.adminmain{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){.card,.ref,.btn{transition:transform .2s ease,box-shadow .2s ease}.card:hover,.ref:hover{transform:translateY(-3px)}}
/* ELEVEN D1G1TAL premium public homepage */
:root{--violet:#b76aff}body{overflow-x:hidden} .brand-slash{font-size:30px;letter-spacing:-.2em;color:#c44dff;transform:skew(-15deg);margin-right:7px;text-shadow:0 0 18px #c24dff99}.brand em{font-style:normal;color:#cfb5ff}.nav{border-bottom-color:#a56eff29}.nav .btn{padding:10px 15px}.links a[aria-current=page]{color:#d5a6ff}.site-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:linear-gradient(90deg,#8d41f7,#f0b5ff);box-shadow:0 0 15px #bd66ff}.gradient-text{background:linear-gradient(110deg,#fff 0%,#dbb8ff 36%,#a64dff 76%,#f2c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-premium{min-height:730px;padding:80px 0 65px;background:radial-gradient(ellipse at 78% 35%,#4c147b52,transparent 45%),linear-gradient(130deg,#090711,#140a25 70%,#090711);isolation:isolate}.hero-premium:after{display:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-.065em;line-height:1.06;max-width:760px;margin:24px 0}.hero-copy .lead{font-size:clamp(18px,1.7vw,21px);max-width:600px;line-height:1.55}.hero-sub{color:#ac9abf;max-width:580px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 19px;margin-top:36px;color:#d2bce8;font-size:12px}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c47cff;box-shadow:0 0 0 5px #b55cff23,0 0 17px #bc65ff;margin-right:10px;animation:pulse 2.5s infinite}.hero-visual{position:relative}.hero-img-frame{position:relative;border:1px solid #a75cff55;border-radius:26px;overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);box-shadow:0 35px 85px #000b,0 0 75px #8d32ef33}.hero-img-frame img{width:100%;height:610px;object-fit:cover;object-position:center;display:block}.hero-img-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09071138,transparent 50%);pointer-events:none}.floating-chip{position:absolute;background:#1c102de8;border:1px solid #b46dff77;backdrop-filter:blur(15px);border-radius:100px;padding:9px 14px;font-size:11px;letter-spacing:.14em;color:#e4c6ff;box-shadow:0 0 25px #a953ff38;animation:floaty 6s ease-in-out infinite}.chip-a{top:11%;right:-20px}.chip-b{bottom:12%;left:-30px;animation-delay:-3s}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6;pointer-events:none}.orb-one{width:300px;height:300px;top:5%;left:-180px;background:radial-gradient(circle,#9d3aff22,transparent 68%)}.orb-two{width:400px;height:400px;bottom:-200px;right:-170px;background:radial-gradient(circle,#bd4aff22,transparent 65%)}.scroll-hint{display:block;position:relative;z-index:3;text-align:center;color:#9e8aad;font-size:12px;letter-spacing:.12em;margin-top:28px}.scroll-hint span{display:inline-block;margin-left:7px;animation:down 2s infinite}.btn-glow{box-shadow:0 8px 30px #9546f76e;position:relative;overflow:hidden}.btn-glow:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skew(-25deg);width:60%;background:linear-gradient(90deg,transparent,#fff5,transparent);animation:shine 6s infinite}.ticker{overflow:hidden;background:#1a0e2b;border-block:1px solid #7d3cbb55;white-space:nowrap;padding:14px 0;color:#d5b6f5;font-size:12px;font-weight:700;letter-spacing:.22em}.ticker-inner{width:max-content;animation:marquee 36s linear infinite}.ticker b{color:#a44aff;margin:0 32px}.section-heading{max-width:840px;margin-bottom:45px}.section-heading p{color:#bcaecb;font-size:17px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading.center p{max-width:730px;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(32px,4vw,54px)}.story-section{background:#0c0814}.highlight-line{padding-left:18px;border-left:3px solid #a858ff;color:#dbc4ef!important}.story-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:36px;align-items:start}.story-cards{display:grid;gap:12px}.feature-card{background:linear-gradient(115deg,#1b112a,#100b1b);border:1px solid #4c305e;border-radius:17px;padding:20px 24px;transition:border-color .3s,transform .3s,box-shadow .3s}.feature-card:hover{border-color:#ad62ff;transform:translateX(5px);box-shadow:0 0 30px #9e44ff18}.feature-number{font-size:11px;color:#c084ff;letter-spacing:.16em}.feature-card h3{font-size:20px;margin:6px 0}.feature-card p{margin:0;color:#bbaaca;font-size:14px}.story-visual{position:sticky;top:110px}.story-visual img{display:block;width:100%;border-radius:24px;border:1px solid #6c3b9255;box-shadow:0 25px 80px #0007}.image-note{position:relative;margin:-44px 18px 0;background:#160c26e8;backdrop-filter:blur(15px);border:1px solid #a05cff66;border-radius:14px;padding:16px;color:#e4d3f5;text-align:center;font-size:14px}.fear-section{background:radial-gradient(ellipse at 22% 50%,#3812504f,transparent 60%),#10091a}.fear-grid,.difference-grid,.image-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);align-items:center}.fear-image img,.difference-visual img,.visual-poster img{width:100%;display:block;border-radius:24px;border:1px solid #a65aff40;box-shadow:0 30px 80px #0007}.fear-copy h2,.difference-copy h2,.image-copy h2{font-size:clamp(32px,3.6vw,50px)}.fear-copy h3{font-size:clamp(23px,2.5vw,32px);margin:0 0 22px}.fear-copy p,.difference-copy p,.image-copy p{color:#c5b4d5}.callout{display:grid;gap:6px;padding:21px;border:1px solid #9557c780;background:#271439b0;border-radius:18px;margin-top:25px}.callout strong{color:#f0d8ff}.callout span{color:#c8b1d9;font-size:14px}.process-section{background:#0b0813}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-card{padding:25px 18px;border:1px solid #52346c;background:linear-gradient(145deg,#241333,#130d20);border-radius:18px;position:relative;overflow:hidden}.process-card:before{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,#a954ff,transparent)}.process-card>span{font-family:'Space Grotesk';font-size:38px;color:#b875ff;font-weight:700;opacity:.75}.process-card h3{font-size:19px}.process-card p{color:#bbaacb;font-size:13px}.center{text-align:center}.action-center{margin-top:35px}.difference-section{background:linear-gradient(150deg,#120a1e,#090711)}.difference-visual img{max-height:800px;object-fit:cover}.benefit{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #56376c66}.benefit-icon{color:#c477ff;font-size:22px;line-height:1.3}.benefit h3{font-size:18px;margin:0 0 5px}.benefit p{margin:0;font-size:14px}.business-card-section{background:#120a20}.image-copy h2{line-height:1.1}.mini-benefits{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.mini-benefits span{border:1px solid #67407d;border-radius:99px;padding:8px 11px;color:#ddc6ef;font-size:12px}.visual-poster img{max-height:700px;object-fit:cover}.apps-section{background:#0b0813}.app-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.app-tile{background:linear-gradient(140deg,#2c1742,#140c22);border:1px solid #5d367d;border-radius:18px;padding:24px;display:grid;gap:16px;min-height:140px}.app-tile span{font-size:31px;color:#c37cff}.app-tile strong{font-size:15px}.prices-section{background:radial-gradient(ellipse at 50% 0,#55248d38,transparent 60%),#110b1d}.price-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.price-group{background:linear-gradient(150deg,#261439,#160e23);border:1px solid #7543a0;border-radius:22px;padding:28px}.price-group-title{color:#c68dff;letter-spacing:.15em;font-size:12px;font-weight:700;margin-bottom:14px}.price-row{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #6a467b66;align-items:center}.price-row strong{font-size:clamp(17px,2vw,22px);color:#e0b9ff}.price-group .btn{margin-top:24px}.price-disclaimer{font-size:12px;color:#a994bd;margin-top:20px;text-align:center}.references-section{background:#0b0813}.enhanced-refs{grid-template-columns:repeat(4,1fr)}.enhanced-refs .ref{background:linear-gradient(145deg,#21122f,#120c1e);padding:24px;transition:transform .3s,border-color .3s;display:flex;flex-direction:column;min-height:210px}.enhanced-refs .ref:hover{border-color:#bc7cff;transform:translateY(-5px)}.enhanced-refs .ref p{color:#b9a8c9;font-size:14px;flex:1}.ref-type{color:#b477f0;letter-spacing:.12em;font-size:10px;font-weight:700}.ref-link{color:#ddb8ff;font-size:13px}.final-cta{background:radial-gradient(ellipse at 50% 50%,#64289e55,transparent 65%),#0b0713;text-align:center;position:relative;overflow:hidden}.final-cta-inner{max-width:790px;margin:auto}.final-cta h2{font-size:clamp(37px,5vw,67px);margin:20px 0 10px}.cta-big{font-size:clamp(23px,3vw,38px);font-weight:700;color:white;margin:0 0 20px}.final-cta-inner>p:not(.cta-big){color:#c7b4d9;max-width:640px;margin:0 auto 30px}.cta-footnote{display:block;color:#a893bb;margin-top:30px;font-size:12px}.footer-flex{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.js-animate .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.js-animate .reveal.visible{opacity:1;transform:translateY(0)}.hero-img-frame{animation:floaty 8s ease-in-out infinite}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 25px #a35cff44}}@keyframes pulse{50%{box-shadow:0 0 0 9px #b55cff08,0 0 25px #bc65ff}}@keyframes floaty{50%{transform:translateY(-9px)}}@keyframes down{50%{transform:translateY(6px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes shine{0%,65%,100%{transform:translateX(-140%) skew(-25deg)}80%{transform:translateX(250%) skew(-25deg)}}@media(max-width:1050px){.hero-grid{gap:22px}.hero-img-frame img{height:510px}.process-grid{grid-template-columns:repeat(3,1fr)}.enhanced-refs{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.hero-premium{padding:60px 0 55px}.hero-grid,.story-layout,.fear-grid,.difference-grid,.image-copy-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(42px,9vw,65px)}.hero-img-frame{max-width:520px;margin:auto;transform:none}.hero-img-frame img{height:480px}.hero-visual{margin-top:12px}.story-visual{position:static;max-width:540px;margin:auto}.fear-image{max-width:520px;margin:auto}.difference-visual{order:2;max-width:540px;margin:auto}.difference-copy{order:1}.visual-poster{max-width:520px;margin:auto}.app-tiles{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.price-columns{grid-template-columns:1fr}.section{padding:70px 0}.chip-a{right:0}.chip-b{left:0}}@media(max-width:480px){.hero-img-frame img{height:410px}.hero-copy h1{font-size:43px}.hero-proof{gap:7px 14px}.hero-proof span{font-size:11px}.process-grid{grid-template-columns:1fr}.app-tiles{grid-template-columns:1fr 1fr}.app-tile{padding:15px;min-height:135px}.enhanced-refs{grid-template-columns:1fr}.feature-card{padding:18px}.price-group{padding:20px}.price-row strong{font-size:17px}.floating-chip{font-size:9px}.section-heading h2{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* V4: soft photographic section backgrounds and accessible image popup */
.hero-premium,.story-section,.fear-section,.difference-section,.business-card-section,.final-cta{position:relative;isolation:isolate;overflow:hidden}
.hero-premium::before,.story-section::before,.fear-section::before,.difference-section::before,.business-card-section::before,.final-cta::before{content:"";position:absolute;inset:-22px;z-index:-2;background-position:center;background-size:cover;filter:blur(8px) saturate(.85);opacity:.39;pointer-events:none}
.hero-premium::after,.story-section::after,.fear-section::after,.difference-section::after,.business-card-section::after,.final-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,5,17,.91),rgba(11,6,24,.79) 55%,rgba(9,5,18,.83));pointer-events:none}
.hero-premium::before{background-image:url('assets/hero-tech.webp');background-position:70% center;opacity:.23}
.story-section::before{background-image:url('assets/customer-growth.webp');background-position:75% center;opacity:.42}
.fear-section::before{background-image:url('assets/money-fire.webp');background-position:35% 45%;opacity:.38}
.difference-section::before{background-image:url('assets/tech-layers.webp');background-position:28% center;opacity:.40}
.business-card-section::before{background-image:url('assets/digital-card.webp');background-position:65% center;opacity:.41}
.final-cta::before{background-image:url('assets/customer-growth.webp');opacity:.25}
.story-section .story-layout{grid-template-columns:1fr}.story-section .story-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px}
.story-section .story-visual,.fear-section .fear-image,.difference-section .difference-visual,.business-card-section .visual-poster{display:none}
.fear-grid,.difference-grid,.image-copy-grid{grid-template-columns:minmax(0,850px)}
.fear-copy,.difference-copy,.image-copy{background:rgba(12,8,24,.58);border:1px solid rgba(179,112,255,.2);border-radius:24px;padding:clamp(22px,4vw,44px);backdrop-filter:blur(5px)}
.story-section .feature-card,.process-card{background:rgba(17,10,29,.86);backdrop-filter:blur(8px)}
.popup-open{overflow:hidden}
.promo-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(4,2,11,.82);backdrop-filter:blur(10px);animation:promoFade .35s ease both}
.promo-dialog{width:min(94vw,470px);max-height:min(92dvh,900px);overflow:auto;position:relative;background:linear-gradient(145deg,#1c102d,#0b0715);border:1px solid #a25de0;border-radius:23px;box-shadow:0 0 70px #8f36ee55,0 35px 90px #000a;animation:promoIn .45s cubic-bezier(.2,.8,.2,1) both}
.promo-dialog img{width:100%;height:auto;max-height:47dvh;object-fit:contain;display:block;background:#170c25}
.promo-message{padding:20px 24px 24px;text-align:center}
.promo-message p{font-size:clamp(17px,2.8vw,21px);font-weight:700;line-height:1.45;color:#f6eaff;margin:0 0 18px}
.promo-message p strong{color:#d5a1ff}
.promo-message .btn{display:inline-flex;justify-content:center}
.promo-close{position:absolute;right:11px;top:11px;z-index:2;width:42px;height:42px;border:1px solid #ffffff7a;border-radius:50%;background:#12091fe8;color:#fff;font-size:25px;cursor:pointer;display:grid;place-items:center;line-height:1}
.promo-close:focus-visible,.promo-message a:focus-visible{outline:3px solid #e1b5ff;outline-offset:3px}
@keyframes promoFade{from{opacity:0}to{opacity:1}}@keyframes promoIn{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){.story-section .story-cards{grid-template-columns:1fr}.fear-grid,.difference-grid,.image-copy-grid{grid-template-columns:1fr}.promo-dialog img{max-height:43dvh}}
@media(prefers-reduced-motion:reduce){.promo-overlay,.promo-dialog{animation:none}}

/* V5: FIVE FULL-WIDTH, SEQUENTIAL IMAGE BACKDROPS.
   Image ratio is preserved: no forced stretching or oversized background cover crop. */
.hero-premium,.story-section,.fear-section,.difference-section,.business-card-section{position:relative;isolation:isolate;overflow:hidden;background-color:#0b0714!important}
.hero-premium::before,.story-section::before,.fear-section::before,.difference-section::before,.business-card-section::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-repeat:no-repeat;background-position:center center;background-size:contain;
  filter:blur(1.5px) saturate(1.12);opacity:.93;
}
.hero-premium::after,.story-section::after,.fear-section::after,.difference-section::after,.business-card-section::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,3,14,.79) 0%,rgba(9,5,20,.67) 48%,rgba(7,3,15,.43) 100%);
}
.hero-premium::before{background-image:url('assets/hero-tech.webp');background-position:center center;opacity:.94}
.story-section::before{background-image:url('assets/customer-growth.webp');background-position:center center;opacity:.94}
.fear-section::before{background-image:url('assets/money-fire.webp');background-position:center center;opacity:.94}
.difference-section::before{background-image:url('assets/tech-layers.webp');background-position:center center;opacity:.94}
.business-card-section::before{background-image:url('assets/digital-card.webp');background-position:center center;opacity:.94}
.hero-premium,.story-section,.fear-section,.difference-section,.business-card-section{min-height:690px;display:flex;align-items:center;padding-top:95px;padding-bottom:95px}
.hero-premium .hero-grid{grid-template-columns:minmax(0,780px);justify-content:start}
.hero-premium .hero-visual{display:none}
.hero-premium .hero-copy,.story-section .section-heading,.fear-copy,.difference-copy,.image-copy{
  position:relative;background:rgba(10,5,22,.67);border:1px solid rgba(181,114,245,.24);
  border-radius:25px;padding:clamp(22px,4vw,44px);backdrop-filter:blur(7px);
  box-shadow:0 18px 65px rgba(0,0,0,.36)
}
.story-section .section-heading{max-width:900px}
.story-section .story-layout{grid-template-columns:1fr}
.story-section .story-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:950px}
.story-section .feature-card{background:rgba(10,5,21,.77);border-color:rgba(181,114,245,.35)}
.fear-grid,.difference-grid,.image-copy-grid{grid-template-columns:minmax(0,820px)}
.story-section .story-visual,.fear-section .fear-image,.difference-section .difference-visual,.business-card-section .visual-poster{display:none}
/* The five backgrounds follow one another vertically, while the rest of the site's content stays intact. */
@media(max-width:800px){
 .hero-premium,.story-section,.fear-section,.difference-section,.business-card-section{min-height:650px;padding-top:76px;padding-bottom:76px}
 .hero-premium::before,.story-section::before,.fear-section::before,.difference-section::before,.business-card-section::before{background-size:100% auto;background-position:center center;opacity:1}
 .hero-premium::after,.story-section::after,.fear-section::after,.difference-section::after,.business-card-section::after{background:linear-gradient(180deg,rgba(7,3,15,.48),rgba(7,3,15,.72) 45%,rgba(7,3,15,.8))}
 .hero-premium .hero-copy,.story-section .section-heading,.fear-copy,.difference-copy,.image-copy{background:rgba(9,5,19,.66)}
 .story-section .story-cards{grid-template-columns:1fr}
}

/* V6 official brand logo */
.brand{display:inline-flex;align-items:center;flex-shrink:0}.official-logo{display:block;width:150px;max-width:38vw;height:66px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 8px #b235ff55)}.footer .official-logo{width:130px}@media(max-width:600px){.official-logo{width:116px;height:55px}}


/* V7 – white editorial canvas, one continuous soft purple smoke ribbon.
   Applied only to public pages; admin retains its dark interface. */
body:not(:has(.adminlayout)){
 --bg:#ffffff;--panel:#ffffff;--panel2:#f7f2ff;--text:#21162e;
 --muted:#5d506c;--line:#e7dbee;
 color:#21162e;
 background:#fff url("assets/purple-smoke-flow.svg") center top / 100% auto repeat-y;
}
body:not(:has(.adminlayout)) .nav{background:rgba(255,255,255,.88);border-bottom:1px solid #e7dbee;box-shadow:0 5px 28px #3b174a0b}
body:not(:has(.adminlayout)) .links a{color:#30213b}
body:not(:has(.adminlayout)) .links a:hover{color:#8d35c8}
body:not(:has(.adminlayout)) .links .btn{color:#fff}
body:not(:has(.adminlayout)) .section,
body:not(:has(.adminlayout)) .hero,
body:not(:has(.adminlayout)) .hero-premium,
body:not(:has(.adminlayout)) .story-section,
body:not(:has(.adminlayout)) .fear-section,
body:not(:has(.adminlayout)) .process-section,
body:not(:has(.adminlayout)) .difference-section,
body:not(:has(.adminlayout)) .business-card-section,
body:not(:has(.adminlayout)) .apps-section,
body:not(:has(.adminlayout)) .prices-section,
body:not(:has(.adminlayout)) .references-section,
body:not(:has(.adminlayout)) .final-cta,
body:not(:has(.adminlayout)) .section.alt{
 background:transparent!important;color:#24162f!important;
}
body:not(:has(.adminlayout)) .hero-premium::before,
body:not(:has(.adminlayout)) .story-section::before,
body:not(:has(.adminlayout)) .fear-section::before,
body:not(:has(.adminlayout)) .difference-section::before,
body:not(:has(.adminlayout)) .business-card-section::before,
body:not(:has(.adminlayout)) .final-cta::before,
body:not(:has(.adminlayout)) .hero-premium::after,
body:not(:has(.adminlayout)) .story-section::after,
body:not(:has(.adminlayout)) .fear-section::after,
body:not(:has(.adminlayout)) .difference-section::after,
body:not(:has(.adminlayout)) .business-card-section::after,
body:not(:has(.adminlayout)) .final-cta::after{display:none!important}
body:not(:has(.adminlayout)) .hero-orb{opacity:.12}
body:not(:has(.adminlayout)) h1,
body:not(:has(.adminlayout)) h2,
body:not(:has(.adminlayout)) h3,
body:not(:has(.adminlayout)) .cta-big{color:#20142d}
body:not(:has(.adminlayout)) .gradient-text{background:linear-gradient(110deg,#4e206e,#8d35c8 58%,#b84be7);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(:has(.adminlayout)) p,
body:not(:has(.adminlayout)) .lead,
body:not(:has(.adminlayout)) .hero-sub,
body:not(:has(.adminlayout)) .section-heading p,
body:not(:has(.adminlayout)) .fear-copy p,
body:not(:has(.adminlayout)) .difference-copy p,
body:not(:has(.adminlayout)) .image-copy p,
body:not(:has(.adminlayout)) .final-cta-inner>p:not(.cta-big){color:#51455d}
body:not(:has(.adminlayout)) .eyebrow,
body:not(:has(.adminlayout)) .feature-number,
body:not(:has(.adminlayout)) .benefit-icon{color:#8638bc}
body:not(:has(.adminlayout)) .hero-copy,
body:not(:has(.adminlayout)) .story-section .section-heading,
body:not(:has(.adminlayout)) .fear-copy,
body:not(:has(.adminlayout)) .difference-copy,
body:not(:has(.adminlayout)) .image-copy{
 background:rgba(255,255,255,.89)!important;
 border:1px solid rgba(177,123,213,.28)!important;
 box-shadow:0 16px 55px rgba(73,34,91,.09)!important;
 backdrop-filter:blur(12px)
}
body:not(:has(.adminlayout)) .feature-card,
body:not(:has(.adminlayout)) .process-card,
body:not(:has(.adminlayout)) .app-tile,
body:not(:has(.adminlayout)) .price-group,
body:not(:has(.adminlayout)) .ref,
body:not(:has(.adminlayout)) .card,
body:not(:has(.adminlayout)) .callout{
 background:rgba(255,255,255,.91)!important;
 border:1px solid #e5d8ef!important;
 box-shadow:0 12px 40px rgba(83,35,115,.075);
 backdrop-filter:blur(10px);
}
body:not(:has(.adminlayout)) .feature-card p,
body:not(:has(.adminlayout)) .process-card p,
body:not(:has(.adminlayout)) .enhanced-refs .ref p,
body:not(:has(.adminlayout)) .callout span,
body:not(:has(.adminlayout)) .card ul{color:#5b5064}
body:not(:has(.adminlayout)) .callout strong,
body:not(:has(.adminlayout)) .price-row strong,
body:not(:has(.adminlayout)) .price-group-title,
body:not(:has(.adminlayout)) .ref-link{color:#8036b7}
body:not(:has(.adminlayout)) .hero-proof,
body:not(:has(.adminlayout)) .mini-benefits span,
body:not(:has(.adminlayout)) .price-disclaimer,
body:not(:has(.adminlayout)) .cta-footnote,
body:not(:has(.adminlayout)) .scroll-hint{color:#685576}
body:not(:has(.adminlayout)) .mini-benefits span{background:#fff9;border-color:#d6bde9}
body:not(:has(.adminlayout)) .btn.secondary,
body:not(:has(.adminlayout)) button.secondary{background:#fff;color:#5e277d;border:1px solid #d9bce9}
body:not(:has(.adminlayout)) .ticker{background:#f6eafbdf;color:#672d88;border-color:#dfc7ef}
body:not(:has(.adminlayout)) .footer{background:#fffdfedb;color:#61536b;border-top-color:#e7dbee}
body:not(:has(.adminlayout)) .field input,
body:not(:has(.adminlayout)) .field textarea,
body:not(:has(.adminlayout)) .field select{background:#fff;color:#24162e;border-color:#d7c2e7}
body:not(:has(.adminlayout)) .notice{background:#f7efff;color:#4d365d;border-color:#dfc7ef}
body:not(:has(.adminlayout)) .tag{color:#7239a0}
body:not(:has(.adminlayout)) .popup-open,
body:not(:has(.adminlayout)) .promo-overlay{color:#fff}
body:not(:has(.adminlayout)) .promo-message p{color:#fff}
body:not(:has(.adminlayout)) .promo-message p strong{color:#e6c0ff}
body:not(:has(.adminlayout)) .hero-premium,
body:not(:has(.adminlayout)) .story-section,
body:not(:has(.adminlayout)) .fear-section,
body:not(:has(.adminlayout)) .difference-section,
body:not(:has(.adminlayout)) .business-card-section{min-height:unset}
body:not(:has(.adminlayout)) .section{padding-block:clamp(70px,8vw,120px)}
body:not(:has(.adminlayout)) .hero-premium{padding-block:90px}
body:not(:has(.adminlayout)) .final-cta-inner{background:#ffffffd9;border:1px solid #e7d9f0;border-radius:30px;padding:clamp(28px,5vw,65px);box-shadow:0 25px 70px #51227d13}
body:not(:has(.adminlayout)) .highlight-line{color:#4c2c60!important}
body:not(:has(.adminlayout)) .price-row{border-bottom-color:#e8d8ef}
body:not(:has(.adminlayout)) .benefit{border-bottom-color:#e7d7ee}
body:not(:has(.adminlayout)) .app-tile strong{color:#2c1d36}
body:not(:has(.adminlayout)) .app-tile span{color:#9d42d6}
@media(max-width:700px){
 body:not(:has(.adminlayout)){background-size:auto 1900px;background-position:center top}
 body:not(:has(.adminlayout)) .hero-premium{padding-block:65px}
 body:not(:has(.adminlayout)) .section{padding-block:65px}
 body:not(:has(.adminlayout)) .links{background:#fff!important}
}


/* V8 – integrated editorial layout on V7's continuous white/violet smoke */
body:not(:has(.adminlayout)){background-attachment:scroll}
body:not(:has(.adminlayout)) .v8-hero{padding:clamp(28px,4vw,60px) 0 74px!important;position:relative}
body:not(:has(.adminlayout)) .v8-hero .hero-grid{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
 align-items:center;gap:clamp(24px,5vw,80px);max-width:1260px;
 background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(249,238,255,.67));
 border:1px solid rgba(177,115,218,.28);border-radius:34px;
 box-shadow:0 28px 90px #62239c18;overflow:hidden;padding:clamp(26px,4vw,60px)
}
body:not(:has(.adminlayout)) .v8-hero .hero-copy{
 background:transparent!important;border:0!important;box-shadow:none!important;
 padding:0!important;backdrop-filter:none
}
body:not(:has(.adminlayout)) .v8-hero h1{font-size:clamp(38px,5vw,76px);line-height:1.06;letter-spacing:-.045em}
body:not(:has(.adminlayout)) .v8-hero .hero-visual{min-width:0}
body:not(:has(.adminlayout)) .v8-hero .hero-img-frame{
 border-radius:28px;overflow:hidden;transform:rotate(1deg);box-shadow:0 25px 65px #33144e3b;
 background:#130b1c;max-height:650px
}
body:not(:has(.adminlayout)) .v8-hero .hero-img-frame img{width:100%;height:100%;max-height:650px;object-fit:cover}
body:not(:has(.adminlayout)) .v8-hero .floating-chip{background:#fff;color:#7135a1;border:1px solid #e5d0f3;box-shadow:0 9px 30px #43245a21}
body:not(:has(.adminlayout)) .v8-services{padding-top:45px!important}
.v8-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.v8-section-head h2{max-width:680px}
.v8-section-head>p{max-width:390px;margin:0 0 5px}
.v8-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.v8-service{display:flex;min-width:0;flex-direction:column;overflow:hidden;text-decoration:none;
 background:#fff;border:1px solid #e7d9ef;border-radius:28px;
 box-shadow:0 15px 55px #59287b15;transition:transform .35s,box-shadow .35s}
.v8-service:hover{transform:translateY(-7px);box-shadow:0 26px 75px #59287b30}
.v8-service-art{height:clamp(190px,25vw,320px);overflow:hidden;background:#170d22}
.v8-service-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .6s}
.v8-service:hover img{transform:scale(1.045)}
.v8-service-info{padding:clamp(22px,3vw,35px);color:#2a1737}
.v8-service-info>span{font-size:11px;letter-spacing:.14em;color:#8c42b9;font-weight:800}
.v8-service-info h3{font-size:clamp(23px,2.6vw,35px);margin:9px 0}
.v8-service-info p{color:#66556d;max-width:470px}
.v8-service-info b{display:flex;justify-content:space-between;align-items:center;color:#6c2599;margin-top:20px}
.v8-service-info i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f2e3fa}
body:not(:has(.adminlayout)) .v8-story .story-layout{align-items:center;gap:32px}
body:not(:has(.adminlayout)) .v8-process .process-grid{gap:14px}
body:not(:has(.adminlayout)) .v8-process .process-card{border-radius:22px!important}
body:not(:has(.adminlayout)) .v8-references .refs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body:not(:has(.adminlayout)) .v8-references .ref{
 display:flex;flex-direction:column;overflow:hidden;border-radius:23px!important;
 padding:0 0 22px!important;text-decoration:none;min-width:0;transition:transform .25s}
body:not(:has(.adminlayout)) .v8-references .ref:hover{transform:translateY(-5px)}
.v8-ref-visual{height:160px;background:#160c22;overflow:hidden;margin-bottom:22px}
.v8-ref-visual img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .4s}
.v8-references .ref:hover .v8-ref-visual img{transform:scale(1.05)}
.v8-references .ref>*:not(.v8-ref-visual){margin-left:20px;margin-right:20px}
.v8-references .ref .ref-link{margin-top:auto;padding-top:15px}
body:not(:has(.adminlayout)) .v8-cta{padding:60px 0 105px!important}
body:not(:has(.adminlayout)) .v8-cta .final-cta-inner{
 position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,6vw,95px);
 background:linear-gradient(105deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 48%,rgba(244,224,255,.55) 100%)!important;
 border:1px solid #e1c7f2;box-shadow:0 30px 100px #622a8b22
}
body:not(:has(.adminlayout)) .v8-cta .final-cta-inner::after{
 content:"";position:absolute;right:-4%;bottom:-12%;width:45%;height:120%;
 background:url("assets/customer-growth.webp") center / contain no-repeat;opacity:.2;z-index:-1;
 mask-image:linear-gradient(to right,transparent,#000 45%);
}
body:not(:has(.adminlayout)) .v8-cta h2,
body:not(:has(.adminlayout)) .v8-cta p{max-width:760px}
@media(max-width:900px){
 body:not(:has(.adminlayout)) .v8-hero .hero-grid{grid-template-columns:1fr}
 body:not(:has(.adminlayout)) .v8-hero .hero-visual{max-width:600px;width:100%;margin:auto}
 body:not(:has(.adminlayout)) .v8-references .refs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v8-section-head{display:block}
 .v8-section-head>p{max-width:660px;margin-top:15px}
}
@media(max-width:640px){
 body:not(:has(.adminlayout)) .v8-hero .hero-grid{padding:24px;border-radius:24px}
 body:not(:has(.adminlayout)) .v8-hero h1{font-size:clamp(34px,9vw,52px)}
 .v8-service-grid{grid-template-columns:1fr}
 body:not(:has(.adminlayout)) .v8-references .refs{grid-template-columns:1fr}
 .v8-ref-visual{height:190px}
 body:not(:has(.adminlayout)) .v8-cta .final-cta-inner::after{width:80%;opacity:.12}
}
@media(prefers-reduced-motion:reduce){
 .v8-service,.v8-service-art img,.v8-ref-visual img{transition:none!important}
}


/* V9 – intuitive, accessible hero finder */
body:not(:has(.adminlayout)) .find-help{margin:30px 0 24px;padding:22px;border:1px solid #dec5eb;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px #5d2d7d13}
body:not(:has(.adminlayout)) .find-help-header h2{font-size:clamp(27px,3vw,38px);margin:6px 0 8px;letter-spacing:-.035em;color:#281535}
body:not(:has(.adminlayout)) .find-help-header p{font-size:15px;line-height:1.55;color:#65536d;margin:0 0 18px}
.find-help-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#8a36bd}
.find-help-options{display:grid;gap:9px}
.find-option{border:1px solid #e4d4ee;border-radius:15px;background:#fff;overflow:hidden}
.find-option[open]{border-color:#bb83de;box-shadow:0 7px 25px #7b35ad12}
.find-option summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:13px 14px;color:#2c1938;min-height:67px}
.find-option summary::-webkit-details-marker{display:none}
.find-option summary:focus-visible{outline:3px solid #a659d6;outline-offset:-3px;border-radius:15px}
.find-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#f3e5fc;color:#8034b1;font-size:23px;font-weight:700}
.find-label{display:flex;flex:1;flex-direction:column;gap:3px;font-size:15px;font-weight:750;line-height:1.25}
.find-label small{font-size:12px;font-weight:400;color:#796a81}
.find-chevron{font-size:23px;color:#8b43b4;transition:transform .25s}
.find-option[open] .find-chevron{transform:rotate(180deg)}
.find-answer{padding:0 17px 18px 65px}
body:not(:has(.adminlayout)) .find-answer p{color:#5d5066;font-size:14px;line-height:1.65;margin:0 0 12px}
.find-answer a{color:#7733aa;font-size:14px;font-weight:750;text-decoration:none;border-bottom:1px solid #c9a4e4;padding-bottom:3px}
.find-answer a:hover{color:#4b1475}
body:not(:has(.adminlayout)) .v9-services-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:27px;padding:24px 28px;background:#fffdfef0;border:1px solid #dfc6ec;border-radius:23px;box-shadow:0 14px 40px #5421760f}
.v9-services-cta strong{font-size:19px;color:#2c1938}
body:not(:has(.adminlayout)) .v9-services-cta p{margin:6px 0 0;color:#6d5b76}
.v9-services-cta .btn{flex-shrink:0}
@media(max-width:900px){
 body:not(:has(.adminlayout)) .v8-hero .hero-grid{gap:18px}
 body:not(:has(.adminlayout)) .find-help{margin-top:22px}
}
@media(max-width:640px){
 body:not(:has(.adminlayout)) .find-help{padding:15px;border-radius:20px}
 .find-option summary{padding:12px 10px}
 .find-answer{padding:0 14px 17px}
 body:not(:has(.adminlayout)) .v9-services-cta{flex-direction:column;align-items:stretch;padding:20px}
 .v9-services-cta .btn{text-align:center}
}
@media(prefers-reduced-motion:reduce){.find-chevron{transition:none}}

/* V10 – nested FAQ navigation, no sales CTA in the guide */
.find-faq{padding:0 13px 14px!important}
.find-faq-intro{padding:7px 5px 9px!important;font-size:13px!important}
.find-question{background:#fcf9ff;border:1px solid #e9dcf0;border-radius:11px;margin:7px 0;overflow:hidden}
.find-question summary{position:relative;display:block;min-height:0!important;padding:13px 35px 13px 13px!important;font-size:14px;font-weight:650;line-height:1.45;color:#2d193b;cursor:pointer;list-style:none}
.find-question summary::-webkit-details-marker{display:none}
.find-question summary:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:21px;color:#8d41bd}
.find-question[open] summary:after{content:"−"}
.find-question summary:focus-visible{outline:3px solid #ad66d8;outline-offset:-3px}
body:not(:has(.adminlayout)) .find-question p{padding:0 13px 15px;margin:0;color:#5a4b64;font-size:14px;line-height:1.65}
body:not(:has(.adminlayout)) .find-help{max-width:650px}
@media(max-width:640px){.find-faq{padding:0 9px 12px!important}.find-question summary{font-size:13.5px}}