:root{--ink:#0b0b0b;--paper:#fffefb;--blue:#0b42dd;--blue-2:#0032be;--lime:#cfff15;--line:#c8c8c8;--muted:#5b5b5b;--max:1440px;--gutter:clamp(20px, 4vw, 64px);--space:clamp(64px, 8vw, 128px);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,Helvetica Neue,Noto Sans JP,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;line-height:1.8}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button,.button{min-height:48px}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.skip-link{z-index:99;color:#fff;background:var(--blue);padding:10px 16px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--ink);z-index:30;background:#fffefbf5;grid-template-columns:minmax(230px,1fr) auto auto;align-items:stretch;min-height:76px;display:grid;position:sticky;top:0}.brand{padding:12px var(--gutter);letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:12px;font-size:25px;font-weight:900;text-decoration:none;display:flex}.brand small{letter-spacing:.01em;font-size:10px;font-weight:500;line-height:1.2;display:block}.brand-grid{grid-template-columns:1fr 1fr;gap:4px;width:38px;height:38px;display:grid}.brand-grid i{background:var(--ink);display:block}.site-header>nav{align-items:stretch;display:flex}.site-header>nav a{align-items:center;padding:0 clamp(10px,1.25vw,20px);font-size:13px;font-weight:700;text-decoration:none;display:flex}.site-header>nav a:hover{color:var(--blue);background:#f4f6ff}.header-cta{background:var(--ink);color:#fff;align-items:center;gap:24px;padding:0 28px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.header-cta:hover{background:var(--blue)}.menu-button,.mobile-nav{display:none}.wrap{width:min(100% - (2 * var(--gutter)), var(--max));margin-inline:auto}.grid-page{background-image:linear-gradient(90deg,#0b42dd21 1px,#0000 1px);background-size:calc((100vw - 2 * var(--gutter)) / 6) 100%}.hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(360px,42%) 1fr;min-height:700px;display:grid;overflow:hidden}.hero-copy{padding:clamp(72px, 9vw, 140px) var(--gutter) 72px;position:relative}.hero-copy:before{content:"";background:var(--blue);width:14px;position:absolute;top:0;bottom:38%;left:0}.hero h1{letter-spacing:-.07em;max-width:700px;margin:0;font-size:clamp(50px,5vw,88px);font-weight:950;line-height:1.04}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{margin:32px 0 18px;font-size:clamp(19px,1.7vw,25px);font-weight:800;line-height:1.6}.status-line{background:var(--lime);align-items:center;gap:10px;margin:8px 0 28px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex}.status-line:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--blue);color:var(--blue);background:var(--paper);justify-content:space-between;align-items:center;gap:42px;padding:14px 22px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:var(--blue);color:#fff}.button.lime,button.lime{border-color:var(--lime);background:var(--lime);color:var(--ink)}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}.hero-visual{background:linear-gradient(125deg,#fff 38%,#f1f4ff 100%);min-width:0;padding:112px clamp(20px,4vw,64px) 72px 16px;position:relative}.editor{border:1px solid var(--ink);background:#fff;min-height:420px;box-shadow:12px 14px #0b42dd21}.editor-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:52px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.editor-bar b{background:var(--blue);color:#fff;place-items:center;width:28px;height:28px;display:grid}.editor-canvas{padding:44px}.editor-canvas .selected{border:2px dashed #4c78ff;padding:26px}.editor-canvas h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(28px,3vw,50px);line-height:1.25}.editor-canvas p{max-width:520px}.measure-panel{border:1px solid var(--ink);width:min(280px,40%);box-shadow:8px 8px 0 var(--lime);background:#fff;position:absolute;bottom:52px;right:2vw}.measure-panel h3{background:var(--ink);color:#fff;margin:0;padding:12px 16px;font-size:12px}.event{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 16px;font-size:12px;display:flex}.section{padding:var(--space) 0;border-bottom:1px solid var(--ink)}.section.dark{background:var(--ink);color:#fff}.section.blue{background:var(--blue);color:#fff}.section-head{gap:var(--gutter);grid-template-columns:1fr 1.4fr;margin-bottom:52px;display:grid}.section-head h2,.page-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.5vw,80px);line-height:1.12}.section-head p{max-width:660px;margin:12px 0 0;font-size:18px}.cycle{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.cycle article{border-right:1px solid var(--line);min-height:280px;padding:28px}.cycle article:last-child{border-right:0}.cycle b{color:var(--blue);font-size:14px}.cycle h3{margin:14px 0;font-size:27px}.cycle-symbol{align-items:flex-end;gap:6px;height:80px;margin:24px 0;display:flex}.cycle-symbol i{background:var(--blue);width:20px;display:block}.cycle-symbol i:first-child{height:28%}.cycle-symbol i:nth-child(2){height:58%}.cycle-symbol i:nth-child(3){height:90%}.cycle-symbol i:nth-child(4){height:72%}.split-products{gap:var(--gutter);grid-template-columns:1fr 1fr;display:grid}.product-block{border:2px solid;min-height:420px;padding:clamp(30px,5vw,72px)}.product-block h3{letter-spacing:-.06em;margin:10px 0 26px;font-size:clamp(56px,7vw,104px);line-height:1}.product-block.theme{color:var(--blue)}.product-block.plugin{color:#99bd00}.product-block p,.product-block li{color:var(--ink)}.tag-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid;padding:8px 12px;font-size:13px}.page-hero{border-bottom:1px solid var(--ink);padding:clamp(72px,10vw,148px) 0 clamp(54px,7vw,96px)}.page-hero p{max-width:760px;font-size:clamp(18px,2vw,25px);font-weight:650}.page-content{grid-template-columns:230px minmax(0,800px);gap:clamp(36px,7vw,110px);padding:clamp(54px,8vw,110px) 0;display:grid}.page-aside{border-top:4px solid var(--blue);color:var(--blue);padding-top:16px;font-weight:800}.prose h2{letter-spacing:-.04em;margin:2em 0 .7em;font-size:clamp(30px,4vw,52px);line-height:1.25}.prose h2:first-child{margin-top:0}.prose h3{margin-top:2em;font-size:24px;line-height:1.4}.prose p,.prose li{font-size:17px}.prose li+li{margin-top:.6em}.prose a{color:var(--blue)}.prose table{border-collapse:collapse;width:100%;margin:28px 0}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:14px}.notice{border-left:8px solid var(--lime);background:#f6f8ee;margin:30px 0;padding:20px 24px}.rail{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.rail>*{border-right:1px solid var(--ink);padding:28px}.rail>:last-child{border-right:0}.rail h3{margin-top:0;font-size:24px}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pattern{border:1px solid var(--ink);background:#fff;flex-direction:column;min-height:260px;display:flex}.pattern-preview{border-bottom:1px solid var(--ink);background-image:linear-gradient(#eee 1px,#0000 1px),linear-gradient(90deg,#eee 1px,#0000 1px);background-size:20px 20px;min-height:165px;padding:24px}.pattern-preview span{background:var(--ink);width:72%;height:14px;margin:14px 0;display:block}.pattern-preview span:nth-child(2){width:45%}.pattern-preview b{background:var(--blue);width:100px;height:34px;margin-top:22px;display:block}.pattern figcaption{padding:16px 20px;font-weight:800}.article-list{border-top:1px solid var(--ink)}.article-link{border-bottom:1px solid var(--ink);grid-template-columns:150px 1fr auto;align-items:center;gap:24px;padding:25px 0;text-decoration:none;display:grid}.article-link:hover h3{color:var(--blue)}.article-link h3{margin:0;font-size:24px}.article-link span{font-size:13px}.form{max-width:720px}.field{margin-bottom:24px}.field label{margin-bottom:8px;font-weight:800;display:block}.field input,.field textarea,.field select{border:1px solid var(--ink);background:#fff;border-radius:0;width:100%;min-height:52px;padding:12px}.field textarea{resize:vertical;min-height:170px}.field small{color:var(--muted)}.check{align-items:flex-start;gap:10px;margin:24px 0;display:flex}.check input{margin-top:8px}.honeypot{position:absolute;left:-10000px}.form-status{min-height:1.8em;color:var(--blue);font-weight:800}.site-footer{background:var(--ink);color:#fff}.footer-cta{width:min(100% - (2 * var(--gutter)), var(--max));justify-content:space-between;align-items:center;gap:40px;margin:auto;padding:58px 0;display:flex}.footer-cta h2{margin:0;font-size:clamp(28px,4vw,52px)}.footer-cta p{color:#bbb;margin-bottom:0}.footer-row{padding:22px var(--gutter);border-top:1px solid #444;justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-row .brand{padding:0}.footer-row nav{flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.copyright{padding:0 var(--gutter) 25px;color:#888;margin:0;font-size:11px}.consent{z-index:50;border:1px solid var(--ink);width:min(390px,100% - 28px);box-shadow:7px 7px 0 var(--ink);background:#fff;padding:14px;position:fixed;inset:auto 14px 14px auto}.consent p{margin:0 0 10px;font-size:12px;line-height:1.6}.consent>div{justify-content:flex-end;gap:7px;display:flex}.consent button{border:1px solid var(--ink);background:#fff;min-height:40px;padding:6px 14px;font-size:13px}.not-found{text-align:center;place-items:center;min-height:70vh;padding:80px 20px;display:grid}.not-found strong{color:var(--blue);letter-spacing:-.1em;font-size:clamp(100px,25vw,320px);line-height:.8;display:block}@media (width<=1100px){.site-header{grid-template-columns:1fr auto}.site-header>nav,.header-cta{display:none}.menu-button{border:0;border-left:1px solid var(--ink);background:#fff;padding:0 22px;display:block}.mobile-nav{z-index:40;border-bottom:1px solid var(--ink);background:#fff;padding:20px;position:fixed;top:76px;left:0;right:0}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{border-bottom:1px solid var(--line);padding:12px;font-weight:800;text-decoration:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:560px;padding-top:54px}.measure-panel{bottom:35px}.page-content{grid-template-columns:1fr}.page-aside{max-width:240px}.pattern-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.brand{padding-left:18px;font-size:20px}.brand-grid{width:30px;height:30px}.menu-button{padding:0 14px;font-size:12px}.hero{min-height:0}.hero-copy{padding:70px 20px 48px}.hero-copy:before{width:7px}.hero h1{font-size:clamp(43px,12vw,56px)}.hero-visual{min-height:510px;padding:42px 20px 100px}.editor-canvas{padding:25px}.measure-panel{width:240px;bottom:26px;right:12px}.section-head,.split-products,.cycle{grid-template-columns:1fr}.cycle article{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.cycle article:last-child{border-bottom:0}.rail{grid-template-columns:1fr}.rail>*{border-right:0;border-bottom:1px solid var(--ink)}.rail>:last-child{border-bottom:0}.pattern-grid{grid-template-columns:1fr}.article-link{grid-template-columns:1fr;gap:6px}.footer-cta,.footer-row{flex-direction:column;align-items:flex-start}.footer-row nav{flex-direction:column}.button{width:100%}.page-hero{padding-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}