.system-intro{padding:60px 0 35px}.system-intro h1{font-size:48px}.system-intro p{max-width:720px;margin:20px 0;font-size:20px}.system-index{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 0}.system-index a{padding:7px 15px;border:1px solid var(--line);border-radius:100px;font-size:14px;color:var(--muted)}.system-index a:hover{border-color:var(--accent);color:var(--ink)}.system-section{padding:55px 0;border-top:1px solid var(--line)}.system-heading{display:grid;grid-template-columns:200px 1fr;gap:35px;margin-bottom:32px}.system-heading .eyebrow{margin:7px 0}.system-heading h2{font-size:33px;margin-bottom:13px}.system-heading p{max-width:710px;font-size:17px}.logo-display{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.logo-primary{padding:30px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1226;border:1px solid #293c61;border-radius:16px;gap:15px}.logo-primary img{width:310px;height:255px;object-fit:contain}.logo-primary small{color:#a8bad3}.logo-variants{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logo-sample{border-radius:12px;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:145px}.logo-sample img{width:125px;height:76px;object-fit:contain}.logo-sample small{font-size:12px}.logo-sample.white{background:#fff;color:#0b1226}.logo-sample.dark{background:#0b1226;color:#f8faff}.guideline-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.guideline-notes h3{font-size:20px;margin-bottom:10px}.guideline-notes p{font-size:15px}.colors{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.color-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);text-align:start;padding:0;cursor:pointer}.color-block{height:95px;display:block;border-bottom:1px solid #80808030}.color-copy{display:block;padding:14px 12px}.color-copy strong{display:block;font-size:14px;white-space:nowrap}.color-copy code{direction:ltr;display:block;font-size:11px;margin-top:5px;color:var(--muted)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.type-specimen h3{font-size:58px;line-height:1.4;margin:10px 0 15px}.type-specimen p{font-size:16px}.type-scale{display:grid;gap:12px}.type-scale>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;gap:20px}.type-scale code{font-size:12px;color:var(--muted);white-space:nowrap}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.component-grid .panel{min-width:0}.component-grid h3{font-size:21px;margin-bottom:22px}.component-grid .actions{gap:8px}.component-grid p{font-size:14px;margin-top:15px}.component-grid .field{margin:16px 0}.state-row{display:flex;align-items:center;gap:13px;background:var(--bg);border:1px solid var(--line);padding:15px;border-radius:10px;margin:12px 0;font-size:14px}.state-row .loader{width:42px;height:42px}.state-row .loader img{width:30px}.state-row .icon{color:var(--success)}.state-row.error .icon{color:var(--danger)}.state-row.error{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.icon-cell{padding:20px 8px;border:1px solid var(--line);border-radius:10px;text-align:center;color:var(--accent)}.icon-cell small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.motion-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.motion-rules .time{font:700 35px Arial;color:var(--accent);margin-bottom:18px;direction:ltr;text-align:right}.motion-rules h3{font-size:21px;margin-bottom:12px}.motion-rules p{font-size:15px}.downloads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.download-item{padding:20px 24px;display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s}.download-item:hover{border-color:var(--accent)}.download-item>.icon{color:var(--accent)}.download-item strong{display:block;font-size:17px}.download-item small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.download-item>.icon:last-child{margin-inline-start:auto}.handoff{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.handoff h3{font-size:21px;margin-bottom:12px}.handoff p{font-size:15px}.copy-status{min-height:25px;margin-top:20px;font-size:14px;color:var(--accent)}@media(max-width:1000px){.colors{grid-template-columns:repeat(4,1fr)}.icon-grid{grid-template-columns:repeat(4,1fr)}.system-heading{grid-template-columns:160px 1fr}}@media(max-width:760px){.system-intro{padding-top:38px}.system-intro h1{font-size:38px}.system-intro p{font-size:18px}.system-section{padding:38px 0}.system-heading{display:block;margin-bottom:24px}.system-heading .eyebrow{margin-bottom:18px}.system-heading h2{font-size:28px}.logo-display,.type-grid,.component-grid,.handoff,.downloads-grid{grid-template-columns:1fr}.guideline-notes,.motion-rules{grid-template-columns:1fr}.colors{grid-template-columns:repeat(2,1fr)}.color-block{height:75px}.type-specimen h3{font-size:45px}.logo-primary{min-height:250px}.logo-primary img{height:220px}.icon-grid{gap:8px}.icon-cell{padding:15px 5px}.icon-cell small{font-size:10px}}