:root{--orange-600: #FF6B35;--orange-500: #FF8C42;--orange-300: #FFB347;--orange-700: #E55A2B;--orange-50: #FFF4E6;--orange-100: #FFE0BF;--pitch: #1F8A5B;--pitch-deep: #0F3D2A;--pitch-soft: #E8F5EE;--pitch-line: #BFE3CF;--ink: #2D2D2D;--line: #E8E5DD;--destructive: #E5484D}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#2d2d2d;background:#fff8f0;-webkit-font-smoothing:antialiased;margin:0}.serif-italic{font-family:"Instrument Serif",ui-serif,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}.grad-text{background:linear-gradient(105deg,#ff6b35,#ff8c42 50%,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}a{color:#ff6b35;text-decoration:none}a:hover{color:#e55a2b}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ff6b35}.eyebrow:before{content:"";width:7px;height:7px;border-radius:9999px;background:#ff6b35}.pitch-bg{background:radial-gradient(120% 90% at 82% 6%,rgba(255,255,255,.08),transparent 45%),linear-gradient(165deg,#1e7a4d,#15623f 42%,#0f3d2a)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(105deg,#ff6b35,#ff8c42);color:#fff;font-weight:800;padding:13px 24px;border-radius:9999px;border:0;cursor:pointer;font-size:15px;box-shadow:0 14px 30px -12px #ff6b3599;transition:transform .18s,box-shadow .18s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px #ff6b35ad}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2d2d2d;font-weight:800;padding:13px 22px;border-radius:9999px;border:1.5px solid #E8E5DD;cursor:pointer;font-size:15px;transition:border-color .15s,transform .18s}.btn-outline:hover{border-color:#ffb347;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;color:#6b6b6b;font-weight:700;font-size:14px;padding:8px 4px}.btn-ghost:hover{color:#2d2d2d}.live-dot{width:8px;height:8px;border-radius:9999px;background:#fff;box-shadow:0 0 #ffffffb3;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f3d2a6b;backdrop-filter:blur(6px);overflow-y:auto}.modal-card{width:100%;background:#fffcf7;border-radius:26px;border:1px solid #F0E3CC;overflow:hidden;margin:auto;box-shadow:0 40px 120px -30px #0f3d2a8c;animation:popin .3s cubic-bezier(.2,.9,.3,1.2)}@keyframes popin{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:9999px;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:#ffffff24;transition:background .15s}.modal-close:hover{background:#ffffff42}.field{margin-bottom:2px}.field label{display:block;font-size:13px;font-weight:700;color:#4a4a4a;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:13px 15px;border-radius:13px;border:1.5px solid #E8E5DD;background:#fff;font-size:15px;color:#2d2d2d;font-family:inherit;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#ff8c42;box-shadow:0 0 0 4px #ff8c4224}.field input.err{border-color:#e5484d;box-shadow:0 0 0 4px #e5484d1f}.field .msg{font-size:12px;color:#e5484d;margin-top:5px;min-height:14px}.qty-btn{width:32px;height:32px;border-radius:9999px;border:1.5px solid #E8E5DD;background:#fff;font-size:18px;font-weight:800;color:#4a4a4a;cursor:pointer;line-height:1}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.success-check{width:72px;height:72px;border-radius:9999px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22b573,#1f8a5b);box-shadow:0 16px 36px -12px #1f8a5b99}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:9999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e0dacd;border-radius:9999px;border:3px solid #FFF8F0}