@font-face{font-family:Euclid;src:url('assets/euclid-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Euclid;src:url('assets/euclid-medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
:root{--purple:#360065;--violet:#8427e2;--green:#33ff94;--ink:#20003d;--muted:#70667c;--soft:#f4edfc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Euclid,Arial,sans-serif;-webkit-font-smoothing:antialiased}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.skip-link{position:fixed;left:16px;top:-60px;z-index:10;padding:12px;background:white}.skip-link:focus{top:12px}.header{height:78px;background:white}.header-inner{max-width:1086px;margin:auto;padding:0 51px 0 59px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:155px;height:57px}.brand img{width:100%;height:100%;object-fit:contain}.button{min-height:52px;padding:0 33px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:28px;background:var(--green);color:var(--purple);font-size:16px;font-weight:500;text-decoration:none;transition:background .18s,transform .18s;white-space:nowrap}.button:hover{background:#25e783;transform:translateY(-1px)}.button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-button{min-height:42px;padding:0 23px;font-size:14px;gap:7px}.header-button svg{width:18px;height:18px}.hero{height:475px;position:relative;overflow:hidden;background:linear-gradient(110deg,#faf7ff 0%,#f7f4fb 45%,#eaf0fa 70%)}.hero-photo{position:absolute;right:0;top:0;width:566px;height:475px;object-fit:cover}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#faf7ff 0%,#faf7ff 40%,rgba(250,247,255,.9) 45%,rgba(250,247,255,0) 53%)}.hero-inner{max-width:1086px;height:100%;margin:auto;padding:60px 60px 0;position:relative}.hero-copy{max-width:510px}h1{font-size:50px;line-height:.99;letter-spacing:-1.65px}.accent{width:69px;height:5px;background:var(--violet);border-radius:4px}.hero .accent{margin:21px 0 18px}.hero p{font-size:18px;line-height:24.5px;color:var(--muted)}.hero-actions{display:flex;gap:17px;margin-top:25px}.hero-actions .button:first-child{min-width:190px}.button-outline{min-width:156px;background:rgba(255,255,255,.8);border-color:var(--purple);color:var(--purple)}.button-outline:hover{background:var(--soft)}.benefits{position:relative;margin-top:-1px;background:white;border-radius:15px 15px 0 0;padding:24px 60px 29px}.benefit-grid{max-width:966px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{min-height:171px;border:1px solid #ede8f3;border-radius:14px;padding:10px 23px 18px;box-shadow:0 8px 24px #36006504}.icon-circle{width:63px;height:63px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--violet);flex-shrink:0}.icon-circle svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card h2{font-size:17px;line-height:22px;letter-spacing:-.55px;margin:9px 0 6px;white-space:nowrap}.card p{font-size:14px;line-height:21px;color:var(--muted);letter-spacing:-.2px}.why{display:grid;grid-template-columns:525fr 451fr;gap:49px;max-width:1026px;margin:0 auto 19px;align-items:center}.team-photo{width:100%;height:362px;object-fit:cover;border-radius:13px;display:block}.why-copy{padding:9px 0 0}.why .accent{width:63px;margin-bottom:17px}.why h2{font-size:38px;line-height:1.1;letter-spacing:-1px;margin-bottom:12px}.why-intro{color:var(--muted);font-size:18px;line-height:23.5px;max-width:427px}.value-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}.value-list li{display:flex;align-items:center;gap:19px}.value-list .icon-circle{width:51px;height:51px}.value-list svg{width:28px;height:28px}.value-list h3{font-size:17px;line-height:23px;letter-spacing:-.3px;margin-bottom:2px}.value-list p{font-size:14px;line-height:20px;letter-spacing:-.3px;color:var(--muted)}.cta{height:217px;max-width:1026px;margin:0 auto;position:relative;overflow:hidden;border-radius:14px;background:var(--purple)}.plant-photo{position:absolute;right:0;top:0;width:605px;height:100%;object-fit:cover}.cta-wash{position:absolute;inset:0;background:linear-gradient(90deg,#360065 0%,#360065 33%,rgba(54,0,101,.95) 42%,rgba(54,0,101,.2) 76%,rgba(54,0,101,0) 100%)}.cta-copy{position:relative;padding:18px 65px;color:white}.cta h2{font-size:30px;line-height:31px;letter-spacing:-.6px}.cta p{font-size:16px;line-height:19px;margin:11px 0 10px}.cta .button{min-height:40px;padding:0 24px;font-size:16px;gap:13px}.cta .button svg{width:20px;height:20px}
@media(min-width:1087px){.hero-photo{right:calc((100vw - 1086px)/2);}.hero{background:#faf7ff}.hero-wash{background:linear-gradient(90deg,#faf7ff 0%,#faf7ff calc(50% - 105px),transparent calc(50% + 35px))}.benefits{padding-left:30px;padding-right:30px}.cta{margin-bottom:24px}}
@media(max-width:1050px) and (min-width:761px){.header-inner{padding-left:40px;padding-right:40px}.hero-inner{padding-left:40px}.benefits{padding-left:30px;padding-right:30px}.card{padding-left:17px;padding-right:12px}.card h2{font-size:16px}.why,.cta{margin-left:30px;margin-right:30px}.why{gap:30px;grid-template-columns:1.05fr 1fr}.why-intro{font-size:17px}.value-list li{gap:12px}.value-list p{font-size:13px}.why-copy{padding:0}.hero-photo{right:-40px}.hero-wash{background:linear-gradient(90deg,#faf7ff 0%,#faf7ff 43%,transparent 60%)}}
@media(max-width:760px){.header{height:80px}.header-inner{padding:0 24px}.brand{width:133px;height:49px}.header-button{font-size:13px;padding:0 17px;min-height:40px}.hero{height:auto;display:flex;flex-direction:column;background:#faf7ff}.hero-photo{position:relative;order:2;width:100%;height:auto;max-height:470px;object-fit:cover;object-position:center 35%}.hero-wash{display:none}.hero-inner{width:100%;height:auto;padding:38px 24px 32px}.hero-copy{max-width:560px}h1{font-size:clamp(37px,6.5vw,49px);line-height:1.05;letter-spacing:-1.3px}.desktop-break{display:none}.hero p{font-size:17px;line-height:24px;max-width:440px}.hero .accent{margin:20px 0 17px}.hero-actions{gap:12px;margin-top:24px}.hero-actions .button{min-width:0;padding:0 23px;min-height:49px;font-size:15px}.benefits{padding:24px;margin-top:-10px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:16px;min-height:180px}.card h2{white-space:normal;font-size:17px;letter-spacing:-.4px}.card p{font-size:14px;line-height:20px}.card p br{display:none}.icon-circle{width:54px;height:54px}.why{margin:6px 24px 24px;grid-template-columns:1fr;gap:28px}.team-photo{height:auto;aspect-ratio:525/362}.why-copy{padding:0}.why h2{font-size:34px}.why-intro{max-width:100%;font-size:17px;line-height:24px}.value-list{gap:19px;margin-top:23px}.value-list li{gap:15px}.value-list h3{font-size:17px}.value-list p{font-size:14px}.cta{margin:0 24px 24px;height:auto;min-height:380px;display:flex;align-items:flex-start}.cta-copy{padding:27px 24px 165px}.cta h2{font-size:29px;line-height:32px}.cta p{font-size:15px;line-height:21px;max-width:350px;margin:14px 0 17px}.plant-photo{top:auto;bottom:0;width:100%;height:200px;object-position:right bottom}.cta-wash{background:linear-gradient(180deg,#360065 0%,#360065 42%,rgba(54,0,101,.8) 65%,rgba(54,0,101,.1) 100%)}}
html{scrollbar-width:none}
.hero-photo{mask-image:linear-gradient(90deg,transparent,#000 12%)}
@media(min-width:761px) and (max-width:1000px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card h2{white-space:normal}.card{min-height:171px}}

@media(max-width:760px){.hero-photo{mask-image:none}.card p br::after{content:' '}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Keep the full portrait visible and color only the glass graphics. */
.hero-art{position:absolute;right:0;top:0;width:566px;height:475px;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.hero-art .hero-photo{position:static;width:100%;height:100%;object-fit:fill;mask-image:none;display:block}
.graphic-tint,.team-graphic-tint{position:absolute;pointer-events:none;backdrop-filter:hue-rotate(58deg);-webkit-backdrop-filter:hue-rotate(58deg)}
.graphic-chart{left:62.2%;top:12.2%;width:13.5%;height:16%;border-radius:16%}
.graphic-wrench{left:78.8%;top:32.8%;width:13.6%;height:16.2%;border-radius:16%}
.graphic-gear{left:73.2%;top:53.5%;width:11.6%;height:14%;border-radius:16%}
.team-art{position:relative;overflow:hidden;border-radius:13px}
.team-graphic-tint{left:8.6%;top:11.3%;width:34.2%;height:67%;border-radius:8%}
@media(min-width:1087px){
 .header-inner,.hero-inner{max-width:1440px}
 .hero{height:clamp(475px,calc(475px + (100vw - 1086px)*.4),620px);background:linear-gradient(90deg,#faf7ff 45%,#e7eff8)}
 .hero-art{right:max(0px,calc((100vw - 1440px)/2));width:auto;height:100%;aspect-ratio:566/475}
 .hero-inner{padding-top:clamp(60px,calc(60px + (100vw - 1086px)*.055),80px)}
 .hero-copy{max-width:610px}
 h1{font-size:clamp(50px,calc(50px + (100vw - 1086px)*.04),64px);line-height:1.03}
 .hero p{font-size:clamp(18px,calc(18px + (100vw - 1086px)*.0085),21px);line-height:1.4}
 .hero-wash{background:linear-gradient(90deg,#faf7ff 0%,#faf7ff calc(50% - 180px),rgba(250,247,255,.85) calc(50% - 70px),transparent calc(50% + 60px))}
 .hero-actions{margin-top:28px}
 .benefits{padding:30px 60px 36px}
 .benefit-grid{max-width:1320px;gap:24px}
 .card{padding:18px 25px 22px;min-height:190px}
 .card h2{font-size:clamp(17px,1.4vw,20px);line-height:1.25;white-space:normal}
 .card p{font-size:clamp(14px,1.12vw,16px);line-height:1.5}
 .why,.cta{max-width:1380px;width:calc(100% - 60px)}
 .why{gap:clamp(49px,4.5vw,65px);margin-bottom:28px}
 .team-photo{height:auto;aspect-ratio:525/362}
 .why-intro{max-width:540px;font-size:clamp(18px,1.4vw,20px);line-height:1.4}
 .why h2{font-size:clamp(38px,3.2vw,46px)}
 .value-list{gap:20px;margin-top:23px}
 .value-list h3{font-size:clamp(17px,1.4vw,20px);line-height:1.3}
 .value-list p{font-size:clamp(14px,1.12vw,16px);line-height:1.45}
 .cta{height:270px;margin-bottom:30px}
 .cta-copy{padding:27px 65px}
 .cta h2{font-size:36px;line-height:1.08}
 .cta p{font-size:18px;line-height:1.3;margin:14px 0}
 .plant-photo{width:68%;object-position:center top}
}
@media(min-width:761px) and (max-width:1050px){.hero-art{right:-40px}}
@media(max-width:760px){.hero-art{position:relative;order:2;width:100%;height:auto;aspect-ratio:566/475;mask-image:none}.hero-art .hero-photo{height:auto;max-height:none}.team-photo{height:auto}}

.team-photo{height:auto}
@media(min-width:1087px){.hero-art{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent)}}
