:root{color-scheme:light;--paper:#f6f7f4;--ink:#171918;--muted:#535b54;--line:#d5d9d1;--accent:#c6f35b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #53750b;outline-offset:6px}.wrap{max-width:1320px;margin:auto;padding:0 6%}.skip{position:absolute;top:-100px;left:24px;background:var(--ink);color:#fff;padding:12px;z-index:5}.skip:focus{top:12px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.logo{font-size:24px;font-weight:800;letter-spacing:-1px}.logo span{font-weight:400}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.hero{padding:66px 0 62px}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px}h1{font-size:clamp(56px,8.5vw,116px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:0 0 38px}h1 span{color:#657160}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{font-size:22px;line-height:1.55;margin:0}.text-link{font-size:16px;white-space:nowrap}.text-link span{margin-left:12px}.section{padding:56px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:32px}.section-heading h2{font-size:32px;font-weight:500;letter-spacing:-.035em;margin:0}.number{color:var(--muted);font-size:13px;letter-spacing:.08em}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.app-card{padding:36px;display:flex;flex-direction:column;border-radius:5px}.waste{background:#e7eddf}.read{background:#e2e9f3}.look{background:#eee6f4}.upscale{background:#212622;color:var(--paper)}.app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.app-top img{border-radius:21%;box-shadow:0 4px 12px #0000000b}.category{font-size:12px;letter-spacing:.08em;text-align:right;color:#4e554e}.upscale .category{color:#c4cec6}.app-copy{flex:1}.app-copy h3{font-size:29px;letter-spacing:-.035em;line-height:1.3;font-weight:600;margin:0 0 10px}.subtitle{font-size:19px;line-height:1.4;margin:0 0 14px}.description{font-size:16px;color:#4e554e;margin:0;max-width:440px}.upscale .description{color:#c4cec6}.recognition{font-size:14px;line-height:1.5;margin:25px 0 0}.recognition span{color:#4e554e}.store-link{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #17191824;padding-top:20px;margin-top:32px;font-size:14px;font-weight:600;min-height:44px}.store-link:hover{text-decoration:underline;text-underline-offset:5px}.upscale .store-link{border-color:#ffffff30;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:10px 0 48px}.about-statement{font-size:clamp(29px,3.4vw,45px);line-height:1.25;letter-spacing:-.035em;margin:0}.team>p{color:var(--muted);margin:0 0 30px;max-width:420px}.team-roles{display:flex;flex-wrap:wrap;gap:24px}.team-roles div{display:flex;flex-direction:column}.team-roles strong{font-size:28px;line-height:1.2;letter-spacing:-.06em;font-weight:500}.team-roles span{font-size:14px;color:var(--muted)}.press h3{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 16px}.press a{display:grid;grid-template-columns:210px 1fr 20px;gap:20px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.press a:hover .press-title{text-decoration:underline;text-underline-offset:4px}.publisher{font-size:17px;font-weight:600}.press-title{color:var(--muted);font-size:15px}.socials{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px}.social{min-width:0}.social>span{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.social strong,.social button{font-size:16px;line-height:1.8;font-weight:500;overflow-wrap:anywhere}.social button{border:0;background:none;padding:0;text-align:left;cursor:pointer;min-height:44px}.copy-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-left:10px;border-bottom:1px solid var(--line)}.social button:hover .copy-label{border-color:var(--ink)}a.social strong{display:block;min-height:44px;padding-top:7px}a.social:hover strong{text-decoration:underline;text-underline-offset:4px}.copy-status{font-size:14px;color:var(--muted);min-height:24px;margin:14px 0 0}footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer .logo{color:var(--ink);font-size:20px}
@media(min-width:1500px){h1{font-size:116px}}@media(max-width:760px){.hero{padding:46px 0}.hero-bottom p{font-size:19px}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.app-card{padding:26px}.app-top{align-items:start;flex-direction:column;gap:20px}.category{text-align:left}.about-grid{gap:30px}.press a{grid-template-columns:160px 1fr 16px;gap:12px}.socials{grid-template-columns:1fr;gap:22px}footer{flex-wrap:wrap}}@media(max-width:560px){header{padding:24px 0;gap:15px}.logo{font-size:21px}nav{gap:17px}h1{font-size:clamp(45px,10.7vw,60px)}.eyebrow{font-size:12px}.section{padding:38px 0}.section-heading{gap:12px;flex-wrap:wrap;margin-bottom:24px}.section-heading h2{font-size:28px}.number{font-size:12px}.app-grid,.about-grid{grid-template-columns:1fr}.app-top{flex-direction:row;align-items:center}.category{max-width:150px;text-align:right}.app-card{padding:27px}.about-grid{padding-bottom:35px}.press a{grid-template-columns:1fr 18px;gap:8px}.publisher{grid-column:1;grid-row:1}.press-title{grid-column:1;grid-row:2}.press a>span:last-child{grid-column:2;grid-row:1/3}footer{align-items:start;flex-direction:column;gap:8px}.team-roles{gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.feature-story{display:block;margin-top:24px;padding:18px 20px;background:#ffffff70;border-left:3px solid #677d48;border-radius:0 3px 3px 0}.story-label{display:block;font-size:12px;letter-spacing:.08em;color:var(--muted)}.story-title{display:flex;justify-content:space-between;gap:16px;margin:5px 0;font-size:19px;font-weight:600}.story-description{display:block;font-size:14px;color:var(--muted)}.feature-story:hover .story-title{text-decoration:underline;text-underline-offset:4px}

.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.logo .brand-name{font-weight:800}.studio-mark{display:block;width:48px;height:48px;object-fit:contain;border-radius:0}footer .studio-mark{width:36px;height:36px}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}.since{color:var(--muted);letter-spacing:.08em}@media(max-width:560px){header{flex-wrap:wrap}.studio-mark{width:40px;height:40px}.logo{gap:10px}header nav{gap:16px}header .logo{font-size:20px}}

/* Soft glass surfaces, with opaque fallbacks for readability. */
.studio-mark{border-radius:50%}
header{position:relative;isolation:isolate;border:1px solid #ffffffcf;border-radius:24px;margin-top:20px;padding:18px 24px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 8px 28px #26374e08}
header::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 -1px 1px #bec9d52b}
.app-card{border:1px solid #ffffffad;border-radius:22px;box-shadow:inset 0 1px 0 #ffffffd9,0 8px 28px #24324906;background-image:linear-gradient(135deg,#ffffff59,transparent 55%)}
.upscale{border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff29,0 8px 28px #2432490a;background-image:linear-gradient(135deg,#ffffff12,transparent 55%)}
.feature-story{border:1px solid #ffffffb3;border-radius:14px;background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 #ffffffb3,0 4px 14px #26374e05}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){header,.feature-story{-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}}
@media(max-width:560px){header{padding:16px;gap:16px;border-radius:20px}header nav{flex-wrap:wrap;gap:20px}.app-card{border-radius:18px}}
@media(prefers-reduced-transparency:reduce){header{background:#fff}.feature-story{background:#f4f6ef}header,.feature-story{-webkit-backdrop-filter:none;backdrop-filter:none}}