:root{color-scheme:light;--bg: hsl(0 0% 100%);--fg: hsl(240 10% 3.9%);--muted: hsl(240 3.8% 46.1%);--border: hsl(240 5.9% 90%);--card: hsl(0 0% 98%);--primary: hsl(346.8 77.2% 49.8%);--primary-2: hsl(346.8 77.2% 56%);--primary-contrast: hsl(355.7 100% 97.3%);--shadow: rgba(2, 6, 23, .04);--shadow-md: 0 4px 6px -1px rgba(2, 6, 23, .06), 0 2px 4px -1px rgba(2, 6, 23, .04);--shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, .06), 0 4px 6px -2px rgba(2, 6, 23, .03);--shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, .06), 0 10px 10px -5px rgba(2, 6, 23, .03);--radius: 12px;--header-h: 64px}*{box-sizing:border-box}html,body{padding:0;margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.7;-webkit-font-smoothing:antialiased}body{padding-top:calc(var(--header-h) + 1px)}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.main{padding-top:0}.bg-dot,.bg-grid{position:relative}.bg-dot:before,.bg-grid:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.bg-dot:before{background-image:radial-gradient(rgba(2,6,23,.14) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 100%)}.bg-grid:before{background-size:40px 40px;background-image:linear-gradient(to right,rgba(2,6,23,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(2,6,23,.045) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.bg-dot>*,.bg-grid>*{position:relative;z-index:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--header-h);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;background:transparent;border-bottom:1px solid transparent}.site-header[data-scrolled=true]{background:#ffffffd9;backdrop-filter:blur(12px);border-bottom-color:#e5e7ebcc;box-shadow:0 1px 2px #02061708}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.logo{display:flex;align-items:center;font-weight:800;letter-spacing:-.02em}.logo img{height:36px;width:auto;transition:opacity .15s ease}.logo:hover img{opacity:.85}.header-nav{display:flex;gap:8px;align-items:center;color:#4b5563;font-weight:500;font-size:14px}.header-nav a{padding:8px 14px;border-radius:8px;transition:all .15s ease}.header-nav a:hover{background:#0206170a;color:#111827}.header-actions{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;line-height:1;background:#0206170a;color:#020617b3;border:1px solid rgba(2,6,23,.06)}.badge-primary{background:#e11d4814;color:var(--primary);border-color:#e11d4826}.hero-modern{padding:64px 0 40px;position:relative}.hero-modern h1{line-height:1.15;letter-spacing:-.02em;font-size:clamp(32px,5vw,48px);font-weight:800;color:#111827;margin:16px 0;text-wrap:pretty}.hero-modern p{margin:16px 0 0;color:#374151;font-size:18px;line-height:1.6;max-width:65ch;text-wrap:pretty}.meta{display:flex;align-items:center;gap:12px;margin-top:24px;color:#6b7280;font-size:13px;font-weight:500}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:14px;transition:all .15s ease;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 4px 12px #e11d4840}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e11d4859}.btn-outline{background:#fff;border-color:#02061729;color:#1f2937;box-shadow:0 2px 4px #02061708}.btn-outline:hover{background:#f9fafb;border-color:#02061733;transform:translateY(-1px)}.btn-ghost{background:transparent;color:#4b5563}.btn-ghost:hover{background:#0206170a;color:#111827}.grid{display:grid;gap:24px;grid-template-columns:repeat(12,1fr);padding:24px 0 64px}.card-modern{grid-column:span 12;background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:16px;padding:24px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#0206171f}@media(min-width:880px){.card-modern.half{grid-column:span 6}}@media(min-width:1024px){.card-modern.third{grid-column:span 4}}.feature-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em;box-shadow:0 10px 24px #0206170f;border:1px solid rgba(2,6,23,.08)}.feature-kicker{margin:0 0 10px;color:#020617bf;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.feature-bullets{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:#374151;font-size:14px;line-height:1.6}.feature-bullets li:before{content:"•";color:#e11d48d9;margin-right:8px}.card-modern h2{margin:12px 0 8px;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.01em}.card-modern p{margin:0;color:#4b5563;font-size:14px;line-height:1.6;flex-grow:1}.card-link{margin-top:16px;font-size:14px;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:4px}.card-link:after{content:"→";transition:transform .15s ease}.card-modern:hover .card-link:after{transform:translate(4px)}.breadcrumbs{margin:0 0 16px;color:#6b7280;font-size:13px;font-weight:500}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.breadcrumbs a:hover{color:#111827;text-decoration:underline}.breadcrumbs .sep{opacity:.4;font-size:10px}.content-with-toc{display:grid;grid-template-columns:1fr;gap:32px;padding:0 0 64px}.content-with-toc .content{min-width:0}.toc{display:none;position:sticky;top:calc(var(--header-h) + 24px);align-self:start;max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;padding-left:16px;border-left:1px solid rgba(2,6,23,.08)}.toc-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:12px}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.toc-list a{color:#4b5563;font-size:13px;line-height:1.5;transition:color .15s ease}.toc-list a:hover{color:var(--primary)}.toc-list li.d3{padding-left:12px}@media(min-width:1024px){.content-with-toc{grid-template-columns:minmax(0,1fr) 260px}.toc{display:block}}.prose{max-width:72ch;font-size:16px;line-height:1.8}.prose h2{font-size:24px;font-weight:700;margin:48px 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(2,6,23,.06);color:#111827;letter-spacing:-.01em}.prose h3{font-size:20px;font-weight:700;margin:32px 0 16px;color:#111827}.prose p{margin-bottom:24px;color:#374151}.prose ul,.prose ol{margin-bottom:24px;padding-left:1.5em;color:#374151}.prose li{margin-bottom:8px}.prose strong{font-weight:700;color:#111827}.prose code{background:#0206170d;padding:2px 6px;border-radius:4px;font-size:.9em;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.prose a{color:var(--primary);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#e11d484d}.prose a:hover{text-decoration-color:var(--primary)}.prose a.btn,.prose a.btn:hover,.prose a.card-link,.prose a.card-link:hover{text-decoration:none}.prose a.btn{font-weight:600}.prose a.btn.btn-primary{color:#fff}.prose a.btn.btn-outline{color:#1f2937}.prose a.btn.btn-ghost{color:#4b5563}.site-footer{border-top:1px solid rgba(2,6,23,.08);background:#fafafa;padding:64px 0 32px}.footer-inner{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:16px;max-width:400px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{height:32px;width:auto}.footer-logo-text{font-size:20px;font-weight:700;background:linear-gradient(90deg,#e11d48,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-desc{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px;font-weight:500;color:#4b5563}@media(min-width:640px){.footer-links{flex-direction:row;gap:24px;align-items:center}}.footer-links a:hover{color:var(--primary)}.footer-sep{display:none}@media(min-width:640px){.footer-sep{display:inline;color:#02061726}}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(2,6,23,.08);color:#9ca3af;font-size:13px;text-align:center}.desktop{display:none}.mobile-menu{display:inline-block;position:relative}.icon-btn{list-style:none;border:1px solid rgba(2,6,23,.08);background:#fff;border-radius:8px;padding:8px;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;right:0;top:50px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:12px;padding:16px;box-shadow:var(--shadow-xl);z-index:100}.mobile-links{display:flex;flex-direction:column;gap:4px}.mobile-links a{padding:12px 16px;border-radius:8px;font-weight:600;color:#374151}.mobile-links a:hover{background:#f9fafb;color:var(--primary)}.mobile-ctas{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(2,6,23,.06)}@media(min-width:640px){:root{--header-h: 80px}.logo img{height:40px}}@media(min-width:900px){.desktop{display:flex}.mobile-menu{display:none}}.card-modern{grid-column:span 12;background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s ease}.card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px -8px #02061714;border-color:#0206171f}.card-modern[data-color=blue]:hover:before{background:#2563eb}.card-modern[data-color=purple]:hover:before{background:#7e22ce}.card-modern[data-color=pink]:hover:before{background:#db2777}.feature-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s ease}.card-modern:hover .feature-icon-wrapper{transform:scale(1.1) rotate(-3deg)}.feature-icon-svg{width:28px;height:28px;stroke-width:2}.card-title-group{margin-bottom:12px}.card-modern h2{margin:0;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#111827}.card-subtitle{display:block;margin-top:6px;font-size:13px;font-weight:600;color:#02061780}.card-modern p{color:#4b5563;font-size:15px;line-height:1.7;margin-bottom:24px}.card-link-box{margin-top:auto;display:flex;align-items:center;font-weight:600;font-size:14px}.card-modern[data-color=orange]:hover:before{background:#ea580c}.card-modern[data-color=teal]:hover:before{background:#0d9488}