:root{--ink:#202927;--muted:#727b77;--green:#21594c;--line:#e6eae7;--soft:#f5f7f5;font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #77a697;outline-offset:5px}::selection{background:#dcebe4}.header{height:96px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-size:23px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-icon{width:29px;height:29px;border-radius:7px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px;margin-right:10px;font-weight:700}.brand-light{font-weight:400}.year{font:12px Arial;color:var(--muted);letter-spacing:0;margin:4px 0 0 10px}.header nav{display:flex;gap:32px;font-size:14px;color:#5a6560}.header nav a:hover,.header-link:hover{color:var(--green)}.header-link{font-size:14px}.header-link span{margin-left:9px}.hero{min-height:calc(100svh - 96px);position:relative;display:flex;align-items:center;justify-content:center;padding:55px 24px 115px}.hero-content{width:100%;max-width:810px;text-align:center;margin-top:-20px}.eyebrow{font-size:14px;font-weight:500;line-height:1.7;letter-spacing:.14em;color:var(--green);margin:0 0 25px}h1{font-size:clamp(25px,2.8vw,38px);line-height:1.65;letter-spacing:.01em;font-weight:550;margin:0 0 14px}.hero-description{font-size:15px;color:var(--muted);margin:0 0 37px}.composer{max-width:750px;margin:auto;border:1px solid #dbe2dd;border-radius:23px;padding:23px 22px 16px;box-shadow:0 5px 22px #253f3010;text-align:left;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#7f9b8e;box-shadow:0 5px 24px #253f3017}textarea{display:block;width:100%;border:0;outline:0;resize:vertical;min-height:84px;max-height:260px;background:transparent;color:var(--ink);font-size:16px;line-height:1.7}textarea::placeholder{color:#8c9490}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.composer-bottom>span{font-size:12px;color:#89918c}.composer button{border:0;border-radius:50%;background:var(--green);color:white;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .2s}.composer button:disabled{background:#e9ede9;color:#939d95;cursor:default}.composer button:not(:disabled):hover{transform:translateY(-2px);background:#143f34}.composer svg{width:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:730px;margin:23px auto 0}.suggestions button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#647069;padding:10px 13px;font-size:13px;line-height:1.5;transition:background .2s,border-color .2s}.suggestions button:hover{background:var(--soft);border-color:#a9bcb0}.suggestions button span{font-size:18px;line-height:1;color:#83978a}.form-status{font-size:12px;color:#8b928e;line-height:1.7;margin:19px 0 0;min-height:21px}.scroll-hint{position:absolute;bottom:33px;color:#8a928d;font-size:12px;display:flex;align-items:center;gap:16px}.scroll-hint span{font-size:18px}.section{max-width:1120px;padding:100px 30px;margin:auto}.section-label>span{font:11px Arial;letter-spacing:1.8px;color:var(--green);display:block;margin-bottom:17px}.section-label h2{font-weight:550;font-size:25px;letter-spacing:.025em;margin:0}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:45px;padding-top:105px;padding-bottom:110px}.about-copy h3{font-size:36px;line-height:1.6;letter-spacing:.04em;font-weight:500;margin:0 0 26px}.about-copy p{font-size:15px;color:#69736d;line-height:2.15;margin:15px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:44px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 3px}.capabilities{padding-top:15px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.capability-grid article{padding:5px 6px 0 0}.line-icon{font-size:35px;color:var(--green);display:block;height:62px}.capability-grid h3{font-size:19px;font-weight:550;margin:15px 0}.capability-grid p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 25px}.micro{font-size:10px;letter-spacing:1.1px;color:#8b958e}.flow-band{background:var(--soft)}.flow-band .section{padding-top:74px;padding-bottom:80px}.steps{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps li{border-top:1px solid #d9e1da;padding-top:19px}.steps li>span{font:14px Arial;color:var(--green)}.steps h3{font-size:19px;font-weight:550;margin:25px 0 12px}.steps p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:40px 1.1fr 1.6fr auto;align-items:center;gap:22px;padding:29px 0;border-bottom:1px solid var(--line)}.service-no{font-size:12px;color:#8c9690}.service-list h3{font-size:18px;font-weight:550;margin:0}.service-list p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.tag{border:1px solid var(--line);padding:6px 12px;font-size:11px;border-radius:25px;white-space:nowrap;color:#6a766e}.cases{padding-top:20px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-grid article{border:1px solid var(--line);border-radius:15px;overflow:hidden}.case-visual{height:213px;padding:30px;background:#f1f5f2;display:flex;flex-direction:column;justify-content:space-between;color:#668373}.case-visual>span{font:10px Arial;letter-spacing:1.8px}.case-visual svg{width:100%;height:140px;fill:none;stroke:#6e9381;stroke-width:1.3}.interface{background:#f2f4f5;color:#788790}.block-diagram{display:flex;align-items:center;justify-content:center;flex:1}.block-diagram span{border:1px solid #b8c6ca;border-radius:6px;padding:22px 12px;font:10px Arial;letter-spacing:1px}.block-diagram span:nth-of-type(2){color:#fff;background:#6c8782;border-color:#6c8782;padding:28px 17px}.block-diagram i{height:1px;background:#b8c6ca;width:30px}.case-copy{padding:27px}.case-label{font-size:11px;color:var(--green)}.case-copy h3{font-size:19px;font-weight:550;line-height:1.7;margin:13px 0}.case-copy p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.sample-note{font-size:12px;color:#89918c;margin-top:21px;line-height:1.8}.company{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:45px}.company-statement{font-size:28px;line-height:1.7;margin:0 0 32px}dl{margin:0}dl>div{display:grid;grid-template-columns:160px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px;line-height:1.7}dt{color:var(--muted)}dd{margin:0}.pending{color:#8b938e}footer{border-top:1px solid var(--line);margin:0 4.4%;padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:19px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.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}@media(min-width:1450px){.hero-content{margin-top:-50px}}@media(max-width:800px){.header nav{gap:20px;font-size:12px}.header-link{display:none}.hero{padding-bottom:95px}.section{padding:70px 26px}.about,.company{grid-template-columns:1fr;gap:35px}.about-copy h3{font-size:31px}.capabilities{padding-top:15px}.capability-grid{gap:24px}.capability-grid h3{font-size:17px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.steps{gap:23px}.service-list article{grid-template-columns:25px 1fr auto;gap:15px}.service-list p{grid-column:2/4;grid-row:2}.service-list .tag{grid-column:3;grid-row:1}.case-copy{padding:23px}.case-copy h3{font-size:17px}.case-visual{padding:20px;height:190px}.block-diagram span{padding:15px 6px;font-size:8px}.block-diagram span:nth-of-type(2){padding:23px 10px}.block-diagram i{width:16px}.cases{padding-top:15px}}
@media(max-width:540px){.header{height:77px;padding:0 23px}.brand{font-size:21px}.brand-icon{width:27px;height:27px}.year{font-size:11px}.header nav{display:none}.header-link{display:block;font-size:12px}.hero{min-height:calc(100svh - 77px);padding:55px 20px 100px}.hero-content{margin-top:0}.eyebrow{font-size:13px;letter-spacing:.14em;margin-bottom:22px}h1{font-size:26px;line-height:1.7;max-width:330px;margin:0 auto 17px}.hero-description{font-size:13px;margin-bottom:29px}.composer{padding:18px 17px 13px;border-radius:20px}textarea{font-size:16px;min-height:88px}.composer-bottom>span{font-size:11px}.suggestions{gap:9px;margin-top:18px;align-items:flex-start;flex-direction:column}.suggestions button{font-size:12px;padding:9px 12px;text-align:left;max-width:100%}.form-status{font-size:10px;text-align:left;margin-top:17px}.scroll-hint{bottom:27px;font-size:11px}.section{padding:58px 24px}.section-label h2{font-size:23px}.about-copy h3{font-size:29px}.about-copy p{font-size:14px}.desktop-break{display:none}.capability-grid{grid-template-columns:1fr;gap:30px}.capability-grid article{position:relative;padding-left:53px}.line-icon{position:absolute;left:0;top:9px;font-size:29px}.capability-grid h3{font-size:18px;margin:12px 0}.capability-grid p{font-size:14px;margin-bottom:17px}.capabilities{padding-top:10px}.steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.steps h3{margin-top:18px}.flow-band .section{padding-top:58px;padding-bottom:58px}.section-heading{margin-bottom:32px}.service-list h3{font-size:16px}.service-list article{grid-template-columns:20px 1fr;gap:13px;padding:24px 0}.service-list p{grid-column:2;grid-row:2;font-size:13px}.service-list .tag{grid-column:2;grid-row:3;justify-self:start}.case-grid{grid-template-columns:1fr;gap:25px}.case-visual{height:195px}.case-copy h3{font-size:18px}.block-diagram span{padding:20px 13px;font-size:10px}.block-diagram span:nth-of-type(2){padding:27px 20px}.block-diagram i{width:25px}.cases{padding-top:10px}.company-statement{font-size:25px}dl>div{grid-template-columns:115px 1fr;font-size:13px}footer{margin:0 24px;flex-wrap:wrap;padding:25px 0}footer>.brand{flex-basis:100%}footer>span,footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Local attachments and microphone controls */
.composer{position:relative}.composer-tools,.composer-actions{display:flex;align-items:center;gap:9px;min-width:0}.composer-hint{font-size:12px;color:#89918c}.composer .tool-button{background:transparent;color:#748379;flex-shrink:0}.composer .tool-button:not(:disabled):hover{background:#edf2ee;color:var(--green);transform:none}.composer .tool-button:disabled{background:transparent;color:#b4bbb6}.composer .tool-button[aria-pressed="true"]{color:#a54949;background:#faeeee}.stop-icon{display:none}.tool-button[aria-pressed="true"] .mic-icon{display:none}.tool-button[aria-pressed="true"] .stop-icon{display:block}#recording-status{font-size:12px;color:#a54949;white-space:nowrap}#recording-status:not([hidden])::before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px}.file-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;max-height:160px;overflow:auto}.file-list[hidden]{display:none}.file-list li{display:flex;align-items:center;gap:8px;max-width:100%;padding:5px 7px 5px 12px;background:var(--soft);border:1px solid var(--line);border-radius:9px;font-size:13px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.composer .file-remove{width:26px;height:26px;background:transparent;color:#748379;font-size:18px}.composer .file-remove:not(:disabled):hover{background:#e3ebe5;color:var(--ink);transform:none}.drop-hint{display:none}.composer.is-dragging{border-color:var(--green);background:#f5faf6}.composer.is-dragging .drop-hint{display:grid;place-items:center;position:absolute;inset:0;margin:0;background:#f5faf6f5;border-radius:22px;color:var(--green);font-size:15px;pointer-events:none}.composer:has(.tool-button[aria-pressed="true"]) .composer-hint{display:none}@media(max-width:540px){.composer-hint{display:none}.file-name{max-width:210px}.composer-tools,.composer-actions{gap:6px}}

.suggestions .resume-project{flex-direction:column;align-items:flex-start;gap:3px;border-color:#cbdad1;text-align:left}.resume-project strong{font-size:13px;font-weight:500;color:var(--green)}.resume-project small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.resume-project:disabled{cursor:wait}

.hero .eyebrow{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:.06em}.about-image{display:block;width:min(100%,240px);height:auto;object-fit:contain;border-radius:12px;margin-top:28px}.data-notice{font-size:12px;line-height:1.8;color:var(--muted);max-width:750px;margin:16px auto 0;text-align:left}@media(max-width:540px){.about-image{width:180px}.data-notice{font-size:11px}}

img.brand-icon{object-fit:contain;flex-shrink:0}

/* Public information: quiet typography, shared footer */
.site-footer{flex-wrap:wrap;align-items:flex-start;padding:36px 0;gap:28px}.site-footer p,.site-footer small{font-size:12px;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:13px;line-height:1.8}.site-footer small{flex-basis:100%}.info-page{max-width:800px;margin:60px auto 100px;padding:0 28px;line-height:1.95;overflow-wrap:anywhere}.info-page h1{font-size:30px;font-weight:550;margin:0 0 20px;max-width:none;line-height:1.6}.info-page .eyebrow{color:var(--green);font-size:14px}.info-lead{color:var(--muted);margin-bottom:48px}.info-page section{border-top:1px solid var(--line);padding-top:25px;margin-top:34px}.info-page h2{font-size:19px;font-weight:550}.info-page p{font-size:15px}.info-page a,.data-notice a,.demo-note a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{text-decoration:underline}@media(max-width:540px){.info-page{margin:35px auto 65px;padding:0 24px}.info-page h1{font-size:25px}.info-page h2{font-size:18px}.site-footer nav{gap:14px 20px}.info-page p{font-size:14px}}

/* Quiet beta label, shared with the footer. */
.brand-beta{font-size:12px;font-weight:500;letter-spacing:0;color:var(--green);margin-left:8px;align-self:center}
.beta-note{font-size:12px;line-height:1.8;color:var(--muted);margin:-12px 0 22px}
