:root{--paper:#fafbff;--ink:#232321;--purple:#6a37df;--muted:#70716a;--line:#e1e4ed;--dark:#222029;--lime:#d7ef97}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}::selection{background:#d7ef97;color:#232321}.wrap{max-width:1320px;padding-left:48px;padding-right:48px;margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-family:'Manrope',sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:baseline}.logo span{color:var(--purple);font-size:41px}.logo i{width:6px;height:6px;background:var(--purple);border-radius:50%;margin-left:4px}.header nav{display:flex;gap:33px;font-size:13px;font-weight:550}.header nav a:hover{color:var(--purple)}.button{border:0;padding:18px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button-dark{background:var(--ink);color:white}.button-purple{background:var(--purple);color:white}.button-purple:hover{background:#5924ca}.button-cream{background:var(--paper);color:var(--purple)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:52px;padding-bottom:68px;min-height:720px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:1.8px;line-height:1.7}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--purple);box-shadow:0 0 0 3px #6a37df0b}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(68px,7.5vw,101px);line-height:1.01;font-weight:500;letter-spacing:-6px;margin:27px 0 25px;position:relative}.hero h1>span:first-of-type{color:var(--purple)}.heading-star{font-size:65px;position:absolute;bottom:7px;margin-left:21px;color:var(--purple);font-weight:400}.hero-copy>p{max-width:410px;color:#6a6d65;font-size:16px;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px}.play-icon{border:1px solid #bbbdb1;border-radius:50%;width:24px;height:24px;font-size:8px;display:grid;place-items:center;padding-left:2px}.reassurance{display:flex;gap:22px;font-size:11px;color:#75786b;margin-top:20px}.hero-art{position:relative;min-height:540px;margin-top:1px;background:radial-gradient(ellipse at 50% 53%,#ddd2f89c 0%,#ece9f277 40%,transparent 70%);isolation:isolate}.art-grid{position:absolute;inset:40px 0;background-image:linear-gradient(#91829f0b 1px,transparent 1px),linear-gradient(90deg,#91829f0b 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%);z-index:-1}.art-label{position:absolute;top:37px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.6px;white-space:nowrap;color:#8f869e;display:flex;align-items:center;gap:8px}.hero-art canvas{position:absolute;width:100%;height:100%;top:0;left:0}.app-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:105px;height:111px;border-radius:23px;background:#fefefb;box-shadow:0 13px 35px #322d4a12,inset 0 0 0 1px white;z-index:2}.app-tile.woo{left:5%;top:24%;font-size:35px;letter-spacing:-3px;font-weight:800;color:#8d42e3;transform:rotate(-9deg)}.app-tile.woo>span{font-size:8px;letter-spacing:0;font-weight:500;color:#8c8199;margin-top:5px}.tripletex{right:3%;bottom:25%;transform:rotate(9deg)}.tripletex>b{font-size:44px;color:#242b79;letter-spacing:-9px;padding-right:6px;line-height:1.2}.tripletex b span{color:#70b7e2}.tripletex small{font-size:9px;margin-top:6px;color:#777a94}.floating-card{display:flex;align-items:center;gap:12px;position:absolute;z-index:3;background:#ffffffdf;backdrop-filter:blur(10px);padding:16px;border:1px solid white;border-radius:11px;box-shadow:0 12px 30px #3126440b;animation:float 6s ease-in-out infinite}.floating-card small{display:block;font-size:9px;color:#909287;line-height:1.7}.floating-card strong{display:block;font-size:11px;line-height:1.8;font-weight:600}.floating-card strong span{font-size:8px;color:#9b9c93;font-weight:400}.order-card{right:0;top:13%;transform:rotate(4deg);animation-delay:-2s}.tiny-icon{background:#efe8fc;color:var(--purple);border-radius:8px;padding:8px;font-size:18px}.card-check{color:#78964b;border-radius:50%;border:1px solid #d7e4c3;font-size:10px;padding:2px 4px}.sync-card{left:9%;bottom:12%;transform:rotate(-3deg)}.sync-icon{display:grid;place-items:center;background:#e9f0dd;width:34px;height:34px;color:#77954d;border-radius:50%}.orbit-label{position:absolute;bottom:5%;right:8%;font-size:8px;letter-spacing:2px;color:#aaa1b3}.art-cross{position:absolute;left:15%;bottom:34%;font-weight:300;font-size:30px;color:#baa9d7}.connection-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:29px;padding-bottom:29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connection-strip>span:first-child{font-size:9px;letter-spacing:1px;line-height:1.8;color:#8b8e80}.connection-strip strong{font-size:13px;color:#5e6157;letter-spacing:0;font-weight:500}.wordmark{color:#5f605d;font-size:23px;font-weight:750;letter-spacing:-1px}.woo-word{font-size:21px}.tripletex-word{display:flex;gap:14px;align-items:center;font-size:24px;letter-spacing:-1px}.tripletex-word b{font-size:26px;letter-spacing:-7px;padding-right:5px}.connector{color:#a5a798;display:flex;align-items:center;gap:30px}.connector i{width:100px;height:1px;background:var(--line)}.connection-strip>a{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}h2{font-family:'Manrope',sans-serif;font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-2.5px;margin:20px 0}p{line-height:1.7}.section-heading>p{max-width:315px;color:var(--muted);font-size:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.benefit-grid article+article{border-left:1px solid var(--line);padding-left:40px}.feature-icon{color:var(--purple);font-size:33px;font-weight:400;margin-bottom:25px}.benefit-grid h3{font-family:Manrope,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.7px;font-weight:600}.benefit-grid p{font-size:13px;color:var(--muted);max-width:300px}.feature-note{font-size:8px;letter-spacing:1.5px;display:block;margin-top:27px;color:#8d907e}.flow-section{background:var(--dark);color:#f4f3ee;padding:95px 0}.flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.flow-section .eyebrow{color:#c5b5ed}.flow-section h2{font-size:47px}.flow-section p{max-width:390px;color:#a8a5af;font-size:14px}.flow-tabs{display:flex;gap:10px;margin-top:33px}.flow-tabs button{border:1px solid #55515e;background:transparent;border-radius:6px;padding:12px 16px;color:#b9b4c2;font-size:12px;display:flex;align-items:center;gap:20px}.flow-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.demo{border:1px solid #4e485c;border-radius:15px;padding:24px;background:linear-gradient(135deg,#34303e,#28252f);box-shadow:0 30px 80px #0002}.demo-top{display:flex;justify-content:space-between;align-items:center}.demo-top>span{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#d0c5e1}.demo-top .live-dot{background:var(--lime)}.demo-top small{font-size:8px;color:#aaa0b4}.demo-route{display:flex;justify-content:center;align-items:center;gap:15px;margin:33px 0}.demo-route>span:not(.route-dots){width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#f8f5ff;color:#8c44db;font-weight:800;font-size:24px;letter-spacing:-2px}.demo-route .demo-integr8{background:var(--purple)!important;color:white!important;font-family:Manrope,sans-serif;font-size:32px!important}.route-dots{color:#88769f;letter-spacing:4px;font-size:12px;overflow:hidden}.demo-tripletex{color:#486cce!important}.demo-record{border:1px solid #524b5e;border-radius:9px;padding:20px;background:#3b3545}.demo-record>div:first-child{display:flex;align-items:center;justify-content:space-between}.demo-record small{font-size:8px;color:#b7abc8;letter-spacing:1px}.status{font-size:8px;background:#51495d;color:#c6bcd2;border-radius:20px;padding:5px 8px}.demo-record h3{font-size:17px;font-weight:500;margin:17px 0}.record-line{display:flex;justify-content:space-between;border-top:1px solid #51495d;padding:10px 0;font-size:10px;color:#ada3bb}.record-line strong{font-weight:500;color:#eee8f7}.demo-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:var(--ink);border:0;border-radius:5px;padding:13px 16px;margin-top:18px;font-size:12px;font-weight:600}.demo-button:disabled{opacity:.6;cursor:wait}.demo-hint{font-size:9px!important;text-align:center;margin:12px 0 0;max-width:100%!important}.demo.is-synced .status{background:#d7ef9722;color:var(--lime)}.demo.is-running .route-dots{animation:pulse .5s infinite alternate}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-copy>p{font-size:15px;color:var(--muted);max-width:325px}.price-doodle{display:flex;align-items:start;margin-top:45px;margin-left:80px;font-family:Georgia,serif;font-style:italic;font-size:34px;color:var(--purple);transform:rotate(-9deg)}.price-doodle svg{width:135px;height:65px;fill:none;stroke:var(--purple);stroke-width:2;margin-top:8px}.price-card{padding:35px;background:#e7e2f4;border-radius:12px}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1px}.plan-tag{background:#d3c5f1;color:#6539aa;padding:7px 10px;border-radius:20px;font-size:9px;letter-spacing:0}.price-number{font-family:Manrope,sans-serif;font-size:90px;letter-spacing:-6px;line-height:1.2;margin-top:25px}.price-number>span{font:13px 'DM Sans',sans-serif;letter-spacing:0;color:#7d738a;margin-left:15px}.price-card>p{font-size:13px;color:#7d738a;margin:5px 0 25px}.price-card ul{list-style:none;padding:22px 0;margin:0;border-top:1px solid #d1c8e0}.price-card li{padding:8px 0;font-size:12px}.price-card li:before{content:'✓';color:var(--purple);margin-right:12px}.price-card .button{width:100%;margin-top:3px}.price-card>small{display:block;font-size:9px;color:#82778f;text-align:center;margin-top:15px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.faq h2{font-size:43px}.faq>div>p{font-size:13px;color:var(--muted)}.inline-button{border:0;background:none;padding:0;border-bottom:1px solid #aaa793;color:var(--ink);font-size:13px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:#989487;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);margin:0 35px 25px 0}.contact-banner{background:var(--purple);color:var(--paper);padding:65px 0}.contact-banner .live-dot{background:var(--lime)}.contact-banner .eyebrow{color:#d4c6f0}.contact-banner h2{font-size:110px;letter-spacing:-6px;line-height:1.04;position:relative;margin:30px 0 40px}.contact-banner h2 em{font-style:normal;color:var(--lime)}.contact-banner h2>span{position:absolute;right:5%;top:0;font-size:180px;font-weight:400;line-height:1.1;color:#b995f5}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-bottom p{font-size:14px;color:#ddd0f5}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;padding:60px 0 45px}.footer-top p{font-size:13px;color:var(--muted);margin:0}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:12px;justify-self:end}.footer-top>div span{color:var(--muted);font-size:11px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#87897e;padding:22px 0 28px}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}dialog{background:var(--paper);color:var(--ink);border:none;border-radius:15px;padding:40px;max-width:520px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 30px 130px #0004}dialog::backdrop{background:#20132980;backdrop-filter:blur(6px)}dialog h2{font-size:30px;letter-spacing:-1px}dialog>p{font-size:13px;color:var(--muted)}.close-dialog{position:absolute;right:15px;top:12px;font-size:27px;border:0;background:none}form{display:grid;gap:13px;margin-top:22px}form label{display:grid;gap:6px;font-size:11px;font-weight:500}input,textarea{width:100%;border:1px solid #d8d4df;border-radius:5px;background:#fff9;padding:11px;font-size:13px;color:var(--ink)}input:focus,textarea:focus{outline:2px solid var(--purple);outline-offset:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .button{width:100%}form small{font-size:10px;line-height:1.5;color:var(--muted)}#form-status{font-size:12px;margin:0}body:has(dialog[open]){overflow:hidden}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes pulse{to{color:var(--lime)}}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:85px}}@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.hero h1{font-size:83px}.hero{min-height:650px}.hero-actions{gap:17px}.text-link{font-size:11px}.hero-art{min-height:500px}.heading-star{font-size:45px}.flow-layout,.pricing{gap:50px}.flow-section h2{font-size:41px}.benefit-grid{gap:30px}.benefit-grid article+article{padding-left:27px}.faq{gap:45px}.connector i{width:50px}}@media(max-width:800px){.header{height:90px}.header nav{gap:18px;font-size:11px}.header-cta{font-size:11px;padding:14px;gap:12px}.hero{padding-top:35px;gap:0;min-height:590px}.hero h1{font-size:66px;letter-spacing:-4px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-copy>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-art{min-height:445px}.floating-card{padding:10px;gap:8px}.order-card{right:-8px}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}.app-tile{width:78px;height:86px}.app-tile.woo{font-size:27px}.tripletex>b{font-size:34px}.sync-card{left:4%;bottom:10%}.art-label{font-size:7px}.orbit-label{font-size:6px}.reassurance{font-size:9px;gap:15px}.connection-strip{gap:16px}.wordmark,.woo-word{font-size:17px}.connector{gap:10px}.connector i{width:20px}.connection-strip>a{display:none}.section{padding-top:75px;padding-bottom:75px}h2{font-size:39px}.section-heading{gap:30px}.section-heading>p{font-size:12px;max-width:230px}.benefit-grid{gap:20px}.benefit-grid article+article{padding-left:20px}.benefit-grid h3{font-size:19px}.benefit-grid p{font-size:12px}.feature-note{font-size:7px;letter-spacing:1px}.flow-layout{gap:30px}.flow-section h2{font-size:32px}.flow-section p{font-size:12px}.flow-tabs{gap:6px}.flow-tabs button{padding:10px;font-size:10px;gap:10px}.demo{padding:18px}.demo-route{gap:9px}.route-dots{letter-spacing:1px}.demo-record{padding:13px}.demo-record h3{font-size:14px}.pricing{gap:45px}.price-card{padding:25px}.plan-top{font-size:8px}.plan-tag{font-size:8px}.price-number{font-size:77px}.price-number>span{font-size:11px}.faq{grid-template-columns:1fr 1.25fr;gap:30px}.faq h2{font-size:35px}.faq-list summary{font-size:12px}.contact-banner h2{font-size:88px}.contact-banner h2>span{font-size:140px}.contact-bottom p{font-size:12px}.contact-bottom .button{font-size:12px;padding:17px;gap:15px}}
@media(max-width:600px){.wrap{padding-left:23px;padding-right:23px}.header{height:84px;gap:12px}.logo{font-size:32px}.logo span{font-size:35px}.header nav{display:none}.header-cta{margin-left:auto;font-size:10px}.menu-toggle{display:block;border:1px solid var(--line);background:none;padding:8px;border-radius:5px;font-size:17px}.header nav.open{position:absolute;top:76px;left:16px;right:16px;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;z-index:10;font-size:15px}.hero{grid-template-columns:1fr;padding-top:33px;padding-bottom:25px}.hero h1{font-size:clamp(65px,18vw,88px);letter-spacing:-4.5px;margin-top:21px;line-height:1.01}.heading-star{font-size:48px;margin-left:22px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-copy>p{font-size:14px;max-width:350px;margin-bottom:23px}.hero-actions{flex-direction:row;align-items:center;gap:19px}.hero-actions .button{font-size:12px;padding:17px;gap:23px}.text-link{font-size:10px;gap:6px}.reassurance{font-size:10px}.hero-art{min-height:420px;max-width:430px;width:100%;margin:18px auto 0}.art-label{top:24px;font-size:8px}.order-card{top:16%;right:0}.app-tile{width:86px;height:91px}.app-tile.woo{left:3%;top:26%}.tripletex{right:2%;bottom:27%}.floating-card strong{font-size:10px}.floating-card small{font-size:8px}.sync-card{bottom:11%;left:7%}.orbit-label{font-size:7px;right:6%}.connection-strip{flex-wrap:wrap;padding-top:23px;padding-bottom:23px;justify-content:center;gap:17px}.connection-strip>span:first-child{width:100%;text-align:center;font-size:8px}.connection-strip>span:first-child br{display:none}.connection-strip>span:first-child strong{margin-left:5px;font-size:11px}.wordmark,.woo-word{font-size:19px}.tripletex-word{gap:10px}.tripletex-word b{font-size:22px}.connector{gap:8px}.connector i{width:24px}.section{padding-top:64px;padding-bottom:64px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{font-size:13px;max-width:330px}h2{font-size:37px;letter-spacing:-1.7px}.eyebrow{font-size:8px;letter-spacing:1.5px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-grid article{position:relative;padding:0 0 28px 62px;border-bottom:1px solid var(--line)}.benefit-grid article+article{border-left:0;padding-left:62px}.benefit-grid article:last-child{border-bottom:0;padding-bottom:0}.feature-icon{position:absolute;left:0;top:0;font-size:32px}.benefit-grid h3{margin:0 0 12px;font-size:22px}.benefit-grid p{font-size:13px;max-width:none}.feature-note{font-size:8px;margin-top:18px}.flow-section{padding:63px 0}.flow-layout{grid-template-columns:1fr;gap:35px}.flow-section h2{font-size:38px}.flow-section p{font-size:13px;max-width:none}.flow-tabs button{font-size:12px;padding:12px 16px;gap:20px}.demo{padding:21px}.demo-top small{font-size:8px}.demo-route{gap:16px}.route-dots{letter-spacing:3px}.demo-record{padding:20px}.demo-record h3{font-size:17px}.pricing{grid-template-columns:1fr;gap:25px}.price-copy>p{max-width:none;font-size:13px}.price-doodle{display:none}.price-card{padding:29px}.plan-top{font-size:8px}.price-number{font-size:84px}.price-card li{font-size:12px}.faq{grid-template-columns:1fr;gap:10px}.faq h2{font-size:36px}.faq-list summary{font-size:13px;padding:23px 0}.contact-banner{padding:53px 0}.contact-banner h2{font-size:76px;letter-spacing:-4px;margin-bottom:27px}.contact-banner h2>span{font-size:95px;right:0;top:7px}.contact-bottom{flex-direction:column;align-items:start;gap:18px}.contact-bottom p{font-size:13px}.contact-bottom .button{font-size:13px;padding:18px 22px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-top:40px;padding-bottom:30px}.footer-top p{font-size:11px;justify-self:end}.footer-top>div{grid-column:1/-1;justify-self:start}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:15px}.footer-bottom span:last-child{display:none}dialog{padding:30px 23px}dialog h2{font-size:28px}.form-grid{grid-template-columns:1fr}.price-card>small{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Login to the Integr8 app (added 2026-10-27). Grouped with the contact button in
   .header-actions so the header keeps its logo / nav / actions layout, and kept
   visible on small screens where the nav collapses. */
.header-actions{display:flex;align-items:center;gap:12px}
.header-login{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:7px;padding:14px 18px;font-size:13px;font-weight:600;color:var(--ink);background:white;transition:border-color .2s,color .2s}
.header-login:hover,.header-login:focus-visible{border-color:var(--purple);color:var(--purple)}
@media(max-width:800px){.header-login{font-size:11px;padding:13px 14px}}
@media(max-width:600px){.header-actions{margin-left:auto;gap:8px}.header-login{font-size:10px;padding:11px 12px}}
@media(max-width:600px){.header-cta{white-space:nowrap}.header-cta span{display:none}}