:root{--bg:#f0ede8;--surface:#fff;--raised:#f4f1ea;--line:#28262229;--line-soft:#2826221a;--text:#232327;--muted:#5c5c61;--subtle:#6e6e74;--shu:#d4001f;--shu-ink:#c1001c;--shu-dark:#a8001a;--hagane:#2e2e2e;--hagane-ink:#3a3a3e;--m:"Shippori Mincho B1", serif;--d:"Anton", sans-serif;--mono:"JetBrains Mono", monospace;--sans:"Noto Sans JP", sans-serif;--t-sm:clamp(.8rem, .9vw, .875rem);--t-base:clamp(.95rem, 1vw, 1rem);--t-lg:clamp(1.1rem, 1.4vw, 1.3rem);--t-2xl:clamp(1.5rem, 2.4vw, 2rem);--t-3xl:clamp(1.9rem, 3.4vw, 2.6rem);--t-hero:clamp(2.3rem, 5.4vw, 4rem);--r:8px;--r-sm:6px;--ease:cubic-bezier(.2, .7, .2, 1);--wrap:1180px;--wrap-narrow:920px;--pad:clamp(20px, 5vw, 56px)}*,:before,:after{box-sizing:border-box;min-width:0;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere;line-break:strict;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.85;overflow-x:hidden}@supports (word-break:auto-phrase){h1,h2,h3,h4{word-break:auto-phrase}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit}::selection{color:#fff;background:#d4001fd9}.wrap{max-width:var(--wrap);padding:0 var(--pad);margin:0 auto}.wrap-narrow{max-width:var(--wrap-narrow);padding:0 var(--pad);margin:0 auto}.section{padding:clamp(64px,9vw,112px) 0}.div{background:var(--line);border:0;height:1px}.m{font-family:var(--m)}.d{font-family:var(--d);text-transform:uppercase}.mono{font-family:var(--mono)}.accent{color:var(--shu-ink)}.blueprint{background-image:linear-gradient(#2826220d 1px,#0000 1px),linear-gradient(90deg,#2826220d 1px,#0000 1px);background-size:60px 60px}.eyebrow{font-family:var(--d);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.eyebrow .sep{color:var(--shu)}.meta{font-family:var(--mono);letter-spacing:.1em;color:var(--subtle);font-size:11px}.sec-head{max-width:720px}.sec-kicker{font-family:var(--mono);letter-spacing:.2em;color:var(--subtle);margin-bottom:14px;font-size:11px;display:block}.sec-title{font-family:var(--m);font-size:var(--t-3xl);letter-spacing:.03em;font-weight:700;line-height:1.35}.sec-title em{color:var(--shu-ink);font-style:normal}.sec-sub{color:var(--muted);font-weight:300;font-size:var(--t-base);margin-top:16px;line-height:1.95}.btn{background:var(--shu);color:#fff;border-radius:var(--r);cursor:pointer;transition:background .2s var(--ease), transform .2s var(--ease);border:0;align-items:center;gap:9px;padding:13px 26px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--shu-dark);transform:translateY(-1px)}.btn-line{font-family:var(--mono);letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--line);transition:border-color .2s var(--ease), color .2s var(--ease);align-items:center;gap:7px;padding-bottom:3px;font-size:12px;display:inline-flex}.btn-line:hover{border-color:var(--shu);color:var(--shu-ink)}:focus-visible{outline:2px solid var(--shu-ink);outline-offset:3px;border-radius:var(--r-sm)}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f8f5f0d1;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--wrap);padding:13px var(--pad);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.nav-logo{letter-spacing:.03em;align-items:center;gap:11px;font-size:15px;font-weight:500;display:flex}.nav-logo .sub{font-family:var(--mono);color:var(--subtle);letter-spacing:.04em;font-size:10px}.nav-links{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);align-items:center;gap:24px;font-size:12px;list-style:none;display:none}@media (min-width:820px){.nav-links{display:flex}}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--shu);color:#fff;font-family:var(--sans);border-radius:var(--r-sm);padding:8px 16px;font-weight:500}.nav-cta:hover{background:var(--shu-dark)}.menu-btn{color:var(--text);cursor:pointer;background:0 0;border:0;display:inline-flex}@media (min-width:820px){.menu-btn{display:none}}.menu-panel{padding:16px var(--pad) 22px;border-bottom:1px solid var(--line);background:var(--surface);font-family:var(--mono);flex-direction:column;gap:14px;font-size:13px;display:flex}.hero{padding:132px 0 64px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:44px;display:grid}@media (min-width:920px){.hero-grid{grid-template-columns:1.04fr .96fr;gap:40px}}.hero-eyebrow{margin-bottom:22px}.hero-h1{font-family:var(--m);font-weight:700;font-size:var(--t-hero);letter-spacing:.03em;line-height:1.4}.hero-h1 em{color:var(--shu-ink);font-style:normal}.hero-sub{color:var(--muted);font-weight:300;font-size:var(--t-base);max-width:460px;margin:24px 0 32px;line-height:1.95}.hero-sub .shu{color:var(--shu-ink)}.hero-sub .kou{color:var(--hagane-ink)}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.vtxt{writing-mode:vertical-rl;font-family:var(--m);letter-spacing:.5em;color:#ede8e11f;pointer-events:none;font-size:13px;position:absolute;top:120px;right:14px}.blades line{stroke-linecap:round}.blades .draw{stroke-dasharray:30;stroke-dashoffset:30px;animation:blade-draw .8s var(--ease) forwards}.blades .draw.d2{animation-delay:.18s}@keyframes blade-draw{to{stroke-dashoffset:0}}.gorin{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gorin-inner{max-width:var(--wrap);padding:0 var(--pad);flex-wrap:wrap;align-items:stretch;margin:0 auto;display:flex}.gorin-item{font-family:var(--mono);color:var(--muted);border-right:1px solid var(--line);align-items:center;gap:9px;padding:14px 20px;font-size:12px;display:flex}.gorin-item:last-child{border-right:0}.gorin-item .k{color:var(--shu);font-family:var(--m);font-size:14px}.gorin-note{color:var(--subtle);margin-left:auto;font-style:italic}.niten-grid{grid-template-columns:1fr;display:grid}@media (min-width:760px){.niten-grid{grid-template-columns:1fr 1fr}}.niten-col{border-top:2px solid var(--line);padding:34px clamp(20px,4vw,44px)}.niten-col+.niten-col{border-left:1px solid var(--line)}.niten-col.ichi{border-top-color:var(--shu)}.niten-col.ni{border-top-color:var(--hagane)}.niten-tag{font-family:var(--mono);letter-spacing:.1em;margin-bottom:10px;font-size:11px}.niten-col.ichi .niten-tag{color:var(--shu-ink)}.niten-col.ni .niten-tag{color:var(--hagane-ink)}.niten-verb{font-family:var(--m);font-size:var(--t-2xl);margin-bottom:10px;font-weight:700}.niten-desc{color:var(--muted);font-weight:300;font-size:var(--t-sm);line-height:1.95}.bento{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (min-width:760px){.bento{grid-template-columns:1.5fr 1fr}}.bento-card{background:var(--bg);padding:28px clamp(20px,3vw,32px)}.bento-card.lg{flex-direction:column;grid-row:span 2;justify-content:space-between;display:flex}@media (max-width:759px){.bento-card.lg{grid-row:auto}}.bento-num{font-family:var(--mono);color:var(--shu-ink);letter-spacing:.1em;font-size:11px}.bento-title{font-family:var(--m);font-size:var(--t-lg);margin:12px 0 8px}.bento-desc{color:var(--muted);font-weight:300;font-size:var(--t-sm);line-height:1.9}.bento-tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.tag{font-family:var(--mono);color:var(--hagane-ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 9px;font-size:11px}.work-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:820px){.work-grid{grid-template-columns:1fr 1.1fr;align-items:center}}.steps{grid-template-columns:1fr;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:64px 1fr;gap:20px;padding:26px 0;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step-k{font-family:var(--m);font-size:var(--t-2xl);color:var(--shu);line-height:1}.step-k .en{font-family:var(--mono);color:var(--subtle);letter-spacing:.12em;margin-top:6px;font-size:10px;display:block}.step-t{font-family:var(--m);font-size:var(--t-lg);margin-bottom:6px}.step-d{color:var(--muted);font-weight:300;font-size:var(--t-sm);line-height:1.9}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{text-align:left;cursor:pointer;width:100%;color:var(--text);font-family:var(--sans);font-weight:500;font-size:var(--t-base);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.faq-q .sign{font-family:var(--mono);color:var(--shu-ink);transition:transform .3s var(--ease)}.faq-q[aria-expanded=true] .sign{transform:rotate(45deg)}.faq-a{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .35s var(--ease);overflow:hidden}.faq-a-inner{color:var(--muted);font-weight:300;font-size:var(--t-sm);padding-bottom:22px;line-height:1.95}.cta{border-top:1px solid var(--line)}.cta-inner{text-align:center;padding:clamp(56px,8vw,96px) 0}.cta-h{font-family:var(--m);font-size:var(--t-3xl);letter-spacing:.03em;font-weight:700;line-height:1.4}.cta-h em{color:var(--shu-ink);font-style:normal}.cta-sub{color:var(--muted);margin:16px 0 32px;font-weight:300}.footer{border-top:1px solid var(--line);padding:48px 0 28px}.footer-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:760px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer h4{font-family:var(--mono);letter-spacing:.14em;color:var(--subtle);margin-bottom:12px;font-size:11px;font-weight:400}.footer-links{font-size:var(--t-sm);color:var(--muted);flex-direction:column;gap:9px;list-style:none;display:flex}.footer-links a:hover{color:var(--text)}.footer-desc{color:var(--muted);font-weight:300;font-size:var(--t-sm);max-width:320px;line-height:1.85}.footer-copy{font-family:var(--mono);color:var(--subtle);text-align:center;margin-top:40px;font-size:11px}.seal{border-radius:var(--r-sm);background:var(--shu);color:#fff;width:30px;height:30px;font-family:var(--m);writing-mode:vertical-rl;letter-spacing:1px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.seal.sm{width:26px;height:26px;font-size:11px}.ui{background:var(--surface);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 22px 48px -30px #28262247}.ui:before{content:"";background:var(--shu);width:46px;height:3px;position:absolute;top:0;left:0}.ui-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.ui-bar .t{font-family:var(--mono);color:var(--hagane-ink);font-size:11.5px}.ui-bar .live{font-family:var(--mono);color:var(--shu-ink);font-size:10px}.ui-body{display:flex}.ui-side{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;width:42px;padding:11px 0;display:flex}.ui-side i{background:var(--line);border-radius:4px;width:16px;height:16px;display:block}.ui-side i.on{background:var(--shu)}.ui-main{flex:1;padding:13px}.ui-stats{gap:9px;margin-bottom:12px;display:flex}.ui-stat{background:var(--raised);border-radius:var(--r-sm);flex:1;padding:9px 11px}.ui-stat .l{font-family:var(--mono);color:var(--subtle);font-size:9px}.ui-stat .v{font-family:var(--mono);font-size:16px}.ui-chart{align-items:flex-end;gap:6px;height:50px;margin-bottom:11px;display:flex}.ui-chart span{background:var(--line);border-radius:2px;flex:1}.ui-chart span.on{background:var(--shu)}.ui-rows{font-family:var(--mono);color:var(--muted);font-size:10px}.ui-rows .r{border-top:1px solid var(--line);justify-content:space-between;padding:5px 0;display:flex}.ui-rows .r .ship{color:var(--shu-ink)}.ui-rows .r .done{color:var(--subtle)}.demo{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:16px}.demo .field{margin-bottom:12px}.demo .field .l{font-family:var(--mono);color:var(--subtle);margin-bottom:6px;font-size:10px;display:block}.demo .field .box{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);background:var(--bg);padding:9px 11px;font-size:13px}.demo .chips{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.demo .chips .c{font-family:var(--mono);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--hagane-ink);padding:5px 9px;font-size:11px}.demo .chips .c.on{border-color:var(--shu);color:var(--shu-ink);background:#d4001f14}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(12px)}.reveal.in{opacity:1;transform:none}.field-l{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.input{width:100%;font-family:var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font-size:15px}.input:focus{border-color:var(--shu);outline:none}textarea.input{resize:vertical;min-height:140px;line-height:1.8}.hp{opacity:0;width:0;height:0;position:absolute;left:-9999px}.form-note{font-family:var(--mono);color:var(--subtle);margin-top:12px;font-size:11px}.form-err{color:var(--shu-ink);margin-top:14px;font-size:13px}.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}.sr-only:focus{clip:auto;background:var(--shu);color:#fff;border-radius:var(--r-sm);z-index:100;width:auto;height:auto;padding:10px 16px;position:fixed;top:12px;left:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.blades .draw{stroke-dashoffset:0!important}}