:root{--ease:cubic-bezier(.16,1,.3,1);--logo-a:#f4ead6;--logo-b:#c9a45c;--logo-c:#8a6a35}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1d1a16,#0c0c0e 60%);color:#e8e4dc;font-family:"Jost",system-ui,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}svg{width:1em;height:1em}.sc-dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.sc-hero{position:relative;z-index:1;text-align:center;padding:70px 20px 40px;max-width:980px;margin:0 auto}.sc-logo{display:inline-block;margin-bottom:26px;animation:up 1.2s var(--ease) both}.logo{display:inline-flex;align-items:center;gap:12px}.logo-mark{width:54px;height:54px}.logo-mark .petal{stroke-dasharray:80;stroke-dashoffset:80;animation:draw 2.4s .3s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.logo-text{display:flex;flex-direction:column;text-align:left;line-height:1}.logo-word{font-family:"Cormorant Garamond",serif;font-size:2.4rem;letter-spacing:.34em}.logo-tag{font-size:.62rem;letter-spacing:.5em;text-transform:uppercase;color:#c9a45c;margin-top:6px}.logo-spark{animation:tw 2.6s infinite;transform-origin:32px 12px}@keyframes tw{50%{opacity:.2;transform:scale(.4)}}.sc-kicker{text-transform:uppercase;letter-spacing:.4em;font-size:.72rem;color:#c9a45c;margin:0 0 14px;animation:up 1.2s .1s var(--ease) both}.sc-hero h1{font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(2.4rem,6.5vw,5.2rem);line-height:1.02;margin:0 0 22px}.sc-hero h1 span{display:block;animation:up 1.3s var(--ease) both}.sc-hero h1 span+span{animation-delay:.15s}.sc-hero h1 em{color:#d4af6a}.sc-sub{color:#a49d91;max-width:680px;margin:0 auto 28px;line-height:1.7;animation:up 1.3s .3s var(--ease) both}.sc-sub b{color:#e8e4dc}.sc-feats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;animation:up 1.3s .4s var(--ease) both}.sc-feats span{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(212,175,106,.3);border-radius:99px;padding:8px 16px;font-size:.84rem;color:#d8d1c4}.sc-feats svg{width:18px;height:18px;color:#d4af6a}@keyframes up{from{opacity:0;transform:translateY(30px)}}.sc-grid{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:30px 24px 60px;display:flex;flex-direction:column;gap:90px}.sc-card{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;opacity:0;transform:translateY(60px);transition:all 1.2s var(--ease)}.sc-card.in{opacity:1;transform:none}.sc-card:nth-child(even){grid-template-columns:1fr 1.5fr}.sc-card:nth-child(even) .sc-frame{order:2}.sc-frame{position:relative;display:block;border-radius:14px;background:#1a1a1d;box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06);transition:transform .8s var(--ease),box-shadow .8s}.sc-frame:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 70px 120px -40px color-mix(in srgb,var(--a) 45%,#000),0 0 0 1px color-mix(in srgb,var(--a) 50%,transparent)}.sc-browser{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.sc-browser i{width:10px;height:10px;border-radius:50%;background:#3a3a3e}.sc-browser i:first-child{background:#ff5f57}.sc-browser i:nth-child(2){background:#febc2e}.sc-browser i:nth-child(3){background:#28c840}.sc-browser span{margin-left:12px;font-size:.75rem;color:#8a857c;background:#111;padding:4px 14px;border-radius:6px;flex:1;max-width:340px}.sc-viewport{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:0 0 14px 14px;background:var(--bg)}.sc-viewport iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--s,.5));pointer-events:none;opacity:0;transition:opacity .8s}.sc-card.live .sc-viewport iframe{opacity:1}.sc-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s}.sc-card.live .sc-fallback{opacity:0}.sc-phone{position:absolute;right:-24px;bottom:-40px;width:150px;aspect-ratio:9/19;border-radius:26px;border:6px solid #0c0c0e;background:var(--bg);overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1)}.sc-card:nth-child(even) .sc-phone{right:auto;left:-24px}.sc-phone iframe{width:390px;height:823px;border:0;transform:scale(.354);transform-origin:0 0;pointer-events:none}.sc-info{display:flex;gap:24px}.sc-num{font-family:"Cormorant Garamond",serif;font-size:4.6rem;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--a)}.sc-info h2{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(2.6rem,4vw,3.6rem);margin:0;line-height:1}.sc-mood{color:var(--a);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;margin:10px 0 16px;filter:brightness(1.4)}.sc-info p{color:#a49d91;line-height:1.7}.sc-pal{display:flex;gap:0;margin:20px 0 26px}.sc-pal i{width:34px;height:34px;border-radius:50%;margin-right:-8px;box-shadow:0 0 0 2px #0c0c0e}.sc-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.sc-btn{display:inline-flex;gap:10px;align-items:center;padding:14px 26px;border-radius:99px;background:linear-gradient(135deg,#f4ead6,#c9a45c);color:#1a1408;font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;transition:transform .3s,box-shadow .3s}.sc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(212,175,106,.6)}.sc-btn svg{width:18px;height:18px}.sc-link{font-size:.85rem;color:#c9c2b4;border-bottom:1px solid rgba(212,175,106,.35);padding-bottom:2px}.sc-link:hover{color:#d4af6a}.sc-foot{position:relative;z-index:1;text-align:center;padding:30px 20px 50px;color:#6c665d;font-size:.8rem;border-top:1px solid rgba(255,255,255,.06)}@media(max-width:900px){.sc-card,.sc-card:nth-child(even){grid-template-columns:1fr;gap:50px}.sc-card:nth-child(even) .sc-frame{order:0}.sc-phone{width:110px;right:-6px;bottom:-30px;border-width:4px;border-radius:20px}.sc-card:nth-child(even) .sc-phone{left:auto;right:-6px}.sc-phone iframe{transform:scale(.26)}.sc-num{font-size:3rem}.sc-grid{gap:70px;padding:20px 16px 50px}.sc-hero{padding-top:46px}}