:root{--leaf: #1F6B2A;--leaf-2: #2E8B3A;--sprout: #8BC34A;--sun: #F5B21B;--sun-deep: #E08E0B;--soil: #E9D3A1;--paper: #FBFAF3;--card: #FFFFFF;--ink: #132A17;--mute: #56695A;--line: #DCE4D3;--line-strong: #B9C8B0;--accent: #1F6B2A;--btn: #1F6B2A;--btn-ink: #FFFFFF;--btn-edge: #0F4318;--focus: #2E8B3A;--err: #C62828;--err-bg: #FDECEA;--tint: #EEF6E6;--display: "Baloo Thambi 2", "Hind Madurai", system-ui, sans-serif;--body: "Hind Madurai", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0C1710;--card: #13221A;--ink: #E8F1E4;--mute: #9DB39E;--line: #24392A;--line-strong: #36523E;--accent: #8FD16A;--btn: #3FA34D;--btn-ink: #06140A;--btn-edge: #1F6B2A;--focus: #8FD16A;--err: #FF8A80;--err-bg: #3A1614;--tint: #17301F;color-scheme:dark}}:root[data-theme=dark]{--paper: #0C1710;--card: #13221A;--ink: #E8F1E4;--mute: #9DB39E;--line: #24392A;--line-strong: #36523E;--accent: #8FD16A;--btn: #3FA34D;--btn-ink: #06140A;--btn-edge: #1F6B2A;--focus: #8FD16A;--err: #FF8A80;--err-bg: #3A1614;--tint: #17301F;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ff-display{font-family:var(--display)}.ff-body{font-family:var(--body)}.ff-mono{font-family:var(--mono)}.layout{display:grid;min-height:100vh;min-height:100dvh}@media(min-width:1000px){.layout{grid-template-columns:minmax(460px,47%) 1fr}}.scene{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(#fff9e8,#fcd27e 70%,#6daf45 70%)}@media(min-width:1000px){.scene{position:sticky;top:0;height:100vh;height:100dvh;padding:0;justify-content:center}}.brand{position:absolute;top:12px;left:14px;z-index:2;display:block;border-radius:10px}.brand img{display:block;width:112px;height:auto}@media(min-width:1000px){.brand{top:22px;left:26px}.brand img{width:168px}}.scene-stage{width:100%;display:flex;justify-content:center;flex:1;min-height:0;padding-top:58px}@media(min-width:1000px){.scene-stage{padding-top:0}}.scene-svg{display:block;width:100%;height:clamp(380px,62vh,560px)}@media(min-width:1000px){.scene-svg{height:100%}}.scene-cap{position:absolute;bottom:14px;z-index:2;margin:0 16px;padding:7px 14px;border-radius:99px;background:#132a17d1;color:#f3f8ee;font-size:.9rem;font-weight:500;text-align:center}@media(min-width:1000px){.scene-cap{bottom:22px;font-size:.92rem}}.sun{transition:transform 1.1s cubic-bezier(.3,.7,.2,1)}.rays{animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cloud{animation:drift 28s ease-in-out infinite alternate}.cloud.c2{animation-duration:36s}@keyframes drift{to{transform:translate(40px)}}.shutter{transition:transform .9s cubic-bezier(.3,.7,.2,1)}.opened .shutter{transition-duration:2s}.product{opacity:0;transform:translateY(14px) scale(.85);transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.5,1)}.product.show{opacity:1;transform:none}.seal{opacity:0;transform:scale(1.8) rotate(-30deg);transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1)}.seal.show{opacity:1;transform:rotate(-10deg)}.sticker{animation:pop .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes pop{0%{transform:scale(0)}}.sticker{transform-box:fill-box;transform-origin:center}.hang{transition:transform .7s}.opened .hang{transform:rotateY(360deg);transition-delay:1.4s}.banana{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);opacity:0;transition:transform .8s cubic-bezier(.3,1.4,.5,1) 1.2s,opacity .2s 1.2s}.opened .banana{transform:none;opacity:1}.garland{opacity:0;transform:translateY(-30px);transition:opacity .5s 1.6s,transform .8s cubic-bezier(.3,1.6,.5,1) 1.6s}.opened .garland{opacity:1;transform:none}.board-glow{opacity:.35;transition:opacity 1s}.opened .board-glow{opacity:1}.panel{width:100%;max-width:820px;padding:28px 16px 0;display:flex;flex-direction:column;min-width:0}@media(min-width:640px){.panel{padding:44px 32px 0}}@media(min-width:1000px){.panel{padding:64px clamp(32px,5vw,80px) 0}}.eyebrow{margin:0 0 8px;font:700 .82rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}h1{margin:0;font:800 clamp(2.5rem,5.6vw,4.1rem)/1 var(--display);letter-spacing:-.01em;max-width:13ch}.on-map{position:relative;display:inline-block;color:var(--leaf-2)}:root[data-theme=dark] .on-map{color:var(--accent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .on-map{color:var(--accent)}}.swoosh{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.32em;z-index:-1}.lede{margin:16px 0 0;color:var(--mute);max-width:52ch}.stepper{position:relative;margin-top:34px}.stepper-track{position:absolute;left:0;right:0;top:13px;width:100%;height:12px;overflow:visible}.track-bg{stroke:var(--line);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}.track-fill{stroke:url(#trackFill);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .6s cubic-bezier(.3,.7,.2,1)}.stepper ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);position:relative}.stop button{all:unset;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--mute);font:600 .8rem/1.2 var(--body);text-align:center}.stop button:disabled{cursor:default}.stop button:focus-visible .dot{outline:3px solid var(--focus);outline-offset:3px}.dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2.5px solid var(--line);font:800 1rem/1 var(--display);transition:background .3s,border-color .3s,transform .3s,color .3s}.stop.done .dot{background:var(--leaf-2);border-color:var(--leaf-2);color:#fff}.stop.done button:not(:disabled):hover .dot{transform:scale(1.08)}.stop.current .dot{background:var(--sun);border-color:var(--sun);color:#1b3a1f;box-shadow:0 0 0 6px color-mix(in srgb,var(--sun) 28%,transparent)}.stop.current,.stop.current button{color:var(--ink)}.stop-name{display:none}@media(min-width:1240px){.stop-name{display:block}}.stepper-now{margin:12px 0 0;font-size:.9rem;font-weight:600;color:var(--mute)}@media(min-width:1240px){.stepper-now{display:none}}@media(max-width:420px){.dot{width:32px;height:32px;font-size:.9rem}.stepper-track{top:10px}}.step{margin-top:30px;flex:1}.step-head h2{margin:0;font:800 clamp(1.7rem,3.4vw,2.2rem)/1.1 var(--display)}.hint{margin:6px 0 24px;color:var(--mute)}.step-head,.step-body{animation:rise .4s cubic-bezier(.2,.7,.2,1) both}.step-body{animation-delay:.04s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.grid{display:grid;gap:18px}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}.full{grid-column:1 / -1}}.field{position:relative;min-width:0}.field>label,.label-text{display:flex;align-items:baseline;gap:6px;font-weight:600;font-size:.95rem;margin-bottom:7px}.req{color:var(--err);margin-left:-3px}.opt{font-weight:500;font-size:.8rem;color:var(--mute);background:var(--tint);padding:1px 8px;border-radius:99px}.note{margin:-3px 0 8px;font-size:.88rem;color:var(--mute)}.input-wrap{position:relative}.prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:600;color:var(--mute);pointer-events:none}.has-prefix input{padding-left:50px}input:not([type=checkbox]):not([type=file]),textarea{width:100%;padding:13px 15px;background:var(--card);border:2px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s,background .15s;font-weight:400}textarea{min-height:112px;resize:vertical;display:block}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--mute) 65%,transparent)}input:hover:not(:disabled),textarea:hover{border-color:var(--line-strong)}input:focus,textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 20%,transparent)}input:disabled{opacity:.55;cursor:not-allowed}#pan_number,#gst_number{text-transform:uppercase}.bad input,.bad textarea,.bad .drop,.bad .tiles{border-color:var(--err)}.err{margin:7px 0 0;color:var(--err);font-size:.88rem;font-weight:600;display:flex;gap:6px}.err:before{content:"!";flex:none;width:17px;height:17px;border-radius:50%;background:var(--err);color:var(--card);font-size:.72rem;display:grid;place-items:center;margin-top:2px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;border:2px solid transparent;border-radius:16px}@media(min-width:520px){.tiles{grid-template-columns:repeat(3,1fr)}}@media(min-width:1240px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{all:unset;box-sizing:border-box;position:relative;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 12px;min-height:92px;border-radius:14px;background:var(--card);border:2px solid var(--line);font:600 .86rem/1.25 var(--body);transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tile:active{transform:scale(.97)}.tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tile-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--leaf-2);transition:background .2s,color .2s}.tile.on{border-color:var(--leaf-2);background:color-mix(in srgb,var(--leaf-2) 9%,var(--card));box-shadow:0 4px 0 var(--leaf-2);transform:translateY(-2px)}.tile.on .tile-icon{background:var(--sun);color:#1b3a1f}.tile-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--leaf-2);color:#fff;display:grid;place-items:center;animation:pop .3s cubic-bezier(.3,1.6,.5,1)}.check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:500;position:relative;-webkit-user-select:none;user-select:none}.check input{position:absolute;opacity:0;width:24px;height:24px;margin:0}.check .box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--line-strong);background:var(--card);display:grid;place-items:center;transition:background .15s,border-color .15s;margin-top:1px}.check .box:after{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 3px 3px;transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.check input:checked+.box{background:var(--leaf-2);border-color:var(--leaf-2)}.check input:checked+.box:after{transform:rotate(-45deg) scale(1)}.check input:focus-visible+.box{outline:3px solid var(--focus);outline-offset:2px}.consent{padding:20px;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);font-size:1.02rem;transition:border-color .2s,background .2s}.consent.on{border-color:var(--leaf-2);background:color-mix(in srgb,var(--leaf-2) 8%,var(--card))}.bad .consent{border-color:var(--err)}.drop{display:flex;align-items:center;gap:14px;padding:12px 48px 12px 12px;border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--card);cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--focus);background:var(--tint)}.drop:focus-within{outline:3px solid var(--focus);outline-offset:2px}.drop.has-file{border-style:solid}.thumb{flex:none;width:60px;height:60px;border-radius:11px;display:grid;place-items:center;background:var(--tint) center / cover no-repeat;color:var(--leaf-2)}.drop-text{display:flex;flex-direction:column;min-width:0}.drop-text b{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-text small{color:var(--mute);font-size:.85rem}.drop-cta{position:absolute;right:14px;top:calc(50% + 13px);transform:translateY(-50%);color:var(--mute)}.drop-remove{all:unset;position:absolute;right:12px;top:calc(50% + 13px);transform:translateY(-50%);cursor:pointer;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--ink)}.drop-remove:hover{background:var(--err-bg);color:var(--err)}.drop-remove:focus-visible{outline:3px solid var(--focus)}.bad .drop-cta,.bad .drop-remove{top:calc(50% - 1px)}.private-chip{font:700 .7rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--leaf-2);background:var(--tint);padding:4px 7px;border-radius:6px}.products{display:grid;gap:18px;margin-top:22px}.product-card{border:2px solid var(--line);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--card) 55%,transparent)}.product-card h3{margin:0 0 16px;display:flex;align-items:center;gap:10px;font:800 1.25rem/1 var(--display)}.tag-chip{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--sun);color:#1b3a1f;transform:rotate(-5deg);font-size:1rem}.privacy{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:22px;border-radius:var(--radius);background:#12301a;color:#e3f0dc}.privacy svg{flex:none;color:var(--sun);margin-top:2px}.privacy p{margin:0;font-size:.93rem}.privacy b{color:var(--sun)}.form-error{margin:22px 0 0;padding:12px 16px;border-radius:12px;background:var(--err-bg);color:var(--err);font-weight:600}.actions{position:sticky;bottom:0;z-index:5;display:flex;gap:12px;margin:26px -16px 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--paper) 28%)}@media(min-width:640px){.actions{margin-inline:0;padding-inline:0}}.btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:14px;cursor:pointer;font:700 1.08rem/1 var(--display);letter-spacing:.01em;transition:transform .12s,box-shadow .12s,background .15s}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.btn.primary{margin-left:auto;background:var(--btn);color:var(--btn-ink);box-shadow:0 5px 0 var(--btn-edge)}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--btn-edge)}.btn.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--btn-edge)}.btn.primary:disabled{cursor:progress;opacity:.8}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong)}.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--ink)}@media(max-width:639px){.actions .btn{flex:1;padding-inline:14px}.actions .btn.primary{flex:2}}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.success{flex:1;animation:rise .6s 1s cubic-bezier(.2,.7,.2,1) both}.success h2{margin:0;font:800 clamp(2.4rem,5.4vw,3.6rem)/1 var(--display);outline:none}.ticket{position:relative;margin:28px 0 0;max-width:480px;background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -24px #132a1773}.ticket:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(90deg,var(--leaf-2) 0 24px,var(--sun) 24px 48px)}.ticket-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:26px 22px 18px;border-bottom:2px dashed var(--line)}.ticket-head span{grid-column:1 / -1;color:var(--mute);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ticket-head b{font:600 clamp(1.3rem,4vw,1.75rem)/1.1 var(--mono);letter-spacing:.03em;color:var(--accent);overflow-wrap:anywhere}.copy{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:9px;background:var(--tint);font-weight:600;font-size:.88rem}.copy:hover{background:color-mix(in srgb,var(--leaf-2) 18%,var(--card))}.copy:focus-visible{outline:3px solid var(--focus)}.ticket dl{margin:0;padding:10px 22px 16px}.ticket dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}.ticket dl div:last-child{border-bottom:0}.ticket dt{color:var(--mute)}.ticket dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.keep{margin:14px 0 26px;font-size:.9rem;color:var(--mute)}.success .btn.primary{margin-left:0}.foot{padding:40px 0 28px;color:var(--mute);font-size:.85rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}.field select{width:100%;padding:13px 40px 13px 15px;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:12px;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%2356695A' stroke-width='2'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.field select:hover{border-color:var(--line-strong)}.field select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 20%,transparent)}.bad select{border-color:var(--err)}.maps-field{display:grid;gap:8px}.locate-btn{all:unset;box-sizing:border-box;cursor:pointer;justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;background:var(--tint);color:var(--leaf-2);font:700 1rem/1 var(--display);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--leaf-2) 35%,transparent);transition:background .15s}.locate-btn:hover:not(:disabled){background:color-mix(in srgb,var(--leaf-2) 16%,var(--card))}.locate-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.locate-btn:disabled{cursor:progress;opacity:.75}.maps-field>.note{margin:0;min-height:0}.maps-field>.note:empty{display:none}.loc-ok{color:var(--leaf-2);font-weight:600}.loc-err{color:var(--err);font-weight:600}.maps-field a{color:var(--accent);font-weight:600}.clear-product{all:unset;cursor:pointer;margin-left:auto;font:600 .85rem/1 var(--body);color:var(--err);padding:6px 10px;border-radius:8px}.clear-product:hover{background:var(--err-bg)}.clear-product:focus-visible{outline:3px solid var(--focus)}.product-card>.note{margin:-6px 0 14px}.field .input-wrap.has-prefix input{padding-left:64px}.prefix{left:16px;padding-right:10px;border-right:1.5px solid var(--line);line-height:1.2}
