:root{--color-bg:#fbfcfe;--color-bg-elevated:#fff;--color-bg-subtle:#f3f6fb;--color-bg-section:#eef2f9;--color-text:#1b2233;--color-text-secondary:#4b5568;--color-text-muted:#6b7280;--color-brand:#4258a1;--color-brand-hover:#354887;--color-brand-soft:#5b6fbf;--color-brand-light:#e8ecf8;--color-brand-lighter:#f2f4fb;--color-border:#d5dceb;--color-border-light:#e6ebf4;--color-success:#1d6b4c;--color-success-bg:#e7f6ef;--color-warning:#8a5a12;--color-warning-bg:#fef6e8;--color-pending:#5b6475;--color-pending-bg:#eef1f5;--color-focus:#4258a1;--color-footer-bg:#2d3750;--color-footer-text:#e4e8f2;--color-footer-muted:#a8b0c4;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;--max-width:1040px;--content-max-width:44rem;--header-height:3.75rem;--radius:14px;--radius-sm:10px;--radius-lg:18px;--shadow-soft:0 1px 2px #1b22330a, 0 6px 18px #4258a10f;--shadow-lift:0 4px 8px #1b22330d, 0 12px 28px #4258a11a;--transition:.18s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.7}#root{flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;height:auto}a{color:var(--color-brand);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--color-brand-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3,h4{color:var(--color-text);margin:0 0 .75rem;font-weight:700;line-height:1.35}p{color:var(--color-text-secondary);margin:0 0 1rem}ul{color:var(--color-text-secondary);margin:0 0 1rem;padding-left:1.25rem}li+li{margin-top:.4rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-main{flex:1;width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.brand-mark{align-items:center;gap:.45rem;display:inline-flex}.brand-mark__icon{background:linear-gradient(145deg, var(--color-brand) 0%, var(--color-brand-soft) 100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;display:inline-flex}.brand-mark__icon svg{width:.95rem;height:.95rem;display:block}.brand-mark__text{letter-spacing:.01em;color:var(--color-brand);font-size:1.2rem;font-weight:700}.brand-mark--inverted .brand-mark__icon{color:#fff;background:#ffffff24}.brand-mark--inverted .brand-mark__text{color:#fff}.sakutio-header-fallback{min-height:var(--header-height);font-family:var(--font-sans);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.55rem 1.25rem;display:flex}.sakutio-header-fallback a{color:var(--color-brand);margin-right:1rem;text-decoration:none}.sakutio-header-fallback nav{flex-wrap:wrap;gap:.35rem 1rem;display:inline-flex}.btn{border-radius:var(--radius-sm);cursor:pointer;min-height:2.85rem;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.35rem;font-family:inherit;font-size:.975rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #1b22330f}.btn--lg{min-height:3rem;padding:.75rem 1.5rem;font-size:1rem}.btn--block{width:100%}.btn--primary{background:linear-gradient(180deg, var(--color-brand-soft) 0%, var(--color-brand) 100%);color:#fff;border-color:#0000}.btn--primary:hover{background:linear-gradient(180deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);color:#fff;box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-brand);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-brand-light);color:var(--color-brand-hover);border-color:#c5cee3;transform:translateY(-1px)}.btn:disabled,.btn--disabled{background:var(--color-pending-bg);color:var(--color-text-muted);border-color:var(--color-border);box-shadow:none;cursor:not-allowed;pointer-events:none;opacity:.92}.btn:disabled:hover,.btn--disabled:hover{background:var(--color-pending-bg);color:var(--color-text-muted);box-shadow:none;transform:none}.hero{background:radial-gradient(ellipse 70% 80% at 90% 10%, #5b6fbf24, transparent 55%), radial-gradient(ellipse 50% 60% at 5% 90%, #4258a114, transparent 50%), linear-gradient(180deg, #eef2fb 0%, var(--color-bg) 100%);padding:2.25rem 0 1.75rem;position:relative;overflow:hidden}.hero__inner{grid-template-columns:1fr;align-items:center;gap:1.75rem;display:grid}@media (width>=860px){.hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem}}.hero__brand{color:var(--color-brand);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.85rem,4vw,2.35rem)}.hero__subtitle{color:var(--color-text-secondary);margin:0 0 .85rem;font-size:1.02rem;font-weight:500}.hero__catch{color:var(--color-text);letter-spacing:-.01em;margin:0 0 .7rem;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:700}.hero__desc{max-width:34rem;margin:0 0 1.35rem}.hero-visual{min-height:11rem;padding:.75rem;position:relative}.hero-visual__glow{pointer-events:none;background:radial-gradient(circle,#5b6fbf2e,#0000 70%);border-radius:50%;position:absolute;inset:10% 12%}.hero-visual__grid{grid-template-columns:1.2fr .9fr;gap:.75rem;display:grid;position:relative}.hero-mini-card{border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffe6;padding:.95rem 1rem}.hero-mini-card--image{grid-column:1/-1}.hero-mini-card--notify{transform:translateY(.15rem)}.hero-mini-card--media{transform:translateY(-.15rem)}.hero-mini-card__flow{color:var(--color-brand);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.55rem;display:flex}.hero-mini-card__label{color:var(--color-text-muted);margin:0;font-size:.82rem;font-weight:600}.hero-chip{background:var(--color-brand-lighter);border:1px solid var(--color-border-light);color:var(--color-brand);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-chip--accent{background:var(--color-brand-light)}.hero-icon-box{background:var(--color-brand-lighter);border:1px solid var(--color-border-light);width:2rem;height:2rem;color:var(--color-brand);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.hero-icon-box--accent{background:var(--color-brand-light)}.hero-new-badge{background:var(--color-success-bg);color:var(--color-success);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.format-flow{justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.format-flow--tool{width:100%}.format-flow__arrow{color:var(--color-brand-soft);flex-shrink:0}.format-side{flex-direction:column;flex:1 1 0;gap:.15rem;min-width:0;display:flex}.format-side--out{text-align:left}.format-side__role{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#fff;border-radius:999px;align-self:flex-start;padding:.05rem .4rem;font-size:.68rem;font-weight:700;line-height:1.35;display:inline-block}.format-side--out .format-side__role{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.format-side__main-row{min-width:0;color:var(--color-brand);align-items:center;gap:.3rem;display:flex}.format-side__main-row svg{flex-shrink:0}.format-side__main{color:var(--color-text);overflow-wrap:anywhere;font-size:.8rem;font-weight:700;line-height:1.35}.format-side__sub{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.68rem;font-weight:600;line-height:1.35;display:block}@media (width<=859px){.hero-visual{max-width:26rem;min-height:0;margin:0 auto;padding:0}}.section{padding:3rem 0}.section--alt{background:linear-gradient(180deg, var(--color-bg-section) 0%, #f5f7fc 100%)}.section__title{align-items:center;gap:.55rem;margin-bottom:1.35rem;font-size:clamp(1.3rem,2.4vw,1.55rem);display:flex}.section__title-icon{background:var(--color-brand-light);width:2rem;height:2rem;color:var(--color-brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.section__title-icon svg{display:block}.section__lead{max-width:42rem;margin-bottom:1.5rem}.tool-grid{grid-template-columns:1fr;align-items:stretch;gap:1.25rem;display:grid}@media (width>=700px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;height:100%;box-shadow:var(--shadow-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;padding:1.2rem;display:flex}.tool-card--available{box-shadow:var(--shadow-soft), 0 0 0 1px #4258a10a;border-color:#c5d0ea}.tool-card--available:hover{box-shadow:var(--shadow-lift);border-color:#b4c0df;transform:translateY(-2px)}.tool-card--muted{background:#fbfcfe}.tool-visual{border-radius:var(--radius);background:linear-gradient(145deg, var(--color-brand-lighter) 0%, #eef1f9 100%);border:1px solid var(--color-border-light);margin-bottom:1rem;padding:.85rem .75rem}.tool-visual__stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.tool-visual__node{border:1px solid var(--color-border);width:3rem;height:3rem;color:var(--color-brand);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 1px 2px #1b22330a}.tool-visual__node--accent{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.tool-visual__arrow{color:var(--color-brand-soft);flex-shrink:0}.tool-visual__tag{white-space:nowrap;border:1px solid var(--color-border);color:var(--color-text-secondary);background:#fff;border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.62rem;font-weight:700;line-height:1.3;display:inline-flex;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.tool-visual__tag--soft{color:var(--color-brand)}.tool-visual__tag--new{background:var(--color-success-bg);color:var(--color-success);letter-spacing:.04em;border-color:#c6e8d6}.tool-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.85rem 0 .55rem;display:flex}.tool-card__category{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.tool-card__name{overflow-wrap:anywhere;margin:0 0 .55rem;font-size:1.12rem}.tool-card__desc{overflow-wrap:anywhere;margin-bottom:.9rem;font-size:.94rem}.tool-card__features{flex:1;margin:0 0 1.25rem;padding:0;font-size:.9rem;list-style:none}.tool-card__features li{align-items:flex-start;gap:.45rem;margin:0;display:flex}.tool-card__features li+li{margin-top:.45rem}.tool-card__check{color:var(--color-brand);flex-shrink:0;margin-top:.15rem}.tool-card--muted .tool-card__check{color:var(--color-text-muted)}.tool-card__actions{margin-top:auto}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.74rem;font-weight:700;line-height:1.4;display:inline-flex}.badge--available{background:var(--color-success-bg);color:var(--color-success)}.badge--preparing{background:var(--color-warning-bg);color:var(--color-warning)}.badge--planned{background:var(--color-pending-bg);color:var(--color-pending)}.feature-list{grid-template-columns:1fr;gap:1rem;margin-top:.25rem;display:grid}@media (width>=700px){.feature-list{grid-template-columns:repeat(3,1fr)}}.feature-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius);height:100%;box-shadow:var(--shadow-soft);padding:1.15rem 1.1rem}.feature-item__icon{background:var(--color-brand-light);width:2.5rem;height:2.5rem;color:var(--color-brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.feature-item__title{color:var(--color-brand);margin:0 0 .4rem;font-size:1.02rem}.feature-item__text{margin:0;font-size:.925rem}.news-list{background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.news-item{border-bottom:1px solid var(--color-border-light);grid-template-columns:auto minmax(7rem,auto) 1fr;align-items:start;gap:.65rem .9rem;padding:1rem 1.1rem;display:grid}.news-item:last-child{border-bottom:none}.news-item__icon{background:var(--color-brand-lighter);width:1.85rem;height:1.85rem;color:var(--color-brand);border-radius:9px;justify-content:center;align-items:center;margin-top:.05rem;display:inline-flex}.news-item__date{color:var(--color-text-muted);padding-top:.2rem;font-size:.9rem;font-weight:600}.news-item__title{color:var(--color-text);margin:0;padding-top:.15rem;font-size:.975rem}@media (width<=560px){.news-item{grid-template-columns:auto 1fr}.news-item__date,.news-item__title{grid-column:2}}.page-header{background:radial-gradient(ellipse 60% 80% at 100% 0%, #5b6fbf1a, transparent 55%), linear-gradient(180deg, var(--color-bg-subtle) 0%, var(--color-bg) 100%);border-bottom:1px solid var(--color-border-light);padding:2rem 0 1.35rem}.page-header__inner{align-items:flex-start;gap:.9rem;display:flex}.page-header__icon{background:var(--color-brand-light);width:3rem;height:3rem;color:var(--color-brand);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-header__title{margin:0;font-size:clamp(1.4rem,3vw,1.75rem)}.page-header__meta{color:var(--color-text-muted);white-space:pre-line;margin:.45rem 0 0;font-size:.9rem}.content-page{padding:2.25rem 0 3.25rem}.content-page__inner{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.content-page section{margin-bottom:2.15rem}.content-page h2{border-bottom:1px solid var(--color-border-light);margin-bottom:.75rem;padding-bottom:.45rem;font-size:1.12rem}.content-page p{line-height:1.8}.content-page p:last-child,.content-page ul:last-child{margin-bottom:0}.content-page ul{padding-left:1.15rem}.content-page li+li{margin-top:.5rem}.contact-cta{margin-top:1.5rem}.contact-cta__hint{color:var(--color-text-muted);margin:.65rem 0 0;font-size:.85rem}.note-box{background:var(--color-brand-lighter);border-left:3px solid var(--color-brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.25rem 0 0;padding:1rem 1.15rem}.note-box p{margin:0;font-size:.95rem}.not-found{text-align:center;padding:4.5rem 0}.not-found__icon{background:var(--color-brand-light);width:4.25rem;height:4.25rem;color:var(--color-brand);border-radius:18px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.not-found__title{font-size:clamp(1.5rem,3vw,1.85rem)}.not-found__text{margin-bottom:1.5rem}.site-footer{background:linear-gradient(180deg, #36425d 0%, var(--color-footer-bg) 100%);color:var(--color-footer-text);margin-top:auto;padding:2.15rem 0 1.6rem}.site-footer a{color:var(--color-footer-text);transition:color var(--transition);text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer__brand{margin:0 0 .45rem}.site-footer__tagline{color:var(--color-footer-muted);margin:0 0 1.25rem;font-size:.9rem}.site-footer__nav{flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.5rem;display:flex}.site-footer__nav a{font-size:.9rem}.site-footer__copy{color:var(--color-footer-muted);border-top:1px solid #ffffff1f;margin:0;padding-top:1rem;font-size:.85rem}@media (width<=480px){.hero{padding:1.75rem 0 1.35rem}.section{padding:2.35rem 0}.container{padding:0 1rem}.tool-card{padding:1.05rem}}