:root{--color-brand: #102033;--color-brand-hover: #1B314D;--color-accent: #1F4E79;--color-accent-hover: #183D5F;--color-accent-light: #E8F1F8;--color-accent-border: #B7CBE0;--color-gray-100: #F8F9FA;--color-gray-700: #495057;--color-white: #FFFFFF;--color-text: #102033;--color-text-muted: #5F6368;--color-text-soft: #7A7F89;--color-page: #F6F7F9;--color-surface: #FFFFFF;--color-surface-muted: #F8F9FA;--color-surface-raised: #FFFFFF;--color-border: #E0E3EA;--color-border-strong: #C8CDD8;--color-focus-ring: rgba(31, 78, 121, .26);--color-success: #15803D;--color-success-soft: #DCFCE7;--color-success-border: #BBF7D0;--color-info: #1D4ED8;--color-info-soft: #DBEAFE;--color-info-border: #BFDBFE;--color-warning: #92400E;--color-warning-soft: #FEF3C7;--color-warning-border: #FDE68A;--color-danger: #B42318;--color-danger-soft: #FEE4E2;--color-page-wash: rgba(232, 241, 248, .56);--color-page-wash-end: rgba(246, 247, 249, 0);--color-header-border: rgba(224, 227, 234, .82);--color-header-bg: rgba(255, 255, 255, .92);--color-footer-text: rgba(255, 255, 255, .78);--color-footer-copy: rgba(255, 255, 255, .68);--color-footer-link: rgba(255, 255, 255, .72);--color-footer-divider: rgba(255, 255, 255, .12);--font-sans: Inter, Pretendard, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--line-tight: 1.18;--line-snug: 1.35;--line-base: 1.65;--line-loose: 1.78;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-width: 1120px;--container-narrow: 760px;--section-padding: 4rem;--section-padding-compact: 2.75rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 32, 51, .06);--shadow-md: 0 12px 36px rgba(16, 32, 51, .1);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--z-header: 50}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--color-page);scroll-behavior:smooth}body{min-height:100%;margin:0;color:var(--color-text);background:var(--color-page);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-base);text-rendering:optimizeLegibility}body.fp-body{min-width:320px}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--color-brand)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;box-shadow:var(--shadow-focus)}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}code{padding:.12em .32em;border-radius:var(--radius-xs);background:var(--color-gray-100);color:var(--color-brand);font-family:var(--font-mono);font-size:.92em}::selection{color:var(--color-brand);background:var(--color-accent-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-white);font-size:var(--text-sm);font-weight:800;text-decoration:none;transform:translateY(-160%)}.fp-skip-link:focus-visible{transform:translateY(0)}.fp-page-shell{min-height:100vh;background:linear-gradient(180deg,var(--color-page-wash) 0,var(--color-page-wash-end) 340px),var(--color-page)}.fp-main{min-height:56vh}.fp-preview-return{padding-top:var(--space-6);margin-bottom:calc(-1 * var(--space-5))}.fp-container{width:min(var(--container-width),calc(100% - 40px));margin-inline:auto}.fp-container--narrow{width:min(var(--container-narrow),calc(100% - 40px))}.fp-section{padding-block:var(--section-padding)}.fp-section--compact{padding-block:var(--section-padding-compact)}.fp-section--muted{background:var(--color-surface-muted)}.fp-section__header{display:grid;gap:var(--space-2);max-width:720px;margin-bottom:var(--space-8)}.fp-section__eyebrow{margin:0;color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:0;text-transform:uppercase}.fp-section__title{margin:0;color:var(--color-brand);font-size:var(--text-2xl);line-height:var(--line-tight)}.fp-section__description{max-width:640px;margin:0;color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--line-base)}.fp-header{position:sticky;top:0;z-index:var(--z-header);border-bottom:1px solid var(--color-header-border);background:var(--color-header-bg);backdrop-filter:blur(14px)}.fp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px}.fp-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-brand);font-size:var(--text-sm);font-weight:850;text-decoration:none}.fp-brand__mark{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.fp-header__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.fp-nav-link,.fp-locale-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:700;text-decoration:none;white-space:nowrap}.fp-nav-link:hover,.fp-locale-link:hover{background:var(--color-gray-100);color:var(--color-brand)}.fp-nav-link[aria-current=page],.fp-locale-link[aria-current=page]{background:var(--color-accent-light);color:var(--color-accent)}.fp-header__actions{display:flex;align-items:center;gap:var(--space-2)}.fp-locale-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white)}.fp-locale-link{min-height:28px;padding-inline:8px;font-size:.72rem}.fp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;max-width:100%;border:1px solid transparent;border-radius:var(--radius-md);font-weight:800;line-height:1.1;text-align:center;text-decoration:none;white-space:normal;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.fp-button:hover{transform:translateY(-1px)}.fp-button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-sm)}.fp-button--primary:hover{background:var(--color-accent-hover);color:var(--color-white)}.fp-button--secondary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-white)}.fp-button--secondary:hover{background:var(--color-brand-hover);color:var(--color-white)}.fp-button--ghost{border-color:var(--color-border-strong);background:var(--color-white);color:var(--color-brand)}.fp-button--ghost:hover{border-color:var(--color-brand);color:var(--color-brand)}.fp-button--subtle{border-color:var(--color-accent-light);background:var(--color-accent-light);color:var(--color-accent)}.fp-button--subtle:hover{border-color:var(--color-accent-border);color:var(--color-accent)}.fp-button--sm{min-height:34px;padding:0 var(--space-3);font-size:var(--text-xs)}.fp-button--md{min-height:42px;padding:0 var(--space-4);font-size:var(--text-sm)}.fp-button--lg{min-height:48px;padding:0 var(--space-5);font-size:var(--text-md)}.fp-cta-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.fp-card{display:grid;gap:var(--space-3);height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-brand);text-decoration:none;box-shadow:var(--shadow-sm)}.fp-card[href]:hover{border-color:var(--color-border-strong);color:var(--color-brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.fp-card--feature{background:linear-gradient(180deg,var(--color-white),var(--color-gray-100))}.fp-card--plugin{border-style:dashed}.fp-card--roadmap{background:var(--color-gray-100)}.fp-card__eyebrow{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.fp-card__title{margin:0;color:var(--color-brand);font-size:var(--text-lg);line-height:var(--line-snug)}.fp-card__description{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-base)}.fp-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);color:var(--color-accent);font-size:var(--text-sm);font-weight:800}.fp-tag,.fp-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:800;line-height:1.1;white-space:normal}.fp-tag{min-height:24px;padding:0 var(--space-3);font-size:var(--text-xs)}.fp-badge{min-height:22px;padding:0 var(--space-2);font-size:.68rem;text-transform:uppercase}.fp-tag--use-case,.fp-badge--use-case{border-color:var(--color-accent-border);background:var(--color-accent-light);color:var(--color-accent)}.fp-tag--guide,.fp-badge--guide{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.fp-tag--update,.fp-badge--update{border-color:var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning)}.fp-tag--roadmap,.fp-badge--roadmap,.fp-badge--later{border-color:var(--color-border-strong);background:var(--color-gray-100);color:var(--color-gray-700)}.fp-tag--product,.fp-badge--product,.fp-badge--next{border-color:var(--color-info-border);background:var(--color-info-soft);color:var(--color-info)}.fp-tag--plugin,.fp-badge--plugin,.fp-badge--now{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.fp-inline-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--text-sm);font-weight:800;text-decoration:none}.fp-inline-link:hover{color:var(--color-brand)}.fp-footer{border-top:1px solid var(--color-border);background:var(--color-brand);color:var(--color-footer-text)}.fp-footer__inner{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(0,2fr);gap:var(--space-10);padding-block:var(--space-12)}.fp-footer__brand{display:grid;gap:var(--space-4);align-content:start}.fp-footer__brand .fp-brand{color:var(--color-white)}.fp-footer__copy{max-width:360px;margin:0;color:var(--color-footer-copy);font-size:var(--text-sm)}.fp-footer__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}.fp-footer__group-title{margin:0 0 var(--space-3);color:var(--color-white);font-size:var(--text-xs);font-weight:850}.fp-footer__list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.fp-footer__link{color:var(--color-footer-link);font-size:var(--text-sm);text-decoration:none}.fp-footer__link:hover{color:var(--color-white)}.fp-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--color-footer-divider);font-size:var(--text-xs)}.fp-footer__locales{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fp-footer__locale{color:var(--color-footer-link);text-decoration:none}.fp-footer__locale:hover,.fp-footer__locale[aria-current=page]{color:var(--color-white)}.fp-placeholder{display:grid;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-sm)}.fp-placeholder__kicker{margin:0;color:var(--color-accent);font-size:var(--text-xs);font-weight:850;letter-spacing:0;text-transform:uppercase}.fp-placeholder__title{max-width:760px;margin:0;color:var(--color-brand);font-size:var(--text-3xl);line-height:var(--line-tight)}.fp-placeholder__copy{max-width:680px;margin:0;color:var(--color-gray-700);font-size:var(--text-lg)}.fp-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.fp-preview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.fp-swatch{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white)}.fp-swatch__color{min-height:64px}.fp-swatch__meta{padding:var(--space-3);color:var(--color-gray-700);font-size:var(--text-xs);font-weight:800}.fp-swatch__meta span{display:block;margin-top:var(--space-2);font-family:var(--font-mono);font-weight:700}.fp-token-note{max-width:720px;margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.fp-token-table-wrap{overflow-x:auto;margin-top:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.fp-token-table{width:100%;min-width:820px;border-collapse:collapse;font-size:var(--text-sm)}.fp-token-table th,.fp-token-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-gray-700);text-align:left;vertical-align:middle}.fp-token-table th{color:var(--color-brand);font-size:var(--text-xs);font-weight:850;text-transform:uppercase}.fp-token-table tr:last-child td{border-bottom:0}.fp-token-table__swatch{display:inline-block;width:32px;height:32px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);vertical-align:middle}.fp-type-sample{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.fp-type-sample h1,.fp-type-sample h2,.fp-type-sample p{margin:0}.fp-type-sample h1{font-size:var(--text-3xl);line-height:var(--line-tight)}.fp-type-sample h2{font-size:var(--text-2xl);line-height:var(--line-snug)}.fp-type-sample p{color:var(--color-gray-700)}.fp-language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.fp-language-sample{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.fp-language-sample span{width:fit-content;padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-xs);font-weight:850}.fp-language-sample h3,.fp-language-sample p{margin:0}.fp-language-sample h3{color:var(--color-brand);font-size:var(--text-xl);line-height:var(--line-snug)}.fp-language-sample p{color:var(--color-gray-700);font-size:var(--text-sm);line-height:var(--line-base)}.fp-roadmap-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.fp-roadmap-column{display:grid;gap:var(--space-3);align-content:start}.fp-roadmap-column__title{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-gray-700);font-size:var(--text-sm)}.fp-roadmap-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-accent)}.fp-roadmap-dot--now{background:var(--color-success)}.fp-roadmap-dot--next{background:var(--color-info)}.fp-roadmap-dot--later{background:var(--color-text-soft)}.fp-tracking-example{overflow-x:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-brand);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-sm)}@media(max-width:980px){.fp-header__inner{flex-wrap:wrap;padding-block:var(--space-3)}.fp-header__nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-1)}.fp-preview-grid,.fp-preview-grid--two,.fp-language-grid,.fp-roadmap-columns{grid-template-columns:1fr}.fp-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-footer__inner,.fp-footer__groups{grid-template-columns:1fr 1fr}}@media(max-width:640px){:root{--section-padding: 3rem;--section-padding-compact: 2rem}.fp-container,.fp-container--narrow{width:min(100% - 32px,var(--container-width))}.fp-header__actions{width:100%;justify-content:space-between}.fp-button{min-width:0}.fp-placeholder{padding:var(--space-5)}.fp-placeholder__title{font-size:var(--text-2xl)}.fp-placeholder__copy{font-size:var(--text-md)}.fp-swatch-grid,.fp-language-grid,.fp-footer__inner,.fp-footer__groups{grid-template-columns:1fr}.fp-footer__bottom{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}