.page-enter-active,.page-leave-active{transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1)}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}:root{--bg: #f4f0e8;--card: #fffcf7;--chip: #ebe4d8;--line: #e2d9cc;--stroke: #d9cfc0;--navy: #1b1916;--ink: #2e2a26;--muted: #6e665c;--green: #1e7a4c;--green-deep: #143d2c;--palm: #0f2f22;--gold: #8a5e2e;--gold-soft: #6e4b24;--gold-bright: #e4c48a;--on-dark: #f7f2e8;--red: #b33a2b;--shadow: 0 18px 40px rgba(28, 25, 21, .1);--radius: 22px;--header: 72px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.01em;overflow-x:hidden}#app{min-height:100%}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,.btn{font-family:inherit}.grain{pointer-events:none;position:fixed;inset:0;z-index:8;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.gold-line{position:fixed;top:0;left:0;height:2px;z-index:40;width:0;background:linear-gradient(90deg,var(--gold-bright),var(--green));transform-origin:left}.cursor-ring{display:none}@media(pointer:fine){.cursor-ring{display:block;position:fixed;z-index:50;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;mix-blend-mode:multiply;transition:transform .18s var(--ease),opacity .2s}}.site-header{position:sticky;top:0;z-index:30;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}.site-header.is-stuck{border-bottom-color:var(--stroke)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:1.05rem}.brand img{width:36px;height:36px;border-radius:50%;animation:slow-spin 28s linear infinite}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a,.lang-btn{padding:8px 12px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:600;border:0;background:transparent;cursor:pointer;transition:background .2s,color .2s,transform .2s var(--ease)}.nav-links a:hover,.lang-btn:hover,.nav-links a.router-link-active{background:var(--chip);color:var(--navy)}.nav-links a.btn-gold,.nav-links a.btn-gold:hover,.nav-links a.btn-gold.router-link-active{background:linear-gradient(180deg,#c49a5a,var(--gold));color:#fff8ee;box-shadow:0 8px 18px #8a5e2e40}.lang-btn.is-on{background:var(--green-deep);color:var(--on-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:999px;padding:14px 22px;font-weight:700;letter-spacing:-.02em;transition:transform .25s var(--ease),box-shadow .25s,background .2s,filter .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-gold{background:linear-gradient(180deg,#c49a5a,var(--gold));color:#fff8ee;box-shadow:0 10px 24px #8a5e2e47}.btn-green{background:var(--green-deep);color:var(--on-dark);box-shadow:0 10px 24px #143d2c47}.btn-ghost{background:var(--card);color:var(--navy);border:1px solid var(--stroke)}.btn.soon{opacity:.78;cursor:default}.btn.soon:hover{transform:none}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:36px 48px 72px;overflow:hidden}.hero-copy{position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:12px 0 16px;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.92;letter-spacing:-.055em;color:var(--navy)}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--gold-soft),var(--gold-bright) 55%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s ease-in-out infinite}.lead{font-size:1.12rem;color:var(--muted);max-width:36rem;line-height:1.55}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.fine{margin-top:14px;color:var(--muted);font-size:.88rem}.hero-art{position:relative;min-height:560px;display:grid;place-items:center}.orb{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(228,196,138,.35),transparent 42%),radial-gradient(circle at 60% 70%,rgba(30,122,76,.28),transparent 46%),var(--green-deep);filter:blur(2px);animation:drift 10s var(--ease) infinite alternate}.rings{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(228,196,138,.35);animation:slow-spin 40s linear infinite}.rings:before,.rings:after{content:"";position:absolute;inset:28px;border-radius:50%;border:1px dashed rgba(228,196,138,.28)}.rings:after{inset:64px;animation:slow-spin 22s linear infinite reverse}.phone{position:relative;width:270px;border-radius:36px;padding:10px;background:linear-gradient(160deg,#2a2622,#141210);box-shadow:var(--shadow),0 0 0 1px #3a342e;transform:perspective(1200px) rotateY(-12deg) rotateX(4deg);transition:transform .45s var(--ease);z-index:2}.phone:hover{transform:perspective(1200px) rotateY(-4deg) rotateX(0) translateY(-8px)}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:90px;height:22px;border-radius:20px;background:#0b0a09;z-index:3}.phone img{width:100%;border-radius:28px;aspect-ratio:9 / 19.5;object-fit:cover;background:var(--bg)}.phone-fade{animation:fade-up .7s var(--ease)}.marquee-wrap{border-block:1px solid var(--stroke);background:var(--card);overflow:hidden;padding:14px 0}.marquee{display:flex;gap:48px;width:max-content;animation:marquee 28s linear infinite;font-weight:700;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.section{padding:88px 48px}.section-sm{padding:56px 48px}.center{text-align:center}.center .lead{margin-inline:auto}h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.1;margin:10px 0 14px;color:var(--navy)}.coupon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.ticket{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s;cursor:default}.ticket:before,.ticket:after{content:"";position:absolute;width:18px;height:18px;background:var(--bg);border-radius:50%;top:58%}.ticket:before{left:-9px}.ticket:after{right:-9px}.ticket:hover{transform:translateY(-8px) rotate(-1.2deg);box-shadow:var(--shadow)}.ticket .stamp{position:absolute;top:12px;right:12px;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--green);border:1.5px dashed var(--green);padding:4px 8px;border-radius:6px;transform:rotate(8deg);animation:pulse-stamp 2.8s ease-in-out infinite}.ticket h3{margin:36px 0 6px;font-size:1.05rem}.ticket p{margin:0;color:var(--muted);font-size:.88rem}.ticket .shops{color:var(--gold);font-weight:700;font-size:.8rem;margin-top:10px}.bento{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:36px}.tile{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px;overflow:hidden;position:relative;transition:transform .4s var(--ease),box-shadow .4s}.tile:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.tile.wide{grid-column:1 / 2;grid-row:1 / 3;background:var(--green-deep);color:var(--on-dark);border-color:transparent}.tile.wide p{color:#f7f2e8c7}.tile.wide h3{color:var(--gold-bright)}.tile h3{margin:0 0 8px;font-size:1.2rem;letter-spacing:-.03em}.tile p{margin:0;color:var(--muted);line-height:1.5}.tile .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--chip);margin-bottom:16px;font-size:1.2rem}.tile.wide .icon{background:#e4c48a29}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.step{padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);transition:transform .35s var(--ease)}.step:hover{transform:translateY(-5px)}.num{font-weight:800;color:var(--gold);letter-spacing:.12em;font-size:.78rem}.cta-band{margin:0 48px 72px;border-radius:32px;padding:56px 40px;background:radial-gradient(circle at 80% 20%,rgba(228,196,138,.25),transparent 36%),var(--palm);color:var(--on-dark);text-align:center;position:relative;overflow:hidden}.cta-band h2{color:var(--on-dark)}.cta-band .lead{color:#f7f2e8bf}.site-footer{padding:36px 48px 48px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--stroke);color:var(--muted);font-size:.92rem}.site-footer a{color:var(--gold);font-weight:600}.foot-links{display:flex;gap:18px;flex-wrap:wrap}.article{max-width:720px;margin:0 auto;padding:48px 24px 88px}.article h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.article p{line-height:1.7;color:var(--ink)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card-link{display:block;padding:22px;background:var(--card);border:1px solid var(--stroke);border-radius:18px;height:100%;transition:transform .3s var(--ease),box-shadow .3s}.card-link:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-link span{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-in{opacity:1;transform:none}.store-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(12px,-16px) scale(1.04)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes pulse-stamp{50%{transform:rotate(8deg) scale(1.06)}}@keyframes sheen{50%{filter:brightness(1.15)}}@media(max-width:980px){.hero,.section,.section-sm,.cta-band{padding-inline:20px}.cta-band{margin-inline:16px}.hero{grid-template-columns:1fr;padding-top:20px}.hero-art{min-height:480px}.phone{transform:none;width:240px}.coupon-grid,.bento,.steps,.grid-cards{grid-template-columns:1fr}.bento .wide{grid-column:auto;grid-row:auto}.site-header{padding-inline:16px}.nav-links a.hide-sm{display:none}.site-footer{padding-inline:20px}}
