@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#080a09;--paper:#f0f3ee;--ink:#17201b;--muted:#9ba59e;--mint:#c9f9da;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #7cbd95;outline-offset:7px}::selection{color:var(--bg);background:var(--mint)}.skip{position:fixed;top:-100px;left:20px;background:var(--mint);color:#080a09;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-1.8px;font-size:29px;display:flex;align-items:baseline;gap:6px}.brand span{font-weight:400;font-size:21px;letter-spacing:-1px}.brand i{font-style:normal;font-size:27px;color:var(--mint);margin-left:3px}nav{display:flex;gap:34px;font-size:14px}nav a{color:#b8bfb9;transition:color .2s}nav a:hover{color:var(--mint)}.nav-action{font-size:14px;border:1px solid #ffffff35;border-radius:100px;padding:13px 22px;transition:background .2s}.nav-action:hover{background:#ffffff12}.menu-toggle{display:none}.hero{min-height:730px;height:calc(100svh - 100px);max-height:950px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:-8% -9% 0 -1%;z-index:-1;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;animation:float 12s ease-in-out infinite;opacity:.92}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080a09 0%,#080a09cc 26%,transparent 65%),linear-gradient(0deg,#080a09 0%,transparent 15%)}.hero-content{padding:120px 5% 120px;position:relative;max-width:1000px}.eyebrow{font-size:12px;letter-spacing:1.7px;display:flex;align-items:center;gap:12px;color:#c4cec5}.tiny-cross{font-size:20px;color:var(--mint)}h1,h2,h3,p{margin:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(66px,6.6vw,108px);font-weight:500;letter-spacing:-5px;line-height:1.07;margin:30px 0 28px}h1 em{font-style:normal;color:var(--mint)}.hero-content p{font-size:18px;color:#aeb8b0;line-height:1.7;max-width:405px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:100px;padding:18px 28px;font-size:14px;font-weight:600;margin-top:32px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-mint{background:var(--mint);color:#17271c}.button-mint:hover{background:#e4ffeb}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.5px;color:#909d93}.hero-bottom a{display:flex;align-items:center;gap:14px;text-transform:uppercase}.scroll-line{display:block;width:1px;height:30px;background:linear-gradient(#b2c7b7,transparent)}.section{padding:110px 8%}.intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:60px}.section-label{font-size:12px;letter-spacing:1.6px;font-weight:600;padding-top:14px}.intro h2{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,70px);line-height:1.14;font-weight:500;letter-spacing:-3px}.intro h2 span{color:#7b877e}.intro p{max-width:500px;line-height:1.85;color:#66736a;font-size:18px;margin-top:30px}footer{padding:40px 5%;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9eaaa1}.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:var(--mint);z-index:50}@keyframes float{0%,100%{transform:translateY(0) scale(1.015)}50%{transform:translateY(-15px) scale(1.035)}}@media(min-width:1600px){.hero-content{padding-top:150px}}@media(max-width:900px){nav{gap:18px}h1{letter-spacing:-3px}.hero-content{padding-top:130px}.hero-art{inset:0 -25% 0 -25%;opacity:.7}.hero-art:after{background:linear-gradient(90deg,#080a09 0%,#080a09b0 40%,transparent 100%),linear-gradient(0deg,#080a09,transparent 40%)}.intro{grid-template-columns:1fr;gap:30px}}@media(max-width:650px){.header{height:80px;margin:0 6%}nav{display:none}.nav-action{display:none}.menu-toggle{display:block;color:var(--paper);background:none;border:1px solid #ffffff40;border-radius:30px;padding:10px 17px;font-size:13px}.hero{height:calc(100svh - 80px);min-height:720px;max-height:950px}.hero-content{padding:85px 6% 100px}.eyebrow{font-size:10px;letter-spacing:1px;max-width:250px;line-height:1.7}h1{font-size:clamp(52px,12.5vw,80px);letter-spacing:-2.8px;margin-top:26px}.hero-content p{font-size:16px;max-width:300px}.hero-art{inset:150px -58% -30px -70%;opacity:.65}.hero-art:after{background:linear-gradient(180deg,#080a09 0%,#080a0955 45%,#080a09 100%)}.hero-bottom{left:6%;right:6%;font-size:9px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.section{padding:75px 6%}.intro h2{font-size:44px;letter-spacing:-2px}.intro p{font-size:16px}footer{padding:30px 6%;flex-wrap:wrap;gap:25px}.brand{font-size:26px}.brand span{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A connected rhythm, from purpose to first product to principles. */
.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:65px}.section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4.3vw,64px);line-height:1.16;letter-spacing:-2.7px;font-weight:500}.section-heading h2 span{color:#87968b}.section-heading p{color:#9ba99f;line-height:1.8;margin-top:25px}.ticker{background:var(--mint);color:#263c2d;overflow:hidden;padding:20px 0;border-top:1px solid #192e1c20;border-bottom:1px solid #192e1c20}.ticker div{width:max-content;display:flex;align-items:center;gap:40px;word-spacing:4px;letter-spacing:2px;font-size:12px;font-weight:600;animation:ticker 35s linear infinite}.ticker span{font-size:22px}.building{padding-top:120px;padding-bottom:60px}.product-panel{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #ffffff20;border-radius:20px;background:#101511;overflow:hidden}.product-copy{padding:48px 42px;display:flex;flex-direction:column;align-items:flex-start}.pill{font-size:10px;letter-spacing:1.5px;border:1px solid #c9f9da40;border-radius:30px;color:var(--mint);padding:8px 12px}.product-copy h3{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(30px,3vw,46px);letter-spacing:-1.6px;line-height:1.2;margin-top:30px}.product-copy>p{font-size:16px;line-height:1.8;color:#a3b0a6;margin-top:24px;max-width:350px}.product-tags{display:flex;gap:18px;color:#84978b;font-size:12px;margin-top:24px}.product-tags span+span{border-left:1px solid #ffffff30;padding-left:18px}.text-button{color:var(--mint);border:0;border-bottom:1px solid #ffffff25;background:transparent;padding:18px 0;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:14px;margin-top:20px;text-align:left}.text-button span{font-size:24px;font-weight:400;transition:transform .25s}.text-button[aria-expanded=true] span{transform:rotate(45deg)}#product-details{padding-top:20px;color:#a3b0a6;font-size:14px;line-height:1.8}#product-details a{display:block;color:var(--mint);margin-top:20px;text-decoration:underline;text-underline-offset:4px}.external-label{display:block;font-size:12px;color:#91a198;text-decoration:none}.workflow-demo{background:#152019;display:flex;flex-direction:column;padding:36px 30px;min-width:0;justify-content:center}.demo-title{display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1.2px;color:#96a99a;margin-bottom:25px}.demo-title>span:last-child{color:#6d8373}.workflow-controls{display:flex;border-bottom:1px solid #ffffff20;gap:22px}.workflow-controls button{background:none;border:0;padding:13px 0;font-size:13px;color:#8d9f92;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s}.workflow-controls button:hover{color:#fff}.workflow-controls button.active{color:var(--mint);border-color:var(--mint)}.demo-stage{margin-top:22px;padding:25px;background:#0d1510;border:1px solid #a1c3ad20;border-radius:12px;min-height:285px;transition:opacity .15s,transform .15s}.demo-stage.changing{opacity:0;transform:translateY(8px)}.demo-stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.demo-stage-top>span:first-child{font-size:14px;color:#7d9585}.demo-status{font-size:9px;letter-spacing:1px;color:var(--mint)}.demo-stage h4{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}.demo-stage>p{font-size:13px;line-height:1.7;color:#90a196;max-width:330px}.enquiry-quote{font-size:22px;font-weight:400;line-height:1.45;letter-spacing:-.5px;color:#c9d9cd;margin:23px 0 17px}.demo-chips{display:flex;flex-wrap:wrap;gap:7px}.demo-chips span{font-size:10px;border:1px solid #95b6a12b;border-radius:5px;padding:6px 9px;color:#94b39f}.demo-caption{font-size:10px;color:#91a198;display:flex;align-items:center;gap:9px;margin-top:20px}.demo-line{width:20px;height:1px;background:#91a198}.option-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;padding:13px 0;font-size:13px;color:#afc2b5}.option-row strong{font-weight:500;color:#c9f9da}.record-route{display:flex;justify-content:space-between;font-size:23px;letter-spacing:-1px;color:var(--mint);margin:27px 0 18px;gap:20px}.record-route span{font-size:13px;color:#89a292;align-self:center}.record-status{font-size:12px;color:#a7bfae;border-top:1px solid #ffffff15;padding-top:15px}.future-note{padding:40px 0 0;display:flex;align-items:center;gap:22px}.future-note>span:first-child{font-size:35px;color:var(--mint)}.future-note p{color:#85958a;line-height:1.7;font-size:14px}.future-note strong{font-weight:400;color:#c0cec4}.future-label{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#7d8d82}.approach{padding-top:90px;padding-bottom:125px}.approach .section-heading{border-top:1px solid #ffffff20;padding-top:70px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principle-number{font-family:Manrope,sans-serif;font-size:13px;color:#8caa96;display:block;margin-bottom:35px}.principles h3{font-size:20px;letter-spacing:-.4px;font-weight:500;margin-bottom:16px}.principles p{font-size:15px;color:#8f9f94;line-height:1.85;max-width:310px}.outro{background:var(--mint);color:#1e3425;padding-top:70px;padding-bottom:70px}.outro-top{display:flex;align-items:center;justify-content:space-between}.outro-top .section-label{padding-top:0;font-size:11px}.outro-star{font-size:55px;font-weight:400;animation:spin 40s linear infinite;line-height:1}.outro h2{font-family:Manrope,sans-serif;font-size:clamp(50px,6.6vw,100px);line-height:1.13;letter-spacing:-4.5px;font-weight:500;margin-top:50px}.outro h2 em{font-style:normal;color:#698e73}.outro-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:55px}.outro-bottom p{font-size:14px;color:#55715c;line-height:1.8}.button-dark{background:#192d20;color:var(--mint);margin:0}.button-dark:hover{background:#2f4936}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:translateY(0)}.motion .principles article:nth-child(2){transition-delay:.1s}.motion .principles article:nth-child(3){transition-delay:.2s}.motion .hero-content>*{animation:enter .9s both}.motion .hero-content h1{animation-delay:.12s}.motion .hero-content p{animation-delay:.24s}.motion .hero-content .button{animation-delay:.36s}.header.menu-open nav{display:flex;position:absolute;top:75px;left:0;right:0;flex-direction:column;background:#101511;border:1px solid #ffffff25;padding:25px;border-radius:12px;box-shadow:0 20px 50px #0008}.header.menu-open nav a{padding:8px;font-size:16px}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.product-copy{padding:35px 28px}.workflow-demo{padding:30px 22px}.section-heading{gap:40px}.demo-title{flex-direction:column;gap:7px}.principles{gap:30px}.workflow-controls{gap:14px}}@media(max-width:760px){.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.product-panel{grid-template-columns:1fr}.product-copy{padding:35px 25px}.product-copy h3{font-size:40px}.workflow-demo{padding:30px 25px}.demo-title{flex-direction:row}.principles{grid-template-columns:1fr;gap:35px}.principles article{padding-bottom:30px;border-bottom:1px solid #ffffff20}.principle-number{margin-bottom:20px}.principles p{max-width:none}.future-label{display:none}.future-note{gap:16px}.section-heading h2{font-size:40px;letter-spacing:-1.8px}.building{padding-top:80px}.approach{padding-top:30px;padding-bottom:65px}.approach .section-heading{padding-top:50px}.outro h2{font-size:clamp(40px,9.7vw,70px);letter-spacing:-2px;margin-top:40px}.outro-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:35px}.outro-star{font-size:42px}.outro{padding-top:50px;padding-bottom:50px}.footer-domain{display:none}.ticker div{font-size:10px;gap:25px}.demo-stage{padding:23px 20px;min-height:290px}.hero-content .button{margin-top:28px}}@media(prefers-reduced-motion:reduce){.motion .reveal{opacity:1;transform:none}.motion .hero-content>*{animation:none}.ticker div{animation:none}.hero-art img{animation:none}.demo-stage.changing{opacity:1;transform:none}}

/* Official Suvano SV monogram, isolated on transparent alpha. */
.brand{display:inline-flex;align-items:center;line-height:1;flex-shrink:0;min-width:96px;min-height:60px}.brand-mark{display:block;width:96px;height:60px;object-fit:contain}footer .brand-mark{width:88px;height:55px}@media(max-width:650px){.brand{min-width:80px;min-height:50px}.brand-mark{width:80px;height:50px}footer .brand-mark{width:80px;height:50px}}

.brand-mark{filter:brightness(0) invert(1)}

/* Restore the original wordmark beside the official header logo. */
.header .brand{gap:5px}.header .brand-wordmark{display:inline-flex;align-items:baseline;gap:6px;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.8px}.header .brand-wordmark>span{font-size:21px;font-weight:400;letter-spacing:-1px}@media(max-width:1050px) and (min-width:651px){.header nav{gap:18px}.header .brand-mark{width:72px;height:50px}.header .brand-wordmark{font-size:25px}.header .brand-wordmark>span{font-size:18px}.header .nav-action{padding:12px 16px}}@media(max-width:650px){.header .brand{gap:0}.header .brand-mark{width:64px;height:45px}.header .brand-wordmark{font-size:26px;gap:5px}.header .brand-wordmark>span{font-size:19px}}@media(max-width:360px){.header .brand-mark{width:52px;height:40px}.header .brand-wordmark{font-size:23px}.header .brand-wordmark>span{font-size:17px}}