@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-card: #ffffff;--color-text: #0a0a0a;--color-text-secondary: #4a4a4a;--color-text-muted: #888888;--color-border: #e5e5e5;--color-border-light: #f5f5f5;--color-primary: #0a0a0a;--color-primary-dark: #1a1a1a;--color-primary-light: #fff1e8;--color-nav-bg: #ffffff;--color-nav-text: #0a0a0a;--color-accent: #ff5c00;--cat-sns: #ff5c00;--cat-content: #ff5c00;--cat-branding: #ff5c00;--cat-basics: #ff5c00;--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--container-max: 1200px;--sidebar-width: 320px;--gap: 2rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .1);--shadow-card: 0 1px 0 var(--color-border);--shadow-card-hover: 0 18px 36px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.8;color:var(--color-text);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.4;font-weight:700;letter-spacing:-.01em}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}p{margin-bottom:1.25em;line-height:1.9}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.layout-two-col{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--gap);max-width:var(--container-max);margin:0 auto;padding:2rem 1.5rem}@media(max-width:960px){.layout-two-col{grid-template-columns:1fr}}.card{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.category-tag{display:inline-block;padding:.2em .75em;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff;background-color:var(--color-accent);letter-spacing:.02em}.category-tag[data-category=sns]{background-color:var(--cat-sns)}.category-tag[data-category=content]{background-color:var(--cat-content)}.category-tag[data-category=branding]{background-color:var(--cat-branding)}.category-tag[data-category=basics]{background-color:var(--cat-basics)}.prose{font-size:1rem;line-height:2;color:var(--color-text)}.prose h2{margin-top:2.5em;margin-bottom:.8em;padding-bottom:.4em;border-bottom:2px solid var(--color-accent);font-size:1.5rem}.prose h3{margin-top:2em;margin-bottom:.6em;font-size:1.25rem;padding-left:.8em;border-left:4px solid var(--color-accent)}.prose p{margin-bottom:1.5em}.prose ul,.prose ol{margin-bottom:1.5em;padding-left:1.5em}.prose li{margin-bottom:.4em}.prose blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--color-accent);background-color:var(--color-primary-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:normal;color:var(--color-text)}.prose code{padding:.2em .4em;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.875em;font-family:var(--font-mono)}.prose pre{margin:1.5em 0;padding:1.25em;border-radius:var(--radius-md);overflow-x:auto}.prose pre>code{all:unset;font-size:.875em}.prose img{margin:2em auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0}.prose th,.prose td{padding:.75em 1em;border:1px solid var(--color-border);text-align:left}.prose th{background-color:var(--color-bg-secondary);font-weight:600}.prose hr{margin:2.5em 0;border:none;border-top:1px solid var(--color-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .5s ease-out both}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}.card:nth-child(5){animation-delay:.32s}.card:nth-child(6){animation-delay:.4s}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.container{padding:0 1rem}}:root{--db-black: #0a0a0a;--db-gray-900: #1a1a1a;--db-gray-700: #4a4a4a;--db-gray-500: #888;--db-gray-200: #e5e5e5;--db-gray-100: #f5f5f5;--db-white: #ffffff;--db-accent: #ff5c00}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans JP,sans-serif;color:var(--db-black);background:var(--db-white);line-height:1.6}h1,h2,h3,h4{font-weight:900;line-height:1.05;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.db-container{max-width:1280px;margin:0 auto;padding:0 32px}.db-accent{color:var(--db-accent)}.hdr{background:var(--db-white);border-bottom:1px solid var(--db-gray-200);position:sticky;top:0;z-index:100}.hdr-inner{max-width:1320px;margin:0 auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{height:36px;filter:brightness(0)}.hdr nav{display:flex;gap:24px;align-items:center;flex-wrap:nowrap}.hdr nav a{font-size:14px;font-weight:500;color:var(--db-gray-700);white-space:nowrap;position:relative}.hdr nav a:hover{color:var(--db-black)}.hdr nav a.is-active{color:var(--db-black);font-weight:600}.hdr nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--db-accent)}.cta-nav{background:var(--db-black);color:var(--db-white)!important;padding:12px 24px;border-radius:999px;font-weight:600;white-space:nowrap}.cta-nav:hover{background:var(--db-accent)}@media(max-width:1200px){.hdr nav{gap:18px}.hdr nav a{font-size:13px}}.db-btn{background:var(--db-black);color:var(--db-white);padding:18px 36px;border-radius:999px;font-weight:600;font-size:16px;transition:all .2s;display:inline-block;border:none;cursor:pointer;font-family:inherit}.db-btn:hover{background:var(--db-accent);transform:translateY(-2px)}.db-btn-lg{padding:24px 56px;font-size:18px}.db-link{color:var(--db-black);font-weight:500;border-bottom:1px solid var(--db-black);padding-bottom:2px;transition:all .2s}.db-link:hover{color:var(--db-accent);border-color:var(--db-accent)}.db-num-label{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--db-gray-500);margin-bottom:24px;text-transform:uppercase}.db-page-hero{padding:120px 32px 80px}.db-page-hero h1{font-size:clamp(42px,6.5vw,88px);line-height:1.08;letter-spacing:-.03em;margin-bottom:24px}.db-page-hero p{font-size:22px;color:var(--db-gray-700);max-width:700px}.db-page-content{padding:60px 32px 120px;max-width:1280px;margin:0 auto}.db-page-content h2{font-size:48px;margin:64px 0 24px}.db-page-content h3{font-size:28px;margin:32px 0 16px}.db-page-content p{color:var(--db-gray-700);margin-bottom:16px;font-size:16px;line-height:1.8}.db-page-content ul{margin:16px 0 24px 24px}.db-page-content li{margin-bottom:8px;color:var(--db-gray-700)}.ftr{background:var(--db-black);color:var(--db-white);padding:80px 32px 32px}.ftr-container{max-width:1280px;margin:0 auto}.ftr-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:32px}.ftr-logo{height:32px;filter:brightness(0) invert(1)}.ftr-nav{display:flex;gap:24px;flex-wrap:wrap}.ftr-nav a{font-size:14px;color:#ffffffb3}.ftr-nav a:hover{color:var(--db-accent)}.ftr-bottom{display:flex;justify-content:space-between;font-size:13px;color:#ffffff80}.db-mobile-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0;gap:6px;z-index:110}.db-mobile-btn span{display:block;width:24px;height:2px;background:var(--db-black);border-radius:2px;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.db-mobile-btn[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.db-mobile-btn[aria-expanded=true] span:nth-child(2){opacity:0}.db-mobile-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.db-mobile-nav{display:none;position:fixed;inset:0;background:var(--db-white);z-index:105;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease;overflow-y:auto}.db-mobile-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.db-mobile-nav-inner{display:flex;flex-direction:column;gap:4px;padding:96px 32px 48px;max-width:480px;margin:0 auto}.db-mobile-link{display:block;padding:18px 8px;font-size:20px;font-weight:600;color:var(--db-black);border-bottom:1px solid var(--db-gray-200);transition:color .2s}.db-mobile-link:hover{color:var(--db-accent)}.db-mobile-link.is-active{color:var(--db-accent);border-bottom-color:var(--db-accent)}.db-mobile-cta{display:block;margin-top:24px;padding:18px 24px;background:var(--db-black);color:var(--db-white)!important;border-radius:999px;font-weight:600;font-size:16px;text-align:center;transition:background .2s}.db-mobile-cta:hover{background:var(--db-accent)}body.db-mobile-nav-open{overflow:hidden}@media(max-width:768px){.hdr-inner{padding:18px 24px}.logo img{height:32px}.hdr-inner>nav{display:none}.db-mobile-btn{display:flex}.hdr .db-mobile-nav{display:block}.db-mobile-nav-inner{padding:96px 28px 40px}.ftr-top{flex-direction:column;gap:24px;align-items:flex-start}.ftr-bottom{flex-direction:column;gap:8px;text-align:center}.db-page-hero{padding:64px 24px 56px}.db-page-hero h1{font-size:38px;line-height:1.18}.db-page-hero p{font-size:18px;line-height:1.8}}