@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap');
:root{--navy:#123143;--teal:#167f7b;--aqua:#8bcac1;--orange:#eb6c3f;--sand:#efe5d3;--cream:#f9f4e9;--yellow:#f3c95b;--line:rgba(18,49,67,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--sand);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header,main,footer{max-width:1480px;margin:auto}.header{min-height:90px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.13em}.brand small{display:block;margin-top:3px;color:#6f7f82;font:500 7px/1 DM Mono,monospace;letter-spacing:.16em}.brand-wave{width:43px;height:43px;position:relative;display:block;overflow:hidden;background:var(--navy);border-radius:50%}.brand-wave i{width:55px;height:24px;position:absolute;left:-6px;border-radius:50%}.brand-wave i:first-child{top:18px;background:var(--teal)}.brand-wave i:last-child{top:29px;background:var(--orange)}nav{display:flex;gap:42px;font:500 10px/1 DM Mono,monospace}nav a{padding-bottom:6px;border-bottom:1px solid transparent}nav a:hover{border-color:var(--orange)}.header-contact{padding:12px 16px;color:var(--cream);background:var(--navy);border-radius:999px;font:500 10px/1 DM Mono,monospace}.header-contact span{margin-left:20px;color:var(--yellow)}
.hero{min-height:730px;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}.hero-copy{padding:85px 4.5vw 65px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{display:flex;align-items:center;gap:10px;color:#6f7f82;font:500 8px/1 DM Mono,monospace;letter-spacing:.12em}.eyebrow span{width:8px;height:8px;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.06em}h1{margin:40px 0;font-size:clamp(63px,7vw,105px);line-height:.9}h1 em,.about h2 em,.contact h2 em{color:var(--orange);font-style:normal}.hero-bottom{display:grid;grid-template-columns:1fr .75fr;gap:45px;align-items:end}.hero-bottom p{max-width:520px;margin:0;color:#667d82;font-size:17px;line-height:1.7}.hero-bottom a{padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);font:500 9px/1 DM Mono,monospace}.paper-scene{min-height:620px;position:relative;overflow:hidden;background:var(--cream);border-left:1px solid var(--line)}.sun{width:205px;height:205px;position:absolute;right:13%;top:10%;background:var(--yellow);border-radius:50%;box-shadow:0 16px 35px rgba(93,70,20,.11)}.wave{position:absolute;left:-12%;right:-12%;height:380px;border-radius:50% 50% 0 0 / 25% 25% 0 0;box-shadow:0 -18px 30px rgba(18,49,67,.08)}.wave-back{bottom:-95px;background:var(--aqua);transform:rotate(-5deg)}.wave-mid{bottom:-175px;background:var(--teal);transform:rotate(6deg)}.wave-front{bottom:-270px;background:var(--navy);transform:rotate(-3deg)}.scene-card{width:220px;position:absolute;left:9%;top:16%;padding:20px;color:var(--cream);background:var(--navy);border-radius:4px;box-shadow:10px 12px 0 var(--orange);transform:rotate(-3deg)}.scene-card small,.scene-card span{display:block;font:400 8px/1.5 DM Mono,monospace}.scene-card b{display:block;margin:28px 0 9px;font-size:22px}.scene-card span{color:var(--aqua)}.floating-tag{position:absolute;right:7%;bottom:13%;z-index:2;padding:14px;color:var(--navy);background:var(--sand);border-radius:4px;font:500 8px/1.5 DM Mono,monospace;transform:rotate(4deg)}
.flow-strip{overflow:hidden;color:var(--cream);background:var(--navy)}.flow-strip div{min-width:max-content;padding:18px 0;font:500 10px/1 DM Mono,monospace;letter-spacing:.1em;word-spacing:20px}.flow-strip i{color:var(--orange);font-style:normal}.section{padding:125px 4.5vw}.section-label{color:#6f7f82;font:500 8px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.11em}.section-label span{display:block;margin-bottom:12px;color:var(--orange);font-size:10px}.section-label p{margin:0}.about{display:grid;grid-template-columns:.25fr 1.35fr .4fr;gap:5vw;border-bottom:1px solid var(--line)}.about h2,.services h2,.process h2,.contact h2{margin:0;font-size:clamp(43px,5.3vw,80px);line-height:1.05}.about-text{max-width:840px;margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;color:#667d82;line-height:1.75}.about-token{min-height:300px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:var(--cream);background:var(--teal);border-radius:150px 150px 10px 10px}.about-token p{margin:0;font:500 9px/1.6 DM Mono,monospace}.token-rings{height:150px;position:relative}.token-rings i{position:absolute;border:1px solid var(--cream);border-radius:50%}.token-rings i:first-child{width:125px;height:125px;left:50%;top:0;transform:translateX(-50%)}.token-rings i:last-child{width:65px;height:65px;left:50%;top:30px;background:var(--orange);transform:translateX(-50%)}
.services{background:var(--cream);border-bottom:1px solid var(--line)}.services-title{display:grid;grid-template-columns:.4fr 1.6fr;gap:5vw}.service-grid{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:480px;padding:28px;position:relative;border-radius:12px 12px 190px 190px}.card-teal{color:var(--cream);background:var(--teal)}.card-orange{color:var(--cream);background:var(--orange)}.card-sand{background:var(--sand)}.number{font:500 9px/1 DM Mono,monospace}.card-icon{height:205px;position:relative}.tide i{width:75%;height:75px;position:absolute;left:12%;border:1px solid var(--cream);border-radius:50%}.tide i:first-child{top:25px}.tide i:nth-child(2){top:63px;background:var(--aqua)}.tide i:nth-child(3){top:101px;background:var(--navy)}.orbit i{position:absolute;border:1px solid var(--cream);border-radius:50%}.orbit i:first-child{width:170px;height:170px;left:50%;top:10px;transform:translateX(-50%)}.orbit i:nth-child(2){width:80px;height:80px;left:50%;top:55px;background:var(--yellow);transform:translateX(-50%)}.orbit i:nth-child(3){width:22px;height:22px;right:15%;top:38px;background:var(--navy)}.layers i{width:150px;height:75px;position:absolute;left:50%;border:1px solid var(--navy);border-radius:50%;transform:translateX(-50%)}.layers i:first-child{top:20px;background:var(--orange)}.layers i:nth-child(2){top:62px;background:var(--aqua)}.layers i:nth-child(3){top:104px;background:var(--cream)}.card h3{margin:0 0 13px;font-size:25px;font-weight:500}.card p{max-width:330px;margin:0;line-height:1.65}.card>a{width:40px;height:40px;position:absolute;right:34px;bottom:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.process{min-height:680px;position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;color:var(--cream);background:var(--navy);overflow:hidden}.section-label.light{color:#8ea5aa}.process-copy h2{margin:38px 0 30px}.process-copy>p{max-width:420px;color:#9ab0b3;line-height:1.7}.process ol{position:relative;z-index:1;margin:0;padding:0;list-style:none;border-top:1px solid rgba(249,244,233,.24)}.process li{min-height:145px;display:grid;grid-template-columns:50px 1fr 20px;gap:25px;align-items:center;border-bottom:1px solid rgba(249,244,233,.24)}.process li>span{color:var(--orange);font:500 9px/1 DM Mono,monospace}.process h3{margin:0 0 8px;font-size:26px;font-weight:500}.process li p{margin:0;color:#9ab0b3}.process li b{color:var(--yellow);font-size:9px}.process-wave{width:500px;height:280px;position:absolute;left:-100px;bottom:-185px;background:var(--teal);border-radius:50% 50% 0 0}.process-wave::after{content:"";width:360px;height:220px;position:absolute;left:70px;top:70px;background:var(--orange);border-radius:50% 50% 0 0}
.contact{min-height:660px;display:grid;grid-template-columns:.55fr 1.25fr;grid-template-rows:1fr auto;gap:40px 7vw;background:var(--sand)}.contact-art{width:340px;height:430px;position:relative;overflow:hidden;align-self:center;background:var(--cream);border-radius:180px 180px 8px 8px}.contact-sun{width:125px;height:125px;position:absolute;left:50%;top:75px;background:var(--yellow);border-radius:50%;transform:translateX(-50%)}.contact-sea{width:430px;height:250px;position:absolute;left:-45px;bottom:-80px;background:var(--teal);border-radius:50% 50% 0 0}.contact-sea::after{content:"";width:370px;height:190px;position:absolute;left:30px;top:85px;background:var(--navy);border-radius:50% 50% 0 0}.contact-main{align-self:center}.contact h2{margin:35px 0 55px}.email{display:flex;width:max-content;max-width:100%;gap:40px;padding-bottom:10px;border-bottom:1px solid var(--navy);font:500 clamp(16px,2vw,25px)/1 DM Mono,monospace;overflow-wrap:anywhere}.contact-details{grid-column:2;display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;padding-top:24px;border-top:1px solid var(--line)}.contact-details small,.contact-details strong{display:block}.contact-details small{margin-bottom:8px;color:var(--orange);font:500 8px/1 DM Mono,monospace}.contact-details strong{font-size:13px;line-height:1.5}footer{min-height:115px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#6f7f82;font:400 8px/1.5 DM Mono,monospace}footer p{margin:0;text-align:center}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.paper-scene{min-height:580px;border-left:0;border-top:1px solid var(--line)}.about{grid-template-columns:1fr}.about-token{max-width:330px}.services-title,.process{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.card{min-height:420px}.contact{grid-template-columns:1fr}.contact-art{width:280px;height:350px}.contact-details{grid-column:auto}}
@media(max-width:640px){.header{min-height:76px}.brand>span:last-child,.header-contact{font-size:0}.header-contact span{margin:0;font-size:15px}.hero-copy{padding:60px 5vw}.hero-bottom,.about-text{grid-template-columns:1fr}.paper-scene{min-height:480px}.sun{width:160px;height:160px}.scene-card{width:185px}.section{padding:85px 5vw}.about h2,.services h2,.process h2,.contact h2{font-size:44px}.card{border-radius:10px 10px 150px 150px}.contact-art{width:220px;height:280px}.contact-main .email{width:100%;justify-content:space-between;gap:8px;font-size:13px}.contact-details{grid-template-columns:1fr}footer{padding:35px 5vw;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}