/* Typography and product-image treatment only. V3 section layout preserved. */
body,button,input,textarea{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
.wordmark{display:inline-flex;align-items:center}.wordmark img{display:block;width:88px;height:auto}.footer .wordmark img{width:78px}
.hero h1{font-size:clamp(40px,4.5vw,65px);font-weight:400;letter-spacing:-1.5px}
.original-mobile .original-image-button{max-width:310px;margin:auto;border-radius:33px;border:6px solid #343139;background:#f1f1f1;overflow:hidden;box-shadow:0 20px 60px #94839d25}
.original-mobile img{width:100%;height:auto}
.original-flow .original-image-button{display:block;margin:auto;max-width:300px;border:6px solid #343139;border-radius:33px;overflow:hidden;background:#f1f1f1;box-shadow:0 20px 60px #94839d25}
.original-flow img{width:100%;height:auto}.original-flow{padding:22px 0;background:radial-gradient(ellipse,#e7dff16b,transparent 70%)}
@media(max-width:560px){.wordmark img{width:74px}.hero h1{font-size:39px;letter-spacing:-1px}.original-mobile .original-image-button,.original-flow .original-image-button{max-width:260px}}
@media(max-width:360px){.hero h1{font-size:34px}}

.hero-positioning{font-size:17px;font-weight:500;color:#5e576b;letter-spacing:.5px;display:inline-block;margin-bottom:8px}
@media(max-width:560px){.hero-positioning{font-size:14px;letter-spacing:.2px;margin-bottom:6px}}

/* Editorial navigation: open canvas, quiet links, one primary action. */
.nav-wrap{top:24px;padding:0 max(32px,calc((100vw - 1200px)/2));}
.nav{height:58px;max-width:1200px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;gap:36px;justify-content:flex-start}
.nav .wordmark{margin-right:auto;flex-shrink:0}.nav .wordmark img{width:86px}
.nav-links{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:400;color:#736c7e}
.nav-links a{position:relative;padding:15px 0;white-space:nowrap;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:#7d6b99;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-links a:hover{color:#322a3d}.nav-links a:hover::after,.nav-links a:focus-visible::after{transform:scaleX(1)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:0 21px;font-size:12px;font-weight:400;background:#29252f;border-radius:14px;box-shadow:0 4px 12px #30263808;transition:background .2s,transform .2s;white-space:nowrap}
.nav-cta span{margin:0;transition:transform .2s}.nav-cta:hover{background:#493d59}.nav-cta:hover span{transform:translate(2px,-2px)}
.nav-mobile{display:none}
@media(max-width:900px){.nav{gap:24px}.nav-links{gap:20px;font-size:11px}.nav-cta{gap:14px;padding:0 17px}.nav .wordmark img{width:77px}}
@media(max-width:650px){.nav-wrap{top:20px;padding:0 24px}.nav{height:44px;gap:18px}.nav-links{display:none}.nav .wordmark img{width:72px}.nav-cta{font-size:11px;min-height:40px;padding:0 14px;gap:12px;border-radius:12px}.nav-mobile{display:block;order:2}.nav-mobile summary{list-style:none;cursor:pointer;width:30px;height:40px;display:grid;place-content:center;gap:6px}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile summary i{width:19px;height:1px;background:#52495d;display:block;transition:transform .2s}.nav-mobile[open] summary i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-mobile[open] summary i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-mobile-panel{position:absolute;top:59px;left:24px;right:24px;border-radius:16px;padding:12px 22px;background:#faf9fc;box-shadow:0 15px 45px #49375d20;border:1px solid #e8e1ef}.nav-mobile-panel a{display:block;padding:16px 0;font-size:14px;color:#4c405c}.nav-mobile-panel a+a{border-top:1px solid #e9e4ee}.nav-mobile-panel small{display:block;margin-top:5px;font-size:11px;color:#9d91a7}}
@media(prefers-reduced-motion:reduce){.nav-links a::after,.nav-cta,.nav-cta span,.nav-mobile summary i{transition:none}}

.nav-links{font-weight:500}.nav-mobile-panel>a{font-weight:500}.nav-mobile-panel small{font-weight:400}
.memory-float{width:260px}.memory-float p{font-size:13px;letter-spacing:0}

.social-product{display:grid;grid-template-columns:320px 1fr;gap:100px;align-items:center;max-width:940px;margin:70px auto 80px;position:relative}.social-screen{margin:0}.social-screen .original-image-button{border:6px solid #45424d;border-radius:36px;overflow:hidden;background:#f5f5f7;box-shadow:0 30px 90px #0003}.social-screen img{display:block;width:100%;height:auto}.social-screen figcaption{text-align:center;font-size:10px;color:#9991a6;margin-top:18px;line-height:1.8}.social-product-copy>.eyebrow{color:#b5a5cd;font-size:10px;letter-spacing:2px}.social-product-copy h3{font-weight:400;font-size:35px;line-height:1.6;margin:20px 0}.social-product-copy h3 span{color:#c6b6dd}.social-product-copy>p{font-size:14px;line-height:2;color:#b1aabb;margin-bottom:34px}.social-feature{display:flex;gap:20px;padding:22px 0;border-top:1px solid #ffffff15}.social-feature>span{font:10px monospace;color:#a896bb;margin-top:4px}.social-feature h4{font-size:14px;font-weight:400;color:#e7e0ee}.social-feature p{font-size:11px;color:#a49aae;margin-top:10px;line-height:1.9}
@media(max-width:1000px){.social-product{grid-template-columns:280px 1fr;gap:45px}.social-product-copy h3{font-size:29px}}
@media(max-width:650px){.social-product{grid-template-columns:1fr;gap:32px;margin:45px auto}.social-screen{max-width:260px;margin:auto}.social-product-copy{text-align:center}.social-product-copy>.eyebrow{justify-content:center}.social-product-copy h3{font-size:28px}.social-product-copy>p{font-size:12px}.social-feature{text-align:left;padding:18px 0}.social-feature h4{font-size:13px}}

/* Light product showcase, followed by the dark relationship world. */
.world-product-light{position:relative;z-index:1;background:var(--paper);color:var(--ink)}
.world-product-inner{padding-block:90px 88px}
.world-product-light .world-header .eyebrow,.world-product-light .social-product-copy>.eyebrow{color:#8c7b9e}
.world-product-light .peach-text{color:#a58883}
.world-product-light .world-header>p,.world-product-light .social-product-copy>p{color:#7c7486}
.world-product-light .concept-label{color:#8b7d96;border-color:#d5ccdd}
.world-product-light .social-product{margin-bottom:0}
.world-product-light .social-screen .original-image-button{border-color:#343139;box-shadow:0 24px 60px #94839d25}
.world-product-light .social-screen figcaption{color:#8d8199}
.world-product-light .social-product-copy h3 span{color:#9683af}
.world-product-light .social-feature{border-color:#a48eb026}
.world-product-light .social-feature>span{color:#9683a8}
.world-product-light .social-feature h4{color:#48404f}
.world-product-light .social-feature p{color:#84778f}
.world-section::before{top:auto;bottom:0}
.world-inner{padding-top:60px}
@media(max-width:800px){.world-product-inner{padding-block:70px 64px}.world-inner{padding-top:40px}}
@media(max-width:560px){.world-product-inner{padding-block:64px 48px}.world-inner{padding-top:32px}}
