.vp-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.vp-container{max-width:1200px;margin-inline:auto;padding-inline:2rem}.vp-eyebrow{align-items:center;margin-block-end:1.5rem;display:inline-flex}.vp-eyebrow span{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg, var(--gold-light), var(--gold-deep));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:700}.vp-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;padding-block-start:7rem;padding-inline-start:2rem;font-size:.875rem;text-decoration:none;transition:color .2s ease-out;display:inline-flex}.vp-breadcrumb:hover{color:var(--text-primary)}.vp-hero{padding-block:5rem 6rem;position:relative;overflow:hidden}.vp-page-top .vp-hero{padding-block-start:9.5rem}.vp-hero-title{max-width:20ch;margin:0 0 1.5rem;font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1.1}.vp-hero-title .accent{background:var(--gradient-gold);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.vp-hero-subtitle{max-width:55ch;color:color-mix(in srgb, var(--title-to) 92%, transparent);margin:0 0 2.5rem;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55}.vp-cta{box-shadow:0 0 20px color-mix(in srgb, var(--gold-light) 30%, transparent), 0 0 40px color-mix(in srgb, var(--gold-light) 15%, transparent)}.vp-cta:hover{box-shadow:0 0 28px color-mix(in srgb, var(--gold-light) 45%, transparent), 0 0 56px color-mix(in srgb, var(--gold-light) 25%, transparent)}.vp-hero.app-hero{align-items:center;min-height:90vh;padding:0;display:flex}.app-hero-media{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-hero-video{opacity:0;transition:opacity .6s linear}.app-hero-scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#000000eb 0%,#000000bf 30%,#0006 60%,#0000001a 100%);position:absolute;inset:0}html[dir=rtl] .app-hero-scrim{background:linear-gradient(270deg,#000000eb 0%,#000000bf 30%,#0006 60%,#0000001a 100%)}.app-hero-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);height:30%;position:absolute;inset-block-end:0;inset-inline:0}.app-hero-content{z-index:3;max-width:720px;margin:0;padding-block:4rem;padding-inline-start:clamp(2rem,6vw,6rem);position:relative}@media (width<=900px){.vp-hero.app-hero{min-height:80vh}.app-hero-content{padding-inline-start:1.5rem}}.vp-section{border-block-start:1px solid color-mix(in srgb, var(--title-to) 5%, transparent);padding-block:5rem}.vp-section-title{max-width:22ch;margin:0 0 1.25rem;font-size:40px;line-height:1.05}.vp-section-lead{max-width:62ch;color:color-mix(in srgb, var(--title-to) 92%, transparent);margin:0 0 3rem;font-size:16px;line-height:1.5}.vp-section-lead+.vp-section-lead{margin-block-start:-1.75rem}@media (width>=1024px){.vp-section-title{font-size:64px}.vp-section-lead{font-size:18px;line-height:1.55}}.vp-scenario{grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;display:grid}.vp-scenario-visual{aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--title-to) 6%, transparent);background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-night) 100%);border-radius:1.5rem;position:relative;overflow:hidden}.vp-scenario-visual:after{content:"";background:radial-gradient(ellipse at bottom, color-mix(in srgb, var(--gold-light) 15%, transparent), transparent 70%);pointer-events:none;height:40%;position:absolute;inset-block-end:0;inset-inline:0}.vp-scenario-visual img{object-fit:cover;width:100%;height:100%;display:block}.vp-personas{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-block-start:3rem;display:grid}.vp-persona{background:color-mix(in srgb, var(--title-to) 3%, transparent);border:1px solid color-mix(in srgb, var(--title-to) 8%, transparent);border-radius:1rem;padding:1.75rem;transition:border-color .3s ease-out,background .3s ease-out}.vp-persona:hover{border-color:color-mix(in srgb, var(--gold-light) 25%, transparent);background:color-mix(in srgb, var(--gold-light) 3%, transparent)}.vp-persona-dot{background:var(--gradient-gold);width:12px;height:12px;box-shadow:0 0 12px color-mix(in srgb, var(--gold-light) 50%, transparent);border-radius:50%;margin-block-end:1rem}.vp-persona-title{color:var(--title-to);margin:0 0 .5rem;font-size:1.5rem;line-height:1.1}.vp-persona-desc{color:color-mix(in srgb, var(--title-to) 75%, transparent);margin:0;font-size:.875rem;line-height:1.55}.vp-hub-group-title{margin:0 0 2rem;font-size:2.5rem;line-height:1.05}.vp-hub-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.vp-hub-card{background:linear-gradient(180deg, color-mix(in srgb, var(--title-to) 5%, transparent) 0%, color-mix(in srgb, var(--title-to) 1%, transparent) 100%);border:1px solid color-mix(in srgb, var(--title-to) 10%, transparent);color:inherit;border-radius:1.5rem;flex-direction:column;flex:1;text-decoration:none;transition:border-color .3s ease-out,transform .3s ease-out;display:flex;position:relative;overflow:hidden}.vp-hub-card:hover{border-color:color-mix(in srgb, var(--gold-light) 40%, transparent);transform:translateY(-4px)}.vp-hub-card-body{flex-direction:column;flex:1;padding:2rem 2rem 2.5rem;display:flex}.vp-hub-card-compact .vp-hub-card-body{padding-block:1.75rem}.vp-hub-card-media{aspect-ratio:16/10;background:var(--bg-elevated);flex:none;position:relative;overflow:hidden}.vp-hub-card-media img{object-fit:cover;width:100%;height:100%;transition:opacity .4s ease-out,transform .4s ease-out;position:absolute;inset:0}.vp-hub-card-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 45%,#000000bf 100%);position:absolute;inset:0}.vp-hub-card-photo-hover{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vp-hub-card-photo-hover{opacity:0;display:block}.vp-hub-card:is(:hover,:focus-visible) .vp-hub-card-photo-hover{opacity:1}.vp-hub-card:is(:hover,:focus-visible) .vp-hub-card-media img{transform:scale(1.03)}}.vp-hub-card-icon{margin-block-end:1.5rem}.vp-hub-card-title{color:var(--title-to);margin:0 0 1rem;font-size:2rem;line-height:1.1}.vp-hub-card-compact .vp-hub-card-title{margin:0;font-size:1.75rem}.vp-hub-card-text{color:color-mix(in srgb, var(--title-to) 80%, transparent);margin:0 0 2rem;font-size:.95rem;line-height:1.55}.vp-hub-card-link{color:var(--gold-light);margin-block-start:auto;font-size:.95rem;font-weight:700}.app-hero-title{max-width:22ch;font-size:clamp(2.25rem,4.5vw,4.25rem)}.app-benefit{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.45}.app-scents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.app-scents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (width>=1024px){.app-scents-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.app-article>:not(picture){max-width:65ch}.app-article h2{background:var(--gradient-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:3.5rem 0 1rem;font-size:40px;line-height:1.05}.app-article h2:first-child{margin-block-start:0}.app-article p{color:color-mix(in srgb, var(--title-to) 88%, transparent);margin:0 0 1.25rem;font-size:1.0625rem;line-height:1.7}.app-article-photo{width:100%;height:auto;margin-block:3.5rem 0;display:block}@media (width>=1024px){.app-article h2{font-size:56px}}html[lang^=zh] .app-article h2{line-height:1.25}.vp-final-cta{text-align:center;background:radial-gradient(ellipse at center bottom, color-mix(in srgb, var(--gold-light) 8%, transparent) 0%, transparent 70%);padding-block:6rem}.vp-final-cta-title{max-width:22ch;margin:0 auto 1.5rem;font-size:40px;line-height:1.05}.vp-final-cta-lead{max-width:55ch;color:color-mix(in srgb, var(--title-to) 85%, transparent);margin:0 auto 2.5rem;font-size:16px;line-height:1.5}.vp-final-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:inline-flex}@media (width>=1024px){.vp-final-cta-title{font-size:64px}.vp-final-cta-lead{font-size:18px;line-height:1.55}}html[lang^=zh] :is(.vp-hero-title,.vp-section-title,.vp-final-cta-title,.vp-hub-card-title){line-height:1.25}@media (width<=900px){.vp-scenario{grid-template-columns:1fr;gap:2.5rem}.vp-scenario-visual{aspect-ratio:16/10;max-height:400px}.vp-section{padding-block:3.5rem}.vp-hero{padding-block:3rem 4rem}.vp-page-top .vp-hero{padding-block-start:8rem}.vp-breadcrumb{padding-block-start:6rem;padding-inline-start:1.5rem}.vp-container{padding-inline:1.5rem}.vp-final-cta{padding-block:4rem}}@media (prefers-reduced-motion:reduce){.vp-breadcrumb,.vp-persona,.vp-hub-card{transition:none}.vp-hub-card:hover{transform:none}}