/* Lattice Cloud's original dimensional brand system. */
:root{--paper:#f5f6f1;--ink:#132e2a;--teal:#116b54;--muted:#5a6e66;--line:#d6dfd5;--mint:#b4f1cc}
body{font-size:16px}.wrap{max-width:1400px;padding-inline:64px}.header{background:#073b32;color:#f4fff4;border-bottom-color:#ffffff17}.header-inner{min-height:88px}.brand{font-size:24px;letter-spacing:-1px}.header nav{font-size:13px;gap:34px}.header nav>a:hover{color:#adf1cb}.header .button.dark{background:#b4f1cc;color:#123e32;border-radius:2px}.header .brand img{filter:saturate(.6) brightness(1.15)}
.immersive-hero{display:block;position:relative;isolation:isolate;overflow:hidden;padding:0;background:#073b32;color:#f6fff5;min-height:790px}.hero-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 84% 45%,#1d6e5a77,transparent 62%),linear-gradient(110deg,#062e29 15%,#073b32 55%,#063b35);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:100px;padding-bottom:120px;pointer-events:none}.hero-copy{max-width:650px;pointer-events:auto}.immersive-hero .eyebrow{font-size:10px;letter-spacing:2.3px;color:#b3d0bd;margin-bottom:32px}.immersive-hero .dot{background:#b4f1cc;box-shadow:0 0 18px #a3eac969}.immersive-hero h1{font-size:clamp(70px,7.7vw,112px);letter-spacing:-6px;line-height:.99;font-weight:450;margin-bottom:34px}.immersive-hero h1 span{color:#b4f1cc}.immersive-hero .intro{font-size:17px;line-height:1.75;color:#c1d3c8;max-width:445px;margin-bottom:33px}.immersive-hero .actions{gap:29px}.button.mint{background:#b4f1cc;color:#163d2d;font-size:13px;border-radius:2px;padding:16px 22px}.button.mint:hover{background:#d2ffe0}.hero-secondary{color:#e9f6e8;font-size:12px;text-decoration:none;display:flex;gap:20px}.hero-secondary:hover{color:#b4f1cc}.hero-stage{position:absolute;right:-8%;top:-5%;width:77%;height:calc(100% + 50px);z-index:0;pointer-events:none;opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 17%)}.foundation-svg{width:100%;height:100%;overflow:visible;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.2s ease-out}.hero-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;min-height:71px;border-top:1px solid #c2f7d724;font-size:9px;letter-spacing:1.6px;z-index:2}.hero-foot p{margin:0;color:#bed4c5}.hero-foot p span{padding-inline:20px;color:#6aa484}.hero-foot a{text-decoration:none;display:flex;gap:26px;color:#c7e3cb}.scene-flow{animation:flow 13s linear infinite}.surface-float{animation:surface-float 9s ease-in-out infinite}.surface-1{animation-delay:-2s}.surface-2{animation-delay:-4s}.surface-3{animation-delay:-6s}@keyframes flow{to{stroke-dashoffset:-444}}@keyframes surface-float{50%{translate:0 -12px}}
.family-strip{background:#eef1e8;border:0}.family-strip .wrap{min-height:95px;gap:24px}.family-strip span:first-child{letter-spacing:1.7px;font-size:9px}.family-strip a{font-size:13px;color:#365345}.section{padding-block:110px}.section-heading{align-items:start;margin-bottom:50px}.section-heading h2{max-width:690px;font-size:clamp(36px,4vw,55px);line-height:1.1;letter-spacing:-2.5px;font-weight:450}.section-heading>p{font-size:14px;line-height:1.7;padding-top:37px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:20px}.product-stories{margin-bottom:95px}.product-story{position:relative;overflow:hidden}.story-suite{display:grid;grid-template-columns:.92fr 1.15fr;min-height:500px;background:#e3ecdf}.story-copy{padding:57px 48px;position:relative;z-index:1}.story-copy .eyebrow{font-size:9px;color:#50705a;margin-bottom:25px}.story-copy h3{font-size:43px;letter-spacing:-1.8px;line-height:1.12;font-weight:450;margin-bottom:22px}.story-copy p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:390px;color:#526a58;margin-bottom:28px}.story-copy .text-link{font-size:12px;gap:25px;border-bottom:1px solid #a8bfab;padding-bottom:10px}.story-apps{display:flex;gap:14px;margin-top:35px}.story-apps img{border-radius:8px;box-shadow:0 6px 13px #3c694416}.product-illustration{position:relative;min-width:0}.suite-canvas{min-height:480px;background:radial-gradient(ellipse at 66% 65%,#bdd7ae,transparent 70%);perspective:1000px}.workspace-window{position:absolute;top:65px;left:9%;width:490px;height:380px;background:#fbfcf6;border:1px solid #b0c5a8;border-radius:9px;box-shadow:18px 25px 0 -7px #c3d6b8,30px 40px 60px -24px #2b59365c;transform:rotate(-6deg) rotateY(-12deg);overflow:hidden}.window-top{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #dce4d5;font-size:8px;letter-spacing:1.8px;color:#4b6a4f}.window-dots{color:#a5b59a;letter-spacing:2px;font-size:8px}.workspace-layout{display:grid;grid-template-columns:117px 1fr;height:calc(100% - 41px)}.workspace-nav{background:#edf1e7;padding:21px 14px;font-size:9px;display:flex;flex-direction:column;gap:17px;color:#718169}.workspace-nav b{font-size:11px;color:#3f5a3e;margin-bottom:8px}.workspace-page{padding:24px 28px;background:#fffef9}.mini-label{font-size:7px;letter-spacing:2px;color:#5d7a58}.workspace-page h4{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:14px 0 20px}.document-lines{height:30px;background:repeating-linear-gradient(#ced9c7 0 2px,transparent 2px 10px);width:90%}.workspace-page p{font-size:8px;margin:12px 0;color:#7b8a72}.editorial-chart{height:88px;display:flex;gap:10px;align-items:end;border-bottom:1px solid #c9d9c3;margin-top:18px}.editorial-chart i{width:26px;background:#b3cda0;height:33%}.editorial-chart i:nth-child(2){height:50%}.editorial-chart i:nth-child(3){height:43%}.editorial-chart i:nth-child(4){height:68%;background:#77a16b}.editorial-chart i:nth-child(5){height:81%;background:#587e51}.editorial-chart i:nth-child(6){height:96%;background:#274d3e}.floating-file{position:absolute;bottom:52px;left:2%;padding:17px 22px;background:#fffdf2;border:1px solid #b9cbaa;box-shadow:0 15px 35px #32502a23;border-radius:6px;display:flex;align-items:center;gap:14px;font-size:13px;transform:rotate(2deg)}.floating-file small{display:block;font-size:8px;color:#7e8e73;margin-top:3px}.illustration-note{position:absolute;bottom:18px;right:24px;color:#6d8566;letter-spacing:1.8px;font-size:7px}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.story-business{background:#eeeadd;min-height:690px}.story-pair .story-copy{padding:45px 42px 15px}.story-pair .story-copy h3{font-size:35px}.story-business .story-copy .eyebrow{color:#7c7051}.story-business .story-copy p:not(.eyebrow){color:#6b6a57}.story-business .story-copy .text-link{border-bottom-color:#c9c2a7}.business-canvas{height:305px;display:flex;justify-content:center;gap:46px;align-items:start;padding-top:23px}.flow-line{position:absolute;top:43px;height:1px;background:#c3b89b;width:270px}.flow-node{position:relative;text-align:center;font-size:9px;color:#73694e}.flow-node img{margin:0 auto 12px;box-shadow:0 0 0 8px #eeeadd}.financial-slip{position:absolute;top:110px;left:15%;width:71%;height:175px;transform:rotate(-5deg);border-radius:6px;background:#fffdf5;border:1px solid #cfc7ad;box-shadow:11px 11px 0 -3px #d8d1ba;padding:20px 28px}.financial-slip>span{font-size:7px;letter-spacing:1.6px;color:#8e8060}.financial-slip strong{font-size:22px;line-height:1.15;letter-spacing:-.6px;font-weight:500;display:block;margin:7px 0 13px}.financial-slip>div{width:100%;height:3px;background:#e4e1d0;margin-top:7px}.financial-slip>div:last-child{width:70%}.story-infrastructure{background:#123d35;color:#eff9ed}.story-infrastructure .story-copy p:not(.eyebrow){color:#b4c8b6}.story-infrastructure .story-copy .eyebrow{color:#91bea2}.story-infrastructure .text-link{border-color:#547964;color:#d2edcf}.infra-canvas{height:305px;overflow:hidden;background:radial-gradient(ellipse at center,#2b665650,transparent 70%)}.infra-ring{position:absolute;left:calc(50% - 140px);top:56px;width:280px;height:150px;transform:rotate(-22deg);border:1px solid #7ab49555;border-radius:50%}.ring-b{transform:rotate(22deg)}.infra-core{position:absolute;left:calc(50% - 30px);top:102px;filter:drop-shadow(0 0 28px #81d7b34d)}.infra-core img{border-radius:16px}.infra-node{position:absolute;display:flex;align-items:center;gap:11px;padding:10px 15px;background:#1d4f40;border:1px solid #6c9d795c;border-radius:6px;font-size:11px;color:#d7ead2;box-shadow:0 10px 25px #092d2940}.infra-compute{left:9%;top:42px}.infra-object{right:8%;top:87px}.infra-remote{left:20%;top:194px}.story-infrastructure .illustration-note{color:#81a28c}
.catalogue-heading{border-top:1px solid var(--line);padding-top:45px}.catalogue-heading h3{font-size:26px;letter-spacing:-.7px;font-weight:500}.catalogue-heading p{font-size:12px}.filters{margin-block:25px 30px}.filters button{border-radius:0;padding:9px 12px;font-size:11px}.product-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:34px 29px;background:transparent;transition:background .2s}.product:hover{background:#fffef8}.product h3{font-size:25px;font-weight:500;letter-spacing:-.8px}.product>p:not(.eyebrow):not(.stage){font-size:13px;line-height:1.8}.product ul{font-size:11px}.product .text-link{font-size:11px}.product .eyebrow{font-size:8px;letter-spacing:1.4px}.product-top{margin-bottom:26px}.product .service-logo{width:42px;height:42px;filter:none}
.approach{background:#112f29;padding-block:95px;position:relative;overflow:hidden}.approach:before{content:'';position:absolute;inset:-80px -40% auto auto;width:65%;height:600px;border:1px solid #9cd8ad1a;transform:rotate(-30deg);pointer-events:none}.approach h2{max-width:650px}.principles{gap:55px;margin-top:65px}.principles h3{font-size:22px;line-height:1.35;font-weight:450}.principles p{font-size:13px;line-height:1.85}.roadmap-grid{gap:50px}.roadmap-grid h3{font-size:15px}.roadmap-grid dt{font-size:14px}.roadmap-grid dd{font-size:12px}.faq{padding-top:25px;padding-bottom:100px;gap:70px}.faq h2{font-size:34px}.faq summary{font-size:14px;padding:6px 0}.faq details p{font-size:13px}.contact{max-width:1272px;border-radius:0;padding:60px;margin-bottom:90px;background:#dce8d4}.contact h2{font-size:52px;line-height:1.1;letter-spacing:-2px}.contact .button{border-radius:2px}.footer{padding-top:45px;padding-bottom:28px}.footer .legal{padding-top:25px}.footer nav a{font-size:12px}.footer p{font-size:12px}
@media(min-width:1600px){.hero-stage{right:0;width:66%}.immersive-hero{min-height:860px}.hero-content{padding-top:120px}}
@media(max-width:1100px){.wrap{padding-inline:40px}.hero-content{padding-top:80px}.immersive-hero h1{font-size:86px}.hero-stage{right:-25%;width:95%;opacity:.7}.hero-copy{max-width:560px}.hero-ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062e2970,transparent)}.story-copy{padding:44px 32px}.story-copy h3{font-size:36px}.workspace-window{left:6%;top:80px}.story-pair .story-copy{padding:37px 30px 15px}.story-pair .story-copy h3{font-size:31px}.infra-node{padding:9px 11px}.infra-compute{left:5%}.infra-object{right:5%}.hero-foot p span{padding-inline:12px}.contact{margin-inline:40px}}
@media(max-width:760px){.wrap{padding-inline:26px}.header-inner{min-height:76px;gap:15px}.header .brand{font-size:21px}.header .brand img{width:30px;height:30px}.header nav{gap:20px}.header nav>a:not(.button):not(:first-child){display:none}.header nav>a:first-child{display:inline-flex}.immersive-hero{min-height:1050px}.hero-content{padding-top:68px;padding-bottom:20px}.immersive-hero h1{font-size:81px;letter-spacing:-4.5px;line-height:1.01}.immersive-hero .intro{font-size:16px;max-width:430px}.immersive-hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}.hero-stage{inset:auto -18% 32px auto;width:120%;height:530px;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 13%)}.hero-foot{min-height:65px;font-size:8px}.hero-foot p span{padding-inline:7px}.hero-foot>a{font-size:0;gap:0}.hero-foot>a span{font-size:20px}.family-strip .wrap{justify-content:start;gap:16px 26px;padding-block:25px;min-height:0}.family-strip span:first-child{width:100%}.family-strip a{font-size:12px}.section{padding-block:76px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:42px;letter-spacing:-1.8px}.section-heading>p{padding-top:20px;font-size:14px}.product-stories{margin-bottom:65px}.story-suite{grid-template-columns:1fr}.story-copy{padding:38px 32px}.story-copy h3{font-size:37px}.suite-canvas{min-height:400px}.workspace-window{top:12px;left:18%;width:420px;height:330px;transform:rotate(-6deg) rotateY(-12deg)}.workspace-layout{grid-template-columns:103px 1fr}.workspace-page{padding:19px 23px}.workspace-page h4{font-size:26px;margin-top:11px;margin-bottom:13px}.editorial-chart{height:65px;margin-top:15px}.floating-file{bottom:39px;left:5%;padding:15px 18px}.story-pair{grid-template-columns:1fr;gap:20px}.story-pair .story-copy{padding:38px 32px 20px}.story-pair .story-copy h3{font-size:36px}.story-business,.story-infrastructure{min-height:620px}.business-canvas,.infra-canvas{height:300px}.infra-compute{left:12%}.infra-object{right:12%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{padding:28px 22px}.catalogue-heading{display:block;padding-top:32px}.catalogue-heading p{margin-top:12px}.principles{grid-template-columns:1fr;gap:33px}.approach{padding-block:70px}.principles h3{margin-top:19px}.principles p{max-width:520px}.roadmap-grid{grid-template-columns:1fr;gap:25px}.faq{grid-template-columns:1fr;gap:30px;padding-top:5px;padding-bottom:60px}.contact{margin-inline:26px;padding:36px;margin-bottom:55px}.contact h2{font-size:43px}.footer{padding-top:35px}.footer nav{gap:17px}}
@media(max-width:440px){.header nav>a:first-child{display:none}.header .brand{font-size:20px}.header .button{padding:10px 15px}.immersive-hero{min-height:1010px}.hero-content{padding-top:56px}.immersive-hero h1{font-size:67px;letter-spacing:-3.7px}.immersive-hero .intro{font-size:15px;line-height:1.75}.immersive-hero .actions{align-items:start;gap:22px}.hero-secondary{padding-block:8px}.hero-stage{height:430px;bottom:46px;width:133%;right:-21%}.hero-foot p{font-size:7px;letter-spacing:1px}.hero-foot p span{padding-inline:5px}.section-heading h2{font-size:37px}.product-grid{grid-template-columns:1fr}.story-copy,.story-pair .story-copy{padding-inline:27px}.story-copy h3,.story-pair .story-copy h3{font-size:33px}.workspace-window{left:13%;width:380px}.suite-canvas{min-height:365px}.floating-file{bottom:26px;padding:12px 16px;max-width:87%}.financial-slip{left:12%;width:75%}.flow-line{width:230px}.business-canvas{gap:40px}.infra-compute{left:4%}.infra-object{right:4%}.infra-remote{left:15%}.catalogue-heading h3{font-size:24px}.contact{padding:29px}.contact h2{font-size:39px}.footer .brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.scene-flow,.surface-float{animation:none}.foundation-svg{transform:none;transition:none}.product{transition:none}}
@media(min-width:1101px) and (max-width:1599px){.hero-content{padding-top:52px}.immersive-hero h1{font-size:clamp(76px,6.9vw,104px);letter-spacing:-5px;margin-bottom:24px}.immersive-hero .eyebrow{margin-bottom:24px}.immersive-hero .intro{font-size:16px;line-height:1.65;margin-bottom:24px}}