@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,400;1,6..72,500&display=swap');

:root{--pine:#173c32;--pine-2:#245545;--ink:#182720;--cream:#f4f0e7;--paper:#fbf9f4;--sage:#dfe8d8;--moss:#778f62;--coral:#ef775d;--gold:#d8b66a;--line:rgba(24,39,32,.14);--sans:'Manrope',sans-serif;--display:'DM Sans',sans-serif;--serif:'Newsreader',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.section{padding:120px max(6vw,28px)}.wide{margin-inline:2.2vw;border-radius:28px}.eyebrow{margin:0 0 22px;color:var(--pine-2);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow.light{color:#dce7db}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(54px,7.3vw,116px);font-weight:500;color:white;margin:0 0 30px;max-width:1000px}h1 em,h2 em{font-family:var(--serif);font-weight:400}h2{font-size:clamp(42px,5.2vw,76px);font-weight:500;margin-bottom:30px}h3{font-family:var(--display);font-size:29px;line-height:1.1;letter-spacing:-.035em}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:100px;padding:17px 24px;background:var(--pine);color:white;font-weight:600;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,48,38,.2)}.button span{font-size:19px}.button-small{padding:11px 18px;font-size:13px;gap:12px}.button-coral{background:var(--coral);color:#201b16}.button-light{background:var(--paper);color:var(--pine)}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 4.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;transition:.3s}.site-header.scrolled{background:rgba(20,51,42,.94);backdrop-filter:blur(14px);padding-block:14px;box-shadow:0 1px rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:13px;font:700 18px var(--display);letter-spacing:.22em}.brand-mark{width:31px;height:31px;position:relative;display:block;transform:rotate(45deg);border:1px solid currentColor}.brand-mark i{position:absolute;background:currentColor}.brand-mark i:nth-child(1){width:5px;height:5px;top:5px;left:5px}.brand-mark i:nth-child(2){width:5px;height:5px;bottom:5px;right:5px}.brand-mark i:nth-child(3){width:1px;height:16px;top:7px;left:14px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1}.site-header>.button{justify-self:end}.menu{display:none;background:none;border:0;color:white;width:38px;height:38px}.menu span{display:block;border-top:2px solid;margin:7px}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#122a24}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(9,28,24,.91) 0%,rgba(12,34,28,.62) 44%,rgba(12,28,22,.03) 78%),linear-gradient(0deg,rgba(8,25,20,.55),transparent 45%)}.hero-content{position:relative;z-index:2;padding:180px 5vw 82px;max-width:1200px}.hero-copy{max-width:620px;color:#e3e9e4;font-size:clamp(17px,1.45vw,22px);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{color:white;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0;font-size:14px}.text-link span{margin-left:12px}.hero-proof{position:absolute;z-index:2;right:4vw;bottom:46px;color:white;background:rgba(17,43,35,.76);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);padding:15px 20px;border-radius:14px;display:flex;gap:12px;align-items:center}.hero-proof span:last-child{display:flex;flex-direction:column}.hero-proof b{font-size:13px}.hero-proof small{opacity:.65}.pulse{width:9px;height:9px;border-radius:50%;background:#9dce79;box-shadow:0 0 0 6px rgba(157,206,121,.13)}
.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;align-items:end}.intro h2{max-width:760px}.intro-copy>p{font-size:19px;max-width:560px;color:#506058}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;border-top:1px solid var(--line);padding-top:25px}.stat-row div{display:flex;flex-direction:column}.stat-row strong{font:500 38px var(--display);letter-spacing:-.05em}.stat-row span{font-size:12px;color:#66736c}.product-showcase{background:#dce5d7;padding:6vw}.browser-frame{background:white;border-radius:16px;overflow:hidden;box-shadow:0 28px 70px rgba(32,55,45,.22);max-height:680px}.browser-top{height:43px;background:#f3f1eb;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-top>span{width:9px;height:9px;border-radius:50%;background:#d8d4c9}.browser-top small{margin:auto;font-size:11px;color:#7a807b}.browser-frame img{width:100%}.caption{max-width:670px;margin:30px 0 0 auto;font-size:14px;color:#536259}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.section-heading h2{max-width:920px;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{background:#f0ece3;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative}.feature-copy{padding:36px 38px 28px}.feature-copy p,.compact p{color:#5a6861;max-width:570px}.feature-number{font:700 11px var(--sans);letter-spacing:.14em;color:#89938d}.image-crop{height:380px;overflow:hidden;margin:0 22px 22px;border-radius:14px;background:white}.image-crop img{width:100%;height:100%;object-fit:cover;object-position:left top}.grid-crop img{object-position:left center}.compact{padding:38px;min-height:400px}.compact h3{margin-top:65px}.compact>a{display:inline-block;margin-top:25px;font-size:13px;border-bottom:1px solid}.compact.dark{background:var(--pine);color:white}.compact.dark p{color:#b8c7c0}.icon-orbit{position:absolute;right:36px;top:35px;width:60px;height:60px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--coral);font-size:29px}.mini-kpi{margin:34px 0 0;display:flex;flex-direction:column}.mini-kpi small{color:#b9cabe}.mini-kpi b{font:500 72px var(--display);letter-spacing:-.07em;line-height:1}.mini-kpi span{color:#a3ce80;font-size:12px}
.junie{position:relative;overflow:hidden;background:var(--pine);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;padding:110px 8vw}.junie-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#487b62;filter:blur(130px);opacity:.45;top:-260px;left:30%}.junie-copy{position:relative}.junie-copy p{color:#c9d6d0;max-width:570px}.junie-copy ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:35px 0}.junie-copy li{font-size:13px}.junie-copy li span{color:#a8d381;margin-right:8px}.junie-demo{position:relative;background:#f8f6f0;color:var(--ink);border-radius:20px;padding:20px;box-shadow:0 35px 70px rgba(0,0,0,.3)}.chat-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.junie-avatar{width:42px;height:42px;border-radius:50%;background:var(--pine);color:#d7b76c;display:grid;place-items:center}.chat-top>span{display:flex;flex-direction:column}.chat-top small{font-size:10px;color:#718078}.chat-top i{margin-left:auto;width:8px;height:8px;background:#87bc68;border-radius:50%}.chat-body{padding:35px 3px}.chat{padding:15px 18px;border-radius:15px;font-size:13px}.question{background:#e8ecdf;margin-left:22%;margin-bottom:14px}.answer{background:white;border:1px solid var(--line);margin-right:10%}.answer p{margin-bottom:20px}.answer a{color:var(--pine);font-weight:600;font-size:11px}.bars span{display:flex;justify-content:space-between;align-items:center;position:relative;padding:9px 12px;margin:7px 0;border-radius:6px;overflow:hidden}.bars span:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:#dce9d5}.bars span.muted:before{background:#eceae3}.bars i,.bars b{position:relative;font-style:normal;font-size:10px}.chat-input{background:white;border:1px solid var(--line);padding:13px 14px;border-radius:12px;font-size:12px;color:#7b8580}.chat-input span{float:right;background:var(--pine);color:white;width:25px;height:25px;border-radius:50%;text-align:center;line-height:24px}
.money{display:grid;grid-template-columns:1fr .9fr;gap:9vw;align-items:center}.money-copy>p{font-size:18px;color:#5d6a63;max-width:650px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.check-list span:before{content:'✓';color:var(--moss);margin-right:9px}.ledger-card{background:#ede9df;border-radius:22px;padding:28px;box-shadow:0 20px 45px rgba(36,51,43,.12);transform:rotate(1.5deg)}.ledger-head,.ledger-foot{display:flex;justify-content:space-between;align-items:center}.ledger-head{border-bottom:1px solid var(--line);padding-bottom:16px}.ledger-head small{color:#52715d}.ledger-total{display:flex;flex-direction:column;padding:28px 0}.ledger-total strong{font:500 54px var(--display);letter-spacing:-.06em}.ledger-total span{font-size:11px;color:#628f49}.ledger-chart{height:180px;display:flex;align-items:end;gap:11px;border-bottom:1px solid var(--line);padding:0 4px}.ledger-chart i{flex:1;height:var(--h);background:#a9b5a4;border-radius:5px 5px 0 0}.ledger-chart .accent{background:var(--coral)}.ledger-foot{padding-top:20px}.ledger-foot span{font-size:12px}.ledger-foot button{border:0;border-radius:50%;background:var(--pine);color:white;width:42px;height:42px}.visual-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#eee9df;padding:5vw}.visual-card{position:relative;border-radius:18px;overflow:hidden;height:500px;background:#ddd}.visual-card img{width:100%;height:100%;object-fit:cover;object-position:left top}.visual-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(10,30,24,.8))}.visual-card span{position:absolute;z-index:2;bottom:25px;left:28px;color:white;font:500 25px var(--display);max-width:380px}
.guest{height:760px;position:relative;overflow:hidden;padding:0}.guest>img{width:100%;height:100%;object-fit:cover}.guest:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,39,31,.62),transparent 70%)}.guest-card{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);background:rgba(250,248,242,.95);backdrop-filter:blur(15px);padding:50px;max-width:560px;border-radius:20px}.guest-card h2{font-size:54px}.guest-card p{color:#596861}.guest-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.guest-pills span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;background:white}
.migration{padding-block:150px}.center{text-align:center;display:block;max-width:850px;margin:0 auto 75px}.center p:last-child{color:#5c6962;font-size:18px}.migration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;max-width:1000px;margin:auto}.migration-flow>div{padding:34px;background:#efebe2;border:1px solid var(--line);border-radius:17px;display:flex;flex-direction:column}.migration-flow>div.active{background:var(--pine);color:white}.migration-flow span{font-size:10px;letter-spacing:.12em;opacity:.6}.migration-flow b{font:500 28px var(--display);margin:22px 0 2px}.migration-flow small{opacity:.64}.migration-flow>i{font-style:normal;padding:18px;color:#89938d}.migration-note{text-align:center;margin-top:28px;font-size:13px}.migration-note span{color:var(--moss);margin-right:8px}.module-cloud{background:var(--pine);color:white;text-align:center;padding:100px 7vw}.cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.cloud span{font:400 clamp(24px,3.3vw,52px) var(--display);letter-spacing:-.04em;padding:7px 21px;border:1px solid rgba(255,255,255,.18);border-radius:100px}.cloud span:nth-child(3n+1){color:#c8dcba}.cloud span:nth-child(4n+2){font-family:var(--serif);font-style:italic;color:#efb49d}
.cta{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center;background:#dfe7d8}.cta h2{max-width:750px}.demo-form{background:var(--paper);padding:34px;border-radius:18px;display:flex;flex-direction:column;gap:17px}.demo-form label{font-size:11px;font-weight:700;letter-spacing:.05em}.demo-form label span{display:block;margin-bottom:7px}.demo-form input{width:100%;border:1px solid var(--line);background:white;border-radius:9px;padding:14px}.demo-form small{text-align:center;color:#78827c}footer{padding:80px 6vw 25px;background:#102d25;color:white;display:grid;grid-template-columns:2fr 1fr 1fr;gap:7vw}footer>div:not(.footer-brand,.footer-bottom){display:flex;flex-direction:column;gap:9px;font-size:13px}footer small{color:#9cad9f;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.footer-brand p{color:#9eafa7;margin-top:25px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:55px;display:flex;justify-content:space-between;font-size:11px;color:#8ea097}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.guest-card.reveal{transform:translateY(calc(-50% + 20px))}.guest-card.reveal.visible{transform:translateY(-50%)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header>.button{display:none}.menu{display:block}.site-header nav{position:absolute;top:70px;left:15px;right:15px;background:var(--pine);border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:22px;display:none;flex-direction:column}.site-header nav.open{display:flex}.hero{min-height:850px}.hero-shade{background:linear-gradient(90deg,rgba(9,28,24,.9),rgba(9,28,24,.35)),linear-gradient(0deg,rgba(9,28,24,.8),transparent)}.hero-content{padding-inline:28px}.hero-proof{display:none}.intro,.junie,.money,.cta{grid-template-columns:1fr}.feature-grid,.visual-strip{grid-template-columns:1fr}.visual-card{height:400px}.section-heading{display:block}.junie{padding-inline:6vw}.guest-card{left:5vw;right:5vw}.migration-flow{grid-template-columns:1fr}.migration-flow>i{transform:rotate(90deg);justify-self:center}.cta{gap:30px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.section{padding:85px 20px}.wide{margin-inline:10px;border-radius:20px}.site-header{padding:17px 20px}.brand{font-size:15px}.brand-mark{width:27px;height:27px}.hero{min-height:760px}.hero-content{padding:130px 20px 60px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.intro{gap:45px}.stat-row{gap:8px}.stat-row strong{font-size:30px}.feature-grid{grid-template-columns:1fr}.feature-copy,.compact{padding:28px}.image-crop{height:260px;margin:0 12px 12px}.compact{min-height:350px}.junie{padding:80px 25px}.junie-copy ul{grid-template-columns:1fr}.chat-body{padding-block:25px}.question{margin-left:8%}.answer{margin-right:0}.check-list{grid-template-columns:1fr}.ledger-total strong{font-size:42px}.visual-strip{padding:18px}.visual-card{height:350px}.guest{height:760px}.guest-card{padding:30px;left:20px;right:20px}.guest-card h2{font-size:42px}.migration{padding-block:100px}.cloud span{font-size:23px;padding:5px 14px}footer{padding-inline:25px}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}