:root{--ink:#17232B;--orange:#F05A38;--muted:#65716F;--line:#D8DFDA;--paper:#F0F3F1;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}p,h1,h2,h3{margin:0}p{line-height:1.8}main{max-width:1200px;width:calc(100% - 96px);margin:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);font-size:11px}header img{width:155px}header>span{font-size:9px;color:var(--muted);letter-spacing:.13em}.intro{display:flex;align-items:center;justify-content:space-between;padding-block:70px;gap:40px}.eyebrow{font-size:9px;letter-spacing:.13em;color:var(--muted);margin-bottom:24px}.intro h1{font-size:clamp(32px,4vw,52px);line-height:1.45;letter-spacing:-.045em;font-weight:700}.intro h1 span,.type-grid h3 span{color:var(--orange)}.intro>div>p:last-child{font-size:13px;color:var(--muted);margin-top:22px}.intro>img{width:145px;transform:rotate(10deg);margin-right:60px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:24px}.section-title h2{font-size:12px;font-weight:500;letter-spacing:.04em}.section-title>span{font-size:9px;color:var(--muted);letter-spacing:.1em}.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-panel{min-height:245px;border-radius:16px;display:grid;place-items:center;position:relative;padding:45px}.logo-panel>img{width:90%;max-width:410px}.logo-panel>span{position:absolute;bottom:23px;left:26px;font-size:8px;letter-spacing:.12em}.dark{background:var(--ink);color:#a5b4b8}.light{background:#fff;color:var(--muted);border:1px solid var(--line)}.details{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:40px}.mark-panel{display:flex;align-items:center;gap:30px}.mark-panel>img{width:125px;flex-shrink:0}.mark-panel h3{font-size:18px;letter-spacing:-.02em;font-weight:600;margin-bottom:10px}.mark-panel p{font-size:11px;color:var(--muted)}.app-icon{width:90px;height:90px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 25px #17232b08;flex-shrink:0}.app-icon img{width:75px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:45px}.colors>article{padding:28px;background:#ffffff80;border:1px solid var(--line);border-radius:14px}.swatch{height:100px;width:100px;border-radius:50%;margin-bottom:25px}.swatch.ink{background:var(--ink)}.swatch.orange{background:var(--orange)}.swatch.porcelain{background:var(--paper);border:1px solid var(--line)}.colors h3{font-size:16px;line-height:1.8;font-weight:600}.colors h3>span{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:400}.colors p{font-size:12px;letter-spacing:.03em;margin-top:14px}.colors small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.type-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-block:10px 55px;align-items:center}.type-grid h3{font-size:43px;line-height:1.35;letter-spacing:-.04em}.type-grid p{font-size:13px;color:var(--muted);margin-top:20px}.type-grid small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.samples{display:flex;align-items:start;flex-wrap:wrap;gap:17px}.samples>a{display:flex;justify-content:space-between;gap:35px;border-radius:999px;padding:14px 23px;font-size:12px;min-width:160px}.sample-primary{background:var(--orange);color:var(--ink)}.sample-secondary{background:var(--ink);color:white}.tags{display:flex;gap:8px;margin-top:12px;flex-basis:100%}.tags>span{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.tags>span:first-child{border-color:var(--orange);color:#BE3E21}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:27px 0 35px;font-size:11px}footer p,footer>span{font-size:10px;color:var(--muted)}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{color:#BE3E21}@media(max-width:767px){main{width:calc(100% - 40px)}header{height:72px}header img{width:128px}header>span{display:none}.intro{padding-block:42px;gap:15px}.intro h1{font-size:28px}.intro>img{width:64px;margin-right:0}.eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:18px}.intro>div>p:last-child{font-size:11px;max-width:230px;margin-top:18px}.section-title>span{font-size:7px}.section-title h2{font-size:11px}.logo-pair,.details,.type-grid{grid-template-columns:1fr;gap:18px}.logo-panel{min-height:175px;padding:32px}.logo-panel>span{font-size:7px;left:22px;bottom:18px}.details{padding-block:30px;gap:30px}.mark-panel{gap:24px}.mark-panel>img{width:100px}.mark-panel h3{font-size:16px}.app-icon{width:80px;height:80px}.app-icon img{width:66px}.colors{gap:12px;grid-template-columns:1fr;padding-bottom:30px}.colors>article{display:grid;grid-template-columns:75px 1fr;column-gap:20px;padding:20px}.swatch{width:65px;height:65px;grid-row:1/4;margin:0}.colors h3{font-size:14px}.colors p{margin-top:7px;font-size:11px}.colors small{font-size:10px;margin-top:4px}.type-grid{padding-block:8px 35px;gap:25px}.type-grid h3{font-size:32px}.type-grid p{font-size:12px}.samples>a{font-size:11px;min-width:0;padding:13px 19px;gap:22px}.tags{gap:6px}.tags>span{font-size:9px;padding:5px 8px}footer{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding-block:23px;gap:14px}footer>a{justify-self:end}footer>span{grid-column:1/-1;font-size:8px}}