:root{--white:#fff;--cloud:#f6f9fc;--mist:#edf5fb;--ink:#0d1824;--slate:#405064;--muted:#748294;--line:#0d18241c;--line-soft:#ffffff75;--blue:#1f5f96;--blue-deep:#0e314f;--blue-soft:#dceefa;--gold:#b79a64;--shadow:0 28px 90px #0e314f29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cloud);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}main{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero{background:linear-gradient(90deg, #f6f9fcfa 0%, #f6f9fce0 37%, #f6f9fc47 67%, #f6f9fc14 100%), linear-gradient(180deg, #f6f9fc00 64%, var(--cloud) 100%), url(/artivex-mountain-hero.png) center right / cover no-repeat;min-height:100svh;padding:0 28px 92px;position:relative}.nav{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;height:84px;margin:0 auto;display:grid}.brand,.nav-links,.nav-cta{align-items:center;display:inline-flex}.brand{color:var(--ink);letter-spacing:-.02em;font-size:19px;font-weight:750}.nav-links{color:var(--slate);justify-content:center;gap:34px;font-size:14px;font-weight:650}.nav-links a{opacity:.82;transition:opacity .18s,color .18s}.nav-links a:hover{color:var(--blue);opacity:1}.nav-cta{border:1px solid var(--line-soft);color:var(--ink);background:#ffffff9e;border-radius:9999px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:750;box-shadow:0 18px 44px #0e314f1a}.hero-copy{max-width:1180px;margin:0 auto;padding-top:clamp(72px,13vw,160px)}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:800}h1,h2{color:var(--ink);letter-spacing:-.065em;margin:0;font-weight:680;line-height:.95}h1{max-width:980px;font-size:clamp(58px,9vw,128px)}h2{max-width:940px;font-size:clamp(42px,6.2vw,86px)}.lede,.section-copy{color:var(--slate);max-width:640px;margin:30px 0 0;font-size:clamp(18px,1.7vw,22px);line-height:1.55}.waitlist{border:1px solid var(--line-soft);box-shadow:var(--shadow);background:#ffffffad;border-radius:9999px;align-items:center;gap:8px;max-width:560px;margin-top:42px;padding:7px;display:flex}.waitlist input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;height:50px;padding:12px 18px}.waitlist input::placeholder{color:var(--muted)}.waitlist button{background:var(--blue-deep);color:var(--white);cursor:pointer;white-space:nowrap;border:0;border-radius:9999px;min-height:50px;padding:12px 22px;font-weight:760}.section-inner{max-width:1180px;margin:0 auto}.building{background:var(--cloud);padding:118px 28px 92px}.building-grid{border-top:1px solid var(--line);grid-template-columns:280px minmax(0,1fr);gap:64px;padding-top:84px;display:grid}.section-kicker{padding-top:10px}.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:74px;display:grid}.principle-card,.product-card{background:#ffffffb8;border:1px solid #0d182417;border-radius:28px;min-height:280px;padding:30px;box-shadow:0 18px 60px #0e314f12}.principle-card span,.product-card span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:850;display:block}.principle-card p,.product-card p{color:var(--slate);margin:76px 0 0;font-size:20px;line-height:1.45}.products{background:var(--white);padding:112px 28px}.products-heading{grid-template-columns:minmax(0,.95fr) minmax(280px,.45fr);align-items:end;gap:48px;display:grid}.products-heading:after{color:var(--muted);content:"Payroll, CRM, project management and operating intelligence, designed to work as one integrated environment.";font-size:18px;line-height:1.55}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:68px;display:grid}.product-card{background:linear-gradient(#fff 0%,#f7fbff 100%);min-height:340px}.product-card p{margin-top:112px}.system{background:radial-gradient(circle at 88% 24%, #dceefa94, transparent 24rem), var(--cloud);padding:112px 28px 124px}.system-panel{background:var(--blue-deep);box-shadow:var(--shadow);color:var(--white);border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:60px;padding:clamp(34px,6vw,72px);display:grid}.system-panel h2,.system-panel .eyebrow{color:var(--white)}.system-panel .eyebrow{opacity:.72}.system-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.system-stack span{color:#ffffffdb;text-align:center;background:#ffffff17;border:1px solid #ffffff24;border-radius:9999px;padding:14px 16px;font-size:14px;font-weight:760}.footer{background:var(--white);border-top:1px solid var(--line);color:var(--muted);padding:42px 28px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-inner span{color:var(--ink);font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1023px){.hero{background:linear-gradient(180deg, #f6f9fcf2 0%, #f6f9fcc2 56%, var(--cloud) 100%), url(/artivex-mountain-hero.png) center / cover no-repeat}.nav{grid-template-columns:auto 1fr}.nav-links{display:none}.nav-cta{justify-self:end}.building-grid,.products-heading,.system-panel{grid-template-columns:1fr}.principle-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.hero,.building,.products,.system,.footer{padding-left:18px;padding-right:18px}.hero{min-height:92svh;padding-bottom:72px}.nav{height:70px}.nav-cta{display:none}.hero-copy{padding-top:70px}h1{font-size:clamp(48px,15vw,76px)}.waitlist{border-radius:26px;flex-direction:column;align-items:stretch}.waitlist button{width:100%}.building{padding-top:82px}.building-grid{gap:28px;padding-top:58px}.principle-grid,.product-grid,.system-stack{grid-template-columns:1fr}.principle-card,.product-card{min-height:230px}.principle-card p,.product-card p{margin-top:48px}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}}
