:root{font-family:DM Sans,Arial,sans-serif;color:#f0f1ea;background:#0b1016;font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b5efd7;outline-offset:5px}h1,h2,h3,p{margin-top:0}header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0c;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:.2em}.mark{width:34px;height:37px;background:linear-gradient(30deg,#9d7bdc,#b5efd7);clip-path:polygon(50% 0,100% 100%,65% 100%,50% 65%,35% 100%,0 100%);font-size:0}.brand small{font-size:8px;border-left:1px solid #52615c;padding-left:12px;line-height:1.7;letter-spacing:.16em}nav{display:flex;gap:32px;align-items:center;font-size:12px;color:#adbbb7}nav a:last-child{padding:13px 20px;border:1px solid #4a5c53;border-radius:4px}.menu{display:none}.hero{padding:95px 5% 115px;display:grid;grid-template-columns:1.05fr 1fr;gap:7%;background:radial-gradient(ellipse at 90% 20%,#36565140,transparent 55%)}.eyebrow{color:#a2d6bf;font-size:9px;letter-spacing:.2em;font-weight:600;margin-bottom:28px}h1{font-size:clamp(48px,5.5vw,90px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin-bottom:28px}em{font-family:Italiana,Georgia,serif;font-style:normal;color:#ade6ce;font-weight:400;letter-spacing:-.025em}.lead{font-size:14px;color:#a7b3b9;line-height:1.9;max-width:460px}.actions{display:flex;gap:25px;align-items:center;margin:30px 0;font-size:11px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:17px 20px;background:#b5efd7;border:0;color:#18332a;font-size:12px;font-weight:700;border-radius:4px}.button:hover{background:#d5ffea}.notes{display:flex;gap:20px;font-size:9px;color:#8da69a}.notes span{display:flex;gap:6px;align-items:center}.hero-visual{align-self:center;position:relative;padding-bottom:30px}.caption{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.12em;color:#93a79f;padding:20px 0}.mockup{position:relative;aspect-ratio:1.18;background:#e5e7db;color:#254538;border:1px solid #ffffff30;border-radius:7px;overflow:hidden;isolation:isolate;box-shadow:0 25px 60px #0003}.hero-visual .mockup{transform:perspective(1000px) rotateY(-5deg) rotate(2deg)}.browser{height:25px;padding:0 10px;display:flex;align-items:center;gap:40px;font-size:6px;background:#ffffff90;color:#829186}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 7%;font-size:7px;position:relative;z-index:2}.mock-nav b{font-size:13px;letter-spacing:.1em}.mock-copy{position:relative;z-index:2;padding:22px 7%;width:80%}.mock-copy small{font-size:6px;letter-spacing:.15em}.mock-copy h3{font-family:Georgia,serif;font-size:clamp(23px,2.6vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:18px 0 12px}.mock-copy p{font-size:8px;line-height:1.7;max-width:150px}.mock-button{display:inline-block;font-size:7px;background:#234e3d;color:#fff;padding:9px 12px;margin-top:10px}.sculpture{position:absolute;inset:22% -20% -30% 50%;z-index:0;background:linear-gradient(140deg,#609384,#bacba4);border-radius:50% 50% 0 0;transform:rotate(-15deg);box-shadow:inset 15px 5px 55px #183f3540}.sculpture i{position:absolute;width:70%;height:100%;left:15%;border:1px solid #ffffff60;border-radius:50%;transform:rotate(20deg)}.sculpture i:nth-child(2){left:30%}.sculpture i:nth-child(3){left:45%}.mock-footer{position:absolute;bottom:15px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.12em;z-index:2}.theme1{background:#e8dfd1;color:#473f36}.theme1 .sculpture{border-radius:100px 100px 0 0;transform:none;inset:25% 5% 0 62%;background:repeating-linear-gradient(90deg,#665449,#b09c84,#c0b298 6px)}.theme1 .mock-button{background:#5b4b3e}.theme2{background:#e1dff7;color:#393558}.theme2 .sculpture{background:conic-gradient(#ada9e9,#555099,#e4deff,#ada9e9);border-radius:50%;inset:25% -30% -30% 45%}.theme2 .mock-copy h3{font-family:DM Sans,Arial,sans-serif;font-weight:600}.theme2 .mock-button{background:#544a8d}.switches{display:flex;gap:7px}.switches button{border:1px solid #46574e;background:none;color:#9eafa7;font-size:9px;border-radius:50%;padding:8px}.switches button.active{background:#b5efd7;color:#234637}.floating{position:absolute;bottom:-15px;left:-20px;display:flex;align-items:center;gap:15px;padding:18px 22px;background:#1c2b2a;border:1px solid #53675b;border-radius:8px;box-shadow:0 15px 30px #0004;color:#b5efd7;font-size:28px}.floating div{font-size:11px;color:#e3eee7}.floating small{display:block;font-size:9px;color:#95afa1;margin-top:6px}.ribbon{padding:28px 5%;border-block:1px solid #2a3832;display:flex;justify-content:space-between;align-items:center;gap:20px}.ribbon>span{font-size:8px;letter-spacing:.13em;color:#8e9f96}.ribbon p{font-size:21px;margin:0}.section{padding:100px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}h2{font-size:clamp(40px,4.2vw,65px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin-bottom:25px}.section-head>p{max-width:320px;font-size:13px;color:#a3b2b5;line-height:1.85}.services,.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services article{padding:30px;border:1px solid #2b3a3a;background:#121c23;border-radius:7px}.service-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a4c9b8;margin-bottom:40px}.services h3{font-size:24px;font-weight:400;letter-spacing:-.03em}.services p,.steps p{font-size:13px;color:#a0b0b6;line-height:1.85}.services small{display:block;font-size:9px;color:#99b5a7;border-top:1px solid #33433e;padding-top:24px;margin-top:28px}.work{background:#111a21}.concept-label{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.concept-label h3{font-size:15px;letter-spacing:.12em;font-weight:400;margin:0}.concept-label span{font-size:9px;color:#94a79d}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%}.text-link{display:inline-block;font-size:12px;color:#b5efd7;margin-top:20px}.steps article{display:flex;gap:27px;border-top:1px solid #34433d;padding:25px 0 10px}.steps article>span{font-size:10px;color:#a2d6bf}.steps h3{font-size:21px;font-weight:400;margin-bottom:12px}.principles{padding:85px 5%;text-align:center;background:radial-gradient(ellipse at 50% 130%,#38654e70,transparent 70%),#121e20;border-block:1px solid #31473b}.principles>div{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px}.principles>div span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7beb1}.principles svg{color:#b5efd7}details{border-bottom:1px solid #32413b;padding:23px 0}summary{display:flex;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:14px}summary::-webkit-details-marker{display:none}summary span{color:#b5efd7}details p{padding-top:20px;font-size:13px;line-height:1.85;color:#a1b3b6;margin:0}.contact{background:#121e24;border-top:1px solid #30433b}.preview-note{font-size:11px;color:#96aea1;line-height:1.8;max-width:380px;margin-top:25px}form{display:flex;flex-direction:column;gap:20px;padding:30px;border:1px solid #3a4e44;background:#19292e;border-radius:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:11px;color:#c4d4ca;display:flex;flex-direction:column;gap:10px}input,select,textarea{width:100%;min-width:0;background:#101c23;border:1px solid #3d5145;color:#e7f2eb;padding:13px;border-radius:4px;font-size:12px;color-scheme:dark}textarea{resize:vertical}form .button{align-self:start}form small{font-size:10px;color:#9aafa2;line-height:1.6}form [role=status]{font-size:12px;color:#b5efd7;line-height:1.6;margin:0}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer>span,footer>a:not(.brand),footer small{font-size:10px;color:#9cafa3}footer small{width:100%;border-top:1px solid #2e3e34;padding-top:25px}@media(max-width:1000px){.hero{padding-top:65px;gap:4%}h1{font-size:54px}.actions{flex-wrap:wrap;gap:20px}.notes{flex-wrap:wrap;gap:10px}.mock-copy{padding-top:10px}.section{padding-block:75px}.services article{padding:23px}.concept-label{align-items:start;flex-direction:column;gap:8px}.split{gap:6%}}@media(max-width:700px){header{padding:22px 6%}.menu{display:block;background:none;color:#fff;border:0}nav{display:none;position:absolute;top:80px;left:5%;right:5%;background:#19292e;padding:24px;border:1px solid #3a4e44;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 6% 80px;gap:45px}h1{font-size:clamp(44px,9vw,66px)}.hero-visual{margin-inline:10px}.mockup{aspect-ratio:1.25}.mock-copy{padding-top:25px}.mock-copy h3{font-size:34px}.floating{left:-10px;bottom:-5px}.ribbon{justify-content:center}.ribbon>span{display:none}.ribbon p{font-size:19px}.section{padding:65px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:100%}.services,.concepts,.split{grid-template-columns:1fr}.services{gap:15px}.service-top{margin-bottom:25px}.concepts,.split{gap:35px}.concept-label{flex-direction:row;align-items:center}.principles{padding:65px 6%}.principles>div{display:grid;text-align:left;gap:20px}.form-row{grid-template-columns:1fr}form{padding:22px}footer>span{width:100%}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
