@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--forest:#082f23;--deep:#061f19;--mint:#bade9d;--cream:#faf7ef;--gold:#f5bb52;--orange:#f47737;--ink:#173e2e;--line:#dfe7d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}h1,h2,h3,h4{font-family:Outfit,sans-serif;line-height:1.08;letter-spacing:-.04em;margin:0}p{margin:.8rem 0 1rem}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 26px}header{position:sticky;top:0;z-index:100;background:#faf7efeb;border-bottom:1px solid #e3e8dc;backdrop-filter:blur(18px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font:800 25px/1 Outfit;color:var(--forest);white-space:nowrap}.logo b{color:var(--orange)}.logo small{display:block;font:700 9px/2 'DM Sans';letter-spacing:.2em;color:#69836f}.links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.links a:hover{color:#d47d19}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:14px 23px;font-weight:700;transition:.25s transform,.25s box-shadow}.btn:hover,.pill:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0002}.pill{background:var(--forest);color:white}.btn.gold{background:var(--gold);color:var(--forest)}.btn.ghost{border:1px solid #a2b3a5;color:white;background:#ffffff0b}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.hero{position:relative;overflow:hidden;min-height:660px;background:radial-gradient(ellipse at 78% 35%,#1a6349 0%,transparent 42%),linear-gradient(140deg,#061d18,#103d2d 75%);color:#fff}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:650px}.hero h1{font-size:clamp(48px,5.5vw,86px);max-width:700px}.hero h1 em{color:#f7bb57;font-style:normal}.hero p{max-width:530px;color:#c6d8cb;font-size:18px}.cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.chips span{border:1px solid #ffffff26;padding:8px 12px;border-radius:99px;color:#d8ebdd;font-size:12px}.orb{position:relative;height:430px;display:grid;place-items:center}.halo{position:absolute;width:380px;height:380px;background:radial-gradient(circle,#f5bb5260,transparent 68%);filter:blur(15px);animation:pulse 5s ease-in-out infinite}.screen{position:relative;width:90%;max-width:520px;border:1px solid #91b8a276;border-radius:17px;background:#f9f8ef;color:var(--forest);box-shadow:0 30px 80px #0008;transform:perspective(900px) rotateY(-10deg) rotateX(4deg);animation:float 7s ease-in-out infinite;overflow:hidden}.screen-top{padding:13px 18px;background:#e4eadb;display:flex;gap:6px}.dot{height:8px;width:8px;border-radius:50%;background:#96af94}.screen-hero{padding:40px 30px;background:linear-gradient(145deg,#fffdf5,#e8f3df);min-height:245px}.screen-hero h3{font-size:45px}.screen-hero p{font-size:13px;color:#5e7467}.mock-cta{background:#0a4a35;color:#fff;padding:9px 14px;border-radius:40px;font:700 12px 'DM Sans';display:inline-block}.screen-foot{padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.screen-foot i{height:45px;background:#e6f0db;border-radius:10px}.float-label{position:absolute;z-index:2;background:#f5bb52;color:#073324;padding:15px 20px;border-radius:15px;right:-7px;bottom:15px;box-shadow:0 15px 50px #0004;font-size:13px;font-weight:800;animation:float 5s ease-in-out infinite reverse}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2{font-size:clamp(34px,4vw,60px)}.muted{color:#607a68}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.filter{border:1px solid #ccdacd;background:transparent;border-radius:30px;padding:10px 17px;color:#315944;font-weight:700}.filter.active{background:#0e4c36;color:white}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:white;border:1px solid var(--line);border-radius:22px;padding:29px;min-height:280px;display:flex;flex-direction:column;transition:transform .3s,border .3s,box-shadow .3s;position:relative;overflow:hidden}.service:hover{transform:translateY(-6px);border-color:#a1c995;box-shadow:0 22px 45px #092b1614}.service:before{content:'';position:absolute;width:110px;height:110px;border-radius:100%;background:radial-gradient(circle,#e9f5dc,transparent 74%);right:-20px;top:-24px}.service .ic{font-size:26px;color:#1e754b;border:1px solid #d9e9d4;background:#f4faee;border-radius:12px;width:51px;height:51px;display:grid;place-items:center;margin-bottom:24px}.service h3{font-size:23px}.service p{font-size:14px;color:#5a7061}.service a{margin-top:auto;font-weight:800;font-size:13px;color:#1b704b}.service[hidden]{display:none}.highlight{background:#0b3527;color:#fff}.highlight .muted{color:#c1d2c5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.step{border-top:1px solid #71a078;padding-top:18px}.step b{color:#f4bc58}.step h3{margin-top:13px;font-size:26px}.step p{font-size:14px;color:#bdd4c5}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.show{background:#eff4e9;border-radius:24px;padding:30px;min-height:260px;position:relative;overflow:hidden}.show:nth-child(2){background:#f6ebd7}.show h3{font-size:32px}.show p{color:#617461}.browser{margin-top:30px;border:1px solid #d2dac9;background:white;padding:20px;border-radius:12px;box-shadow:0 24px 50px #092f2416;transform:rotate(-2deg)}.browser strong{font:700 23px Outfit}.browser .bar{height:7px;background:#d6e7cb;width:75%;border-radius:10px;margin:13px 0}.browser .bar.short{width:45%}.about-teaser{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-teaser p{font-size:17px}.symbol{font-size:110px;line-height:1;text-align:center;filter:drop-shadow(0 12px 30px #f5bb5250)}.contact{background:linear-gradient(140deg,#0d3d2c,#0a251d);color:white;border-radius:32px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact h2{font-size:48px}.contact p{color:#c9dbc9}form{display:grid;gap:12px}input,select,textarea{padding:14px 16px;border:1px solid #bad4c17a;border-radius:10px;background:#ffffffeb;color:#173e2e;width:100%}textarea{min-height:110px}footer{padding:45px 0;background:#082f23;color:#cfddce}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.tag{font-size:12px;font-weight:800;letter-spacing:.16em;color:#519560}.about-hero{padding:95px 0;background:radial-gradient(circle at 85% 20%,#27674b,#082f23 65%);color:white}.about-hero h1{font-size:clamp(47px,6vw,88px);max-width:900px}.about-hero p{max-width:700px;color:#c7decb;font-size:19px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-grid h2{font-size:54px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{padding:26px;border-radius:22px;background:#fff;border:1px solid #e0e6d9}.value-grid h3{font-size:24px}.value-grid p{color:#647a68}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px) perspective(900px) rotateY(-8deg) rotateX(4deg)}}@keyframes pulse{50%{opacity:.5;transform:scale(1.1)}}@media(max-width:900px){.hero-inner,.about-teaser,.contact,.story-grid{grid-template-columns:1fr}.hero-inner{padding-top:70px;padding-bottom:65px}.services,.value-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.links{gap:12px;font-size:12px}.orb{height:340px}.screen{width:85%}}@media(max-width:600px){.nav{height:74px}.links{display:none}.hero h1{font-size:48px}.hero-inner{gap:10px}.orb{height:280px}.screen-hero{min-height:190px;padding:22px}.screen-hero h3{font-size:32px}.float-label{right:10px}.services,.showcase,.value-grid,.steps{grid-template-columns:1fr}.section{padding:65px 0}.section-head{display:block}.contact{padding:30px 22px}.contact h2{font-size:37px}.about-hero{padding:75px 0}.story-grid h2{font-size:38px}.container{padding:0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}