:root{--paper:#fafbf8;--green:#baf25c}header{border-bottom-color:#e2e8da}.announcement{background:#263b25}.hero{padding-top:48px;padding-bottom:58px;gap:42px;grid-template-columns:1fr 1.06fr}.hero h1{font-size:clamp(46px,4.7vw,69px);line-height:1.1;letter-spacing:-3.6px;margin:30px 0}.hero h1>span{color:#64804b}.hero-copy>.eyebrow{letter-spacing:1.8px;font-size:10px}.hero-copy>p{line-height:1.8;font-size:17px;max-width:470px}.hero-copy .actions{margin-top:34px;gap:18px}.hero-copy .button{background:#283e25;padding:19px 22px}.hero-copy .button:hover{background:#3b582f}.hero-note{margin-top:22px}.photo-stage{padding:0;min-height:555px;border-radius:14px;isolation:isolate;overflow:visible;background:#c7d3bd}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;border-radius:14px;z-index:-2}.photo-stage:after{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,#0b1e0a45 0%,transparent 30%,#0b1a0a15 45%,#0b1a0ab0 100%);z-index:-1}.photo-stage-top{position:absolute;top:25px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:white;gap:20px;font-size:8px;letter-spacing:1.3px}.image-label{font-size:7px;letter-spacing:.7px;opacity:.8;border:1px solid #fff6;border-radius:20px;padding:6px 8px}.photo-caption{position:absolute;left:29px;bottom:140px;color:white;font-family:Manrope,Arial;font-size:39px;font-weight:500;letter-spacing:-1.8px;line-height:1.17}.photo-stage .hero-push{top:auto;bottom:25px;left:-24px;right:24px;transform:rotate(-3deg);padding:20px 22px;border:1px solid #fff9;max-width:none;background:#fffffff2;box-shadow:0 20px 45px #0b231326;backdrop-filter:blur(12px);transition:transform .3s}.photo-stage .hero-push:hover{transform:rotate(0) translateY(-5px)}.notification-action{display:inline-block;font-size:10px;color:#577a35;margin-top:9px;font-weight:600}.image-footnote{position:absolute;bottom:-25px;right:0;color:#858e7d;font-size:9px}.hero-push .push-icon{background:#31462a}.trust{border-top:0;padding-bottom:34px}.client-logos img{filter:grayscale(1);opacity:.65}.how{padding-top:75px}.how .steps article{padding-top:27px}.step-index{background:#edf3e5;color:#536b42;padding:6px 9px;border-radius:5px}.steps h3{margin-top:24px}.feature-grid article{background:#edf2e8;border:1px solid #e3eadb}.feature-grid .feature-big{background:#d7ecc0;border-color:#d7ecc0}.demo-section{border-radius:18px;max-width:calc(100% - 5%);padding-left:4%;padding-right:4%;background:#192c20}.demo-grid{border-color:#4c6549}.editor{background:#213a29}.editor input,.editor textarea{background:#1b3022;border-color:#526e4b}.demo-preview{background:radial-gradient(ellipse at 55% 25%,#738961 0,#445e43 43%,#2b442f 85%)}.manager{padding-top:100px}.manager-window{box-shadow:0 25px 55px #35442b19}.banner-device{background:#e3e8db;background-image:radial-gradient(ellipse at 30% 20%,#f5f8eb 0,transparent 65%);padding-top:55px;padding-bottom:55px}.mock-store{transform:rotate(-4deg);transition:transform .3s}.banner-device:hover .mock-store{transform:rotate(0)}.usecases{max-width:none;padding-top:50px;padding-bottom:85px}.usecases>.section-head,.photo-cases,.illustration-note{max-width:1296px;margin-left:auto;margin-right:auto}.photo-cases{gap:22px;margin-top:42px}.photo-case{position:relative;min-height:470px;padding:0;border-radius:12px;overflow:hidden;background:#233220;isolation:isolate;box-shadow:0 8px 20px #192a1410}.photo-case:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0c1d1345,transparent 28%,#0c1d1380 55%,#0c1d13ee);z-index:-1}.photo-case>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.photo-case:first-child>img{object-position:65% center}.photo-case:hover{transform:translateY(-4px)}.photo-case:hover>img{transform:scale(1.055)}.photo-case-top{display:flex;justify-content:space-between;gap:15px;padding:27px;color:white;font-size:10px;letter-spacing:1px}.photo-case-top>span{display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;width:29px;height:29px;font-size:17px;margin-top:-8px}.photo-case-body{margin-top:auto;padding:25px 27px 29px;color:white;position:relative;z-index:1}.photo-case .case-visual{font-size:34px;letter-spacing:-1.4px;line-height:1.2;padding:0 0 18px}.photo-case .case-visual em{color:#c5e99e}.photo-case p{font-size:13px;line-height:1.8;color:#e0e9d9;max-width:none}.photo-case .case-action{display:block;border-top-color:#ffffff40;margin-top:24px;padding-top:19px;font-size:11px;letter-spacing:.1px}.illustration-note{font-size:10px;color:#626d58;text-align:right;margin-top:13px}.pricing{background:#edf3e6}.price-card{background:#fafcf6}.price-card.recommended{border-color:#82a94e;box-shadow:0 15px 32px #4a6a2320}.references{background:#eaf0e3}.reference-showcase article{box-shadow:0 8px 25px #32461e05}.contact{background:#1b2f22}.final-cta{background:#c2ed8c;background-image:radial-gradient(ellipse at 90% 0%,#e0f5c5 0,transparent 55%)}.final-cta h2{font-size:82px}.final-cta h2 em{color:#496736}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:49px;letter-spacing:-2.9px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.hero-copy>p{font-size:16px}.photo-stage{min-height:500px}.photo-caption{font-size:34px;left:25px;bottom:153px}.photo-stage-top{left:20px;right:20px;letter-spacing:.5px}.image-label{display:none}.photo-stage .hero-push{left:-16px;right:15px;bottom:30px;padding:18px 16px}.photo-stage .push strong{font-size:13px}.photo-stage .push p{font-size:11px}.photo-case{min-height:440px}.photo-case-top{padding:23px;font-size:8px}.photo-case-body{padding:24px 22px}.photo-case .case-visual{font-size:29px}.photo-case p{font-size:12px}.photo-case .case-action{font-size:10px}.photo-cases{gap:16px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:54px;gap:34px}.hero h1{font-size:49px;letter-spacing:-2.8px;margin:25px 0}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p{font-size:16px;line-height:1.75}.hero-copy .actions{gap:14px;margin-top:27px}.hero-copy .button{padding:16px 17px}.hero-note{margin-top:18px}.photo-stage{min-height:455px;margin-left:8px;width:calc(100% - 8px)}.photo-stage-top{left:22px;top:23px;font-size:8px}.photo-caption{font-size:36px;bottom:148px;left:23px}.photo-stage .hero-push{bottom:28px;left:-12px;right:15px;padding:19px 14px;gap:11px}.photo-stage .push strong{font-size:13px}.photo-stage .push p{font-size:11px}.photo-stage .push-meta{font-size:8px}.notification-action{font-size:10px}.image-footnote{font-size:8px;bottom:-22px}.hero-photo{object-position:60% center}.trust{padding-top:15px}.how{padding-top:55px}.step-index{background:none;padding:0}.steps h3{margin-top:0}.demo-section{max-width:100%;border-radius:0;padding-left:6%;padding-right:6%}.manager{padding-top:60px}.banner-device{padding-top:40px;padding-bottom:40px}.usecases{padding-top:20px;padding-bottom:55px}.photo-cases{gap:22px;margin-top:28px}.photo-case{min-height:455px}.photo-case-top{padding:26px;font-size:10px}.photo-case-body{padding:24px 27px 29px}.photo-case .case-visual{font-size:36px}.photo-case p{font-size:14px}.photo-case .case-action{font-size:12px}.illustration-note{font-size:9px}.final-cta h2{font-size:55px}}
@media(prefers-reduced-motion:reduce){.photo-case>img,.mock-store,.photo-stage .hero-push{transition:none!important}}