/* Company home page */
:root.page-company {
  --navy: #061538;
  --navy-2: #0b2254;
  --ink: #07132f;
  --blue: #0b52ff;
  --cyan: #16d7e6;
  --coral: #ff7868;
  --paper: #f5f7fa;
  --mist: #eaf4ff;
  --warm: #f3eee7;
  --white: #fff;
  --muted: #687389;
  --line: rgba(7,19,47,.13);
  --max: 1320px;
}

html.page-company * { box-sizing: border-box; }
html.page-company { scroll-behavior: smooth; scroll-padding-top: 84px; }
html.page-company body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Manrope", Arial, sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }
html.page-company button, html.page-company input { font: inherit; }
html.page-company a { color: inherit; text-decoration: none; }
html.page-company img { display: block; max-width: 100%; }
html.page-company ::selection { color: white; background: var(--blue); }
html.page-company :focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
html.page-company .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
html.page-company .skip-link { position: fixed; z-index: 1000; left: 18px; top: -80px; padding: 12px 16px; color: var(--ink); border-radius: 8px; background: white; transition: top .2s; }
html.page-company .skip-link:focus { top: 18px; }

html.page-company .site-header { position: fixed; z-index: 100; top: 16px; left: 50%; width: min(calc(100% - 32px), var(--max)); height: 68px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 10px 0 18px; color: white; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(4,16,45,.68); box-shadow: 0 18px 50px rgba(0,0,0,.12); backdrop-filter: blur(18px); transform: translateX(-50%); transition: top .25s, background .25s, box-shadow .25s; }
html.page-company .site-header.is-scrolled { top: 10px; background: rgba(4,16,45,.93); box-shadow: 0 14px 45px rgba(0,0,0,.2); }
html.page-company .brand { width: 154px; height: 42px; display: flex; align-items: center; overflow: hidden; border-radius: 4px; }
html.page-company .brand-crop { position: relative; display: block; width: 154px; height: 42px; overflow: hidden;}
html.page-company .brand-crop img { position: absolute; width: 310px; height: auto; max-width: none; left: 50%; top: 50%; transform: translate(-50%,-50%); }
html.page-company .desktop-nav { display: flex; align-items: center; gap: 35px; white-space: nowrap; font-size: 13px; font-weight: 600; }
html.page-company .desktop-nav a { opacity: .7; transition: opacity .2s; }
html.page-company .desktop-nav a:hover { opacity: 1; }
html.page-company .button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; padding: 0 24px; border: 0; border-radius: 10px; font-weight: 700; letter-spacing: -.02em; cursor: pointer; transition: transform .2s, background .2s, color .2s, box-shadow .2s; }
html.page-company .button:hover { transform: translateY(-2px); }
html.page-company .button--small { min-height: 48px; padding-inline: 20px; font-size: 13px; }
html.page-company .button--header { justify-self: end; color: var(--ink); background: white; }
html.page-company .button--header span { color: var(--blue); font-size: 17px; }
html.page-company .button--primary { color: white; background: var(--blue); box-shadow: 0 14px 34px rgba(11,82,255,.3); }
html.page-company .button--primary:hover { background: #2263ff; box-shadow: 0 18px 42px rgba(11,82,255,.42); }
html.page-company .button--light { color: var(--blue); background: white; box-shadow: 0 18px 50px rgba(2,20,71,.25); }
html.page-company .menu-toggle, html.page-company .mobile-nav { display: none; }

html.page-company .eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 25px; color: var(--cyan); font: 500 11px/1.2 "DM Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }
html.page-company .eyebrow span { width: 28px; height: 1px; background: currentColor; }
html.page-company .eyebrow--dark { color: var(--blue); }
html.page-company .hero { position: relative; min-height: max(940px,100svh); display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(30px,5vw,80px); align-items: center; padding: 120px max(5vw,calc((100vw - var(--max))/2)) 80px; overflow: hidden; color: white; background: var(--navy); isolation: isolate; }
html.page-company .hero-grid { position: absolute; inset: 0; z-index: -3; opacity: .19; background-image: linear-gradient(rgba(36,105,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(36,105,255,.2) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,transparent,#000 38%,#000 80%,transparent); }
html.page-company .hero-glow { position: absolute; z-index: -2; width: 540px; height: 540px; right: 7%; top: 12%; border-radius: 50%; background: rgba(11,82,255,.24); box-shadow: 0 0 170px 100px rgba(22,215,230,.06); filter: blur(16px); }
html.page-company .hero-copy { position: relative; z-index: 2; max-width: 650px; }
html.page-company .hero h1 { margin: 0; font-size: clamp(54px,5.1vw,86px); line-height: .92; letter-spacing: -.075em; font-weight: 600; }
html.page-company .hero h1 em { color: var(--cyan); font-style: normal; }
html.page-company .hero-lede { max-width: 590px; margin: 34px 0 0; color: rgba(255,255,255,.68); font-size: clamp(17px,1.35vw,20px); line-height: 1.7; letter-spacing: -.015em; }
html.page-company .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 38px; }
html.page-company .text-link { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.28); font-size: 14px; font-weight: 600; }
html.page-company .text-link span { margin-left: 9px; color: var(--cyan); }
html.page-company .button--contact { color: white; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
html.page-company .button--contact:hover { border-color: var(--cyan); background: rgba(22,215,230,.12); box-shadow: 0 14px 35px rgba(0,0,0,.16); }
html.page-company .hero-meta { display: flex; align-items: center; gap: 13px; margin-top: 50px; color: rgba(255,255,255,.42); font: 500 9px/1 "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
html.page-company .hero-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); }
html.page-company .hero-art { position: relative; min-width: 0; margin: 0; perspective: 1200px; }
html.page-company .hero-art__frame { position: relative; overflow: hidden; border: 1px solid rgba(131,209,255,.24); border-radius: 26px; background: #08245a; box-shadow: -28px 42px 90px rgba(0,0,0,.4),0 0 90px rgba(18,105,255,.16); transform: rotateY(-3deg) rotateX(1deg); transition: transform .2s ease-out; }
html.page-company .hero-art__frame img { width: 100%; height: auto; }
html.page-company .hero-art__frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); pointer-events: none; }
html.page-company .hero-art figcaption { position: absolute; right: 4%; bottom: -28px; display: flex; flex-direction: column; min-width: 240px; padding: 15px 18px; color: var(--ink); border-radius: 11px; background: rgba(255,255,255,.95); box-shadow: 0 15px 44px rgba(0,0,0,.18); }
html.page-company .hero-art figcaption span { color: var(--blue); font: 500 8px "DM Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
html.page-company .hero-art figcaption b { margin-top: 3px; font-size: 12px; }
html.page-company .scroll-cue { position: absolute; left: max(5vw,calc((100vw - var(--max))/2)); bottom: 28px; display: flex; align-items: center; gap: 13px; color: rgba(255,255,255,.42); font: 500 9px "DM Mono",monospace; letter-spacing: .12em; text-transform: uppercase; }
html.page-company .scroll-cue i { position: relative; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
html.page-company .scroll-cue i::after { content: "↓"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--cyan); animation: bob 1.6s infinite ease-in-out; }
@keyframes bob { 50% { transform: translateY(4px); } }

html.page-company .services-intro { width: min(calc(100% - 10vw), var(--max)); display: grid; grid-template-columns: 180px 1fr; gap: 0 7vw; margin: auto; padding: 145px 0 125px; }
html.page-company .section-label { padding-top: 14px; color: var(--blue); font: 500 11px "DM Mono",monospace; letter-spacing: .15em; text-transform: uppercase; }
html.page-company .services-intro__heading { display: grid; grid-template-columns: 1.15fr .72fr; gap: 8vw; align-items: end; }
html.page-company .services-intro h2 { margin: 0; font-size: clamp(48px,5.6vw,82px); line-height: 1.02; letter-spacing: -.065em; font-weight: 600; }
html.page-company .services-intro h2 span { color: #9fa8b8; }
html.page-company .services-intro__heading > p { margin: 0 0 7px; color: var(--muted); font-size: 17px; line-height: 1.8; }
html.page-company .service-index { grid-column: 2; display: grid; grid-template-columns: repeat(5,1fr); margin-top: 82px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
html.page-company .service-index a { position: relative; min-height: 155px; display: flex; flex-direction: column; padding: 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: color .2s,background .2s; }
html.page-company .service-index a > span { color: #9aa3b5; font: 400 9px "DM Mono",monospace; }
html.page-company .service-index a > i { position: absolute; right: 15px; top: 15px; width: 40px; height: 40px; display: grid; place-items: center; color: var(--blue); border: 1px solid rgba(11,82,255,.18); border-radius: 11px; background: rgba(11,82,255,.06); font-style: normal; transition: transform .2s,background .2s,color .2s; }
html.page-company .service-index a > b { margin-top: auto; font-size: 13px; }
html.page-company .service-index a:hover { color: white; background: var(--blue); }
html.page-company .service-index a:hover > span { color: rgba(255,255,255,.5); }
html.page-company .service-index a:hover > i { color: var(--ink); background: var(--cyan); transform: translateY(-2px) rotate(-4deg); }
html.page-company .section-rail { position: fixed; z-index: 40; right: 20px; top: 50%; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 15px 9px; opacity: 0; pointer-events: none; color: white; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(3,15,42,.74); backdrop-filter: blur(12px); transform: translateY(-50%) translateX(18px); transition: opacity .25s,transform .25s; }
html.page-company .section-rail.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%); }
html.page-company .section-rail > span { writing-mode: vertical-rl; margin: 4px 0 7px; opacity: .5; font: 500 8px "DM Mono",monospace; letter-spacing: .15em; text-transform: uppercase; }
html.page-company .section-rail a { width: 14px; height: 14px; display: grid; place-items: center; }
html.page-company .section-rail a i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.36); transition: transform .2s,background .2s; }
html.page-company .section-rail a.is-active i { transform: scale(2); background: var(--cyan); }

html.page-company .service { min-height: max(860px,100svh); display: grid; grid-template-columns: minmax(340px,.72fr) minmax(520px,1.28fr); gap: clamp(46px,7vw,115px); align-items: center; padding: 100px max(5vw,calc((100vw - var(--max))/2)); overflow: hidden; }
html.page-company .service--reverse { grid-template-columns: minmax(520px,1.28fr) minmax(340px,.72fr); }
html.page-company .service--reverse .service-copy { order: 2; }html.page-company .service--reverse .service-visual { order: 1; }
html.page-company .service--paper { background: white; }html.page-company .service--navy { color: white; background: #081b45; }html.page-company .service--blue { color: white; background: var(--blue); }html.page-company .service--mist { background: var(--mist); }html.page-company .service--warm { background: var(--warm); }
html.page-company .service-copy { max-width: 500px; }
html.page-company .service-number { margin: 0 0 36px; color: var(--blue); font: 500 9px "DM Mono",monospace; letter-spacing: .14em; }
html.page-company .service--navy .service-number, html.page-company .service--blue .service-number { color: var(--cyan); }
html.page-company .service-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 27px; color: white; border-radius: 14px; background: var(--blue); box-shadow: 0 12px 26px rgba(11,82,255,.23); font-size: 21px; font-weight: 800; }
html.page-company .service--navy .service-icon { color: var(--ink); background: var(--cyan); }html.page-company .service--blue .service-icon { color: var(--blue); background: white; }
html.page-company .service h2 { margin: 0; font-size: clamp(44px,4.3vw,68px); line-height: 1.02; letter-spacing: -.058em; font-weight: 600; }
html.page-company .service-copy > p:not(.service-number) { margin: 27px 0 0; color: var(--muted); font-size: 16px; line-height: 1.78; }
html.page-company .service--navy .service-copy > p:not(.service-number), html.page-company .service--blue .service-copy > p:not(.service-number) { color: rgba(255,255,255,.67); }
html.page-company .service-copy ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 29px 0 0; padding: 0; list-style: none; }
html.page-company .service-copy li { padding: 8px 11px; border: 1px solid rgba(7,19,47,.14); border-radius: 99px; font: 500 9px "DM Mono",monospace; }
html.page-company .service--navy .service-copy li, html.page-company .service--blue .service-copy li { border-color: rgba(255,255,255,.2); }
html.page-company .service-contact { min-height: 44px; margin-top: 28px; padding-inline: 18px; color: var(--blue); border: 1px solid rgba(11,82,255,.25); background: transparent; font-size: 12px; }
html.page-company .service-contact:hover { color: white; border-color: var(--blue); background: var(--blue); box-shadow: 0 12px 28px rgba(11,82,255,.22); }
html.page-company .service--navy .service-contact, html.page-company .service--blue .service-contact { color: white; border-color: rgba(255,255,255,.32); }
html.page-company .service--navy .service-contact:hover, html.page-company .service--blue .service-contact:hover { color: var(--ink); border-color: var(--cyan); background: var(--cyan); box-shadow: 0 12px 30px rgba(22,215,230,.18); }
html.page-company .service-visual { position: relative; min-width: 0; margin: 0; }
html.page-company .service-visual img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border: 1px solid rgba(7,19,47,.1); border-radius: 23px; box-shadow: 0 35px 85px rgba(9,30,80,.17); transition: transform .55s cubic-bezier(.2,.7,.2,1); }
html.page-company .service-visual:hover img { transform: scale(1.015); }
html.page-company .service--navy .service-visual img, html.page-company .service--blue .service-visual img { border-color: rgba(255,255,255,.16); box-shadow: 0 38px 90px rgba(0,0,0,.32); }
html.page-company .service-visual figcaption { position: absolute; left: 24px; bottom: 24px; min-width: 235px; display: flex; flex-direction: column; padding: 14px 17px; color: var(--ink); border-radius: 10px; background: rgba(255,255,255,.93); box-shadow: 0 13px 38px rgba(0,0,0,.15); backdrop-filter: blur(10px); }
html.page-company .service-visual figcaption span { color: var(--blue); font: 500 8px "DM Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }html.page-company .service-visual figcaption b { margin-top: 2px; font-size: 11px; }

html.page-company .product { position: relative; min-height: 900px; display: grid; grid-template-columns: minmax(360px,.72fr) minmax(560px,1.28fr); gap: clamp(55px,8vw,130px); align-items: center; padding: 120px max(5vw,calc((100vw - var(--max))/2)); overflow: hidden; color: white; background: var(--navy); isolation: isolate; }
html.page-company .product-orbit { position: absolute; z-index: -1; border: 1px solid rgba(22,215,230,.18); border-radius: 50%; }html.page-company .product-orbit--one { width: 580px; height: 580px; right: -170px; top: -120px; }html.page-company .product-orbit--two { width: 340px; height: 340px; left: -120px; bottom: -120px; border-color: rgba(11,82,255,.5); }
html.page-company .product-copy { max-width: 530px; }html.page-company .product h2 { margin: 0; font-size: clamp(54px,5vw,82px); line-height: .95; letter-spacing: -.065em; font-weight: 600; }html.page-company .product-copy > p:not(.eyebrow) { margin: 30px 0 0; color: rgba(255,255,255,.65); font-size: 17px; line-height: 1.75; }
html.page-company .product-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 35px; }html.page-company .product-tags span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 99px; font: 500 9px "DM Mono",monospace; }
html.page-company .product-actions { display: flex; flex-wrap: wrap; gap: 12px; }
html.page-company .product-visual { position: relative; display: block; min-width: 0; perspective: 1100px; }
html.page-company .product-visual > img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; object-position: center; border: 1px solid rgba(131,209,255,.25); border-radius: 24px; box-shadow: -25px 40px 90px rgba(0,0,0,.37),0 0 75px rgba(11,82,255,.14); transition: transform .3s,box-shadow .3s; }
html.page-company .product-visual:hover > img { transform: translateY(-5px) rotateY(-1deg); box-shadow: -25px 50px 100px rgba(0,0,0,.42),0 0 90px rgba(11,82,255,.2); }
html.page-company .product-visual__label { position: absolute; right: 22px; bottom: -27px; min-width: 275px; display: grid; grid-template-columns: 1fr auto; padding: 14px 16px; color: var(--ink); border-radius: 11px; background: white; box-shadow: 0 15px 42px rgba(0,0,0,.2); }html.page-company .product-visual__label i { grid-column: 1; color: var(--blue); font: 500 8px "DM Mono",monospace; text-transform: uppercase; }html.page-company .product-visual__label b { grid-column: 1; margin-top: 3px; font-size: 12px; }html.page-company .product-visual__label em { grid-column: 2; grid-row: 1/3; align-self: center; color: var(--blue); font-style: normal; font-size: 22px; }

html.page-company .about { width: min(calc(100% - 10vw), var(--max)); display: grid; grid-template-columns: .92fr 1.08fr; gap: 80px 10vw; margin: auto; padding: 145px 0 130px; }
html.page-company .about-heading h2 { margin: 0; font-size: clamp(48px,5.2vw,78px); line-height: 1; letter-spacing: -.065em; font-weight: 600; }html.page-company .about-heading h2 em { color: var(--blue); font-style: normal; }
html.page-company .about-body { align-self: end; }html.page-company .about-lede { margin: 0; color: var(--ink); font-size: clamp(20px,2vw,27px); line-height: 1.5; letter-spacing: -.03em; }html.page-company .about-body > p:not(.about-lede) { margin: 28px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
html.page-company .about-stack { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
html.page-company .about-stack span { padding: 9px 13px; color: var(--blue); border: 1px solid rgba(11,82,255,.2); border-radius: 99px; background: rgba(11,82,255,.055); font: 500 9px "DM Mono",monospace; letter-spacing: .025em; }
html.page-company .about-contact { margin-top: 30px; }
html.page-company .principles { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 15px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }html.page-company .principles article { min-height: 230px; padding: 21px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }html.page-company .principles span { color: var(--blue); font: 500 9px "DM Mono",monospace; }html.page-company .principles h3 { margin: 70px 0 10px; font-size: 16px; }html.page-company .principles p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
html.page-company .collaboration-process { position: relative; grid-column: 1/-1; overflow: hidden; margin-top: 12px; padding: clamp(34px,4.5vw,62px); color: white; border-radius: 26px; background: linear-gradient(135deg,#07132f 0%,#0a2050 100%); box-shadow: 0 30px 75px rgba(7,19,47,.16); isolation: isolate; }
html.page-company .collaboration-process::after { content: ""; position: absolute; z-index: -1; width: 340px; height: 340px; right: -140px; top: -170px; border: 1px solid rgba(22,215,230,.25); border-radius: 50%; box-shadow: 0 0 100px rgba(11,82,255,.25); animation: process-orbit 7s ease-in-out infinite alternate; }
html.page-company .collaboration-process__heading { display: grid; grid-template-columns: .65fr 1.15fr .9fr; gap: clamp(28px,5vw,75px); align-items: end; }
html.page-company .process-kicker { align-self: start; margin: 9px 0 0; color: var(--cyan); font: 500 10px/1 "DM Mono",monospace; letter-spacing: .16em; text-transform: uppercase; }
html.page-company .collaboration-process h3 { margin: 0; font-size: clamp(36px,4vw,58px); line-height: .98; letter-spacing: -.055em; font-weight: 600; }
html.page-company .collaboration-process h3 em { color: var(--cyan); font-style: normal; }
html.page-company .collaboration-process__heading > p:last-child { margin: 0 0 5px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.75; }
html.page-company .collaboration-steps { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 62px 0 0; padding: 0; list-style: none; }
html.page-company .collaboration-steps li { position: relative; min-height: 215px; padding: 28px 28px 22px 26px; border-top: 1px solid rgba(255,255,255,.2); border-radius: 0 0 14px 14px; }
html.page-company .collaboration-steps li:not(:first-child) { padding-left: 26px; }
html.page-company .collaboration-steps li::before { content: ""; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(22,215,230,.1); }
html.page-company .collaboration-steps li:not(:last-child)::after { content: "→"; position: absolute; right: 24px; top: 14px; color: rgba(22,215,230,.55); font-size: 18px; }
html.page-company .collaboration-steps li > span { color: rgba(255,255,255,.38); font: 500 9px "DM Mono",monospace; letter-spacing: .12em; }
html.page-company .collaboration-steps h4 { margin: 44px 0 12px; font-size: 17px; }
html.page-company .collaboration-steps p { margin: 0; color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.75; }
html.page-company .collaboration-process__heading > * { --enter-delay: 0s; opacity: 0; transform: translateY(16px); transition: opacity .58s ease var(--enter-delay),transform .58s cubic-bezier(.2,.7,.2,1) var(--enter-delay); }
html.page-company .collaboration-steps li { --enter-delay: 0s; opacity: 0; translate: 0 16px; transition: opacity .58s ease var(--enter-delay),translate .58s cubic-bezier(.2,.7,.2,1) var(--enter-delay),transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease; }
html.page-company .collaboration-process.is-visible .collaboration-process__heading > * { opacity: 1; transform: none; }
html.page-company .collaboration-process.is-visible .collaboration-steps li { opacity: 1; translate: none; }
html.page-company .collaboration-process.is-visible .collaboration-process__heading > :nth-child(1) { --enter-delay: .06s; }
html.page-company .collaboration-process.is-visible .collaboration-process__heading > :nth-child(2) { --enter-delay: .13s; }
html.page-company .collaboration-process.is-visible .collaboration-process__heading > :nth-child(3) { --enter-delay: .2s; }
html.page-company .collaboration-process.is-visible .collaboration-steps li:nth-child(1) { --enter-delay: .23s; }
html.page-company .collaboration-process.is-visible .collaboration-steps li:nth-child(2) { --enter-delay: .31s; }
html.page-company .collaboration-process.is-visible .collaboration-steps li:nth-child(3) { --enter-delay: .39s; }
html.page-company .collaboration-process.is-visible .collaboration-steps li:nth-child(4) { --enter-delay: .47s; }
html.page-company .collaboration-steps li::before, html.page-company .collaboration-steps li::after, html.page-company .collaboration-steps li > span, html.page-company .collaboration-steps h4 { transition: color .25s ease,opacity .25s ease,transform .25s ease,background-color .25s ease,box-shadow .25s ease; }

@media (hover: hover) and (pointer: fine) {
  html.page-company .collaboration-process.is-visible .collaboration-steps li:hover { z-index: 2; transform: translateY(-7px); border-color: rgba(22,215,230,.48); background: rgba(255,255,255,.055); box-shadow: inset 0 0 0 1px rgba(22,215,230,.08),0 16px 32px rgba(0,0,0,.12); }
  html.page-company .collaboration-steps li:hover::before { transform: scale(1.45); background: white; box-shadow: 0 0 0 6px rgba(22,215,230,.17),0 0 20px rgba(22,215,230,.55); }
  html.page-company .collaboration-steps li:hover::after { color: var(--cyan); opacity: 1; transform: translateX(5px); }
  html.page-company .collaboration-steps li:hover > span { color: var(--cyan); transform: translateY(-2px); }
  html.page-company .collaboration-steps li:hover h4 { color: var(--cyan); }
}

@keyframes process-orbit { to { transform: translate(-18px,16px) scale(1.05); opacity: .72; } }

html.page-company .closing { position: relative; min-height: 760px; display: grid; place-items: center; padding: 120px 24px; overflow: hidden; color: white; text-align: center; background: var(--blue); isolation: isolate; }html.page-company .closing::before, html.page-company .closing::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }html.page-company .closing::before { width: 620px; height: 620px; }html.page-company .closing::after { width: 920px; height: 920px; }html.page-company .closing-glow { position: absolute; z-index: -2; width: 420px; height: 420px; border-radius: 50%; background: rgba(22,215,230,.23); filter: blur(55px); }html.page-company .closing-content { max-width: 900px; }html.page-company .closing .eyebrow { justify-content: center; color: #c6faff; }html.page-company .closing h2 { margin: 0; font-size: clamp(62px,7vw,106px); line-height: .9; letter-spacing: -.075em; font-weight: 600; }html.page-company .closing h2 em { color: var(--cyan); font-style: normal; }html.page-company .closing-content > p:not(.eyebrow) { max-width: 620px; margin: 34px auto; color: rgba(255,255,255,.72); font-size: 18px; }

html.page-company .site-footer { min-height: 280px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: end; padding: 65px max(5vw,calc((100vw - var(--max))/2)) 40px; color: #6d7689; background: white; }html.page-company .brand-crop--footer { width: 165px; height: 45px; border: 1px solid #edf0f4; }html.page-company .brand-crop--footer img { width: 200px; }html.page-company .site-footer p { justify-self: end; max-width: 340px; margin: 0; text-align: right; font-size: 13px; }html.page-company .footer-links { display: flex; flex-wrap: wrap; gap: 24px; font-size: 11px; font-weight: 700; }html.page-company .footer-links a:hover { color: var(--blue); }html.page-company .site-footer > small { justify-self: end; font: 400 9px "DM Mono",monospace; }
html.page-company .footer-contact, html.page-conversion-builder .footer-contact { padding: 0; color: var(--blue); border: 0; background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
html.page-company .reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }html.page-company .reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1120px) {
  html.page-company .desktop-nav { gap: 20px; }
  html.page-company .hero { grid-template-columns: .78fr 1.22fr; padding-inline: 5vw; gap: 4vw; }
  html.page-company .services-intro, html.page-company .about { margin-inline: 5vw; }
  html.page-company .service { grid-template-columns: .74fr 1.26fr; padding-inline: 5vw; gap: 5vw; }html.page-company .service--reverse { grid-template-columns: 1.26fr .74fr; }
  html.page-company .product { grid-template-columns: .74fr 1.26fr; padding-inline: 5vw; gap: 5vw; }
}

@media (max-width: 860px) {
  html.page-company { scroll-padding-top: 74px; }
  html.page-company .site-header { top: 10px; height: 60px; grid-template-columns: 1fr auto; padding-right: 14px; }html.page-company .brand, html.page-company .brand-crop { width: 140px; height: 38px; }html.page-company .brand-crop img { width: 173px; }html.page-company .desktop-nav, html.page-company .button--header { display: none; }
  html.page-company .menu-toggle { display: flex; width: 42px; height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 0; color: white; border: 0; background: transparent; }html.page-company .menu-toggle span:not(.sr-only) { width: 20px; height: 1px; background: currentColor; transition: transform .2s,opacity .2s; }html.page-company .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(5px) rotate(45deg); }html.page-company .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }html.page-company .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
  html.page-company .mobile-nav { position: absolute; left: 0; right: 0; top: 68px; display: flex; flex-direction: column; gap: 8px; padding: 20px; visibility: hidden; opacity: 0; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(4,16,45,.98); box-shadow: 0 20px 45px rgba(0,0,0,.25); transform: translateY(-8px); transition: opacity .2s,transform .2s,visibility .2s; }html.page-company .mobile-nav.is-open { visibility: visible; opacity: 1; transform: none; }html.page-company .mobile-nav a { padding: 10px; font-size: 14px; }html.page-company .mobile-nav .button { margin-top: 8px; color: var(--ink); background: white; }
  html.page-company .hero { height: auto; min-height: 100svh; grid-template-columns: 1fr; gap: 65px; padding: 135px 5vw 100px; }html.page-company .hero h1 { font-size: clamp(57px,13vw,88px); }html.page-company .hero-art__frame { transform: none; }html.page-company .scroll-cue { display: none; }
  html.page-company .services-intro { grid-template-columns: 1fr; padding: 110px 0 90px; }html.page-company .section-label { margin-bottom: 30px; }html.page-company .services-intro__heading { grid-template-columns: 1fr; gap: 30px; }html.page-company .service-index { grid-column: auto; grid-template-columns: repeat(2,1fr); margin-top: 60px; }html.page-company .service-index a:last-child { grid-column: 1/-1; }html.page-company .section-rail { display: none; }
  html.page-company .service, html.page-company .service--reverse { height: auto; min-height: 0; grid-template-columns: 1fr; gap: 65px; padding: 105px 5vw; }html.page-company .service--reverse .service-copy, html.page-company .service--reverse .service-visual { order: initial; }html.page-company .service-copy { max-width: 650px; }
  html.page-company .product { min-height: 0; grid-template-columns: 1fr; gap: 70px; padding: 110px 5vw 125px; }html.page-company .product-copy { max-width: 650px; }
  html.page-company .about { grid-template-columns: 1fr; gap: 45px; padding: 110px 0 100px; }html.page-company .about-body { max-width: 650px; }html.page-company .principles { grid-template-columns: repeat(2,1fr); margin-top: 20px; }
  html.page-company .collaboration-process { margin-top: 5px; }html.page-company .collaboration-process__heading { grid-template-columns: 1fr 1.4fr; }html.page-company .collaboration-process__heading > p:last-child { grid-column: 2; }html.page-company .collaboration-steps { grid-template-columns: repeat(2,1fr); row-gap: 34px; }html.page-company .collaboration-steps li:nth-child(3) { padding-left: 0; }html.page-company .collaboration-steps li:nth-child(2)::after { display: none; }
  html.page-company .site-footer { grid-template-columns: 1fr; align-items: start; }html.page-company .site-footer p, html.page-company .site-footer > small { justify-self: start; text-align: left; }html.page-company .site-footer > small { margin-top: 22px; }
}

@media (max-width: 560px) {
  html.page-company .hero { padding-inline: 20px; }html.page-company .hero h1 { font-size: 55px; }html.page-company .hero-actions { align-items: stretch; flex-direction: column; gap: 12px; }html.page-company .hero-actions .button { width: 100%; }html.page-company .text-link { align-self: flex-start; }html.page-company .hero-meta { flex-wrap: wrap; gap: 9px; font-size: 8px; }html.page-company .hero-art figcaption { right: 10px; bottom: -34px; min-width: 220px; }html.page-company .hero-art__frame { border-radius: 18px; }
  html.page-company .services-intro, html.page-company .about { margin-inline: 20px; }html.page-company .services-intro h2 { font-size: 44px; }html.page-company .services-intro__heading > p { font-size: 15px; }html.page-company .service-index a { min-height: 128px; padding: 14px; }html.page-company .service-index a > i { width: 34px; height: 34px; right: 12px; top: 12px; }html.page-company .service-index a > b { font-size: 11px; }
  html.page-company .service, html.page-company .service--reverse { padding: 90px 20px; }html.page-company .service h2 { font-size: 43px; }html.page-company .service-copy > p:not(.service-number) { font-size: 15px; }html.page-company .service-visual img { border-radius: 16px; }html.page-company .service-visual figcaption { left: 12px; bottom: 12px; min-width: 210px; }
  html.page-company .product { padding-inline: 20px; }html.page-company .product h2 { font-size: 51px; }html.page-company .product-copy > p:not(.eyebrow) { font-size: 15px; }html.page-company .product-copy .button { width: 100%; }html.page-company .product-visual > img { border-radius: 16px; }html.page-company .product-visual__label { right: 10px; bottom: -38px; min-width: 250px; }
  html.page-company .about-heading h2 { font-size: 43px; }html.page-company .about-lede { font-size: 20px; }html.page-company .principles { grid-template-columns: 1fr; }html.page-company .principles article { min-height: 190px; }html.page-company .principles h3 { margin-top: 45px; }
  html.page-company .collaboration-process { padding: 32px 24px; border-radius: 19px; }html.page-company .collaboration-process__heading { grid-template-columns: 1fr; gap: 25px; }html.page-company .collaboration-process__heading > p:last-child { grid-column: auto; }html.page-company .collaboration-process h3 { font-size: 40px; }html.page-company .collaboration-steps { grid-template-columns: 1fr; gap: 0; margin-top: 46px; }html.page-company .collaboration-steps li, html.page-company .collaboration-steps li:not(:first-child), html.page-company .collaboration-steps li:nth-child(3) { min-height: 0; padding: 0 0 34px 35px; border-top: 0; border-left: 1px solid rgba(255,255,255,.2); }html.page-company .collaboration-steps li:last-child { padding-bottom: 0; }html.page-company .collaboration-steps li::before { left: -5px; top: 4px; }html.page-company .collaboration-steps li:not(:last-child)::after { content: "↓"; display: block; left: 7px; right: auto; top: auto; bottom: 7px; }html.page-company .collaboration-steps h4 { margin: 17px 0 8px; }
  html.page-company .closing { min-height: 700px; }html.page-company .closing h2 { font-size: 58px; }html.page-company .closing-content > p:not(.eyebrow) { font-size: 16px; }html.page-company .closing .button { width: 100%; }
  html.page-company .site-footer { padding-inline: 20px; }html.page-company .footer-links { gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html.page-company *, html.page-company *::before, html.page-company *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  html.page-company .reveal { opacity: 1; transform: none; }
}

/* Conversion Builder landing page */
:root.page-conversion-builder {
  --navy: #061538;
  --navy-2: #0a2050;
  --blue: #0b52ff;
  --cyan: #16d7e6;
  --ink: #07132f;
  --paper: #f6f8fb;
  --white: #fff;
  --lime: #cdf06f;
  --coral: #ff7c69;
  --muted: #6c768b;
  --line: rgba(7, 19, 47, .12);
  --max: 1280px;
}

html.page-conversion-builder * { box-sizing: border-box; }
html.page-conversion-builder { scroll-behavior: smooth; scroll-padding-top: 84px; }
html.page-conversion-builder body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Manrope", Arial, sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }
html.page-conversion-builder button, html.page-conversion-builder input { font: inherit; }
html.page-conversion-builder a { color: inherit; text-decoration: none; }
html.page-conversion-builder img { display: block; max-width: 100%; }
html.page-conversion-builder ::selection { color: white; background: var(--blue); }
html.page-conversion-builder :focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
html.page-conversion-builder .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
html.page-conversion-builder .skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 12px 16px; background: white; color: var(--ink); border-radius: 8px; transition: top .2s; }
html.page-conversion-builder .skip-link:focus { top: 16px; }

html.page-conversion-builder .site-header { position: fixed; z-index: 100; top: 16px; left: 50%; width: min(calc(100% - 32px), var(--max)); height: 68px; transform: translateX(-50%); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 10px 0 18px; color: #fff; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(4,16,45,.66); box-shadow: 0 18px 50px rgba(0,0,0,.12); backdrop-filter: blur(18px); transition: background .25s, box-shadow .25s, top .25s; }
html.page-conversion-builder .site-header.is-scrolled { top: 10px; background: rgba(4,16,45,.9); box-shadow: 0 14px 45px rgba(0,0,0,.2); }
html.page-conversion-builder .brand { width: 154px; height: 42px; display: flex; align-items: center; overflow: hidden; border-radius: 4px; }
html.page-conversion-builder .brand-crop { position: relative; display: block; width: 154px; height: 42px; overflow: hidden; }
html.page-conversion-builder .brand-crop img { position: absolute; width: 310px; height: auto; max-width: none; left: 50%; top: 50%; transform: translate(-50%,-50%); }
html.page-conversion-builder .desktop-nav { display: flex; align-items: center; gap: 28px; white-space: nowrap; font-size: 13px; font-weight: 600; }
html.page-conversion-builder .desktop-nav a { opacity: .72; transition: opacity .2s; }
html.page-conversion-builder .desktop-nav a:hover { opacity: 1; }
html.page-conversion-builder .nav-contact { min-height: 34px; padding: 6px 11px; color: var(--cyan); border: 1px solid rgba(22,215,230,.32); border-radius: 99px; background: transparent; font: inherit; line-height: 1; cursor: pointer; transition: color .2s,background .2s,border-color .2s; }
html.page-conversion-builder .nav-contact:hover { color: var(--ink); border-color: var(--cyan); background: var(--cyan); }
html.page-conversion-builder .button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 0 24px; border: 0; border-radius: 10px; font-weight: 700; letter-spacing: -.02em; cursor: pointer; transition: transform .2s, background .2s, color .2s, box-shadow .2s; }
html.page-conversion-builder .button:hover { transform: translateY(-2px); }
html.page-conversion-builder .button--small { min-height: 48px; padding-inline: 20px; font-size: 13px; }
html.page-conversion-builder .button--header { justify-self: end; color: var(--ink); background: #fff; }
html.page-conversion-builder .button--header span { color: var(--blue); font-size: 18px; }
html.page-conversion-builder .button--primary { color: #fff; background: var(--blue); box-shadow: 0 14px 34px rgba(11,82,255,.3); }
html.page-conversion-builder .button--primary:hover { background: #1d62ff; box-shadow: 0 18px 42px rgba(11,82,255,.4); }
html.page-conversion-builder .button--large { min-height: 64px; padding-inline: 32px; border-radius: 12px; }
html.page-conversion-builder .menu-toggle, html.page-conversion-builder .mobile-nav { display: none; }

html.page-conversion-builder .section-dark { color: #fff; background: var(--navy); }
html.page-conversion-builder .hero { position: relative; min-height: max(940px,100svh); display: grid; grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr); gap: clamp(24px, 3vw, 48px); align-items: start; padding: 165px max(5vw, calc((100vw - var(--max))/2)) 80px; isolation: isolate; overflow: hidden; }
html.page-conversion-builder .hero-grid { position: absolute; inset: 0; z-index: -2; opacity: .2; background-image: linear-gradient(rgba(36,105,255,.22) 1px, transparent 1px), linear-gradient(90deg,rgba(36,105,255,.22) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 40%, #000 80%, transparent); }
html.page-conversion-builder .hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(8px); pointer-events: none; }
html.page-conversion-builder .hero-glow--one { right: 12%; top: 14%; width: 420px; height: 420px; background: rgba(11,82,255,.22); box-shadow: 0 0 150px 100px rgba(11,82,255,.12); }
html.page-conversion-builder .hero-glow--two { left: 25%; bottom: -10%; width: 280px; height: 280px; background: rgba(22,215,230,.12); box-shadow: 0 0 130px 70px rgba(22,215,230,.08); }
html.page-conversion-builder .hero-copy { position: relative; z-index: 2; max-width: 650px; padding-top: 40px; }
html.page-conversion-builder .eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 25px; color: var(--cyan); font: 500 11px/1.2 "DM Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }
html.page-conversion-builder .eyebrow span { width: 28px; height: 1px; background: currentColor; }
html.page-conversion-builder .hero h1 { margin: 0; font-size: clamp(64px, 6.4vw, 106px); line-height: .93; letter-spacing: -.075em; font-weight: 600; }
html.page-conversion-builder .hero h1 em { color: var(--cyan); font-style: normal; }
html.page-conversion-builder .hero-lede { max-width: 580px; margin: 34px 0 0; color: rgba(255,255,255,.68); font-size: clamp(17px, 1.45vw, 21px); line-height: 1.65; letter-spacing: -.015em; }
html.page-conversion-builder .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 38px; }
html.page-conversion-builder .text-link { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.3); font-size: 14px; font-weight: 600; }
html.page-conversion-builder .text-link span { margin-left: 10px; color: var(--cyan); }
html.page-conversion-builder .button--contact { color: white; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }
html.page-conversion-builder .button--contact:hover { border-color: var(--cyan); background: rgba(22,215,230,.12); box-shadow: 0 14px 35px rgba(0,0,0,.16); }
html.page-conversion-builder .hero-meta { display: flex; align-items: center; gap: 14px; margin-top: 52px; color: rgba(255,255,255,.42); font: 500 10px/1 "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
html.page-conversion-builder .hero-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); }
html.page-conversion-builder .hero-art { position: relative; width: 100%; min-width: 0; margin-top: 40px; perspective: 1200px; }
html.page-conversion-builder .hero-art__frame { position: relative; width: 100%; max-width: 940px; margin-inline: auto; overflow: hidden; border: 1px solid rgba(131,209,255,.25); border-radius: 26px; background: #08245a; box-shadow: -22px 38px 80px rgba(0,0,0,.36), 0 0 80px rgba(18,105,255,.15); transform: rotateY(-2deg) rotateX(.5deg); transition: transform .2s ease-out; }
html.page-conversion-builder .hero-art__frame img { width: 100%; height: auto; object-fit: contain; }
html.page-conversion-builder .hero-art__frame::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); border-radius: inherit; pointer-events: none; }
html.page-conversion-builder .scroll-cue { position: absolute; left: max(5vw, calc((100vw - var(--max))/2)); bottom: 30px; display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,.45); font: 500 10px/1 "DM Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
html.page-conversion-builder .scroll-cue i { position: relative; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
html.page-conversion-builder .scroll-cue i::after { content: "↓"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--cyan); animation: bob 1.6s infinite ease-in-out; }
@keyframes bob { 50% { transform: translateY(4px); } }

html.page-conversion-builder .elements-intro { width: min(calc(100% - 10vw), var(--max)); display: grid; grid-template-columns: 180px 1fr; gap: 0 7vw; margin: auto; padding: 150px 0 130px; }
html.page-conversion-builder .section-kicker { padding-top: 14px; font: 500 11px/1 "DM Mono", monospace; color: var(--blue); letter-spacing: .15em; text-transform: uppercase; }
html.page-conversion-builder .elements-intro__copy { display: grid; grid-template-columns: 1.15fr .7fr; gap: 8vw; align-items: end; }
html.page-conversion-builder .elements-intro h2 { margin: 0; font-size: clamp(48px, 5.7vw, 84px); line-height: 1.02; letter-spacing: -.065em; font-weight: 600; }
html.page-conversion-builder .elements-intro h2 span { color: #9fa8b9; }
html.page-conversion-builder .elements-intro__copy > p { margin: 0 0 8px; color: #687187; font-size: 17px; line-height: 1.8; }
html.page-conversion-builder .element-index { grid-column: 2; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 90px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
html.page-conversion-builder .element-index a { position: relative; min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 700; transition: color .2s, background .2s; }
html.page-conversion-builder .element-index a:hover { color: #fff; background: var(--blue); }
html.page-conversion-builder .element-index__number { color: #9aa3b5; font: 400 10px "DM Mono", monospace; }
html.page-conversion-builder .element-index__icon { position: absolute; top: 16px; right: 16px; width: 42px; height: 42px; display: grid; place-items: center; color: var(--blue); border: 1px solid rgba(11,82,255,.18); border-radius: 12px; background: rgba(11,82,255,.06); font: 600 19px/1 "DM Mono", monospace; transition: color .2s, background .2s, border-color .2s, transform .2s; }
html.page-conversion-builder .element-index__icon--code { font-size: 12px; letter-spacing: -.12em; }
html.page-conversion-builder .element-index b { margin-top: auto; font-size: 14px; }
html.page-conversion-builder .element-index a:hover .element-index__number { color: rgba(255,255,255,.55); }
html.page-conversion-builder .element-index a:hover .element-index__icon { color: var(--ink); border-color: var(--cyan); background: var(--cyan); transform: translateY(-2px) rotate(-4deg); }

html.page-conversion-builder .section-rail { position: fixed; z-index: 40; right: 20px; top: 50%; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 15px 9px; opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(20px); color: white; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(3,15,42,.72); backdrop-filter: blur(12px); transition: opacity .25s, transform .25s; }
html.page-conversion-builder .section-rail.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%) translateX(0); }
html.page-conversion-builder .section-rail > span { writing-mode: vertical-rl; margin: 4px 0 8px; font: 500 8px "DM Mono", monospace; letter-spacing: .15em; text-transform: uppercase; opacity: .5; }
html.page-conversion-builder .section-rail a { width: 14px; height: 14px; display: grid; place-items: center; }
html.page-conversion-builder .section-rail i { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.35); transition: transform .2s, background .2s; }
html.page-conversion-builder .section-rail a.is-active i { transform: scale(2); background: var(--cyan); }

html.page-conversion-builder .feature { min-height: max(860px,100svh); display: grid; grid-template-columns: minmax(330px,.72fr) minmax(520px,1.28fr); gap: clamp(40px,7vw,120px); align-items: center; padding: 100px max(5vw, calc((100vw - var(--max))/2)); overflow: hidden; }
html.page-conversion-builder .feature--reverse { grid-template-columns: minmax(520px,1.28fr) minmax(330px,.72fr); }
html.page-conversion-builder .feature--reverse .feature-copy { order: 2; }
html.page-conversion-builder .feature--reverse .feature-visual { order: 1; }
html.page-conversion-builder .feature--light { background: #fff; }
html.page-conversion-builder .feature--navy { color: #fff; background: #081c47; }
html.page-conversion-builder .feature--mist { background: #eaf4ff; }
html.page-conversion-builder .feature--blue { color: #fff; background: var(--blue); }
html.page-conversion-builder .feature--warm { background: #f4eee6; }
html.page-conversion-builder .feature--ink { color: #fff; background: #071126; }
html.page-conversion-builder .feature--lime { background: var(--lime); }
html.page-conversion-builder .feature--paper { background: #f7f8fa; }
html.page-conversion-builder .feature-copy { max-width: 490px; }
html.page-conversion-builder .feature-number { margin: 0 0 38px; color: var(--blue); font: 500 10px "DM Mono", monospace; letter-spacing: .15em; }
html.page-conversion-builder .feature--navy .feature-number, html.page-conversion-builder .feature--blue .feature-number, html.page-conversion-builder .feature--ink .feature-number { color: var(--cyan); }
html.page-conversion-builder .feature-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 28px; color: #fff; border-radius: 14px; background: var(--blue); font-weight: 800; font-size: 23px; box-shadow: 0 12px 25px rgba(11,82,255,.2); }
html.page-conversion-builder .feature-icon--code { font: 500 15px "DM Mono", monospace; }
html.page-conversion-builder .feature--navy .feature-icon, html.page-conversion-builder .feature--ink .feature-icon { color: var(--ink); background: var(--cyan); box-shadow: 0 12px 25px rgba(22,215,230,.2); }
html.page-conversion-builder .feature--blue .feature-icon { color: var(--blue); background: #fff; }
html.page-conversion-builder .feature--lime .feature-icon { color: var(--lime); background: var(--ink); box-shadow: none; }
html.page-conversion-builder .feature h2 { margin: 0; font-size: clamp(46px,4.7vw,72px); line-height: 1.02; letter-spacing: -.06em; font-weight: 600; }
html.page-conversion-builder .feature-copy > p:not(.feature-number) { margin: 28px 0 0; color: #687187; font-size: 17px; line-height: 1.75; }
html.page-conversion-builder .feature--navy .feature-copy > p:not(.feature-number), html.page-conversion-builder .feature--blue .feature-copy > p:not(.feature-number), html.page-conversion-builder .feature--ink .feature-copy > p:not(.feature-number) { color: rgba(255,255,255,.66); }
html.page-conversion-builder .feature-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 0; padding: 0; list-style: none; }
html.page-conversion-builder .feature-points li { padding: 8px 12px; border: 1px solid rgba(7,19,47,.13); border-radius: 99px; font: 500 10px "DM Mono", monospace; }
html.page-conversion-builder .feature--navy .feature-points li, html.page-conversion-builder .feature--blue .feature-points li, html.page-conversion-builder .feature--ink .feature-points li { border-color: rgba(255,255,255,.18); }
html.page-conversion-builder .feature-visual { position: relative; min-width: 0; margin: 0; }

html.page-conversion-builder .editor-shell { overflow: hidden; border: 1px solid #d5dce8; border-radius: 20px; background: white; box-shadow: 0 35px 85px rgba(9,30,80,.15); }
html.page-conversion-builder .editor-top { height: 52px; display: flex; align-items: center; gap: 7px; padding: 0 18px; color: #7a8498; border-bottom: 1px solid #e6eaf0; background: #fafbfc; font-size: 11px; }
html.page-conversion-builder .editor-top > span { width: 8px; height: 8px; border-radius: 50%; background: #d2d7df; }
html.page-conversion-builder .editor-top > span:first-child { background: var(--coral); }
html.page-conversion-builder .editor-top b { margin-left: 9px; color: #293550; font-size: 11px; }
html.page-conversion-builder .editor-top small { margin-left: auto; padding: 5px 9px; border: 1px solid #dfe4ec; border-radius: 5px; }
html.page-conversion-builder .editor-body { min-height: 500px; display: grid; grid-template-columns: 1fr 220px; }
html.page-conversion-builder .editor-canvas { position: relative; overflow: hidden; min-height: 500px; color: white; background: linear-gradient(130deg,#07183c 0 56%,#0b52ff 56%); }
html.page-conversion-builder .editor-canvas::before { content: ""; position: absolute; width: 290px; height: 290px; right: -120px; top: -80px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
html.page-conversion-builder .canvas-label, html.page-conversion-builder .canvas-caption { position: absolute; left: 9%; font-size: 10px; letter-spacing: .16em; }
html.page-conversion-builder .canvas-label { top: 18%; color: var(--cyan); font-weight: 700; }
html.page-conversion-builder .canvas-caption { bottom: 17%; color: rgba(255,255,255,.55); letter-spacing: 0; font-size: 12px; }
html.page-conversion-builder .selected--headline { position: absolute; left: 9%; top: 31%; width: 75%; padding: 5px; font-size: clamp(30px,3.4vw,51px); line-height: .98; letter-spacing: -.06em; font-weight: 700; outline: 1px solid var(--cyan); }
html.page-conversion-builder .selected--headline em { color: var(--cyan); font-style: normal; }
html.page-conversion-builder .handle { position: absolute; width: 8px; height: 8px; border: 2px solid var(--blue); border-radius: 50%; background: white; }
html.page-conversion-builder .h1 { left: -5px; top: -5px; }html.page-conversion-builder .h2 { right: -5px; top: -5px; }html.page-conversion-builder .h3 { left: -5px; bottom: -5px; }html.page-conversion-builder .h4 { right: -5px; bottom: -5px; }
html.page-conversion-builder .editor-controls { padding: 24px 18px; background: #f7f9fb; }
html.page-conversion-builder .control-title { display: block; margin-bottom: 24px; color: #17223d; font-size: 13px; font-weight: 800; }
html.page-conversion-builder .editor-controls label { display: block; margin-bottom: 18px; color: #7e889b; font: 500 9px "DM Mono", monospace; }
html.page-conversion-builder .editor-controls input, html.page-conversion-builder .editor-controls label > span { width: 100%; display: block; margin-top: 8px; padding: 10px; color: #1f2a45; border: 1px solid #dbe1ea; border-radius: 6px; background: white; font: 500 10px Manrope,sans-serif; }
html.page-conversion-builder .control-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html.page-conversion-builder .color-control { display: flex !important; align-items: center; gap: 8px; }
html.page-conversion-builder .color-control i { width: 15px; height: 15px; border-radius: 4px; background: #07183c; }
html.page-conversion-builder .align-buttons { display: flex; gap: 6px; }
html.page-conversion-builder .align-buttons b { width: 33px; height: 30px; display: grid; place-items: center; color: #637089; border: 1px solid #dbe1ea; border-radius: 5px; background: white; }
html.page-conversion-builder .align-buttons b:nth-child(2) { color: white; background: var(--blue); border-color: var(--blue); }

html.page-conversion-builder .rich-panel { position: relative; z-index: 2; width: min(610px,100%); margin: auto; padding: 32px; border: 1px solid rgba(255,255,255,.22); border-radius: 22px; background: rgba(255,255,255,.95); box-shadow: 0 35px 100px rgba(0,0,0,.3); transform: rotate(-2deg); }
html.page-conversion-builder .rich-toolbar { display: flex; align-items: center; gap: 7px; margin-bottom: 26px; padding-bottom: 18px; color: #24304a; border-bottom: 1px solid #e0e5ed; }
html.page-conversion-builder .rich-toolbar > * { min-width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #dfe4eb; border-radius: 6px; font-size: 12px; }
html.page-conversion-builder .rich-toolbar > span { min-width: 1px; width: 1px; height: 22px; margin: 0 4px; border: 0; border-radius: 0; background: #dfe4eb; }
html.page-conversion-builder .rich-toolbar .toolbar-blue { color: white; background: var(--blue); }
html.page-conversion-builder .rich-copy { min-height: 245px; padding: 10px; color: #17213c; outline: none; border-radius: 8px; font-size: clamp(20px,2vw,28px); line-height: 1.55; }
html.page-conversion-builder .rich-copy:focus { box-shadow: 0 0 0 2px var(--blue); }
html.page-conversion-builder .rich-copy strong { color: var(--blue); }
html.page-conversion-builder .rich-copy span { color: var(--blue); font-weight: 700; }
html.page-conversion-builder .rich-panel > small { display: block; margin-top: 20px; color: #8a93a4; font: 400 9px "DM Mono", monospace; }
html.page-conversion-builder .rich-orbit { position: absolute; border: 1px solid rgba(22,215,230,.35); border-radius: 50%; }
html.page-conversion-builder .orbit-one { width: 460px; height: 460px; right: -120px; top: -90px; }
html.page-conversion-builder .orbit-two { width: 250px; height: 250px; left: -80px; bottom: -100px; border-color: rgba(11,82,255,.7); }

html.page-conversion-builder .shortcode-demo { max-width: 680px; margin: auto; }
html.page-conversion-builder .code-window { position: relative; padding: 24px; color: white; border-radius: 16px; background: var(--ink); box-shadow: 0 24px 60px rgba(9,31,81,.18); }
html.page-conversion-builder .code-window > span { display: block; margin-bottom: 14px; color: #8a96af; font: 500 9px "DM Mono",monospace; text-transform: uppercase; }
html.page-conversion-builder .code-window code { display: block; padding: 17px; color: var(--cyan); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: #030b20; font: 500 clamp(12px,1.2vw,16px) "DM Mono",monospace; }
html.page-conversion-builder .code-window button { position: absolute; right: 32px; top: 58px; padding: 7px 10px; color: white; border: 1px solid rgba(255,255,255,.18); border-radius: 5px; background: #182744; font-size: 9px; cursor: pointer; }
html.page-conversion-builder .connector { height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #8390a7; font: 500 8px "DM Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
html.page-conversion-builder .connector i { width: 1px; height: 23px; background: #a7b9cd; }
html.page-conversion-builder .connector span { margin: 6px 0; }
html.page-conversion-builder .render-window { padding: 45px; color: white; border-radius: 20px; background: linear-gradient(135deg,#0b52ff,#0633a9); box-shadow: 0 28px 70px rgba(11,82,255,.22); }
html.page-conversion-builder .render-tag { color: var(--cyan); font: 500 9px "DM Mono",monospace; letter-spacing: .15em; }
html.page-conversion-builder .render-window h3 { margin: 15px 0 5px; font-size: clamp(28px,3vw,44px); letter-spacing: -.05em; }
html.page-conversion-builder .render-window p { margin: 0; color: rgba(255,255,255,.65); }
html.page-conversion-builder .render-window div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 30px; padding: 8px 8px 8px 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; background: rgba(255,255,255,.08); }
html.page-conversion-builder .render-window div span { color: rgba(255,255,255,.45); font-size: 12px; }
html.page-conversion-builder .render-window div b { padding: 11px 18px; color: var(--ink); border-radius: 6px; background: var(--cyan); font-size: 12px; }

html.page-conversion-builder .button-stage { position: relative; min-height: 540px; display: grid; place-items: center; }
html.page-conversion-builder .button-card { position: relative; z-index: 2; width: min(500px,85%); padding: 62px 50px; overflow: hidden; color: white; border: 1px solid rgba(255,255,255,.18); border-radius: 25px; background: #071736; box-shadow: 0 40px 90px rgba(3,20,66,.34); }
html.page-conversion-builder .button-card::before { content: ""; position: absolute; width: 250px; height: 250px; right: -80px; top: -80px; border: 50px solid rgba(22,215,230,.12); border-radius: 50%; }
html.page-conversion-builder .button-card > span { color: var(--cyan); font: 500 9px "DM Mono",monospace; letter-spacing: .16em; }
html.page-conversion-builder .button-card h3 { position: relative; margin: 20px 0 36px; font-size: clamp(38px,4vw,60px); line-height: .98; letter-spacing: -.06em; }
html.page-conversion-builder .demo-cta { position: relative; min-width: 200px; display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 16px 22px; color: var(--ink); border: 0; border-radius: 99px; background: linear-gradient(135deg,var(--cyan),#96f7b3); font-weight: 800; cursor: pointer; box-shadow: 0 12px 30px rgba(22,215,230,.2); transition: transform .2s, box-shadow .2s; }
html.page-conversion-builder .demo-cta i { width: 30px; height: 30px; display: grid; place-items: center; color: white; border-radius: 50%; background: var(--blue); font-style: normal; transition: transform .2s; }
html.page-conversion-builder .demo-cta:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 18px 45px rgba(22,215,230,.34); }
html.page-conversion-builder .demo-cta:hover i { transform: translateX(3px); }
html.page-conversion-builder .button-settings { position: absolute; z-index: 3; right: -12px; bottom: 18px; width: 230px; padding: 22px; color: #15213c; border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 18px 50px rgba(0,0,0,.17); }
html.page-conversion-builder .button-settings > b { display: block; margin-bottom: 20px; font-size: 12px; }
html.page-conversion-builder .button-settings label { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; color: #7b869a; font: 500 9px "DM Mono",monospace; }
html.page-conversion-builder .button-settings label > span { color: #27324b; }
html.page-conversion-builder .swatch-row { display: flex; gap: 3px; }
html.page-conversion-builder .swatch-row i { width: 15px; height: 15px; border-radius: 4px; background: var(--cyan); }
html.page-conversion-builder .swatch-row i:nth-child(2) { background: var(--blue); }html.page-conversion-builder .swatch-row i:nth-child(3) { background: var(--coral); }
html.page-conversion-builder .button-settings small { display: block; margin-top: 20px; color: var(--blue); font: 500 8px "DM Mono",monospace; }

html.page-conversion-builder .image-editor { position: relative; min-height: 570px; display: grid; place-items: center; }
html.page-conversion-builder .image-selection { position: relative; width: min(650px,92%); padding: 8px; outline: 1px solid var(--blue); background: #fff; box-shadow: 0 35px 80px rgba(60,43,20,.15); }
html.page-conversion-builder .image-selection img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
html.page-conversion-builder .image-selection .handle { width: 11px; height: 11px; }
html.page-conversion-builder .measure { position: absolute; color: var(--blue); background: #fff; font: 500 8px "DM Mono",monospace; }
html.page-conversion-builder .measure-x { left: 50%; bottom: -26px; transform: translateX(-50%); }html.page-conversion-builder .measure-y { right: -43px; top: 50%; transform: rotate(90deg); }
html.page-conversion-builder .image-float-card { position: absolute; left: -12px; bottom: 20px; width: 220px; padding: 18px; border-radius: 13px; background: #fff; box-shadow: 0 17px 45px rgba(34,24,8,.17); }
html.page-conversion-builder .image-float-card > span { color: var(--blue); font: 500 8px "DM Mono",monospace; text-transform: uppercase; }
html.page-conversion-builder .image-float-card b, html.page-conversion-builder .image-float-card small { display: block; }
html.page-conversion-builder .image-float-card b { margin-top: 8px; font-size: 11px; }html.page-conversion-builder .image-float-card small { margin-top: 2px; color: #98a0af; font-size: 8px; }
html.page-conversion-builder .image-float-card label { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid #e5e8ed; color: #5f697b; font-size: 9px; }
html.page-conversion-builder .image-float-card label i { width: 15px; height: 15px; display: grid; place-items: center; color: white; border-radius: 4px; background: var(--blue); font-size: 8px; }

html.page-conversion-builder .countdown-card { max-width: 700px; margin: auto; padding: clamp(40px,5vw,70px); text-align: center; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: linear-gradient(145deg,#0c1e42,#050d21); box-shadow: 0 40px 100px rgba(0,0,0,.35); }
html.page-conversion-builder .countdown-kicker { color: var(--cyan); font: 500 10px "DM Mono",monospace; letter-spacing: .18em; }
html.page-conversion-builder .timer { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: clamp(6px,1.2vw,15px); align-items: start; margin-top: 38px; }
html.page-conversion-builder .timer div { min-width: 0; }
html.page-conversion-builder .timer b { display: block; padding: 17px 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: linear-gradient(180deg,#173362,#0c1d3d); box-shadow: inset 0 1px rgba(255,255,255,.1); font: 600 clamp(30px,4vw,56px)/1 "DM Mono",monospace; }
html.page-conversion-builder .timer div span { display: block; margin-top: 13px; color: rgba(255,255,255,.4); font: 500 8px "DM Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
html.page-conversion-builder .timer > i { padding-top: 18px; color: var(--cyan); font: normal 28px "DM Mono",monospace; }
html.page-conversion-builder .countdown-line { display: flex; align-items: center; gap: 12px; margin-top: 45px; color: rgba(255,255,255,.37); font: 400 8px "DM Mono",monospace; letter-spacing: .08em; }
html.page-conversion-builder .countdown-line i { flex: 1; height: 1px; background: rgba(255,255,255,.12); }

html.page-conversion-builder .shape-studio { display: grid; grid-template-columns: 1fr 210px; overflow: hidden; border: 1px solid rgba(7,19,47,.18); border-radius: 22px; background: white; box-shadow: 0 30px 75px rgba(43,71,11,.15); }
html.page-conversion-builder .shape-artboard { position: relative; min-height: 520px; overflow: hidden; background: #f8f9f4; }
html.page-conversion-builder .shape-artboard > span { position: absolute; z-index: 3; left: 11%; top: 16%; color: var(--ink); font-size: clamp(48px,5vw,78px); line-height: .85; letter-spacing: -.07em; font-weight: 800; }
html.page-conversion-builder .shape-artboard > span em { color: var(--blue); font-style: normal; }
html.page-conversion-builder .shape { position: absolute; display: block; }
html.page-conversion-builder .shape-a { width: 280px; height: 280px; right: -60px; bottom: -60px; border-radius: 50%; background: var(--blue); }
html.page-conversion-builder .shape-b { width: 120px; height: 120px; right: 25%; top: 8%; transform: rotate(24deg); background: var(--cyan); }
html.page-conversion-builder .shape-c { left: 7%; bottom: 8%; width: 95px; height: 95px; border: 20px solid var(--coral); border-radius: 50%; }
html.page-conversion-builder .shape-d { width: 0; height: 0; right: 10%; top: 14%; border-left: 42px solid transparent; border-right: 42px solid transparent; border-bottom: 76px solid var(--ink); transform: rotate(-12deg); }
html.page-conversion-builder .shape-palette { padding: 25px 18px; border-left: 1px solid #e2e6ec; background: #fff; }
html.page-conversion-builder .shape-palette > b { font-size: 12px; }
html.page-conversion-builder .shape-palette > div { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 22px 0 30px; }
html.page-conversion-builder .shape-palette > div i { height: 62px; display: grid; place-items: center; border: 1px solid #dfe4ea; border-radius: 8px; background: #f8f9fb; }
html.page-conversion-builder .palette-circle::after { content: ""; width: 27px; height: 27px; border-radius: 50%; background: var(--blue); }html.page-conversion-builder .palette-square::after { content: ""; width: 27px; height: 27px; background: var(--blue); transform: rotate(10deg); }html.page-conversion-builder .palette-triangle::after { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 27px solid var(--blue); }html.page-conversion-builder .shape-palette .palette-star { color: var(--blue); font-size: 29px; font-style: normal; }
html.page-conversion-builder .shape-palette label { display: flex; justify-content: space-between; margin-top: 18px; color: #8a94a5; font: 500 8px "DM Mono",monospace; }
html.page-conversion-builder .shape-palette label span { display: flex; align-items: center; gap: 5px; color: #2c374c; }html.page-conversion-builder .shape-palette label i { width: 12px; height: 12px; border-radius: 3px; background: var(--blue); }

html.page-conversion-builder .product-scene { position: relative; min-height: 590px; display: grid; place-items: center; }
html.page-conversion-builder .product-card { position: relative; z-index: 2; width: min(420px,78%); padding: 25px; border: 1px solid #e0e4e9; border-radius: 22px; background: #fff; box-shadow: 0 38px 90px rgba(12,27,58,.17); }
html.page-conversion-builder .product-pill { position: absolute; z-index: 2; left: 38px; top: 38px; padding: 7px 9px; color: white; border-radius: 99px; background: var(--blue); font: 500 8px "DM Mono",monospace; }
html.page-conversion-builder .product-object { position: relative; height: 285px; overflow: hidden; border-radius: 14px; background: #e9f2fa; }
html.page-conversion-builder .product-object::before { content: ""; position: absolute; width: 230px; height: 230px; left: 50%; top: 70%; transform: translate(-50%,-50%); border-radius: 50%; background: #d2e3f4; }
html.page-conversion-builder .product-object i { position: absolute; z-index: 2; width: 135px; height: 135px; left: 50%; top: 51%; transform: translate(-50%,-50%); border-radius: 50% 50% 42% 42%; background: linear-gradient(145deg,#103e9c,#07245f); box-shadow: inset 13px 4px 24px rgba(255,255,255,.16), 0 28px 30px rgba(6,27,75,.25); }
html.page-conversion-builder .product-object i::before { content: ""; position: absolute; left: 50%; top: -67px; width: 12px; height: 78px; transform: translateX(-50%); border-radius: 9px; background: #14306b; }html.page-conversion-builder .product-object i::after { content: ""; position: absolute; left: 50%; top: 14px; width: 72px; height: 72px; transform: translateX(-50%); border-radius: 50%; background: #e8f2fa; box-shadow: inset 8px 3px 14px rgba(7,25,63,.16); }
html.page-conversion-builder .product-object b { position: absolute; z-index: 1; width: 45px; height: 10px; left: 50%; bottom: 42px; transform: translateX(-50%); border-radius: 50%; background: rgba(7,20,53,.28); filter: blur(7px); }
html.page-conversion-builder .product-card > small { display: block; margin-top: 22px; color: var(--blue); font: 500 8px "DM Mono",monospace; letter-spacing: .14em; }
html.page-conversion-builder .product-card h3 { margin: 7px 0 0; font-size: 25px; letter-spacing: -.04em; }
html.page-conversion-builder .product-price { display: flex; justify-content: space-between; margin-top: 10px; }html.page-conversion-builder .product-price b { font-size: 17px; }html.page-conversion-builder .product-price span { color: #ffad31; font-size: 10px; letter-spacing: 2px; }
html.page-conversion-builder .product-card > button { width: 100%; display: flex; justify-content: space-between; margin-top: 19px; padding: 14px 18px; color: white; border: 0; border-radius: 8px; background: var(--ink); font-size: 12px; font-weight: 700; }html.page-conversion-builder .product-card > button span { color: var(--cyan); }
html.page-conversion-builder .product-fields { position: absolute; z-index: 3; right: -5px; top: 8%; width: 220px; padding: 21px; border-radius: 14px; background: var(--navy); box-shadow: 0 20px 55px rgba(5,20,55,.25); color: white; }
html.page-conversion-builder .product-fields > b { display: block; margin-bottom: 17px; color: var(--cyan); font-size: 11px; }
html.page-conversion-builder .product-fields label { display: flex; align-items: center; gap: 9px; margin-top: 12px; color: rgba(255,255,255,.67); font-size: 9px; }html.page-conversion-builder .product-fields i { width: 15px; height: 15px; display: grid; place-items: center; color: var(--ink); border-radius: 4px; background: var(--cyan); font-style: normal; font-size: 8px; }

html.page-conversion-builder .workflow { min-height: 760px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 9vw; align-items: center; padding: 130px max(5vw, calc((100vw - var(--max))/2)); }
html.page-conversion-builder .workflow-heading h2 { margin: 0; font-size: clamp(54px,5vw,78px); line-height: 1; letter-spacing: -.065em; }
html.page-conversion-builder .workflow-contact { margin-top: 34px; }
html.page-conversion-builder .workflow-steps { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
html.page-conversion-builder .workflow-steps article { min-height: 350px; display: flex; flex-direction: column; padding: 25px; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); }
html.page-conversion-builder .workflow-steps article > span { color: rgba(255,255,255,.35); font: 500 9px "DM Mono",monospace; }
html.page-conversion-builder .step-mark { width: 48px; height: 48px; display: grid; place-items: center; margin: 60px 0 32px; color: var(--ink); border-radius: 50%; background: var(--cyan); font-size: 23px; }
html.page-conversion-builder .workflow-steps h3 { margin: 0; font-size: 17px; }html.page-conversion-builder .workflow-steps p { margin: 14px 0 0; color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.7; }

html.page-conversion-builder .final-cta { position: relative; min-height: 760px; display: grid; place-items: center; padding: 120px 24px; overflow: hidden; color: white; text-align: center; background: var(--blue); isolation: isolate; }
html.page-conversion-builder .final-cta::before, html.page-conversion-builder .final-cta::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
html.page-conversion-builder .final-cta::before { width: 620px; height: 620px; }html.page-conversion-builder .final-cta::after { width: 900px; height: 900px; }
html.page-conversion-builder .final-cta__orb { position: absolute; z-index: -2; width: 400px; height: 400px; border-radius: 50%; background: rgba(22,215,230,.22); filter: blur(50px); }
html.page-conversion-builder .final-cta__content { max-width: 900px; }
html.page-conversion-builder .final-cta .eyebrow { justify-content: center; color: #bff8ff; }
html.page-conversion-builder .final-cta h2 { margin: 0; font-size: clamp(60px,7vw,105px); line-height: .9; letter-spacing: -.075em; font-weight: 600; }
html.page-conversion-builder .final-cta h2 em { color: var(--cyan); font-style: normal; }
html.page-conversion-builder .final-cta__content > p:not(.eyebrow) { max-width: 630px; margin: 34px auto; color: rgba(255,255,255,.72); font-size: 18px; }
html.page-conversion-builder .final-cta .button { color: var(--ink); background: white; box-shadow: 0 18px 50px rgba(4,24,90,.25); }
html.page-conversion-builder .final-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
html.page-conversion-builder .final-cta__actions button { color: white; border: 1px solid rgba(255,255,255,.5); background: transparent; box-shadow: none; }
html.page-conversion-builder .final-cta__actions button:hover { color: var(--blue); background: white; box-shadow: 0 18px 50px rgba(4,24,90,.2); }
html.page-conversion-builder .final-cta__content > small { display: block; margin-top: 18px; color: rgba(255,255,255,.47); font: 400 9px "DM Mono",monospace; }

html.page-conversion-builder .site-footer { min-height: 280px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: end; padding: 65px max(5vw, calc((100vw - var(--max))/2)) 40px; color: #6d7689; background: #fff; }
html.page-conversion-builder .brand-crop--footer { width: 165px; height: 45px; }
html.page-conversion-builder .brand-crop--footer img { width: 200px; }
html.page-conversion-builder .site-footer p { justify-self: end; max-width: 330px; margin: 0; text-align: right; font-size: 13px; }
html.page-conversion-builder .footer-links { display: flex; gap: 26px; font-size: 11px; font-weight: 700; }
html.page-conversion-builder .footer-links a:hover { color: var(--blue); }
html.page-conversion-builder .site-footer > small { justify-self: end; font: 400 9px "DM Mono",monospace; }
html.page-conversion-builder .toast { position: fixed; z-index: 200; left: 50%; bottom: 24px; padding: 12px 18px; color: white; border-radius: 8px; background: var(--ink); box-shadow: 0 14px 40px rgba(0,0,0,.2); font-size: 12px; opacity: 0; pointer-events: none; transform: translate(-50%,20px); transition: opacity .2s, transform .2s; }
html.page-conversion-builder .toast.is-visible { opacity: 1; transform: translate(-50%,0); }

html.page-conversion-builder .reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
html.page-conversion-builder .reveal.is-visible { opacity: 1; transform: none; }

/* Shared interaction polish */
html.page-company .scroll-progress,
html.page-conversion-builder .scroll-progress { position: fixed; z-index: 250; top: 0; left: 0; width: 100%; height: 3px; pointer-events: none; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg,var(--cyan),var(--blue)); box-shadow: 0 0 14px rgba(22,215,230,.45); }

html.page-company .reveal,
html.page-conversion-builder .reveal { transition-delay: var(--reveal-delay,0ms); }

html.page-company .desktop-nav a,
html.page-conversion-builder .desktop-nav a,
html.page-company .footer-links a,
html.page-conversion-builder .footer-links a { position: relative; }
html.page-company .desktop-nav a::after,
html.page-conversion-builder .desktop-nav a::after,
html.page-company .footer-links a::after,
html.page-conversion-builder .footer-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 1px; transform: scaleX(0); transform-origin: right; background: currentColor; transition: transform .28s cubic-bezier(.2,.7,.2,1); }
html.page-company .desktop-nav a:hover::after,
html.page-conversion-builder .desktop-nav a:hover::after,
html.page-company .footer-links a:hover::after,
html.page-conversion-builder .footer-links a:hover::after { transform: scaleX(1); transform-origin: left; }

html.page-company .button span,
html.page-conversion-builder .button span { transition: transform .24s cubic-bezier(.2,.7,.2,1); }
html.page-company .button:hover span,
html.page-conversion-builder .button:hover span { transform: translate(3px,-2px); }

html.page-company .service,
html.page-conversion-builder .feature { position: relative; isolation: isolate; }
html.page-company .service::before,
html.page-conversion-builder .feature::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(460px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(11,82,255,.09),transparent 68%); transition: opacity .35s ease; }
html.page-company .service--navy::before,
html.page-company .service--blue::before,
html.page-conversion-builder .feature--navy::before,
html.page-conversion-builder .feature--blue::before,
html.page-conversion-builder .feature--ink::before { background: radial-gradient(460px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(22,215,230,.1),transparent 68%); }
html.page-company .service.has-pointer::before,
html.page-conversion-builder .feature.has-pointer::before { opacity: 1; }
html.page-company .service > *,
html.page-conversion-builder .feature > * { position: relative; z-index: 1; }

html.page-company .service-index a,
html.page-conversion-builder .element-index a { transform: translateZ(0); transition: color .24s,background .24s,transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s; }
html.page-company .service-index a:hover,
html.page-conversion-builder .element-index a:hover { z-index: 2; transform: translateY(-5px); box-shadow: 0 18px 42px rgba(7,19,47,.13); }

html.page-company .service-icon,
html.page-conversion-builder .feature-icon { transition: transform .34s cubic-bezier(.2,.7,.2,1),box-shadow .34s; }
html.page-company .service:hover .service-icon,
html.page-conversion-builder .feature:hover .feature-icon { transform: translateY(-4px) rotate(-4deg); }

html.page-company .service-copy li,
html.page-company .product-tags span,
html.page-company .about-stack span,
html.page-conversion-builder .feature-points li { transition: color .22s,background .22s,border-color .22s,transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s; }
html.page-company .service-copy li:hover,
html.page-company .product-tags span:hover,
html.page-company .about-stack span:hover,
html.page-conversion-builder .feature-points li:hover { transform: translateY(-3px); }
html.page-company .service:not(.service--navy):not(.service--blue) .service-copy li:hover,
html.page-company .about-stack span:hover { color: var(--blue); border-color: rgba(11,82,255,.38); background: rgba(11,82,255,.08); box-shadow: 0 9px 22px rgba(11,82,255,.09); }
html.page-company .service--navy .service-copy li:hover,
html.page-company .service--blue .service-copy li:hover,
html.page-company .product-tags span:hover,
html.page-conversion-builder .feature--navy .feature-points li:hover,
html.page-conversion-builder .feature--blue .feature-points li:hover,
html.page-conversion-builder .feature--ink .feature-points li:hover { color: var(--ink); border-color: var(--cyan); background: var(--cyan); box-shadow: 0 9px 24px rgba(22,215,230,.18); }

html.page-company .service-visual figcaption,
html.page-company .product-visual__label { transition: transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s; }
html.page-company .service-visual:hover figcaption,
html.page-company .product-visual:hover .product-visual__label { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(0,0,0,.2); }

html.page-company .principles article { transition: transform .28s cubic-bezier(.2,.7,.2,1),background .28s,box-shadow .28s,border-color .28s; }
html.page-company .principles article:hover { z-index: 2; transform: translateY(-6px); border-color: rgba(11,82,255,.24); background: #fff; box-shadow: 0 22px 48px rgba(7,19,47,.1); }

html.page-conversion-builder :is(.editor-shell,.rich-panel,.shortcode-demo,.button-card,.image-selection,.countdown-card,.shape-studio,.product-card) { transition: transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s; }
html.page-conversion-builder .feature-visual:hover :is(.editor-shell,.rich-panel,.shortcode-demo,.button-card,.image-selection,.countdown-card,.shape-studio,.product-card) { transform: translateY(-5px); }
html.page-conversion-builder .workflow-steps article { transition: transform .26s cubic-bezier(.2,.7,.2,1),background .26s,box-shadow .26s,border-color .26s; }
html.page-conversion-builder .workflow-steps article:hover { z-index: 2; transform: translateY(-7px); border-color: rgba(22,215,230,.35); background: rgba(255,255,255,.055); box-shadow: 0 20px 45px rgba(0,0,0,.16); }
html.page-conversion-builder .product-card > button { cursor: pointer; transition: background .22s,transform .22s,box-shadow .22s; }
html.page-conversion-builder .product-card > button span { display: inline-block; transition: transform .22s; }
html.page-conversion-builder .product-card > button:hover { background: var(--blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11,82,255,.24); }
html.page-conversion-builder .product-card > button:hover span { transform: translateX(4px); }

@media (prefers-reduced-motion: reduce) {
  html.page-company *, html.page-company *::before, html.page-company *::after,
  html.page-conversion-builder *, html.page-conversion-builder *::before, html.page-conversion-builder *::after { transition-delay: 0s !important; animation-delay: 0s !important; }
  html.page-company .scroll-progress,
  html.page-conversion-builder .scroll-progress { display: none; }
}

@media (max-width: 1100px) {
  html.page-conversion-builder .desktop-nav { gap: 18px; }
  html.page-conversion-builder .hero { grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); padding-left: 5vw; }
  html.page-conversion-builder .elements-intro { margin-inline: 5vw; }
  html.page-conversion-builder .feature { grid-template-columns: .75fr 1.25fr; padding-inline: 5vw; gap: 5vw; }
  html.page-conversion-builder .feature--reverse { grid-template-columns: 1.25fr .75fr; }
  html.page-conversion-builder .button-settings, html.page-conversion-builder .product-fields { right: 0; }
  html.page-conversion-builder .workflow { grid-template-columns: 1fr; padding-inline: 5vw; }
  html.page-conversion-builder .workflow-heading { max-width: 600px; }
}

@media (max-width: 820px) {
  html.page-conversion-builder { scroll-padding-top: 74px; }
  html.page-conversion-builder .site-header { top: 10px; height: 60px; grid-template-columns: 1fr auto; padding-right: 14px; }
  html.page-conversion-builder .brand { width: 140px; height: 38px; }html.page-conversion-builder .brand-crop { width: 140px; height: 38px; }html.page-conversion-builder .brand-crop img { width: 173px; }
  html.page-conversion-builder .desktop-nav, html.page-conversion-builder .button--header { display: none; }
  html.page-conversion-builder .menu-toggle { display: flex; width: 42px; height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 0; color: white; border: 0; background: transparent; }
  html.page-conversion-builder .menu-toggle span:not(.sr-only) { width: 20px; height: 1px; background: currentColor; transition: transform .2s, opacity .2s; }
  html.page-conversion-builder .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(5px) rotate(45deg); }html.page-conversion-builder .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }html.page-conversion-builder .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
  html.page-conversion-builder .mobile-nav { position: absolute; left: 0; right: 0; top: 68px; display: flex; flex-direction: column; gap: 8px; padding: 20px; visibility: hidden; opacity: 0; transform: translateY(-8px); border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(4,16,45,.98); box-shadow: 0 20px 45px rgba(0,0,0,.25); transition: opacity .2s, transform .2s, visibility .2s; }
  html.page-conversion-builder .mobile-nav.is-open { visibility: visible; opacity: 1; transform: none; }
  html.page-conversion-builder .mobile-nav a { padding: 10px; font-size: 14px; }html.page-conversion-builder .mobile-nav .button { margin-top: 8px; color: var(--ink); background: white; }
  html.page-conversion-builder .hero { height: auto; min-height: 100svh; grid-template-columns: 1fr; gap: 60px; padding: 135px 5vw 100px; }
  html.page-conversion-builder .hero-copy { padding: 0; }html.page-conversion-builder .hero h1 { font-size: clamp(58px,14vw,90px); }html.page-conversion-builder .hero-art { margin: 0; }html.page-conversion-builder .hero-art__frame { width: 100%; max-width: none; transform: none; }html.page-conversion-builder .hero-meta { flex-wrap: wrap; }html.page-conversion-builder .scroll-cue { display: none; }
  html.page-conversion-builder .elements-intro { grid-template-columns: 1fr; padding: 110px 0 90px; }html.page-conversion-builder .elements-intro__copy { grid-template-columns: 1fr; gap: 30px; }html.page-conversion-builder .element-index { grid-column: auto; grid-template-columns: repeat(2,1fr); margin-top: 60px; }html.page-conversion-builder .section-kicker { margin-bottom: 30px; }
  html.page-conversion-builder .section-rail { display: none; }
  html.page-conversion-builder .feature, html.page-conversion-builder .feature--reverse { height: auto; min-height: 0; grid-template-columns: 1fr; gap: 70px; padding: 110px 5vw; }
  html.page-conversion-builder .feature--reverse .feature-copy, html.page-conversion-builder .feature--reverse .feature-visual { order: initial; }html.page-conversion-builder .feature-copy { max-width: 620px; }html.page-conversion-builder .feature-visual { width: 100%; }
  html.page-conversion-builder .workflow { min-height: 0; padding: 110px 5vw; }html.page-conversion-builder .workflow-steps { grid-template-columns: 1fr; }html.page-conversion-builder .workflow-steps article { min-height: 280px; }html.page-conversion-builder .step-mark { margin: 42px 0 25px; }
  html.page-conversion-builder .site-footer { grid-template-columns: 1fr; align-items: start; }html.page-conversion-builder .site-footer p, html.page-conversion-builder .site-footer > small { justify-self: start; text-align: left; }html.page-conversion-builder .site-footer p { max-width: 450px; }html.page-conversion-builder .site-footer > small { margin-top: 25px; }
}

@media (max-width: 560px) {
  html.page-conversion-builder .hero { padding-inline: 20px; }html.page-conversion-builder .hero h1 { font-size: 57px; }html.page-conversion-builder .hero-actions { align-items: flex-start; flex-direction: column; gap: 14px; }html.page-conversion-builder .hero-actions .button { width: 100%; }html.page-conversion-builder .hero-meta { gap: 9px; font-size: 8px; }html.page-conversion-builder .hero-art { margin: 0; }html.page-conversion-builder .hero-art__frame { width: 100%; border-radius: 18px; }
  html.page-conversion-builder .elements-intro { margin-inline: 20px; }html.page-conversion-builder .elements-intro h2 { font-size: 45px; }html.page-conversion-builder .elements-intro__copy > p { font-size: 15px; }html.page-conversion-builder .element-index a { min-height: 120px; padding: 14px; }html.page-conversion-builder .element-index__icon { top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }html.page-conversion-builder .element-index__icon--code { font-size: 10px; }
  html.page-conversion-builder .feature, html.page-conversion-builder .feature--reverse { padding: 90px 20px; }html.page-conversion-builder .feature h2 { font-size: 44px; }html.page-conversion-builder .feature-copy > p:not(.feature-number) { font-size: 15px; }html.page-conversion-builder .feature-number { margin-bottom: 25px; }
  html.page-conversion-builder .editor-body { grid-template-columns: 1fr; }html.page-conversion-builder .editor-controls { display: none; }html.page-conversion-builder .editor-canvas { min-height: 420px; }html.page-conversion-builder .selected--headline { font-size: 37px; }
  html.page-conversion-builder .rich-panel { padding: 18px; }html.page-conversion-builder .rich-toolbar { gap: 4px; overflow: hidden; }html.page-conversion-builder .rich-toolbar > * { min-width: 28px; height: 28px; }html.page-conversion-builder .rich-copy { min-height: 230px; font-size: 19px; }
  html.page-conversion-builder .code-window { padding: 16px; }html.page-conversion-builder .code-window code { padding: 15px 9px; font-size: 10px; }html.page-conversion-builder .code-window button { right: 23px; top: 48px; }html.page-conversion-builder .render-window { padding: 32px 24px; }html.page-conversion-builder .render-window div { align-items: stretch; flex-direction: column; }html.page-conversion-builder .render-window div b { text-align: center; }
  html.page-conversion-builder .button-stage { min-height: 500px; }html.page-conversion-builder .button-card { width: 100%; padding: 50px 30px 95px; }html.page-conversion-builder .button-settings { bottom: 8px; right: 12px; width: 210px; }
  html.page-conversion-builder .image-editor { min-height: 430px; }html.page-conversion-builder .image-selection { width: 100%; }html.page-conversion-builder .image-float-card { left: 10px; bottom: 0; }html.page-conversion-builder .measure-y { display: none; }
  html.page-conversion-builder .countdown-card { padding: 35px 15px; }html.page-conversion-builder .timer { gap: 4px; }html.page-conversion-builder .timer b { padding: 12px 3px; font-size: 25px; border-radius: 8px; }html.page-conversion-builder .timer > i { padding-top: 11px; font-size: 21px; }html.page-conversion-builder .timer div span { font-size: 6px; }html.page-conversion-builder .countdown-line { margin-top: 35px; }
  html.page-conversion-builder .shape-studio { grid-template-columns: 1fr; }html.page-conversion-builder .shape-artboard { min-height: 450px; }html.page-conversion-builder .shape-palette { display: none; }html.page-conversion-builder .shape-artboard > span { font-size: 59px; }
  html.page-conversion-builder .product-scene { min-height: 560px; }html.page-conversion-builder .product-card { width: 92%; }html.page-conversion-builder .product-fields { top: 0; right: 0; width: 200px; transform: scale(.82); transform-origin: right top; }html.page-conversion-builder .product-object { height: 255px; }
  html.page-conversion-builder .workflow { padding-inline: 20px; }html.page-conversion-builder .workflow-steps article { min-height: 250px; }
  html.page-conversion-builder .final-cta { min-height: 700px; }html.page-conversion-builder .final-cta h2 { font-size: 58px; }html.page-conversion-builder .final-cta__content > p:not(.eyebrow) { font-size: 16px; }html.page-conversion-builder .final-cta .button { width: 100%; }
  html.page-conversion-builder .site-footer { padding-inline: 20px; }html.page-conversion-builder .footer-links { flex-wrap: wrap; gap: 16px; }
}

/* Shared contact call-to-action */
:is(html.page-company, html.page-conversion-builder).has-open-dialog { overflow: hidden; }
:is(html.page-company, html.page-conversion-builder) .contact-modal { width: min(560px,calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; color: #07132f; border: 0; border-radius: 25px; background: transparent; box-shadow: 0 35px 100px rgba(1,12,38,.42); }
:is(html.page-company, html.page-conversion-builder) .contact-modal[open] { animation: contact-modal-in .28s cubic-bezier(.2,.7,.2,1); }
:is(html.page-company, html.page-conversion-builder) .contact-modal::backdrop { background: rgba(2,10,30,.72); backdrop-filter: blur(9px); animation: contact-backdrop-in .24s ease-out; }
:is(html.page-company, html.page-conversion-builder) .contact-modal__panel { position: relative; overflow: hidden; padding: clamp(32px,6vw,54px); border: 1px solid rgba(255,255,255,.7); border-radius: inherit; background: linear-gradient(145deg,#fff 0%,#f0f5ff 100%); }
:is(html.page-company, html.page-conversion-builder) .contact-modal__panel::before { content: ""; position: absolute; width: 260px; height: 260px; right: -140px; top: -150px; border: 1px solid rgba(11,82,255,.13); border-radius: 50%; box-shadow: 0 0 90px rgba(11,82,255,.12); pointer-events: none; }
:is(html.page-company, html.page-conversion-builder) .contact-modal__close { position: absolute; z-index: 2; right: 18px; top: 18px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; color: #07132f; border: 1px solid rgba(7,19,47,.13); border-radius: 50%; background: rgba(255,255,255,.72); font: 400 25px/1 Arial,sans-serif; cursor: pointer; transition: color .2s,background .2s,transform .2s,border-color .2s; }
:is(html.page-company, html.page-conversion-builder) .contact-modal__close:hover { color: white; border-color: #0b52ff; background: #0b52ff; transform: rotate(5deg); }
:is(html.page-company, html.page-conversion-builder) .contact-modal__kicker { margin: 0 0 20px; color: #0b52ff; font: 500 10px/1 "DM Mono",monospace; letter-spacing: .16em; text-transform: uppercase; }
:is(html.page-company, html.page-conversion-builder) .contact-modal h2 { max-width: 430px; margin: 0; color: #07132f; font-size: clamp(34px,6vw,48px); line-height: 1.02; letter-spacing: -.055em; font-weight: 600; }
:is(html.page-company, html.page-conversion-builder) .contact-modal__intro { max-width: 445px; margin: 23px 0 30px; color: #687389; font-size: 14px; line-height: 1.75; }
:is(html.page-company, html.page-conversion-builder) .contact-options { display: grid; gap: 10px; }
:is(html.page-company, html.page-conversion-builder) .contact-options a { min-width: 0; display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px; color: #07132f; border: 1px solid rgba(7,19,47,.11); border-radius: 14px; background: rgba(255,255,255,.78); text-decoration: none; box-shadow: 0 8px 24px rgba(7,19,47,.04); transition: transform .22s,border-color .22s,box-shadow .22s; }
:is(html.page-company, html.page-conversion-builder) .contact-options a:hover { border-color: rgba(11,82,255,.35); box-shadow: 0 14px 34px rgba(11,82,255,.11); transform: translateY(-3px); }
:is(html.page-company, html.page-conversion-builder) .contact-options__icon { width: 46px; height: 46px; display: grid; place-items: center; color: white; border-radius: 12px; background: #0b52ff; font: 700 19px/1 "Manrope",Arial,sans-serif; }
:is(html.page-company, html.page-conversion-builder) .contact-options__icon--linkedin { background: #0a66c2; font-size: 17px; }
:is(html.page-company, html.page-conversion-builder) .contact-options a > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
:is(html.page-company, html.page-conversion-builder) .contact-options small { color: #7c879b; font: 500 9px/1.4 "DM Mono",monospace; letter-spacing: .1em; text-transform: uppercase; }
:is(html.page-company, html.page-conversion-builder) .contact-options strong { margin-top: 4px; overflow-wrap: anywhere; font-size: 14px; }
:is(html.page-company, html.page-conversion-builder) .contact-options b { color: #0b52ff; font-size: 19px; transition: transform .22s; }
:is(html.page-company, html.page-conversion-builder) .contact-options a:hover b { transform: translate(2px,-2px); }

@keyframes contact-modal-in { from { opacity: 0; transform: translateY(18px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes contact-backdrop-in { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 560px) {
  :is(html.page-company, html.page-conversion-builder) .contact-modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  :is(html.page-company, html.page-conversion-builder) .contact-modal__panel { padding: 32px 20px 22px; }
  :is(html.page-company, html.page-conversion-builder) .contact-modal h2 { padding-right: 34px; font-size: 34px; }
  :is(html.page-company, html.page-conversion-builder) .contact-modal__close { right: 14px; top: 14px; width: 36px; height: 36px; }
  :is(html.page-company, html.page-conversion-builder) .contact-options a { grid-template-columns: 42px minmax(0,1fr) auto; gap: 11px; padding: 12px; }
  :is(html.page-company, html.page-conversion-builder) .contact-options__icon { width: 42px; height: 42px; }
  html.page-company .product-actions .button, html.page-conversion-builder .final-cta__actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  :is(html.page-company, html.page-conversion-builder) .contact-modal[open],
  :is(html.page-company, html.page-conversion-builder) .contact-modal::backdrop { animation: none; }
}

/* Shared language switcher */
:is(html.page-company, html.page-conversion-builder) .desktop-nav > a { min-height: 34px; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; }
:is(html.page-company, html.page-conversion-builder) .language-switcher { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.06); }
:is(html.page-company, html.page-conversion-builder) .desktop-nav .language-switcher { margin-left: 3px; }
:is(html.page-company, html.page-conversion-builder) .language-switcher a { width: 32px; height: 27px; display: grid; place-items: center; padding: 0; color: rgba(255,255,255,.62); border: 0; border-radius: 99px; opacity: 1; font: 600 9px/1 "DM Mono",monospace; letter-spacing: .05em; transition: color .2s,background .2s,box-shadow .2s; }
:is(html.page-company, html.page-conversion-builder) .language-switcher a:hover { color: white; }
:is(html.page-company, html.page-conversion-builder) .language-switcher a[aria-current="page"] { color: var(--ink); background: var(--cyan); box-shadow: 0 5px 15px rgba(22,215,230,.2); }
:is(html.page-company, html.page-conversion-builder) .language-switcher a::after,
:is(html.page-company, html.page-conversion-builder) .language-switcher a:hover::after { content: none; display: none; }

@media (max-width: 1100px) {
  html.page-conversion-builder .desktop-nav { gap: 14px; }
}

@media (max-width: 860px) {
  :is(html.page-company, html.page-conversion-builder) .mobile-nav .language-switcher { width: 100%; margin-top: 8px; padding: 4px; }
  :is(html.page-company, html.page-conversion-builder) .mobile-nav .language-switcher a { width: auto; height: 38px; flex: 1; padding: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html.page-conversion-builder *, html.page-conversion-builder *::before, html.page-conversion-builder *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  html.page-conversion-builder .reveal { opacity: 1; transform: none; }
}

/* Avoid laying out and painting long sections before they approach the viewport. */
@supports (content-visibility: auto) {
  html.page-company :is(.service, .product, .closing, .site-footer),
  html.page-conversion-builder :is(.feature, .workflow, .final-cta, .site-footer) {
    content-visibility: auto;
    contain-intrinsic-size: auto 1000px;
  }
}