@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
html{scroll-behavior:smooth}body{margin:0}button{font:inherit;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid transparent;text-decoration:none;font-weight:600;background:transparent;border-radius:6px;font-size:13px}.button.primary{background:#0c1f33;color:#fff}.button.outline{border-color:#cbd6d2;color:#0c1f33}.button.ghost{background:transparent}.button:hover{filter:brightness(1.05)}
.site{--ink:#0c1f33;--teal:#32baa9;--cream:#f8f9f6;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:clip}.site *{box-sizing:border-box}.site a{text-decoration:none;color:inherit}.site button,.site a{touch-action:manipulation}.site a:focus-visible,.site button:focus-visible{outline:3px solid #1876d2;outline-offset:5px}.skip{position:absolute;top:0;left:16px;transform:translateY(-150%);background:#fff;padding:12px;z-index:10}.skip:focus{transform:none}.header{max-width:1440px;margin:auto;padding:26px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:31px;font-weight:800;letter-spacing:-1.5px}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--teal);border-radius:11px;font-size:23px;letter-spacing:-1px;line-height:1}.brandDot{color:#1e9b8c}.header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.header nav a:hover,.textLink:hover{color:#148574}.header>a:last-child{font-size:13px;min-height:42px;border-color:#bfcacb;border-radius:7px;display:inline-flex;gap:14px;background:transparent;color:var(--ink)}.hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.13fr;gap:35px;padding:70px clamp(20px,5vw,80px) 100px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#159c88}.hero h1{font-size:clamp(50px,6.8vw,100px);letter-spacing:-6px;line-height:.99;font-weight:600;margin:27px 0 30px}.hero h1 em{font-style:normal;color:#169785}.heroCopy>p{font-size:15px;line-height:1.8;color:#5d6e75;max-width:400px;margin:0 0 28px}.heroActions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.heroActions>a:first-child,.finalCta>a{background:var(--ink);color:white;border-color:var(--ink);border-radius:6px;display:inline-flex;gap:18px;font-size:12px;min-height:48px}.heroActions>a:first-child:hover,.finalCta>a:hover{background:#19435a}.textLink{font-size:12px;display:inline-flex;align-items:center;gap:5px;font-weight:600}.accessNote{display:flex;align-items:center;gap:7px;font-size:10px;color:#6a7b80;margin-top:21px}.previewWrap{position:relative;padding:32px 0 35px;min-width:0}.previewGlow{position:absolute;inset:-25px;background:radial-gradient(ellipse at 70% 35%,#c4e9dfb0,transparent 65%);pointer-events:none}.preview{position:relative;background:#fff;border:1px solid #d5dfdc;border-radius:12px;box-shadow:0 25px 70px #173a3420;transform:rotate(-2deg);overflow:hidden}.previewTop{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edeb;gap:10px}.previewTop>span:first-child{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.miniMark{background:var(--ink);color:var(--teal);border-radius:5px;padding:2px 5px;font-size:11px}.demoLabel{font-size:7px;letter-spacing:1.4px;color:#81918e}.previewBody{display:grid;grid-template-columns:128px 1fr;min-height:340px}.previewNav{background:#0c1f33;color:#91a7b2;padding:25px 12px;display:flex;flex-direction:column;gap:11px;font-size:9px}.previewNav>span{display:flex;align-items:center;gap:9px;padding:9px 8px;white-space:nowrap}.previewNav .previewSelected{background:#203c4b;color:#74ddcd;border-radius:5px}.previewNav small{margin-top:auto;line-height:1.8;font-size:9px;padding:8px}.previewMain{padding:27px 23px}.previewEyebrow{font-size:6px;letter-spacing:1px;font-weight:600;color:#708780}.previewMain h2{font-size:23px;letter-spacing:-1px;margin:5px 0}.previewMain>p{font-size:9px;color:#87948f;margin:0 0 22px}.previewStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.previewStats>div{background:#f4f7f5;border:1px solid #e4ebe5;border-radius:5px;padding:12px;display:grid;gap:5px}.previewStats svg{color:#269b86;margin-bottom:3px}.previewStats strong{font-size:10px}.previewStats span{font-size:7px;color:#7a8c83}.previewTask{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ed}.previewTask strong{font-size:9px;display:block}.previewTask small{font-size:7px;display:block;color:#8b9894;margin-top:3px}.taskCheck{width:19px;height:19px;display:grid;place-items:center;border:1px solid #d2dfd8;border-radius:50%;color:#218876;flex-shrink:0}.previewFoot{font-size:7px;padding:10px 20px;display:flex;justify-content:space-between;color:#7d8e88;border-top:1px solid #e5eee8}.previewFoot>span:first-child{display:flex;align-items:center;gap:5px}.previewFoot i{width:4px;height:4px;background:#249a83;border-radius:50%}.floatingNote{position:absolute;bottom:8px;right:15px;display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #dae7df;padding:16px 22px;border-radius:8px;box-shadow:0 15px 35px #183b3415;transform:rotate(2deg)}.floatingIcon{display:grid;place-items:center;width:36px;height:36px;background:#e5f5ed;border-radius:50%;color:#238b73}.floatingNote strong{display:block;font-size:12px}.floatingNote div>span{display:block;font-size:9px;color:#809289;margin-top:2px}.ribbon{display:flex;align-items:center;justify-content:center;gap:45px;border-top:1px solid #dce4dd;border-bottom:1px solid #dce4dd;padding:28px 20px;font-size:10px;letter-spacing:2px;font-weight:600;color:#577268}.ribbon i{color:#8eb7a5;font-style:normal}.workspace{max-width:1440px;padding:105px clamp(20px,5vw,80px);margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.sectionIntro h2,.businessHeading h2,.gettingStarted h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:25px 0}.sectionIntro>p,.businessHeading>p,.gettingStarted>div>p{font-size:14px;line-height:1.85;color:#63766c;max-width:360px}.features article{padding:6px 36px 25px 0;margin-bottom:25px;border-bottom:1px solid #dce4dd;position:relative}.features article:last-child{margin:0}.features article>span{font-size:8px;letter-spacing:1.5px;color:#188b72;font-weight:700}.features h3{font-size:20px;line-height:1.2;letter-spacing:-.6px;margin:12px 0}.features p{font-size:12px;line-height:1.8;color:#6b7c72;max-width:400px}.features article>svg{position:absolute;right:0;top:8px;width:19px;color:#53846f}.business{background:var(--ink);color:#fff;padding:90px max(20px,calc((100vw - 1280px)/2));}.businessHeading{display:flex;align-items:end;justify-content:space-between;gap:40px}.business .eyebrow{color:#75cbb5}.businessHeading h2{margin-bottom:10px}.businessHeading>p{color:#a0b4bd;max-width:330px;font-size:13px;margin-bottom:10px}.purposeTabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:35px;border-bottom:1px solid #294152;padding-bottom:18px}.purposeTabs button{font-size:11px;border-radius:4px;padding:10px 14px;color:#b8c7d0;height:auto;min-height:38px}.purposeTabs button[aria-pressed=true]{background:#56ccb3;color:#0c1f33;border-color:#56ccb3}.purposeTabs button[aria-pressed=false]:hover{background:#1e3849;color:white}.purposePanel{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:36px;align-items:center}.panelKicker{font-size:10px;letter-spacing:1px;color:#75cbb5}.purposePanel h3{font-size:29px;letter-spacing:-1px;margin:10px 0 17px;font-weight:500}.purposePanel p{font-size:13px;line-height:1.85;color:#c2cdd3;max-width:440px}.purposePanel .purposeRule{font-size:11px;color:#91a9b5;margin-top:20px}.example{background:#183346;border:1px solid #345061;border-radius:8px;padding:23px 27px}.example>span{color:#91a9b5;letter-spacing:1.6px;font-size:7px;font-weight:600}.exampleHead{display:flex;justify-content:space-between;align-items:center;margin:24px 0 17px;color:#78d6be}.exampleHead small{font-size:8px;background:#2d514e;border:1px solid #426b61;color:#9de4cf;padding:4px 8px;border-radius:4px}.example h4{font-size:18px;letter-spacing:-.3px;margin:0 0 7px}.example>p{font-size:10px;color:#a2b5be}.example>div:last-child{border-top:1px solid #345061;margin-top:23px;padding-top:16px}.example>div:last-child>span{font-size:7px;letter-spacing:1.5px;color:#91a9b5}.example>div:last-child>p{font-size:11px;margin:7px 0 0}.gettingStarted{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1440px;padding:100px clamp(20px,5vw,80px);margin:auto}.gettingStarted ol{list-style:none;margin:0;padding:0}.gettingStarted li{display:flex;gap:25px;align-items:start;padding:24px 0;border-bottom:1px solid #dce4dd}.gettingStarted li>span{color:#248d73;font-size:10px;font-weight:700;margin-top:4px}.gettingStarted h3{margin:0;font-size:18px;letter-spacing:-.5px}.gettingStarted li p{font-size:12px;line-height:1.7;color:#6b7c72;margin:8px 0 0}.finalCta{background:#e8f1e9;text-align:center;padding:75px 20px 70px}.finalCta .eyebrow{justify-content:center;color:#517e68}.finalCta h2{font-size:clamp(38px,5vw,66px);letter-spacing:-3px;line-height:1.03;font-weight:500;margin:25px 0 30px}.finalCta p{font-size:10px;color:#637e6d;margin-top:18px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px clamp(20px,5vw,80px);max-width:1440px;margin:auto}.footer>.brand{font-size:25px}.footer>.brand .mark{height:29px;width:29px;font-size:18px}.footer>span{font-size:10px;color:#708477}.footer>div{display:flex;gap:25px;font-size:9px;color:#708477}.footer>div>a{display:flex;align-items:center;gap:5px;color:var(--ink)}@media(min-width:1440px){.business{padding-left:80px;padding-right:80px}.businessHeading,.purposeTabs,.purposePanel{max-width:1280px;margin-left:auto;margin-right:auto}}@media(max-width:1050px){.hero{gap:25px}.hero h1{letter-spacing:-4px}.previewBody{grid-template-columns:95px 1fr}.previewNav{font-size:7px;padding:20px 6px}.previewNav>span{gap:5px;padding:8px 4px}.previewNav svg{width:12px}.previewMain{padding:23px 15px}.previewTop{padding:15px}.demoLabel{font-size:6px}.heroActions{gap:18px}.workspace{gap:45px}.purposePanel{gap:40px}.gettingStarted{gap:50px}.ribbon{gap:28px}.header nav{gap:20px}}@media(max-width:760px){.header{padding:22px 20px;flex-wrap:wrap;gap:18px}.header .brand{font-size:27px}.header nav{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px}.header>a:last-child{font-size:12px;min-height:44px}.hero{grid-template-columns:1fr;padding:40px 20px 65px;gap:30px}.hero h1{font-size:64px;letter-spacing:-4px;margin-top:25px}.heroCopy>p{font-size:14px;max-width:430px}.heroActions{gap:20px}.heroActions>a:first-child{min-height:48px}.textLink{min-height:44px}.previewWrap{max-width:580px;width:100%;margin:auto;padding:20px 3px 32px}.previewBody{grid-template-columns:105px 1fr}.previewNav{font-size:8px}.previewMain{padding:23px 17px}.previewMain h2{font-size:23px}.floatingNote{padding:13px 16px;right:4px;bottom:5px}.floatingNote strong{font-size:11px}.ribbon{gap:14px;flex-wrap:wrap;font-size:7px;letter-spacing:1px;padding:22px 16px}.workspace{grid-template-columns:1fr;padding:65px 20px;gap:35px}.sectionIntro h2,.businessHeading h2,.gettingStarted h2{font-size:38px;letter-spacing:-1.5px}.sectionIntro>p{max-width:500px}.features article{padding-bottom:20px;margin-bottom:20px}.business{padding:60px 20px}.businessHeading{align-items:start;flex-direction:column;gap:14px}.businessHeading>p{max-width:500px}.purposeTabs{gap:7px;margin-top:25px}.purposeTabs button{min-height:44px;font-size:10px;padding:9px 12px}.purposePanel{grid-template-columns:1fr;gap:25px;margin-top:26px}.purposePanel h3{font-size:27px}.example{padding:23px}.gettingStarted{grid-template-columns:1fr;padding:65px 20px;gap:20px}.gettingStarted li{padding:23px 0}.finalCta{padding:60px 20px}.finalCta h2{font-size:49px;letter-spacing:-2.5px}.footer{padding:30px 20px;flex-wrap:wrap;gap:20px}.footer>span{display:none}.footer>div{gap:20px}.site a:focus-visible,.site button:focus-visible{outline-offset:2px}}@media(prefers-reduced-motion:reduce){.site *{scroll-behavior:auto;transition:none!important}}

.header nav a,.footer>div>a{min-height:44px;display:inline-flex;align-items:center}
/* Product positioning and workflow demonstration */
.hero h1{font-size:clamp(46px,5.2vw,76px);letter-spacing:-3.5px;line-height:1.04}.heroCopy>p{max-width:440px}.header nav{gap:23px}.workflow,.constructionStory,.questions{max-width:1440px;margin:auto;padding:85px clamp(20px,5vw,80px)}.workflow{background:#fff;border-top:1px solid #e1e8e1;border-bottom:1px solid #e1e8e1}.workflowIntro{display:flex;justify-content:space-between;align-items:end;gap:40px}.workflowIntro h2,.constructionStory h2,.questions h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:22px 0}.workflowIntro>p{max-width:370px;font-size:14px;line-height:1.85;color:#63766c}.workflowLayout{display:grid;grid-template-columns:.85fr 1.2fr;gap:50px;align-items:start;margin-top:38px}.workflowSteps{display:grid;gap:10px}.workflowStep{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #dce6df;border-radius:8px;padding:20px;background:#f7f9f6;color:#0c1f33;min-height:88px;width:100%}.workflowStep>span{font-size:10px;color:#248d73;font-weight:700}.workflowStep>div{flex:1}.workflowStep strong{display:block;font-size:15px}.workflowStep small{display:block;color:#708477;font-size:11px;line-height:1.6;margin-top:5px}.workflowStep i{font-style:normal;color:#248d73}.workflowStep[aria-pressed=true]{background:#e7f2eb;border-color:#8abfa9;box-shadow:inset 3px 0 #248d73}.workflowDemo{border:1px solid #dce6df;border-radius:10px;padding:30px;background:#f8faf7;min-height:460px}.journeyKicker{font-size:9px;letter-spacing:1.4px;color:#21876e;font-weight:700}.workflowDemo>h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;max-width:400px;margin:16px 0}.workflowDemo>p{font-size:12px;line-height:1.8;color:#63766c;max-width:440px}.journeyCard{background:#fff;border:1px solid #e1e8e1;padding:22px;border-radius:8px;margin-top:23px}.journeyCustomer{display:flex;align-items:center;gap:12px}.journeyAvatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dfefe5;color:#1a765b;font-size:12px;font-weight:700}.journeyCustomer strong{display:block;font-size:14px}.journeyCustomer small{display:block;font-size:9px;color:#7c8e82;margin-top:3px}.journeyFields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.journeyFields>span{font-size:9px;color:#7c8e82}.journeyFields b{display:block;font-size:11px;color:#314e3e;font-weight:500;margin-top:6px}.journeyTimeline{border-left:2px solid #c6e2cf;padding-left:17px}.journeyTimeline>span,.journeyNote>span{font-size:8px;letter-spacing:1px;color:#47866a;font-weight:700}.journeyTimeline>p{font-size:11px;color:#496253;margin:6px 0 15px}.journeyNote h4{font-size:18px;letter-spacing:-.5px;margin:12px 0}.journeyNote p{font-size:12px;line-height:1.8;color:#496253}.journeyNote small{font-size:9px;color:#7c8e82}.journeyHint{font-size:9px;line-height:1.7;color:#738b7a;background:#f1f6ef;border-radius:5px;padding:12px;margin-top:18px}.journeyTaskState{background:#edf2f5;color:#355971;border-radius:5px;font-size:12px;padding:13px;margin:18px 0}.journeyTaskState[data-done=true]{background:#e0f2e4;color:#216b45}.journeyComplete{font-size:10px}.workflowCaption{font-size:9px;color:#7e8f83;text-align:right;margin-top:18px}.purposeLead{font-size:18px;font-weight:500;line-height:1.45;max-width:430px;color:#e0eee7;margin:12px 0}.constructionStory{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.constructionStory p{font-size:13px;color:#63766c;line-height:1.9;max-width:500px}.constructionStory small{display:block;font-size:10px;color:#7b8f80;line-height:1.8;max-width:480px;margin-top:20px}.constructionStory ol{list-style:none;padding:0;margin:40px 0 0}.constructionStory li{display:flex;gap:20px;align-items:start;padding:23px 0;border-bottom:1px solid #dce4dd}.constructionStory li>span{font-size:10px;font-weight:700;color:#248d73;padding-top:3px}.constructionStory li strong{font-size:16px;font-weight:600}.constructionStory li p{font-size:11px;margin:7px 0 0}.gettingStarted{background:#edf3ed;border-top:1px solid #dce4dd;border-bottom:1px solid #dce4dd}.questions{display:grid;grid-template-columns:.85fr 1.3fr;gap:80px}.questionList details{border-bottom:1px solid #dce4dd;padding:20px 0}.questionList summary{font-size:14px;font-weight:600;line-height:1.6;cursor:pointer;min-height:30px}.questionList p{font-size:12px;line-height:1.9;color:#63766c;margin:15px 0 0}.finalCta h2{font-size:clamp(36px,4.5vw,62px)}@media(max-width:1050px){.header nav{gap:14px;font-size:11px}.workflowLayout{gap:30px}.constructionStory{gap:45px}.questions{gap:40px}}@media(max-width:760px){.hero h1{font-size:52px;letter-spacing:-2.6px}.header nav{font-size:10px;gap:10px;flex-wrap:wrap;justify-content:space-between}.workflow,.constructionStory,.questions{padding:60px 20px}.workflowIntro{display:block}.workflowIntro h2,.constructionStory h2,.questions h2{font-size:36px;letter-spacing:-1.5px}.workflowIntro>p{max-width:500px}.workflowLayout,.constructionStory,.questions{grid-template-columns:1fr;gap:25px}.workflowLayout{margin-top:25px}.workflowStep{min-height:80px;padding:17px}.workflowDemo{min-height:0;padding:22px}.workflowDemo>h3{font-size:23px}.journeyCard{padding:18px}.workflowCaption{text-align:left;line-height:1.7}.constructionStory ol{margin:0}.purposeLead{font-size:17px}.questionList summary{min-height:44px;display:list-item}.questions h2{margin-bottom:0}.finalCta h2{font-size:43px;letter-spacing:-2px}}
/* Qivaro colour and motion system */
.site{--ink:#10243c;--teal:#22d3bc;--cream:#f7faff;background:var(--cream)}
.header{position:relative;z-index:2}
.mark,.miniMark{background:#10243c;color:#4aead0}
.brandDot{color:#008575}
.hero{position:relative;padding-top:64px;padding-bottom:86px;gap:44px;grid-template-columns:1fr 1.14fr}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 12%,#b7f3ef85,transparent 53%),radial-gradient(ellipse at 38% 100%,#dce6ff80,transparent 55%)}
.heroCopy,.previewWrap{position:relative}
.hero h1{font-size:clamp(46px,5vw,73px);letter-spacing:-3.4px}
.hero h1 em{color:#007c73;background:linear-gradient(100deg,#00766c,#067a9e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow{color:#356078}
.heroActions>a:first-child,.finalCta>a{background:#123d60;border-color:#123d60;box-shadow:0 7px 18px #123d6024}
.heroActions>a:first-child:hover,.finalCta>a:hover{background:#075b70;transform:translateY(-2px)}
.button{transition:background .2s,transform .2s,box-shadow .2s}
.header>a:last-child:hover{background:#e2f4f2}
.heroCopy>p{color:#4f647a}
.previewWrap{padding:20px 0 0}
.previewGlow{inset:-45px -25px;background:radial-gradient(ellipse at 60% 40%,#54ddcc55,transparent 64%),radial-gradient(ellipse at 5% 80%,#648bff25,transparent 58%)}
.tourBadge{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#326575}
.tourBadge>span{width:6px;height:6px;background:#059b89;border-radius:50%;box-shadow:0 0 0 4px #14b8a61a}
.productTour{position:relative;background:#fff;border:1px solid #c3d9e3;border-radius:15px;overflow:hidden;box-shadow:0 30px 65px -25px #123d6060,0 5px 18px #123d6010}
.tourTop{display:flex;gap:12px;align-items:center;padding:15px 17px;border-bottom:1px solid #e3edf3;background:#fff}
.tourBrand{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}
.tourBrand>b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#103650;color:#5bf0d9;font-size:15px}
.tourSample{font-size:6px;letter-spacing:1px;color:#60758b;margin-left:auto}
.tourAccount{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fce7dc;color:#904d31;font-size:8px;font-weight:700}
.tourBody{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:367px}
.tourNav{background:linear-gradient(165deg,#102b45,#0a3c4c);color:#a9c6d8;display:flex;flex-direction:column;gap:7px;padding:23px 8px 12px}
.tourNav button{border:0;background:transparent;color:#bad1df;display:flex;align-items:center;gap:7px;border-radius:6px;text-align:left;width:100%;min-height:44px;padding:10px 8px;font-size:9px;font-weight:500;transition:background .25s,color .25s}
.tourNav button>span:first-child{font-size:16px;min-width:16px;text-align:center}
.tourNav button[aria-pressed=true]{background:#1c5968;color:#8bf5df;box-shadow:inset 2px 0 #50ddc6}
.tourNav button:hover{background:#214a60}
.tourNavBottom{font-size:8px;line-height:1.8;color:#91b0c2;padding:10px;margin-top:auto}
.tourScreen{position:relative;padding:20px 21px 17px;min-width:0;overflow:hidden;background:linear-gradient(145deg,#fff,#f7faff)}
.tourCrumb{font-size:7px;line-height:1.5;color:#637b8e;margin-bottom:20px}
.tourHeading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tourOverline{font-size:7px;font-weight:700;letter-spacing:1.3px;color:#007c71}
.tourHeading h2{font-size:22px;line-height:1.15;letter-spacing:-.8px;margin:7px 0 0}
.tourAvatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:#def6ef;color:#167663;font-size:12px;font-weight:700}
.tourAvatar.coral{background:#ffeadf;color:#a3552d;font-size:20px}
.tourSub{font-size:9px;line-height:1.7;color:#61778a;margin:10px 0 16px}
.tourChips,.tourDayTabs{display:flex;gap:13px;align-items:center;font-size:8px;color:#647a8c;border-bottom:1px solid #e1eaf1;padding-bottom:10px}
.tourChip,.tourDayTabs b{color:#007d70;font-weight:700}
.tourContact{display:flex;gap:9px;align-items:center;padding:15px 0}
.tourContactIcon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7edff;color:#4864a5;font-size:9px}
.tourContact strong{display:block;font-size:10px}
.tourContact small{display:block;font-size:7px;color:#63788b;margin-top:3px}
.tourPill{font-size:7px;color:#13725b;background:#e5f7ee;border-radius:20px;padding:4px 7px;margin-left:auto}
.tourMiniLabel{font-size:7px;letter-spacing:1px;font-weight:700;color:#63778b;margin:6px 0 7px}
.tourNote{font-size:10px;line-height:1.7;padding:12px;border-left:2px solid #31b5a1;background:#eaf8f5;color:#315d61;border-radius:0 5px 5px 0}
.tourLinkRow{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;color:#63788b;padding:14px 0;border-bottom:1px solid #e1eaf1}
.tourLinkRow b{font-size:8px;font-weight:600;color:#225a80}.tourLinkRow i{font-style:normal;color:#007d70;margin-left:5px}
.tourHint{display:flex;align-items:center;gap:8px;font-size:8px;color:#49677b;margin-top:14px;line-height:1.6}
.tourHint>span{background:#dff5ef;color:#10705f;border-radius:50%;width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;font-size:7px;font-weight:700}
.tourStageTrack{display:flex;gap:4px;margin:20px 0 15px}.tourStageTrack span{height:5px;background:#25af9c;border-radius:2px;flex:1}.tourStageTrack span.current{background:#eea47d}.tourStageTrack span:last-child{background:#e0e9ef}
.tourDataGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 16px}
.tourDataGrid>div{padding:12px;background:#f0f5fa;border:1px solid #e0e8f0;border-radius:6px}
.tourDataGrid small,.tourField small{display:block;font-size:8px;color:#677d90;margin-bottom:5px}
.tourDataGrid strong{font-size:16px;letter-spacing:-.3px;font-weight:600}
.tourDataGrid.compact strong{font-size:10px;letter-spacing:0}
.tourField{padding:12px;border:1px solid #cddde7;background:#fff;border-radius:6px}
.tourField strong{font-size:11px;font-weight:500}
.tourSave{display:flex;justify-content:center;align-items:center;gap:7px;padding:11px;background:#087e70;color:white;border-radius:5px;font-size:10px;font-weight:600}
.tourTask{display:flex;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #e0e8f0}
.tourTick{flex-shrink:0;width:24px;height:24px;background:#dff5ed;border:1px solid #7ec4af;border-radius:50%;display:grid;place-items:center;color:#08705e;font-size:13px}
.tourTask strong{font-size:10px;line-height:1.6;display:block}.tourTask small{display:block;font-size:8px;color:#61788c;margin-top:4px}
.tourDone{display:flex;align-items:center;gap:10px;background:#e7f7f2;border:1px solid #c4e9db;border-radius:8px;margin:20px 0;padding:17px 12px}
.tourDone>span{display:grid;place-items:center;background:#087e70;color:#fff;border-radius:50%;width:29px;height:29px;flex-shrink:0}
.tourDone strong{font-size:11px;display:block;color:#1c6257}.tourDone small{font-size:8px;display:block;line-height:1.7;color:#4d786f;margin-top:4px}
.tourStatus{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#61798a;padding:10px 16px;border-top:1px solid #e0e8ef}
.tourStatus>span:first-child{display:flex;align-items:center;gap:5px}.tourStatus i{width:4px;height:4px;background:#079a7d;border-radius:50%}
.tourProgress{height:3px;background:#e6f1f4}.tourProgress>span{display:block;height:100%;background:linear-gradient(90deg,#15a48f,#4ecac8,#70a6f6);width:0}
.productTour[data-playing=true] .tourProgress>span{animation:tour-progress 5.2s linear forwards}
.tourControls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 2px 0;position:relative}
.tourControls strong{display:block;font-size:11px;color:#274c66}.tourControls div>span{display:block;font-size:8px;color:#647d90;margin-top:4px}
.tourToggle{display:flex;align-items:center;gap:10px;border:1px solid #b9d1dc;border-radius:30px;background:#fff9;color:#254c64;padding:10px 14px;min-height:44px;font-size:10px;white-space:nowrap}
.tourToggle:hover{background:#e0f4f0}.tourToggle span{font-size:10px}
.tourCursor{position:absolute;color:#143c61;text-shadow:1px 1px #fff;pointer-events:none;right:20%;top:65%;font-size:24px;opacity:0;transform:rotate(-30deg)}
.productTour[data-playing=true] .tourCursor{animation:tour-pointer 1.8s ease-out both}
.tourScreen>*:not(.tourCursor){animation:scene-in .5s ease both}
.ribbon{background:#eaf4fa;color:#3c647e;border-color:#d6e5ef}
.ribbon i{color:#079d8a}
.features article>span,.journeyKicker{color:#007e71}
.features article{border-color:#d4e3ef}
.workflow{background:linear-gradient(150deg,#fff,#eef6fb);border-color:#dae7f0}
.workflowStep{background:#fff;border-color:#d8e5ec;transition:transform .2s,background .2s,border-color .2s}
.workflowStep:hover{transform:translateX(3px);border-color:#6cbdae}
.workflowStep[aria-pressed=true]{background:#dff5ef;border-color:#6bbdae;box-shadow:inset 3px 0 #078b78}
.workflowDemo{background:#f3f8fc;border-color:#d4e4ed}
.workflowDemo>*,.purposePanel>*{animation:scene-in .35s ease both}
.business{background:radial-gradient(ellipse at 90% 10%,#14556880,transparent 60%),linear-gradient(130deg,#10243c,#102e46)}
.purposeTabs button[aria-pressed=true]{background:#58e0c5;border-color:#58e0c5}
.example{background:linear-gradient(140deg,#193d56,#164a58);border-color:#3e687a;box-shadow:0 14px 40px #0002}
.exampleHead small{background:#174d48;color:#a4f7dd;border-color:#3e7b6b}
.constructionStory{background:linear-gradient(130deg,#f7faff,#fff8f1)}
.constructionStory li>span{color:#ae5a2d;background:#ffeadc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;padding:0}
.gettingStarted{background:#edf5fb;border-color:#d3e2ee}
.finalCta{position:relative;background:radial-gradient(ellipse at 15% 25%,#c2f3e6,transparent 55%),radial-gradient(ellipse at 90% 80%,#cbdcfc,transparent 60%),#e5f4f7}
.finalCta .eyebrow{color:#296e70}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s ease var(--reveal-delay,0ms)}
.reveal.isVisible{opacity:1;transform:none}
@keyframes tour-progress{from{width:0}to{width:100%}}
@keyframes scene-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes tour-pointer{0%{opacity:0;transform:translate(30px,24px) rotate(-30deg)}35%,70%{opacity:1;transform:translate(0,0) rotate(-30deg)}100%{opacity:0;transform:translate(0,0) rotate(-30deg)}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:.95fr 1.15fr;gap:25px}.tourBody{grid-template-columns:87px minmax(0,1fr)}.tourNav{padding:20px 5px 10px}.tourNav button{padding:9px 5px;gap:4px;font-size:8px}.tourScreen{padding:17px 14px}.tourHeading h2{font-size:19px}.tourSample{font-size:5px;letter-spacing:.7px}.tourAccount{display:none}.tourControls strong{font-size:10px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:55px;gap:27px}.hero h1{font-size:clamp(40px,10.5vw,64px);letter-spacing:-2.5px}.previewWrap{padding:10px 0 0;max-width:570px}.tourBody{grid-template-columns:100px minmax(0,1fr)}.tourScreen{padding:20px 17px}.tourHeading h2{font-size:22px}.tourSample{font-size:6px}.tourControls strong{font-size:11px}.tourNav button{font-size:9px}.tourBody{min-height:367px}}
@media(max-width:390px){.tourBody{grid-template-columns:73px minmax(0,1fr)}.tourNav button{font-size:7px;gap:4px;padding:8px 4px}.tourNav button>span:first-child{font-size:13px;min-width:12px}.tourNav{padding:17px 4px 8px}.tourNavBottom{font-size:7px;padding:8px 4px}.tourScreen{padding:17px 12px}.tourHeading h2{font-size:19px}.tourTop{padding:12px}.tourAccount{display:none}.tourSample{font-size:5px}.tourControls strong{font-size:10px}.tourControls div>span{font-size:7px}.tourToggle{padding:10px;font-size:9px}.tourHint{font-size:7px}.tourSub{font-size:8px}.tourDataGrid strong{font-size:14px}.tourDataGrid.compact strong{font-size:9px}.tourLinkRow{font-size:7px}.tourLinkRow b{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site *,.site *:before,.site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.tourCursor{display:none}}

/* Reserve space for every tour scene to keep the page steady. */
.tourBody{min-height:475px}.tourOverline{display:block;line-height:1.4}.tourCrumb{margin-bottom:14px}.tourContact{padding:12px 0}.tourLinkRow{padding:12px 0}.tourHint{margin-top:12px}.tourNote{padding:10px}.tourScreen{align-self:stretch}

/* Keep navigation visible and anchor destinations below the header. */
:root{--qivaro-header-height:104px;scroll-padding-top:calc(var(--qivaro-header-height) + 16px)}
.header{position:sticky;top:0;z-index:50;max-width:none;background:#f7faff;border-bottom:1px solid #dbe7ef;box-shadow:0 5px 18px #10243c0a}
.skip{z-index:60}
@media(min-width:1440px){.header{padding-left:max(80px,calc((100vw - 1280px)/2));padding-right:max(80px,calc((100vw - 1280px)/2))}}
@media(max-width:760px){:root{--qivaro-header-height:154px}}

/* Public contact form */
.contactSection{max-width:1440px;margin:auto;display:grid;grid-template-columns:.95fr 1.1fr;gap:70px;padding:85px clamp(20px,5vw,80px);background:linear-gradient(140deg,#10283f,#0c4656);color:#fff}
.contactCopy>.eyebrow{color:#73e0ca}
.contactCopy h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2px;line-height:1.1;font-weight:600;margin:25px 0}
.contactCopy h2 em{font-style:normal;color:#75e4d0}
.contactCopy>p{font-size:14px;line-height:1.9;color:#c3d6e2;max-width:400px}
.contactPromise{display:flex;gap:15px;margin-top:35px;max-width:410px}
.contactPromise>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#235869;color:#9df3df;flex-shrink:0}
.contactPromise strong{font-size:13px}.contactPromise p{font-size:12px;color:#abc6d6;line-height:1.85;margin:8px 0}
.contactAccent{position:relative;margin-top:44px;padding:25px 0;border-top:1px solid #477185;max-width:400px;overflow:hidden}
.contactAccent span,.contactAccent strong{display:block;font-size:15px;line-height:1.8}.contactAccent span{color:#abc6d6}.contactAccent strong{color:#8be9d3}
.contactAccent i{position:absolute;right:15px;top:7px;color:#296173;font-size:75px;line-height:1;font-style:normal;font-weight:800}
.contactFormCard{padding:32px;background:#fff;color:#10243c;border-radius:14px;box-shadow:0 25px 60px #061a2526;min-width:0}
.contactFormCard h3{font-size:24px;letter-spacing:-.7px;margin:0 0 7px}
.contactRequired{font-size:11px;color:#647b8e;margin:0 0 24px}
.contactFields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contactField{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;min-width:0}
.contactField label{font-size:12px;font-weight:600;color:#284b62}.contactField label span{font-weight:400;color:#6d8190;font-size:10px}
.contactField input,.contactField select,.contactField textarea{font:inherit;font-size:12px;color:#183c53;background:#f8fbfd;border:1px solid #c9dce6;border-radius:6px;width:100%;min-height:45px;padding:12px;box-sizing:border-box}
.contactField textarea{resize:vertical;min-height:130px;line-height:1.7;max-height:360px}
.contactField input::placeholder,.contactField textarea::placeholder{color:#718596;opacity:1}
.contactField input:focus,.contactField select:focus,.contactField textarea:focus{outline:2px solid #128a7c;outline-offset:2px;border-color:#128a7c}
.contactField small{font-size:10px;line-height:1.6;color:#687d8f}
.contactPrivacy{font-size:11px;line-height:1.7;color:#60798b;margin:0 0 17px}
.contactSend{background:#087c70!important;color:white!important;min-height:48px;width:100%;gap:20px;font-size:13px}
.contactSend:disabled{opacity:.7;cursor:wait}
.contactStatus{font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.contactStatus:not(:empty){margin-top:18px;padding:12px 14px;border-radius:6px;background:#eaf4f9;color:#244d64}
.contactStatus[data-state="success"]{background:#e3f6ed;color:#1b654b}
.contactStatus[data-state="error"]{background:#fff0e8;color:#963d24}
.contactHoney{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.header{flex-wrap:wrap;gap:12px 24px}.header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px 24px}.contactSection{gap:40px}.contactFormCard{padding:25px}}
@media(max-width:760px){.contactSection{grid-template-columns:1fr;padding:60px 20px;gap:28px}.contactCopy h2{font-size:40px}.contactCopy>p{max-width:none}.contactPromise{margin-top:24px}.contactAccent{display:none}.contactFields{grid-template-columns:1fr;gap:0}.contactFormCard{padding:25px 20px}.header nav{gap:5px 17px;justify-content:space-between}}