@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root{--ink:#10252a;--muted:#66777a;--dark:#071d22;--dark-2:#0d292f;--mint:#b8f68d;--aqua:#48e4c2;--cream:#f5f7f2;--line:#dce6df;--sans:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{display:block}.container{width:min(100% - 64px,1180px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;background:var(--mint);color:var(--dark);padding:10px 14px;z-index:100}.skip-link:focus{top:10px}.site-header{position:relative;z-index:20;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.header-inner{height:84px;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:var(--mint)}.brand-mark svg{width:28px;height:28px}.brand-name{font-size:14px;letter-spacing:.085em;font-weight:700;white-space:nowrap}.brand-name b{color:var(--mint);font-weight:700}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.desktop-nav a{font-size:14px;color:#bdd0ce;transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--mint)}.header-cta{display:inline-flex;align-items:center;gap:17px;border:1px solid rgba(255,255,255,.35);padding:12px 17px;border-radius:3px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.header-cta:hover{background:var(--mint);color:var(--dark);border-color:var(--mint)}.header-cta span{font-size:18px}.menu-toggle,.mobile-nav{display:none}
.hero{background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,228,202,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,228,202,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 0,#000 50%,#000 100%)}.hero-layout{min-height:635px;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;gap:15px}.hero-copy{padding:30px 0 50px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--mint);font-size:13px;font-weight:700;letter-spacing:.14em}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(184,246,141,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,5.8vw,82px);line-height:1.14;letter-spacing:-.065em;margin:30px 0 24px;font-weight:700}.hero h1 em,.contact-section h2 em{font-style:normal;color:var(--mint)}.hero-intro{max-width:492px;color:#b4c6c4;font-size:16px;line-height:1.95;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:52px;padding:0 22px;border-radius:3px;font-size:14px;font-weight:700}.button-primary{background:var(--mint);color:var(--dark);transition:transform .2s,background .2s}.button-primary:hover{transform:translateY(-3px);background:#ceffab}.button span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700}.text-link span{font-size:19px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.light-link{color:#fff}.hero-note{display:flex;align-items:center;gap:12px;color:#799493;font-size:12px;margin-top:84px;letter-spacing:.045em}.note-line{height:1px;width:38px;background:#608481}.hero-visual{height:570px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid rgba(122,233,195,.14);border-radius:50%;aspect-ratio:1}.orbit-one{width:670px;left:0;top:-42px}.orbit-two{width:500px;left:85px;top:40px}.dashboard{position:relative;width:100%;max-width:612px;background:#102d34;border:1px solid #2f4e51;border-radius:10px;box-shadow:0 40px 90px rgba(0,0,0,.32),0 0 90px rgba(50,220,176,.08);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);overflow:hidden}.dashboard-top{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #27464b}.dashboard-logo{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.07em;color:#e6f4ed}.dashboard-logo strong{color:var(--mint)}.mini-shield{color:var(--mint);font-size:14px;margin-right:4px}.live-pill{font-size:9px;color:#b1d8c8;border:1px solid #3c625c;padding:5px 8px;border-radius:20px}.live-pill i{display:inline-block;width:5px;height:5px;background:var(--aqua);border-radius:50%;margin-right:4px}.dashboard-body{display:flex;min-height:370px}.dash-sidebar{width:48px;flex:none;border-right:1px solid #27464b;padding:18px 14px;display:flex;flex-direction:column;gap:18px}.dash-sidebar span{display:block;width:18px;height:18px;border:1px solid #54716e;border-radius:4px;opacity:.5}.dash-sidebar .dash-side-active{border-color:var(--aqua);background:rgba(72,228,194,.18);opacity:1}.dash-content{flex:1;padding:20px 23px 22px;min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.dash-heading small{display:block;color:#77a19d;font-size:8px;letter-spacing:.18em;margin-bottom:6px}.dash-heading strong{font-size:17px;color:#f5fffa}.dash-time{font-size:9px;color:#9ebdb6;border:1px solid #426061;padding:6px 8px;border-radius:3px}.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-card{position:relative;height:92px;padding:12px 14px;background:#173941;border:1px solid #31565a;border-radius:6px;overflow:hidden}.dash-card small{display:block;color:#8dacaa;font-size:9px;margin-bottom:7px}.dash-card strong{color:#edfef8;font-size:14px}.dash-bars{position:absolute;display:flex;align-items:flex-end;gap:5px;right:13px;bottom:13px;height:35px}.dash-bars i{width:6px;background:var(--aqua);opacity:.7;border-radius:2px 2px 0 0}.dash-bars i:nth-child(1){height:28%}.dash-bars i:nth-child(2){height:56%}.dash-bars i:nth-child(3){height:42%}.dash-bars i:nth-child(4){height:70%}.dash-bars i:nth-child(5){height:52%}.dash-bars i:nth-child(6){height:88%}.dash-bars i:nth-child(7){height:75%}.dash-ring{position:absolute;right:18px;bottom:14px;width:43px;height:43px;border-radius:50%;border:5px solid rgba(72,228,194,.22);border-top-color:var(--mint);border-right-color:var(--mint);transform:rotate(40deg)}.dash-chart{margin-top:10px;background:#173941;border:1px solid #31565a;border-radius:6px;padding:12px 14px 8px}.chart-label{display:flex;justify-content:space-between;font-size:10px;color:#deeee9}.chart-legend{font-size:8px;color:#88ada6}.dash-chart svg{width:100%;height:80px;margin-top:7px}.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#668c88}.dash-events{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.dash-events>div{display:flex;align-items:center;gap:5px;border:1px solid #31565a;border-radius:4px;padding:9px 8px;min-width:0;color:#bed4ce;font-size:9px}.dash-events small{margin-left:auto;color:#87aaa0;font-size:8px;white-space:nowrap}.event-dot{display:block;width:6px;height:6px;border-radius:50%;flex:none}.event-dot.orange{background:#efad76}.event-dot.green{background:var(--aqua)}.floating-card{position:absolute;right:-12px;bottom:55px;display:flex;align-items:center;gap:10px;background:#f3fff6;color:var(--dark);border-radius:7px;box-shadow:0 15px 35px rgba(0,0,0,.25);padding:13px 17px;transform:rotate(3deg)}.floating-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--mint);border-radius:50%;font-size:19px}.floating-card small{display:block;color:#6a8178;font-size:9px;margin-bottom:2px}.floating-card strong{font-size:11px}.hero-bottom{height:65px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;color:#76918c;font-size:11px;letter-spacing:.08em}.hero-bottom a{font-size:22px;color:var(--mint)}
.section{padding:116px 0}.section-topline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#7a908a;font-size:11px;letter-spacing:.12em;font-weight:700}.section-index{color:#25826d;font-size:12px;font-weight:700;letter-spacing:.08em}.intro-heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:55px;margin:48px 0 55px}.intro-heading h2,.workflow-copy h2,.principles-copy h2{font-size:clamp(37px,4.3vw,58px);letter-spacing:-.055em;line-height:1.28;margin:0;font-weight:700}.intro-heading h2 span,.workflow-copy h2 span,.principles-copy h2 span{color:#239878}.intro-heading p{color:var(--muted);line-height:1.9;font-size:15px;max-width:360px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:340px;background:#f5f8f3;border:1px solid #e5eee8;border-radius:5px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(16,37,42,.09)}.feature-card-dark{background:#0b282d;color:#fff;border-color:#0b282d}.feature-icon{width:62px;height:62px;border-radius:50%;border:1px solid #cadbd2;display:grid;place-items:center;color:#248c73}.feature-card-dark .feature-icon{border-color:#4d7169;color:var(--mint)}.feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-number{display:block;font-size:10px;letter-spacing:.13em;color:#58a48a;font-weight:700;margin-bottom:13px}.feature-card-dark .feature-number{color:var(--mint)}.feature-card h3{font-size:24px;letter-spacing:-.04em;margin-bottom:12px}.feature-card p{font-size:14px;line-height:1.85;color:#677c78;margin:0;max-width:270px}.feature-card-dark p{color:#a5c1b9}.card-arrow{position:absolute;right:30px;top:33px;font-size:20px;color:#63a58e}.feature-card-dark .card-arrow{color:var(--mint)}
.workflow-section{background:#f4f7f3}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.workflow-copy h2{margin:23px 0 23px}.workflow-copy>p{max-width:455px;color:var(--muted);line-height:1.95;font-size:15px;margin-bottom:30px}.dark-link{color:#15775f}.workflow-steps{border-top:1px solid #cedbd2}.workflow-step{display:grid;grid-template-columns:44px 1fr 35px;gap:18px;border-bottom:1px solid #cedbd2;padding:26px 3px;align-items:start}.step-number{color:#249777;font-size:12px;font-weight:700;padding-top:5px}.workflow-step h3{font-size:22px;margin:0 0 8px}.workflow-step h3 span{font-weight:400;font-size:13px;color:#91a79b;margin-left:9px}.workflow-step p{color:#6d817a;line-height:1.7;margin:0;font-size:13px}.step-symbol{font-size:26px;color:#5da98e;text-align:right}
.principles-section{background:#fff}.principles-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.principles-art{height:500px;position:relative;background:#0b282d;border-radius:5px;overflow:hidden;display:grid;place-items:center}.principles-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(168,245,211,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,245,211,.06) 1px,transparent 1px);background-size:34px 34px}.art-ring{position:absolute;aspect-ratio:1;border:1px solid rgba(168,245,211,.2);border-radius:50%}.ring-a{width:80%}.ring-b{width:60%}.ring-c{width:40%;border-color:rgba(168,245,211,.4)}.art-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--mint);top:50%;left:-4px;box-shadow:0 0 20px var(--mint)}.ring-b:after{top:6%;left:25%;background:var(--aqua)}.ring-c:after{top:86%;left:80%}.art-core{width:130px;height:130px;border:1px solid #7ccf9f;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#2d795b,#153c3d);box-shadow:0 0 85px rgba(111,241,168,.22);position:relative;color:var(--mint)}.art-core svg{width:72px;height:72px}.art-coordinate{position:absolute;bottom:25px;left:28px;color:#7ab39e;font-size:10px;letter-spacing:.12em}.principles-copy h2{margin:23px 0}.principles-copy>p{color:var(--muted);line-height:2;font-size:15px;max-width:510px}.principle-list{margin-top:36px;border-top:1px solid var(--line)}.principle-list>div{display:grid;grid-template-columns:33px 112px 1fr;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.principle-list span{font-size:11px;color:#269479;font-weight:700}.principle-list strong{font-size:14px}.principle-list p{font-size:12px;color:#80918d;margin:0}
.contact-section{background:#b8f68d;padding:94px 0}.contact-layout{display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-section .section-index{color:#24634c}.contact-section h2{font-size:clamp(43px,5vw,68px);line-height:1.18;letter-spacing:-.06em;margin:20px 0;color:#0d2a24}.contact-section h2 em{color:#298269}.contact-section p{color:#3f6954;font-size:14px;line-height:1.8;margin:0;max-width:510px}.contact-button{background:#0c292c;color:#fff;padding:20px 24px;min-width:226px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;border-radius:3px;transition:transform .2s}.contact-button:hover{transform:translateY(-4px)}.contact-button span{font-size:22px}.site-footer{background:#071d22;color:#fff;padding:45px 0 25px}.footer-main{display:flex;align-items:center;gap:25px;padding-bottom:55px}.footer-main p{color:#879f98;font-size:13px;margin:0 auto 0 25px}.footer-main>a:last-child{font-size:12px;color:var(--mint)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #284145;padding-top:22px;gap:20px;color:#78938e;font-size:11px}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr;gap:0;padding-top:65px}.hero-copy{padding:0}.hero-visual{height:520px;max-width:680px;width:100%;margin:auto}.hero-note{margin-top:42px}.workflow-layout,.principles-layout{gap:55px}.header-inner{gap:25px}.desktop-nav{gap:18px}}
@media(max-width:760px){.container{width:min(100% - 38px,1180px)}.header-inner{height:70px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;border:0;background:transparent;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{height:2px;width:22px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:10px 19px 22px;background:#0d292f;border-top:1px solid #274347}.mobile-nav a{padding:13px 5px;border-bottom:1px solid #254249;color:#d8e9e2;font-size:14px}.hero-layout{padding-top:54px;min-height:0}.hero h1{font-size:clamp(49px,12vw,70px);margin:25px 0 20px}.hero-intro{font-size:14px;line-height:1.9}.hero-actions{gap:22px}.hero-note{margin-top:52px}.hero-visual{height:410px;margin-top:18px}.dashboard{max-width:560px;transform:scale(.85);transform-origin:center}.floating-card{right:-3px;bottom:25px;transform:scale(.86) rotate(3deg);transform-origin:right bottom}.orbit-one{width:520px;left:calc(50% - 260px);top:-50px}.orbit-two{width:380px;left:calc(50% - 190px);top:20px}.hero-bottom{height:56px}.hero-bottom span:nth-child(2){display:none}.section{padding:80px 0}.section-topline>span:last-child{display:none}.intro-heading{display:block;margin:34px 0}.intro-heading p{margin-top:23px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:290px}.workflow-layout,.principles-layout{grid-template-columns:1fr;gap:40px}.workflow-copy h2,.principles-copy h2,.intro-heading h2{font-size:clamp(38px,9vw,54px)}.workflow-steps{margin-top:0}.principles-art{height:390px;order:2}.principles-copy{order:1}.contact-section{padding:75px 0}.contact-layout{display:block}.contact-section h2{font-size:48px}.contact-button{margin-top:35px;width:max-content}.footer-main{display:grid;grid-template-columns:1fr auto;gap:20px}.footer-main p{grid-column:1;margin:0}.footer-main>a:last-child{grid-column:2;grid-row:1}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom span:nth-child(2){order:3;width:100%}}
@media(max-width:480px){.brand-name{font-size:12px}.hero-visual{height:310px;margin-top:38px}.dashboard{width:575px;transform:scale(.57);transform-origin:center}.floating-card{right:-15px;bottom:3px;transform:scale(.72) rotate(3deg)}.hero h1{font-size:48px}.hero-actions{gap:20px}.button{gap:18px;padding:0 17px}.text-link{font-size:12px}.feature-card{min-height:310px}.principle-list>div{grid-template-columns:26px 92px 1fr;gap:8px}.principle-list p{font-size:11px}.contact-section h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}