:root{--ink: #0A0F1C;--paper: #FAFAF7;--paper-2: #F2F2EC;--paper-3: #E8E8E0;--blue: #5B8AF0;--blue-bright: #7BAAF5;--text-strong: #0A0F1C;--text-muted: #3A3F58;--text-soft: #6B7288;--text-on-dark: #E8EAF0;--font-display: "Instrument Serif", "Times New Roman", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{font-family:var(--font-body);color:var(--text-strong);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.container{max-width:1240px;margin:0 auto;padding:0 32px}nav{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{display:flex;align-items:center;padding:12px 32px;max-width:1240px;margin:0 auto}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-body);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--text-on-dark);line-height:1}.logo .accent{color:var(--blue-bright)}.logo-mark{border-radius:6px;flex-shrink:0}.page-intro{margin-bottom:32px}.page-intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.02em;color:var(--text-strong);margin-bottom:10px}.page-intro-sub{font-size:17px;line-height:1.5;color:var(--text-muted);max-width:560px}.article{max-width:680px;margin:0 auto;padding:40px 0 64px}.article h2{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.015em;color:var(--text-strong);margin:36px 0 12px;padding-top:28px;border-top:1px solid var(--paper-3)}.article h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.article h3{font-family:var(--font-body);font-weight:600;font-size:16px;letter-spacing:-.005em;color:var(--text-strong);margin:20px 0 8px}.article p{font-size:15.5px;color:var(--text-muted);line-height:1.6;margin-bottom:12px}.article ul{margin:0 0 12px;padding-left:0;list-style:none}.article ul li{font-size:15.5px;color:var(--text-muted);line-height:1.55;padding:4px 0 4px 22px;position:relative}.article ul li:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--blue);border-radius:50%}.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article a:hover{color:var(--blue-bright)}.article strong{color:var(--text-strong);font-weight:600}.principles li:before{top:11px}.principles li{padding-bottom:8px}.product-card{border:1px solid var(--paper-3);border-radius:10px;padding:20px 24px;background:var(--paper-2);margin:8px 0 20px}.product-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.product-card-name{font-family:var(--font-body);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--text-strong)}.product-card-name .accent{color:var(--blue)}.product-card p{margin-bottom:12px}.product-card p:last-of-type{margin-bottom:0}.info-card{border:1px solid var(--paper-3);border-radius:10px;padding:20px 24px;background:var(--paper-2);margin:12px 0 20px}.info-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px}.info-card dt{font-family:var(--font-mono);font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-top:1px}.info-card dd{font-size:14.5px;color:var(--text-strong);font-weight:500}footer{background:var(--ink);color:var(--text-soft);padding:28px 0;border-top:1px solid rgba(255,255,255,.06)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:#8892a8;font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;gap:12px;letter-spacing:.02em}.footer-bottom a{color:#8892a8}.footer-bottom a:hover{color:var(--text-on-dark)}@media (max-width: 720px){.container{padding:0 20px}.nav-inner{padding:10px 20px}.article{padding:32px 0 48px}.article h2{margin:28px 0 10px;padding-top:22px}.info-card{padding:16px 18px}.info-card dl{grid-template-columns:1fr;gap:2px 0}.info-card dt{margin-top:8px}.info-card dt:first-child{margin-top:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}
