*{box-sizing:border-box}:root{--surface: #e7e7e7;--max-width: 1260px;--brand: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}body{margin:0;font-family:var(--brand);color:#111827;background:#f3f3f3}a{text-decoration:none;color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid #e5e7eb}.nav-inner{display:flex;align-items:center;gap:12px;height:64px}.nav-logo img{height:36px}.nav-links{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:500;color:#374151;flex:1}.nav-actions{display:flex;gap:10px;align-items:center}.btn{font-family:inherit;cursor:pointer}.mobile-toggle{display:none;background:none;border:none;font-size:20px}.mobile-menu{display:none;padding:12px 0}.hero{background:linear-gradient(108deg,#f5ede0 48%,#e8d5bc);overflow:hidden;position:relative}.hero-inner{display:flex;gap:32px;align-items:center;padding:64px 24px}.hero-left{flex:0 0 460px;z-index:2}.hero-left h1{font-size:48px;font-weight:800;line-height:1.08;color:#0d2218;margin:0 0 20px}.hero-left p{font-size:16px;line-height:1.6;color:#4b5563;margin:0 0 24px;max-width:420px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.hero-right{flex:1;position:relative;height:440px}.pos-main{position:absolute;left:0;top:20px;width:430px;height:305px;background:var(--surface);border-radius:14px;border:2px solid #1a1a1a;overflow:hidden;display:flex;box-shadow:0 24px 64px #00000029}.pos-sidebar{width:52px;background:#1b3d2c;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:16px}.pos-grid{flex:1;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:start}.pos-order{width:126px;background:var(--surface);border-left:1px solid #e5e7eb;padding:10px}.phone-mock{position:absolute;right:10px;top:0;width:148px;height:300px}.hidden{display:none!important}@media (max-width: 900px){.nav-inner{padding:0 8px}.container{padding:0 16px}.hero-inner{flex-direction:column;padding:40px 16px}.hero-left{flex:1 1 auto;width:100%}.hero-left h1{font-size:32px}.hero-right{position:relative;height:auto;width:100%;margin-top:20px}.pos-main{position:relative;left:auto;top:auto;width:100%;height:auto;box-shadow:none}.pos-grid{grid-template-columns:repeat(2,1fr)}.pos-order{width:100%;border-left:none;border-top:1px solid #e5e7eb}.mobile-toggle{display:block}.nav-links{display:none}.mobile-menu{display:block}}