:root{
  --paper:#fbfcfd;--surface:#ffffff;--ink:#101b2c;--muted:#5c6879;--line:#dfe5ec;--soft:#f2f5f8;
  --navy:#101d31;--navy-2:#18283f;--green:#0f8a72;--green-soft:#e8f6f1;--red:#b93843;--red-soft:#fff0f1;
  --amber:#946517;--amber-soft:#fff7e7;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--radius:20px;--max:1320px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.78 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(48px,5vw,76px);font-weight:760}h2{font-size:clamp(34px,4vw,58px);font-weight:720}h3{font-size:22px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,video{display:block;max-width:100%}[hidden]{display:none!important}button,summary{cursor:pointer}.wrap{max-width:var(--max);margin:0 auto;padding:0 42px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:10px 14px;border:1px solid var(--line);z-index:100}.skip:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #0d76ad;outline-offset:4px}::selection{background:#c8eee4;color:var(--ink)}
.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}.header-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:760;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:30px;height:33px;border:2px solid currentColor;border-radius:8px 8px 11px 11px;font-size:18px}.desktop-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:650}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.text-link:hover{color:var(--green)}.nav-git{border:1px solid var(--line);padding:9px 14px!important;border-radius:9px}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;font-size:13px;font-weight:700;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav>div{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--line);min-width:210px;padding:10px;box-shadow:0 16px 40px #15223515}.mobile-nav a{display:block;padding:11px 12px;font-size:13px}
.eyebrow{display:flex;align-items:center;gap:10px;font:700 11px/1.4 var(--mono);letter-spacing:.12em;color:var(--green);margin-bottom:23px;text-transform:uppercase}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:13px 20px;border:1px solid var(--line);border-radius:9px;font-weight:700;font-size:14px}.button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.button.primary span{color:#94e6d1}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:#c6ced8;text-underline-offset:6px}
.hero{padding:92px 0 70px;border-bottom:1px solid var(--line);background:#f7f9fb}.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:64px;align-items:center}.hero-copy{padding-bottom:10px}.hero h1 em{font-style:normal;color:#244b60}.lead{margin-top:30px;font-size:20px;line-height:1.85;max-width:34ch}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.hero-note{margin-top:22px;font-size:12px;line-height:1.85;max-width:50ch}.product-shot{margin:0}.shot-chrome{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid #cfd7e2;border-bottom:0;border-radius:16px 16px 0 0;background:#fff;font:700 9px/1 var(--mono);letter-spacing:.1em;color:#677385}.shot-window{height:600px;overflow:hidden;border:1px solid #cfd7e2;border-radius:0 0 16px 16px;background:#eef2f7;box-shadow:0 22px 46px #1a273b16}.shot-window img{width:100%;height:auto;transform:translateY(-1px)}.product-shot figcaption{margin-top:10px;text-align:right;font-size:11px;color:#798496}.hero-shot{position:relative}
.signature-section{padding:58px 0 96px;background:#fff}.signature-head{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:end;margin-bottom:34px}.signature-head .eyebrow{grid-column:1/-1;margin-bottom:0}.signature-head h2{font-size:clamp(32px,3vw,46px)}.signature-head p:last-child{max-width:46ch;justify-self:end}.signature-moment{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.sig-step{position:relative;min-height:210px;background:#fff;padding:28px 28px 30px;display:flex;flex-direction:column;justify-content:flex-end}.sig-step.verdict{background:var(--red-soft)}.sig-no{position:absolute;top:23px;left:28px;font:700 11px var(--mono);color:var(--green)}.sig-label{font:700 10px/1.3 var(--mono);letter-spacing:.09em;color:var(--green);margin-bottom:10px}.verdict .sig-label{color:var(--red)}.sig-step strong{font-size:18px;line-height:1.45;letter-spacing:-.03em}.sig-step small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.65}.signature-line{position:absolute;z-index:3;left:32px;right:32px;top:53px;height:1px;background:#ccd5df}.signature-line i{display:block;width:0;height:3px;margin-top:-1px;background:var(--green)}.signature-moment.is-visible .signature-line i{animation:signature-pass 2.2s cubic-bezier(.22,.8,.32,1) .15s forwards}@keyframes signature-pass{0%{width:0}72%{width:68%}100%{width:100%;background:var(--red)}}
.section{padding:116px 0;border-top:1px solid var(--line)}.story{background:#fff}.story-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px;align-items:center;min-height:560px;padding:42px 0}.story-row+.story-row{border-top:1px solid var(--line)}.story-row.reverse{grid-template-columns:1.15fr .85fr}.story-row.reverse .story-copy{order:2}.story-row.reverse .decision-proof{order:1}.story-copy p:not(.eyebrow){font-size:18px;margin-top:22px;max-width:40ch}.product-crop{height:440px;overflow:hidden;border:1px solid #d3dbe5;border-radius:16px;background:#eef2f6;box-shadow:0 20px 42px #1220380b}.product-crop img{width:100%;height:auto}.crop-input img{transform:translateY(-345px)}.crop-history img{transform:translateY(-1360px)}.decision-proof{border:1px solid #e5c6c8;border-radius:16px;background:#fffafa;padding:34px 36px}.proof-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 10px var(--mono);color:#697487}.proof-top b{background:#f8dfe1;color:var(--red);padding:6px 10px;border-radius:6px}.decision-proof h3{font-size:30px;margin-top:32px}.decision-proof>p{font-size:14px;margin-top:14px;line-height:1.9}.decision-proof dl{display:grid;grid-template-columns:120px 1fr;margin-top:28px;border-top:1px solid #eadadd;font-size:12px}.decision-proof dt,.decision-proof dd{padding:11px 0;border-bottom:1px solid #eadadd}.decision-proof dt{color:#697487}.decision-proof dd{font-family:var(--mono);color:#293649}.decision-proof small{display:block;margin-top:18px;color:#7a6670}
.examples{background:#f5f7f9}.sample-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px;align-items:center}.sample-copy>p:not(.eyebrow){font-size:17px;margin-top:22px;max-width:38ch}.sample-legend{display:flex;gap:10px;margin-top:28px}.sample-legend span{font-size:11px;padding:6px 10px;border-radius:6px;background:#fff;border:1px solid var(--line)}.preview{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.sample-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#f2f4f7;border-bottom:1px solid var(--line);padding:8px;gap:4px}.sample-tabs button{border:1px solid transparent;background:transparent;border-radius:7px;padding:12px 6px;color:#657183;font-size:12px}.sample-tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:#d9e0e8}.sample-panel{padding:30px 32px;min-height:330px}.sample-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 10px var(--mono);color:#6a7483}.status{padding:6px 9px;border-radius:6px;background:var(--red-soft);color:var(--red);font-family:var(--sans)}.sample-panel[data-decision=review] .status{background:var(--amber-soft);color:var(--amber)}.sample-panel[data-decision=allow] .status{background:var(--green-soft);color:var(--green)}.sample-panel h3{font-size:26px;margin-top:24px}.reason{margin:26px 0;border-left:3px solid #85c8b8;padding-left:16px}.reason b{font-size:12px}.reason p{margin-top:7px;font-size:14px}.technical{border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:#647082}.technical summary{padding:4px 0}.technical dl{display:grid;grid-template-columns:110px 1fr;margin-top:8px}.technical dt,.technical dd{padding:7px 0;border-bottom:1px solid #edf0f3}.technical dd{font-family:var(--mono)}.execution{font-size:11px;margin-top:16px}.sample-disclosure{font-size:11px;margin-top:12px}.sample-disclosure a{text-decoration:underline;text-underline-offset:3px}
.workbench{background:#fff}.workbench-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:80px;align-items:start}.workbench-copy{position:sticky;top:122px;padding-top:52px}.workbench-copy>p:not(.eyebrow){font-size:18px;margin:24px 0 32px;max-width:35ch}.workbench-shot .shot-window{height:820px;border-radius:16px}.workbench-shot .shot-window img{transform:translateY(-20px)}
.film-section{background:#f5f7f9}.film-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px;align-items:center}.film-grid>div>p:not(.eyebrow){font-size:17px;margin-top:22px;max-width:39ch}.film-card{margin:0;border-radius:16px;overflow:hidden;background:#101b2e;border:1px solid #26364c}.film-stage{position:relative}.film-stage video{width:100%;aspect-ratio:16/9;background:#0d1627}.film-splash{position:absolute;inset:0;border:0;padding:0;background:none}.film-splash img{width:100%;height:100%;object-fit:cover}.film-splash span{position:absolute;left:22px;bottom:22px;background:#fff;color:#111e32;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:800}.film-card figcaption{padding:13px 18px;border-top:1px solid #26364c;color:#aab8c9;font-size:11px}.transcript{margin-top:24px;font-size:12px}.transcript p{font-size:13px;margin-top:10px}.micro{font-size:11px}
.scope{background:#fff}.scope-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px}.scope-grid>div:first-child>p:not(.eyebrow){font-size:17px;margin:22px 0 26px;max-width:40ch}.scope-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scope-columns article{padding:34px 36px}.scope-columns article+article{border-left:1px solid var(--line)}.scope-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;margin-bottom:22px}.scope-icon.good{background:#c9eee4;color:#0b735f}.scope-icon.info{background:#e2edf7;color:#2a6390}.scope-columns h3{font-size:18px}.scope-columns ul{padding-left:20px;margin:18px 0 0;color:#5d6878;font-size:14px}.scope-columns li+li{margin-top:10px}
.start{background:#f5f7f9}.start-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:88px;align-items:center}.start-grid>div:first-child>p:not(.eyebrow){font-size:17px;margin-top:22px}.start-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.code-box{background:#111e32;color:#dce6f3;border-radius:14px;overflow:hidden}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #2c3b51;font:700 10px var(--mono);letter-spacing:.08em;color:#9eafc3}.copy{border:1px solid #4f6178;background:#1e2e45;color:#fff;padding:7px 11px;border-radius:6px}.code-box pre{margin:0;padding:24px 22px 10px;overflow-x:auto;font:12px/2 var(--mono);color:#c5eadf}.copy-status{min-height:26px;padding:0 22px 12px;color:#aab8c8;font-size:11px}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}.faq-grid details{border-top:1px solid var(--line)}.faq-grid details:last-child{border-bottom:1px solid var(--line)}.faq-grid summary{list-style:none;padding:20px 30px 20px 0;font-size:15px;font-weight:700;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;color:#6d7988;font-size:20px}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{padding:0 32px 24px 0;font-size:13px;max-width:70ch}
.contact-band{background:var(--navy);color:#fff;padding:76px 0}.contact-band .portfolio-contact{padding-top:0;padding-bottom:0}.contact-band .portfolio-contact>p:first-child{font:700 10px var(--mono);letter-spacing:.11em;color:#8de0cc}.contact-band .portfolio-contact h2{color:#fff;margin:20px 0}.contact-band .contact-intro,.contact-band .privacy{color:#b9c6d7}.contact-band .portfolio-contact summary{display:inline-block;background:#fff;color:var(--navy);padding:11px 17px;border-radius:8px;border:0}.contact-band .portfolio-contact input:not([type=checkbox]),.contact-band .portfolio-contact textarea{background:#182940;color:#fff;border-color:#52637a}.contact-band .portfolio-contact button{background:#fff;color:#101d31}.footer{padding:36px 0;background:#fff;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer .brand{font-size:20px}.footer .brand-mark{width:24px;height:27px;font-size:14px}.footer p{font-size:11px;margin-top:9px}.footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#596574}
@media(max-width:1120px){.wrap{padding:0 28px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero{padding-top:66px}.hero-copy{max-width:760px}.hero h1{font-size:64px}.lead{font-size:18px}.hero-shot{max-width:920px}.shot-window{height:560px}.signature-head{grid-template-columns:1fr 1fr}.story-row,.story-row.reverse,.sample-layout,.film-grid,.scope-grid,.start-grid{gap:52px}.story-row{grid-template-columns:.8fr 1.2fr}.story-row.reverse{grid-template-columns:1.1fr .9fr}.crop-input img{transform:translateY(-290px)}.crop-history img{transform:translateY(-1210px)}.workbench-grid{grid-template-columns:.68fr 1.32fr;gap:52px}.workbench-shot .shot-window{height:690px}}
@media(max-width:820px){.desktop-nav{display:none}.mobile-nav{display:block}.header-row{min-height:66px}.hero{padding:56px 0 44px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:58px}.hero-shot{max-width:760px}.shot-window{height:520px}.signature-section{padding:48px 0 70px}.signature-head{grid-template-columns:1fr;gap:10px}.signature-head p:last-child{justify-self:start}.signature-moment{grid-template-columns:1fr}.signature-line{left:39px;right:auto;top:31px;bottom:31px;width:1px;height:auto}.signature-line i{width:3px;height:0;margin-left:-1px}.signature-moment.is-visible .signature-line i{animation:signature-pass-mobile 2.2s cubic-bezier(.22,.8,.32,1) .15s forwards}@keyframes signature-pass-mobile{0%{height:0}72%{height:68%}100%{height:100%;background:var(--red)}}.sig-step{min-height:154px;padding:28px 24px 24px 74px}.sig-no{left:25px;top:26px}.section{padding:80px 0}.story-row,.story-row.reverse,.sample-layout,.workbench-grid,.film-grid,.scope-grid,.start-grid,.faq-grid{grid-template-columns:1fr;gap:36px;min-height:0}.story-row{padding:58px 0}.story-row.reverse .story-copy,.story-row.reverse .decision-proof{order:initial}.product-crop{height:420px}.crop-input img{transform:translateY(-300px)}.crop-history img{transform:translateY(-1280px)}.sample-copy{max-width:600px}.workbench-copy{position:static;padding-top:0}.workbench-shot .shot-window{height:720px}.scope-columns{grid-template-columns:1fr}.scope-columns article+article{border-left:0;border-top:1px solid var(--line)}.footer-row{flex-direction:column}}
@media(max-width:520px){html{scroll-padding-top:72px}.wrap{padding:0 20px}.site-header .brand{font-size:20px}.brand-mark{width:27px;height:29px}.hero{padding:43px 0 34px}.hero h1{font-size:46px;line-height:1.08}.lead{font-size:17px;line-height:1.75;margin-top:23px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:28px;gap:16px}.hero-actions .button{width:100%}.hero-actions .text-link{justify-self:start}.hero-note{font-size:11px}.shot-chrome{height:38px;padding:0 12px;font-size:8px}.shot-window{height:370px}.shot-window img{width:100%;max-width:none}.product-shot figcaption{text-align:left}.signature-section{padding:38px 0 58px}.signature-head{margin-bottom:24px}.signature-head h2{font-size:31px}.signature-head p:last-child{font-size:13px}.sig-step{padding-right:18px}.section{padding:64px 0}.story-row{gap:24px;padding:45px 0}.story-copy h2{font-size:34px}.story-copy p:not(.eyebrow){font-size:15px;margin-top:16px}.product-crop{height:330px;border-radius:13px}.crop-input img{transform:translateY(-245px)}.crop-history img{transform:translateY(-1010px)}.decision-proof{padding:25px 22px}.decision-proof h3{font-size:24px;margin-top:24px}.decision-proof dl{grid-template-columns:100px 1fr}.sample-layout{gap:26px}.sample-copy h2{font-size:34px}.sample-copy>p:not(.eyebrow){font-size:14px}.sample-tabs{grid-template-columns:1fr 1fr}.sample-panel{padding:24px 20px;min-height:360px}.sample-panel h3{font-size:23px}.technical dl{grid-template-columns:96px 1fr}.workbench-copy h2{font-size:38px}.workbench-copy>p:not(.eyebrow){font-size:15px}.workbench-shot .shot-window{height:590px}.film-grid{gap:25px}.scope-grid{gap:32px}.scope-grid>div:first-child h2{font-size:36px}.scope-columns article{padding:25px 20px}.scope-columns ul{font-size:13px}.start-grid{gap:28px}.start-grid h2{font-size:38px}.code-box pre{font-size:11px;padding:20px 16px 8px}.faq-grid{gap:28px}.contact-band{padding:58px 0}.portfolio-contact form{grid-template-columns:1fr}.footer nav{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signature-moment.is-visible .signature-line i{animation:none;width:100%;height:100%;background:var(--green)}}