@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--blue:#2864e8;--navy:#101b32;--ink:#172238;--muted:#68758a;--pale:#f3f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{height:78px;position:sticky;top:0;z-index:9;background:#ffffffed;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),5%);border-bottom:1px solid #e8edf4}.logo{font:800 20px Manrope;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.logo b{background:var(--blue);color:white;border-radius:9px;padding:5px 10px}.logo span{color:var(--blue)}nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700;color:#526078}nav a:hover{color:var(--blue)}.navbtn{background:var(--navy);color:white;padding:13px 16px;border-radius:7px}#menu{display:none}.hero,.section{max-width:1160px;margin:auto;padding:90px 24px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:700}.hero h1,h2{font:800 clamp(40px,5vw,60px)/1.08 Manrope;letter-spacing:-2.8px;color:var(--navy);margin:22px 0}.hero h1 em,h2 em{color:var(--blue);font-style:normal}.hero p,.split>div>p,.heading>p{color:var(--muted);font-size:14px;line-height:1.85;max-width:530px}.btn{display:inline-block;border:0;background:var(--blue);color:white;border-radius:7px;padding:15px 19px;font-weight:700;font-size:12px;margin:18px 7px 0 0;cursor:pointer}.ghost{background:white;color:var(--navy);border:1px solid #e2e8f1}.stats{display:flex;gap:25px;margin-top:45px;font-size:10px;color:var(--muted)}.stats b{display:block;color:var(--blue);margin-bottom:7px}.art{height:370px;background:radial-gradient(circle,#dce8ff,#f7f9fd 70%);border-radius:50%;display:grid;place-items:center;position:relative}.printer{height:260px;width:250px;border:7px solid #8498b7;border-bottom:0;border-radius:12px 12px 0 0;position:relative}.rail{position:absolute;top:45px;left:10px;right:10px;height:6px;background:#9cacc5}.head{position:absolute;top:36px;left:105px;width:40px;height:35px;background:#dce5f2;border-radius:5px}.nozzle{position:absolute;top:68px;left:120px;width:12px;height:24px;background:#aebed5;clip-path:polygon(0 0,100% 0,50% 100%)}.object{position:absolute;bottom:13px;left:85px;width:80px;display:grid;justify-items:center;gap:5px}.object i{height:10px;width:100%;border:3px solid #75a3fa;border-radius:3px}.object i:nth-child(2){width:85%}.object i:nth-child(3){width:70%}.object i:nth-child(4){width:55%}.bed{position:absolute;bottom:0;left:15px;width:220px;height:10px;background:#9eafc8;transform:skewX(-20deg)}.art label{position:absolute;top:45px;left:-15px;background:white;padding:13px;border-radius:8px;box-shadow:0 8px 25px #17223818;font-size:11px;font-weight:700}.art>small{position:absolute;bottom:20px;color:#8290a5;letter-spacing:2px;font-size:9px}.strip{background:var(--pale);display:flex;justify-content:center;gap:7vw;padding:25px 10px;font-size:11px;color:var(--muted)}.strip b{font:800 16px Manrope;color:var(--navy);margin-right:6px}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.heading h2{font-size:42px;margin:14px 0 0}.heading>p{max-width:370px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid #e5eaf2;border-radius:11px;padding:0 18px 22px;overflow:hidden}.visual{height:175px;background:#f2f5fb;margin:0 -18px 20px;display:grid;place-items:center;position:relative}.visual.blue{background:#edf3ff}.key{background:linear-gradient(140deg,#6591ef,#2864e8);color:white;border-radius:12px;width:100px;height:75px;display:grid;place-content:center;text-align:center;font:800 20px Manrope;transform:rotate(-7deg);box-shadow:0 12px 20px #2864e833}.key small{font-size:10px;letter-spacing:3px}.token{background:white;border:7px solid var(--blue);border-radius:14px;padding:16px;font:800 23px Manrope;transform:rotate(-7deg);box-shadow:8px 9px #c9d8f3}.token span{color:var(--blue)}.figure{font-size:80px;color:#6690e8;text-shadow:0 5px #b6c9ed}.vase{width:78px;height:110px;background:repeating-linear-gradient(90deg,#83a5e8 0 5px,#7094dc 5px 8px);clip-path:polygon(20% 0,80% 0,75% 25%,100% 100%,0 100%,25% 25%)}.cards article>small{font-size:8px;letter-spacing:1.2px;color:var(--blue);font-weight:700}.cards h3,.steps h3{font:700 15px Manrope;color:var(--navy)}.cards p,.steps p{font-size:11px;line-height:1.75;color:var(--muted);min-height:58px}.cards article>a{font-size:11px;font-weight:700;color:var(--blue)}.center{text-align:center;color:var(--muted);font-size:11px;margin-top:28px}.dark{background:var(--navy);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.dark h2{color:white;font-size:43px}.dark .eyebrow{color:#8fb1ff}.dark p{color:#b6c2d5}.material{border-top:1px solid #34435d;padding:15px 0}.material b{font:700 14px Manrope}.material p{font-size:11px;margin-bottom:0}.palette{background:#1b2a45;border:1px solid #34435d;border-radius:12px;padding:25px}.palette>small{font-size:9px;letter-spacing:1.5px;color:#b4c1d4}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.swatches i{height:33px;border-radius:5px;background:#f4f4f4}.swatches i:nth-child(5n+2){background:#2864e8}.swatches i:nth-child(5n+3){background:#182238}.swatches i:nth-child(5n+4){background:#eab8a9}.swatches i:nth-child(5n){background:#dfc98e}.palette p{font-size:10px}.finish{background:#2a3a56;padding:16px;border-radius:8px;font-weight:700;font-size:12px}.finish small{font-weight:400;color:#bdc8d8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps article{border-top:1px solid #e3e9f2;padding-top:22px}.steps article>b{color:var(--blue);font-size:11px}.steps p{min-height:0}.contact{padding:10px 0}.contact .split{align-items:start}.contact a:not(.btn){color:#9bb8ff;font-size:12px}form{background:white;color:var(--ink);padding:28px;border-radius:12px;display:grid;gap:13px}form h3{font:700 20px Manrope;margin:0 0 5px}form label{font-size:10px;font-weight:700;color:#526078;display:grid;gap:6px}input,select,textarea{font:12px 'DM Sans';padding:12px;border:1px solid #e0e6ef;border-radius:6px;width:100%;background:white;color:var(--ink)}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .btn{width:100%;margin:0}form>small,output{font-size:10px;color:#718097;text-align:center}footer{max-width:1160px;margin:auto;padding:35px 24px 20px}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px}.foot p{font-size:11px;line-height:1.7;color:var(--muted)}.foot div{font-size:10px;font-weight:700;color:#536078}footer>small{display:block;border-top:1px solid #e5eaf2;padding-top:18px;color:#8994a5;font-size:9px}
@media(max-width:850px){nav{gap:12px}nav a{font-size:10px}.hero{gap:20px}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.strip{gap:3vw}}
@media(max-width:650px){header{padding:0 20px;height:68px}#menu{display:block;border:0;background:none;font-size:23px;color:var(--navy)}nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:15px 22px;box-shadow:0 12px 25px #17223818;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px;font-size:13px}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:50px}.hero h1{font-size:43px}.art{height:310px;margin-top:25px}.printer{transform:scale(.8)}.strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:23px}.section{padding-top:65px;padding-bottom:65px}.heading{display:block}.heading h2,.dark h2{font-size:36px}.heading>p{margin-top:16px}.cards{gap:10px}.cards article{padding:0 12px 18px}.visual{margin:0 -12px 16px;height:140px}.cards h3{font-size:13px}.cards p{font-size:10px}.split{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr 1fr;gap:25px 15px}.two{grid-template-columns:1fr}.foot{flex-wrap:wrap}.foot p{order:3;width:100%}.foot div{line-height:2}}
@media(max-width:390px){.cards{grid-template-columns:1fr}.visual{height:170px}.cards p{min-height:0}.hero h1{font-size:38px}.stats{gap:12px;font-size:9px}}