@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ee;--ink:#173e37;--gold:#e8ae48;--line:#d8ddd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #bc7913;outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-1.4px}.brand span{font-size:11px;align-self:flex-start;margin-top:9px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}.contact-link{border-bottom:1px solid;padding:9px 0;font-size:13px;font-weight:700}.contact-link span{margin-left:22px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;padding:55px 5% 50px;gap:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 30px}.dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(40px,4.6vw,70px);font-weight:600;line-height:1.08;letter-spacing:-3px;margin:0 0 25px}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:16px;line-height:1.8;max-width:410px;color:#53665e}.button{display:inline-flex;background:var(--ink);color:white;gap:35px;padding:18px 23px;font-size:13px;border-radius:4px;margin-top:18px}.button:hover{background:#265b4d}.hero-foot{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:14px;margin-top:48px}.hero-foot i{font-style:normal;color:#aa792b;font-size:17px}.hero-art{position:relative;min-height:510px;background:#e6e9dc;overflow:hidden;border-radius:120px 8px 8px 8px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#c6cebe66 1px,transparent 1px),linear-gradient(90deg,#c6cebe66 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.art-label,.art-bottom,.art-number{position:absolute;font-size:9px;letter-spacing:1.7px;font-weight:700}.art-label{top:34px;right:28px}.art-bottom{bottom:30px;left:30px}.art-number{bottom:30px;right:26px}.orbit{position:absolute;border:1px solid #a4b49e;border-radius:50%;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:235px;height:235px;border-style:dashed}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);filter:drop-shadow(12px 25px 22px #29463933)}.core img{width:175px;height:175px}.floating{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 21px;border-radius:10px;background:#fffdf7;box-shadow:0 15px 40px #28483714;font-size:12px;font-weight:700}.floating b{font-size:25px;font-weight:500}.code{left:10%;top:24%;transform:rotate(-7deg)}.chip{right:5%;top:44%;transform:rotate(8deg);background:var(--ink);color:#fff}.design{left:15%;bottom:17%;transform:rotate(-3deg);background:#f1cd7b}.services,.products,.approach,.contact{padding:90px 5%;max-width:1440px;margin:auto}.services{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.section-heading h2,.approach h2,.contact h2{font-size:clamp(32px,3.5vw,48px);line-height:1.16;letter-spacing:-1.9px;font-weight:600;margin:0 0 24px}.section-heading>p:last-child{color:#586a61;line-height:1.8;font-size:14px;max-width:430px}.service-list article{display:flex;gap:23px;padding:30px 0;border-bottom:1px solid var(--line)}.service-list article:first-child{padding-top:0}.service-icon{font-size:25px;width:40px;flex-shrink:0}.service-list h3{font-size:21px;margin:0 0 12px}.service-list p{font-size:13px;line-height:1.8;color:#586a61;margin:0 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid #cbd3c6;border-radius:30px;padding:5px 9px}.arrow{margin-left:auto;font-size:23px}.products{background:var(--ink);color:var(--paper)}.products .section-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px}.products .eyebrow{grid-column:1/-1;color:#d4bc7c}.products .section-heading>p:last-child{color:#b8c8be;max-width:480px}.product-explorer{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:40px}.product-tabs{display:flex;flex-direction:column}.product-tabs button{background:none;border:0;border-bottom:1px solid #ffffff25;color:#a8beb1;display:flex;justify-content:space-between;text-align:left;font-size:21px;padding:20px 12px;cursor:pointer}.product-tabs button[aria-selected=true]{color:var(--gold);background:#ffffff08}.product-tabs button:hover{background:#ffffff0c}.product-explorer article{padding:35px;background:#244b42;border:1px solid #ffffff18;border-radius:8px}.product-explorer h3{font-size:36px;margin:0 0 20px;letter-spacing:-1px}.product-explorer article>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d1ddd3}.product-explorer ul{padding-left:18px;font-size:13px;line-height:2.2;color:#e4ebe3}.status{display:inline-block;border-top:1px solid #ffffff25;padding-top:20px;margin-top:20px;font-size:11px;color:#d2dbd0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.steps article{border-top:1px solid #bec9bc;padding-top:22px}.steps article>span{font-size:12px;color:#7b8f7b}.steps h3{font-size:23px;margin:25px 0 14px}.steps p{font-size:14px;line-height:1.8;color:#586a61;max-width:310px}.contact{background:#e9bf67;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;border-radius:8px}.contact h2{font-size:clamp(35px,4vw,54px);margin:0}.contact-details{align-self:center}.demo-label{font-size:9px;letter-spacing:1.4px;border:1px solid #173e3755;padding:6px 8px;border-radius:3px}.contact-details p{font-size:19px;margin:25px 0 10px;overflow-wrap:anywhere}.contact-details p#contact-address{font-size:13px}.contact-details small{display:block;font-size:11px;line-height:1.7;max-width:320px;margin-top:25px}footer{max-width:1440px;margin:0 auto;padding:45px 5%;display:flex;align-items:center;gap:30px;font-size:10px;color:#66796a}footer .brand{color:var(--ink);font-size:21px}footer p{margin-left:auto}footer>a:last-child{border-bottom:1px solid}.brand-page{max-width:1100px;margin:50px auto;padding:25px}.brand-preview{background:var(--ink);color:var(--paper);border-radius:20px;padding:75px;text-align:center;margin:30px 0}.brand-preview img{width:130px}.brand-preview h1{font-size:60px;letter-spacing:-3px;margin:18px 0}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.swatch{padding:35px 20px;border:1px solid var(--line);border-radius:9px}.downloads{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.contact{max-width:1296px}}@media(max-width:850px){header{flex-wrap:wrap;padding:20px 5%}nav{order:3;width:100%;justify-content:space-between;gap:10px}.brand{font-size:23px}.contact-link{font-size:11px}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:53px;letter-spacing:-2.5px}.hero-art{min-height:430px}.hero-foot{margin-top:30px}.services{grid-template-columns:1fr;gap:35px}.services,.products,.approach,.contact{padding:55px 6%}.products .section-heading{display:block}.product-explorer{grid-template-columns:1fr;gap:25px}.product-tabs{flex-direction:row;overflow-x:auto}.product-tabs button{font-size:13px;white-space:nowrap;gap:14px;padding:17px}.product-explorer article{padding:27px}.steps{gap:22px}.contact{grid-template-columns:1fr}.contact-details p{font-size:18px}footer{flex-wrap:wrap;gap:18px}footer>span{display:none}footer p{margin-left:0}.brand-preview{padding:35px 15px}.brand-preview h1{font-size:40px}}@media(max-width:480px){.hero h1{font-size:44px}.hero-art{min-height:380px}.hero-foot{font-size:8px;gap:9px}.orbit-one{width:300px;height:300px}.floating{padding:12px 15px}.core img{width:150px;height:150px}.code{left:5%}.chip{right:3%}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:15px}.section-heading h2,.approach h2{font-size:34px}.swatches{grid-template-columns:1fr}.contact-link span{margin-left:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}