/* ========================================================================== ScaleEdges public marketing site Palette: Twilight Indigo, Electric Sapphire, Carbon, White and Pale Slate. This stylesheet is loaded only on the platform marketing pages. ========================================================================== */ .marketing-shell { --mkt-indigo: #253478; --mkt-sapphire: #5B68E3; --mkt-carbon: #222222; --mkt-white: #FCFBFE; --mkt-slate: #CCD5E3; --mkt-ink-soft: #55596d; --mkt-border: rgba(37, 52, 120, .13); --mkt-shadow: 0 24px 70px rgba(37, 52, 120, .12); --mkt-ease: cubic-bezier(.2, .8, .2, 1); overflow-x: hidden; background: var(--mkt-white); color: var(--mkt-carbon); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; } .marketing-shell .marketing-main { width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; overflow: clip; } .marketing-page { position: relative; } .marketing-shell :focus-visible { outline: 3px solid rgba(91, 104, 227, .42); outline-offset: 3px; } .marketing-page h1, .marketing-page h2, .marketing-page h3, .marketing-page p { text-wrap: pretty; } .marketing-page h1, .marketing-page h2, .marketing-page h3 { color: var(--mkt-carbon); line-height: 1.02; letter-spacing: -.045em; } .marketing-page a:hover { text-decoration: none; } .marketing-page .icon { flex: none; } .marketing-section-pad { width: min(1280px, calc(100% - 48px)); margin-right: auto; margin-left: auto; padding-top: clamp(76px, 9vw, 132px); padding-bottom: clamp(76px, 9vw, 132px); } .marketing-kicker, .marketing-overline { display: inline-flex; align-items: center; gap: .45rem; color: var(--mkt-sapphire); font-size: .75rem; font-weight: 850; letter-spacing: .125em; line-height: 1.3; text-transform: uppercase; } .marketing-kicker-light { color: #abb5ff; } .marketing-section-heading { max-width: 860px; margin: 0 auto clamp(40px, 6vw, 72px); text-align: center; } .marketing-section-heading-left { max-width: 520px; margin: 0; text-align: left; } .marketing-section-heading h2 { margin: 16px 0 20px; font-size: clamp(2.25rem, 5vw, 4.65rem); font-weight: 760; } .marketing-section-heading > p { max-width: 700px; margin: 0 auto; color: var(--mkt-ink-soft); font-size: clamp(1rem, 1.45vw, 1.17rem); line-height: 1.75; } .marketing-section-heading-left > p { margin-left: 0; } /* Navigation -------------------------------------------------------------- */ .marketing-shell .marketing-nav { position: sticky; top: 0; z-index: 100; width: 100%; min-height: 76px; padding: 13px max(24px, calc((100vw - 1320px) / 2)); border: 0; border-bottom: 1px solid rgba(37, 52, 120, .09); background: rgba(252, 251, 254, .9); box-shadow: 0 8px 30px rgba(37, 52, 120, .035); backdrop-filter: saturate(160%) blur(18px); } .marketing-shell .marketing-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--mkt-carbon); font-size: 1.25rem; font-weight: 820; letter-spacing: -.045em; } .marketing-shell .marketing-brand > span > span { color: var(--mkt-sapphire); } .marketing-brand-icon { width: 39px; height: 39px; object-fit: contain; filter: drop-shadow(0 5px 8px rgba(37, 52, 120, .16)); } .marketing-shell .marketing-nav-links { gap: clamp(16px, 2vw, 30px); flex-wrap: nowrap; } .marketing-shell .marketing-nav-links > a { position: relative; padding: 10px 0; color: #3f4252; font-size: .88rem; font-weight: 650; white-space: nowrap; transition: color .2s ease; } .marketing-shell .marketing-nav-links > a::after { content: ""; position: absolute; right: 0; bottom: 4px; left: 0; height: 2px; border-radius: 999px; background: var(--mkt-sapphire); transform: scaleX(0); transform-origin: center; transition: transform .22s var(--mkt-ease); } .marketing-shell .marketing-nav-links > a:hover, .marketing-shell .marketing-nav-links > a.active { color: var(--mkt-indigo); } .marketing-shell .marketing-nav-links > a:hover::after, .marketing-shell .marketing-nav-links > a.active::after { transform: scaleX(1); } .marketing-nav-actions { display: inline-flex; align-items: center; gap: 12px; margin-left: 2px; } .marketing-shell .marketing-nav-actions a { color: var(--mkt-carbon); font-size: .88rem; font-weight: 720; } .marketing-shell .marketing-nav-actions .marketing-nav-cta { display: inline-flex; align-items: center; gap: 9px; min-height: 45px; padding: 0 18px; border: 1px solid var(--mkt-indigo); border-radius: 10px; color: #fff; background: var(--mkt-indigo); box-shadow: 0 8px 20px rgba(37, 52, 120, .17); transition: transform .2s var(--mkt-ease), background .2s ease, box-shadow .2s ease; } .marketing-shell .marketing-nav-actions .marketing-nav-cta:hover { color: #fff; background: var(--mkt-sapphire); box-shadow: 0 12px 26px rgba(91, 104, 227, .25); filter: none; transform: translateY(-2px); } .marketing-nav-cta span { transition: transform .2s var(--mkt-ease); } .marketing-nav-cta:hover span { transform: translateX(3px); } .marketing-menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--mkt-border); border-radius: 11px; background: #fff; cursor: pointer; } .marketing-menu-toggle span { display: block; width: 18px; height: 2px; margin: 4px auto; border-radius: 5px; background: var(--mkt-indigo); transition: transform .2s ease, opacity .2s ease; } /* Buttons ----------------------------------------------------------------- */ .marketing-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 24px; border: 1px solid transparent; border-radius: 12px; font-size: .96rem; font-weight: 780; letter-spacing: -.015em; transition: transform .22s var(--mkt-ease), box-shadow .22s ease, background .22s ease, border-color .22s ease; } .marketing-button:hover { transform: translateY(-3px); } .marketing-button-primary { color: #fff; background: var(--mkt-sapphire); box-shadow: 0 13px 28px rgba(91, 104, 227, .25); } .marketing-button-primary:hover { color: #fff; background: var(--mkt-indigo); box-shadow: 0 17px 35px rgba(37, 52, 120, .26); } .marketing-button-secondary { border-color: rgba(37, 52, 120, .18); color: var(--mkt-indigo); background: rgba(255, 255, 255, .82); } .marketing-button-secondary:hover { color: var(--mkt-indigo); border-color: rgba(37, 52, 120, .36); background: #fff; box-shadow: 0 12px 28px rgba(37, 52, 120, .1); } .marketing-button-white { color: var(--mkt-indigo); background: #fff; box-shadow: 0 14px 32px rgba(12, 19, 57, .2); } .marketing-button-white:hover { color: var(--mkt-indigo); background: #f4f5ff; box-shadow: 0 18px 36px rgba(12, 19, 57, .3); } .marketing-button-dark-outline { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.07); } .marketing-button-dark-outline:hover { color: #fff; border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.12); } .marketing-button-play { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--mkt-sapphire); background: #eef0ff; } .marketing-button-play .icon { width: 14px; height: 14px; } .marketing-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--mkt-indigo); font-weight: 780; } .marketing-text-link-light { color: #fff; } .marketing-text-link:hover span { transform: translateX(3px); } .marketing-text-link span { transition: transform .2s ease; } /* Hero -------------------------------------------------------------------- */ .marketing-hero { --cursor-x: 50%; --cursor-y: 32%; position: relative; isolation: isolate; overflow: hidden; min-height: 1040px; padding: clamp(86px, 9vw, 132px) 24px 110px; background: radial-gradient(circle at var(--cursor-x) var(--cursor-y), rgba(91,104,227,.13), transparent 27%), radial-gradient(circle at 50% 12%, rgba(204,213,227,.38), transparent 24%), linear-gradient(180deg, #fcfbfe 0%, #f8f8ff 56%, #eef1ff 100%); } .marketing-hero::before { content: ""; position: absolute; z-index: -1; top: 10%; left: 50%; width: 780px; height: 780px; border: 1px solid rgba(91,104,227,.11); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 0 120px rgba(91,104,227,.027), 0 0 0 240px rgba(91,104,227,.018); } .marketing-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .26; background-image: radial-gradient(rgba(37,52,120,.22) .65px, transparent .65px); background-size: 22px 22px; mask-image: linear-gradient(to bottom, #000, transparent 65%); } .marketing-hero-glow { position: absolute; z-index: -1; top: 160px; left: 50%; width: 440px; height: 260px; border-radius: 50%; background: rgba(91,104,227,.14); filter: blur(85px); transform: translateX(-50%); } .marketing-hero-copy { position: relative; z-index: 5; max-width: 960px; margin: 0 auto; text-align: center; } .marketing-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 26px; padding: 7px 12px 7px 8px; border: 1px solid rgba(91,104,227,.18); border-radius: 999px; color: #4b53a8; background: rgba(255,255,255,.76); box-shadow: 0 8px 24px rgba(37,52,120,.06); font-size: .78rem; font-weight: 740; letter-spacing: .01em; backdrop-filter: blur(8px); } .marketing-eyebrow > span:first-child { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #fff; background: var(--mkt-sapphire); } .marketing-eyebrow .icon { width: 13px; height: 13px; } .marketing-hero h1 { max-width: 930px; margin: 0 auto; font-size: clamp(3.3rem, 7.5vw, 6.6rem); font-weight: 790; line-height: .94; letter-spacing: -.072em; } .marketing-hero h1 span { color: var(--mkt-sapphire); } .marketing-hero-copy > p { max-width: 710px; margin: 28px auto 0; color: var(--mkt-ink-soft); font-size: clamp(1.08rem, 1.7vw, 1.32rem); line-height: 1.65; } .marketing-hero-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; flex-wrap: wrap; } .marketing-hero-note { display: flex; justify-content: center; gap: 14px 25px; margin-top: 22px; color: #65697c; font-size: .78rem; font-weight: 650; flex-wrap: wrap; } .marketing-hero-note span { display: inline-flex; align-items: center; gap: 5px; } .marketing-hero-note .icon { width: 14px; height: 14px; color: #279264; stroke-width: 2.7; } .floating-brand { --parallax-x: 0px; --parallax-y: 0px; position: absolute; z-index: 2; width: 74px; opacity: .82; transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(var(--rotate, 0deg)); transition: transform .22s var(--mkt-ease); } .floating-brand img { display: block; width: 100%; filter: drop-shadow(0 16px 16px rgba(37,52,120,.18)); animation: marketingFloat 5.5s ease-in-out infinite; } .floating-brand-1 { top: 13%; left: 7%; width: 92px; --rotate: -15deg; } .floating-brand-2 { top: 20%; right: 7%; width: 64px; --rotate: 17deg; } .floating-brand-3 { top: 39%; left: 13%; width: 48px; --rotate: 12deg; opacity: .54; } .floating-brand-4 { top: 42%; right: 15%; width: 52px; --rotate: -18deg; opacity: .58; } .floating-brand-5 { top: 6%; right: 24%; width: 40px; --rotate: 19deg; opacity: .48; } .floating-brand-6 { top: 7%; left: 25%; width: 36px; --rotate: -10deg; opacity: .42; } .floating-brand:nth-of-type(even) img { animation-delay: -2.4s; animation-duration: 6.2s; } @keyframes marketingFloat { 0%, 100% { translate: 0 -4px; } 50% { translate: 0 9px; } } /* Dashboard product illustration ----------------------------------------- */ .marketing-product-demo { --tilt-x: 0deg; --tilt-y: 0deg; position: relative; z-index: 4; width: min(1170px, calc(100vw - 64px)); height: 600px; margin: 85px auto 0; overflow: visible; border: 1px solid rgba(37,52,120,.17); border-radius: 20px; background: #fff; box-shadow: 0 42px 100px rgba(37,52,120,.21), 0 8px 22px rgba(37,52,120,.09); transform: perspective(1600px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-origin: 50% 25%; transition: transform .28s var(--mkt-ease), box-shadow .3s ease; } .marketing-product-demo::before { content: ""; position: absolute; z-index: -1; right: 7%; bottom: -42px; left: 7%; height: 80px; border-radius: 50%; background: rgba(37,52,120,.24); filter: blur(34px); } .demo-window-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 45px; padding: 0 16px; border-bottom: 1px solid #e6e8f1; border-radius: 20px 20px 0 0; background: #f7f8fb; color: #85899a; font-size: .68rem; } .demo-window-dots { display: flex; gap: 6px; } .demo-window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d6d9e4; } .demo-window-dots i:first-child { background: #fa8d89; }.demo-window-dots i:nth-child(2) { background: #f6cd63; }.demo-window-dots i:last-child { background: #73d29b; } .demo-address { display: flex; align-items: center; gap: 5px; padding: 5px 46px; border: 1px solid #e4e6ee; border-radius: 6px; background: #fff; } .demo-address .icon { width: 10px; height: 10px; } .demo-live { display: inline-flex; align-items: center; justify-self: end; gap: 5px; } .demo-live i { width: 6px; height: 6px; border-radius: 50%; background: #32ae70; box-shadow: 0 0 0 3px rgba(50,174,112,.13); } .demo-dashboard { display: grid; grid-template-columns: 174px minmax(0, 1fr); height: calc(100% - 45px); overflow: hidden; border-radius: 0 0 20px 20px; background: #f6f7fb; } .demo-sidebar { display: flex; flex-direction: column; gap: 4px; padding: 20px 14px 14px; color: #85899a; background: #252b49; } .demo-sidebar-brand { display: flex; align-items: center; gap: 8px; margin: 0 6px 25px; color: #fff; font-size: .78rem; font-weight: 800; } .demo-sidebar-brand img { width: 27px; height: 27px; object-fit: contain; } .demo-sidebar > span { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 7px; font-size: .68rem; font-weight: 620; } .demo-sidebar > span.active { color: #fff; background: rgba(116,128,236,.22); } .demo-sidebar .icon { width: 14px; height: 14px; } .demo-sidebar-user { display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 10px 6px 2px; border-top: 1px solid rgba(255,255,255,.08); } .demo-sidebar-user i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #fff; background: #5b68e3; font-size: .58rem; font-style: normal; font-weight: 750; } .demo-sidebar-user small { color: #eef0ff; font-size: .59rem; line-height: 1.35; }.demo-sidebar-user b { color: #9299b8; font-weight: 500; } .demo-dashboard-main { min-width: 0; padding: 28px 30px; overflow: hidden; } .demo-heading-row { display: flex; align-items: center; justify-content: space-between; } .demo-heading-row > div { display: flex; flex-direction: column; }.demo-heading-row small { color: #979aaa; font-size: .61rem; }.demo-heading-row strong { margin-top: 2px; color: #25283a; font-size: 1.13rem; letter-spacing: -.03em; } .demo-heading-row button { display: inline-flex; align-items: center; gap: 5px; padding: 8px 11px; border: 0; border-radius: 7px; color: #fff; background: #5b68e3; font: inherit; font-size: .64rem; font-weight: 700; }.demo-heading-row button .icon { width: 12px; } .demo-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; } .demo-metrics article { display: flex; flex-direction: column; padding: 15px 17px; border: 1px solid #e7e8ef; border-radius: 11px; background: #fff; box-shadow: 0 3px 10px rgba(42,47,90,.03); } .demo-metrics article > span { color: #777b8e; font-size: .61rem; }.demo-metrics article strong { margin: 5px 0 2px; color: #25283a; font-size: 1.35rem; letter-spacing: -.045em; }.demo-metrics article small { color: #9da0ae; font-size: .55rem; }.demo-up { float: right; margin-left: 5px; padding: 2px 4px; border-radius: 4px; color: #20845a; background: #e5f7ee; font-size: .48rem; font-style: normal; font-weight: 750; } .demo-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(220px, .85fr); gap: 12px; margin-top: 12px; } .demo-chart-card,.demo-orders-card { height: 292px; padding: 16px; border: 1px solid #e7e8ef; border-radius: 11px; background: #fff; } .demo-card-head { display: flex; align-items: flex-start; justify-content: space-between; }.demo-card-head > div { display: flex; flex-direction: column; }.demo-card-head strong { color: #2f3244; font-size: .73rem; }.demo-card-head small { margin-top: 2px; color: #a1a4b2; font-size: .53rem; }.demo-card-head > span { padding: 3px 6px; border: 1px solid #eaebf0; border-radius: 5px; color: #828596; font-size: .52rem; }.demo-card-head a,.demo-view-all { color: #5b68e3; font-size: .55rem; } .demo-chart { position: relative; height: 205px; margin-top: 18px; overflow: hidden; background-image: linear-gradient(#eff0f5 1px, transparent 1px); background-size: 100% 42px; } .demo-chart svg { position: absolute; inset: 5px 0 22px; width: 100%; height: calc(100% - 27px); overflow: visible; }.demo-chart path { fill: none; stroke: #5b68e3; stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 5px 5px rgba(91,104,227,.2)); } .demo-chart-end { fill: #fff; stroke: #5b68e3; stroke-width: 4; vector-effect: non-scaling-stroke; filter: drop-shadow(0 3px 5px rgba(91,104,227,.35)); transform-box: fill-box; transform-origin: center; } .demo-chart-fill { position: absolute; inset: 22px 0 22px; background: linear-gradient(to bottom, rgba(91,104,227,.17), transparent); clip-path: polygon(0 72%, 8% 70%, 17% 54%, 26% 62%, 35% 40%, 46% 46%, 55% 30%, 65% 38%, 74% 19%, 83% 26%, 91% 8%, 100% 2%, 100% 100%, 0 100%); } .demo-chart-labels { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; color: #aaadba; font-size: .47rem; } .demo-orders-card ul { list-style: none; margin: 13px 0 0; padding: 0; }.demo-orders-card li { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #f0f1f5; }.demo-orders-card li:last-child { border: 0; }.order-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; font-size: .52rem; font-style: normal; font-weight: 750; }.order-pink { color: #a34d77; background: #f9e7f0; }.order-green { color: #287b55; background: #e3f5eb; }.order-blue { color: #4354b7; background: #e9ebff; }.demo-orders-card li span { display: flex; min-width: 0; flex-direction: column; }.demo-orders-card li strong { overflow: hidden; color: #373a4c; font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }.demo-orders-card li small { color: #9a9dac; font-size: .49rem; }.demo-orders-card li > b { color: #303344; font-size: .6rem; } .demo-sale-toast,.demo-ai-toast { --parallax-x: 0px; --parallax-y: 0px; position: absolute; z-index: 6; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(37,52,120,.12); border-radius: 12px; background: rgba(255,255,255,.95); box-shadow: 0 18px 42px rgba(37,52,120,.17); transform: translate3d(var(--parallax-x), var(--parallax-y), 0); transition: transform .22s var(--mkt-ease); backdrop-filter: blur(10px); } .demo-sale-toast { top: 105px; right: -54px; }.demo-ai-toast { bottom: 44px; left: -78px; max-width: 260px; } .demo-sale-toast > span,.demo-ai-toast > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; background: #32a86f; }.demo-ai-toast > span { color: #5965dd; background: #eceeff; }.demo-sale-toast .icon,.demo-ai-toast .icon { width: 15px; height: 15px; } .demo-sale-toast div,.demo-ai-toast div { display: flex; flex-direction: column; }.demo-sale-toast small,.demo-ai-toast small { color: #9598a7; font-size: .53rem; }.demo-sale-toast strong,.demo-ai-toast strong { color: #303345; font-size: .66rem; line-height: 1.35; } /* Proof and formats ------------------------------------------------------- */ .marketing-proof-strip { position: relative; z-index: 8; display: grid; grid-template-columns: repeat(4, 1fr); width: min(1170px, calc(100% - 48px)); margin: -52px auto 0; padding: 26px 20px; border: 1px solid rgba(37,52,120,.12); border-radius: 18px; background: rgba(252,251,254,.92); box-shadow: 0 24px 60px rgba(37,52,120,.13); backdrop-filter: blur(14px); } .marketing-proof-strip > div { display: flex; flex-direction: column; align-items: center; padding: 2px 18px; border-right: 1px solid rgba(37,52,120,.11); text-align: center; }.marketing-proof-strip > div:last-child { border: 0; }.marketing-proof-strip strong { color: var(--mkt-indigo); font-size: 1.08rem; letter-spacing: -.025em; }.marketing-proof-strip span { margin-top: 3px; color: #737688; font-size: .72rem; } .marketing-format-cloud { padding-top: 105px; padding-bottom: 40px; text-align: center; } .marketing-overline { color: #7e8191; } .format-cloud { display: flex; justify-content: center; gap: 10px; margin-top: 25px; flex-wrap: wrap; } .format-cloud span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border: 1px solid rgba(37,52,120,.12); border-radius: 999px; color: #4b4e60; background: #fff; box-shadow: 0 7px 18px rgba(37,52,120,.045); font-size: .78rem; font-weight: 700; transition: transform .2s var(--mkt-ease), border-color .2s ease; }.format-cloud span:hover { border-color: rgba(91,104,227,.38); transform: translateY(-3px) rotate(-1deg); }.format-cloud .icon { width: 15px; height: 15px; color: var(--mkt-sapphire); } /* Home bento -------------------------------------------------------------- */ .marketing-intro { padding-top: 90px; } .marketing-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .bento-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--mkt-border); border-radius: 28px; background: #fff; box-shadow: 0 12px 40px rgba(37,52,120,.065); } .bento-copy { position: relative; z-index: 3; padding: clamp(28px, 4vw, 48px); } .bento-copy .bento-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 28px; border-radius: 12px; color: #fff; background: var(--mkt-sapphire); box-shadow: 0 10px 22px rgba(91,104,227,.22); }.bento-icon .icon { width: 20px; height: 20px; } .bento-copy h3 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.6rem); font-weight: 760; }.bento-copy p { max-width: 490px; margin: 14px 0 22px; color: var(--mkt-ink-soft); font-size: .96rem; line-height: 1.68; }.bento-copy a { display: inline-flex; gap: 7px; color: var(--mkt-indigo); font-size: .84rem; font-weight: 780; }.bento-copy a span { transition: transform .2s ease; }.bento-copy a:hover span { transform: translateX(3px); } .bento-store { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(310px, .8fr) minmax(520px, 1.2fr); min-height: 530px; background: linear-gradient(135deg, #fff 0%, #fafaff 48%, #edf0ff 100%); } .bento-store .bento-copy { align-self: center; }.bento-store .bento-icon { color: #513f9c; background: #ede8ff; box-shadow: none; } .store-builder-demo { position: relative; align-self: end; height: 455px; margin: 48px -50px -28px 10px; border: 1px solid #d8dbea; border-radius: 17px 0 0 0; background: #f3f3f7; box-shadow: -15px 20px 50px rgba(37,52,120,.14); transform: rotate(-1.4deg); } .store-builder-tools { position: absolute; z-index: 2; top: 45px; left: -24px; display: grid; gap: 7px; padding: 8px; border: 1px solid #dfe1ec; border-radius: 11px; background: #fff; box-shadow: 0 12px 30px rgba(37,52,120,.13); }.store-builder-tools span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: #7d8090; }.store-builder-tools span.active { color: #fff; background: var(--mkt-sapphire); }.store-builder-tools .icon { width: 16px; height: 16px; } .store-block-insert { position: absolute; z-index: 6; top: 96px; left: 24%; display: none; align-items: center; gap: 10px; min-width: 150px; padding: 11px 13px; border: 1px solid rgba(91,104,227,.24); border-radius: 12px; color: #303449; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(37,52,120,.22); pointer-events: none; backdrop-filter: blur(10px); }.store-block-insert>span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: #fff; background: var(--mkt-sapphire); box-shadow: 0 7px 15px rgba(91,104,227,.24); }.store-block-insert .icon { width: 14px; }.store-block-insert div { display: flex; flex-direction: column; }.store-block-insert small { color: #8b8f9f; font-size: .47rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }.store-block-insert strong { margin-top: 2px; font-size: .66rem; } .store-builder-canvas { position: absolute; top: 23px; right: 20px; bottom: 20px; left: 22px; overflow: hidden; border-radius: 9px; background: #f4eee6; box-shadow: 0 4px 16px rgba(44,40,36,.1); } .canvas-nav { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 20px; color: #3a332c; background: #fffaf4; }.canvas-nav b { margin-right: auto; font-family: Georgia, serif; font-size: .7rem; }.canvas-nav i { width: 28px; height: 3px; border-radius: 2px; background: #ccc2b6; } .canvas-hero { display: flex; height: 235px; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 45px; color: #fff; background: radial-gradient(circle at 80% 30%, rgba(255,255,255,.18), transparent 23%), linear-gradient(115deg, #283d38, #6d8172); }.canvas-hero small { font-size: .53rem; letter-spacing: .18em; }.canvas-hero strong { margin: 10px 0 18px; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; letter-spacing: -.04em; }.canvas-hero span { padding: 8px 13px; color: #30382f; background: #f6e5c5; font-size: .54rem; font-weight: 750; } .canvas-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 15px; }.canvas-products i { height: 100px; border-radius: 4px; background: linear-gradient(145deg, #d5b99d, #f4e3d0); }.canvas-products i:nth-child(2) { background: linear-gradient(145deg, #acb8ad, #e3e9e1); }.canvas-products i:nth-child(3) { background: linear-gradient(145deg, #b9a6a1, #eadbd5); } .store-builder-palette { position: absolute; z-index: 3; right: 35px; bottom: 34px; display: flex; width: 175px; flex-direction: column; gap: 8px; padding: 13px; border: 1px solid #dfe1eb; border-radius: 11px; background: #fff; box-shadow: 0 14px 34px rgba(37,52,120,.15); }.store-builder-palette strong { font-size: .65rem; }.store-builder-palette span { display: flex; gap: 6px; }.store-builder-palette i { width: 22px; height: 22px; border-radius: 6px; background: #283d38; }.store-builder-palette i:nth-child(2) { background: #f6e5c5; }.store-builder-palette i:nth-child(3) { background: #fffaf4; border: 1px solid #ddd; }.store-builder-palette i:nth-child(4) { background: #a57e64; }.store-builder-palette small { color: #898b99; font-size: .52rem; } .bento-growth { min-height: 610px; background: linear-gradient(145deg, #f0fbf4, #dff5e8); }.bento-growth .bento-icon { color: #22744f; background: #ccebd9; box-shadow: none; }.growth-demo { position: relative; min-height: 250px; margin: 0 42px 40px; }.coupon-ticket { position: relative; width: 245px; padding: 26px; overflow: hidden; border: 1px solid rgba(30,111,73,.16); border-radius: 18px; color: #fff; background: linear-gradient(140deg, #1f694b, #338a64); box-shadow: 0 25px 45px rgba(28,103,71,.2); transform: rotate(-5deg); }.coupon-ticket::after { content: ""; position: absolute; top: -42px; right: -40px; width: 120px; height: 120px; border: 20px solid rgba(255,255,255,.1); border-radius: 50%; }.coupon-ticket small,.coupon-ticket strong,.coupon-ticket span { display: block; position: relative; z-index: 1; }.coupon-ticket small { font-size: .58rem; font-weight: 750; letter-spacing: .14em; }.coupon-ticket strong { margin: 10px 0 22px; font-size: 2.45rem; letter-spacing: -.06em; }.coupon-ticket span { width: fit-content; padding: 7px 11px; border: 1px dashed rgba(255,255,255,.45); border-radius: 7px; background: rgba(255,255,255,.1); font-size: .65rem; font-weight: 750; letter-spacing: .1em; } .growth-flow { position: absolute; right: 0; bottom: 0; display: flex; width: 285px; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px; border: 1px solid rgba(37,52,120,.12); border-radius: 15px; background: #fff; box-shadow: 0 19px 38px rgba(37,52,120,.13); transform: rotate(3deg); }.growth-flow span { padding: 8px 9px; border-radius: 7px; color: #3d4151; background: #f1f2f7; font-size: .62rem; font-weight: 700; }.growth-flow i { color: #7f8393; font-style: normal; }.growth-flow b { width: 100%; color: #23815a; font-size: .62rem; } .bento-analytics { min-height: 610px; background: linear-gradient(145deg, #f3f2ff, #e7e7fb); }.bento-analytics .bento-icon { color: #5544a3; background: #ded9f7; box-shadow: none; }.mini-analytics { margin: 4px 38px 40px; padding: 24px; border: 1px solid rgba(37,52,120,.12); border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 20px 45px rgba(37,52,120,.1); }.mini-bars { display: flex; height: 150px; align-items: end; justify-content: space-between; gap: 10px; padding: 10px 10px 0; border-bottom: 1px solid #dfe1ed; background-image: linear-gradient(#e9eaf1 1px, transparent 1px); background-size: 100% 38px; }.mini-bars i { width: 10%; height: var(--h); border-radius: 6px 6px 1px 1px; background: linear-gradient(to top, #5b68e3, #98a1f3); box-shadow: 0 5px 12px rgba(91,104,227,.14); }.mini-ai { display: flex; align-items: center; gap: 11px; margin-top: 16px; padding: 12px; border-radius: 10px; background: #f1f2ff; }.mini-ai > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; background: var(--mkt-sapphire); }.mini-ai p { margin: 0; color: #64687a; font-size: .65rem; line-height: 1.4; }.mini-ai b { display: block; color: var(--mkt-indigo); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; } /* One-shot home illustration sequences ---------------------------------- */ .marketing-motion-ready .marketing-product-demo.is-revealed .demo-chart path { animation: homeChartDraw 2.25s cubic-bezier(.22,1,.36,1) .28s both; } .marketing-motion-ready .marketing-product-demo.is-revealed .demo-chart-fill { transform-origin: left bottom; animation: homeChartFill 1.75s cubic-bezier(.22,1,.36,1) .72s both; } .marketing-motion-ready .marketing-product-demo.is-revealed .demo-chart-end { animation: homeChartPoint 2.35s cubic-bezier(.22,1,.36,1) .28s both; } @keyframes homeChartDraw { from { stroke-dasharray: 1; stroke-dashoffset: 1; } to { stroke-dasharray: 1; stroke-dashoffset: 0; } } @keyframes homeChartFill { from { opacity: 0; transform: scaleX(0); } to { opacity: 1; transform: scaleX(1); } } @keyframes homeChartPoint { 0%,82% { opacity: 0; transform: scale(.25); } 93% { opacity: 1; transform: scale(1.65); } 100% { opacity: 1; transform: scale(1); } } .marketing-motion-ready .bento-store.is-revealed .store-block-insert { display: flex; animation: homeBlockInsert 2.2s cubic-bezier(.22,1,.36,1) .18s both; } .marketing-motion-ready .bento-store.is-revealed .canvas-hero { animation: homeStoreResult 1.45s cubic-bezier(.22,1,.36,1) .82s both; } .marketing-motion-ready .bento-store.is-revealed .canvas-products { animation: homeStoreProducts 1.05s cubic-bezier(.22,1,.36,1) 1.28s both; } @keyframes homeBlockInsert { 0% { opacity: 0; transform: translate3d(-135px,-20px,0) scale(.68) rotate(-7deg); } 18% { opacity: 1; transform: translate3d(-92px,-6px,0) scale(1) rotate(-3deg); } 62% { opacity: 1; transform: translate3d(115px,88px,0) scale(1.04) rotate(1deg); } 78% { opacity: 1; transform: translate3d(115px,88px,0) scale(.9); } 100% { opacity: 0; transform: translate3d(115px,88px,0) scale(1.34); } } @keyframes homeStoreResult { 0% { opacity: .15; clip-path: inset(0 0 100% 0 round 5px); transform: scale(.975); } 100% { opacity: 1; clip-path: inset(0 0 0 0 round 0); transform: scale(1); } } @keyframes homeStoreProducts { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } } .marketing-motion-ready .bento-growth.is-revealed .coupon-ticket { animation: homeCouponTicket 1.35s cubic-bezier(.16,1,.3,1) .2s both; } .marketing-motion-ready .bento-growth.is-revealed .growth-flow { animation: homeCouponFlow 1.45s cubic-bezier(.16,1,.3,1) .72s both; } @keyframes homeCouponTicket { 0% { opacity: 0; transform: translate3d(-55px,38px,0) scale(.65) rotate(-15deg); } 72% { opacity: 1; transform: translate3d(0,0,0) scale(1.06) rotate(-4deg); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1) rotate(-5deg); } } @keyframes homeCouponFlow { 0% { opacity: 0; transform: translate3d(65px,42px,0) scale(.68) rotate(12deg); } 72% { opacity: 1; transform: translate3d(0,0,0) scale(1.05) rotate(2deg); } 100% { opacity: 1; transform: translate3d(0,0,0) scale(1) rotate(3deg); } } .marketing-motion-ready .bento-analytics.is-revealed .mini-bars i { transform-origin: center bottom; animation: homeDataGrow 1.15s cubic-bezier(.16,1,.3,1) both; } .marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(1) { animation-delay: .22s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(2) { animation-delay: .34s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(3) { animation-delay: .46s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(4) { animation-delay: .58s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(5) { animation-delay: .7s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(6) { animation-delay: .82s; }.marketing-motion-ready .bento-analytics.is-revealed .mini-bars i:nth-child(7) { animation-delay: .94s; } .marketing-motion-ready .bento-analytics.is-revealed .mini-ai { animation: homeInsightIn 1.1s cubic-bezier(.16,1,.3,1) 1.25s both; } @keyframes homeDataGrow { 0% { opacity: 0; transform: scaleY(.04); } 72% { opacity: 1; transform: scaleY(1.08); } 100% { opacity: 1; transform: scaleY(1); } } @keyframes homeInsightIn { 0% { opacity: 0; transform: translateY(12px) scale(.78); } 72% { opacity: 1; transform: translateY(0) scale(1.04); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .bento-checkout { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 460px; background: linear-gradient(125deg, #fff 0%, #fff 44%, #f4e8ef 100%); }.bento-checkout .bento-copy { align-self: center; }.bento-checkout .bento-icon { color: #9c4a72; background: #f7ddea; box-shadow: none; }.checkout-demo { align-self: center; width: min(410px, calc(100% - 60px)); margin: 48px auto; padding: 25px; border: 1px solid #e3dbe0; border-radius: 18px; background: #fff; box-shadow: 0 26px 65px rgba(89,53,71,.14); }.checkout-product { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 11px; padding-bottom: 18px; border-bottom: 1px solid #eee9ec; }.checkout-product i { width: 46px; height: 46px; border-radius: 9px; background: linear-gradient(145deg, #23356f, #7984e8); }.checkout-product span { display: flex; flex-direction: column; }.checkout-product strong { font-size: .78rem; }.checkout-product small { color: #96909a; font-size: .58rem; }.checkout-product > b { font-size: .78rem; }.checkout-demo label { margin-top: 16px; color: #59545d; font-size: .62rem; font-weight: 700; }.checkout-demo label span { display: block; margin-top: 6px; padding: 10px; border: 1px solid #e7e2e5; border-radius: 7px; color: #83808a; font-weight: 500; }.checkout-payments { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }.checkout-payments span { padding: 10px; border: 1px solid #e5e1e4; border-radius: 7px; text-align: center; font-size: .65rem; font-weight: 800; }.checkout-payments span:first-child { color: #6454d7; }.checkout-payments span:last-child { color: #163f8b; }.checkout-demo button { display: flex; width: 100%; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; padding: 11px; border: 0; border-radius: 7px; color: #fff; background: var(--mkt-indigo); font: inherit; font-size: .67rem; font-weight: 750; }.checkout-demo button .icon { width: 12px; } /* Discovery --------------------------------------------------------------- */ .marketing-discovery-section { position: relative; display: grid; grid-template-columns: minmax(320px, .82fr) minmax(480px, 1.18fr); gap: clamp(45px, 7vw, 100px); align-items: center; margin-top: 20px; padding-right: clamp(38px, 6vw, 80px); padding-left: clamp(38px, 6vw, 80px); overflow: hidden; border-radius: 36px; color: #fff; background: radial-gradient(circle at 83% 22%, rgba(91,104,227,.45), transparent 32%), linear-gradient(135deg, #182453, #253478 62%, #354793); box-shadow: 0 34px 80px rgba(37,52,120,.22); } .marketing-discovery-section::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(#fff .65px, transparent .65px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, #000); } .discovery-copy { position: relative; z-index: 2; }.discovery-copy h2 { margin: 16px 0 22px; color: #fff; font-size: clamp(2.5rem, 5vw, 4.75rem); }.discovery-copy > p { color: #cdd3eb; font-size: 1.02rem; line-height: 1.75; } .marketing-check-list { display: grid; gap: 16px; margin: 26px 0; padding: 0; list-style: none; }.marketing-check-list li { display: flex; align-items: flex-start; gap: 12px; color: #676b7c; font-size: .85rem; line-height: 1.55; }.marketing-check-list li > .icon { width: 19px; height: 19px; margin-top: 2px; padding: 3px; border-radius: 50%; color: #fff; background: #2a9568; stroke-width: 3; }.marketing-check-list li span { display: flex; flex-direction: column; }.marketing-check-list li strong { margin-bottom: 2px; color: var(--mkt-carbon); font-size: .94rem; }.marketing-check-list-light li { color: #c2c9e5; }.marketing-check-list-light li strong { color: #fff; } .discovery-visual { position: relative; z-index: 2; height: 500px; }.search-card { --parallax-x: 0px; --parallax-y: 0px; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 28px 70px rgba(10,18,53,.28); transform: translate3d(var(--parallax-x), var(--parallax-y), 0); transition: transform .22s var(--mkt-ease); }.search-card-main { top: 85px; left: 20px; z-index: 3; width: min(510px, calc(100% - 30px)); padding: 22px; transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(-2deg); }.search-field { display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid #dfe1e9; border-radius: 9px; color: #565969; background: #f8f8fb; font-size: .72rem; }.search-field .icon { width: 15px; }.search-result { padding: 24px 12px 12px; }.search-result small { color: #227653; font-size: .58rem; font-weight: 750; letter-spacing: .06em; }.search-result strong { display: block; margin: 7px 0; color: var(--mkt-indigo); font-size: 1.12rem; }.search-result p { margin: 0; color: #6f7282; font-size: .7rem; line-height: 1.55; } .ai-answer-card { right: 0; bottom: 72px; z-index: 4; width: 285px; padding: 18px; transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(3deg); }.ai-answer-card > span { display: inline-flex; align-items: center; gap: 6px; color: #5662d8; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.ai-answer-card p { margin: 10px 0 0; color: #65697b; font-size: .68rem; line-height: 1.55; }.ai-answer-card b { color: var(--mkt-indigo); } .search-rank-badge { --parallax-x: 0px; --parallax-y: 0px; position: absolute; top: 35px; right: 7px; z-index: 5; display: flex; align-items: center; gap: 10px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(28,42,97,.9); box-shadow: 0 20px 40px rgba(8,14,43,.3); transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(4deg); transition: transform .22s var(--mkt-ease); backdrop-filter: blur(10px); }.search-rank-badge b { font-size: 1.25rem; }.search-rank-badge span { color: #c9d0ef; font-size: .57rem; line-height: 1.35; } .discovery-orbit { position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }.orbit-one { inset: 20px -80px 0 20px; }.orbit-two { inset: 85px -5px 65px 95px; } /* Home integrations and pricing ------------------------------------------ */ .marketing-integrations { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(50px, 8vw, 110px); align-items: center; }.integrations-copy h2 { margin: 16px 0 20px; font-size: clamp(2.5rem, 5vw, 4.65rem); }.integrations-copy > p { max-width: 530px; color: var(--mkt-ink-soft); line-height: 1.75; }.integrations-copy .marketing-button { margin-top: 22px; } .integration-orbit { position: relative; min-height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(91,104,227,.11), transparent 54%); }.integration-orbit::before,.integration-orbit::after { content: ""; position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(91,104,227,.22); border-radius: 50%; transform: translate(-50%,-50%); }.integration-orbit::before { width: 315px; height: 315px; }.integration-orbit::after { width: 460px; height: 460px; } .integration-center { position: absolute; z-index: 4; top: 50%; left: 50%; display: flex; width: 145px; height: 145px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(91,104,227,.2); border-radius: 34px; background: #fff; box-shadow: 0 24px 50px rgba(37,52,120,.17); transform: translate(-50%,-50%) rotate(-3deg); }.integration-center img { width: 68px; filter: drop-shadow(0 7px 10px rgba(37,52,120,.18)); }.integration-center span { margin-top: 4px; color: var(--mkt-indigo); font-size: .72rem; font-weight: 800; } .integration-pill { position: absolute; z-index: 3; display: grid; place-items: center; min-width: 105px; min-height: 48px; padding: 8px 14px; border: 1px solid var(--mkt-border); border-radius: 13px; color: #444858; background: #fff; box-shadow: 0 15px 32px rgba(37,52,120,.1); font-size: .7rem; font-weight: 800; animation: integrationBob 5s ease-in-out infinite; }.integration-pill-1 { top: 9%; left: 18%; transform: rotate(-5deg); }.integration-pill-2 { top: 6%; right: 13%; transform: rotate(4deg); animation-delay: -2s; }.integration-pill-3 { top: 43%; left: 0; transform: rotate(3deg); animation-delay: -3.5s; }.integration-pill-4 { top: 42%; right: -2%; transform: rotate(-3deg); animation-delay: -1s; }.integration-pill-5 { bottom: 5%; left: 18%; transform: rotate(-2deg); animation-delay: -4s; }.integration-pill-6 { right: 15%; bottom: 7%; transform: rotate(5deg); animation-delay: -2.8s; } @keyframes integrationBob { 0%,100% { translate: 0 -3px; } 50% { translate: 0 7px; } } .integration-line { position: absolute; z-index: 1; top: 50%; left: 50%; width: 42%; height: 1px; opacity: .28; background: linear-gradient(90deg, transparent, var(--mkt-sapphire), transparent); transform-origin: left; }.line-1 { transform: rotate(-45deg); }.line-2 { transform: rotate(25deg); }.line-3 { transform: rotate(135deg); } .marketing-price-cta { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: center; padding-right: clamp(35px,6vw,80px); padding-left: clamp(35px,6vw,80px); border: 1px solid rgba(91,104,227,.16); border-radius: 34px; background: radial-gradient(circle at 90% 0, rgba(120,132,239,.2), transparent 34%), linear-gradient(135deg, #f1f3ff, #fff 66%); }.marketing-price-cta h2 { margin: 15px 0 20px; font-size: clamp(2.4rem,5vw,4.5rem); }.marketing-price-cta > div:first-child > p { max-width: 660px; color: var(--mkt-ink-soft); font-size: 1rem; line-height: 1.72; }.marketing-price-cta .marketing-hero-actions { justify-content: flex-start; } .price-zero { display: flex; min-width: 270px; flex-direction: column; align-items: center; padding: 34px; border: 1px solid rgba(37,52,120,.13); border-radius: 25px; background: rgba(255,255,255,.87); box-shadow: 0 24px 55px rgba(37,52,120,.13); transform: rotate(3deg); }.price-zero small { color: var(--mkt-sapphire); font-size: .68rem; font-weight: 850; letter-spacing: .16em; }.price-zero strong { margin-top: 3px; color: var(--mkt-indigo); font-size: 5.7rem; line-height: 1; letter-spacing: -.09em; }.price-zero sup { font-size: 1.9rem; vertical-align: top; }.price-zero > span { color: #777b8d; font-size: .78rem; }.price-zero p { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #e7e8ef; color: #5f6375; font-size: .7rem; line-height: 1.55; text-align: center; } /* FAQ and final CTA ------------------------------------------------------- */ .marketing-faq { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(480px,1.28fr); gap: clamp(45px,8vw,110px); align-items: start; }.faq-list { border-top: 1px solid rgba(37,52,120,.16); }.faq-list details { border-bottom: 1px solid rgba(37,52,120,.16); transition: background-color .28s ease; }.faq-list details[open] { background: linear-gradient(90deg,rgba(91,104,227,.045),transparent 75%); }.faq-list details.is-opening,.faq-list details.is-closing { will-change: height; }.faq-list summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; color: #303344; font-size: 1rem; font-weight: 750; line-height: 1.4; list-style: none; cursor: pointer; transition: color .25s ease,padding-left .3s var(--mkt-ease); }.faq-list summary:hover { color: var(--mkt-indigo); padding-left: 7px; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid rgba(37,52,120,.15); border-radius: 50%; background: #fff; box-shadow: 0 4px 12px rgba(37,52,120,.04); transition: border-color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .3s var(--mkt-ease); }.faq-list summary span::before,.faq-list summary span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 1.5px; border-radius: 2px; background: var(--mkt-indigo); transform: translate(-50%,-50%); transition: transform .3s var(--mkt-ease),background-color .25s ease; }.faq-list summary span::after { transform: translate(-50%,-50%) rotate(90deg); }.faq-list details[open] summary span { border-color: var(--mkt-sapphire); background: var(--mkt-sapphire); box-shadow: 0 7px 18px rgba(91,104,227,.22); transform: rotate(180deg); }.faq-list details[open] summary span::before,.faq-list details[open] summary span::after { background: #fff; }.faq-list details[open] summary span::after { transform: translate(-50%,-50%) rotate(0); }.faq-list details[open] summary { color: var(--mkt-indigo); }.faq-list details p { margin: -7px 55px 23px 0; color: #64687a; font-size: .9rem; line-height: 1.72; opacity: 0; transform: translateY(-8px); transition: opacity .24s ease,transform .34s var(--mkt-ease); }.faq-list details[open]:not(.is-closing) p { opacity: 1; transform: translateY(0); } .marketing-final-cta { position: relative; isolation: isolate; width: min(1280px, calc(100% - 48px)); margin: 10px auto 80px; padding: clamp(75px,9vw,120px) 28px; overflow: hidden; border-radius: 36px; color: #fff; background: radial-gradient(circle at 20% 0, rgba(108,123,242,.55), transparent 35%), radial-gradient(circle at 85% 100%, rgba(91,104,227,.55), transparent 34%), linear-gradient(135deg, #182453, #253478 62%, #31438e); box-shadow: 0 35px 80px rgba(37,52,120,.25); text-align: center; }.marketing-final-cta::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: radial-gradient(#fff .7px, transparent .7px); background-size: 24px 24px; mask-image: radial-gradient(circle, #000, transparent 75%); }.marketing-final-cta h2 { margin: 15px auto 20px; color: #fff; font-size: clamp(2.6rem,6vw,5.4rem); }.marketing-final-cta > p { max-width: 600px; margin: 0 auto; color: #cdd3eb; font-size: 1rem; }.marketing-final-cta > .marketing-button { margin-top: 30px; } .final-cta-mark { --parallax-x: 0px; --parallax-y: 0px; position: absolute; z-index: -1; opacity: .28; transform: translate3d(var(--parallax-x),var(--parallax-y),0) rotate(var(--rotate)); transition: transform .22s var(--mkt-ease); }.final-cta-mark img { width: 100%; filter: drop-shadow(0 18px 18px rgba(0,0,0,.2)); }.final-cta-mark-1 { top: 15%; left: 7%; width: 115px; --rotate: -17deg; }.final-cta-mark-2 { right: 7%; bottom: 8%; width: 145px; --rotate: 15deg; } .marketing-final-cta-light { color: var(--mkt-carbon); border: 1px solid rgba(91,104,227,.16); background: radial-gradient(circle at 20% 0, rgba(91,104,227,.13), transparent 34%), linear-gradient(135deg,#f1f3ff,#fff); box-shadow: none; }.marketing-final-cta-light::before { opacity: .08; background-image: radial-gradient(var(--mkt-indigo) .7px,transparent .7px); }.marketing-final-cta-light h2 { color: var(--mkt-carbon); }.marketing-final-cta-light > p { color: var(--mkt-ink-soft); } /* Shared subpage hero ----------------------------------------------------- */ .marketing-subhero { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 670px; padding: 100px 24px 115px; overflow: hidden; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(91,104,227,.15), transparent 26%), linear-gradient(180deg,#fcfbfe,#f1f3ff); }.marketing-subhero::before { content: ""; position: absolute; z-index: -1; width: 780px; height: 780px; border: 1px solid rgba(91,104,227,.12); border-radius: 50%; box-shadow: 0 0 0 110px rgba(91,104,227,.025),0 0 0 220px rgba(91,104,227,.018); }.marketing-subhero > div:last-child { position: relative; z-index: 3; max-width: 950px; }.marketing-subhero h1 { margin: 16px 0 22px; font-size: clamp(3.2rem,7vw,6.3rem); font-weight: 790; line-height: .96; letter-spacing: -.068em; }.marketing-subhero h1 span { color: var(--mkt-sapphire); }.marketing-subhero p { max-width: 700px; margin: 0 auto; color: var(--mkt-ink-soft); font-size: clamp(1.06rem,1.6vw,1.25rem); line-height: 1.68; }.subhero-orb { --parallax-x:0px;--parallax-y:0px; position:absolute; border-radius:50%; transform:translate3d(var(--parallax-x),var(--parallax-y),0); transition:transform .22s var(--mkt-ease); }.subhero-orb-one { top:8%;left:5%;width:260px;height:260px;background:rgba(121,202,159,.2);filter:blur(5px); }.subhero-orb-two { right:4%;bottom:4%;width:320px;height:320px;background:rgba(224,154,190,.18);filter:blur(8px); }.subhero-logo { --parallax-x:0px;--parallax-y:0px;position:absolute;z-index:2;transform:translate3d(var(--parallax-x),var(--parallax-y),0) rotate(var(--rotate));transition:transform .22s var(--mkt-ease); }.subhero-logo img { width:100%;filter:drop-shadow(0 18px 18px rgba(37,52,120,.2));animation:marketingFloat 6s ease-in-out infinite; }.subhero-logo-one { top:20%;left:8%;width:85px;--rotate:-14deg; }.subhero-logo-two { right:9%;bottom:16%;width:62px;--rotate:16deg; } /* Feature page ------------------------------------------------------------ */ .feature-jump-nav { position: sticky; z-index: 40; top: 76px; display: flex; width: min(1080px,calc(100% - 40px)); margin: -29px auto 52px; padding: 8px; overflow-x: auto; border: 1px solid rgba(37,52,120,.13); border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: 0 14px 36px rgba(37,52,120,.12); scrollbar-width: none; backdrop-filter: blur(14px); }.feature-jump-nav::-webkit-scrollbar { display:none; }.feature-jump-nav a { display:inline-flex;flex:1;align-items:center;justify-content:center;gap:7px;min-width:max-content;padding:11px 13px;border-radius:9px;color:#55596a;font-size:.72rem;font-weight:750;white-space:nowrap; }.feature-jump-nav a:hover { color:var(--mkt-indigo);background:#f3f4ff; }.jump-dot { width:8px;height:8px;border-radius:50%; }.jump-green{background:#6dca99}.jump-lilac{background:#9c8be4}.jump-pink{background:#df8eb5}.jump-yellow{background:#d5b957}.jump-blue{background:#669bc5} .feature-band { width:min(1370px,calc(100% - 34px));margin:0 auto 24px;padding:clamp(65px,7vw,100px) clamp(26px,6vw,84px);scroll-margin-top:150px;overflow:hidden;border-radius:38px; }.feature-band-green{background:#e4f5eb}.feature-band-lilac{background:#eceafa}.feature-band-pink{background:#f8e8f0}.feature-band-yellow{background:#f7f1d9}.feature-band-blue{background:#e5f0f8} .feature-band-inner { display:grid;grid-template-columns:minmax(340px,.86fr) minmax(480px,1.14fr);gap:clamp(45px,7vw,95px);align-items:center;max-width:1220px;margin:0 auto; }.feature-band-reverse .feature-band-copy{order:2}.feature-band-reverse .feature-band-visual{order:1} .feature-number { color:var(--mkt-indigo);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase; }.feature-band-copy h2 { margin:17px 0 20px;font-size:clamp(2.45rem,4.8vw,4.7rem); }.feature-lead { max-width:580px;margin:0;color:#555d64;font-size:1rem;line-height:1.75; } .feature-list-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px;margin-top:38px; }.feature-list-grid article { display:flex;align-items:flex-start;gap:11px; }.feature-list-grid article>span { display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border:1px solid rgba(37,52,120,.1);border-radius:10px;color:var(--mkt-indigo);background:rgba(255,255,255,.62); }.feature-list-grid .icon { width:16px;height:16px; }.feature-list-grid h3 { margin:0 0 6px;font-size:.94rem;font-weight:780;letter-spacing:-.025em;line-height:1.25; }.feature-list-grid p { margin:0;color:#62686e;font-size:.75rem;line-height:1.58; } .feature-band-visual { position:relative;min-width:0;min-height:520px;overflow:visible;border:1px solid rgba(37,52,120,.12);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 30px 65px rgba(37,52,120,.14); }.feature-browser-bar { display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-bottom:1px solid #e6e7ed;color:#979aa8;font-size:.58rem; }.feature-browser-bar i { width:7px;height:7px;border-radius:50%;background:#d9dbe4; }.feature-browser-bar i:first-child{background:#f28c88}.feature-browser-bar i:nth-child(2){background:#f0ca68}.feature-browser-bar i:nth-child(3){background:#75ca97}.feature-browser-bar span{margin-left:8px} .feature-floating-chip { position:absolute;z-index:5;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(37,52,120,.12);border-radius:11px;color:#3e4253;background:#fff;box-shadow:0 16px 35px rgba(37,52,120,.16);font-size:.62rem;font-weight:760;white-space:nowrap;animation:integrationBob 5s ease-in-out infinite; } /* Marketing feature visual */ .tools-demo-grid { display:grid;grid-template-columns:135px 1fr;height:calc(100% - 40px); }.tools-demo-grid aside { display:flex;flex-direction:column;gap:5px;padding:20px 11px;border-right:1px solid #e7e8ee;background:#f7f8fa; }.tools-demo-grid aside span { display:flex;align-items:center;gap:7px;padding:9px;border-radius:7px;color:#808492;font-size:.57rem;font-weight:650; }.tools-demo-grid aside span.active { color:#fff;background:#2e7f5b; }.tools-demo-grid aside .icon{width:12px}.campaign-panel{padding:27px 24px}.campaign-head{display:flex;align-items:center;justify-content:space-between}.campaign-head>div{display:flex;flex-direction:column}.campaign-head small{color:#9a9dab;font-size:.5rem;letter-spacing:.1em}.campaign-head strong{margin-top:3px;font-size:.9rem}.campaign-head>span{padding:4px 7px;border-radius:999px;color:#21754f;background:#e0f5e9;font-size:.5rem;font-weight:800}.campaign-discount{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding:22px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#256c4e,#3c9b70)}.campaign-discount div{display:flex;flex-direction:column}.campaign-discount small{font-size:.48rem;letter-spacing:.11em}.campaign-discount strong{font-size:2rem;line-height:1.1}.campaign-discount span{width:fit-content;margin-top:8px;padding:4px 7px;border:1px dashed rgba(255,255,255,.5);border-radius:5px;font-size:.5rem;font-weight:750;letter-spacing:.08em}.campaign-discount>i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.13)}.campaign-discount .icon{width:28px;height:28px}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.campaign-stats span{display:flex;flex-direction:column;padding:12px;border:1px solid #eaebef;border-radius:9px}.campaign-stats small{color:#9699a6;font-size:.46rem}.campaign-stats strong{margin-top:3px;font-size:.78rem}.upsell-mini{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;margin-top:12px;padding:12px;border:1px solid #e7e8ed;border-radius:10px}.upsell-mini>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#2b855f;background:#e2f5ea}.upsell-mini span{display:flex;flex-direction:column}.upsell-mini small{color:#9a9daa;font-size:.43rem;letter-spacing:.08em}.upsell-mini strong{font-size:.62rem}.upsell-mini>b{color:#25815b;font-size:.61rem}.chip-growth{right:-25px;bottom:50px;color:#237c57}.chip-growth .icon{width:13px} /* Analytics feature visual */ .analytics-tools-demo{padding-bottom:20px}.analytics-demo-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 20px 0}.analytics-demo-top>span{display:grid;grid-template-columns:1fr auto;padding:13px;border:1px solid #e7e7ef;border-radius:10px}.analytics-demo-top small{grid-column:1/-1;color:#999cac;font-size:.45rem;letter-spacing:.08em}.analytics-demo-top strong{margin-top:3px;font-size:1rem}.analytics-demo-top b{align-self:end;color:#23815b;font-size:.49rem}.analytics-demo-chart{position:relative;height:200px;margin:13px 20px 0;overflow:hidden;border:1px solid #e7e7ef;border-radius:11px;background-image:linear-gradient(#ececf3 1px,transparent 1px);background-size:100% 42px}.analytics-demo-chart span{position:absolute;inset:15px 0 24px;background:linear-gradient(rgba(91,104,227,.18),transparent);clip-path:polygon(0 78%,9% 69%,18% 76%,30% 54%,40% 67%,52% 43%,62% 53%,73% 26%,84% 36%,92% 9%,100% 2%,100% 100%,0 100%)}.analytics-demo-chart svg{position:absolute;inset:10px 0 26px;width:100%;height:calc(100% - 36px)}.analytics-demo-chart path{fill:none;stroke:#5b68e3;stroke-width:3;vector-effect:non-scaling-stroke}.analytics-demo-chart>div{position:absolute;right:10px;bottom:7px;left:10px;display:flex;justify-content:space-between}.analytics-demo-chart i{color:#a4a6b3;font-size:.43rem;font-style:normal}.analytics-ai-card{display:flex;gap:10px;margin:13px 20px 0;padding:12px;border:1px solid #dedfff;border-radius:10px;background:#f1f2ff}.analytics-ai-card>span{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:#5b68e3}.analytics-ai-card .icon{width:16px}.analytics-ai-card small{color:#626edc;font-size:.44rem;font-weight:800;letter-spacing:.09em}.analytics-ai-card p{margin:3px 0 0;color:#65697a;font-size:.55rem;line-height:1.5}.analytics-ai-card b{color:#303c91}.chip-tracking{top:95px;left:-30px}.chip-tracking i{width:7px;height:7px;border-radius:50%;background:#35a46f;box-shadow:0 0 0 3px #e2f4e9} /* Builder feature visual */ .customization-tools-demo{display:grid;grid-template-columns:150px 1fr;height:530px;overflow:hidden}.builder-demo-sidebar{z-index:2;padding:18px 13px;border-right:1px solid #e6e4e7;background:#fff}.builder-demo-sidebar>div{display:flex;justify-content:space-between;margin-bottom:24px;font-size:.65rem}.builder-demo-sidebar label{display:block;margin-bottom:18px;color:#77727a;font-size:.49rem;font-weight:700}.builder-demo-sidebar label>i{display:flex;gap:5px;margin-top:8px}.builder-demo-sidebar label i b{width:24px;height:24px;border-radius:6px;background:#293f3b}.builder-demo-sidebar label i b:nth-child(2){background:#f1dbc5}.builder-demo-sidebar label i b:nth-child(3){background:#fff;border:1px solid #ddd}.builder-demo-sidebar label i b:nth-child(4){background:#b7806e}.builder-demo-sidebar label>span{display:block;margin-top:6px;padding:7px;border:1px solid #e4e2e4;border-radius:5px;color:#55515a;font-size:.48rem;font-weight:550}.builder-demo-sidebar input{width:100%;height:3px;margin-top:10px;accent-color:#5b68e3}.builder-css code{display:block;margin-top:7px;padding:8px;border-radius:6px;color:#6d6583;background:#f3f1f5;font-size:.43rem;line-height:1.5}.builder-demo-page{position:relative;overflow:hidden;background:#efe9e2}.builder-demo-nav{display:flex;align-items:center;gap:15px;height:48px;padding:0 17px;color:#35302b;background:#fffaf4}.builder-demo-nav strong{margin-right:auto;font-family:Georgia,serif;font-size:.58rem}.builder-demo-nav span{font-size:.43rem}.builder-demo-nav i{display:grid}.builder-demo-hero{display:flex;height:320px;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;color:#fff;background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.16),transparent 25%),linear-gradient(125deg,#263b37,#647d70)}.builder-demo-hero small{font-size:.43rem;letter-spacing:.14em}.builder-demo-hero h3{margin:11px 0 18px;color:#fff;font-family:Georgia,serif;font-size:2.05rem;font-weight:500;line-height:.98}.builder-demo-hero button{padding:8px 11px;border:0;color:#303932;background:#f3dfbd;font:inherit;font-size:.48rem;font-weight:750}.builder-demo-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.builder-demo-products i{height:95px;background:#d5bba3}.builder-demo-products i:nth-child(2){background:#a6b4ab}.builder-demo-products i:nth-child(3){background:#c7a8a0}.chip-published{right:25px;bottom:24px}.chip-published>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#2d986b}.chip-published .icon{width:12px} /* Integration feature visual */ .integration-tools-demo{height:560px;overflow:hidden;background:rgba(255,255,255,.62)}.integration-tools-demo::before,.integration-tools-demo::after{content:"";position:absolute;top:50%;left:50%;border:1px dashed rgba(37,52,120,.18);border-radius:50%;transform:translate(-50%,-50%)}.integration-tools-demo::before{width:330px;height:330px}.integration-tools-demo::after{width:490px;height:490px}.integration-demo-center{position:absolute;z-index:4;top:50%;left:50%;display:flex;width:150px;height:150px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,104,227,.18);border-radius:32px;background:#fff;box-shadow:0 25px 55px rgba(37,52,120,.18);transform:translate(-50%,-50%)}.integration-demo-center img{width:66px}.integration-demo-center strong{color:var(--mkt-indigo);font-size:.76rem}.integration-demo-center small{color:#9497a5;font-size:.47rem}.integration-node{position:absolute;z-index:3;display:grid;grid-template-columns:34px auto;align-items:center;gap:0 8px;min-width:130px;padding:10px;border:1px solid rgba(37,52,120,.12);border-radius:11px;background:#fff;box-shadow:0 15px 32px rgba(37,52,120,.12);animation:integrationBob 5.5s ease-in-out infinite}.integration-node i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:var(--mkt-sapphire);font-size:.55rem;font-style:normal;font-weight:800}.integration-node b{font-size:.59rem}.integration-node small{color:#2d8c62;font-size:.44rem}.node-mailchimp{top:9%;left:7%;transform:rotate(-3deg)}.node-mailchimp i{background:#f3c756;color:#2b2b2b}.node-mailerlite{top:8%;right:5%;transform:rotate(4deg);animation-delay:-2s}.node-mailerlite i{background:#55ba8b}.node-aweber{top:47%;left:2%;transform:rotate(2deg);animation-delay:-4s}.node-aweber i{background:#2d78bd}.node-ai{top:47%;right:0;transform:rotate(-3deg);animation-delay:-1s}.node-ai i{background:#5b68e3}.node-code{bottom:5%;left:50%;transform:translateX(-50%) rotate(2deg);animation-delay:-3s}.node-code i{background:#25283a}.integration-connectors{position:absolute;inset:0;width:100%;height:100%}.integration-connectors path{fill:none;stroke:rgba(91,104,227,.23);stroke-width:1.5;stroke-dasharray:5 6;vector-effect:non-scaling-stroke} /* Security feature visual */ .security-tools-demo{min-height:570px;border:0;background:transparent;box-shadow:none}.secure-checkout-card{position:absolute;z-index:2;top:15px;left:30px;width:345px;padding:22px;border:1px solid rgba(37,52,120,.13);border-radius:18px;background:#fff;box-shadow:0 28px 65px rgba(37,52,120,.16);transform:rotate(-2deg)}.secure-title{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid #eaebef}.secure-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:var(--mkt-indigo)}.secure-title div{display:flex;flex-direction:column}.secure-title strong{font-size:.72rem}.secure-title small{color:#2b8a61;font-size:.48rem}.secure-product{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;margin-top:16px}.secure-product>i{width:42px;height:42px;border-radius:8px;background:linear-gradient(145deg,#273879,#7984e6)}.secure-product span{display:flex;flex-direction:column}.secure-product strong{font-size:.64rem}.secure-product small{color:#999ca8;font-size:.48rem}.secure-product>b{font-size:.68rem}.secure-checkout-card>label{margin-top:16px;color:#716f79;font-size:.5rem;font-weight:700}.secure-checkout-card>label span{display:block;margin-top:5px;padding:9px;border:1px solid #e5e5ea;border-radius:6px;font-size:.52rem;font-weight:500}.secure-payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.secure-payment-tabs b{padding:9px;border:1px solid #e5e5ea;border-radius:6px;text-align:center;font-size:.55rem}.secure-payment-tabs b:first-child{border-color:#5b68e3;color:#4c58c6;background:#f3f4ff}.secure-checkout-card>button{width:100%;margin-top:10px;padding:11px;border:0;border-radius:7px;color:#fff;background:var(--mkt-sapphire);font:inherit;font-size:.58rem;font-weight:750}.secure-foot{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;color:#9598a5;font-size:.44rem}.security-stack{position:absolute;z-index:3;right:5px;bottom:40px;display:grid;width:265px;gap:8px}.security-stack>span{display:grid;grid-template-columns:34px 1fr;gap:0 9px;align-items:center;padding:11px;border:1px solid rgba(37,52,120,.12);border-radius:11px;background:#fff;box-shadow:0 14px 28px rgba(37,52,120,.11)}.security-stack i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#337c9f;background:#e2f2f9}.security-stack b{font-size:.59rem}.security-stack small{color:#9498a6;font-size:.46rem}.payout-chip{position:absolute;z-index:4;top:55px;right:5px;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(37,52,120,.12);border-radius:11px;background:#fff;box-shadow:0 16px 35px rgba(37,52,120,.15);animation:integrationBob 5s ease-in-out infinite}.payout-chip>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#fff;background:#2d966a}.payout-chip div{display:flex;flex-direction:column}.payout-chip small{color:#9397a5;font-size:.43rem;letter-spacing:.09em}.payout-chip strong{font-size:.57rem} .features-all-included{padding-bottom:90px}.compound-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.compound-flow>span{display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px solid var(--mkt-border);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(37,52,120,.06);text-align:center}.compound-flow i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:11px;border-radius:11px;color:var(--mkt-sapphire);background:#eef0ff}.compound-flow b{font-size:.78rem}.compound-flow small{margin-top:3px;color:#8b8e9d;font-size:.57rem}.compound-flow em{color:#9da2b7;font-style:normal}.features-page .marketing-faq{padding-top:70px}.features-page .marketing-final-cta{margin-top:0} /* Values page ------------------------------------------------------------ */ .values-hero{color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:#293672} .values-hero h1{color:#fff}.values-hero p{color:#d8ddf3}.values-hero .marketing-kicker{color:#bfc7ff} .values-jump-nav{width:min(850px,calc(100% - 40px))} .values-page .feature-band-visual{min-height:540px} .values-security-visual,.values-ecology-visual{overflow:hidden} .values-security-panel,.values-green-panel{padding:27px} .values-panel-head,.values-green-head{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid #e7e9ef} .values-panel-head>span,.values-green-head>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#fff;background:var(--mkt-indigo)} .values-panel-head .icon,.values-green-head .icon{width:20px;height:20px} .values-panel-head>div,.values-green-head>div{display:flex;min-width:0;flex-direction:column} .values-panel-head small,.values-green-head small,.values-energy-card>div>small{color:#9296a6;font-size:.46rem;font-weight:800;letter-spacing:.1em} .values-panel-head strong,.values-green-head strong{margin-top:3px;font-size:.78rem} .values-panel-head>b,.values-green-head>b{padding:5px 9px;border-radius:999px;color:#247854;background:#e1f4e9;font-size:.5rem} .values-security-score{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:22px;margin:22px 0;padding:19px;border:1px solid #e2e6f1;border-radius:15px;background:linear-gradient(135deg,#f8f9ff,#fff)} .values-security-score>span{display:flex;width:104px;height:104px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(var(--mkt-sapphire) 0 100%,#e7e9f1 0);box-shadow:0 12px 25px rgba(37,52,120,.1)} .values-security-score strong{color:var(--mkt-indigo);font-size:1.35rem;letter-spacing:-.05em} .values-security-score small{color:#8d91a0;font-size:.44rem} .values-security-score>p{display:flex;flex-direction:column;margin:0} .values-security-score>p b{font-size:.72rem} .values-security-score>p small{margin-top:5px;font-size:.51rem;line-height:1.45} .values-control-list{display:grid;gap:9px} .values-control-list>span{display:grid;grid-template-columns:36px 1fr 23px;align-items:center;gap:0 10px;padding:11px;border:1px solid #e7e9ef;border-radius:11px;background:#fff} .values-control-list i{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#41618e;background:#e7f1f8} .values-control-list i .icon{width:16px;height:16px} .values-control-list b{font-size:.58rem} .values-control-list small{color:#9599a7;font-size:.45rem} .values-control-list em{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#31966a} .values-control-list em .icon{width:11px;height:11px;stroke-width:3} .values-private-chip{right:-18px;bottom:38px;color:#315a83} .values-private-chip .icon,.values-green-chip .icon,.values-sovereignty-chip .icon{width:13px;height:13px} .values-green-head>span{background:#2c835d} .values-energy-card{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:25px;margin:22px 0;padding:22px;border-radius:17px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.17),transparent 25%),linear-gradient(135deg,#276c50,#3b966d);box-shadow:0 18px 35px rgba(39,108,80,.18)} .values-energy-ring{display:flex;width:132px;height:132px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:inset 0 0 0 12px rgba(255,255,255,.11),0 10px 24px rgba(22,79,56,.18)} .values-energy-ring strong{font-size:1.75rem;line-height:1} .values-energy-ring small{margin-top:6px;color:#d9f2e5;font-size:.46rem;line-height:1.25;text-align:center;text-transform:uppercase} .values-energy-card>div{display:flex;flex-direction:column} .values-energy-card>div>small{color:#c8ead8} .values-energy-card>div>strong{max-width:230px;margin-top:7px;font-size:.86rem;line-height:1.25} .values-energy-card p{margin:7px 0 0;color:#d2eadc;font-size:.52rem;line-height:1.5} .values-green-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .values-green-metrics>span{display:flex;min-width:0;min-height:105px;flex-direction:column;padding:13px;border:1px solid #e4e9e6;border-radius:11px;background:#fff} .values-green-metrics i{display:grid;place-items:center;width:30px;height:30px;margin-bottom:auto;border-radius:8px;color:#287a57;background:#e0f2e8} .values-green-metrics i .icon{width:14px;height:14px} .values-green-metrics small{margin-top:10px;color:#9a9eaa;font-size:.4rem;letter-spacing:.09em} .values-green-metrics strong{margin-top:3px;overflow:hidden;font-size:.51rem;line-height:1.35;text-overflow:ellipsis} .values-green-chip{top:78px;left:-20px;color:#247854} .values-sovereignty-visual{height:560px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(91,104,227,.13),transparent 22%),rgba(255,255,255,.7)} .values-orbit i{position:absolute;top:50%;left:50%;border:1px dashed rgba(91,104,227,.2);border-radius:50%;transform:translate(-50%,-50%)} .values-orbit i:first-child{width:250px;height:250px} .values-orbit i:nth-child(2){width:390px;height:390px} .values-orbit i:nth-child(3){width:530px;height:530px} .values-sovereignty-center{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:165px;height:165px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,104,227,.22);border-radius:38px;background:#fff;box-shadow:0 25px 60px rgba(37,52,120,.18);transform:translate(-50%,-50%)} .values-sovereignty-center img{width:70px;height:70px;object-fit:contain} .values-sovereignty-center strong{color:var(--mkt-indigo);font-size:.72rem} .values-sovereignty-center small{margin-top:3px;color:#9296a5;font-size:.44rem} .values-sovereignty-node{position:absolute;z-index:3;display:grid;grid-template-columns:38px auto;align-items:center;gap:0 9px;min-width:145px;padding:11px;border:1px solid rgba(37,52,120,.13);border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(37,52,120,.13);animation:integrationBob 5.5s ease-in-out infinite} .values-sovereignty-node i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--mkt-sapphire)} .values-sovereignty-node i .icon{width:17px;height:17px} .values-sovereignty-node b{font-size:.58rem} .values-sovereignty-node small{color:#8d91a0;font-size:.43rem} .values-node-domain{top:9%;left:7%;transform:rotate(-3deg)} .values-node-audience{top:10%;right:5%;transform:rotate(3deg);animation-delay:-2s} .values-node-content{bottom:10%;left:4%;transform:rotate(2deg);animation-delay:-4s} .values-node-tools{right:4%;bottom:9%;transform:rotate(-3deg);animation-delay:-1s} .values-sovereignty-chip{right:50%;bottom:24px;color:#4b55b8;transform:translateX(50%)} .values-in-practice{padding-top:85px} .values-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .values-principle-grid article{position:relative;display:flex;min-height:330px;flex-direction:column;padding:31px;overflow:hidden;border:1px solid var(--mkt-border);border-radius:24px;background:#fff;box-shadow:0 15px 42px rgba(37,52,120,.065)} .values-principle-grid article:nth-child(1){background:linear-gradient(145deg,#fff,#eaf3fa)} .values-principle-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#e7f5ed)} .values-principle-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#eeecfb)} .values-principle-grid article>span{position:absolute;top:25px;right:27px;color:#b7bbc9;font-size:.65rem;font-weight:850;letter-spacing:.1em} .values-principle-grid i{display:grid;place-items:center;width:50px;height:50px;margin-bottom:auto;border-radius:14px;color:var(--mkt-indigo);background:rgba(255,255,255,.8);box-shadow:0 8px 20px rgba(37,52,120,.08)} .values-principle-grid i .icon{width:22px;height:22px} .values-principle-grid h3{margin:55px 0 12px;font-size:1.55rem;line-height:1.08} .values-principle-grid p{margin:0;color:#666b79;font-size:.8rem;line-height:1.7} .values-page .feature-band-copy h2,.values-page .marketing-section-heading h2,.values-page .marketing-final-cta h2{font-size:clamp(2.05rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.04em} .values-page .marketing-final-cta{margin-top:0} @media (max-width: 920px){ .values-principle-grid{grid-template-columns:1fr} .values-principle-grid article{min-height:260px} .values-principle-grid h3{margin-top:40px} } @media (max-width: 760px){ .values-security-panel,.values-green-panel{padding:20px} .values-security-score{grid-template-columns:95px 1fr;gap:15px;padding:15px} .values-security-score>span{width:90px;height:90px} .values-energy-card{grid-template-columns:112px 1fr;gap:17px;padding:17px} .values-energy-ring{width:105px;height:105px} .values-energy-ring strong{font-size:1.4rem} .values-sovereignty-visual{height:500px} .values-sovereignty-node{min-width:125px} .values-node-domain{left:2%}.values-node-audience{right:1%}.values-node-content{left:1%}.values-node-tools{right:1%} .values-in-practice{padding-top:65px} .values-principle-grid{grid-template-columns:1fr} } @media (max-width: 520px){ .values-page .feature-band-visual{min-height:470px} .values-security-panel,.values-green-panel{padding:15px} .values-panel-head,.values-green-head{grid-template-columns:40px minmax(0,1fr) auto} .values-panel-head>span,.values-green-head>span{width:40px;height:40px} .values-security-score{grid-template-columns:75px 1fr;margin:14px 0} .values-security-score>span{width:72px;height:72px} .values-security-score strong{font-size:1rem} .values-control-list>span{grid-template-columns:32px 1fr 20px;padding:8px} .values-control-list i{width:32px;height:32px} .values-private-chip{right:8px;bottom:12px} .values-energy-card{grid-template-columns:82px 1fr;margin:14px 0;padding:14px} .values-energy-ring{width:78px;height:78px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.11)} .values-energy-ring strong{font-size:1.05rem} .values-energy-ring small{font-size:.35rem} .values-green-metrics{gap:6px} .values-green-metrics>span{min-height:92px;padding:9px} .values-green-metrics strong{font-size:.46rem} .values-green-chip{top:auto;bottom:10px;left:12px} .values-sovereignty-visual{height:470px} .values-sovereignty-center{width:135px;height:135px;border-radius:30px} .values-sovereignty-center img{width:55px;height:55px} .values-sovereignty-node{grid-template-columns:30px auto;min-width:105px;padding:8px;gap:0 6px} .values-sovereignty-node i{width:30px;height:30px} .values-sovereignty-node b{font-size:.49rem}.values-sovereignty-node small{font-size:.37rem} .values-node-domain{top:7%;left:-2%}.values-node-audience{top:8%;right:-3%}.values-node-content{bottom:11%;left:-3%}.values-node-tools{right:-3%;bottom:10%} .values-sovereignty-chip{bottom:12px} .values-principle-grid article{min-height:280px;padding:27px} } /* Why ScaleEdges --------------------------------------------------------- */ .why-manifesto{padding-bottom:65px}.manifesto-grid{display:grid;grid-template-columns:1fr .78fr;gap:clamp(50px,8vw,115px);margin-top:22px}.manifesto-grid h2{margin:0;font-size:clamp(2.5rem,5.2vw,4.85rem)}.manifesto-grid p{margin:0 0 20px;color:var(--mkt-ink-soft);font-size:1rem;line-height:1.8} .why-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:30px}.why-pillar{position:relative;min-height:430px;padding:34px;overflow:hidden;border:1px solid var(--mkt-border);border-radius:27px}.why-pillar>span{position:absolute;top:25px;right:28px;color:rgba(37,52,120,.28);font-size:.7rem;font-weight:850;letter-spacing:.1em}.why-pillar>i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:70px;border-radius:15px;color:var(--mkt-indigo);background:rgba(255,255,255,.65)}.why-pillar .icon{width:23px;height:23px}.why-pillar h3{margin:0;font-size:2rem}.why-pillar p{margin:14px 0 0;color:#5e646b;font-size:.9rem;line-height:1.72}.why-pillar-indigo{background:#e9ebfb}.why-pillar-green{background:#e3f4ea}.why-pillar-pink{background:#f7e5ee} .why-stack-section{width:100%;max-width:none;padding-right:max(24px,calc((100vw - 1280px)/2));padding-left:max(24px,calc((100vw - 1280px)/2));background:#f3f4fb}.stack-comparison-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;max-width:1100px;margin:0 auto}.stack-chaos,.stack-unified{min-height:430px;padding:30px;border:1px solid var(--mkt-border);border-radius:25px;background:#fff;box-shadow:0 18px 50px rgba(37,52,120,.08)}.chaos-title{color:#9295a4;font-size:.62rem;font-weight:850;letter-spacing:.14em}.chaos-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.chaos-cards span{display:grid;grid-template-columns:33px 1fr;align-items:center;gap:0 8px;padding:12px;border:1px solid #e7e8ed;border-radius:10px;color:#484b5c;font-size:.61rem;font-weight:750}.chaos-cards i{grid-row:1/3;display:grid;place-items:center;width:33px;height:33px;border-radius:8px;color:#777c90;background:#f0f1f5}.chaos-cards small{color:#9b9eac;font-size:.45rem;font-weight:500}.chaos-cards span:last-child{grid-column:1/-1}.stack-chaos>p,.stack-unified>p{display:flex;align-items:center;gap:7px;margin:25px 0 0;padding-top:18px;border-top:1px solid #eaebef;color:#8b6172;font-size:.62rem}.stack-chaos>p .icon{color:#b66b87}.stack-arrow{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;color:#fff;background:var(--mkt-sapphire);box-shadow:0 12px 25px rgba(91,104,227,.25);font-size:1.2rem}.stack-unified{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(91,104,227,.5),transparent 33%),linear-gradient(145deg,#202e68,#253478)}.stack-unified .chaos-title{color:#aeb7e2}.unified-logo{position:relative;z-index:2;display:flex;height:225px;flex-direction:column;align-items:center;justify-content:center;margin-top:18px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(255,255,255,.07)}.unified-logo img{width:92px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25))}.unified-logo strong{margin-top:7px;font-size:1rem}.unified-logo small{margin-top:4px;color:#bbc3e7;font-size:.54rem}.unified-pulse i{position:absolute;top:48%;left:50%;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%)}.unified-pulse i:nth-child(2){width:260px;height:260px}.unified-pulse i:nth-child(3){width:340px;height:340px}.stack-unified>p{position:relative;color:#d7dcf2;border-top-color:rgba(255,255,255,.12)}.stack-unified>p .icon{color:#7fe0af} .why-comparison{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(50px,7vw,95px);align-items:start}.comparison-copy{position:sticky;top:120px}.comparison-copy h2{margin:15px 0 18px;font-size:clamp(2.5rem,4.5vw,4rem)}.comparison-copy p{color:var(--mkt-ink-soft);line-height:1.75}.comparison-table{overflow:hidden;border:1px solid var(--mkt-border);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(37,52,120,.075)}.comparison-row{display:grid;grid-template-columns:1fr 1.08fr .92fr;align-items:center;min-height:70px;border-bottom:1px solid #e9eaf0}.comparison-row:last-child{border:0}.comparison-row>span,.comparison-row>strong{padding:15px 20px;font-size:.7rem}.comparison-row>span:first-child{color:#4b4e5f;font-weight:720}.comparison-row>span:last-child{color:#8b8e9d}.comparison-row>strong{display:flex;height:100%;align-items:center;gap:8px;color:var(--mkt-indigo);background:#f2f3ff}.comparison-row strong i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#33966b}.comparison-row strong .icon{width:11px;height:11px;stroke-width:3}.comparison-head{min-height:62px;color:#fff;background:var(--mkt-indigo)}.comparison-head>span:first-child,.comparison-head>span:last-child{color:#c4cae7}.comparison-head>strong{color:#fff;background:var(--mkt-sapphire)}.comparison-head img{width:30px;height:30px;object-fit:contain} .why-journey{width:100%;max-width:none;padding-right:max(24px,calc((100vw - 1280px)/2));padding-left:max(24px,calc((100vw - 1280px)/2));background:#f3f4fb}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:0 auto}.journey-grid article{position:relative;min-height:400px;padding:34px;border:1px solid var(--mkt-border);border-radius:24px;background:#fff;box-shadow:0 13px 35px rgba(37,52,120,.06)}.journey-grid article>span{position:absolute;top:25px;right:27px;color:#c2c5d2;font-size:.73rem;font-weight:850}.journey-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:55px;border-radius:15px;color:var(--mkt-sapphire);background:#eef0ff}.journey-icon .icon{width:24px;height:24px}.journey-grid small{color:var(--mkt-sapphire);font-size:.58rem;font-weight:850;letter-spacing:.14em}.journey-grid h3{margin:10px 0 13px;font-size:1.65rem}.journey-grid p{color:#666a79;font-size:.83rem;line-height:1.7}.journey-grid b{position:absolute;right:34px;bottom:30px;left:34px;padding-top:15px;border-top:1px solid #e9eaf0;color:#7e8192;font-size:.57rem} .why-control{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(55px,8vw,115px);align-items:center}.control-visual{position:relative;min-height:560px}.control-browser{position:absolute;top:30px;right:20px;left:0;overflow:hidden;border:1px solid var(--mkt-border);border-radius:20px;background:#fff;box-shadow:0 30px 75px rgba(37,52,120,.16);transform:rotate(-2deg)}.control-browser>div{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;background:#f5f5f8}.control-browser>div i{width:7px;height:7px;border-radius:50%;background:#d7d8e0}.control-browser>div span{margin-left:10px;color:#999ba7;font-size:.5rem}.control-browser section{display:flex;height:400px;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px;color:#fff;background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.15),transparent 28%),linear-gradient(125deg,#2b3c37,#71867a)}.control-browser section small{font-size:.5rem;letter-spacing:.15em}.control-browser section strong{margin:12px 0 22px;font-family:Georgia,serif;font-size:2.5rem;font-weight:500;line-height:1}.control-browser section span{padding:10px 13px;color:#353d37;background:#f2dfbe;font-size:.57rem;font-weight:750}.control-domain-chip,.control-css-chip{position:absolute;z-index:3;display:grid;align-items:center;gap:9px;padding:12px;border:1px solid var(--mkt-border);border-radius:12px;background:#fff;box-shadow:0 18px 38px rgba(37,52,120,.16)}.control-domain-chip{grid-template-columns:36px 1fr 25px;right:-20px;bottom:35px}.control-css-chip{grid-template-columns:36px 1fr;bottom:105px;left:-25px}.control-domain-chip>i,.control-css-chip>i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#fff;background:var(--mkt-sapphire);font-style:normal;font-size:.62rem}.control-domain-chip span,.control-css-chip span{display:flex;flex-direction:column}.control-domain-chip small,.control-css-chip small{color:#999ca9;font-size:.42rem;letter-spacing:.08em}.control-domain-chip b,.control-css-chip b{font-size:.58rem}.control-domain-chip em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#319768}.control-domain-chip em .icon{width:11px;stroke-width:3}.control-copy h2{margin:15px 0 20px;font-size:clamp(2.5rem,4.8vw,4.4rem)}.control-copy>p{color:var(--mkt-ink-soft);line-height:1.75}.why-page .marketing-faq{padding-top:75px} /* Pricing page ------------------------------------------------------------ */ .marketing-pricing-page{padding-bottom:1px;background:linear-gradient(180deg,#fcfbfe,#f7f7fd 38%,#fcfbfe)}.marketing-pricing-hero{max-width:none;margin:0;padding:clamp(90px,10vw,145px) 24px 70px;background:radial-gradient(circle at 50% 25%,rgba(91,104,227,.14),transparent 25%)}.marketing-pricing-hero h1{max-width:980px;margin:16px auto 20px;font-size:clamp(3.25rem,7vw,6.25rem);font-weight:790;line-height:.96;letter-spacing:-.068em}.marketing-pricing-hero h1 span{color:var(--mkt-sapphire)}.marketing-pricing-hero>p{max-width:710px;font-size:1.1rem;line-height:1.7}.marketing-pricing-hero .pricing-billing-toggle{margin-top:22px;padding:5px;border-color:rgba(37,52,120,.14);box-shadow:0 12px 28px rgba(37,52,120,.08)}.marketing-pricing-hero .pricing-billing-toggle button{padding:.72rem 1.05rem}.marketing-pricing-hero .pricing-billing-toggle button.active{background:var(--mkt-indigo)}.pricing-hero-notes{display:flex;justify-content:center;gap:15px 25px;margin-top:20px;color:#777b8c;font-size:.73rem;font-weight:650;flex-wrap:wrap}.pricing-hero-notes span{display:inline-flex;align-items:center;gap:5px}.pricing-hero-notes .icon{width:14px;color:#299466;stroke-width:2.7} .marketing-pricing-page .pricing-grid-three{width:min(1240px,calc(100% - 48px));max-width:none;gap:18px}.marketing-pricing-page .pricing-card{padding:32px 29px;border-color:rgba(37,52,120,.13);border-radius:24px;box-shadow:0 18px 48px rgba(37,52,120,.08);transition:transform .24s var(--mkt-ease),box-shadow .24s ease}.marketing-pricing-page .pricing-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(37,52,120,.14)}.marketing-pricing-page .pricing-card-featured{border:2px solid var(--mkt-sapphire);background:linear-gradient(180deg,#f4f5ff,#fff 22%);box-shadow:0 25px 65px rgba(91,104,227,.18)}.marketing-pricing-page .pricing-card-shaker{border-color:#d8c27b;background:linear-gradient(180deg,#fffaf0,#fff 23%)}.marketing-pricing-page .pricing-popular{right:24px;background:var(--mkt-sapphire);box-shadow:0 8px 18px rgba(91,104,227,.22)}.marketing-pricing-page .pricing-shaker-label{background:linear-gradient(135deg,#9b791f,#d0aa3c)}.marketing-pricing-page .pricing-plan-label{color:var(--mkt-sapphire)}.marketing-pricing-page .pricing-card-head h2{font-size:1.85rem}.marketing-pricing-page .pricing-price strong{font-size:2.8rem}.marketing-pricing-page .pricing-checkout-form .btn{min-height:45px;border-radius:9px;font-weight:720}.marketing-pricing-page .pricing-card-featured .pricing-checkout-form .btn-primary{background:var(--mkt-sapphire)}.marketing-pricing-page .pricing-features li{padding:.56rem 0;border-bottom-color:#edecf2;color:#555968}.marketing-pricing-page .pricing-features li>span{color:#fff;background:#35a06f}.pricing-core-included{padding-bottom:55px}.pricing-core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pricing-core-grid article{display:flex;min-height:190px;flex-direction:column;padding:25px;border:1px solid var(--mkt-border);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(37,52,120,.055)}.pricing-core-grid i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:auto;border-radius:11px;color:var(--mkt-sapphire);background:#eef0ff}.pricing-core-grid strong{margin-top:28px;font-size:.83rem}.pricing-core-grid span{margin-top:5px;color:#7a7d8c;font-size:.68rem;line-height:1.5}.marketing-pricing-page .pricing-footnote{margin-top:36px}.pricing-faq{padding-top:90px}.pricing-final-cta{margin-top:0} /* Enterprise : bandeau compact pleine largeur sous les trois offres self-service — en-tête sur une ligne, fonctionnalités sur quatre colonnes. */ .marketing-pricing-page .pricing-card-enterprise{ width:min(1240px,calc(100% - 48px));margin:22px auto 0;padding:24px 32px 18px; border:2px solid #111;background:#fff;box-shadow:0 14px 38px rgba(17,17,17,.07)} .marketing-pricing-page .pricing-card-enterprise:hover{box-shadow:0 20px 48px rgba(17,17,17,.12)} .pricing-enterprise-head{display:flex;align-items:center;gap:32px} .pricing-enterprise-title{flex:0 0 auto} .marketing-pricing-page .pricing-card-enterprise h2{margin:0;font-size:1.6rem;color:#111} .marketing-pricing-page .pricing-card-enterprise .pricing-price{margin:.25rem 0 0} .marketing-pricing-page .pricing-card-enterprise .pricing-price strong{font-size:1.7rem;color:#111} .pricing-enterprise-summary{flex:1 1 auto;margin:0;color:#555968;font-size:.92rem;line-height:1.55} .pricing-enterprise-contact{flex:0 0 220px;text-align:center} .marketing-pricing-page .pricing-enterprise-cta{display:flex;align-items:center;justify-content:center;gap:8px; width:100%;min-height:45px;border:0;border-radius:9px;color:#fff;background:#111;font-weight:720;text-decoration:none} .marketing-pricing-page .pricing-enterprise-cta:hover{color:#fff;background:#333} .pricing-enterprise-email{display:block;margin-top:6px;font-size:.74rem} .pricing-enterprise-email a{color:#7a7d8c} .marketing-pricing-page .pricing-enterprise-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:24px;margin:16px 0 0;padding-top:6px;border-top:1px solid #edecf2} .marketing-pricing-page .pricing-enterprise-features li{padding:.4rem 0;border-bottom:0;font-size:.86rem} @media (max-width:1040px){ .pricing-enterprise-head{flex-wrap:wrap;gap:16px 24px} .pricing-enterprise-summary{flex-basis:100%;order:3} .pricing-enterprise-contact{margin-left:auto} .marketing-pricing-page .pricing-enterprise-features{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:760px){ .marketing-pricing-page .pricing-card-enterprise{padding:22px 20px 14px} .pricing-enterprise-head{flex-direction:column;align-items:stretch} .pricing-enterprise-contact{flex-basis:auto;margin-left:0} .marketing-pricing-page .pricing-enterprise-features{grid-template-columns:1fr} } /* Tableau comparatif détaillé de /pricing. Pas de conteneur à défilement : il casserait le `position:sticky` de l'en-tête, qui doit se caler sous la barre de navigation (elle-même collante, 76px). Sous 760px la table se réorganise en cartes empilées, ce qui évite tout défilement horizontal. */ .pricing-compare{padding-top:20px;padding-bottom:20px} .pricing-compare .marketing-section-heading{margin-bottom:34px} .pricing-compare-wrap{max-width:1080px;margin:0 auto} .pricing-compare-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.83rem} .pricing-compare-table caption{text-align:left} .pricing-compare-table thead th{ position:sticky;top:76px;z-index:3; padding:14px 12px;vertical-align:bottom;text-align:center; border-bottom:2px solid var(--mkt-border); background:var(--mkt-white); } .pricing-compare-corner{width:32%;text-align:left!important;font-size:.62rem;font-weight:800; letter-spacing:.13em;text-transform:uppercase;color:#8b8e9d} .pricing-compare-plan{display:block;font-size:1.05rem;font-weight:790;letter-spacing:-.02em;color:var(--mkt-carbon)} .pricing-compare-plan-price{display:block;margin-top:2px;color:#7a7d8c;font-size:.72rem;font-weight:650; font-variant-numeric:tabular-nums} .pricing-compare-table thead th.is-featured{border-bottom-color:var(--mkt-sapphire)} .pricing-compare-table thead th.is-featured .pricing-compare-plan{color:var(--mkt-sapphire)} .pricing-compare-group th{ padding:26px 0 8px;text-align:left; color:var(--mkt-sapphire);font-size:.63rem;font-weight:800; letter-spacing:.13em;text-transform:uppercase; } .pricing-compare-table tbody tr:not(.pricing-compare-group) th, .pricing-compare-table tbody td{ padding:11px 12px;border-top:1px solid #ecebf3;vertical-align:top; } .pricing-compare-table tbody tr:not(.pricing-compare-group) th{ text-align:left;font-weight:600;color:#4b4e5f; } .pricing-compare-label{display:block} .pricing-compare-hint{display:block;margin-top:3px;color:#8b8e9d;font-size:.71rem;font-weight:400;line-height:1.45} .pricing-compare-table tbody td{text-align:center;color:#555968;font-weight:650; font-variant-numeric:tabular-nums} .pricing-compare-table tbody td.is-featured{background:rgba(91,104,227,.045)} .pricing-compare-table tbody tr:not(.pricing-compare-group):hover th, .pricing-compare-table tbody tr:not(.pricing-compare-group):hover td{background:#f7f7fc} .pricing-compare-table tbody tr:not(.pricing-compare-group):hover td.is-featured{background:rgba(91,104,227,.075)} .pricing-compare-yes{display:inline-grid;place-items:center;width:19px;height:19px; border-radius:50%;color:#fff;background:#2a9568} .pricing-compare-yes .icon{width:11px;height:11px;stroke-width:3} .pricing-compare-no{color:#bcbfcc} .pricing-compare-footnote{max-width:760px;margin:30px auto 0;color:#7a7d8c; font-size:.78rem;line-height:1.6;text-align:center} @media (max-width:760px){ .pricing-compare-table, .pricing-compare-table tbody, .pricing-compare-table tr, .pricing-compare-table th, .pricing-compare-table td{display:block;width:auto} .pricing-compare-table thead{display:none} .pricing-compare-table tbody tr:not(.pricing-compare-group){ margin-bottom:10px;padding:13px 15px;border:1px solid var(--mkt-border); border-radius:14px;background:#fff; } .pricing-compare-table tbody tr:not(.pricing-compare-group) th{ padding:0 0 9px;border-top:0;font-size:.92rem;color:var(--mkt-carbon); } .pricing-compare-table tbody td{ display:flex;align-items:center;justify-content:space-between;gap:14px; padding:7px 0;border-top:1px solid #f0eff6;text-align:right; } .pricing-compare-table tbody td::before{ content:attr(data-plan);color:#8b8e9d;font-size:.73rem;font-weight:700; } .pricing-compare-table tbody td.is-featured{background:none;color:var(--mkt-sapphire)} .pricing-compare-group th{padding:22px 0 9px} } /* Authentication --------------------------------------------------------- */ .marketing-auth-page{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fcfbfe 0%,#f5f6ff 52%,#eef1ff 100%)} .marketing-auth-layout{position:relative;z-index:2;display:grid;min-height:calc(100svh - 76px);grid-template-columns:minmax(470px,.86fr) minmax(560px,1.14fr)} .marketing-auth-panel{display:grid;place-items:center;padding:clamp(52px,6vw,92px) clamp(36px,6vw,88px)} .marketing-auth-panel-inner{width:min(500px,100%)} .marketing-auth-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:42px;color:#707487;font-size:.74rem;font-weight:720;transition:color .2s ease,transform .2s ease}.marketing-auth-back:hover{color:var(--mkt-indigo);transform:translateX(-3px)} .marketing-auth-panel h1{margin:15px 0 12px;font-size:clamp(2.35rem,3.5vw,3.35rem);font-weight:790;line-height:.98;letter-spacing:-.06em}.marketing-auth-intro{max-width:470px;margin:0;color:var(--mkt-ink-soft);font-size:.98rem;line-height:1.7} .marketing-auth-card.auth-card{max-width:none;margin:34px 0 0;padding:0;border:0;border-radius:0;background:transparent} .marketing-auth-card .auth-form label{margin-bottom:15px;color:#444858;font-size:.77rem;font-weight:730}.marketing-auth-card .auth-form label>input:not([type="checkbox"]),.marketing-auth-card .mfa-login-challenge input{height:51px;margin-top:7px;padding:0 15px;border:1px solid rgba(37,52,120,.15);border-radius:11px;color:#272a37;background:rgba(255,255,255,.9);box-shadow:0 5px 16px rgba(37,52,120,.035);font-size:.88rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.marketing-auth-card .auth-form label>input:not([type="checkbox"]):hover,.marketing-auth-card .mfa-login-challenge input:hover{border-color:rgba(91,104,227,.34);background:#fff}.marketing-auth-card .auth-form label>input:not([type="checkbox"]):focus,.marketing-auth-card .mfa-login-challenge input:focus{outline:0;border-color:var(--mkt-sapphire);background:#fff;box-shadow:0 0 0 4px rgba(91,104,227,.12),0 10px 25px rgba(37,52,120,.07)}.marketing-auth-card input::placeholder{color:#a1a4b0} .marketing-auth-providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.marketing-auth-card .btn-google,.marketing-auth-card .btn-microsoft{min-height:49px;margin:0;padding:0 14px;border:1px solid rgba(37,52,120,.14);border-radius:11px;color:#343744;background:rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(37,52,120,.045);font-size:.76rem;font-weight:710;white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--mkt-ease)}.marketing-auth-card .btn-google:hover,.marketing-auth-card .btn-microsoft:hover{border-color:rgba(91,104,227,.32);background:#fff;box-shadow:0 12px 25px rgba(37,52,120,.09);transform:translateY(-2px)} .marketing-auth-card .auth-divider{margin:22px 0;color:#9396a4;font-size:.66rem}.marketing-auth-card .auth-divider::before,.marketing-auth-card .auth-divider::after{background:rgba(37,52,120,.12)} .marketing-auth-card .auth-session-options{margin:-1px 0 18px;color:#6f7383;font-size:.73rem}.marketing-auth-card .auth-session-options a{color:var(--mkt-sapphire);font-weight:730}.marketing-auth-card .auth-remember span{font-weight:620}.marketing-auth-card .auth-remember input{margin:0} .marketing-auth-submit.btn{display:flex;min-height:53px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;color:#fff;background:var(--mkt-sapphire);box-shadow:0 13px 28px rgba(91,104,227,.24);font-size:.85rem;font-weight:780;transition:background .2s ease,box-shadow .2s ease,transform .2s var(--mkt-ease)}.marketing-auth-submit.btn:hover:not(:disabled){color:#fff;background:var(--mkt-indigo);box-shadow:0 17px 34px rgba(37,52,120,.24);transform:translateY(-2px)}.marketing-auth-submit.btn:disabled{opacity:.65;cursor:wait} .marketing-auth-card .auth-alt{margin:22px 0 0;color:#777b8a;font-size:.75rem}.marketing-auth-card .auth-alt a{color:var(--mkt-sapphire);font-weight:760}.marketing-auth-newsletter{display:flex!important;align-items:flex-start;gap:9px;margin:2px 0 18px!important;color:#777b89!important;font-size:.7rem!important;font-weight:570!important;line-height:1.5}.marketing-auth-newsletter input{flex:none;margin-top:1px!important}.marketing-auth-card .pw-rules{display:grid;margin:-5px 0 16px;grid-template-columns:1fr 1fr;gap:3px 10px;color:#858999;font-size:.65rem}.marketing-auth-card .pw-rules li:last-child{grid-column:1/-1}.marketing-auth-card .pw-rules li{padding:0} .marketing-auth-trust{display:flex;align-items:center;gap:7px;margin:22px 0 0;color:#7a7e8e;font-size:.66rem;line-height:1.5}.marketing-auth-trust .icon{width:14px;height:14px;color:#39986f}.marketing-auth-card .verify-notice{padding:24px;border:1px solid rgba(91,104,227,.16);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(37,52,120,.08)}.marketing-auth-card .verify-notice .alert{border-radius:12px}.marketing-auth-card .verify-notice .btn{min-height:46px;border-radius:10px}.marketing-auth-card .mfa-login-challenge{padding:28px;border:1px solid var(--mkt-border);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(37,52,120,.08)}.marketing-auth-card .mfa-login-challenge h2{font-size:1.7rem}.marketing-auth-card .mfa-login-challenge>p{font-size:.78rem}.marketing-auth-card .mfa-login-icon{color:var(--mkt-sapphire);background:#eef0ff} .marketing-auth-showcase{position:relative;isolation:isolate;min-width:0;margin:22px 22px 22px 0;padding:clamp(48px,5.5vw,78px);overflow:hidden;border-radius:32px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(126,139,239,.28),transparent 27%),radial-gradient(circle at 8% 95%,rgba(80,192,139,.16),transparent 24%),linear-gradient(145deg,#171f43,#2b397c 58%,#394a9a);box-shadow:0 28px 75px rgba(37,52,120,.2)}.marketing-auth-register .marketing-auth-showcase{background:radial-gradient(circle at 88% 12%,rgba(126,139,239,.28),transparent 27%),radial-gradient(circle at 10% 94%,rgba(224,154,190,.18),transparent 25%),linear-gradient(145deg,#171f43,#2b397c 58%,#394a9a)}.marketing-auth-showcase::before{content:"";position:absolute;z-index:-1;right:-170px;bottom:-210px;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.022),0 0 0 180px rgba(255,255,255,.014)}.marketing-auth-showcase::after{content:"";position:absolute;z-index:-2;inset:0;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.5) .6px,transparent .6px);background-size:22px 22px;mask-image:linear-gradient(140deg,#000,transparent 72%)} .marketing-auth-showcase-copy{position:relative;z-index:3;max-width:680px}.marketing-auth-showcase-kicker{display:inline-flex;align-items:center;gap:8px;color:#c7ceff;font-size:.65rem;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.marketing-auth-showcase-kicker i{width:7px;height:7px;border-radius:50%;background:#62ce97;box-shadow:0 0 0 5px rgba(98,206,151,.12)}.marketing-auth-showcase h2{max-width:680px;margin:15px 0 24px;color:#fff;font-size:clamp(2.45rem,4vw,4.2rem);font-weight:760;line-height:1.01;letter-spacing:-.055em}.marketing-auth-benefits{display:flex;margin:0;padding:0;gap:18px 28px;list-style:none;flex-wrap:wrap}.marketing-auth-benefits li{display:flex;align-items:flex-start;gap:9px;max-width:205px}.marketing-auth-benefits li>span{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:7px;color:#baf2d4;background:rgba(98,206,151,.14)}.marketing-auth-benefits .icon{width:12px;stroke-width:3}.marketing-auth-benefits div{display:flex;flex-direction:column}.marketing-auth-benefits strong{font-size:.72rem}.marketing-auth-benefits small{margin-top:3px;color:#aeb7db;font-size:.59rem;line-height:1.45} .marketing-auth-store-scene{position:relative;z-index:2;width:min(690px,100%);height:430px;margin:8px auto 30px}.auth-store-window{position:absolute;inset:5px 15px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#fff;box-shadow:0 35px 80px rgba(5,10,34,.36);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.auth-store-browser{display:grid;height:35px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid #e8e8ed;background:#f5f5f8}.auth-store-browser>span{display:flex;gap:5px}.auth-store-browser>span i{width:7px;height:7px;border-radius:50%;background:#d6d7df}.auth-store-browser>span i:first-child{background:#f3938f}.auth-store-browser>span i:nth-child(2){background:#edc762}.auth-store-browser>span i:last-child{background:#72cc98}.auth-store-browser small{display:flex;align-items:center;gap:4px;padding:4px 34px;border:1px solid #e2e3e8;border-radius:5px;color:#8f919a;background:#fff;font-size:.46rem}.auth-store-browser .icon{width:8px}.auth-store-nav{display:grid;height:56px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 27px;color:#1f2636;background:#fff}.auth-store-nav>strong{font-size:.75rem;letter-spacing:.07em}.auth-store-nav>strong span{color:#6d79e8}.auth-store-nav>div{display:flex;gap:20px}.auth-store-nav>div i{display:block;width:29px;height:4px;border-radius:99px;background:#d9dbe1}.auth-store-nav>b{justify-self:end;color:#33394b}.auth-store-nav .icon{width:15px}.auth-store-hero{display:grid;height:205px;grid-template-columns:1.08fr .92fr;align-items:center;padding:25px 30px;overflow:hidden;background:linear-gradient(135deg,#e8e8df,#d7d9cf)}.auth-store-hero>div:first-child{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.auth-store-hero small{color:#656a60;font-size:.42rem;font-weight:780;letter-spacing:.16em}.auth-store-hero strong{margin:7px 0 14px;color:#252b26;font-family:Georgia,serif;font-size:1.75rem;font-weight:500;line-height:1.01;letter-spacing:-.045em}.auth-store-hero span{padding:8px 11px;color:#fff;background:#27352e;font-size:.48rem;font-weight:700}.auth-store-hero span b{margin-left:4px}.auth-store-art{position:relative;height:170px}.auth-store-art i{position:absolute;border-radius:50% 50% 42% 58%;background:linear-gradient(145deg,#6d7c67,#34483e);box-shadow:0 18px 30px rgba(38,57,46,.2)}.auth-store-art i:first-child{top:12px;right:35px;width:115px;height:145px;transform:rotate(18deg)}.auth-store-art i:nth-child(2){right:120px;bottom:-24px;width:95px;height:115px;background:linear-gradient(145deg,#c6926f,#805844);transform:rotate(-23deg)}.auth-store-art i:nth-child(3){top:-25px;right:-35px;width:92px;height:110px;background:linear-gradient(145deg,#bebaa5,#787966);transform:rotate(35deg)}.auth-store-products{display:grid;height:calc(100% - 296px);grid-template-columns:repeat(3,1fr);gap:13px;padding:14px 24px;background:#fafaf8}.auth-store-products>div{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px}.auth-store-products>div>i{width:54px;height:54px;border-radius:6px;background:linear-gradient(145deg,#4c6273,#bdc7c9)}.auth-store-products>div:nth-child(2)>i{background:linear-gradient(145deg,#b17b61,#edc7a7)}.auth-store-products>div:nth-child(3)>i{background:linear-gradient(145deg,#494f79,#a0a7e1)}.auth-store-products span{display:flex;min-width:0;flex-direction:column;color:#34373e}.auth-store-products b{overflow:hidden;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}.auth-store-products small{margin-top:3px;color:#777a82;font-size:.43rem}.auth-store-sale,.auth-store-insight{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#303442;background:rgba(255,255,255,.95);box-shadow:0 18px 42px rgba(5,10,34,.24);backdrop-filter:blur(12px)}.auth-store-sale{top:-13px;right:-6px}.auth-store-insight{bottom:0;left:-7px}.auth-store-sale>span,.auth-store-insight>span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#fff;background:#42a978}.auth-store-insight>span{background:#6673e7}.auth-store-sale .icon,.auth-store-insight .icon{width:13px}.auth-store-sale div,.auth-store-insight div{display:flex;flex-direction:column}.auth-store-sale small,.auth-store-insight small{color:#9295a1;font-size:.44rem}.auth-store-sale strong,.auth-store-insight strong{font-size:.57rem} .marketing-auth-benefits-bottom{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.marketing-auth-benefits-bottom li{max-width:none} .marketing-auth-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none}.marketing-auth-orb-one{top:110px;left:-80px;width:240px;height:240px;background:rgba(91,104,227,.1);filter:blur(2px)}.marketing-auth-orb-two{right:38%;bottom:-90px;width:260px;height:260px;background:rgba(104,199,151,.1);filter:blur(4px)} @media (max-width:1180px){.marketing-auth-layout{grid-template-columns:minmax(430px,.9fr) minmax(500px,1.1fr)}.marketing-auth-panel{padding-right:44px;padding-left:44px}.marketing-auth-showcase{padding:50px 42px}.marketing-auth-store-scene{height:400px}.auth-store-window{inset:5px 0 20px}.auth-store-insight{left:-12px}} @media (max-width:920px){.marketing-auth-layout{grid-template-columns:1fr}.marketing-auth-panel{min-height:auto;padding:72px 24px 60px}.marketing-auth-panel-inner{width:min(560px,100%)}.marketing-auth-back{margin-bottom:32px}.marketing-auth-showcase{width:calc(100% - 32px);margin:0 auto 16px;padding:55px 38px;border-radius:27px}.marketing-auth-store-scene{width:min(650px,100%)}.marketing-auth-benefits-bottom{max-width:650px;margin:0 auto}} @media (max-width:620px){.marketing-auth-panel{padding:55px 18px 48px}.marketing-auth-panel h1{font-size:2.55rem}.marketing-auth-providers{grid-template-columns:1fr}.marketing-auth-card .btn-google,.marketing-auth-card .btn-microsoft{font-size:.79rem}.marketing-auth-card .pw-rules{grid-template-columns:1fr}.marketing-auth-card .pw-rules li:last-child{grid-column:auto}.marketing-auth-showcase{width:calc(100% - 20px);padding:45px 22px 30px;border-radius:23px}.marketing-auth-benefits-bottom{grid-template-columns:1fr}.marketing-auth-benefits li{max-width:none}.marketing-auth-store-scene{height:330px;margin-top:8px}.auth-store-window{right:-70px;bottom:10px;left:0}.auth-store-browser{grid-template-columns:1fr auto}.auth-store-browser>span{display:none}.auth-store-nav{grid-template-columns:1fr auto;padding:0 18px}.auth-store-nav>div{display:none}.auth-store-hero{height:190px;grid-template-columns:1.2fr .8fr;padding:20px}.auth-store-hero strong{font-size:1.45rem}.auth-store-art i:first-child{right:-5px}.auth-store-art i:nth-child(2){right:70px}.auth-store-products{height:75px;padding:10px 16px}.auth-store-products>div{grid-template-columns:45px 1fr}.auth-store-products>div>i{width:45px;height:45px}.auth-store-products>div:nth-child(3){display:none}.auth-store-sale{right:-8px}.auth-store-insight{display:none}} /* New seller onboarding -------------------------------------------------- */ .onboarding-nav-note{display:inline-flex;align-items:center;gap:8px;color:var(--mkt-indigo);font-size:.76rem;font-weight:760}.onboarding-nav-note .icon{width:15px;color:var(--mkt-sapphire)} .onboarding-page{isolation:isolate;min-height:calc(100svh - 76px);padding:clamp(44px,6vw,82px) 24px 70px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(91,104,227,.13),transparent 25%),radial-gradient(circle at 88% 82%,rgba(78,190,137,.14),transparent 24%),linear-gradient(145deg,#fcfbfe,#f0f2ff)} .onboarding-page::before{content:"";position:absolute;z-index:-2;inset:0;opacity:.24;background-image:radial-gradient(rgba(37,52,120,.22) .65px,transparent .65px);background-size:24px 24px;mask-image:linear-gradient(120deg,#000,transparent 76%)} .onboarding-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;animation:onboardingOrbFloat 6s ease-in-out infinite}.onboarding-orb-one{top:10%;left:-110px;width:300px;height:300px;border:1px solid rgba(91,104,227,.12);box-shadow:0 0 0 70px rgba(91,104,227,.025),0 0 0 140px rgba(91,104,227,.014);filter:blur(2px)}.onboarding-orb-two{right:-80px;bottom:-100px;width:280px;height:280px;background:rgba(80,195,143,.09);filter:blur(12px);animation-delay:-3s}@keyframes onboardingOrbFloat{0%,100%{translate:0 0}50%{translate:0 -20px}} .onboarding-shell{display:grid;width:min(1180px,100%);min-height:650px;margin:0 auto;grid-template-columns:minmax(420px,.88fr) minmax(470px,1.12fr);position:relative;z-index:1;border:1px solid rgba(37,52,120,.11);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 35px 90px rgba(37,52,120,.16);backdrop-filter:blur(18px)}.onboarding-card{overflow:visible;position:relative;z-index:2} .onboarding-card{display:flex;min-width:0;flex-direction:column;padding:clamp(34px,4.5vw,62px)}.onboarding-card-head{margin-bottom:26px}.onboarding-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mkt-sapphire);font-size:.66rem;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.onboarding-kicker i{width:7px;height:7px;border-radius:50%;background:#48ad7c;box-shadow:0 0 0 5px rgba(72,173,124,.12)}.onboarding-card-head h1{margin:14px 0 10px;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:790;line-height:.98;letter-spacing:-.062em}.onboarding-card-head p{margin:0;color:#747889;font-size:.82rem;line-height:1.55} .onboarding-progress{position:relative;display:grid;margin:0 0 32px;padding:0;grid-template-columns:repeat(4,1fr);list-style:none}.onboarding-progress::before{content:"";position:absolute;top:15px;right:12.5%;left:12.5%;height:1px;background:#dfe2ed}.onboarding-progress li{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:6px;color:#a0a4b3;font-size:.64rem;font-weight:720}.onboarding-progress span{display:grid;width:31px;height:31px;place-items:center;border:1px solid #dfe2ed;border-radius:50%;background:#fff;transition:.25s ease}.onboarding-progress li.active span{border-color:var(--mkt-sapphire);color:#fff;background:var(--mkt-sapphire);box-shadow:0 0 0 6px rgba(91,104,227,.1)}.onboarding-progress li.complete span{border-color:#48ad7c;color:#fff;background:#48ad7c}.onboarding-progress li.active small,.onboarding-progress li.complete small{color:var(--mkt-indigo)} .onboarding-step{pointer-events:auto}.onboarding-step.is-entering{animation:onboarding-in .34s var(--mkt-ease)}.onboarding-step *{pointer-events:auto}.onboarding-step input,.onboarding-step textarea,.onboarding-step button,.onboarding-step label{pointer-events:auto !important;cursor:text !important}.onboarding-step button{cursor:pointer !important}@keyframes onboarding-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}.onboarding-step-icon{display:grid;width:43px;height:43px;margin-bottom:18px;place-items:center;border-radius:13px;color:var(--mkt-sapphire);background:#eef0ff}.onboarding-step-icon .icon{width:20px}.onboarding-step-count{color:#969aa9;font-size:.63rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.onboarding-step h2{margin:8px 0 8px;font-size:1.75rem;font-weight:770;letter-spacing:-.045em}.onboarding-step>p:not(.onboarding-field-error):not(.onboarding-slug-status){max-width:420px;margin:0 0 25px;color:#777b8b;font-size:.77rem;line-height:1.55}.onboarding-step label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#444858;font-size:.72rem;font-weight:760}.onboarding-step label em{padding:3px 7px;border-radius:999px;color:#8d91a0;background:#f2f3f7;font-size:.57rem;font-style:normal;font-weight:700}.onboarding-step>input,.onboarding-url-field{width:100%;height:56px;border:1px solid rgba(37,52,120,.16);border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(37,52,120,.045);transition:border-color .2s ease,box-shadow .2s ease}.onboarding-step>input{padding:0 16px;color:#292c39;font-size:.92rem}.onboarding-step>input:focus,.onboarding-url-field:focus-within{outline:0;border-color:var(--mkt-sapphire);box-shadow:0 0 0 4px rgba(91,104,227,.11),0 12px 26px rgba(37,52,120,.07)}.onboarding-url-field{display:flex;align-items:center;overflow:hidden;pointer-events:auto}.onboarding-url-field>span{display:flex;height:100%;align-items:center;padding:0 4px 0 15px;color:#767a89;background:#f8f8fb;font-size:.76rem;white-space:nowrap;pointer-events:auto}.onboarding-url-field input{min-width:80px;height:100%;flex:1;padding:0 14px 0 2px;border:0;outline:0;color:var(--mkt-indigo);background:#f8f8fb;font-size:.82rem;font-weight:760;pointer-events:auto;cursor:text} .onboarding-field-error,.onboarding-slug-status{min-height:20px;margin:7px 0 0;font-size:.65rem;font-weight:680}.onboarding-field-error,.onboarding-slug-status.is-error{color:#c54e5d}.onboarding-slug-status.is-success{color:#2c9465}.onboarding-slug-status.is-checking{color:#7d8190}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px}.onboarding-actions button{font:inherit}.onboarding-back,.onboarding-skip{padding:10px 0;border:0;color:#7c8090;background:transparent;font-size:.7rem;font-weight:730;cursor:pointer}.onboarding-back:hover,.onboarding-skip:hover{color:var(--mkt-indigo)}.onboarding-next.btn,.onboarding-finish.btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:0;border-radius:11px;background:var(--mkt-sapphire);box-shadow:0 12px 26px rgba(91,104,227,.22);font-size:.76rem;font-weight:780}.onboarding-finish.btn:disabled{opacity:.65;cursor:wait} /* Question « première boutique ou migration » (étape 2) */ .onboarding-choices{display:grid;gap:11px}.onboarding-step .onboarding-choice{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin:0;padding:15px 16px;border:1px solid rgba(37,52,120,.16);border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(37,52,120,.045);font-size:inherit;font-weight:inherit;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-step .onboarding-choice,.onboarding-step .onboarding-choice input,.onboarding-step .onboarding-platform,.onboarding-step .onboarding-platform input{cursor:pointer !important}.onboarding-choice:hover{border-color:var(--mkt-sapphire)}.onboarding-choice input{margin:3px 0 0;accent-color:var(--mkt-sapphire)}.onboarding-choice:has(input:checked){border-color:var(--mkt-sapphire);box-shadow:0 0 0 3px rgba(91,104,227,.11)}.onboarding-choice-body{display:grid;gap:3px}.onboarding-choice-body strong{color:#292c39;font-size:.84rem;font-weight:770;line-height:1.35}.onboarding-choice-body small{color:#777b8b;font-size:.69rem;font-weight:600;line-height:1.45} .onboarding-platforms{margin-top:22px;animation:onboarding-in .28s var(--mkt-ease)}.onboarding-platforms[hidden]{display:none}.onboarding-platforms-label{display:block;margin-bottom:10px;color:#444858;font-size:.72rem;font-weight:760}.onboarding-platform-grid{display:flex;flex-wrap:wrap;gap:8px}.onboarding-step .onboarding-platform{display:inline-flex;margin:0}.onboarding-platform input{position:absolute;width:1px;height:1px;opacity:0}.onboarding-platform span{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(37,52,120,.16);border-radius:999px;color:#4c5064;background:#fff;font-size:.71rem;font-weight:700;transition:.18s ease}.onboarding-platform:hover span{border-color:var(--mkt-sapphire);color:var(--mkt-indigo)}.onboarding-platform input:checked+span{border-color:var(--mkt-sapphire);color:#fff;background:var(--mkt-sapphire);box-shadow:0 8px 18px rgba(91,104,227,.2)}.onboarding-platform input:focus-visible+span{outline:2px solid var(--mkt-sapphire);outline-offset:2px}.onboarding-platform-other{width:100%;height:49px;margin-top:12px;padding:0 15px;border:1px solid rgba(37,52,120,.16);border-radius:12px;color:#292c39;background:#fff;font-size:.85rem}.onboarding-platform-other[hidden]{display:none}.onboarding-platform-other:focus{outline:0;border-color:var(--mkt-sapphire);box-shadow:0 0 0 4px rgba(91,104,227,.11)} .onboarding-preview{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,72px);overflow:hidden;color:#fff;background:radial-gradient(circle at 90% 8%,rgba(140,150,242,.3),transparent 28%),radial-gradient(circle at 10% 95%,rgba(88,205,152,.16),transparent 25%),linear-gradient(150deg,#172044,#2b397d 60%,#3d4c9a)}.onboarding-preview::after{content:"";position:absolute;right:-170px;bottom:-180px;width:480px;height:480px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.023),0 0 0 160px rgba(255,255,255,.015)}.onboarding-preview-copy{position:relative;z-index:2}.onboarding-preview-copy>span{color:#c4ccff;font-size:.61rem;font-weight:820;letter-spacing:.12em}.onboarding-preview-copy h2{margin:13px 0 15px;color:#fff;font-size:clamp(2.3rem,4vw,3.8rem);font-weight:750;line-height:1;letter-spacing:-.055em}.onboarding-preview-copy p{max-width:430px;margin:0;color:#b4bddf;font-size:.75rem;line-height:1.55} .onboarding-browser{position:relative;z-index:2;margin-top:31px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#fff;box-shadow:0 28px 60px rgba(4,9,33,.35);transform:perspective(1000px) rotateY(-2deg)}.onboarding-browser-bar{display:flex;height:34px;align-items:center;gap:5px;padding:0 11px;background:#f0f1f5}.onboarding-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d1d3dc}.onboarding-browser-bar i:first-child{background:#f08b89}.onboarding-browser-bar i:nth-child(2){background:#eac55e}.onboarding-browser-bar i:nth-child(3){background:#6fc796}.onboarding-browser-bar span{max-width:65%;margin:auto;overflow:hidden;padding:4px 15px;border-radius:5px;color:#8b8e9a;background:#fff;font-size:.45rem;text-overflow:ellipsis;white-space:nowrap}.onboarding-browser-nav{display:flex;height:49px;align-items:center;padding:0 21px;gap:10px;color:#242a39}.onboarding-browser-nav strong{margin-right:auto;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.onboarding-browser-nav span{width:25px;height:4px;border-radius:99px;background:#dfe1e7}.onboarding-browser-hero{min-height:155px;padding:26px;background:linear-gradient(135deg,#e7e8dd,#cdd6cb);color:#29312c}.onboarding-browser-hero small{font-size:.4rem;font-weight:820;letter-spacing:.14em}.onboarding-browser-hero h3{margin:7px 0 13px;color:#29312c;font-family:Georgia,serif;font-size:1.45rem;font-weight:500;line-height:1}.onboarding-browser-hero b{display:inline-block;padding:7px 9px;color:#fff;background:#26382f;font-size:.43rem}.onboarding-browser-products{display:grid;height:70px;padding:11px 20px;grid-template-columns:repeat(3,1fr);gap:10px;background:#fafaf8}.onboarding-browser-products i{border-radius:5px;background:linear-gradient(145deg,#536977,#b8c7c8)}.onboarding-browser-products i:nth-child(2){background:linear-gradient(145deg,#a87762,#e4b895)}.onboarding-browser-products i:nth-child(3){background:linear-gradient(145deg,#51577f,#9da5de)}.onboarding-ready-pill{position:relative;z-index:3;display:flex;align-items:center;align-self:flex-end;gap:7px;margin-top:19px;padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#d8f7e7;background:rgba(16,24,58,.35);font-size:.61rem;font-weight:690;backdrop-filter:blur(8px)}.onboarding-ready-pill .icon{width:14px;color:#69d49c} @media (max-width:960px){.onboarding-page{padding:30px 18px 55px}.onboarding-shell{grid-template-columns:1fr}.onboarding-card{min-height:610px}.onboarding-preview{min-height:570px}.onboarding-browser{width:min(560px,100%)}} @media (max-width:620px){.onboarding-progress li{font-size:.58rem}.onboarding-progress span{width:27px;height:27px}.onboarding-page{padding:14px 10px 35px}.onboarding-shell{border-radius:22px}.onboarding-card{min-height:600px;padding:30px 23px}.onboarding-card-head h1{font-size:2.35rem}.onboarding-preview{min-height:500px;padding:38px 23px}.onboarding-preview-copy h2{font-size:2.45rem}.onboarding-url-field{height:auto;flex-direction:column;align-items:stretch}.onboarding-url-field>span{height:34px;padding:0 13px}.onboarding-url-field input{height:49px;padding:0 13px}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions .btn{width:100%}.onboarding-back,.onboarding-skip{align-self:center}.onboarding-browser{transform:none}} /* Compact secondary-page heroes ----------------------------------------- */ .marketing-subhero.compact-subpage-hero{display:block;min-height:320px;padding:58px max(24px,calc((100vw - 1280px)/2));text-align:left} .marketing-subhero.compact-subpage-hero::before{display:none} .marketing-subhero.compact-subpage-hero>div:last-child{max-width:880px;margin:0} .marketing-subhero.compact-subpage-hero h1{margin:11px 0 14px;font-size:clamp(2.3rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.045em} .marketing-subhero.compact-subpage-hero p{max-width:700px;margin:0;font-size:.98rem;line-height:1.62} .marketing-subhero.compact-subpage-hero .marketing-hero-actions{justify-content:flex-start;margin-top:24px} .why-hero.compact-subpage-hero{color:#fff;background:linear-gradient(135deg,#202c61,#2d3b7b)} /* ----- Affiliate program (/affiliate-program) ----- */ .affiliate-hero.compact-subpage-hero{min-height:430px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(91,104,227,.5),transparent 45%),linear-gradient(135deg,#1c2757,#2d3b7b 55%,#24568a)} .affiliate-hero.compact-subpage-hero h1{color:#fff} .affiliate-hero.compact-subpage-hero h1 span{color:#8ee6b4} .affiliate-hero.compact-subpage-hero p{color:rgba(255,255,255,.82);max-width:640px} .affiliate-hero-notes{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;color:rgba(255,255,255,.75);font-size:.76rem;font-weight:650} .affiliate-hero-notes span{display:inline-flex;align-items:center;gap:6px} .affiliate-hero-notes .icon{width:14px;color:#8ee6b4;stroke-width:2.7} .affiliate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:60px;padding-bottom:20px} .affiliate-stats article{display:flex;flex-direction:column;gap:9px;padding:26px;border:1px solid var(--mkt-border);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(37,52,120,.07);transition:transform .24s var(--mkt-ease),box-shadow .24s ease} .affiliate-stats article:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(37,52,120,.13)} .affiliate-stats i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--mkt-sapphire);background:#eef0ff} .affiliate-stats i .icon{width:20px} .affiliate-stats strong{margin-top:8px;font-size:1.9rem;font-weight:790;letter-spacing:-.04em} .affiliate-stats span{color:#7a7d8c;font-size:.76rem;line-height:1.55} .affiliate-math-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:0 auto} .affiliate-math-grid article{display:flex;flex-direction:column;padding:30px 28px;border:1px solid var(--mkt-border);border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(37,52,120,.07)} .affiliate-math-grid small{color:var(--mkt-sapphire);font-size:.66rem;font-weight:760;letter-spacing:.14em} .affiliate-math-grid h3{margin:10px 0 4px;font-size:1.15rem;letter-spacing:-.02em} .affiliate-math-grid p{margin:0 0 22px;color:#7a7d8c;font-size:.8rem;line-height:1.55} .affiliate-math-grid strong{margin-top:auto;font-size:2.6rem;font-weight:790;letter-spacing:-.05em} .affiliate-math-grid article>span{margin-top:4px;color:#7a7d8c;font-size:.74rem} .affiliate-math-featured{position:relative;border:2px solid #35a06f!important;background:linear-gradient(180deg,#f0faf4,#fff 30%)!important;box-shadow:0 24px 60px rgba(53,160,111,.16)!important} .affiliate-math-featured strong{color:#2b8a5f} .affiliate-math-footnote{max-width:760px;margin:34px auto 0;color:#7a7d8c;font-size:.78rem;line-height:1.6;text-align:center} .affiliate-math-footnote a{color:var(--mkt-sapphire);font-weight:650} .affiliate-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin-top:46px} .affiliate-cta-row>span{color:#7a7d8c;font-size:.78rem;font-weight:650} .affiliate-rules .affiliate-cta-row{grid-column:1/-1} /* `.comparison-copy` est collant sur « Why ScaleEdges », où la colonne de droite est longue. Ici la liste tient en quatre lignes : le bloc se décollait au scroll pour rien. Il reste à sa place. */ .affiliate-rules .comparison-copy{position:static} @media (max-width:760px){.affiliate-cta-row{flex-direction:column;margin-top:34px;text-align:center}} .affiliate-rules{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:55px;align-items:start;max-width:1120px} .affiliate-rules-list{display:grid;gap:20px;margin:0} @media (max-width: 980px){ .affiliate-stats{grid-template-columns:repeat(2,1fr)} .affiliate-math-grid{grid-template-columns:1fr;max-width:520px} .affiliate-rules{grid-template-columns:1fr;gap:30px} } @media (max-width: 520px){ .affiliate-stats{grid-template-columns:1fr;padding-top:45px} .affiliate-hero-notes{display:grid;gap:9px} } .why-hero.compact-subpage-hero h1{color:#fff}.why-hero.compact-subpage-hero p{color:#d1d6eb} .features-hero{border-bottom:1px solid rgba(37,52,120,.08);background:linear-gradient(135deg,#fbfbfe,#f2f4fb)} .features-hero h1{color:#191d2d} /* Documentation and editorial hubs --------------------------------------- */ .content-hub-page,.content-article-page{background:linear-gradient(180deg,#fcfbfe 0%,#f8f8ff 48%,#fcfbfe 100%)} .content-hub-hero{position:relative;min-height:320px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:#293672} .content-hub-blog .content-hub-hero{background:#293672} .content-article-hero::before{content:"";position:absolute;z-index:-1;top:50%;left:57%;width:720px;height:720px;border:1px solid rgba(91,104,227,.1);border-radius:50%;box-shadow:0 0 0 100px rgba(91,104,227,.023),0 0 0 200px rgba(91,104,227,.016);transform:translate(-50%,-50%)} .content-article-hero::after{content:"";position:absolute;z-index:-2;inset:0;opacity:.24;background-image:radial-gradient(rgba(37,52,120,.22) .65px,transparent .65px);background-size:22px 22px;mask-image:linear-gradient(110deg,#000,transparent 78%)} .content-hub-hero-inner{display:block;width:min(1280px,calc(100% - 48px));min-height:320px;margin:0 auto;padding:58px 0} .content-hub-hero-copy{position:relative;z-index:1;max-width:880px}.content-hub-hero-copy h1{max-width:850px;margin:11px 0 14px;color:#fff;font-size:clamp(2.3rem,4vw,3.35rem);font-weight:790;line-height:1.05;letter-spacing:-.045em}.content-hub-hero-copy>p{max-width:700px;margin:0;color:#d8ddf3;font-size:.98rem;line-height:1.62}.content-hub-actions{justify-content:flex-start;margin-top:24px} .content-hub-library{padding-top:110px}.content-library-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);align-items:end;gap:60px;margin-bottom:55px}.content-library-heading h2{max-width:750px;margin:14px 0 0;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:760}.content-library-heading>p{margin:0;color:var(--mkt-ink-soft);font-size:.98rem;line-height:1.75} .content-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(235px,auto);gap:16px}.content-bento-card{position:relative;isolation:isolate;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--mkt-border);border-radius:25px;background:#fff;box-shadow:0 15px 45px rgba(37,52,120,.065);transition:transform .26s var(--mkt-ease),box-shadow .26s ease,border-color .26s ease}.content-bento-card:hover{border-color:rgba(91,104,227,.28);box-shadow:0 26px 62px rgba(37,52,120,.13);transform:translateY(-6px)}.content-card-stretched{position:absolute;z-index:4;inset:0;border-radius:inherit}.content-card-topline,.content-card-body,.content-featured-art{position:relative;z-index:2}.content-card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.content-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:var(--mkt-sapphire);box-shadow:0 12px 24px rgba(91,104,227,.2)}.content-card-icon .icon{width:19px}.content-card-label{color:#5c65b4;font-size:.63rem;font-weight:820;letter-spacing:.11em;text-transform:uppercase}.content-card-number{color:#7279bd;font-size:.68rem;font-weight:820;letter-spacing:.1em}.content-bento-card time{color:#8b8e9c;font-size:.65rem}.content-card-body{display:flex;flex:1;flex-direction:column}.content-card-body h3{margin:0;font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:740;line-height:1.08}.content-card-body p{display:-webkit-box;margin:13px 0 0;overflow:hidden;color:#696d7e;font-size:.82rem;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.content-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:22px;color:var(--mkt-indigo);font-size:.72rem;font-weight:790}.content-card-link b{font-size:1rem;transition:transform .2s ease}.content-bento-card:hover .content-card-link b{transform:translateX(4px)} .content-bento-featured{grid-column:span 8;grid-row:span 2;min-height:500px;padding:34px;background:linear-gradient(135deg,#fff 0%,#f7f7ff 50%,#e9edff 100%)}.content-hub-blog .content-bento-featured{background:linear-gradient(135deg,#fff 0%,#fdf5f9 48%,#f5dfeb 100%)}.content-bento-featured::before{content:"";position:absolute;z-index:0;right:-100px;bottom:-160px;width:420px;height:420px;border:55px solid rgba(91,104,227,.07);border-radius:50%}.content-bento-featured .content-card-body{max-width:63%;justify-content:flex-end}.content-bento-featured .content-card-body time{margin-bottom:12px}.content-bento-featured .content-card-body h3{font-size:clamp(2.15rem,4vw,3.75rem)}.content-bento-featured .content-card-body p{max-width:540px;font-size:.92rem}.content-featured-art{position:absolute;right:30px;bottom:32px;display:grid;width:180px;height:215px;place-items:center;border:1px solid rgba(37,52,120,.11);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 22px 45px rgba(37,52,120,.12);transform:rotate(5deg)}.content-featured-art span{display:grid;width:68px;height:68px;place-items:center;border-radius:20px;color:#fff;background:var(--mkt-sapphire);box-shadow:0 18px 30px rgba(91,104,227,.22)}.content-hub-blog .content-featured-art span{background:#b45f8a}.content-featured-art .icon{width:31px}.content-featured-art i{position:absolute;right:26px;bottom:35px;left:26px;height:5px;border-radius:20px;background:#e1e3ee}.content-featured-art i:nth-of-type(2){bottom:24px;right:55px}.content-featured-art i:nth-of-type(3){bottom:13px;right:42px} .content-bento-item{grid-column:span 4;padding:26px}.content-bento-item .content-card-body{padding-top:30px}.content-bento-item-1{background:linear-gradient(145deg,#fff,#f1f3ff)}.content-bento-item-2{background:linear-gradient(145deg,#fff,#edf8f2)}.content-bento-item-3{background:linear-gradient(145deg,#fff,#faf0f5)}.content-bento-item-4{background:linear-gradient(145deg,#fff,#fff7e8)}.content-hub-blog .content-bento-item-1{background:linear-gradient(145deg,#fff,#f9eaf2)} .content-empty-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(210px,auto);gap:16px}.content-empty-bento article{overflow:hidden;border:1px solid var(--mkt-border);border-radius:26px;box-shadow:0 16px 45px rgba(37,52,120,.07)}.content-empty-main{position:relative;grid-column:span 8;grid-row:span 2;display:flex;min-height:455px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:42px;background:linear-gradient(135deg,#fff,#f1f2ff)}.content-hub-blog .content-empty-main{background:linear-gradient(135deg,#fff,#f7e9f1)}.content-empty-main::after{content:"";position:absolute;top:-130px;right:-90px;width:330px;height:330px;border:45px solid rgba(91,104,227,.07);border-radius:50%}.content-empty-main .content-card-icon{margin-bottom:auto}.content-empty-main h2{max-width:570px;margin:13px 0;font-size:clamp(2.2rem,4vw,3.8rem)}.content-empty-main p{max-width:590px;margin:0 0 24px;color:var(--mkt-ink-soft);line-height:1.7}.content-empty-tile{grid-column:span 4;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}.content-empty-tile>span{display:grid;width:43px;height:43px;place-items:center;margin-bottom:auto;border-radius:12px}.content-empty-tile .icon{width:19px}.content-empty-tile strong{font-size:1.25rem}.content-empty-tile p{margin:8px 0 0;color:#707485;font-size:.78rem;line-height:1.55}.content-empty-tile-one{background:linear-gradient(145deg,#f1f2ff,#e7eaff)}.content-empty-tile-one>span{color:#4d59bd;background:#fff}.content-empty-tile-two{background:linear-gradient(145deg,#eaf8f0,#daf1e4)}.content-empty-tile-two>span{color:#277452;background:#fff}.content-hub-blog .content-empty-tile-one{background:linear-gradient(145deg,#f9eaf2,#f1d9e6)}.content-hub-blog .content-empty-tile-one>span{color:#9c4a72} .content-hub-closing{position:relative;display:grid;width:min(1240px,calc(100% - 48px));margin-bottom:110px;padding:clamp(48px,7vw,82px);overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);align-items:center;gap:60px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#18224d,#2f3f88);box-shadow:0 28px 75px rgba(37,52,120,.2)}.content-hub-blog .content-hub-closing{background:linear-gradient(135deg,#4b2c4a,#7e4568)}.content-hub-closing::after{content:"";position:absolute;right:-130px;bottom:-210px;width:500px;height:500px;border:65px solid rgba(255,255,255,.055);border-radius:50%}.content-closing-copy{position:relative;z-index:2}.content-closing-copy h2{max-width:700px;margin:14px 0 17px;color:#fff;font-size:clamp(2.4rem,4.8vw,4.6rem)}.content-closing-copy>p{max-width:640px;margin:0;color:#cbd1ed;line-height:1.72}.content-closing-copy .marketing-hero-actions{justify-content:flex-start}.content-closing-bento{position:relative;z-index:2;display:grid;height:320px;place-items:center}.content-closing-logo{display:grid;width:145px;height:145px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:rgba(255,255,255,.09);box-shadow:0 25px 55px rgba(6,11,34,.2);backdrop-filter:blur(10px)}.content-closing-logo img{width:92px}.content-closing-pill{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(6,11,34,.12);font-size:.66rem;font-weight:720}.content-closing-pill .icon{width:14px}.content-closing-pill:nth-of-type(2){top:20px;left:2%}.content-closing-pill:nth-of-type(3){top:42%;right:-2%}.content-closing-pill:nth-of-type(4){bottom:20px;left:5%} /* Clearer heading hierarchy on secondary information pages. */ .why-page .manifesto-grid h2,.why-page .marketing-section-heading h2,.why-page .comparison-copy h2,.why-page .control-copy h2{font-size:clamp(2.05rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.04em} .why-page .why-pillar h3{font-size:1.65rem;line-height:1.12} .content-hub-page .content-hub-library{padding-top:95px} .content-hub-page .content-library-heading h2{margin-top:12px;font-size:clamp(2.05rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.04em} .content-hub-page .content-library-heading>p{font-size:.93rem;line-height:1.7} .content-hub-page .content-bento-featured .content-card-body h3{font-size:clamp(1.85rem,3.2vw,2.85rem)} .content-hub-page .content-empty-main h2{font-size:clamp(1.95rem,3.3vw,3rem)} .content-hub-page .content-empty-tile strong{font-size:1.15rem} .content-hub-page .content-closing-copy h2{font-size:clamp(2.05rem,3.6vw,3.25rem);line-height:1.08} /* Platform articles ------------------------------------------------------- */ .content-article-hero{position:relative;isolation:isolate;min-height:570px;padding:105px 24px 95px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(91,104,227,.14),transparent 28%),linear-gradient(180deg,#fcfbfe,#eff2ff)}.content-hub-blog .content-article-hero{background:radial-gradient(circle at 50% 35%,rgba(180,95,138,.16),transparent 28%),linear-gradient(180deg,#fcfbfe,#f8edf3)}.content-article-hero-inner{position:relative;z-index:2;max-width:1020px;margin:0 auto}.content-article-breadcrumb{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:30px;color:#85899a;font-size:.74rem;font-weight:650}.content-article-breadcrumb a{color:#606477}.content-article-hero h1{max-width:980px;margin:18px auto 22px;font-size:clamp(3rem,6.4vw,6rem);font-weight:790;line-height:.96;letter-spacing:-.068em}.content-article-summary{max-width:750px;margin:0 auto;color:var(--mkt-ink-soft);font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.72}.content-article-hero time{display:block;margin-top:24px;color:#777b8d;font-size:.74rem;font-weight:650} .content-article-layout{display:grid;max-width:1180px;grid-template-columns:235px minmax(0,790px);align-items:start;justify-content:center;gap:65px;padding-top:90px}.content-article-aside{position:sticky;top:110px}.content-article-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--mkt-indigo);font-size:.76rem;font-weight:760}.content-article-aside-card{display:flex;min-height:280px;flex-direction:column;padding:23px;border:1px solid var(--mkt-border);border-radius:20px;background:linear-gradient(145deg,#fff,#f0f2ff);box-shadow:0 16px 40px rgba(37,52,120,.08)}.content-hub-blog .content-article-aside-card{background:linear-gradient(145deg,#fff,#f8eaf2)}.content-article-aside-card .content-card-icon{margin-bottom:auto}.content-hub-blog .content-article-aside-card .content-card-icon{background:#b45f8a}.content-article-aside-card small{margin-top:35px;color:#747ab4;font-size:.57rem;font-weight:840;letter-spacing:.12em}.content-article-aside-card strong{margin-top:8px;font-size:1.05rem;line-height:1.25}.content-article-aside-card>a{display:flex;align-items:center;gap:5px;margin-top:18px;color:var(--mkt-indigo);font-size:.68rem;font-weight:760} .content-article-paper{min-width:0;padding:clamp(30px,5vw,64px);border:1px solid var(--mkt-border);border-radius:28px;background:#fff;box-shadow:0 20px 65px rgba(37,52,120,.08)}.content-article-page .platform-markdown{color:#373a47;font-size:1.05rem;line-height:1.86}.content-article-page .platform-markdown> :first-child{margin-top:0}.content-article-page .platform-markdown h2,.content-article-page .platform-markdown h3,.content-article-page .platform-markdown h4{color:var(--mkt-carbon);letter-spacing:-.035em}.content-article-page .platform-markdown h2{margin-top:3.2rem;font-size:2rem}.content-article-page .platform-markdown h3{margin-top:2.4rem;font-size:1.45rem}.content-article-page .platform-markdown a{color:var(--mkt-sapphire);font-weight:680;text-decoration:underline;text-decoration-color:rgba(91,104,227,.3);text-underline-offset:3px}.content-article-page .platform-markdown blockquote{padding:1.15rem 1.35rem;border:0;border-left:4px solid var(--mkt-sapphire);border-radius:0 14px 14px 0;background:#f2f3ff}.content-article-page .platform-markdown pre{border:1px solid #2d3557;border-radius:15px;box-shadow:0 16px 35px rgba(21,27,45,.14)}.content-article-page .platform-markdown img{border:1px solid var(--mkt-border);border-radius:18px;box-shadow:0 16px 45px rgba(37,52,120,.1)} .content-article-next{width:min(900px,calc(100% - 48px));margin:0 auto 110px;padding:70px 35px;border:1px solid var(--mkt-border);border-radius:30px;text-align:center;background:linear-gradient(135deg,#f0f2ff,#fff 55%,#edf8f2);box-shadow:0 18px 55px rgba(37,52,120,.08)}.content-hub-blog .content-article-next{background:linear-gradient(135deg,#f8eaf2,#fff 55%,#f0f2ff)}.content-article-next h2{margin:14px 0 12px;font-size:clamp(2.2rem,4.4vw,4rem)}.content-article-next p{margin:0;color:var(--mkt-ink-soft)}.content-article-next .marketing-button{margin-top:27px} @media (max-width:1040px){ .content-bento-featured{grid-column:span 12}.content-bento-item{grid-column:span 6}.content-empty-main{grid-column:span 12;grid-row:auto}.content-empty-tile{grid-column:span 6}.content-hub-closing{grid-template-columns:1fr}.content-closing-copy{text-align:center}.content-closing-copy>p{margin-right:auto;margin-left:auto}.content-closing-copy .marketing-hero-actions{justify-content:center}.content-closing-bento{width:min(500px,100%);margin:0 auto} .content-article-layout{grid-template-columns:1fr;gap:25px}.content-article-aside{position:static;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:20px}.content-article-back{grid-column:1/-1;margin-bottom:0}.content-article-aside-card{min-height:0}.content-article-aside-card .content-card-icon{margin-bottom:25px} } @media (max-width:700px){ .marketing-subhero.compact-subpage-hero{min-height:0;padding:50px 18px 54px}.marketing-subhero.compact-subpage-hero h1{font-size:clamp(2.55rem,11vw,3.65rem)}.marketing-subhero.compact-subpage-hero p{font-size:.96rem}.marketing-subhero.compact-subpage-hero .marketing-hero-actions{margin-top:21px} .content-hub-hero{min-height:0}.content-hub-hero-inner{width:calc(100% - 36px);min-height:0;padding:50px 0 54px}.content-hub-hero-copy h1{font-size:clamp(2.55rem,11vw,3.65rem)}.content-hub-hero-copy>p{font-size:.96rem}.content-hub-actions{margin-top:21px} .content-hub-library{width:calc(100% - 24px);padding-top:75px}.content-library-heading{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.content-library-heading h2{font-size:2.55rem}.content-bento-grid,.content-empty-bento{grid-template-columns:1fr;grid-auto-rows:auto}.content-bento-featured,.content-bento-item,.content-empty-main,.content-empty-tile{grid-column:auto;grid-row:auto}.content-bento-featured{min-height:560px;padding:25px}.content-bento-featured .content-card-body{max-width:100%;padding-bottom:190px}.content-featured-art{right:50%;bottom:25px;width:150px;height:160px;transform:translateX(50%) rotate(4deg)}.content-bento-item{min-height:245px;padding:23px}.content-empty-main{min-height:470px;padding:28px}.content-empty-tile{min-height:210px}.content-hub-closing{width:calc(100% - 24px);margin-bottom:70px;padding:52px 22px;border-radius:26px}.content-closing-bento{height:270px}.content-closing-logo{width:120px;height:120px}.content-closing-logo img{width:75px}.content-closing-pill:nth-of-type(2){left:-5px}.content-closing-pill:nth-of-type(3){right:-5px} .content-article-hero{min-height:520px;padding:80px 18px}.content-article-hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.content-article-layout{width:calc(100% - 24px);padding-top:65px}.content-article-aside{display:block}.content-article-back{margin-bottom:20px}.content-article-paper{padding:27px 22px;border-radius:21px}.content-article-page .platform-markdown{font-size:.98rem;line-height:1.78}.content-article-page .platform-markdown h2{font-size:1.65rem}.content-article-next{width:calc(100% - 24px);margin-bottom:70px;padding:55px 22px;border-radius:24px} } @media (max-width:700px){ .marketing-subhero.compact-subpage-hero{padding:46px 18px 50px} .marketing-subhero.compact-subpage-hero h1{font-size:clamp(2.2rem,9vw,2.9rem)} .marketing-subhero.compact-subpage-hero p{font-size:.93rem} .content-hub-hero-inner{padding:46px 0 50px} .content-hub-hero-copy h1{font-size:clamp(2.2rem,9vw,2.9rem)} .content-hub-hero-copy>p{font-size:.93rem} .content-hub-page .content-hub-library{padding-top:70px} .content-hub-page .content-library-heading h2{font-size:2.15rem} } /* Not found --------------------------------------------------------------- */ .marketing-not-found { position: relative; isolation: isolate; display: grid; min-height: calc(100svh - 76px); place-items: center; padding: clamp(82px, 10vw, 132px) 24px clamp(92px, 11vw, 150px); overflow: hidden; text-align: center; background: linear-gradient(180deg, #fcfbfe 0%, #f6f7fc 100%); } .marketing-not-found-inner { position: relative; z-index: 2; width: min(760px,100%); } .marketing-not-found-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border: 1px solid rgba(91,104,227,.18); border-radius: 999px; color: #4b53a8; background: rgba(255,255,255,.76); box-shadow: 0 8px 24px rgba(37,52,120,.06); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; backdrop-filter: blur(8px); } .marketing-not-found-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--mkt-sapphire); box-shadow: 0 0 0 4px rgba(91,104,227,.12); } .marketing-not-found-code { display: flex; align-items: center; justify-content: center; gap: clamp(7px,1.4vw,16px); margin: clamp(24px,4vw,38px) 0 8px; color: var(--mkt-indigo); font-size: clamp(6.7rem,17vw,11.5rem); font-weight: 820; line-height: .7; letter-spacing: -.1em; } .marketing-not-found-code > span { display: block; } .marketing-not-found-zero { display: grid!important; width: clamp(86px,13vw,145px); aspect-ratio: 1; place-items: center; margin: 0 clamp(2px,.7vw,8px); border: 1px solid rgba(91,104,227,.17); border-radius: 50%; background: rgba(255,255,255,.7); box-shadow: 0 24px 55px rgba(37,52,120,.14); backdrop-filter: blur(10px); } .marketing-not-found-zero img { display: block; width: 67%; filter: drop-shadow(0 12px 15px rgba(37,52,120,.2)); } .marketing-not-found h1 { max-width: 700px; margin: clamp(30px,5vw,46px) auto 0; font-size: clamp(2rem,4vw,3.35rem); font-weight: 780; } .marketing-not-found-inner > p:not(.marketing-not-found-help) { max-width: 610px; margin: 22px auto 0; color: var(--mkt-ink-soft); font-size: clamp(1rem,1.6vw,1.16rem); line-height: 1.7; } .marketing-not-found-actions { display: flex; justify-content: center; gap: 12px; margin-top: 30px; flex-wrap: wrap; } .marketing-not-found-help { margin: 22px 0 0; color: #74788c; font-size: .78rem; } .marketing-not-found-help a { color: var(--mkt-indigo); font-weight: 750; text-decoration: underline; text-decoration-color: rgba(37,52,120,.25); text-underline-offset: 3px; } .marketing-not-found-help a:hover { color: var(--mkt-sapphire); text-decoration-color: currentColor; } /* Footer ------------------------------------------------------------------ */ .marketing-footer{margin-top:0;padding:72px max(24px,calc((100vw - 1280px)/2)) 24px;color:#bbc2dc;background:#131b3d}.marketing-footer-inner{display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(130px,.58fr));gap:50px;padding-bottom:55px}.marketing-footer-logo{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:1.2rem;font-weight:820;letter-spacing:-.045em}.marketing-footer-logo:hover{color:#fff}.marketing-footer-logo>span>span{color:#7d89f0}.marketing-footer-logo img{width:42px;height:42px;object-fit:contain}.marketing-footer-brand>p{max-width:330px;margin:18px 0;color:#9ea7ca;font-size:.82rem;line-height:1.65}.marketing-footer-socials{display:flex;gap:8px;margin-top:20px}.marketing-footer-socials a{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#ccd2e8;background:rgba(255,255,255,.04);transition:background .2s ease,transform .2s ease}.marketing-footer-socials a:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px)}.marketing-footer-socials .icon{width:15px;height:15px}.marketing-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.marketing-footer-column strong{margin-bottom:5px;color:#fff;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.marketing-footer-column a{color:#aeb6d3;font-size:.75rem}.marketing-footer-column a:hover{color:#fff}.marketing-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#7f89ac;font-size:.65rem} /* Progressive motion ----------------------------------------------------- */ .marketing-motion-ready [data-reveal]{opacity:0;translate:0 24px;transition:opacity .72s var(--mkt-ease),translate .72s var(--mkt-ease)}.marketing-motion-ready [data-reveal].is-revealed{opacity:1;translate:0 0}.marketing-motion-ready .why-pillar:nth-child(2),.marketing-motion-ready .journey-grid article:nth-child(2){transition-delay:.08s}.marketing-motion-ready .why-pillar:nth-child(3),.marketing-motion-ready .journey-grid article:nth-child(3){transition-delay:.16s} /* Responsive -------------------------------------------------------------- */ @media (max-width: 1120px){ .marketing-shell .marketing-nav-links{gap:16px}.marketing-shell .marketing-nav-links>a{font-size:.82rem}.marketing-shell .marketing-nav-actions .marketing-nav-cta{padding:0 14px} .marketing-hero{min-height:930px}.marketing-product-demo{height:540px}.demo-dashboard-main{padding:23px}.demo-grid{grid-template-columns:1.45fr .85fr}.demo-chart-card,.demo-orders-card{height:260px}.demo-chart{height:176px} .feature-band-inner{grid-template-columns:minmax(310px,.9fr) minmax(420px,1.1fr);gap:45px}.feature-list-grid{grid-template-columns:1fr}.feature-band-visual{min-height:500px}.integration-tools-demo{height:530px}.secure-checkout-card{left:5px}.security-stack{right:-15px} .bento-store{grid-template-columns:.75fr 1.25fr}.store-builder-demo{margin-right:-100px} .marketing-discovery-section{grid-template-columns:.9fr 1.1fr;gap:30px}.discovery-visual{height:470px} } @media (max-width: 920px){ .marketing-menu-open{overflow:hidden}.marketing-shell .marketing-nav{min-height:68px;padding:11px 20px}.marketing-brand-icon{width:36px;height:36px}.marketing-menu-toggle{display:block}.marketing-shell .marketing-nav-links{position:absolute;top:calc(100% + 1px);right:14px;left:14px;display:flex;max-height:0;flex-direction:column;align-items:stretch;gap:2px;padding:0 14px;overflow:hidden;border:0 solid var(--mkt-border);border-radius:0 0 16px 16px;background:rgba(252,251,254,.98);box-shadow:0 25px 45px rgba(37,52,120,.14);opacity:0;transform:translateY(-8px);transition:max-height .3s var(--mkt-ease),padding .3s ease,opacity .2s ease,transform .3s var(--mkt-ease);backdrop-filter:blur(18px)}.marketing-shell .marketing-nav.is-open .marketing-nav-links{max-height:560px;padding-top:12px;padding-bottom:15px;border-width:0 1px 1px;opacity:1;transform:none}.marketing-shell .marketing-nav-links>a{width:100%;padding:11px 8px;font-size:.9rem}.marketing-shell .marketing-nav-links>a::after{display:none}.marketing-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--mkt-border)}.marketing-shell .marketing-nav-actions a{justify-content:center;text-align:center}.marketing-shell .marketing-nav-actions .marketing-login-link{display:grid;place-items:center;min-height:45px;border:1px solid var(--mkt-border);border-radius:10px}.marketing-nav.is-open .marketing-menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.marketing-nav.is-open .marketing-menu-toggle span:nth-child(2){opacity:0}.marketing-nav.is-open .marketing-menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)} .feature-jump-nav{top:68px}.feature-band-inner,.feature-band-reverse{grid-template-columns:1fr}.feature-band-reverse .feature-band-copy,.feature-band-reverse .feature-band-visual{order:initial}.feature-band-copy{max-width:760px}.feature-list-grid{grid-template-columns:repeat(2,1fr)}.feature-band-visual{width:min(700px,100%);margin:0 auto}.feature-band{scroll-margin-top:140px} .bento-store,.bento-checkout{grid-template-columns:1fr}.bento-store .bento-copy,.bento-checkout .bento-copy{padding-bottom:0}.store-builder-demo{height:420px;margin:25px -50px -28px 70px}.checkout-demo{margin-top:20px} .marketing-discovery-section,.marketing-integrations{grid-template-columns:1fr}.marketing-discovery-section{padding-top:75px}.discovery-copy{max-width:680px}.discovery-visual{width:min(650px,100%);margin:0 auto}.marketing-integrations{gap:15px}.integrations-copy{text-align:center}.integrations-copy>p{margin-right:auto;margin-left:auto}.integration-orbit{width:min(640px,100%);margin:0 auto} .marketing-price-cta{grid-template-columns:1fr}.price-zero{justify-self:center}.marketing-faq{grid-template-columns:1fr}.marketing-section-heading-left{max-width:720px}.faq-list{width:100%} .manifesto-grid{grid-template-columns:1fr;gap:30px}.why-pillars{grid-template-columns:1fr}.why-pillar{min-height:300px}.why-pillar>i{margin-bottom:45px}.stack-comparison-wrap{grid-template-columns:1fr}.stack-arrow{margin:0 auto;transform:rotate(90deg)}.why-comparison{grid-template-columns:1fr}.comparison-copy{position:static}.journey-grid{grid-template-columns:1fr}.journey-grid article{min-height:330px}.why-control{grid-template-columns:1fr}.control-copy{grid-row:1}.control-visual{width:min(700px,100%);margin:0 auto} .pricing-core-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width: 760px){ .marketing-section-pad{width:min(100% - 32px,1280px);padding-top:72px;padding-bottom:72px}.marketing-hero{min-height:810px;padding:76px 16px 86px}.marketing-hero h1{font-size:clamp(3rem,13vw,4.6rem)}.marketing-hero-copy>p{font-size:1rem}.floating-brand-1{top:8%;left:-8px;width:62px}.floating-brand-2{top:20%;right:-5px;width:50px}.floating-brand-3,.floating-brand-4,.floating-brand-5,.floating-brand-6{display:none}.marketing-product-demo{width:calc(100vw - 30px);height:445px;margin-top:60px}.demo-window-bar{grid-template-columns:1fr auto}.demo-address{display:none}.demo-dashboard{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-dashboard-main{padding:18px}.demo-heading-row strong{font-size:.93rem}.demo-metrics{gap:7px}.demo-metrics article{padding:10px}.demo-metrics article strong{font-size:1rem}.demo-metrics article small{display:none}.demo-grid{grid-template-columns:1fr}.demo-chart-card{height:240px}.demo-chart{height:157px}.demo-orders-card{display:none}.demo-sale-toast{top:80px;right:-7px}.demo-ai-toast{bottom:-30px;left:10px}.marketing-proof-strip{grid-template-columns:repeat(2,1fr);margin-top:-30px;padding:12px}.marketing-proof-strip>div{padding:13px;border-bottom:1px solid var(--mkt-border)}.marketing-proof-strip>div:nth-child(2){border-right:0}.marketing-proof-strip>div:nth-child(3),.marketing-proof-strip>div:nth-child(4){border-bottom:0} .marketing-bento{grid-template-columns:1fr}.bento-card,.bento-store,.bento-checkout{grid-column:auto;border-radius:22px}.bento-store{min-height:680px}.store-builder-demo{height:370px;margin:22px -120px -25px 40px}.canvas-hero{height:200px}.canvas-products{display:none}.bento-growth,.bento-analytics{min-height:570px}.growth-demo{margin-right:24px;margin-left:24px}.coupon-ticket{width:220px}.growth-flow{width:240px}.mini-analytics{margin-right:24px;margin-left:24px}.checkout-demo{width:calc(100% - 40px)} .marketing-discovery-section{width:calc(100% - 24px);padding:65px 24px;border-radius:26px}.discovery-copy h2{font-size:2.65rem}.discovery-visual{height:400px}.search-card-main{top:65px;left:0}.ai-answer-card{bottom:42px;width:245px}.search-rank-badge{right:0}.marketing-price-cta{padding-right:25px;padding-left:25px;border-radius:25px}.price-zero{min-width:0;width:min(280px,100%)} .marketing-final-cta{width:calc(100% - 24px);margin-bottom:50px;padding-right:20px;padding-left:20px;border-radius:27px}.final-cta-mark{opacity:.14}.final-cta-mark-1{left:-30px;width:90px}.final-cta-mark-2{right:-30px;width:110px} .marketing-subhero{min-height:620px;padding:85px 18px}.marketing-subhero h1{font-size:clamp(3rem,12vw,4.7rem)}.subhero-logo-one{left:-10px;width:65px}.subhero-logo-two{right:-8px;width:50px}.feature-jump-nav{width:calc(100% - 20px);margin-bottom:25px}.feature-band{width:calc(100% - 20px);padding:58px 22px;border-radius:26px}.feature-list-grid{grid-template-columns:1fr}.feature-band-visual{min-height:460px}.tools-demo-grid{grid-template-columns:100px 1fr}.tools-demo-grid aside{padding:14px 7px}.tools-demo-grid aside span{padding:7px;font-size:.47rem}.campaign-panel{padding:22px 14px}.campaign-stats span{padding:8px}.chip-growth{right:-8px}.analytics-demo-top{padding-right:12px;padding-left:12px}.analytics-demo-chart,.analytics-ai-card{margin-right:12px;margin-left:12px}.customization-tools-demo{grid-template-columns:110px 1fr}.builder-demo-sidebar{padding:13px 8px}.builder-demo-sidebar label i b{width:18px;height:18px}.builder-demo-hero{padding:22px}.builder-demo-hero h3{font-size:1.55rem}.integration-node{min-width:105px;padding:8px}.integration-node i{width:28px;height:28px}.node-mailchimp{left:1%}.node-mailerlite{right:1%}.node-aweber{left:-3%}.node-ai{right:-3%}.secure-checkout-card{left:0;width:290px}.security-stack{right:0;width:220px}.payout-chip{right:0}.compound-flow{grid-template-columns:1fr}.compound-flow em{transform:rotate(90deg)}.compound-flow>span{width:100%;min-height:120px} .comparison-table{overflow-x:auto}.comparison-row{min-width:650px}.why-stack-section,.why-journey{padding-right:16px;padding-left:16px}.stack-chaos,.stack-unified{padding:22px}.control-domain-chip{right:0}.control-css-chip{left:0}.control-browser section{padding:35px}.control-browser section strong{font-size:2rem} .marketing-pricing-page .pricing-grid-three{width:calc(100% - 28px)}.pricing-core-grid{grid-template-columns:1fr}.marketing-pricing-hero{padding-top:90px}.marketing-pricing-hero h1{font-size:clamp(3rem,12vw,4.8rem)} .marketing-not-found{min-height:calc(100svh - 68px);padding:72px 18px 90px}.marketing-not-found h1{margin-top:34px}.marketing-not-found-actions{margin-top:27px} .marketing-footer{padding-top:55px}.marketing-footer-inner{grid-template-columns:repeat(2,1fr);gap:35px}.marketing-footer-brand{grid-column:1/-1}.marketing-footer-bottom{flex-direction:column} } @media (max-width: 520px){ .marketing-button{width:100%;min-height:53px}.marketing-hero-actions{width:100%}.marketing-hero-note{display:grid;grid-template-columns:1fr 1fr;text-align:left}.marketing-hero-note span:last-child{grid-column:1/-1;justify-self:center}.marketing-eyebrow{font-size:.66rem}.marketing-hero{min-height:780px}.marketing-product-demo{height:405px}.demo-heading-row button{font-size:0;width:30px;height:30px;justify-content:center;padding:0}.demo-heading-row button .icon{width:13px}.demo-metrics article>span{font-size:.5rem}.demo-metrics article>span i{display:none}.demo-chart-card{height:215px}.demo-chart{height:137px}.demo-ai-toast{max-width:225px}.format-cloud{gap:7px}.format-cloud span{padding:8px 11px;font-size:.69rem}.bento-copy{padding:27px}.bento-copy .bento-icon{margin-bottom:20px}.store-builder-demo{margin-left:25px}.store-builder-tools{display:none}.store-builder-palette{right:16px;width:155px}.growth-demo{min-height:230px}.growth-flow{right:-8px}.marketing-section-heading h2{font-size:2.4rem}.marketing-integrations{overflow:hidden}.integration-orbit{min-height:420px;transform:scale(.9)}.integration-orbit::after{width:400px;height:400px}.integration-pill{min-width:90px}.integration-pill-3{left:-8%}.integration-pill-4{right:-8%}.price-zero{transform:none}.faq-list details p{margin-right:15px}.faq-list summary{font-size:.91rem} .feature-band-visual{min-height:420px}.feature-browser-bar{height:35px}.tools-demo-grid{grid-template-columns:1fr;height:calc(100% - 35px)}.tools-demo-grid aside{display:none}.campaign-panel{padding:18px}.campaign-discount{padding:17px}.campaign-discount strong{font-size:1.7rem}.analytics-demo-top{grid-template-columns:1fr}.analytics-demo-top>span:nth-child(2){display:none}.analytics-demo-chart{height:180px}.analytics-ai-card{margin-top:10px}.customization-tools-demo{grid-template-columns:82px 1fr;height:445px}.builder-demo-sidebar>label:nth-of-type(2),.builder-demo-sidebar>label:nth-of-type(3){display:none}.builder-demo-page{min-width:0}.builder-demo-nav span{display:none}.builder-demo-hero{height:295px;padding:17px}.builder-demo-hero h3{font-size:1.3rem}.builder-css code{font-size:.36rem}.integration-tools-demo{height:450px}.integration-tools-demo::after{display:none}.integration-node{min-width:92px;grid-template-columns:25px auto}.integration-node i{width:25px;height:25px}.integration-node b{font-size:.5rem}.integration-demo-center{width:120px;height:120px}.integration-demo-center img{width:50px}.node-mailchimp{top:7%}.node-mailerlite{top:8%}.node-aweber{top:48%}.node-ai{top:49%}.node-code{bottom:4%}.security-tools-demo{min-height:510px}.secure-checkout-card{width:260px;padding:16px}.security-stack{bottom:15px;width:205px}.security-stack>span:nth-child(2){display:none}.payout-chip{top:25px}.compound-flow>span{min-height:105px} .why-pillar{padding:27px}.chaos-cards{grid-template-columns:1fr}.chaos-cards span:last-child{grid-column:auto}.comparison-row{grid-template-columns:160px 260px 200px}.journey-grid article{padding:27px}.control-visual{min-height:480px}.control-browser{right:0}.control-browser section{height:330px;padding:25px}.control-domain-chip{bottom:15px}.control-css-chip{bottom:80px}.why-control .marketing-check-list{margin-bottom:0} .marketing-not-found{padding-right:16px;padding-left:16px}.marketing-not-found-code{font-size:clamp(6.1rem,31vw,8.5rem)}.marketing-not-found-zero{width:clamp(76px,25vw,105px)}.marketing-not-found h1{font-size:2.1rem}.marketing-not-found-actions{width:100%}.marketing-not-found-actions .marketing-button{width:100%}.marketing-not-found-help{font-size:.73rem} .marketing-pricing-page .pricing-card{padding:27px 22px}.pricing-hero-notes{display:grid;text-align:left}.marketing-footer-inner{grid-template-columns:1fr 1fr;gap:30px 20px}.marketing-footer-column a{font-size:.7rem} } @media (prefers-reduced-motion: reduce){ .marketing-shell *, .marketing-shell *::before, .marketing-shell *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .marketing-product-demo{transform:none}.floating-brand,.search-card,.search-rank-badge,.final-cta-mark,.subhero-logo,.subhero-orb,.demo-sale-toast,.demo-ai-toast{transform:none} }