:root{color-scheme:light;--ink:#1b3d32;--muted:#738477;--paper:#f6f8f4;--purple:#7436ed;--blue:#2367ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #6e4cd4;outline-offset:5px}img{display:block;max-width:100%;height:auto}.review-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 5.5%;background:#e8eee3;color:#687b5f;font-size:10px;letter-spacing:.02em}.review-bar button{border:0;background:none;color:inherit;padding:7px 0;font-size:11px}.review-bar a{padding:7px 0}header{height:104px;padding:28px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3d6;gap:20px}.mint{display:block;width:175px}nav{display:flex;gap:32px;font-size:12px;color:#4a6956}nav a{padding:12px 0}main{max-width:1800px;margin:auto}.scene{scroll-margin-top:24px}.slideq{padding:70px 5.5% 76px;background:#fafbf7}.section-heading{position:relative}.sq-logo{width:136px;height:40px;object-fit:contain;object-position:left}.section-heading h1{font-size:clamp(43px,4.7vw,70px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:34px 0 23px}.section-heading h1 span{color:#7d8e7c}.section-heading>p{position:absolute;right:0;bottom:4px;max-width:230px;font-size:14px;line-height:1.8;color:#758372;margin:0}.journey{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr;gap:34px;margin-top:47px}.journey-line{position:absolute;top:20px;left:15px;right:0;height:1px;background:#cfd8c9;transform-origin:left}.step{min-width:0;position:relative}.step-title{display:flex;align-items:center;gap:15px;margin-bottom:22px;position:relative;width:max-content;padding-right:20px;background:#fafbf7;min-height:40px}.step-title>span{font-size:10px;color:#9785b4}.step-title h3{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0}.screen{position:relative;border:1px solid #e3e2e5;background:#f0edf5;border-radius:14px;padding:23px 18px;width:100%;height:285px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .3s ease,background .3s ease}.screen>img{width:100%;height:auto;max-height:100%;object-fit:contain;box-shadow:0 10px 22px #3c2b5b0e;border-radius:5px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.screen.audience{background:#eae2f6}.screen.audience>img{width:auto;height:100%;border:5px solid #fff;border-radius:15px;box-shadow:0 12px 25px #38205e1c;transform:rotate(4deg)}.screen.report{background:#e9efdf}.step>p{font-size:12px;color:#7b8672;margin:17px 0 0}.expand{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#7e6a9e;font-size:18px;box-shadow:0 3px 14px #211d3110}.codeblue{display:grid;grid-template-columns:.78fr 1.32fr;gap:7%;align-items:center;background:#e7eff9;padding:84px 5.5% 80px;overflow:hidden;min-height:715px}.cb-logo{display:flex;align-items:center;gap:8px;max-width:170px}.cb-logo img:first-child{width:29px;height:29px}.cb-logo img:last-child{width:128px}.cb-copy h2{font-weight:500;font-size:clamp(48px,5.1vw,76px);line-height:1.04;letter-spacing:-.065em;color:#224471;margin:36px 0 23px}.cb-copy h2 span{color:#638ab9}.cb-copy>p{font-size:14px;line-height:1.7;color:#667f9e;margin:0 0 33px}.use-cases{max-width:350px}.use-cases button{border:0;border-top:1px solid #c7d5e5;padding:17px 0;width:100%;display:flex;align-items:center;gap:18px;text-align:left;font-size:13px;background:transparent;color:#8196b0;transition:color .25s ease,padding .3s ease}.use-cases button:last-child{border-bottom:1px solid #c7d5e5}.use-cases button>span{font-size:9px}.use-cases button>i{font-style:normal;margin-left:auto;margin-right:5px;opacity:0;transform:translate(-8px,5px);transition:opacity .25s ease,transform .3s ease}.use-cases button[aria-pressed=true]{color:#245c9e;padding-left:8px}.use-cases button[aria-pressed=true]>i{opacity:1;transform:translate(0,0)}.cb-copy .use-caption{font-size:11px;color:#6e88a7;margin:17px 0 0;min-height:38px;max-width:350px}.watch-stage{position:relative;isolation:isolate;min-width:0;padding:40px 0}.watch-image{display:block;position:relative;border:0;padding:0;background:transparent;border-radius:15px;transform:rotate(-2deg);box-shadow:0 25px 60px #355f9222;overflow:hidden;width:100%}.watch-image>img{width:100%;height:auto}.watch-image>.expand{bottom:14px;right:15px;color:#4d79b5}.watch-orbit{position:absolute;inset:-40px -10px;border:1px solid #cfdded;border-radius:50%;z-index:-1;transform:rotate(25deg)}.watch-orbit:after{content:'';position:absolute;inset:25px -40px;border:1px solid #d3dfee;border-radius:50%;transform:rotate(-45deg)}.scan{position:absolute;top:0;left:0;height:100%;width:3px;background:linear-gradient(transparent,#348dfd88,transparent);opacity:0;box-shadow:0 0 24px 8px #4da3ff22;pointer-events:none}.watch-caption{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:.03em;color:#7b94b3;margin-top:35px}.signal{width:6px;height:6px;background:#4b97e8;border-radius:50%}footer{display:flex;justify-content:space-between;padding:28px 5.5%;gap:25px;font-size:10px;color:#7e8f75;border-top:1px solid #dce3d6}dialog{padding:25px;background:#f9fbf8;border:0;border-radius:13px;max-width:min(95vw,1480px);max-height:94svh;overflow:auto;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#142e27b8;backdrop-filter:blur(7px)}dialog img{max-height:77svh;max-width:100%;width:auto;object-fit:contain;margin:15px auto 0}dialog p{font-size:11px;color:#71806a;margin:16px 0 0;text-align:center}.close-viewer{position:sticky;top:0;display:block;margin-left:auto;width:38px;height:38px;border:1px solid #d5dfcf;border-radius:50%;background:#fff;color:#56714d;font-size:25px;line-height:1;z-index:1}
/* Content stays visible without JavaScript. Motion runs once on entry or by request. */
.motion-on .step.is-entering{animation:step-arrive 850ms cubic-bezier(.16,1,.3,1) both}.motion-on .step-two.is-entering{animation-delay:140ms}.motion-on .step-three.is-entering{animation-delay:280ms}.motion-on .scene.is-entering .journey-line{animation:connect 1200ms cubic-bezier(.2,.6,.2,1) both}.motion-on .codeblue.is-entering .watch-image{animation:watch-arrive 1100ms cubic-bezier(.16,1,.3,1) both}.motion-on .codeblue.is-entering .scan,.motion-on .codeblue.is-scanning .scan{animation:scan-across 1500ms 200ms ease-in-out both}.motion-on .codeblue.is-entering .signal{animation:signal-on 1200ms 650ms ease-out both}.motion-on .scene.is-entering .section-heading{animation:heading-arrive 700ms cubic-bezier(.16,1,.3,1) both}
@keyframes step-arrive{from{opacity:.25;transform:translateY(36px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes connect{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes watch-arrive{from{opacity:.3;transform:translate(60px,32px) rotate(2deg) scale(.96)}to{opacity:1;transform:translate(0,0) rotate(-2deg) scale(1)}}@keyframes scan-across{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes signal-on{0%{box-shadow:0 0 0 0 #4b97e866}100%{box-shadow:0 0 0 13px #4b97e800}}@keyframes heading-arrive{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.screen:hover{box-shadow:0 15px 30px #342c4e10}.screen:hover>img{transform:translateY(-4px)}.screen.audience:hover>img{transform:rotate(0) translateY(-3px)}.watch-image:hover .expand{background:#ddebff}.use-cases button:hover{color:#245c9e}}
@media(max-width:1000px){.section-heading>p{position:static;max-width:none}.journey{gap:20px}.screen{height:245px;padding:18px 12px}.codeblue{gap:5%;grid-template-columns:.85fr 1.15fr}.cb-copy h2{font-size:52px}.watch-stage{padding:20px 0}.watch-caption{font-size:9px}}
@media(max-width:700px){.review-bar{padding:8px 22px;font-size:9px;gap:10px}.review-bar>span{display:none}.review-bar button{font-size:10px}header{height:84px;padding:22px}.mint{width:145px}nav{gap:18px;font-size:11px}.slideq{padding:42px 24px 50px}.sq-logo{width:124px;height:36px}.section-heading h1{font-size:clamp(37px,8.8vw,54px);margin:27px 0 19px;line-height:1.08}.section-heading>p{font-size:12px;line-height:1.7}.journey{grid-template-columns:1fr;gap:28px;margin-top:30px}.journey-line{display:none}.step-title{margin-bottom:13px;min-height:25px}.step-title h3{font-size:16px}.step>p{font-size:11px;margin-top:12px}.screen{height:265px;padding:18px}.screen.audience{height:335px}.step-two .screen>img{max-height:100%}.codeblue{grid-template-columns:1fr;gap:15px;padding:48px 24px 54px;min-height:0}.cb-copy h2{font-size:clamp(45px,11vw,62px);margin:28px 0 22px}.cb-copy>p{font-size:13px;margin-bottom:25px}.use-cases{max-width:none}.use-cases button{padding:15px 0;font-size:12px}.cb-copy .use-caption{font-size:10px;margin-top:14px;min-height:18px}.watch-stage{padding:34px 0 10px}.watch-orbit{inset:0 0 0 10px}.watch-caption{font-size:9px;margin-top:26px}footer{padding:24px;font-size:9px;gap:20px}dialog{padding:12px;max-width:96vw}dialog img{margin-top:10px}.close-viewer{width:36px;height:36px}.expand{width:27px;height:27px}.screen.report{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scan{display:none}.screen.audience>img{transform:none}.watch-image{transform:none}}
/* Existing Mint Matrix hero, preserved above the product sections. */
.home-hero{padding:54px 5.5% 74px;display:grid;grid-template-columns:1.12fr 1fr;gap:76px;align-items:center;background:#f6f8f4;min-height:660px}.home-hero .eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 34px;color:#526b60}.status-dot{width:7px;height:7px;flex:none;background:#167d60;border-radius:50%}.home-hero h1{font-size:clamp(56px,6.2vw,90px);line-height:1.02;letter-spacing:-.065em;font-weight:650;margin:0 0 32px}.home-hero h1 span{color:#526b60;font-weight:400}.home-hero .intro{font-size:17px;line-height:1.8;color:#526b60;margin:0 0 34px}.home-hero .products{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:600}.home-hero .products i{height:14px;width:1px;background:#9fb8a9}.home-hero .product-note{font-size:12px;font-weight:400;color:#526b60;margin-left:2px}.hero-art{position:relative;min-width:0;aspect-ratio:1/1.04;border:1px solid #dce8df;border-radius:28px;background:#eaf1e9;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-label{position:absolute;top:31px;left:30px;right:30px;text-align:center;font-size:9px;font-weight:500;letter-spacing:1.6px;color:#526b60}.app-icon{width:46%;height:auto;position:relative;box-shadow:0 24px 45px #153a3215;border-radius:23%;transform:rotate(-6deg);z-index:2}.orbit{position:absolute;width:92%;height:40%;border:1px solid #ccdcd0;border-radius:50%;transform:rotate(-32deg);z-index:0}.orbit-two{transform:rotate(32deg)}.dash{position:absolute;height:8px;background:#40dbaa;border-radius:5px;z-index:1}.dash-one{width:43px;left:13%;top:36%;transform:rotate(-32deg)}.dash-two{width:29px;right:11%;bottom:34%;transform:rotate(-32deg)}.art-caption{position:absolute;bottom:34px;left:24px;right:24px;font-size:9px;letter-spacing:1.8px;color:#526b60;display:flex;align-items:center;justify-content:center;gap:12px}.caption-line{width:22px;height:3px;background:#167d60;border-radius:2px}.section-heading h2{font-size:clamp(43px,4.7vw,70px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:34px 0 23px}.section-heading h2 span{color:#7d8e7c}.product-link{display:inline-flex;align-items:center;gap:20px;color:#31553e;font-size:12px;margin-top:15px;border-bottom:1px solid #9bad95;padding:7px 0;text-decoration:none}.cb-copy>.product-link{color:#245c9e;border-color:#94afcf;margin-top:4px}.motion-on .home-hero.is-entering .app-icon{animation:hero-settle 1300ms cubic-bezier(.16,1,.3,1) both}@keyframes hero-settle{from{opacity:.4;transform:translateY(20px) rotate(-12deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}}@media(max-width:1100px){.home-hero{gap:38px;min-height:0}.home-hero h1{font-size:clamp(48px,6.4vw,70px)}.home-hero .intro{font-size:15px}.desktop-break{display:none}.home-hero .eyebrow{font-size:9px;letter-spacing:1.3px}.art-label{font-size:8px;letter-spacing:1px;left:20px;right:20px}.art-caption{font-size:8px;letter-spacing:1px}}@media(max-width:700px){.home-hero{grid-template-columns:1fr;padding:38px 24px 48px;gap:40px}.home-hero .eyebrow{font-size:9px;letter-spacing:1.25px;margin-bottom:27px}.home-hero h1{font-size:clamp(49px,10.8vw,70px);margin-bottom:24px}.home-hero .intro{font-size:15px;margin-bottom:26px}.home-hero .products{gap:16px;font-size:13px}.home-hero .product-note{font-size:11px}.hero-art{aspect-ratio:1.27;max-width:550px;width:100%;border-radius:22px}.app-icon{width:39%}.orbit{width:88%;height:50%}.art-label{top:23px;font-size:8px}.art-caption{bottom:24px;font-size:8px}.section-heading h2{font-size:clamp(37px,8.8vw,54px);margin:27px 0 19px;line-height:1.08}.product-link{margin-top:10px}}

/* Match the original live hero's layout and typography. */
.home-hero{max-width:1536px;width:100%;margin:0 auto;padding:54px 72px 74px;min-height:0;color:#153a32;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
@media(min-width:1600px){.home-hero{padding-top:72px;padding-bottom:96px}}
@media(max-width:1100px){.home-hero{padding:48px 40px 64px}}
@media(max-width:700px){.home-hero{padding:30px 24px 42px}.home-hero .intro{max-width:380px}}

.use-cases button>.selection-dot{width:6px;height:6px;border-radius:50%;background:currentColor;transform:none;margin-right:8px;flex:none}.use-cases button[aria-pressed=true]{padding-left:0}.home-hero .products a:hover{text-decoration:underline;text-underline-offset:5px}