/* Tianyin · ivory, brushed gold and airy product storytelling. */
:root{--paper:#fffefa;--bg:#faf7f1;--bg-2:#f5f0e7;--ink:#131a27;--ink-2:#202737;--text:#18202d;--dim:#656566;--faint:#76716a;--line:#e9e1d5;--line-2:#dfd2bd;--gold:#926420;--gold-2:#79521c;--gold-3:#bc9557;--gold-tint:#f5ebd7;--gold-line:#dac39d;--radius:14px;--wrap:1220px;--onink:#18202d;--onink-dim:#656566}
body{background:#fffefa} .site-head{background:rgba(255,254,250,.94);border-bottom-color:#e9e1d5;backdrop-filter:blur(16px)}
.site-head.is-scrolled{box-shadow:0 3px 20px #66502a08;background:rgba(255,254,250,.97)}
.head-in{height:82px}.brand{font-weight:800;font-size:25px;letter-spacing:.04em}.brand img{width:38px;height:38px;object-fit:contain;mix-blend-mode:multiply}.nav a{font-size:14px}
.btn{border-radius:8px;border-color:#ddcaa9;gap:16px;min-height:48px;padding:12px 23px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}
.btn-primary{color:white;background:linear-gradient(115deg,#b58c4b,#9d7029 58%,#80571e);border:1px solid #a47c3b;box-shadow:0 5px 15px #ab834922;text-shadow:0 1px 1px #65400d33}
.btn-primary:hover{background:linear-gradient(115deg,#a77d3b,#8d6021);color:white;box-shadow:0 8px 20px #ab83492a;transform:translateY(-2px)}
.btn-sm{min-height:39px;padding:7px 18px}.actions{gap:22px}.g-inline-link{font-size:14px;font-weight:600;color:#76521e;display:inline-flex;align-items:center;gap:16px}.g-inline-link:hover{text-decoration:underline;text-underline-offset:5px}
.band-soft,.band-paper{background:#faf7f1}.band-ink{background:#f5efe4;color:var(--text)}.band-ink h2,.band-ink h3{color:var(--text)}.band-ink p,.band-ink .lead,.band-ink .split-copy p{color:var(--dim)}.band-ink .eyebrow,.band-ink .textlink{color:var(--gold)}.band-ink .feature-list li{border-color:#e4d8c5}.band-ink .feature-list b{color:var(--ink)}
.page-hero{background:radial-gradient(ellipse at 90% 25%,#f3e6ce88,transparent 60%),linear-gradient(135deg,#fffefa,#faf7f1)}.page-hero .display .soft{color:var(--gold)}.status-card{background:#fffefa;border-color:#e4d8c5;border-radius:14px;box-shadow:0 10px 40px #8c651e08}.stage{background:#fffefa;border-color:#e7dcca;border-radius:14px;box-shadow:0 18px 60px #7b5b1f10}.page-hero .stage{padding:14px}.shot{border-radius:8px}.badge{border-radius:5px}.badge-ok{background:#f1e8d5;color:#79521c;border-color:#deca9e}.badge-wait{background:#f5ecdc;color:#79521c;border-color:#deca9e}.dl-row{border-color:#e5d9c6}.releases details,.faq details{border-color:#e5d9c6}.site-foot{background:#f7f2e9;color:var(--ink);border-top:1px solid #e6d9c4}.brand-onink{color:var(--ink)}.foot-base{border-color:#e6d9c4;color:#716c62}.foot-col .foot-h{color:#876127}
.gold-home{overflow:hidden}.g-kicker{font-size:12px;letter-spacing:.16em;color:#936c34;font-weight:600}.g-hero{position:relative;min-height:655px;isolation:isolate;background:#fcfaf6}.g-hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden}.g-hero-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.g-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6ee 21%,#fcfaf67a 39%,transparent 62%)}
.g-hero-inner{min-height:655px;display:flex;align-items:center;padding-block:55px 76px}.g-hero-copy{max-width:550px}.g-hero h1{font-size:clamp(64px,6vw,88px);line-height:1.13;font-weight:800;letter-spacing:.02em;margin:19px 0 22px}.g-hero h1 span{background:linear-gradient(95deg,#a37630,#c3a065 40%,#936420);background-clip:text;-webkit-background-clip:text;color:transparent}.g-hero-types{font-size:14px;font-weight:600;color:#303644;display:flex;align-items:center;gap:15px}.g-hero-types i{font-style:normal;color:#c3aa7d}.g-hero-desc{font-size:17px;line-height:1.95;margin:22px 0 25px;color:#3b4049}.g-hero-note{font-size:12px;color:#6f6a62;margin-top:18px}.g-art-caption{position:absolute;right:24px;bottom:12px;font-size:10px;color:#766d60}
.g-product-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e8decc;background:#fffefb;box-shadow:0 12px 38px #765b2620;border-radius:12px;margin-top:-29px;scroll-margin-top:110px}
.g-product-nav a{position:relative;padding:23px 24px;display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-items:center;transition:background .2s}.g-product-nav a+a{border-left:1px solid #ece3d4}.g-product-nav a:hover{background:#f7f1e6}.g-product-nav a:first-child{border-radius:12px 0 0 12px}.g-product-nav a:last-child{border-radius:0 12px 12px 0}.g-product-nav span{font-size:13px;font-family:var(--mono);color:#ac844a;grid-row:1/3}.g-product-nav b{font-size:16px;letter-spacing:.05em}.g-product-nav small{font-size:11px;color:#79736a;margin-top:3px}.g-product-nav i{position:absolute;right:16px;top:24px;font-style:normal;color:#a48554}
.g-section{padding:88px 0 72px;scroll-margin-top:80px;position:relative;background:#fffefa}.g-warm{background:#fbf8f2}.g-section-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.g-number{font-family:var(--sans);font-size:46px;line-height:1;font-weight:600;letter-spacing:-.035em;color:#b08a4e}.g-section-heading p{font-size:16px;font-weight:600;line-height:1.55;padding-left:18px;border-left:1px solid #d4ba8b}
.g-product-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.1fr);gap:clamp(35px,6vw,92px);align-items:center}.g-product-copy{padding-block:8px}.g-product-copy h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.035em;line-height:1.4;margin-top:10px}.g-title-light{font-weight:500;color:#8c6c38}.g-description{margin-top:17px;font-size:15px;line-height:1.9;color:#6a6761}.g-features{display:grid;gap:21px;margin-top:29px}.g-features li{display:flex;align-items:flex-start;gap:13px}.g-feature-icon{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dbc495,#ae833e);color:#fff;font-size:20px;line-height:1;font-family:var(--sans)}.g-features b{display:block;font-size:15px;font-weight:600}.g-features p{font-size:12.5px;margin-top:3px;line-height:1.8;color:#746e65}.g-product-copy .actions{margin-top:31px;gap:24px}.g-release-note{font-size:11px;letter-spacing:.02em;color:#787166;margin-top:12px}.g-preview-note{font-size:11px;color:#81745e;line-height:1.8;margin-top:10px;max-width:41em}
.g-product-figure{position:relative;padding:11px;background:linear-gradient(145deg,#fff,#fcfaf6);border:1px solid #e9dfcf;border-radius:14px;box-shadow:0 24px 70px #6e51251c,0 4px 12px #8c651e08;min-width:0;isolation:isolate}.g-product-figure::before{content:"";position:absolute;width:85%;height:85%;top:4%;left:5%;background:#e9d6ae44;filter:blur(65px);border-radius:50%;z-index:-2}.g-product-figure img{width:100%;height:auto;border-radius:5px}.g-product-figure .shot{border:1px solid #ece8e1;box-shadow:none;padding:0;width:100%;background:#fff}.g-product-figure figcaption{font-size:10px;letter-spacing:.04em;color:#7b766d;text-align:center;margin-top:11px;margin-bottom:2px}.g-window-bar{display:flex;gap:5px;align-items:center;height:24px;padding:0 3px 9px}.g-window-bar>span{height:5px;width:5px;border-radius:50%;background:#d7c29d}.g-window-bar b{font-size:9px;font-weight:500;color:#827767;margin-left:7px;letter-spacing:.07em}.g-live-figure{transform:perspective(1400px) rotateY(-5deg) rotateZ(1deg)}
.g-reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.93fr)}.g-reverse .g-product-copy{grid-column:2;grid-row:1}.g-reverse .g-product-figure{grid-column:1;grid-row:1;transform:perspective(1400px) rotateY(4deg) rotateZ(-1deg)}.g-floating-label{position:absolute;bottom:-19px;right:23px;background:#fffdfa;border:1px solid #e6d8bd;border-radius:8px;padding:13px 22px;font-size:12px;color:#9b7538;box-shadow:0 8px 30px #7a57221a;letter-spacing:.08em}.g-preview{display:inline-block;vertical-align:middle;font-size:12px;letter-spacing:.02em;font-weight:500;color:#fff;background:linear-gradient(110deg,#cfb478,#ac7d37);padding:5px 11px;border-radius:5px;white-space:nowrap}.g-voice-figure{margin-bottom:22px}.g-sound-decoration{position:absolute;bottom:-29px;left:13%;width:72%;height:60px;display:flex;align-items:center;justify-content:center;gap:5px;background:#fffdf8;border:1px solid #ecdfc8;border-radius:10px;box-shadow:0 12px 28px #83612917}.g-sound-decoration span{display:grid;place-items:center;color:#fff;background:#bd934f;width:31px;height:31px;border-radius:50%;font-size:11px;margin-right:10px}.g-sound-decoration i{width:3px;height:17px;background:#c19a59;border-radius:2px}.g-sound-decoration i:nth-child(3n){height:30px}.g-sound-decoration i:nth-child(4n){height:40px}.g-sound-decoration i:nth-child(5n){height:22px}
.g-promise{margin-top:58px;display:flex;align-items:center;justify-content:center;gap:18px;padding:20px 25px;border-top:1px solid #e9d6b3;border-bottom:1px solid #e9d6b3;background:linear-gradient(100deg,#fcf7eb,#f4e8d1 60%,#fcf7eb);border-radius:7px;color:#805d28}.g-promise>span{font-size:23px;color:#b58d4d}.g-promise p{font-size:16px;letter-spacing:.025em}.g-promise a{font-size:11px;margin-left:auto}.g-promise>span{margin-left:auto}
.g-wave{height:43px;background:url('/assets/gold/wave.svg') center center/100% 100% no-repeat;position:relative;z-index:1;margin-block:-21px;pointer-events:none}.g-wave-flip{transform:scaleX(-1)}
.g-next{text-align:center;padding:95px 0 80px;background:radial-gradient(ellipse at 20% 90%,#f0e2ca77,transparent 48%),radial-gradient(ellipse at 90% 80%,#ede5d780,transparent 40%),#fffefa;border-top:1px solid #eee4d4}.g-next h2{font-size:clamp(32px,4vw,49px);line-height:1.4;margin:15px 0 14px}.g-next h2 span{color:#ab813e;margin-left:.25em}.g-next>.wrap>p:not(.g-kicker){font-size:16px;color:#716c63}.g-next .btn{margin-top:26px;min-width:230px}.g-poster-link{display:block;width:max-content;margin:17px auto 0;font-size:11px;color:#8c713f;border-bottom:1px solid #d8c7a7}.g-update-strip{padding:28px 0;border-top:1px solid #e9dfcf;background:#fcf9f3}.g-update-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.g-update-strip p{font-size:12px;color:#6d675d}.g-update-strip .g-kicker{font-size:10px}.g-update-strip .wrap>div>p{font-weight:600;color:#4b453b;margin-top:5px}.g-update-strip p span{font-weight:400;color:#8e8679;font-size:10px;margin-left:10px}
@media(min-width:1600px){.g-hero-art img{object-position:center 58%}.g-hero-inner,.g-hero{min-height:730px}}
@media(max-width:1020px){.g-product-nav a{padding:20px 15px;grid-template-columns:22px 1fr;gap:6px}.g-product-nav i{display:none}.g-product-layout,.g-reverse{gap:35px;grid-template-columns:1fr 1fr}.g-hero::after{background:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6e6 29%,#fcfaf655 56%,transparent 80%)}.g-hero h1{font-size:68px}.g-product-copy h2{font-size:31px}.g-description{font-size:13px}.g-features p{font-size:12px}.g-promise a{display:none}.g-promise>span{margin-left:0}.g-product-copy .actions{gap:17px}.g-product-copy .btn{font-size:12px;padding:10px 17px}.g-product-nav small{font-size:10px}}
@media(max-width:760px){.head-in{height:68px}.brand{font-size:21px}.brand img{width:30px;height:30px}.nav{display:none}.nav-toggle{display:flex}.head-actions{gap:13px}.g-hero{min-height:auto}.g-hero-inner{min-height:0;padding-top:42px;padding-bottom:0;display:block}.g-hero-copy{max-width:none}.g-kicker{font-size:10px}.g-hero h1{font-size:62px;margin:16px 0 18px;line-height:1.12}.g-hero-types{font-size:12px;gap:12px}.g-hero-desc{font-size:14px;line-height:1.85;margin:18px 0 23px}.g-hero-note{font-size:10px;margin-top:14px}.g-hero .actions{gap:21px}.g-hero .btn{font-size:13px;padding:12px 19px}.g-inline-link{font-size:12px}.g-hero-art{position:relative;inset:auto;height:295px;z-index:0;margin-top:-13px}.g-hero-art img{object-fit:cover;object-position:right center;width:125%;max-width:none;left:-25%;height:100%}.g-hero::after{display:none}.g-hero{display:flex;flex-direction:column}.g-hero-inner{order:-1}.g-art-caption{bottom:16px;right:20px;z-index:1;font-size:9px}.g-product-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;border-radius:10px;box-shadow:0 8px 25px #765b2610}.g-product-nav a{padding:16px 12px;column-gap:7px;grid-template-columns:23px 1fr}.g-product-nav a:nth-child(3){border-left:0}.g-product-nav a:nth-child(n+3){border-top:1px solid #ece3d4}.g-product-nav b{font-size:14px}.g-product-nav small{font-size:10px}.g-product-nav span{font-size:11px}.g-product-nav a:first-child,.g-product-nav a:last-child{border-radius:0}.g-section{padding:55px 0 53px;scroll-margin-top:65px}.g-section-heading{gap:13px;margin-bottom:23px}.g-number{font-size:37px}.g-section-heading p{font-size:13px;padding-left:13px}.g-product-layout,.g-reverse{display:flex;flex-direction:column;gap:34px;align-items:stretch}.g-product-copy{padding:0}.g-product-copy h2{font-size:29px;letter-spacing:-.025em;line-height:1.4;margin-top:8px}.g-description{font-size:13px;margin-top:13px}.g-features{gap:18px;margin-top:23px}.g-features b{font-size:14px}.g-features p{font-size:12px}.g-feature-icon{width:31px;height:31px;flex-basis:31px;font-size:18px}.g-product-copy .actions{margin-top:25px;gap:23px}.g-product-copy .btn{font-size:13px;padding:11px 19px}.g-release-note{font-size:10px;margin-top:12px}.g-preview-note{font-size:10px}.g-product-figure,.g-live-figure,.g-reverse .g-product-figure{transform:none;border-radius:10px;padding:8px}.g-product-figure figcaption{font-size:9px;margin-top:9px}.g-floating-label{font-size:10px;bottom:-15px;padding:10px 15px;right:12px}.g-promise{margin-top:35px;padding:17px 10px;gap:10px}.g-promise p{font-size:12px}.g-promise>span{font-size:17px}.g-wave{height:27px;margin-block:-13px;background-size:180% 100%}.g-next{padding:58px 0 46px}.g-next h2{font-size:28px;letter-spacing:-.03em;margin:14px 0 10px}.g-next h2 span{margin-left:0}.g-next>.wrap>p:not(.g-kicker){font-size:13px}.g-next .btn{font-size:13px;min-width:218px;margin-top:22px}.g-update-strip{padding:22px 0}.g-update-strip .wrap{flex-wrap:wrap;gap:13px;align-items:flex-start}.g-update-strip .wrap>p{display:none}.g-update-strip .g-inline-link{margin-top:15px;font-size:11px}.g-sound-decoration{gap:4px;height:48px;bottom:-24px}.g-sound-decoration i{width:3px;height:11px}.g-sound-decoration i:nth-child(3n){height:20px}.g-sound-decoration i:nth-child(4n){height:30px}.g-sound-decoration i:nth-child(5n){height:17px}.g-sound-decoration span{width:24px;height:24px;font-size:9px;margin-right:4px}.page-hero .display{font-size:39px}.page-hero .lead{font-size:14px}.site-foot{padding-top:40px}.foot-grid{gap:28px}.mobile-nav{background:#fffefa}.mobile-nav a{font-size:14px}.g-preview{font-size:10px;padding:4px 8px}}
/* Keep the complete emblem and blackbox inside the desktop hero. */
.g-product-copy .g-voice-downloads{gap:12px;flex-wrap:wrap}.g-voice-downloads .g-inline-link{flex-basis:100%;margin-top:3px}.g-product-copy .g-voice-downloads .btn{padding-inline:15px;gap:9px;font-size:13px}
@media(max-width:400px){.g-product-copy .g-voice-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g-product-copy .g-voice-downloads .btn{font-size:12px;padding-inline:9px;gap:6px;justify-content:center}.g-voice-downloads .g-inline-link{grid-column:1/-1}}
@media(min-width:761px){.g-hero-art img{width:auto;max-width:none;right:0;left:auto;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 25%)}}
@media(max-width:760px){.g-hero-art{margin-top:10px}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand,.foot-grid>.foot-col:nth-child(2){grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.g-live-figure,.g-reverse .g-product-figure{transform:none}}