:root{--navy:#07172e;--navy2:#0a2343;--ink:#0c1d34;--blue:#1477ee;--blue2:#52a7ff;--cyan:#72d8ff;--green:#2cd568;--bg:#f5f8fc;--panel:#ffffff;--line:#dfe7f0;--muted:#61758b;--soft:#eaf4ff;--shadow:0 30px 90px rgba(5,27,54,.12);--ease:cubic-bezier(.22,.8,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:76px;position:sticky;top:0;z-index:100;background:rgba(7,23,46,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:box-shadow .3s var(--ease),background .3s var(--ease)}.topbar.scrolled{background:rgba(7,23,46,.96);box-shadow:0 12px 36px rgba(3,14,29,.22)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-icon{width:42px;height:42px;border-radius:11px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.25);flex:0 0 auto}.brand-icon img{width:100%;height:100%;display:block;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:1.05;color:#fff}.brand-copy strong{font-size:15px;font-weight:850;letter-spacing:-.02em}.brand-copy small{font-size:11px;color:#91a8bf;margin-top:5px}.nav{display:flex;align-items:center;gap:5px;color:#dce7f1}.nav>a{font-size:13px;font-weight:750;padding:10px 12px;border-radius:10px;transition:.2s var(--ease)}.nav>a:hover{background:rgba(255,255,255,.07);color:#fff}.nav .nav-demo{border:1px solid rgba(255,255,255,.18)}.nav-toggle{display:none;border:0;background:transparent;color:#fff;align-items:center;gap:3px;flex-direction:column}.nav-toggle span{width:22px;height:2px;background:#fff;border-radius:9px}.nav-toggle i{font-style:normal;font-size:9px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;background:linear-gradient(135deg,#2389ff,#0f6edc);color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.05);box-shadow:0 12px 28px rgba(20,119,238,.2);transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(20,119,238,.27);filter:saturate(1.08)}.btn.compact{padding:10px 16px}.btn.xl{padding:15px 21px;border-radius:14px}.btn.full{width:100%}.btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);box-shadow:none}.btn.light{background:#fff;color:#0b2b4f;box-shadow:0 12px 32px rgba(0,0,0,.16)}.btn.ghost-dark{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}.section{padding:104px 0}.section-dark{background:var(--navy);color:#fff}.section-light{background:var(--bg)}.section-ink{background:linear-gradient(145deg,#06152a 0%,#0a2b4b 70%,#0a3656 100%);color:#fff}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#1477ee}.section-kicker.light{color:#70c6ff}.section-head{max-width:760px;margin:0 auto 54px;text-align:center}.section-head h2{font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 17px}.section-head p{font-size:17px;color:var(--muted);margin:0}.hero{position:relative;overflow:hidden;padding:88px 0 0;background:radial-gradient(circle at 75% 18%,#123d70 0,transparent 31%),radial-gradient(circle at 18% 0,#0d315d 0,transparent 28%),var(--navy)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:210px;background:linear-gradient(180deg,transparent,rgba(2,12,25,.16));pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}.orb-one{width:520px;height:520px;right:-180px;top:-210px;border:1px solid rgba(87,174,255,.24);box-shadow:inset 0 0 100px rgba(50,152,255,.08)}.orb-two{width:360px;height:360px;left:-190px;bottom:140px;background:radial-gradient(circle,rgba(35,137,255,.18),transparent 69%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;position:relative;z-index:2}.hero-copy{padding-bottom:76px}.hero-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#9ec9f7;display:flex;align-items:center;gap:10px}.hero-kicker span{width:28px;height:1px;background:linear-gradient(90deg,#2cd568,#75ddff)}.hero h1{font-size:clamp(52px,6.2vw,84px);line-height:.94;letter-spacing:-.065em;margin:22px 0 25px;max-width:780px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#68b6ff 0%,#78e1ff 54%,#83ffce 100%);background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:19px;line-height:1.65;color:#c1d2e3;max-width:630px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:33px 0 25px}.hero-meta{display:flex;gap:17px;flex-wrap:wrap;color:#9fb5c9;font-size:12px}.hero-stage{position:relative;min-height:600px;display:grid;place-items:center;perspective:1400px;transform:translateY(var(--stage-shift,0px))}.stage-halo{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(20,119,238,.22),rgba(25,156,255,.08) 42%,transparent 70%);filter:blur(14px)}.product-window{width:min(660px,100%);background:#fff;border-radius:23px;overflow:hidden;box-shadow:0 46px 130px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.23);transform:rotateY(var(--tilt-x,-3deg)) rotateX(var(--tilt-y,1deg));transform-style:preserve-3d;transition:transform .18s ease-out;position:relative;z-index:3}.window-top{height:48px;background:#f6f9fc;border-bottom:1px solid #e5ebf2;display:flex;align-items:center;padding:0 15px;color:#7990a7;gap:10px}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#cbd4df}.traffic i:first-child{background:#ff7169}.traffic i:nth-child(2){background:#ffbf4f}.traffic i:nth-child(3){background:#4fd18b}.window-top b{font-size:9px;color:#53697f;letter-spacing:.03em}.window-top small{margin-left:auto;font-size:8px;color:#269a59;font-weight:800}.window-body{display:grid;grid-template-columns:132px 1fr;min-height:405px}.mock-side{background:#071a32;padding:16px 12px;color:#8299af;display:flex;flex-direction:column;gap:4px;font-size:8px}.mock-brand{width:32px;height:32px;border-radius:9px;overflow:hidden;margin:0 0 10px 5px}.mock-brand img{width:100%;height:100%;object-fit:cover}.mock-side span{padding:7px 9px;border-radius:6px}.mock-side span.on{color:#fff;background:#1477ee}.mock-main{background:#f5f8fc;padding:20px}.mock-head{display:flex;justify-content:space-between;align-items:flex-start}.mock-head small,.mock-head strong{display:block}.mock-head small{font-size:7px;color:#8291a3}.mock-head strong{font-size:11px;color:#17304a}.mock-head em{font-style:normal;font-size:7px;color:#268d52;font-weight:800}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.mock-kpis>div{background:#fff;border:1px solid #e4eaf1;border-radius:9px;padding:9px}.mock-kpis small,.mock-kpis b,.mock-kpis i{display:block}.mock-kpis small{font-size:6px;color:#7f91a3}.mock-kpis b{font-size:13px;color:#16314c}.mock-kpis i{font-size:6px;color:#249552;font-style:normal}.mock-chart{height:132px;background:#fff;border:1px solid #e5ebf2;border-radius:10px;padding:16px;display:flex;align-items:flex-end;gap:7px}.mock-chart span{flex:1;height:var(--h);background:linear-gradient(180deg,#56b1ff,#1477ee);border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:chartRise 1.15s var(--ease) both}.mock-chart span:nth-child(2){animation-delay:.05s}.mock-chart span:nth-child(3){animation-delay:.1s}.mock-chart span:nth-child(4){animation-delay:.15s}.mock-chart span:nth-child(5){animation-delay:.2s}.mock-chart span:nth-child(6){animation-delay:.25s}.mock-chart span:nth-child(7){animation-delay:.3s}.mock-chart span:nth-child(8){animation-delay:.35s}.mock-chart span:nth-child(9){animation-delay:.4s}.mock-chart span:nth-child(10){animation-delay:.45s}.mock-table{margin-top:9px;background:#fff;border:1px solid #e5ebf2;border-radius:10px;padding:5px 11px}.mock-table div{display:grid;grid-template-columns:1.2fr .75fr .6fr;gap:6px;padding:8px 2px;border-top:1px solid #edf1f5;font-size:6px;color:#607184}.mock-table div:first-child{border:0}.mock-table b{font-size:7px;color:#243a52}.mock-table strong{text-align:right;color:#1377e9}.float-card{position:absolute;z-index:5;padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);color:#142c46;box-shadow:0 18px 50px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.6);min-width:170px;animation:floatCard 5.2s ease-in-out infinite}.float-card span,.float-card strong,.float-card small{display:block}.float-card span{font-size:8px;color:#71879c;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.float-card strong{font-size:18px;letter-spacing:-.03em;margin:3px 0}.float-card small{font-size:8px;color:#648096}.float-card-a{right:-22px;top:98px;animation-delay:-1s}.float-card-b{left:-45px;top:205px;animation-delay:-2.2s}.float-card-c{right:35px;bottom:30px;animation-delay:-3.4s}.hero-proof{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.11);padding:28px 0 32px}.hero-proof>div{padding:0 25px;border-left:1px solid rgba(255,255,255,.09)}.hero-proof>div:first-child{border-left:0}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:13px}.hero-proof span{font-size:10px;color:#8fa6bb;margin-top:4px}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.bento-card{grid-column:span 4;position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;padding:28px;min-height:290px;overflow:hidden;box-shadow:0 14px 50px rgba(18,49,83,.045);transition:transform .18s ease-out,box-shadow .3s var(--ease)}.bento-card:hover{box-shadow:0 26px 70px rgba(18,49,83,.11)}.bento-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,#e7f4ff,transparent 68%)}.bento-large{grid-column:span 8;background:linear-gradient(145deg,#fff,#f5faff)}.bento-wide{grid-column:span 8;background:linear-gradient(145deg,#081a32,#0b3156);color:#fff;border:0}.bento-wide p{color:#b9cbe0!important}.card-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf4ff;color:#1477ee;font-size:20px;font-weight:900;margin-bottom:42px;box-shadow:inset 0 0 0 1px #d8eaff}.bento-wide .card-icon{background:rgba(255,255,255,.09);color:#72c8ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.mini-label{font-size:9px;letter-spacing:.12em;font-weight:900;color:#1477ee}.bento-wide .mini-label{color:#6cc5ff}.bento-card h3{font-size:27px;line-height:1.08;letter-spacing:-.035em;margin:9px 0 12px;max-width:620px}.bento-card p{color:var(--muted);margin:0;max-width:660px}.mini-flow{display:flex;align-items:center;gap:9px;margin-top:28px;flex-wrap:wrap}.mini-flow i{font-style:normal;background:#edf5ff;color:#175b9c;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.mini-flow b{color:#7e95aa}.metric{position:relative;left:auto;bottom:auto;margin-top:22px;padding-top:14px;border-top:1px solid #e3edf6}.metric strong{font-size:38px;line-height:1;letter-spacing:-.055em;display:block}.metric small{display:block;margin-top:6px;color:#8094a7}.pill-row{display:flex;gap:6px;flex-wrap:wrap;position:absolute;left:28px;bottom:27px}.pill-row span{font-size:9px;font-weight:800;border:1px solid #d9e5f1;background:#f7faff;padding:7px 9px;border-radius:999px}.finance-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-top:30px}.finance-rail div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.finance-rail small,.finance-rail strong{display:block}.finance-rail small{font-size:8px;color:#90abc4}.finance-rail strong{font-size:19px;margin-top:3px}.finance-rail>span{width:30px;height:1px;background:linear-gradient(90deg,#2f8ef1,#53e0bd)}.bento-media,.bento-reporting{display:flex;flex-direction:column}.bento-media>p,.bento-reporting>p{min-height:52px}.asset-preview{margin-top:auto;padding-top:22px}.asset-preview-row{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;height:78px}.asset-preview-row>i,.asset-preview-row span i{display:block;border-radius:10px;border:1px solid #d7e4f0;box-shadow:0 9px 20px rgba(24,65,105,.07)}.asset-preview-main{background:linear-gradient(135deg,#1477ee 0%,#48b8ff 100%);position:relative;overflow:hidden}.asset-preview-main:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-18px;top:-26px;background:rgba(255,255,255,.2)}.asset-preview-row span{display:grid;grid-template-rows:1fr 1fr;gap:9px}.asset-preview-row span i:first-child{background:linear-gradient(135deg,#edf6ff,#fff)}.asset-preview-row span i:last-child{background:linear-gradient(135deg,#f2f6fa,#e8f2fb)}.asset-preview-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.asset-preview-meta span{font-size:8px;font-weight:850;color:#587086;background:#f4f8fc;border:1px solid #e1eaf3;border-radius:999px;padding:5px 8px}.report-preview{margin-top:auto;padding-top:19px}.report-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:9px;color:#7d91a5}.report-preview-head strong{font-size:11px;color:#13945a}.spark{height:74px;display:flex;align-items:flex-end;gap:7px;padding:11px 11px 0;border:1px solid #e0eaf3;border-radius:13px;background:linear-gradient(180deg,#f8fbff,#f1f7fc)}.spark i{flex:1;background:linear-gradient(180deg,#69baff,#1477ee);border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:chartRise .85s var(--ease) both}.spark i:nth-child(1){height:32%;animation-delay:.02s}.spark i:nth-child(2){height:54%;animation-delay:.06s}.spark i:nth-child(3){height:43%;animation-delay:.1s}.spark i:nth-child(4){height:68%;animation-delay:.14s}.spark i:nth-child(5){height:58%;animation-delay:.18s}.spark i:nth-child(6){height:83%;animation-delay:.22s}.spark i:nth-child(7){height:100%;animation-delay:.26s}.ownership-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.ownership-copy h2{font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-.055em;margin:16px 0 24px}.ownership-copy h2 em{font-style:normal;color:#65c0ff}.ownership-copy>p{font-size:17px;color:#b9cbe0;max-width:560px}.check-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:11px;color:#d8e6f2}.check-list li:before{content:"✓";color:#2cd568;font-weight:900;margin-right:10px}.ownership-visual{min-height:560px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(104,192,255,.2)}.orbit-one{width:460px;height:460px;animation:spin 28s linear infinite}.orbit-two{width:335px;height:335px;animation:spin 20s linear infinite reverse}.core-node{width:190px;height:190px;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(12px);z-index:3}.core-node img{width:64px;height:64px;border-radius:17px;margin-bottom:10px}.core-node strong{font-size:21px}.core-node small{color:#9ab2c9}.sat{position:absolute;width:170px;border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(9px);box-shadow:0 18px 48px rgba(0,0,0,.18)}.sat span,.sat b,.sat small{display:block}.sat span{font-size:8px;color:#65c0ff;font-weight:900}.sat b{font-size:14px;margin:3px 0}.sat small{font-size:9px;color:#9db5cb}.sat-a{top:45px;left:20px;animation:floatCard 6s ease-in-out infinite}.sat-b{top:90px;right:0;animation:floatCard 5.4s ease-in-out infinite -1.2s}.sat-c{bottom:80px;left:0;animation:floatCard 6.4s ease-in-out infinite -2.4s}.sat-d{bottom:35px;right:35px;animation:floatCard 5.8s ease-in-out infinite -3.1s}.edition-grid,.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}.edition-card,.price-card{position:relative;border:1px solid var(--line);border-radius:24px;background:#fff;padding:33px;box-shadow:0 16px 54px rgba(10,45,80,.06);overflow:hidden;transition:transform .18s ease-out,box-shadow .3s var(--ease)}.edition-card.featured,.price-card.featured{border-color:#8cc5ff;box-shadow:0 26px 80px rgba(20,119,238,.12)}.edition-card.featured:before,.price-card.featured:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#e8f5ff,transparent 70%)}.edition-top,.price-head{display:flex;align-items:center;gap:9px;position:relative;z-index:2}.edition-top small,.price-head small{color:#7b8fa3}.edition-top i{margin-left:auto;font-size:8px;font-style:normal;color:#1477ee;background:#eaf4ff;padding:6px 9px;border-radius:999px;font-weight:900}.edition-badge{font-size:9px;letter-spacing:.08em;font-weight:900;color:#1165b9;background:#eaf4ff;padding:6px 9px;border-radius:999px}.edition-badge.network{color:#084f92;background:#dff2ff}.edition-card h3,.price-card h3{font-size:29px;line-height:1.1;letter-spacing:-.035em;margin:20px 0 14px;position:relative}.edition-card ul,.price-card ul{list-style:none;margin:24px 0;padding:0;display:grid;gap:10px}.edition-card li,.price-card li{font-size:13px;color:#40566d}.edition-card li:before,.price-card li:before{content:"✓";color:#1fa45b;font-weight:900;margin-right:9px}.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:850;color:#116fd3;margin-top:5px}.workflow-section{background:#fff}.workflow-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.workflow-copy{position:sticky;top:120px}.workflow-copy h2{font-size:clamp(40px,4.5vw,60px);line-height:1;letter-spacing:-.055em;margin:15px 0 20px}.workflow-copy p{color:var(--muted);font-size:16px;margin:0 0 26px}.workflow-steps{position:relative;padding-left:70px}.workflow-line{position:absolute;left:25px;top:28px;bottom:28px;width:2px;background:#e2eaf2}.workflow-line i{display:block;width:100%;height:var(--workflow-progress,0%);background:linear-gradient(#1477ee,#2cd568);transition:height .15s linear}.workflow-step{min-height:126px;display:grid;grid-template-columns:52px 1fr;gap:21px;align-items:start;padding-bottom:24px}.workflow-step>span{width:52px;height:52px;border-radius:15px;background:#f1f6fb;border:1px solid #dae5f0;display:grid;place-items:center;font-size:11px;font-weight:900;color:#1477ee;position:relative;z-index:2;box-shadow:0 7px 20px rgba(25,78,128,.06)}.workflow-step h3{font-size:22px;margin:3px 0 5px}.workflow-step p{margin:0;color:var(--muted)}.demo-section{padding-top:10px}.demo-panel{position:relative;overflow:hidden;border-radius:30px;padding:50px 54px;background:linear-gradient(135deg,#0c66d2,#168bff 60%,#25b4e6);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 30px 80px rgba(20,119,238,.2)}.demo-glow{position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-260px;background:rgba(255,255,255,.13);filter:blur(4px)}.demo-panel>div,.demo-panel>a{position:relative}.demo-panel h2{font-size:39px;letter-spacing:-.04em;margin:10px 0}.demo-panel p{color:#dcecff;max-width:720px;margin:0}.pricing-section{padding-top:100px}.pricing-warning{max-width:980px;margin:0 auto 20px;padding:13px 16px;border-radius:12px;background:#fff3d7;border:1px solid #efd080;color:#75531b}.price-card{padding:36px}.price-card h3{font-size:25px;margin-bottom:6px}.price{font-size:52px;line-height:1;letter-spacing:-.06em;font-weight:900;margin:21px 0 8px}.old-price{color:#8a9aac;text-decoration:line-through;margin-top:18px}.price-meta{font-size:11px;color:#7c8fa2}.price-ribbon{position:absolute;top:18px;right:18px;font-size:8px;letter-spacing:.08em;font-weight:900;color:#1268be;background:#e7f4ff;border-radius:999px;padding:6px 9px}.tax-note{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-head h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:14px 0}.faq-head p{color:var(--muted)}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.faq-list details[open]{border-color:#acd2f8;box-shadow:0 14px 40px rgba(20,74,125,.07)}.faq-list summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:850;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;font-weight:400;color:#1477ee;transition:transform .25s var(--ease)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 22px 21px;color:var(--muted)}.final-cta{padding:100px 0;text-align:center;background:radial-gradient(circle at 50% 0,#123e70,transparent 45%),var(--navy)}.final-inner h2{font-size:clamp(42px,5vw,66px);line-height:1;letter-spacing:-.055em;max-width:860px;margin:15px auto 19px}.final-inner p{color:#a9bfd3;max-width:680px;margin:0 auto 28px}.final-inner>div{display:flex;justify-content:center;gap:10px}footer{background:#04101f;color:#8da2b8;padding:32px 0}.footer-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}.footer-grid nav{display:flex;gap:18px;font-size:12px}.footer-grid small{font-size:11px}.footer-brand .brand-icon{width:36px;height:36px}.footer-brand .brand-copy strong{font-size:13px}.reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal.in-view{opacity:1;transform:none}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chartRise{from{transform:scaleY(0);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(max-width:1050px){.hero-grid,.ownership-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-stage{min-height:560px}.product-window{width:min(720px,94%)}.float-card-b{left:0}.float-card-a{right:0}.hero-proof{margin-top:20px}.bento-card{grid-column:span 6}.bento-large,.bento-wide{grid-column:span 12}.ownership-visual{min-height:520px}.workflow-grid{grid-template-columns:1fr;gap:45px}.workflow-copy{position:static}.faq-layout{grid-template-columns:1fr;gap:34px}.faq-head{text-align:center}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-grid nav{justify-content:center}}
@media(max-width:800px){.shell{width:min(100% - 28px,1180px)}.topbar{height:68px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:10px}.brand-icon{width:38px;height:38px}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:74px;left:14px;right:14px;background:#0a203d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.3);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a{padding:11px 12px}.hero{padding-top:58px}.hero-grid{gap:28px}.hero h1{font-size:clamp(46px,13vw,68px)}.hero-lead{font-size:16px}.hero-stage{min-height:470px}.float-card{display:none}.window-body{grid-template-columns:98px 1fr}.mock-side{font-size:6px;padding:10px 7px}.mock-main{padding:12px}.mock-kpis{grid-template-columns:repeat(2,1fr)}.mock-chart{height:105px;padding:10px}.hero-proof{grid-template-columns:1fr 1fr;row-gap:17px}.hero-proof>div:nth-child(3){border-left:0}.section{padding:76px 0}.section-head{text-align:left;margin-bottom:38px}.section-head h2{font-size:38px}.bento-card,.bento-large,.bento-wide{grid-column:span 12}.bento-card{min-height:auto}.metric,.pill-row{position:relative;left:auto;right:auto;bottom:auto;margin-top:26px}.asset-preview,.report-preview{margin-top:24px;padding-top:0}.spark{height:70px}.finance-rail{grid-template-columns:1fr}.finance-rail>span{width:1px;height:18px;margin:auto;background:linear-gradient(#2f8ef1,#53e0bd)}.ownership-copy h2{font-size:46px}.ownership-visual{min-height:480px;transform:scale(.88)}.edition-grid,.price-grid{grid-template-columns:1fr}.workflow-steps{padding-left:54px}.workflow-line{left:15px}.workflow-step{grid-template-columns:42px 1fr}.workflow-step>span{width:42px;height:42px}.demo-panel{padding:34px 28px;display:block}.demo-panel .btn{margin-top:24px;width:100%}.faq-head{text-align:left}.final-inner>div{flex-direction:column}.final-inner .btn{width:100%}.footer-grid nav{flex-wrap:wrap}}
@media(max-width:520px){.brand-copy strong{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-meta{display:grid;gap:7px}.hero-stage{min-height:360px}.product-window{transform:none!important;width:100%;border-radius:18px}.window-body{grid-template-columns:76px 1fr;min-height:310px}.mock-side span:nth-last-child(-n+3){display:none}.mock-chart{height:85px;gap:4px}.mock-table{display:none}.hero-proof{grid-template-columns:1fr}.hero-proof>div{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:13px 0}.hero-proof>div:first-child{border-top:0}.section{padding:64px 0}.section-head h2{font-size:34px}.bento-card h3{font-size:24px}.ownership-visual{display:none}.edition-card,.price-card{padding:25px}.price{font-size:43px}.workflow-steps{padding-left:0}.workflow-line{display:none}.workflow-step{grid-template-columns:42px 1fr}.demo-panel h2{font-size:32px}.faq-head h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float-card,.sat,.orbit,.mock-chart span{animation:none!important}.product-window{transform:none!important}.btn,.nav>a{transition:none}}

/* PILOT v2.0.2 – Hero-System, Dashboard-Preview, Self-hosted Architektur */
.hero-system-stage{min-height:610px}.hero-system{position:relative;width:min(620px,100%);aspect-ratio:1/1;display:grid;place-items:center;isolation:isolate}.hero-system:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(35,137,255,.17),rgba(35,137,255,.035) 45%,transparent 72%);filter:blur(7px);z-index:-2}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(108,194,255,.24);box-shadow:inset 0 0 50px rgba(31,125,216,.035);pointer-events:none}.hero-orbit-one{width:82%;height:82%;animation:spin 30s linear infinite}.hero-orbit-two{width:59%;height:59%;animation:spin 22s linear infinite reverse}.hero-core{width:190px;height:190px;border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 32px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px);z-index:3}.hero-core img{width:68px;height:68px;border-radius:18px;margin-bottom:12px;box-shadow:0 10px 28px rgba(0,0,0,.25)}.hero-core strong{font-size:23px;letter-spacing:-.03em}.hero-core small{color:#a9bed2;font-size:11px;max-width:140px;margin-top:4px}.hero-sat{position:absolute;width:190px;border-radius:17px;padding:15px 17px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(11px);box-shadow:0 20px 55px rgba(0,0,0,.22);z-index:4}.hero-sat span,.hero-sat b,.hero-sat small{display:block}.hero-sat span{font-size:8px;color:#6ec8ff;font-weight:900;letter-spacing:.08em}.hero-sat b{font-size:14px;line-height:1.2;margin:4px 0;color:#fff}.hero-sat small{font-size:9px;line-height:1.35;color:#a9bfd3}.hero-sat-a{top:7%;left:1%;animation:heroOrbitA 18s ease-in-out infinite}.hero-sat-b{top:17%;right:-1%;animation:heroOrbitB 22s ease-in-out infinite -4s}.hero-sat-c{bottom:13%;left:-1%;animation:heroOrbitC 20s ease-in-out infinite -8s}.hero-sat-d{bottom:7%;right:1%;animation:heroOrbitD 26s ease-in-out infinite -12s}
.dashboard-preview{margin:64px auto 0;padding:30px;border-radius:30px;background:linear-gradient(145deg,#eef6fd,#fff);border:1px solid #d9e7f3;display:grid;grid-template-columns:.55fr 1.45fr;gap:34px;align-items:center;box-shadow:0 24px 70px rgba(10,61,110,.08);overflow:hidden}.dashboard-preview-copy{padding:16px 8px 16px 14px}.dashboard-preview-copy h3{font-size:34px;line-height:1.03;letter-spacing:-.045em;margin:12px 0 14px}.dashboard-preview-copy p{margin:0;color:var(--muted);font-size:15px}.dashboard-window{width:100%;max-width:none;transform:rotateY(var(--tilt-x,-1.3deg)) rotateX(var(--tilt-y,.5deg));box-shadow:0 28px 75px rgba(8,46,83,.17),0 0 0 1px rgba(14,76,130,.04)}
.hosting-stack{position:relative;max-width:560px;margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:30px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 90px rgba(0,0,0,.23);overflow:hidden}.hosting-stack:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-150px;top:-150px;background:radial-gradient(circle,rgba(62,174,255,.2),transparent 68%)}.stack-card{position:relative;z-index:1;padding:19px 21px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 36px rgba(0,0,0,.1)}.stack-card>span,.stack-app span{display:block;color:#70c6ff;font-size:8px;font-weight:900;letter-spacing:.12em}.stack-card>strong,.stack-app strong{display:block;font-size:20px;margin:4px 0 2px}.stack-card>small,.stack-app small{display:block;color:#a8bdd1;font-size:11px}.stack-app{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(35,137,255,.18),rgba(255,255,255,.07));border-color:rgba(98,188,255,.26)}.stack-app img{width:54px;height:54px;border-radius:15px;box-shadow:0 9px 25px rgba(0,0,0,.25)}.stack-arrow{text-align:center;color:#53d8bb;font-size:24px;line-height:1}
@keyframes heroOrbitA{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(18px,-13px) rotate(.6deg)}50%{transform:translate(30px,5px) rotate(0deg)}75%{transform:translate(10px,19px) rotate(-.6deg)}}
@keyframes heroOrbitB{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-15px,17px) rotate(-.5deg)}50%{transform:translate(-28px,-5px) rotate(0deg)}75%{transform:translate(-8px,-19px) rotate(.5deg)}}
@keyframes heroOrbitC{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(16px,12px) rotate(.5deg)}50%{transform:translate(29px,-7px) rotate(0deg)}75%{transform:translate(8px,-20px) rotate(-.5deg)}}
@keyframes heroOrbitD{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-13px,-15px) rotate(-.6deg)}50%{transform:translate(-26px,7px) rotate(0deg)}75%{transform:translate(-7px,19px) rotate(.6deg)}}
@media(max-width:1050px){.hero-system{width:min(620px,88vw);margin:auto}.dashboard-preview{grid-template-columns:1fr}.dashboard-preview-copy{text-align:center;max-width:680px;margin:auto}.hosting-stack{margin:0 auto;max-width:680px;width:100%}}
@media(max-width:800px){.hero-system-stage{min-height:500px}.hero-system{width:520px;max-width:none;transform:scale(.83)}.hero-sat{width:170px}.dashboard-preview{padding:20px;margin-top:44px}.dashboard-preview-copy h3{font-size:29px}.dashboard-window{transform:none!important}.hosting-stack{padding:22px}}
@media(max-width:520px){.hero-system-stage{min-height:390px;overflow:visible}.hero-system{width:500px;transform:scale(.63)}.hero-core{width:175px;height:175px}.hero-sat{width:165px}.dashboard-preview{padding:15px;border-radius:22px}.dashboard-preview-copy{padding:10px 4px}.dashboard-preview-copy h3{font-size:27px}.dashboard-window .window-body{grid-template-columns:76px 1fr}.hosting-stack{padding:16px;border-radius:22px}.stack-card{padding:16px}.stack-app img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.hero-sat,.hero-orbit{animation:none!important}}


/* v2.0.6 — Depth & Motion polish: reduce flat white space without adding heavy imagery */
.motion-bg{position:relative;isolation:isolate;overflow:hidden;--bg-shift:0px;--bg-drift:0px}
.motion-bg>.shell{position:relative;z-index:2}
.motion-bg:before,.motion-bg:after{content:"";position:absolute;pointer-events:none;z-index:0;will-change:transform;transition:transform .12s linear}

/* Feature / Bento: soft mesh + technical dot field */
.bento-section{background:
  radial-gradient(circle at 12% 16%,rgba(35,137,255,.10),transparent 28%),
  radial-gradient(circle at 90% 64%,rgba(44,213,104,.055),transparent 24%),
  linear-gradient(180deg,#f7fbff 0%,#eef5fb 54%,#f6f9fc 100%)}
.bento-section:before{width:700px;height:700px;left:-220px;top:110px;border-radius:50%;background:radial-gradient(circle,rgba(61,155,255,.12),rgba(83,190,255,.045) 36%,transparent 70%);filter:blur(3px);transform:translate3d(0,calc(var(--bg-shift) * .55),0)}
.bento-section:after{inset:90px 0 12%;opacity:.30;background-image:radial-gradient(circle,rgba(18,107,190,.22) 1px,transparent 1.2px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);transform:translate3d(calc(var(--bg-drift) * .25),calc(var(--bg-shift) * -.28),0)}
.bento-section .section-head{padding:18px 26px;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(218,231,244,.66);backdrop-filter:blur(10px);box-shadow:0 22px 70px rgba(17,63,106,.055)}
.bento-card{box-shadow:0 18px 55px rgba(10,57,101,.07);background:rgba(255,255,255,.92);backdrop-filter:blur(7px)}
.bento-large{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,247,255,.92))}
.dashboard-preview{position:relative;background:linear-gradient(145deg,rgba(236,246,255,.94),rgba(255,255,255,.91));box-shadow:0 30px 90px rgba(9,67,119,.11);backdrop-filter:blur(12px)}
.dashboard-preview:before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(51,151,255,.18),transparent 68%);pointer-events:none;transform:translate3d(0,calc(var(--bg-shift) * .16),0)}

/* Editions: faint orbit/ring geometry behind the cards */
.editions-section{background:linear-gradient(180deg,#f2f7fc 0%,#eef6fb 55%,#f7fafc 100%)}
.editions-section:before{width:760px;height:760px;left:-250px;top:10px;border-radius:50%;background:
  radial-gradient(circle,transparent 0 33%,rgba(20,119,238,.075) 33.2% 33.5%,transparent 33.7% 48%,rgba(20,119,238,.055) 48.2% 48.45%,transparent 48.7% 100%);transform:translate3d(calc(var(--bg-drift) * .18),calc(var(--bg-shift) * .30),0)}
.editions-section:after{width:620px;height:620px;right:-170px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(73,168,255,.12),rgba(72,216,255,.045) 35%,transparent 70%);transform:translate3d(calc(var(--bg-drift) * -.15),calc(var(--bg-shift) * -.24),0)}
.edition-card{background:rgba(255,255,255,.93);backdrop-filter:blur(8px);box-shadow:0 22px 65px rgba(8,59,104,.075)}

/* Workflow: very light moving line grid, intentionally quieter than product sections */
.workflow-section{background:
  radial-gradient(circle at 84% 24%,rgba(35,137,255,.075),transparent 26%),
  linear-gradient(180deg,#fbfdff 0%,#f4f8fc 100%)}
.workflow-section:before{inset:-80px -15%;opacity:.26;background:
  repeating-linear-gradient(90deg,transparent 0 79px,rgba(56,115,168,.095) 80px),
  repeating-linear-gradient(0deg,transparent 0 79px,rgba(56,115,168,.07) 80px);mask-image:radial-gradient(ellipse at 70% 48%,#000 0%,rgba(0,0,0,.75) 38%,transparent 72%);transform:translate3d(calc(var(--bg-drift) * .22),calc(var(--bg-shift) * -.22),0)}
.workflow-copy{padding:28px;border-radius:28px;background:rgba(255,255,255,.58);border:1px solid rgba(218,231,244,.72);backdrop-filter:blur(10px);box-shadow:0 18px 60px rgba(16,63,107,.05)}
.workflow-step{position:relative}
.workflow-step:after{content:"";position:absolute;left:68px;right:0;bottom:17px;height:1px;background:linear-gradient(90deg,rgba(20,119,238,.11),transparent)}

/* Demo bridge: the blue panel now sits in a lightly tinted atmosphere instead of empty white */
.demo-section{background:
  radial-gradient(circle at 12% 70%,rgba(34,141,255,.10),transparent 25%),
  radial-gradient(circle at 87% 25%,rgba(69,215,224,.08),transparent 24%),
  linear-gradient(180deg,#f4f8fc 0%,#edf5fb 100%)}
.demo-section:before{width:620px;height:300px;left:50%;top:30px;transform:translate3d(-50%,calc(var(--bg-shift) * .18),0);background:radial-gradient(ellipse,rgba(24,126,235,.12),transparent 68%);filter:blur(18px)}
.demo-panel{box-shadow:0 38px 100px rgba(14,99,195,.24),0 0 0 1px rgba(255,255,255,.35) inset}

/* Pricing: soft mesh field focused around the two product cards */
.pricing-section{background:
  radial-gradient(circle at 26% 55%,rgba(20,119,238,.095),transparent 27%),
  radial-gradient(circle at 78% 46%,rgba(73,204,255,.085),transparent 28%),
  linear-gradient(180deg,#edf5fb 0%,#f7fafc 100%)}
.pricing-section:before{inset:5% 0 8%;opacity:.42;background-image:radial-gradient(circle,rgba(20,119,238,.18) 1px,transparent 1.1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at 50% 52%,#000 0%,rgba(0,0,0,.68) 42%,transparent 76%);transform:translate3d(calc(var(--bg-drift) * -.18),calc(var(--bg-shift) * .25),0)}
.pricing-section:after{width:520px;height:520px;left:50%;top:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,155,255,.12),transparent 68%);filter:blur(3px);transform:translate3d(calc(-50% + (var(--bg-drift) * .1)),calc(var(--bg-shift) * -.16),0)}
.price-card{background:rgba(255,255,255,.94);backdrop-filter:blur(9px);box-shadow:0 24px 72px rgba(8,56,101,.09)}
.price-card.featured{box-shadow:0 30px 90px rgba(20,119,238,.16)}

/* FAQ: give the lower page a calm but clearly designed backdrop */
.faq-section{background:
  radial-gradient(circle at 10% 20%,rgba(35,137,255,.085),transparent 24%),
  radial-gradient(circle at 93% 78%,rgba(44,213,104,.05),transparent 23%),
  linear-gradient(180deg,#f8fbfe 0%,#eef5fa 100%)}
.faq-section:before{width:760px;height:760px;right:-300px;top:-250px;border-radius:50%;border:1px solid rgba(20,119,238,.10);box-shadow:0 0 0 90px rgba(20,119,238,.025),0 0 0 180px rgba(20,119,238,.018);transform:translate3d(calc(var(--bg-drift) * -.17),calc(var(--bg-shift) * .25),0)}
.faq-head{padding:25px 28px;border-radius:26px;background:rgba(255,255,255,.56);border:1px solid rgba(217,231,244,.72);backdrop-filter:blur(9px);box-shadow:0 18px 56px rgba(16,62,105,.045)}
.faq-list details{background:rgba(255,255,255,.88);backdrop-filter:blur(8px);box-shadow:0 9px 30px rgba(9,53,96,.035)}

/* Section separators: softer visual rhythm between long areas */
.bento-section,.editions-section,.workflow-section,.demo-section,.pricing-section,.faq-section{border-top:1px solid rgba(12,64,111,.045)}
.editions-section,.pricing-section{box-shadow:inset 0 28px 55px rgba(14,72,120,.018),inset 0 -28px 55px rgba(14,72,120,.018)}

@media(max-width:800px){
  .motion-bg:before,.motion-bg:after{opacity:.55}
  .bento-section .section-head,.workflow-copy,.faq-head{padding:18px;border-radius:22px}
  .bento-section:after,.pricing-section:before{background-size:26px 26px}
}
@media(prefers-reduced-motion:reduce){
  .motion-bg:before,.motion-bg:after{transform:none!important;transition:none!important}
}

/* v2.0.7 — reusable thematic visual slots + tighter middle-page rhythm */
.thematic-backdrop{position:absolute;pointer-events:none;z-index:1;will-change:transform,background-position;opacity:.72;inset:0;transform:translate3d(var(--visual-x,0),var(--visual-y,0),0);transition:transform .12s linear}
.theme-network{top:80px;bottom:6%;background-image:url('visuals/affiliate-network.svg');background-repeat:no-repeat;background-position:center 38%;background-size:min(1480px,118vw) auto;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 84%,transparent 100%)}
.theme-flow{inset:0;background-image:url('visuals/affiliate-flow.svg');background-repeat:no-repeat;background-position:center 45%;background-size:min(1500px,120vw) auto;opacity:.58;mask-image:linear-gradient(180deg,transparent 2%,#000 18%,#000 78%,transparent 98%)}
.bento-section>.shell,.editions-section>.shell{position:relative;z-index:2}

/* Denser vertical rhythm: keep hero/footer untouched, reduce only the middle-page whitespace. */
.bento-section{padding:82px 0 88px}
.editions-section{padding:86px 0 90px}
.workflow-section{padding:86px 0 88px}
.demo-section{padding:72px 0}
.pricing-section{padding:86px 0 88px}
.faq-section{padding:78px 0 82px}
.bento-section .section-head,.editions-section .section-head,.pricing-section .section-head{margin-bottom:42px}
.dashboard-preview{margin-top:48px;isolation:isolate;overflow:hidden;padding:34px;background:linear-gradient(145deg,rgba(237,247,255,.88),rgba(255,255,255,.91))}
.dashboard-preview:after{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:url('visuals/affiliate-network.svg') center/cover no-repeat;opacity:.32;transform:translate3d(calc(var(--visual-x,0) * -.34),calc(var(--visual-y,0) * -.48),0) scale(1.08);filter:saturate(1.06)}
.dashboard-preview-copy,.dashboard-window{position:relative;z-index:2}
.dashboard-preview-copy{padding:20px 10px 20px 18px}
.showcase-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.showcase-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(20,119,238,.13);font-size:10px;font-weight:800;color:#31597e;box-shadow:0 8px 24px rgba(16,74,126,.045);backdrop-filter:blur(8px)}
.dashboard-window{box-shadow:0 32px 90px rgba(8,46,83,.20),0 0 0 1px rgba(14,76,130,.05)}

/* Give the edition cards a subtle theme image beneath them without sacrificing legibility. */
.edition-grid{position:relative;z-index:2}
.edition-grid:before{content:"";position:absolute;z-index:-1;inset:-40px -90px;background:radial-gradient(ellipse at center,rgba(20,119,238,.11),transparent 64%);filter:blur(12px);pointer-events:none}
.edition-card{box-shadow:0 24px 70px rgba(8,59,104,.09)}
.edition-card.featured{box-shadow:0 30px 90px rgba(20,119,238,.15)}

/* Workflow visual flow: the background ribbons and progress line now read as one system. */
.workflow-section{position:relative;overflow:hidden}
.workflow-grid{position:relative;z-index:2}
.workflow-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:url('visuals/affiliate-flow.svg') center/cover no-repeat;opacity:.20;transform:translate3d(calc(var(--bg-drift) * -.16),calc(var(--bg-shift) * .20),0);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 42%,#000 68%,transparent 100%)}
.workflow-copy{box-shadow:0 20px 65px rgba(16,63,107,.055)}

/* Pricing and FAQ: a little less air, stronger grouping. */
.price-grid{position:relative;z-index:2}
.faq-layout{gap:44px}
.faq-head{align-self:start}

@media(max-width:800px){
  .thematic-backdrop{opacity:.38;background-size:1250px auto}
  .bento-section,.editions-section,.workflow-section,.pricing-section,.faq-section{padding-top:68px;padding-bottom:70px}
  .demo-section{padding:58px 0}
  .dashboard-preview{margin-top:38px;padding:20px}
  .showcase-tags{justify-content:center}
  .workflow-section:after{opacity:.12}
}
@media(prefers-reduced-motion:reduce){.thematic-backdrop,.dashboard-preview:after{transform:none!important;transition:none!important}}


/* v2.0.8 — thematic background-image pass (reusable template style) */
.bento-section .thematic-backdrop.theme-network{
  inset:24px 0 8px;
  opacity:.95;
  background-image:
    linear-gradient(180deg,rgba(245,249,253,.72),rgba(236,244,250,.58)),
    url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat,no-repeat;
  background-position:center 38%,center 35%;
  background-size:cover,min(1700px,126vw) auto;
  filter:saturate(1.03) contrast(1.02);
}
.bento-section:after{
  content:"";position:absolute;inset:90px 8% 40px;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse at center,rgba(61,148,255,.09),transparent 68%);
  filter:blur(14px);opacity:.9;
}
.bento-section .section-head,.bento-grid,.dashboard-preview{position:relative;z-index:2}
.bento-card,.dashboard-preview{background:rgba(255,255,255,.90)}

.dashboard-preview{
  border:1px solid rgba(197,219,239,.7);
  background:linear-gradient(145deg,rgba(247,250,253,.78),rgba(255,255,255,.86));
}
.dashboard-preview:after{
  content:"";position:absolute;inset:-16% -8% -8% 28%;z-index:0;pointer-events:none;
  background-image:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0)),url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat,no-repeat;background-position:center,center right;background-size:cover,cover;
  opacity:.34;transform:translate3d(calc(var(--visual-x,0) * -.28),calc(var(--visual-y,0) * -.35),0) scale(1.05);
  filter:saturate(1.05) blur(.2px);
}

.editions-section .thematic-backdrop.theme-flow{
  inset:20px 0 14px;
  opacity:.88;
  background-image:
    linear-gradient(180deg,rgba(244,248,252,.76),rgba(238,246,251,.60)),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat;
  background-position:center 50%,center 45%;
  background-size:cover,min(1720px,126vw) auto;
  filter:saturate(1.04);
}
.editions-section:before{opacity:.85}
.editions-section:after{opacity:.9}
.edition-grid{padding:6px 0;gap:22px}
.edition-card{background:rgba(255,255,255,.91)}

.workflow-section{
  background:
    linear-gradient(180deg,rgba(251,253,255,.92),rgba(242,247,251,.95)),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat;
  background-position:center,center 56%;
  background-size:cover,cover;
}
.workflow-section:before{
  inset:0;opacity:.22;
  background-image:url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat;background-position:center;background-size:cover;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 16%,rgba(0,0,0,.78) 84%,transparent 100%);
}
.workflow-section:after{opacity:.12;background-size:cover}
.workflow-copy,.workflow-step{background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.workflow-step{border-radius:24px;padding:18px 18px 18px 0;box-shadow:0 14px 40px rgba(11,53,96,.045)}
.workflow-step div{padding-right:10px}

.pricing-section{
  background:
    linear-gradient(180deg,rgba(239,246,251,.96),rgba(247,250,252,.96)),
    url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat,no-repeat;
  background-position:center,center 42%;
  background-size:cover,cover;
}
.pricing-section:before{
  inset:0;opacity:.24;
  background-image:url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat;background-position:center;background-size:cover;
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 24%,rgba(0,0,0,.82) 76%,transparent 100%);
}
.price-grid{gap:22px}
.price-card{background:rgba(255,255,255,.92)}

.faq-section{
  background:
    linear-gradient(180deg,rgba(248,251,254,.96),rgba(238,245,250,.96)),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat;
  background-position:center,center 48%;
  background-size:cover,cover;
}
.faq-section:before{opacity:.55}
.faq-head{background:rgba(255,255,255,.68)}
.faq-list details{background:rgba(255,255,255,.90)}

@media(max-width:800px){
  .bento-section .thematic-backdrop.theme-network,.editions-section .thematic-backdrop.theme-flow{opacity:.55;background-size:cover,cover}
  .workflow-section,.pricing-section,.faq-section{background-size:cover,cover}
  .dashboard-preview:after{opacity:.22;inset:-8% -12% -12% 10%}
  .workflow-step{padding:14px 14px 14px 0;border-radius:20px}
}


/* v2.0.9 — stronger, clearly visible thematic background images */
.bento-section .thematic-backdrop.theme-network{
  opacity:1;
  background-image:
    linear-gradient(180deg,rgba(246,250,253,.68),rgba(236,244,250,.60)),
    url('visuals/bg-illustration-network.png'),
    url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center center,center 46%,center 35%;
  background-size:cover,min(1620px,118vw) auto,min(1700px,126vw) auto;
}
.bento-section:after{opacity:.45;filter:blur(18px)}
.dashboard-preview:after{
  background-image:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0)),url('visuals/bg-illustration-network.png');
  opacity:.18;
}

.editions-section .thematic-backdrop.theme-flow{
  opacity:1;
  background-image:
    linear-gradient(180deg,rgba(246,249,252,.70),rgba(238,246,251,.62)),
    url('visuals/bg-illustration-flow.png'),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center center,center center,center 45%;
  background-size:cover,min(1680px,120vw) auto,min(1720px,126vw) auto;
}

.workflow-section{
  background:
    linear-gradient(180deg,rgba(250,252,255,.86),rgba(241,247,251,.90)),
    url('visuals/bg-illustration-flow.png'),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center,center 56%,center 56%;
  background-size:cover,min(1720px,122vw) auto,cover;
}
.workflow-section:before{display:none}
.workflow-section:after{opacity:.07;background-image:url('visuals/bg-illustration-flow.png');background-size:cover}
.workflow-copy,.workflow-step{background:rgba(255,255,255,.88)}

.pricing-section{
  background:
    linear-gradient(180deg,rgba(239,246,251,.90),rgba(247,250,252,.92)),
    url('visuals/bg-illustration-network.png'),
    url('visuals/bg-affiliate-network.webp');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center,center 46%,center 42%;
  background-size:cover,min(1680px,120vw) auto,cover;
}
.pricing-section:before{display:none}
.price-card{background:rgba(255,255,255,.95)}

.faq-section{
  background:
    linear-gradient(180deg,rgba(249,251,254,.92),rgba(239,245,250,.92)),
    url('visuals/bg-illustration-flow.png'),
    url('visuals/bg-affiliate-flow.webp');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center,center 44%,center 48%;
  background-size:cover,min(1680px,118vw) auto,cover;
}
.faq-section:before{display:none}
.faq-head,.faq-list details{background:rgba(255,255,255,.92)}

@media(max-width:800px){
  .bento-section .thematic-backdrop.theme-network,.editions-section .thematic-backdrop.theme-flow{
    background-size:cover,1400px auto,cover;
    background-position:center top,center 42%,center top;
  }
  .workflow-section,.pricing-section,.faq-section{
    background-size:cover,1450px auto,cover;
    background-position:center top,center 46%,center top;
  }
}



/* v2.1.0 — full thematic parallax image bands across the three white page areas */
.thematic-backdrop{display:none!important}
.bento-section,.editions-section,.workflow-section,.demo-section,.pricing-section,.faq-section{position:relative;overflow:hidden;isolation:isolate}
.bento-section>.shell,.editions-section>.shell,.workflow-section>.shell,.demo-section>.shell,.pricing-section>.shell,.faq-section>.shell{position:relative;z-index:2}

.bento-section{background:linear-gradient(180deg,#f4f8fc 0%,#eef5fa 100%)}
.bento-section::before{content:"";position:absolute;inset:-3% -2%;z-index:0;pointer-events:none;opacity:.92;background:
  linear-gradient(180deg,rgba(246,250,253,.44),rgba(239,246,251,.50)),
  url('visuals/bg-parallax-platform.png') center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .45),calc(var(--bg-shift,0px) * .95),0) scale(1.06);
  will-change:transform}
.bento-section::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04) 24%,rgba(255,255,255,.16) 55%,rgba(255,255,255,.10));}
.bento-section .section-head{background:rgba(255,255,255,.86)!important;border-color:rgba(205,222,238,.85)!important;box-shadow:0 28px 80px rgba(16,66,111,.10)!important}
.bento-card,.dashboard-preview{background:rgba(255,255,255,.88)!important;box-shadow:0 24px 64px rgba(18,67,110,.08)!important;border-color:rgba(191,214,236,.9)!important}

.editions-section,.workflow-section,.demo-section{background:linear-gradient(180deg,#f4f8fc 0%,#edf4fa 100%)}
.editions-section::before,.workflow-section::before,.demo-section::before{content:"";position:absolute;inset:-4% -2%;z-index:0;pointer-events:none;opacity:.96;background:
  linear-gradient(180deg,rgba(246,250,253,.42),rgba(238,245,251,.50)),
  url('visuals/bg-parallax-process.png') center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .42),calc(var(--bg-shift,0px) * .95),0) scale(1.06);
  will-change:transform}
.editions-section::after,.workflow-section::after,.demo-section::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 26%,rgba(255,255,255,.14) 60%,rgba(255,255,255,.08));}
.editions-section .section-head,.workflow-copy,.workflow-step{background:rgba(255,255,255,.86)!important;border-color:rgba(200,219,237,.92)!important;box-shadow:0 24px 66px rgba(16,66,111,.07)!important;border-radius:28px}
.plan-card{background:rgba(255,255,255,.90)!important;border-color:rgba(145,191,240,.85)!important;box-shadow:0 26px 70px rgba(16,66,111,.08)!important}
.workflow-line{background:rgba(159,191,224,.52)!important}
.demo-panel{box-shadow:0 34px 90px rgba(14,85,163,.25)!important}

.pricing-section,.faq-section{background:linear-gradient(180deg,#f4f8fc 0%,#eef5fa 100%)}
.pricing-section::before,.faq-section::before{content:"";position:absolute;inset:-4% -2%;z-index:0;pointer-events:none;opacity:.96;background:
  linear-gradient(180deg,rgba(246,250,253,.40),rgba(238,245,251,.50)),
  url('visuals/bg-parallax-pricing.png') center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .40),calc(var(--bg-shift,0px) * .90),0) scale(1.06);
  will-change:transform}
.pricing-section::after,.faq-section::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05) 24%,rgba(255,255,255,.14) 56%,rgba(255,255,255,.10));}
.price-card,.faq-head,.faq-list details{background:rgba(255,255,255,.90)!important;border-color:rgba(192,215,238,.92)!important;box-shadow:0 24px 70px rgba(16,66,111,.07)!important}

/* tighten section spacing a touch so the image bands feel more intentional */
.bento-section{padding:78px 0 80px}
.editions-section{padding:80px 0 66px}
.workflow-section{padding:54px 0 72px}
.demo-section{padding:34px 0 72px}
.pricing-section{padding:78px 0 68px}
.faq-section{padding:62px 0 76px}

@media (max-width: 800px){
  .bento-section::before,.editions-section::before,.workflow-section::before,.demo-section::before,.pricing-section::before,.faq-section::before{
    background-size:cover;
    opacity:.88;
    transform:translate3d(calc(var(--bg-drift,0px) * .26),calc(var(--bg-shift,0px) * .45),0) scale(1.04);
  }
  .bento-card,.dashboard-preview,.plan-card,.workflow-copy,.workflow-step,.price-card,.faq-head,.faq-list details{background:rgba(255,255,255,.94)!important}
}

/* v2.2.0 — bold, darker and more cinematic parallax bands */
body{background:#03101e}
.bento-section,.editions-section,.workflow-section,.demo-section,.pricing-section,.faq-section{
  position:relative;overflow:hidden;isolation:isolate;color:#edf4fc;
  border-top:1px solid rgba(255,255,255,.05)!important;
  border-bottom:1px solid rgba(255,255,255,.04)!important;
}
.bento-section>.shell,.editions-section>.shell,.workflow-section>.shell,.demo-section>.shell,.pricing-section>.shell,.faq-section>.shell{position:relative;z-index:3}

.bento-section{
  background:
    radial-gradient(circle at 20% 24%,rgba(46,148,255,.18),transparent 24%),
    radial-gradient(circle at 82% 18%,rgba(72,188,255,.12),transparent 18%),
    linear-gradient(145deg,#051729 0%,#0b2643 58%,#081a2f 100%)!important;
}
.bento-section::before{
  content:"";position:absolute;inset:-2% 0;z-index:0;pointer-events:none;opacity:.62;
  background:
    linear-gradient(90deg,rgba(3,13,25,.78) 0%,rgba(4,18,33,.42) 30%,rgba(4,17,31,.20) 55%,rgba(4,17,31,.58) 100%),
    url('visuals/bg-parallax-platform.png') center center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .58),calc(var(--bg-shift,0px) * .95),0) scale(1.12);
  will-change:transform;
}
.bento-section::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 16% 50%,rgba(90,176,255,.18),transparent 20%),
    radial-gradient(circle at 86% 24%,rgba(114,220,255,.10),transparent 16%),
    linear-gradient(180deg,rgba(2,10,20,.12),transparent 22%,transparent 78%,rgba(2,10,20,.26));
}

.editions-section,.workflow-section,.demo-section{
  background:
    radial-gradient(circle at 16% 16%,rgba(40,135,242,.13),transparent 24%),
    radial-gradient(circle at 84% 82%,rgba(69,187,255,.10),transparent 18%),
    linear-gradient(145deg,#07182b 0%,#0a223c 56%,#08172b 100%)!important;
}
.editions-section::before,.workflow-section::before,.demo-section::before{
  content:"";position:absolute;inset:-4% 0;z-index:0;pointer-events:none;opacity:.54;
  background:
    linear-gradient(90deg,rgba(4,16,30,.62) 0%,rgba(4,17,32,.18) 34%,rgba(4,17,32,.18) 70%,rgba(4,17,32,.55) 100%),
    url('visuals/bg-parallax-process.png') center center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .50),calc(var(--bg-shift,0px) * .92),0) scale(1.13);
  will-change:transform;
}
.editions-section::after,.workflow-section::after,.demo-section::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 20% 62%,rgba(106,192,255,.14),transparent 20%),
    radial-gradient(circle at 80% 18%,rgba(72,173,255,.12),transparent 17%),
    linear-gradient(180deg,rgba(2,11,21,.14),transparent 24%,transparent 76%,rgba(2,11,21,.24));
}

.pricing-section,.faq-section{
  background:
    radial-gradient(circle at 18% 18%,rgba(51,149,255,.15),transparent 23%),
    radial-gradient(circle at 84% 76%,rgba(64,198,255,.11),transparent 18%),
    linear-gradient(145deg,#07182b 0%,#0b2440 58%,#08172a 100%)!important;
}
.pricing-section::before,.faq-section::before{
  content:"";position:absolute;inset:-4% 0;z-index:0;pointer-events:none;opacity:.58;
  background:
    linear-gradient(90deg,rgba(4,16,29,.66) 0%,rgba(4,18,32,.16) 32%,rgba(4,18,32,.16) 68%,rgba(4,18,32,.58) 100%),
    url('visuals/bg-parallax-pricing.png') center center/cover no-repeat;
  transform:translate3d(calc(var(--bg-drift,0px) * .46),calc(var(--bg-shift,0px) * .88),0) scale(1.12);
  will-change:transform;
}
.pricing-section::after,.faq-section::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 22% 56%,rgba(95,185,255,.14),transparent 20%),
    radial-gradient(circle at 86% 28%,rgba(88,202,255,.10),transparent 17%),
    linear-gradient(180deg,rgba(2,11,21,.13),transparent 23%,transparent 78%,rgba(2,11,21,.22));
}

.bento-section .section-head,.editions-section .section-head,.pricing-section .section-head,
.workflow-copy,.workflow-step,.faq-head,.faq-list details,.price-card,.bento-card,.dashboard-preview{
  background:linear-gradient(180deg,rgba(10,29,51,.74),rgba(6,20,38,.84))!important;
  border:1px solid rgba(122,171,226,.24)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(16px);
}
.bento-section .section-head,.editions-section .section-head,.pricing-section .section-head,.faq-head{padding:20px 24px;border-radius:30px}

.bento-section h2,.editions-section h2,.workflow-section h2,.demo-section h2,.pricing-section h2,.faq-section h2,
.bento-card h3,.dashboard-preview-copy h3,.workflow-step h3,.price-card h3,.faq-head h2{color:#f7fbff!important}
.bento-section p,.editions-section p,.workflow-section p,.demo-section p,.pricing-section p,.faq-section p,
.bento-card p,.dashboard-preview-copy p,.workflow-copy p,.workflow-step p,.price-card li,.price-meta,.faq-head p,.faq-list p,
.metric small,.showcase-tags span,.pill-row span,.mini-flow i,.mini-flow b,.price-head small,.old-price{
  color:rgba(220,233,246,.78)!important;
}
.bento-section .section-kicker,.editions-section .section-kicker,.workflow-section .section-kicker,.pricing-section .section-kicker,.faq-section .section-kicker,
.bento-card .mini-label,.dashboard-preview-copy .section-kicker{color:#7ac3ff!important}

.card-icon,.workflow-step>span,.showcase-tags span,.pill-row span,.asset-preview-meta span,.mini-flow i,.price-head .edition-badge,.price-ribbon{
  background:rgba(255,255,255,.08)!important;border-color:rgba(140,191,243,.26)!important;color:#e8f4ff!important;
}
.workflow-line{background:linear-gradient(180deg,rgba(101,198,255,.85),rgba(53,231,120,.85))!important;box-shadow:0 0 14px rgba(101,198,255,.45)}
.workflow-copy .btn.ghost-dark{background:#fff!important;color:#0d2540!important;border-color:#fff!important}

.bento-card .metric strong,.bento-card strong,.price-card .price,.price-card h3,.faq-list summary,.workflow-step h3,.dashboard-preview-copy h3{color:#fff!important}
.faq-list summary{font-weight:800}
.faq-list summary span{color:#84cbff!important}
.price-card ul li::marker{color:#6bd48b}
.price-card.featured{background:linear-gradient(180deg,rgba(12,39,68,.80),rgba(7,23,42,.88))!important;border-color:rgba(103,180,255,.45)!important;box-shadow:0 32px 90px rgba(9,58,111,.28),0 0 0 1px rgba(110,181,255,.20),inset 0 1px 0 rgba(255,255,255,.05)!important}
.price-card .btn{box-shadow:0 14px 40px rgba(20,119,238,.28)}

.dashboard-preview-copy{color:#fff}
.dashboard-preview .product-window{box-shadow:0 32px 100px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.20)!important}
.bento-wide{background:linear-gradient(180deg,rgba(6,27,50,.88),rgba(5,23,42,.95))!important}

.demo-panel{box-shadow:0 36px 100px rgba(9,65,124,.34)!important;border:1px solid rgba(255,255,255,.16)!important}

/* better visual separation and less sterile whitespace */
.bento-section{padding:90px 0 96px!important}
.editions-section{padding:92px 0 70px!important}
.workflow-section{padding:48px 0 74px!important}
.demo-section{padding:28px 0 72px!important}
.pricing-section{padding:92px 0 70px!important}
.faq-section{padding:52px 0 88px!important}

@media (max-width: 900px){
  .bento-section::before,.editions-section::before,.workflow-section::before,.demo-section::before,.pricing-section::before,.faq-section::before{opacity:.46;transform:translate3d(calc(var(--bg-drift,0px) * .20),calc(var(--bg-shift,0px) * .34),0) scale(1.08)}
  .bento-section .section-head,.editions-section .section-head,.pricing-section .section-head,.workflow-copy,.workflow-step,.faq-head,.faq-list details,.price-card,.bento-card,.dashboard-preview{background:linear-gradient(180deg,rgba(10,29,51,.82),rgba(6,20,38,.92))!important}
}

/* v2.3.0 — sticky scene backgrounds: one image per long content chapter */
.visual-scene{position:relative;isolation:isolate;background:#06172b;overflow:clip}
.visual-scene .scene-bg{position:sticky;top:76px;height:calc(100vh - 76px);margin-bottom:calc(-100vh + 76px);z-index:0;background-position:center center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 160px rgba(0,0,0,.40)}
.visual-scene .scene-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,22,.18),rgba(2,11,22,.02) 38%,rgba(2,11,22,.02) 62%,rgba(2,11,22,.18)),linear-gradient(180deg,rgba(3,13,25,.28),rgba(3,13,25,.04) 18%,rgba(3,13,25,.04) 82%,rgba(3,13,25,.30));pointer-events:none}
.visual-scene .scene-scroll{position:relative;z-index:2}
.visual-scene::before,.visual-scene::after{content:"";position:absolute;left:0;right:0;height:120px;z-index:3;pointer-events:none}
.visual-scene::before{top:0;background:linear-gradient(180deg,#07172e 0%,rgba(7,23,46,.78) 26%,transparent 100%)}
.visual-scene::after{bottom:0;background:linear-gradient(0deg,#07172e 0%,rgba(7,23,46,.78) 28%,transparent 100%)}
.scene-platform .scene-bg{background-image:linear-gradient(rgba(5,19,36,.28),rgba(5,19,36,.20)),url('visuals/scene-platform.jpg')}
.scene-workflow .scene-bg{background-image:linear-gradient(rgba(5,19,36,.26),rgba(5,19,36,.18)),url('visuals/scene-workflow.jpg')}
.scene-commerce .scene-bg{background-image:linear-gradient(rgba(5,19,36,.24),rgba(5,19,36,.18)),url('visuals/scene-pricing-faq.jpg')}

/* turn the chapter sections themselves transparent so the sticky image remains continuous */
.visual-scene .bento-section,.visual-scene .editions-section,.visual-scene .workflow-section,.visual-scene .pricing-section,.visual-scene .faq-section{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.visual-scene .bento-section::before,.visual-scene .bento-section::after,.visual-scene .editions-section::before,.visual-scene .editions-section::after,.visual-scene .workflow-section::before,.visual-scene .workflow-section::after,.visual-scene .pricing-section::before,.visual-scene .pricing-section::after,.visual-scene .faq-section::before,.visual-scene .faq-section::after{display:none!important}
.visual-scene .thematic-backdrop{display:none!important}

/* glass content panels above the stationary images */
.visual-scene .section-head,.visual-scene .bento-card,.visual-scene .dashboard-preview,.visual-scene .edition-card,.visual-scene .workflow-copy,.visual-scene .workflow-step,.visual-scene .price-card,.visual-scene .faq-head,.visual-scene .faq-list details{background:linear-gradient(180deg,rgba(8,28,50,.80),rgba(5,19,36,.88))!important;border:1px solid rgba(129,185,239,.25)!important;box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(14px)}
.visual-scene .section-head{padding:22px 26px;border-radius:28px}
.visual-scene h2,.visual-scene h3,.visual-scene .price,.visual-scene summary{color:#f7fbff!important}
.visual-scene p,.visual-scene li,.visual-scene small,.visual-scene .price-meta,.visual-scene .tax-note{color:rgba(220,233,246,.80)!important}
.visual-scene .section-kicker,.visual-scene .mini-label{color:#79c6ff!important}
.visual-scene .edition-card.featured,.visual-scene .price-card.featured{background:linear-gradient(180deg,rgba(10,39,70,.86),rgba(5,23,42,.92))!important;border-color:rgba(86,173,255,.48)!important}

/* soft bridge between scene 2 and scene 3; no fourth background image */
.scene-bridge{position:relative;background:linear-gradient(180deg,#07172e 0%,#0a2542 46%,#07172e 100%)!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.scene-bridge::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(37,139,255,.18),transparent 45%)}
.scene-bridge>.shell{position:relative;z-index:1}

@media(max-width:900px){
  .visual-scene .scene-bg{position:absolute;top:0;inset-inline:0;height:100%;margin:0;background-attachment:scroll;background-size:cover;background-position:center top}
  .visual-scene::before,.visual-scene::after{height:80px}
}
@media(prefers-reduced-motion:reduce){.visual-scene .scene-bg{position:absolute;top:0;height:100%;margin:0}}

/* v2.3.0 final scene fixes */
.visual-scene{overflow:visible}
.scene-bridge::before{opacity:1!important;transform:none!important;z-index:0!important;inset:0!important}
.scene-bridge::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(7,23,46,.42),transparent 20%,transparent 80%,rgba(7,23,46,.42))}


/* v2.3.1 — requested refinements: integrated self-hosted card + softer scene images */
.platform-system-card{grid-column:span 4;display:flex;flex-direction:column;gap:12px;min-height:100%}
.platform-system-card h3{margin-bottom:0}
.platform-system-card p{margin:0}
.inline-hosting-stack{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.mini-stack-card{padding:14px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(140,193,243,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mini-stack-card.accent{background:linear-gradient(135deg,rgba(20,119,238,.22),rgba(255,255,255,.06));border-color:rgba(86,173,255,.36)}
.mini-stack-card span,.mini-stack-card strong,.mini-stack-card small{display:block}
.mini-stack-card span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#78c4ff}
.mini-stack-card strong{font-size:18px;line-height:1.08;margin:4px 0 3px;color:#fff}
.mini-stack-card small{font-size:11px;color:rgba(221,235,247,.78)}
.mini-stack-arrow{text-align:center;color:#4fe0c1;font-size:18px;line-height:1}

.visual-scene .scene-bg{box-shadow:inset 0 0 180px rgba(0,0,0,.44);filter:saturate(.90) brightness(.96)}
.visual-scene .scene-bg::before{content:"";position:absolute;inset:0;background:rgba(6,20,36,.24);pointer-events:none}
.visual-scene .scene-bg::after{background:linear-gradient(90deg,rgba(3,12,24,.28),rgba(3,12,24,.08) 38%,rgba(3,12,24,.08) 62%,rgba(3,12,24,.28)),linear-gradient(180deg,rgba(3,13,25,.40),rgba(3,13,25,.10) 18%,rgba(3,13,25,.10) 82%,rgba(3,13,25,.40))}
.scene-platform .scene-bg{background-image:linear-gradient(rgba(5,19,36,.52),rgba(5,19,36,.44)),url('visuals/scene-platform.jpg')}
.scene-workflow .scene-bg{background-image:linear-gradient(rgba(5,19,36,.50),rgba(5,19,36,.42)),url('visuals/scene-workflow.jpg')}
.scene-commerce .scene-bg{background-image:linear-gradient(rgba(5,19,36,.48),rgba(5,19,36,.42)),url('visuals/scene-pricing-faq.jpg')}

@media(max-width:1050px){
  .platform-system-card{grid-column:span 6}
}
@media(max-width:800px){
  .platform-system-card{grid-column:span 12}
  .mini-stack-card strong{font-size:17px}
}


/* v2.3.2 — final CTA/footer visibility + richer Werbemittel/Reporting cards */
/* Keep each sticky scene strictly inside its own chapter. This prevents its background layer
   from painting over the final CTA/footer after the commerce scene ends. */
.visual-scene{overflow:clip!important}
.visual-scene .scene-bg{z-index:0}
.visual-scene .scene-scroll{z-index:2}
.final-cta,footer{position:relative;z-index:20;isolation:isolate}
.final-cta{overflow:hidden}
footer{display:block!important;visibility:visible!important;opacity:1!important}
.final-inner.reveal.in-view{opacity:1!important;transform:none!important}

/* Added useful content to the two previously sparse cards. */
.asset-feature-grid,.report-role-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
.asset-feature-grid>span,.report-role-grid>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid rgba(140,193,243,.18);border-radius:14px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.asset-feature-grid b,.report-role-grid b{font-size:11px;color:#f5faff;letter-spacing:-.01em}
.asset-feature-grid small,.report-role-grid small{font-size:9px;color:rgba(203,222,240,.68)!important;text-align:right}
.bento-media .asset-preview,.bento-reporting .report-preview{margin-top:auto;padding-top:20px}
.bento-media,.bento-reporting{display:flex;flex-direction:column}

@media(max-width:900px){
  .visual-scene{overflow:hidden!important}
  .asset-feature-grid,.report-role-grid{grid-template-columns:repeat(3,1fr)}
  .asset-feature-grid>span,.report-role-grid>span{display:block}
  .asset-feature-grid small,.report-role-grid small{text-align:left;margin-top:3px}
}
@media(max-width:620px){
  .asset-feature-grid,.report-role-grid{grid-template-columns:1fr}
  .asset-feature-grid>span,.report-role-grid>span{display:flex}
  .asset-feature-grid small,.report-role-grid small{text-align:right;margin-top:0}
}


/* v2.3.3 — morning fine-tuning: softer scene images, unified spacing, consistent light accents */
:root{--card-gap:22px;--scene-card-bg-top:rgba(8,28,50,.70);--scene-card-bg-bottom:rgba(5,19,36,.82)}

/* 1) soften the sticky background scenes with a white veil */
.visual-scene .scene-bg{
  box-shadow:inset 0 0 140px rgba(0,0,0,.16)!important;
  filter:saturate(.84) brightness(1.09) contrast(.90)!important;
}
.visual-scene .scene-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.16) 22%,rgba(255,255,255,.11) 52%,rgba(255,255,255,.22) 100%),
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 36%),
    rgba(246,250,255,.10);
}
.visual-scene .scene-bg::after{
  background:
    linear-gradient(90deg,rgba(3,12,24,.17),rgba(3,12,24,.04) 38%,rgba(3,12,24,.04) 62%,rgba(3,12,24,.17)),
    linear-gradient(180deg,rgba(3,13,25,.24),rgba(3,13,25,.04) 18%,rgba(3,13,25,.04) 82%,rgba(3,13,25,.24))!important;
}
.scene-platform .scene-bg{background-image:linear-gradient(rgba(5,19,36,.28),rgba(5,19,36,.21)),url('visuals/scene-platform.jpg')!important}
.scene-workflow .scene-bg{background-image:linear-gradient(rgba(5,19,36,.26),rgba(5,19,36,.20)),url('visuals/scene-workflow.jpg')!important}
.scene-commerce .scene-bg{background-image:linear-gradient(rgba(5,19,36,.24),rgba(5,19,36,.19)),url('visuals/scene-pricing-faq.jpg')!important}

/* 2) make card spacing more consistent */
.bento-grid,.edition-grid,.price-grid{gap:var(--card-gap)!important}
.workflow-grid,.faq-layout{gap:calc(var(--card-gap) * 2)!important}
.faq-list{gap:12px!important}
.bento-section .section-head,
.editions-section .section-head,
.pricing-section .section-head,
.faq-head{margin:0 auto 28px!important}
.dashboard-preview{margin:var(--card-gap) auto 0!important}
.workflow-copy{align-self:start}
.workflow-steps{display:grid;gap:14px}

/* 3) use one consistent glass-card language incl. light cone on all relevant cards */
.visual-scene .section-head,
.visual-scene .bento-card,
.visual-scene .dashboard-preview,
.visual-scene .edition-card,
.visual-scene .workflow-copy,
.visual-scene .workflow-step,
.visual-scene .price-card,
.visual-scene .faq-head,
.visual-scene .faq-list details,
.demo-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,var(--scene-card-bg-top),var(--scene-card-bg-bottom))!important;
  border:1px solid rgba(136,191,243,.28)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(14px);
}
.visual-scene .section-head::before,
.visual-scene .bento-card::before,
.visual-scene .dashboard-preview::before,
.visual-scene .edition-card::before,
.visual-scene .workflow-copy::before,
.visual-scene .workflow-step::before,
.visual-scene .price-card::before,
.visual-scene .faq-head::before,
.visual-scene .faq-list details::before,
.demo-panel::before{
  content:"";
  position:absolute;
  top:-70px;
  right:-70px;
  width:200px;
  height:200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(255,255,255,.16) 34%,rgba(255,255,255,.05) 54%,rgba(255,255,255,0) 72%);
  pointer-events:none;
  opacity:.82;
}
.visual-scene .section-head h2,
.visual-scene .section-head p{position:relative;z-index:1}

/* 4) integrate the blue NETWORK demo card better into the system */
.demo-panel{
  background:linear-gradient(135deg,rgba(32,130,236,.92),rgba(38,178,230,.88))!important;
  border-color:rgba(182,224,255,.38)!important;
  box-shadow:0 28px 74px rgba(8,54,102,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.demo-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 38%,rgba(0,0,0,.08));
}
.demo-panel>div,.demo-panel>a{position:relative;z-index:1}

/* 5) fill the media/reporting cards a bit more evenly */
.asset-feature-grid,.report-role-grid{gap:10px!important}
.asset-feature-grid>span,.report-role-grid>span{padding:12px 14px!important}
.asset-preview{margin-top:18px!important}
.report-preview{margin-top:18px!important}
.report-preview-head{margin-bottom:10px}

/* 6) responsive fine-tuning */
@media(max-width:800px){
  :root{--card-gap:18px}
  .workflow-grid,.faq-layout{gap:24px!important}
  .bento-section .section-head,.editions-section .section-head,.pricing-section .section-head,.faq-head{margin-bottom:20px!important}
  .visual-scene .section-head::before,
  .visual-scene .bento-card::before,
  .visual-scene .dashboard-preview::before,
  .visual-scene .edition-card::before,
  .visual-scene .workflow-copy::before,
  .visual-scene .workflow-step::before,
  .visual-scene .price-card::before,
  .visual-scene .faq-head::before,
  .visual-scene .faq-list details::before,
  .demo-panel::before{width:150px;height:150px;top:-56px;right:-56px}
}


/* v2.3.4 — spacing refinement + demo panel harmonized */
:root{--section-gap-tight:22px;--section-gap-regular:32px}

/* more even rhythm between the scene sections */
.bento-section{padding:92px 0 54px!important}
.editions-section{padding:86px 0 46px!important}
.workflow-section{padding:42px 0 34px!important}
.demo-section{padding:22px 0 42px!important}
.pricing-section{padding:76px 0 34px!important}
.faq-section{padding:34px 0 84px!important}

.bento-section .section-head,
.editions-section .section-head,
.pricing-section .section-head,
.faq-head{margin:0 auto var(--section-gap-regular)!important}
.dashboard-preview{margin:var(--section-gap-regular) auto 0!important}
.edition-grid,.price-grid{margin-top:0!important}
.workflow-copy{margin-top:6px}
.workflow-steps{gap:16px!important}
.faq-list{gap:14px!important}
.faq-layout{align-items:start;gap:36px!important}

/* harmonize the standalone NETWORK demo panel so it feels part of the same system */
.scene-bridge{background:linear-gradient(180deg,#06192f 0%,#082241 42%,#06192f 100%)!important}
.scene-bridge::before{background:radial-gradient(circle at 50% 18%,rgba(37,139,255,.14),transparent 44%)!important}
.demo-panel{
  max-width:980px;
  margin:0 auto;
  min-height:254px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:30px;
  padding:42px 46px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 16% 14%,rgba(97,188,255,.18),transparent 24%),
    radial-gradient(circle at 84% 18%,rgba(255,255,255,.06),transparent 22%),
    linear-gradient(180deg,rgba(8,28,50,.82),rgba(5,19,36,.90))!important;
  border:1px solid rgba(136,191,243,.28)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.demo-panel::before{
  top:-68px!important;
  right:-68px!important;
  width:190px!important;
  height:190px!important;
  opacity:.78!important;
}
.demo-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(28,148,255,.11),rgba(28,148,255,0) 22%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%,rgba(0,0,0,.08));
}
.demo-panel>div{max-width:620px}
.demo-panel>a{justify-self:end;align-self:center}
.demo-panel h2{margin:10px 0 16px;font-size:clamp(42px,4.1vw,60px);line-height:1.02;letter-spacing:-.05em}
.demo-panel p{max-width:620px;color:#d7e7f8}
.demo-glow{width:360px;height:360px;left:-70px;top:-210px;right:auto;background:rgba(255,255,255,.07)!important;filter:blur(2px)}

/* slightly more consistent internal spacing on workflow / pricing / faq cards */
.workflow-step{padding:18px 22px!important;min-height:112px!important}
.price-card,.edition-card{padding:31px!important}
.faq-list summary{padding:19px 22px!important}
.faq-list p{padding:0 22px 19px!important}

@media(max-width:980px){
  .demo-panel{grid-template-columns:1fr!important;gap:22px;padding:34px 28px!important}
  .demo-panel>a{justify-self:start;width:auto}
}
@media(max-width:800px){
  :root{--section-gap-regular:22px}
  .bento-section{padding:72px 0 42px!important}
  .editions-section{padding:68px 0 36px!important}
  .workflow-section{padding:34px 0 26px!important}
  .demo-section{padding:18px 0 30px!important}
  .pricing-section{padding:58px 0 26px!important}
  .faq-section{padding:28px 0 62px!important}
  .faq-layout{gap:24px!important}
  .demo-panel h2{font-size:36px}
}


/* v2.3.5 — move editions intro card into the transition between scene 1 and 2 */
.scene-workflow .editions-section{
  position:relative;
  padding-top:172px!important;
}
.scene-workflow .editions-section>.shell{
  position:relative;
}
.scene-workflow .editions-section .section-head{
  position:relative;
  z-index:8;
  margin:-126px auto 34px!important;
}
.scene-workflow .editions-section .edition-grid{
  position:relative;
  z-index:5;
}
@media(max-width:980px){
  .scene-workflow .editions-section{padding-top:136px!important}
  .scene-workflow .editions-section .section-head{margin:-96px auto 28px!important}
}
@media(max-width:800px){
  .scene-workflow .editions-section{padding-top:96px!important}
  .scene-workflow .editions-section .section-head{margin:-58px auto 24px!important}
}


/* v2.3.6 — editions intro moved into the bridge between scene 1 and scene 2 */
.editions-bridge{
  padding:16px 0 18px!important;
  position:relative;
  z-index:6;
}
.editions-bridge .shell{position:relative;z-index:2}
.bridge-card{
  max-width:920px!important;
  margin:0 auto!important;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(8,28,50,.70),rgba(5,19,36,.82))!important;
  border:1px solid rgba(136,191,243,.28)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(14px);
  border-radius:34px;
  padding:26px 34px!important;
}
.bridge-card::before{
  content:"";
  position:absolute;
  top:-70px;
  right:-70px;
  width:200px;
  height:200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(255,255,255,.16) 34%,rgba(255,255,255,.05) 54%,rgba(255,255,255,0) 72%);
  pointer-events:none;
  opacity:.82;
}
.bridge-card h2,.bridge-card p,.bridge-card .section-kicker{position:relative;z-index:1}
.bridge-card h2{font-size:clamp(34px,4.8vw,60px);line-height:1.04;letter-spacing:-.05em;margin:12px 0 14px;color:#fff}
.bridge-card p{margin:0;color:rgba(223,236,247,.84);font-size:17px}
.bridge-card .section-kicker{color:#70c6ff}

.scene-workflow .editions-section{
  padding-top:64px!important;
}
.scene-workflow .editions-section>.shell{position:relative}
.scene-workflow .editions-section .edition-grid{position:relative;z-index:5}

@media(max-width:980px){
  .editions-bridge{padding:12px 0 14px!important}
  .bridge-card{padding:22px 24px!important}
  .scene-workflow .editions-section{padding-top:48px!important}
}
@media(max-width:800px){
  .editions-bridge{padding:10px 0 12px!important}
  .bridge-card{border-radius:26px;padding:20px 18px!important}
  .bridge-card p{font-size:15px}
  .scene-workflow .editions-section{padding-top:34px!important}
}


/* v2.3.8 — workflow edition row lowered for consistent top spacing */
.scene-workflow .edition-card{
  padding-top:42px!important;
}
.scene-workflow .edition-top{
  margin-bottom:12px!important;
}
.scene-workflow .edition-card h3{
  margin-top:16px!important;
}

.workflow-grid,
.faq-layout{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:30px!important;
  background:linear-gradient(180deg,rgba(8,28,50,.54),rgba(5,19,36,.66))!important;
  border:1px solid rgba(136,191,243,.24)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(12px);
}
.workflow-grid::before,
.faq-layout::before{
  content:"";
  position:absolute;
  top:-72px;
  right:-72px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 34%,rgba(255,255,255,.04) 54%,rgba(255,255,255,0) 72%);
  pointer-events:none;
  opacity:.78;
}
.workflow-grid > *,
.faq-layout > *{position:relative;z-index:1}

.scene-workflow .workflow-grid{
  align-items:stretch!important;
}
.scene-workflow .workflow-copy{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.scene-workflow .workflow-copy p{
  max-width:420px;
}
.scene-workflow .workflow-steps{
  align-self:stretch;
}
.scene-workflow .workflow-step:last-child{
  margin-bottom:0!important;
}

.scene-commerce .faq-layout{
  align-items:start!important;
}
.scene-commerce .faq-head{
  min-height:100%;
}
.scene-commerce .faq-list{
  align-content:start;
}

@media(max-width:980px){
  .workflow-grid,
  .faq-layout{
    padding:24px!important;
    border-radius:28px;
  }
  .scene-workflow .edition-card{
    padding-top:38px!important;
  }
}
@media(max-width:800px){
  .workflow-grid,
  .faq-layout{
    padding:18px!important;
    border-radius:24px;
  }
  .scene-workflow .edition-card{
    padding-top:34px!important;
  }
}


/* v2.3.9 — reposition the section intro cards between / on the intended scene bands */
.platform-bridge,.pricing-bridge{
  padding:16px 0 18px!important;
  position:relative;
  z-index:6;
}
.platform-bridge .shell,.pricing-bridge .shell{position:relative;z-index:2}
.scene-platform .bento-section{padding-top:56px!important}
.scene-commerce .pricing-section{padding-top:48px!important}
.visual-scene .demo-section{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:28px 0 54px!important}
.visual-scene .demo-section::before,.visual-scene .demo-section::after{display:none!important}
.visual-scene .demo-section>.shell{position:relative;z-index:3}
@media(max-width:980px){
  .platform-bridge,.pricing-bridge{padding:12px 0 14px!important}
  .scene-platform .bento-section{padding-top:44px!important}
  .scene-commerce .pricing-section{padding-top:38px!important}
  .visual-scene .demo-section{padding:24px 0 44px!important}
}
@media(max-width:800px){
  .platform-bridge,.pricing-bridge{padding:10px 0 12px!important}
  .scene-platform .bento-section{padding-top:34px!important}
  .scene-commerce .pricing-section{padding-top:30px!important}
  .visual-scene .demo-section{padding:18px 0 34px!important}
}