@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

:root { --ink:#f4f5f7; --muted:#9499a8; --line:rgba(255,255,255,.12); --panel:#17181e; --soft:#22242c; --accent:#bbff4d; --violet:#9486ff; --cyan:#7ee9ff; --pink:#ff87cc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:#101116; }
body { margin:0; overflow-x:hidden; background:#101116; color:var(--ink); font-family:Manrope,"Noto Sans JP",sans-serif; letter-spacing:-.025em; }
a { color:inherit; text-decoration:none; } .page-glow { position:fixed; inset:-30%; z-index:0; pointer-events:none; background:radial-gradient(circle at 76% 8%,rgba(130,105,255,.13),transparent 20%),radial-gradient(circle at 15% 55%,rgba(161,255,85,.06),transparent 18%); }
.site-header, main, footer { position:relative; z-index:1; }.site-header { height:82px; max-width:1376px; margin:auto; padding:0 36px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:9px; font-size:20px; font-weight:800; letter-spacing:-.09em; }.brand-mark { display:inline-flex; align-items:flex-end; gap:2px; height:17px; }.brand-mark i { display:block; width:4px; border-radius:8px; background:var(--accent); }.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:11px}.site-header nav{display:flex;gap:30px;margin-left:120px}.site-header nav a,.header-cta,footer { font:500 11px/1 "DM Mono",monospace; letter-spacing:.02em; color:#b1b5c0; }.site-header nav a:hover{color:#fff}.header-cta{border:1px solid #545763;padding:10px 14px;color:#f2f3f5;border-radius:5px}.header-cta span{color:var(--accent);margin-left:12px}
.section-shell { max-width:1376px; margin:auto; padding:132px 72px 112px; }.hero{display:grid;grid-template-columns:.87fr 1.13fr;gap:74px;align-items:center;min-height:742px}.kicker,.section-index{font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.05em;text-transform:uppercase;color:#9ba1ad}.kicker{display:flex;gap:9px;align-items:center;color:var(--accent)}.kicker span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}h1,h2,h3,p{margin:0}.hero h1{margin-top:28px;font-size:clamp(54px,6.25vw,96px);line-height:1.04;letter-spacing:-.075em;font-weight:700}.hero h1 em,.feature-copy em,.security-copy em,.closing h2 em{font-family:Georgia,"Noto Serif JP",serif;font-weight:400;letter-spacing:-.1em}.hero-service-line{margin-top:25px;color:#f2f4f5;font-size:17px;line-height:1.55;letter-spacing:-.04em}.hero-service-line strong{color:var(--accent);font-weight:700}.hero-lead{margin-top:15px;font-size:14px;line-height:1.9;color:#afb4c0;letter-spacing:-.03em}.actions{display:flex;align-items:center;gap:28px;margin-top:31px}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 17px;border-radius:5px;font-size:13px;font-weight:700;letter-spacing:-.02em}.button-light{background:var(--ink);color:#121317}.button span{font-size:18px;font-weight:400}.text-link{font:500 11px/1 "DM Mono",monospace;color:#c1c5cd;border-bottom:1px solid #5d6069;padding-bottom:8px}.text-link span{margin-left:9px;color:var(--accent)}.hero-permission{display:flex;gap:11px;align-items:center;max-width:415px;margin-top:31px;padding:13px 14px;border:1px solid rgba(185,255,77,.48);border-radius:6px;background:rgba(185,255,77,.06)}.hero-check{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#162013;font-size:13px;font-weight:800}.hero-permission p{color:#c5cbd1;font-size:11px;line-height:1.65}.hero-permission strong{color:#f2f5ef;font-size:12px}
.product-orbit{position:relative;height:495px}.slack{color:#1d111d;background:#f5a6d0}.confluence{color:#172136;background:#9fc6ff}.jira{color:#171a35;background:#a79dff}.github{color:#1b1d21;background:#e8ebef}
.difference-section{max-width:1232px;margin:0 auto 110px;padding:40px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.76fr 1.24fr;gap:80px}.difference-intro h2{margin-top:17px;font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-.07em}.difference-intro>p:last-child{margin-top:20px;max-width:350px;color:#a6abb6;font-size:13px;line-height:1.85}.difference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.difference-grid article{min-height:158px;padding:20px;border:1px solid #383b44;border-radius:7px;background:#191b21}.difference-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:#30333b;color:var(--accent);font-size:16px}.difference-grid h3{margin-top:27px;font-size:17px;letter-spacing:-.05em}.difference-grid p{margin-top:7px;color:#9da2ad;font-size:11px;line-height:1.65}.feature-copy h2,.security-copy h2{font-size:clamp(39px,4.4vw,68px);line-height:1.08;letter-spacing:-.075em}
.flow-section{padding:135px max(36px,calc((100vw - 1232px)/2));background:#15161b;border-block:1px solid var(--line)}
.feature-section{max-width:1232px;margin:auto;padding:180px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:center}.feature-visual{position:relative;min-height:440px}.context-card{position:absolute;inset:0 20px 0 0;border:1px solid #393c46;border-radius:9px;background:#1b1d24;padding:16px;box-shadow:20px 22px 0 #17181e}.context-top{display:flex;gap:6px;align-items:center;color:#9ca2ad;font:8px "DM Mono",monospace}.context-top span{margin-right:auto}.context-top i{width:6px;height:6px;border-radius:50%;background:#545966}.context-card>p{margin-top:36px;font-size:17px;font-weight:600;line-height:1.55;letter-spacing:-.04em}.citation-float{position:absolute;bottom:-19px;right:-10px;padding:11px 14px;border:1px solid #545761;border-radius:6px;background:#292b33;box-shadow:0 10px 27px rgba(0,0,0,.25);font:9px "DM Mono",monospace}.citation-float b{margin-left:12px;color:var(--accent);font-weight:500}.feature-copy>p:not(.section-index),.security-copy>p:not(.section-index){margin-top:26px;color:#a4a9b5;font-size:14px;line-height:1.9;max-width:410px}.feature-copy ul{list-style:none;margin:35px 0 0;padding:0;border-top:1px solid var(--line)}.feature-copy li{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);color:#d8dbe0;font-size:12px}.feature-copy li span{font:9px "DM Mono",monospace;color:var(--accent)}
.security-section{padding:140px max(36px,calc((100vw - 1232px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;background:radial-gradient(circle at 76% 50%,#252340 0,transparent 30%),#15161b;border-block:1px solid var(--line)}.security-copy .text-link{display:inline-block;margin-top:37px}.security-grid{position:relative;min-height:305px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:center}.security-grid svg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:0}.security-grid path{stroke:#5a5c78;stroke-width:1;stroke-dasharray:4 4}.security-grid circle{fill:var(--accent)}.security-node{position:relative;z-index:1;min-height:110px;padding:16px;border:1px solid #434651;border-radius:6px;background:#202128;display:flex;flex-direction:column;gap:6px}.security-node small{font:8px "DM Mono",monospace;color:#9196a4}.security-node b{font-size:14px}.security-node span{color:#969ba8;font:8px "DM Mono",monospace}.node-core{min-height:137px;align-items:center;justify-content:center;text-align:center;border-color:#7370a7;background:#25253a;box-shadow:0 0 45px rgba(145,132,255,.17)}.shield{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#131414;font-size:14px}.node-view{margin-top:36px}
.closing{position:relative;overflow:hidden;padding:146px 36px 154px;text-align:center;border-top:1px solid var(--line);background:#1a1c21}.closing>*:not(.closing-orb){position:relative;z-index:1}.closing h2{margin-top:26px;font-size:clamp(39px,5.2vw,76px);line-height:1.09;letter-spacing:-.08em}.closing-lead{margin-top:26px;color:#a7abb4;font-size:14px}.closing .button{margin-top:33px}.closing-orb{position:absolute;width:610px;height:610px;left:50%;top:50%;transform:translate(-50%,-47%);border-radius:50%;border:1px solid rgba(185,255,77,.23);box-shadow:0 0 0 52px rgba(185,255,77,.025),0 0 0 125px rgba(185,255,77,.018),0 0 160px rgba(185,255,77,.11)}footer{max-width:1376px;margin:auto;padding:22px 36px;display:flex;gap:20px;border-top:1px solid var(--line);color:#777d8a;font-size:9px}footer span:nth-child(2){margin-left:auto}footer a:hover{color:var(--accent)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-header{height:68px;padding:0 20px}.site-header nav{display:none}.header-cta{font-size:9px}.section-shell{padding:86px 25px 78px}.hero{grid-template-columns:1fr;gap:56px;min-height:0}.hero h1{font-size:clamp(53px,15vw,76px)}.product-orbit{height:395px;width:calc(100% + 18px)}.difference-section{margin:0 25px 90px;display:block;padding-top:30px}.difference-grid{margin-top:32px}.flow-section{padding:90px 25px}.feature-section{padding:98px 25px;grid-template-columns:1fr;gap:75px}.feature-visual{min-height:370px}.context-card{inset:0 0 0 0}.security-section{padding:90px 25px;grid-template-columns:1fr;gap:52px}.security-grid{min-height:245px}.closing{padding:102px 25px}footer{padding:19px 20px;flex-wrap:wrap}footer span:nth-child(2){margin-left:0}footer a{margin-left:auto}}
@media(max-width:480px){.brand{font-size:18px}.header-cta{padding:8px 9px}.hero-lead br{display:none}.hero-service-line{font-size:15px}.hero-permission{margin-top:24px}.actions{gap:18px;flex-wrap:wrap}.product-orbit{height:340px}.difference-grid{grid-template-columns:1fr 1fr;gap:7px}.difference-grid article{min-height:150px;padding:14px}.difference-grid h3{font-size:15px;margin-top:20px}.difference-grid p{font-size:10px}.feature-copy h2,.security-copy h2{font-size:39px}.security-grid{gap:7px}.security-node{padding:10px;min-height:92px}.security-node b{font-size:11px}.security-node span{font-size:6px}.node-core{min-height:115px}.closing h2{font-size:40px}}

/* Readability pass: retain the dark visual language while raising type scale and contrast. */
:root{--muted:#bac0cb;--line:rgba(255,255,255,.18)}
body{color:#f4f5f7;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.8}
.site-header{min-height:86px}.site-header nav{gap:34px}.site-header nav a,.header-cta{font-size:14px;font-weight:600;letter-spacing:0}.site-header nav a{padding:13px 2px}.header-cta{min-height:46px;padding:13px 17px;border-color:#6c7280}.brand{font-size:22px;letter-spacing:-.04em}
.kicker,.section-index{font-size:12px;font-weight:600;letter-spacing:.035em}.hero h1,.feature-copy h2,.security-copy h2,.difference-intro h2,.closing h2{letter-spacing:-.035em}.hero-service-line{font-size:20px;line-height:1.65;letter-spacing:0}.hero-lead{font-size:17px;line-height:1.85;letter-spacing:0;color:#d0d5dd;font-weight:500}.button{min-height:51px;padding:15px 20px;font-size:16px;font-weight:700;letter-spacing:0}.text-link{font-size:14px;font-weight:600;letter-spacing:0}.hero-permission{max-width:450px;padding:16px 17px;border-color:rgba(185,255,77,.62);background:rgba(185,255,77,.08)}.hero-check{width:28px;height:28px;font-size:15px}.hero-permission p{font-size:14px;line-height:1.7;color:#e0e4e9}.hero-permission strong{font-size:15px;color:#fff}
.product-orbit{height:535px}
.difference-section{gap:88px;padding-top:50px}.difference-intro>p:last-child{font-size:16px;line-height:1.85;color:#c3c9d2}.difference-grid{gap:14px}.difference-grid article{min-height:184px;padding:25px}.difference-icon{width:35px;height:35px;font-size:19px}.difference-grid h3{margin-top:29px;font-size:20px;letter-spacing:-.02em}.difference-grid p{margin-top:10px;font-size:15px;line-height:1.75;color:#c3c9d2}
.context-card{padding:23px}.context-top{font-size:12px}.context-top i{width:7px;height:7px}.context-card>p{margin-top:38px;font-size:21px;line-height:1.65;letter-spacing:0}.citation-float{padding:13px 16px;font-size:11px}.feature-copy>p:not(.section-index),.security-copy>p:not(.section-index){font-size:17px;line-height:1.9;color:#c4cbd4}.feature-copy li{gap:22px;padding:17px 0;font-size:15px;line-height:1.7}.feature-copy li span{font-size:12px}.security-node{min-height:126px;padding:20px;gap:8px}.security-node small{font-size:11px;color:#bcc4d0}.security-node b{font-size:18px}.security-node span{font-size:11px;color:#c2c9d3}.closing-lead{font-size:17px;line-height:1.8;color:#d0d6dd}.closing .button{margin-top:38px}footer{padding:27px 36px;font-size:12px;color:#bcc3ce}
@media(max-width:900px){.site-header{min-height:76px}.header-cta{min-height:44px;font-size:14px}.section-shell{padding-top:92px}.hero-service-line{font-size:19px}.hero-lead{font-size:17px}.product-orbit{height:500px}.difference-section{padding-top:38px}.difference-grid{gap:12px}.difference-intro>p:last-child,.feature-copy>p:not(.section-index),.security-copy>p:not(.section-index){font-size:16px}.feature-section{gap:85px}}
@media(max-width:480px){body{font-size:16px}.site-header{min-height:72px}.header-cta{min-height:42px;font-size:13px}.hero-service-line{font-size:17px}.hero-lead{font-size:16px;line-height:1.85}.button{min-height:50px;font-size:16px}.text-link{font-size:14px}.hero-permission p{font-size:13px}.product-orbit{height:400px}.difference-grid article{min-height:164px;padding:17px}.difference-grid h3{font-size:17px}.difference-grid p{font-size:13px;line-height:1.65}.context-card>p{font-size:18px}.feature-copy li{font-size:15px}.security-node b{font-size:15px}.security-node small,.security-node span{font-size:10px}.closing-lead{font-size:16px}footer{font-size:12px}}

/* Light / dark composition: readable document sections between the dark product moments. */
.difference-section{position:relative;z-index:1}.difference-section{box-shadow:0 0 0 100vmax #f7f8fa;clip-path:inset(0 -100vmax)}
.difference-section{margin:0 auto;padding:58px 0 94px;border-top:1px solid #e0e4e8;background:#f7f8fa;color:#18212c}.difference-intro .section-index{color:#547233}.difference-intro h2{color:#121a24}.difference-intro>p:last-child{color:#485462}.difference-grid article{border-color:#dce1e7;background:#fff;box-shadow:0 14px 30px rgba(25,34,46,.07)}.difference-icon{background:#edf4e4;color:#3d6b25}.difference-grid h3{color:#18212c}.difference-grid p{color:#4d5967}
.flow-section{position:relative;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 -20px 46px rgba(15,17,22,.08)}
.security-section{background:radial-gradient(circle at 76% 50%,#394052 0,transparent 31%),linear-gradient(120deg,#1d2530,#1b2028);border-color:#3d4652}.security-copy>p:not(.section-index){color:#d1d9e2}.security-node{border-color:#596474;background:#27313e;box-shadow:0 12px 28px rgba(5,10,18,.16)}.node-core{border-color:#8a84c7;background:#30334c;box-shadow:0 0 46px rgba(145,132,255,.2)}.security-node small,.security-node span{color:#d0d7e1}.security-grid path{stroke:#8994a4}.security-grid circle{fill:#c9ff75}
.closing{background:radial-gradient(circle at 50% 45%,rgba(185,255,77,.07),transparent 28%),#17191f}.closing-lead{color:#d5dbe3}footer{background:#101116}
@media(max-width:900px){.difference-section{padding:48px 25px 76px}}
@media(max-width:600px){.difference-section{padding:42px 25px 64px}.difference-grid article{box-shadow:0 9px 20px rgba(25,34,46,.06)}}

/* Keep helper text readable inside the product mock as well. */
.citation-float{font-size:12px}
@media(max-width:480px){.product-orbit{height:500px}}

html{overflow-x:hidden}
@media(max-width:480px){.difference-grid article{min-height:190px}.difference-grid p{font-size:15px;line-height:1.72}}

/* Late-page rhythm: explanations rest on light surfaces; product, safety, and CTA stay dark. */
.feature-section{position:relative;z-index:1;margin:0 auto;padding:154px max(36px,calc((100vw - 1232px)/2)) 166px;background:#fff;color:#16202a;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.feature-copy .section-index{color:#537633}.feature-copy h2{color:#14202b}.feature-copy h2 em{color:#263b4e}.feature-copy>p:not(.section-index){color:#465463}.feature-copy ul{border-top-color:#dce2e7}.feature-copy li{border-bottom-color:#dce2e7;color:#344353}.feature-copy li span{color:#4d812c}.feature-visual{padding:14px 22px 24px 0}.context-card{border-color:#4b5260;background:#1b1f27;box-shadow:0 24px 60px rgba(25,34,46,.18),0 2px 8px rgba(25,34,46,.10)}.context-top{color:#c6cdd7}.context-top i{background:#6b7380}.context-card>p{color:#f4f6f8}.citation-float{right:-2px;bottom:-8px;border-color:#697383;background:#2c3240;box-shadow:0 14px 30px rgba(25,34,46,.22);font-size:12px}
.security-section{position:relative;z-index:2;padding-top:154px;padding-bottom:154px;border-block-color:#54606e;background:radial-gradient(circle at 76% 48%,#46536a 0,transparent 30%),linear-gradient(122deg,#1b2532,#202936)}.security-copy .section-index{color:#c4ef85}.security-copy h2{color:#f5f7f8}.security-copy h2 em{color:#d7e7f4}.security-copy>p:not(.section-index){color:#d8e0e9}.security-copy .text-link{border-bottom-color:#93a4b5;color:#edf2f6}.security-grid{filter:drop-shadow(0 16px 24px rgba(6,12,20,.18))}.security-node{border-color:#647184;background:#2a3544;box-shadow:0 12px 28px rgba(7,13,22,.18)}.security-node small,.security-node span{color:#d7dfe8}.node-core{border-color:#9b97da;background:linear-gradient(150deg,#39405e,#2a2d45);box-shadow:0 0 50px rgba(158,148,255,.22)}.security-grid path{stroke:#b1bfce;stroke-width:1.2}.security-grid circle{fill:#c8ff74}
.closing{border-top:1px solid #d1d7dd;background:radial-gradient(circle at 50% 45%,rgba(185,255,77,.09),transparent 28%),#171b22}.closing .section-index{color:#c3ef83}.closing h2{color:#f4f6f8}.closing h2 em{color:#ecf3df}.closing-lead{color:#d5dde5}.closing .button{box-shadow:0 12px 28px rgba(0,0,0,.2)}
@media(max-width:900px){.feature-section{padding:112px 25px 124px}.feature-visual{padding:10px 0 28px}.context-card{box-shadow:0 22px 50px rgba(25,34,46,.18),0 2px 8px rgba(25,34,46,.10)}.citation-float{right:4px;bottom:-12px}.security-section{padding-top:112px;padding-bottom:112px}.closing{border-top-color:#cbd3da}}
@media(max-width:600px){.feature-section{padding-top:94px;padding-bottom:104px}.feature-copy>p:not(.section-index){font-size:16px;line-height:1.85}.feature-copy li{font-size:15px}.feature-visual{min-height:390px;padding-bottom:34px}.citation-float{font-size:12px}.security-section{padding-top:94px;padding-bottom:94px}.security-node{min-height:118px}.closing{padding-top:106px}}

/* Light-first composition: dark is reserved for the Hero, product screens, authority diagram, and CTA. */
.flow-section{position:relative;z-index:1;padding-top:146px;padding-bottom:150px;border-block-color:#dce2e7;background:#f7f8fa;box-shadow:0 0 0 100vmax #f7f8fa;clip-path:inset(0 -100vmax);color:#16202a}.flow-section .section-index{color:#527a31}
.security-section{position:relative;z-index:1;padding-top:146px;padding-bottom:150px;border-block-color:#dce2e7;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);color:#16202a}.security-copy .section-index{color:#527a31}.security-copy h2{color:#14202b}.security-copy h2 em{color:#31465a}.security-copy>p:not(.section-index){color:#465463}.security-copy .text-link{border-bottom-color:#8090a0;color:#263848}.security-grid{padding:28px;border:1px solid #394657;border-radius:10px;background:radial-gradient(circle at 50% 45%,rgba(148,134,255,.18),transparent 34%),#202937;filter:drop-shadow(0 18px 32px rgba(25,34,46,.18))}.security-node{border-color:#667386;background:#2b3747;box-shadow:0 12px 28px rgba(5,10,18,.24)}.security-node small,.security-node span{color:#dce5ee}.node-core{border-color:#a29ce6;background:linear-gradient(150deg,#3c4567,#282d48);box-shadow:0 0 48px rgba(158,148,255,.25)}.security-grid path{stroke:#c0ccda;stroke-width:1.2}.security-grid circle{fill:#c8ff74}
@media(max-width:900px){.flow-section{padding-top:108px;padding-bottom:116px}.security-section{padding-top:108px;padding-bottom:116px}.security-grid{padding:24px}.security-node{min-height:122px}}
@media(max-width:600px){.flow-section{padding-top:90px;padding-bottom:98px}.security-section{padding-top:90px;padding-bottom:98px}.security-grid{padding:18px}.security-node{min-height:112px}.security-node small,.security-node span{font-size:11px}}

/* Product experience: let concrete searches and their sources do the explaining. */
.demo-section{position:relative;z-index:1;padding:126px max(36px,calc((100vw - 1232px)/2));background:#f7f8fa;color:#17222e;box-shadow:0 0 0 100vmax #f7f8fa;clip-path:inset(0 -100vmax)}.demo-heading{max-width:650px}.demo-heading .section-index{color:#527a31}.demo-heading h2{margin-top:16px;font-size:clamp(39px,4.4vw,66px);line-height:1.1;letter-spacing:-.055em;color:#15202b}.demo-heading>p:last-child{margin-top:20px;max-width:570px;font-size:17px;line-height:1.85;color:#465463}.demo-scenarios{padding-top:112px;padding-bottom:132px;background:#fff;box-shadow:0 0 0 100vmax #fff}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.scenario-grid article{min-height:245px;padding:25px;border:1px solid #d8e0e7;border-radius:9px;background:#fff;box-shadow:0 12px 26px rgba(25,34,46,.06)}.scenario-query{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #2e3a49;border-radius:5px;background:#1e2733;color:#f2f6f9;font:600 15px "DM Mono",monospace}.scenario-grid p{margin-top:25px;font-size:16px;line-height:1.8;color:#435160}.scenario-sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.scenario-sources span{padding:5px 7px;border-radius:4px;font:600 11px "DM Mono",monospace}.scenario-sources .slack{background:#fde8f3;color:#72304f}.scenario-sources .confluence{background:#e6f0ff;color:#215992}.scenario-sources .jira{background:#ece9ff;color:#4b42a7}.scenario-sources .github{background:#ecf0f3;color:#2d3946}
.product-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:58px 0 0;padding:0}.product-flow li{position:relative;min-height:172px;padding:22px;border:1px solid #d5dee6;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(25,34,46,.06)}.product-flow li:not(:last-child):after{content:"→";position:absolute;right:-18px;top:68px;z-index:2;color:#527a31;font-size:22px}.product-flow span{display:block;color:#668070;font:600 12px "DM Mono",monospace}.product-flow b{display:block;margin-top:34px;font-size:17px;color:#1c2936}.product-flow small{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:#566473}.flow-demo{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:56px;padding:28px;border:1px solid #d5dee6;border-radius:9px;background:#fff}.flow-step{display:flex;align-items:center;gap:11px;padding:14px 17px;border:1px solid #d8e1e8;border-radius:7px;background:#f9fafb;color:#24313e}.flow-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e8f3dc;color:#3d6d25;font-weight:800}.flow-step b{font-size:15px}.flow-result{border-color:#b7d695;background:#f5fbee}.flow-arrow{font-size:24px;color:#527a31}
.demo-overview+.demo-scenarios{border-top:1px solid #e0e5e9}
@media(max-width:900px){.demo-section{padding:96px 25px}.scenario-grid{grid-template-columns:1fr}.scenario-grid article{min-height:auto}.product-flow{grid-template-columns:repeat(2,1fr)}.product-flow li:not(:last-child):after{display:none}.product-flow li:last-child{grid-column:1/-1}}
@media(max-width:600px){.demo-section{padding-top:82px;padding-bottom:88px}.demo-heading h2{font-size:38px}.demo-heading>p:last-child{font-size:16px}.scenario-grid{margin-top:35px}.scenario-grid article{padding:20px}.scenario-grid p{font-size:15px}.product-flow{grid-template-columns:1fr;margin-top:38px}.product-flow li{min-height:130px}.product-flow li:last-child{grid-column:auto}.product-flow b{margin-top:18px}.flow-demo{flex-direction:column;margin-top:34px}.flow-arrow{transform:rotate(90deg)}.feature-copy h2{font-size:38px}}

/* Workflows bring the old site’s concrete use cases into the product demo. */
.workflows-section{position:relative;z-index:1;padding:142px max(36px,calc((100vw - 1232px)/2));background:#fff;color:#17222e;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.workflow-stack{display:grid;gap:18px;margin-top:58px}.workflow-demo{display:grid;grid-template-columns:176px 26px 1fr;gap:17px;align-items:center;padding:25px;border:1px solid #d7e0e7;border-radius:10px;background:#fbfcfd;box-shadow:0 12px 26px rgba(25,34,46,.05)}.workflow-query{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #3f4d5d;border-radius:7px;background:#202a37;color:#f3f6f8}.workflow-query>span{font-size:21px;color:#c8ff74}.workflow-query small{display:block;font:600 10px "DM Mono",monospace;color:#b9c6d2}.workflow-query b{display:block;margin-top:4px;font-size:17px}.workflow-line{height:1px;background:#91aa7e}.workflow-results{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.workflow-result{min-height:100px;padding:13px;border:1px solid #dbe2e8;border-radius:7px;background:#fff}.workflow-result>span{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;font-size:12px;font-weight:800}.workflow-result small{display:block;margin-top:12px;font:600 10px "DM Mono",monospace;color:#667484}.workflow-result b{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:#263443}.workflow-result.slack>span{background:#f5a6d0;color:#381126}.workflow-result.confluence>span{background:#9fc6ff;color:#172136}.workflow-result.jira>span{background:#a79dff;color:#171a35}.workflow-result.github>span{background:#e8ebef;color:#1b1d21}.workflow-evidence{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid #e1e6ea;color:#536170}.workflow-evidence>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7f2dc;color:#3e7026;font-weight:800}.workflow-evidence p{font-size:14px;line-height:1.65}.workflow-evidence strong{color:#263544}.ask-demo-section{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;gap:78px;align-items:center;padding:134px max(36px,calc((100vw - 1232px)/2));background:#f7f8fa;color:#17222e;box-shadow:0 0 0 100vmax #f7f8fa;clip-path:inset(0 -100vmax)}.ask-demo-copy .section-index{color:#527a31}.ask-demo-copy h2{margin-top:16px;font-size:clamp(38px,4vw,60px);line-height:1.12;letter-spacing:-.05em;color:#16212d}.ask-demo-copy>p:last-child{margin-top:22px;font-size:16px;line-height:1.85;color:#465463}
@media(max-width:900px){.workflows-section{padding:108px 25px}.workflow-demo{grid-template-columns:150px 20px 1fr}.workflow-results{grid-template-columns:repeat(2,1fr)}.ask-demo-section{grid-template-columns:1fr;gap:44px;padding:108px 25px}.ask-demo-copy{max-width:650px}}
@media(max-width:600px){.workflows-section{padding-top:88px;padding-bottom:94px}.workflow-stack{gap:14px;margin-top:38px}.workflow-demo{grid-template-columns:1fr;padding:18px}.workflow-line{display:none}.workflow-results{grid-template-columns:1fr 1fr}.workflow-result{min-height:92px;padding:11px}.workflow-result small{margin-top:9px;font-size:9px}.workflow-result b{font-size:12px}.workflow-evidence{padding-top:11px}.workflow-evidence p{font-size:13px}.ask-demo-section{padding-top:88px;padding-bottom:94px}.ask-demo-copy h2{font-size:38px}}

/* Phase826: 料金セクション。Phase827 で白背景へ変更（ユーザー指示 2026-08-05）。
   白地ではアクセント（--accent: ライム）がコントラスト不足になるため、
   このセクション内ではアクセントに依存せず、濃色文字＋濃色 CTA で構成する。
   他セクションはダークのまま。ここでの上書きは .pricing-section 配下に限定する。 */
.pricing-section{--lp-price-ink:#14161a;--lp-price-sub:#5c6472;--lp-price-line:#e3e6ec;
  padding:140px max(36px,calc((100vw - 1232px)/2));background:#f5f6f8;color:var(--lp-price-ink);
  border-block:1px solid var(--lp-price-line)}
.time-cost-section{position:relative;z-index:1;padding:132px max(36px,calc((100vw - 1232px)/2));background:#fff;color:#16202a;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.time-cost-section .section-index{color:#527a31}
.time-cost-section .demo-heading{max-width:910px}
.time-cost-section h2{color:#14202b}
.time-cost-section .demo-heading>p:last-child{max-width:720px;color:#465463}
.roi-label{color:#527a31;font:700 10px/1.5 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.search-story{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.search-story-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:25px 22px;border:1px solid #dce2e7;border-radius:10px;background:#f8f9fa}
.search-story-card:not(:last-child)::after{content:"→";position:absolute;z-index:2;top:31px;right:-18px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #d3dbe1;border-radius:50%;background:#fff;color:#596b78;font-size:12px;font-weight:800}
.search-story-step{color:#7b8791;font:700 10px/1.5 "DM Mono",monospace}
.search-story-card .roi-label{margin-top:19px}
.search-story-card h3,.roi-plan-card h3,.roi-search-card h3{margin-top:8px;color:#1c2b24;font-size:21px;line-height:1.4;letter-spacing:-.04em}
.search-story-card>p:not(.roi-label),.roi-plan-card>p:last-of-type,.roi-search-card>p:last-of-type{margin-top:12px;color:#4a5a52;font-size:13px;line-height:1.8}
.search-story-card a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:#315c25;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.search-story-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto}
.search-story-links a{margin-top:0}
.search-story-gatepath{border-color:#93b979;background:#f1f8ea}
.search-story-gatepath .search-story-step,.search-story-gatepath .roi-label{color:#3f722a}
.search-story-note{margin-top:15px;color:#64717d;font-size:12px;line-height:1.75}
.roi-calculation-heading{margin-top:58px;padding-top:50px;border-top:1px solid #dce2e7}
.roi-calculation-heading h3{margin-top:10px;color:#16252f;font-size:clamp(25px,3vw,38px);line-height:1.35;letter-spacing:-.05em}
.roi-calculation-heading>p:last-child{max-width:720px;margin-top:12px;color:#4a5966;font-size:15px;line-height:1.8}
.roi-calculation{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.roi-calculation article{position:relative;min-height:205px;padding:26px;border:1px solid #dce2e7;border-radius:9px;background:#f8f9fa}
.roi-calculation article>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#263642;color:#fff;font:700 10px "DM Mono",monospace}
.roi-calculation small{display:block;margin-top:24px;color:#667482;font:700 10px/1.5 "DM Mono",monospace;letter-spacing:.05em}
.roi-calculation b{display:block;margin-top:8px;color:#465463;font-size:14px;font-weight:600}
.roi-calculation strong{display:block;margin-top:5px;color:#16252f;font-size:clamp(21px,2.1vw,30px);line-height:1.25;letter-spacing:-.06em}
.roi-calculation em{display:block;margin-top:6px;color:#527a31;font-size:13px;font-style:normal;font-weight:800}
.roi-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.roi-plan-card,.roi-search-card{padding:30px;border:1px solid #dce2e7;border-radius:10px;background:#fff}
.roi-plan-card{border-color:#93b979;background:#f5faef}
.roi-plan-card strong{color:#315d20}
.roi-plan-card dl{margin-top:22px;border-top:1px solid #cbdabe}
.roi-plan-card dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #d6e2cd;color:#425249;font-size:13px}
.roi-plan-card dd{font-weight:800;color:#1e3224}
.roi-plan-card .roi-plan-difference{font-size:15px}
.roi-plan-card .roi-plan-difference dd{color:#3f722a}
.roi-provider-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.roi-provider-list span{padding:8px 10px;border:1px solid #d8dfe4;border-radius:999px;background:#f6f8f9;color:#394956;font:700 11px "DM Mono",monospace}
.time-cost-note{margin-top:18px;color:#64717d;font-size:12px;line-height:1.75}
@media(max-width:1000px){.search-story{grid-template-columns:repeat(2,1fr)}.search-story-card{min-height:300px}.search-story-card:nth-child(2)::after{display:none}}
@media(max-width:800px){.roi-calculation{grid-template-columns:1fr}.roi-calculation article{min-height:0}.roi-decision-grid{grid-template-columns:1fr}}
@media(max-width:700px){.time-cost-section{padding:88px 25px}.search-story{grid-template-columns:1fr;gap:24px;margin-top:36px}.search-story-card{min-height:0;padding:23px}.search-story-card:not(:last-child)::after{content:"↓";display:grid;top:auto;right:calc(50% - 12px);bottom:-18px}.search-story-card h3,.roi-plan-card h3,.roi-search-card h3{font-size:21px}.search-story-card a{margin-top:18px}.search-story-links{margin-top:18px}.roi-calculation-heading{margin-top:48px;padding-top:42px}.roi-calculation article,.roi-plan-card,.roi-search-card{padding:22px}.roi-calculation strong{font-size:25px}.roi-plan-card dl div{align-items:flex-end}.search-story-note,.time-cost-note{font-size:11px}}
.pricing-section .section-index{color:var(--lp-price-sub)}
.pricing-section h2{color:var(--lp-price-ink)}
.pricing-section .demo-heading>p:last-child{color:var(--lp-price-sub)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:64px;align-items:stretch}
.pricing-card{display:flex;flex-direction:column;padding:26px 22px;border:1px solid var(--lp-price-line);
  border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(20,22,26,.04)}
.pricing-card h3{font-size:19px;letter-spacing:-.05em;color:var(--lp-price-ink)}
.pricing-card.featured{border-color:#2f3644;box-shadow:0 6px 18px rgba(20,22,26,.10)}
.pricing-card.contact-only{background:#eef0f4}
.pricing-amount{margin-top:18px;font-size:31px;font-weight:700;letter-spacing:-.06em;color:var(--lp-price-ink)}
.pricing-amount span{margin-left:3px;font-size:12px;font-weight:500;color:var(--lp-price-sub);letter-spacing:-.02em}
.pricing-facts{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--lp-price-line)}
.pricing-facts li{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid var(--lp-price-line)}
.pricing-facts b{font:400 9px/1.4 "DM Mono",monospace;letter-spacing:.04em;color:var(--lp-price-sub)}
.pricing-facts span{color:var(--lp-price-ink);font-size:13px;line-height:1.5;letter-spacing:-.03em}
.pricing-note{margin-top:20px;color:var(--lp-price-sub);font-size:11px;line-height:1.75}
.pricing-cta{display:inline-flex;gap:12px;align-items:center;justify-content:center;margin-top:auto;
  padding:13px 15px;border-radius:5px;background:#14161a;color:#fff;font-size:12px;font-weight:700;letter-spacing:-.02em}
.pricing-cta:hover{background:#2f3644}
.pricing-cta span{font-size:16px;font-weight:400;color:#fff}
.pricing-card:not(.contact-only) .pricing-facts{margin-bottom:24px}
@media (max-width:1080px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pricing-grid{grid-template-columns:1fr}}

/* Phase830: LP の書体・レイアウト調整（ユーザーレビュー指摘 2026-08-05）。
   末尾レイヤで上書きする方式は Phase826 / Phase827 と同じ。旧レイヤの宣言はカスケードで
   打ち消されるだけで残るため、値を読むときは必ずこのレイヤを優先して見ること。 */

/* 指摘 2/6/7: 強調の「イタリックが気持ち悪い」。実際には font-style:italic は使っておらず、
   Georgia 指定が日本語で Noto Serif JP（明朝）へフォールバックし、font-weight:400 と
   letter-spacing:-.1em で細く詰まって見えていた。書体は本文へ戻し、強調は色と太さで行う
   （ユーザー指示「目立つようにするのはOK」）。 */
.hero h1 em,
.feature-copy em,
.security-copy em,
.closing h2 em,
h2 em {
  /* <em> のブラウザ既定スタイル。CSS には font-style の指定が無く、既定の italic が
     そのまま効いていた（ブラウザの computed style で実測して判明。2026-08-05）。
     serif フォールバックと合わせて、これが「イタリックが気持ち悪い」の直接の原因。 */
  font-style: normal;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}
/* h1 の強調だけは色指定を持っていなかったため、書体を戻すと地の文に埋もれる。
   h2 側は既存レイヤのテーマ別 color がそのまま効くので触らない。 */
.hero h1 em { color: var(--accent); }

/* 指摘 1: hero 先頭の一行が小さい。.section-index と宣言を共有しているが、
   見出しラベルまで大きくすると階層が壊れるため hero の .kicker だけを拡大する。 */
.hero .kicker { font-size: 15px; letter-spacing: .02em; }

/* 指摘 3: CTA が 2 段に折り返す。gap:28px を確保しようとしてテキストが折り返し、
   高さが増えた結果、隣の .text-link との縦位置もずれて見えていた。1 行に固定すると
   縦位置のズレも同時に解消する。 */
.hero .actions .button { white-space: nowrap; gap: 14px; }

/* 指摘 5: フローカードが縦に長すぎる。見出し 1 行に対して min-height:172px と
   margin-top:34px が過大だった。矢印は絶対配置（top:68px）でカード高さに連動しないため、
   高さを縮めるなら矢印も必ず併せて直す。中心基準にして今後の高さ変更へ追従させる。 */
.product-flow li { min-height: 118px; padding: 20px; }
.product-flow b { margin-top: 16px; }
.product-flow li:not(:last-child):after {
  top: 50%;
  transform: translateY(-50%);
}

/* 指摘 8: 3 ノードの縦位置がずれる。align-items:center で中心は揃うが、中央ノードだけ
   min-height が 27px 大きいため上端・下端が食い違っていた。stretch で高さを揃える。
   中央の強調は枠線・背景・グローで行われており、高さを揃えても失われない。 */
.security-grid { align-items: stretch; }
/* 3 ノードのうち .node-view だけ margin-top:36px を持っており、align-items:stretch にしても
   その分だけ下へずれる（ブラウザで実測して判明。2026-08-05）。min-height は既に 3 ノードとも
   126px で揃っていたため、ズレの主因はこの margin だった。 */
.security-grid .node-view { margin-top: 0; }

/* Phase831: security パネルを縦長にせずに整列させる（ユーザー指摘 2026-08-05）。
   Phase830 で使った align-items:stretch は「揃える」代わりに、グリッド行の高さいっぱいまで
   ノードを引き伸ばす。行高 247.4px は .security-grid の min-height:305px に由来しており
   ノードの中身とは無関係なため、3 ノードとも 247px まで伸びて縦長になっていた。
   ブラウザ実測での自然高さは 126〜131px。整列自体は Phase830 の .node-view の margin リセットで
   足りており、stretch は過剰な手段だった。 */
.security-grid {
  /* 縦長の原因は align-items ではなく、その手前で「行」が広がっていたこと。
     このグリッドは 1 行しかなく min-height:305px を持つため、align-content の既定値 stretch が
     余った縦スペースを行に吸収させ、行高が 247.4px まで広がっていた。align-items:stretch は
     その広がった行高にノードを合わせるので、ノードまで 247px になっていた。
     align-content:center にすると行高が内容に追従して 133px まで縮み、余白は上下へ均等に散る。 */
  align-content: center;
  /* 行高（＝最も高いノードの高さ）に 3 ノードを揃える。行高が内容に追従するようになったため、
     画面幅ごとに変わる自然高さを固定値で追いかける必要がない。 */
  align-items: stretch;
}

/* オンプレ（お客さま自身のAWS環境）への構築案内。料金セクションの直後に置くため、
   料金セクションと同じ明るい面を使い、CTA 直前で暗転する既存のリズムを崩さない。 */
.onpremise-section{position:relative;z-index:1;padding:132px max(36px,calc((100vw - 1232px)/2));
  background:#fff;color:#16202a;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);
  border-bottom:1px solid #e0e4e8}
.onpremise-section .section-index{color:#527a31}
.onpremise-section .demo-heading h2{color:#14202b}
.onpremise-section .demo-heading>p:last-child{max-width:640px;color:#465463}
.onpremise-section .demo-heading strong{color:#1a2632;font-weight:700}
.onpremise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}
.onpremise-card{min-height:214px;padding:24px;border:1px solid #dce2e7;border-radius:9px;background:#fff;
  box-shadow:0 12px 28px rgba(25,34,46,.06)}
.onpremise-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:6px;
  background:#edf4e4;color:#3d6b25;font-size:19px}
.onpremise-card h3{margin-top:24px;font-size:19px;line-height:1.4;letter-spacing:-.03em;color:#18212c}
.onpremise-card p{margin-top:10px;font-size:15px;line-height:1.78;color:#4d5967}
.onpremise-note{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:20px;padding:21px 23px;
  border:1px solid #bdd8a4;border-radius:7px;background:#f5faef}
.onpremise-note>span{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  background:#68a23d;color:#fff;font-size:16px;font-weight:800}
.onpremise-note-content{flex:1 1 320px;min-width:0}.onpremise-note-content p{font-size:15px;line-height:1.8;color:#3f4e5d}
.onpremise-note strong{color:#1d3320;font-weight:700}
.onpremise-note .text-link{display:inline-flex;margin-top:12px;color:#263848;border-bottom-color:#8090a0}
.onpremise-note .text-link span{color:#4d812c}
@media(max-width:900px){.onpremise-section{padding:104px 25px}
  .onpremise-grid{grid-template-columns:repeat(2,1fr);margin-top:44px}}
@media(max-width:600px){.onpremise-section{padding:88px 25px}
  .onpremise-grid{grid-template-columns:1fr;gap:12px}
  .onpremise-card{min-height:0}
  .onpremise-note{padding:18px}}

/* Phase874: LP内の画面イメージを本番アプリのUI表現へ揃える。 */
.production-screen{overflow:hidden;border:1px solid #dfe5ec;border-radius:10px;background:#f7f8fa;color:#172130;box-shadow:0 24px 55px rgba(7,22,42,.2);font-family:Inter,"Noto Sans JP",sans-serif;text-align:left}
.app-screen-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e0e6ed;background:#fff;color:#536575;font-size:10px}.app-screen-header b{font-size:11px}.app-screen-header span{padding:6px 9px;border:1px solid #e0e6ed;border-radius:16px;color:#1c2735;font-weight:700}
.app-screen-body{padding:24px 28px}.app-eyebrow{color:#536575;font-size:9px;font-weight:800;letter-spacing:.04em}.app-screen-body h3{margin-top:8px;color:#182231;font-size:25px;letter-spacing:-.05em}.app-screen-body h4{margin-top:21px;color:#202c3c;font-size:16px}.app-screen-body hr{margin-top:20px;border:0;border-top:1px solid #e1e6ec}.app-screen-body label,.app-subtitle{display:block;margin-top:13px;color:#516275;font-size:11px}.app-search-input{height:30px;margin-top:7px;border:1px solid #d4dfe9;border-radius:5px;background:#fff}.app-screen-body button{border:0;border-radius:5px;background:#235796;color:#fff;font-weight:800}.home-screen{height:465px}.home-screen .app-screen-body{position:relative}.home-screen .app-screen-body>button{position:absolute;top:133px;right:28px;height:30px;padding:0 16px}.app-section-title{padding-top:14px;border-top:1px solid #e1e6ec}.home-connection-card{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:12px;border:1px solid #dfe6ed;border-radius:6px;background:#fff;font-size:11px}.home-connection-card span{padding:5px 7px;border:1px solid #d5e0eb;border-radius:5px;background:#edf3f8;color:#52667b;font-weight:700}
.results-screen{margin-top:50px}.results-screen .app-screen-body{padding-bottom:22px}.app-search-row{display:flex;gap:8px;margin-top:12px}.app-search-row strong{flex:1;padding:10px 12px;border:1px solid #d4dfe9;border-radius:5px;background:#fff;color:#243247;font-size:12px}.app-search-row button{padding:0 19px;font-size:12px}.app-result-list{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}.app-result-list article{padding:14px 17px;border:1px solid #dfe6ed;border-radius:7px;background:#fff}.app-result-list a{display:block;color:#245997;font-size:13px;font-weight:800;text-decoration:underline}.app-result-list small{display:block;margin-top:7px;color:#728196;font-size:10px;font-weight:700}.app-result-list p{margin-top:9px;color:#4d5e72;font-size:11px;line-height:1.55}
.connections-screen{width:100%;margin-top:0}.connections-screen .app-screen-body{padding:22px}.connections-screen .app-screen-body h3{font-size:24px}.app-tabs{display:flex;gap:6px;margin-top:18px}.app-tabs b{padding:8px 9px;border:1px solid #d8e2ec;border-radius:5px;background:#fff;color:#245997;font-size:10px}.provider-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.provider-cards article{position:relative;min-height:128px;padding:13px;border:1px solid #dce5ed;border-radius:7px;background:#fff}.provider-cards article>b{font-size:13px}.provider-cards em{position:absolute;top:12px;right:10px;padding:5px 6px;border-radius:14px;background:#e4f4eb;color:#207348;font-size:9px;font-style:normal;font-weight:800}.provider-cards p{margin-top:20px;color:#536377;font-size:9px;line-height:1.55}.provider-cards footer{position:absolute;right:0;bottom:0;left:0;padding:9px 12px;border-top:1px solid #edf0f3;color:#217449;font-size:9px;font-weight:800}
.product-orbit{height:auto;padding:18px 0 0}.product-orbit .production-screen{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.ask-demo-section{grid-template-columns:.8fr 1.2fr}.ask-demo-section .production-screen{align-self:center}

/* Phase927: 「人に聞く」から「根拠を自分で探す」への変化を、ヒーローで具体化する。 */
.hero-contrast{display:grid;grid-template-columns:1fr 22px 1fr;gap:9px;align-items:center;margin-top:24px;max-width:530px}.contrast-card{min-height:118px;padding:13px;border:1px solid #454a55;border-radius:7px;background:#1a1c22}.contrast-card small{display:block;font:700 10px/1.4 "DM Mono",monospace;color:#aeb5c0}.contrast-card b{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:#f1f3f5}.contrast-card p{margin-top:7px;font-size:11px;line-height:1.6;color:#aeb5c0}.contrast-search{border-color:rgba(185,255,77,.52);background:rgba(185,255,77,.07)}.contrast-search small{color:var(--accent)}.contrast-search b{color:#f5f8ed}.contrast-search p{color:#d0dac1}.contrast-arrow{text-align:center;color:var(--accent);font-size:20px}.home-search-query{display:flex;align-items:center;padding:0 10px;color:#25364b;font-size:11px;font-weight:700}
@media(max-width:600px){.hero-contrast{grid-template-columns:1fr;gap:8px;max-width:none}.contrast-card{min-height:0}.contrast-arrow{transform:rotate(90deg);line-height:1}.workflow-query b{font-size:15px;line-height:1.45}}
.search-difference-section{position:relative;z-index:1;padding:132px max(36px,calc((100vw - 1232px)/2));background:#fff;color:#16202a;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border-block:1px solid #e0e5e9}.search-difference-section .demo-heading .section-index,.search-expert-proof .section-index{color:#527a31}.search-difference-section .demo-heading h2{color:#14202b}.search-difference-section .demo-heading>p:last-child{color:#465463}.search-difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}.search-difference-grid article{min-height:190px;padding:25px;border:1px solid #dce2e7;border-radius:9px;background:#f7f9fa}.search-difference-grid small{font:700 11px "DM Mono",monospace;color:#65707d}.search-difference-grid b{display:block;margin-top:28px;font-size:21px;line-height:1.45;color:#1e2a36}.search-difference-grid p{margin-top:12px;color:#52606e;font-size:15px;line-height:1.75}.search-difference-grid .search-difference-gatepath{border-color:#9dc978;background:#f4faed}.search-difference-grid .search-difference-gatepath small{color:#46752c}.search-difference-note{margin-top:20px;padding:19px 22px;border-left:3px solid #72a34a;background:#f5faef;color:#29421f;font-size:16px;line-height:1.8}.search-difference-note::first-line{font-weight:700}.search-expert-proof{margin-top:46px;padding:34px;border:1px solid #dce2e7;border-radius:10px;background:#f7f9fa}.search-expert-proof h3{margin-top:14px;color:#18212c;font-size:27px;line-height:1.45;letter-spacing:-.05em}.search-expert-proof>p:not(.section-index){max-width:670px;margin-top:14px;color:#465463;font-size:15px;line-height:1.85}.search-expert-evidence-title{margin-top:28px;color:#29421f;font-size:15px;line-height:1.5}.search-expert-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.search-expert-links a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #c9d7bd;border-radius:6px;background:#fff;color:#29421f;font-size:13px;font-weight:700}.search-expert-links a:hover{background:#f0f8e9}.search-expert-links span{font-size:16px}@media(max-width:600px){.search-difference-section{padding:88px 25px}.search-difference-grid{grid-template-columns:1fr;margin-top:36px}.search-difference-grid article{min-height:0}.search-difference-note{font-size:15px}.search-expert-proof{margin-top:32px;padding:24px}.search-expert-proof h3{font-size:22px}.search-expert-links{display:grid}.search-expert-links a{justify-content:space-between}}
@media(max-width:900px){.home-screen{height:430px}.app-screen-body{padding:20px}.app-screen-body h3{font-size:22px}.provider-cards{grid-template-columns:1fr}.provider-cards article{min-height:102px}.provider-cards p{margin-top:15px}.connections-screen{max-height:490px}.results-screen{margin-top:40px}}
@media(max-width:600px){.app-screen-header{height:35px;padding:0 11px;font-size:8px}.app-screen-header b{font-size:9px}.app-screen-body{padding:15px}.app-screen-body h3{font-size:19px}.app-screen-body h4{margin-top:15px;font-size:13px}.app-screen-body label,.app-subtitle{margin-top:8px;font-size:9px}.home-screen{height:370px}.home-screen .app-screen-body>button{top:103px;right:15px;height:26px;padding:0 11px;font-size:10px}.app-search-input{height:26px}.home-connection-card{padding:9px;font-size:9px}.home-connection-card span{padding:4px;font-size:8px}.app-tabs{gap:3px;overflow:hidden}.app-tabs b{padding:6px;font-size:8px;white-space:nowrap}.connections-screen .app-screen-body{padding:15px}.provider-cards{gap:5px;margin-top:9px}.provider-cards article{min-height:86px;padding:9px}.provider-cards article>b{font-size:10px}.provider-cards em{top:8px;right:7px;font-size:7px}.provider-cards p,.provider-cards footer{font-size:7px}.provider-cards footer{padding:6px 9px}.app-result-list{gap:6px;margin-top:12px}.app-result-list article{padding:10px}.app-result-list a{font-size:10px}.app-result-list small,.app-result-list p{font-size:8px}.results-screen{margin-top:30px}}
/* Phase934: 「権限は元システムのまま」という主張だけでは、社内文書を接続する判断材料にならない。
   実装で裏づけられる事実（fail-closed / 削除・権限変更の反映 / 保管先 / 接続情報の暗号化）を
   カードで併記する。.security-section は 2 カラムグリッドのため grid-column:1/-1 で全幅に敷く。
   セクションは白背景（62 行目の上書き）なので、カードも明色側で揃える。 */
.security-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.security-fact{padding:21px 22px;border:1px solid #dce2e7;border-radius:8px;background:#f7f8fa}
.security-fact-mark{display:grid;place-items:center;width:26px;height:26px;margin-bottom:14px;border-radius:5px;background:#edf4e4;color:#3d6b25;font-size:14px}
.security-fact b{display:block;font-size:15px;line-height:1.45;letter-spacing:-.04em;color:#14202b}
.security-fact p{margin-top:8px;color:#4d5b6a;font-size:12px;line-height:1.75}
@media(max-width:900px){.security-facts{margin-top:6px}}
@media(max-width:600px){.security-facts{grid-template-columns:1fr;gap:9px}.security-fact{padding:16px 17px}.security-fact p{font-size:12.5px}}
/* Phase934: 差別化セクションは既存の .difference-* を再利用するが、旧レイヤの 2 列指定を狭幅で
   引き継ぐと 375px 幅で 157x378px の極端な縦長カードになる（STEP 7.5 のブラウザ実測）。
   .difference-grid はこのセクション専用のため、狭幅だけ 1 列へ落としても波及しない。 */
@media(max-width:600px){.difference-grid{grid-template-columns:1fr;gap:9px}.difference-grid article{min-height:0}}
.ai-terminal{font-family:"DM Mono","Noto Sans JP",monospace}.ai-terminal .terminal-command{margin-top:22px;padding:10px 12px;border-left:3px solid #5a6270;background:#292c33;color:#f0f2f4;font-size:12px;line-height:1.6}.terminal-called{display:block;margin-top:16px;color:#999fa9;font-size:10px}.terminal-answer{margin-top:18px;color:#d9dde3;font-size:11px;line-height:1.7}.terminal-answer>b{display:block;margin-top:13px;color:#fff;font-size:12px}.terminal-answer p{margin-top:6px}.terminal-answer strong{color:#fff}.terminal-answer ul{margin:7px 0 0;padding-left:17px;color:#c9cdd5}.terminal-answer li+li{margin-top:5px}.ai-terminal .context-top{color:#d8dbe0}

/* Phase1015: Keep the desktop header readable at intermediate widths and make
   the first view fit without removing its message. */
.site-header nav,
.site-header nav a,
.header-cta { white-space: nowrap; }
.site-header nav { flex:1 1 auto; min-width:0; flex-wrap:wrap; justify-content:flex-end; margin-left:clamp(16px, 3vw, 48px); margin-right:clamp(16px, 2vw, 28px); gap:clamp(8px, 1.2vw, 18px); }
.header-cta { flex: 0 0 auto; }
@media (max-width:900px) {
  .site-header { height:auto; flex-wrap:wrap; }
  .site-header nav { display:flex; order:3; flex:0 0 100%; margin:0; padding:0 0 12px; justify-content:space-between; gap:8px; }
  .site-header nav a { padding:6px 0; font-size:12px; }
}
@media (min-width:901px) {
  .section-shell { padding:54px clamp(36px, 5vw, 72px) 48px; }
  .hero { grid-template-columns:1fr 1fr; min-height:0; gap:clamp(42px, 5vw, 64px); }
  .hero h1 { margin-top:20px; font-size:clamp(50px, 4vw, 58px); }
  .hero-service-line { margin-top:18px; }
  .hero-contrast { margin-top:18px; }
  .contrast-card { min-height:104px; }
  .actions { margin-top:24px; }
  .hero-permission { margin-top:24px; }
}
.difference-section { padding-right:clamp(25px, 5vw, 72px); padding-left:clamp(25px, 5vw, 72px); }
.difference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difference-grid article{min-height:238px}.difference-grid p strong{display:inline-block;margin-bottom:7px;color:#29421f;font-size:16px}@media(max-width:900px){.difference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difference-grid article{min-height:250px}}@media(max-width:700px){.difference-grid{grid-template-columns:1fr}.difference-grid article{min-height:0}.difference-grid p strong{font-size:15px}}

/* Phase1017: reserve the first viewport for the primary message, CTA, and product. */
@media (min-width:901px) {
  .hero.section-shell { min-height:min(calc(100svh - 86px), 900px); padding-top:clamp(20px, 3vh, 28px); padding-bottom:clamp(36px, 5vh, 48px); }
  .hero-copy { transform:translateY(-72px); }
  .hero-details { padding-top:52px; padding-bottom:72px; }
}

/* Phase1020: phone-first composition. Keep every navigation destination visible
   while giving the hero a readable single-column flow and tap-sized controls. */
@media (max-width:600px) {
  .site-header { padding:0 16px; }
  .brand { font-size:18px; }
  .header-cta { min-height:42px; padding:9px 11px; font-size:12px; }
  .site-header nav { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px 12px; padding:0 0 14px; }
  .site-header nav a { min-height:36px; padding:7px 0; text-align:center; font-size:12px; }
  .hero.section-shell { padding:46px 20px 52px; }
  .hero { gap:34px; }
  .hero-copy { transform:none; }
  .hero h1 { margin-top:16px; font-size:clamp(42px, 13vw, 54px); line-height:1.08; }
  .hero-service-line { margin-top:16px; font-size:17px; line-height:1.55; }
  .actions { gap:14px; margin-top:24px; }
  .button { min-height:48px; padding:13px 16px; font-size:15px; }
  .text-link { padding-bottom:5px; font-size:13px; }
  .product-orbit { width:100%; padding-top:0; }
  .hero-details { padding:38px 20px 54px; }
  .hero-details .hero-lead { font-size:15px; line-height:1.75; }
  .hero-details .hero-contrast { margin-top:20px; }
  .hero-details .hero-permission { margin-top:18px; }
}

/* Phase1106: 販売導線。既存の dark Hero / light document 構成を保ったまま追加する。 */
.trial-note,.closing-trial-note{margin-top:14px;color:#c8d1db;font-size:13px;line-height:1.65}.video-demo{display:flex;align-items:center;justify-content:space-between;gap:42px;padding-top:64px;padding-bottom:64px;border-block:1px solid #dce3e8;background:#fff;color:#17222e}.video-demo[hidden]{display:none}.video-demo h2{margin-top:12px;font-size:clamp(30px,3vw,46px);line-height:1.15;letter-spacing:-.05em}.video-demo h2 em{color:#3d6d25;font-style:normal}.video-demo p:last-child{margin-top:14px;max-width:620px;color:#536170;font-size:16px;line-height:1.8}.video-demo-cta{display:inline-flex;flex:0 0 auto;align-items:center;gap:14px;padding:17px 20px;border-radius:6px;background:#1d2835;color:#fff;font-weight:700}.video-demo-cta span{color:#c8ff74;font-size:18px}.security-summary{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}.security-summary li{position:relative;padding-left:18px;color:#263848;font-size:14px;line-height:1.65}.security-summary li::before{content:"✓";position:absolute;left:0;color:#4f7b2b;font-weight:800}.pricing-example span{color:#3e7026;font-weight:700}@media(max-width:700px){.video-demo{display:grid;gap:26px;padding-top:52px;padding-bottom:52px}.video-demo-cta{justify-content:space-between}.trial-note,.closing-trial-note{font-size:12px}.security-summary li{font-size:13px}}

/* Phase1107: 本文を一枚の白い面に統一し、販売判断に必要なカードだけで強弱を付ける。 */
.video-demo,.demo-section,.demo-scenarios,.search-difference-section,.feature-section,.difference-section,.security-section,.pricing-section,.time-cost-section,.onpremise-section{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border-color:#e0e5e9}
.video-demo{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);align-items:center}.video-demo-copy{grid-row:1/3}.video-player-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #dce2e7;border-radius:10px;background:#17212d}.video-player-shell iframe{width:100%;height:100%;border:0}.video-demo-cta{width:100%;height:100%;justify-content:center;border:0;cursor:pointer}.video-trial-cta{justify-self:start;margin-top:24px;background:#1d2835;color:#fff}.video-trial-cta:hover{background:#314252}
.pricing-section{padding-top:128px;padding-bottom:128px}.pricing-card-title{display:flex;gap:10px;align-items:center;justify-content:space-between}.pricing-badge{padding:5px 8px;border-radius:999px;background:#dff0cf;color:#315d20;font-size:11px;font-weight:800}.pricing-purpose{min-height:44px;margin-top:11px;color:var(--lp-price-sub);font-size:13px;line-height:1.55}.pricing-facts{margin-top:18px}
.time-cost-section{padding-top:104px;padding-bottom:104px}.roi-decision-grid{grid-template-columns:repeat(3,1fr)}.roi-plan-card{min-height:178px}.roi-details{margin-top:22px;padding:20px 22px;border:1px solid #dce2e7;border-radius:9px;background:#f7f8fa;color:#465463;font-size:14px;line-height:1.85}.roi-details summary{cursor:pointer;color:#1d3446;font-weight:800}.roi-details div{margin-top:16px}.roi-details a{color:#315c25;font-weight:700;text-decoration:underline}
@media(max-width:800px){.video-demo{grid-template-columns:1fr}.video-demo-copy{grid-row:auto}.video-trial-cta{width:100%;justify-content:center;margin-top:0}.roi-decision-grid{grid-template-columns:1fr}.pricing-purpose{min-height:0}}

/* Phase1108: Hero直下の概要も本文の白い連続面へ揃える。 */
.hero-details{position:relative;z-index:1;background:#fff;color:#16202a;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.hero-details .hero-lead{color:#465463}.hero-details .contrast-card{border-color:#dce2e7;background:#f7f8fa}.hero-details .contrast-card small{color:#65707d}.hero-details .contrast-card b{color:#1e2a36}.hero-details .contrast-card p{color:#52606e}.hero-details .contrast-search{border-color:#9dc978;background:#f4faed}.hero-details .contrast-search small{color:#46752c}.hero-details .contrast-search b{color:#29421f}.hero-details .contrast-search p{color:#4b6740}.hero-details .contrast-arrow{color:#4d812c}.hero-details .hero-permission{border-color:#bdd8a4;background:#f5faef}.hero-details .hero-permission p{color:#465463}.hero-details .hero-permission strong{color:#1d3320}
.service-wall{margin-top:62px;padding:42px;border:1px solid #dce3e8;border-radius:14px;background:linear-gradient(135deg,#f8fbf5 0%,#fff 52%,#f3f6fb 100%);box-shadow:0 18px 40px rgba(25,34,46,.08)}.service-wall-heading{max-width:590px}.service-wall .section-index{color:#527a31}.service-wall h2{margin-top:11px;color:#182634;font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.055em}.service-wall h2 em{color:#38526b;font-family:Georgia,"Noto Serif JP",serif;font-weight:400}.service-wall-heading>p:last-child{margin-top:14px;color:#52606e;font-size:16px;line-height:1.8}.service-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:32px 0 0;padding:0;list-style:none}.service-wall-grid li{display:flex;align-items:center;gap:13px;min-height:72px;padding:16px;border:1px solid #dce3e8;border-radius:8px;background:rgba(255,255,255,.86);box-shadow:0 3px 10px rgba(25,34,46,.035);color:#273745;font-size:15px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-wall-grid li:hover{transform:translateY(-2px);border-color:#b7cf9c;box-shadow:0 10px 20px rgba(55,82,48,.12)}.service-wall-grid img{display:block;flex:0 0 auto;width:32px;height:32px;object-fit:contain}.service-wall-grid span{min-width:0;overflow-wrap:anywhere}@media(max-width:800px){.service-wall{margin-top:48px;padding:30px}.service-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}}@media(max-width:520px){.service-wall{margin-top:38px;padding:23px 18px;border-radius:10px}.service-wall h2{font-size:29px}.service-wall-heading>p:last-child{font-size:15px}.service-wall-grid{grid-template-columns:1fr;gap:8px;margin-top:22px}.service-wall-grid li{min-height:64px;padding:14px;font-size:15px}}
.scenario-role{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf4e4;color:#426c27;font:700 11px/1.4 "DM Mono",sans-serif;letter-spacing:.02em}.scenario-role+.scenario-query{margin-top:14px}.cta-consult-link,.video-consult-cta,.pricing-consult-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#32495c;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:#aab8c4;text-underline-offset:5px}.cta-consult-link:hover,.video-consult-cta:hover,.pricing-consult-link:hover{color:#315d20;text-decoration-color:#315d20}.actions .cta-consult-link{color:#dce5ed;text-decoration-color:#8796a6}.closing-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:38px}.closing-actions .button{margin-top:0}.closing-actions .cta-consult-link{color:#e5edf2;text-decoration-color:#8796a6}.video-consult-cta{grid-column:2;justify-self:start;margin-top:-10px}.pricing-consult-link{margin-top:14px;font-size:12px;align-self:center}@media(max-width:800px){.video-consult-cta{grid-column:auto;justify-self:start;margin-top:0}}@media(max-width:600px){.actions{gap:20px}.closing-actions{flex-direction:column;gap:19px;margin-top:31px}.video-consult-cta{justify-self:center}}

/* Phase1109: AI回答UI未実装のため、実画面ではない概念図として明示する。 */
.ai-client-concept{padding:18px;border:1px solid #dfe5ec;border-radius:10px;background:#f7f8fa;color:#172130;box-shadow:0 24px 55px rgba(7,22,42,.16)}.concept-label{display:inline-block;margin-bottom:12px;color:#536575;font-size:11px;font-weight:800}.concept-window{overflow:hidden;border:1px solid #dfe5ec;border-radius:7px;background:#fff}.concept-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e0e6ed;color:#536575;font-size:10px}.concept-header b{color:#1c2735;font-size:11px}.concept-header span{padding:4px 7px;border-radius:999px;background:#edf4e4;color:#3d6b25;font-weight:800}.concept-question{margin:16px;padding:11px 12px;border-left:3px solid #4d812c;background:#f5faef;color:#263848;font-size:13px;font-weight:700;line-height:1.65}.concept-result{margin:0 16px 16px;padding:14px;border:1px solid #dfe6ed;border-radius:6px;background:#fff}.concept-result>b{color:#263848;font-size:11px}.concept-result p{margin-top:7px;color:#344353;font-size:13px;font-weight:700;line-height:1.65}.concept-result ul{margin:11px 0 0;padding-left:17px;color:#536575;font-size:11px;line-height:1.65}.concept-result li+li{margin-top:5px}
.connection-count-note{max-width:780px;margin:28px auto 0;padding:22px 24px;border:1px solid var(--lp-price-line);border-radius:8px;background:#f7f8fa;color:#465463}.connection-count-note h3{color:var(--lp-price-ink);font-size:16px}.connection-count-note p{margin-top:9px;font-size:13px;line-height:1.75}.connection-count-note ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin:13px 0 0;padding:0;list-style:none;color:#263848;font-size:12px;font-weight:700}.connection-count-note li::before{content:"✓";margin-right:6px;color:#4f7b2b}@media(max-width:620px){.connection-count-note{margin-top:18px;padding:18px}.connection-count-note ul{display:grid;gap:7px;font-size:12px}}

.language-switcher{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d8dee8;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.14);color:#536170;font:600 12px/1.4 system-ui,sans-serif}.language-switcher select{min-width:92px;max-width:100%}.feature-copy,.security-copy,.difference-intro,.security-grid{min-width:0}html[lang="en"] .site-header nav,html[lang="en"] .site-header nav a,html[lang="en"] .header-cta{white-space:normal}html[lang="en"] .hero h1,html[lang="en"] .demo-heading h2,html[lang="en"] .feature-copy h2,html[lang="en"] .difference-intro h2,html[lang="en"] .security-copy h2{letter-spacing:-.025em;overflow-wrap:anywhere}html[lang="en"] .pricing-card,html[lang="en"] .roi-plan-card{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.language-switcher{right:10px;bottom:10px}.language-switcher label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}

/* Phase: LP outcome-first restructure. Outcome cards sit inside the light .hero-details block. */
.outcome-wall{margin-top:58px}
.outcome-wall-heading{max-width:860px}
.outcome-wall-heading h2{margin:14px 0 0;font-size:clamp(27px,3vw,42px);line-height:1.14;letter-spacing:-.05em;color:#15202b;font-weight:700}
.outcome-wall-heading h2 em{font-style:normal;color:#3f7a12}
.outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0 0;padding:0;list-style:none}
.outcome-grid li{display:flex;flex-direction:column;gap:9px;min-width:0;padding:20px;border:1px solid #dce3e8;border-radius:11px;background:#fff;box-shadow:0 10px 26px rgba(25,34,46,.06)}
.outcome-num{font:500 11px/1 "DM Mono",monospace;letter-spacing:.08em;color:#7d8896}
.outcome-grid b{font-size:17px;line-height:1.4;letter-spacing:-.035em;color:#15202b}
.outcome-grid p{margin:0;font-size:14px;line-height:1.72;color:#4a5867;letter-spacing:-.01em;overflow-wrap:anywhere}
.security-lede{margin:16px 0 0;font-size:16px;line-height:1.75;color:#3d4b5a;letter-spacing:-.015em}
@media(max-width:1024px){.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.outcome-wall{margin-top:46px}.outcome-grid{margin-top:26px}}
@media(max-width:600px){.outcome-grid{grid-template-columns:1fr;gap:10px}.outcome-grid li{padding:17px}
  /* 日本語の長い HERO 見出しが 1 文字折り返しにならないよう、スマートフォンでは縮める */
  .hero h1{font-size:clamp(29px,8.1vw,44px);letter-spacing:-.055em}
  .closing h2{font-size:clamp(30px,8.4vw,42px)}
  .security-copy h2{font-size:clamp(29px,8vw,40px)}
  .demo-heading h2{font-size:clamp(24px,6.6vw,36px)}
}
/* AI セクションの見出しが長くなったため、1 文字だけの折り返しが出ないよう縮める */
.feature-copy h2{font-size:clamp(28px,3.2vw,44px);line-height:1.14}

/* Pain -> Outcome -> Because の順序。HERO の痛みの問いかけと、Outcome 手前の Pain セクション。 */
.hero-pain{margin:20px 0 0;max-width:560px;padding-left:14px;border-left:2px solid rgba(185,255,77,.55);color:#cbd1dc;font-size:clamp(17px,1.45vw,21px);line-height:1.6;letter-spacing:-.03em;font-weight:500}
.hero-pain+h1{margin-top:20px}
.pain-wall{margin-top:8px}
.pain-grid li{border-color:#e0e5ea;background:#f6f8fa;box-shadow:none}
.pain-grid b{color:#24313f}
.pain-grid p{color:#5a6775}
.outcome-pain{margin:0;padding-left:10px;border-left:2px solid #d7dde3;font-size:13px;line-height:1.6;color:#7d8896;letter-spacing:-.01em}
@media(max-width:600px){.hero-pain{font-size:16px;padding-left:11px}.hero-pain+h1{margin-top:18px}}
@media(max-width:600px){.outcome-wall-heading h2{font-size:clamp(20px,5.7vw,42px)}}
/* 901〜1150px では HERO の段組が狭く、長い日本語見出しが 1〜2 文字で折り返すため縮める */
@media (min-width:901px) and (max-width:1150px){.hero h1{font-size:clamp(30px,4.2vw,44px)}}
/* 中間幅では HERO の CTA 3 本が 1 行に収まらず 2〜3 行に割れるので、折り返して並べる */
@media (min-width:901px) and (max-width:1250px){.actions{flex-wrap:wrap;gap:16px 22px}.actions .cta-consult-link,.actions .text-link{white-space:nowrap}}

/* Phase1335: ヘッダーのログイン導線。未ログインで認証必須 URL に来た人は LP に着くため、
   ここから入れないと戻る手段が無い。CTA（新規登録）より弱い見た目にして主従を保つ。 */
.header-login{font:500 11px/1 "DM Mono",monospace;letter-spacing:.02em;color:#b1b5c0;white-space:nowrap;margin-right:14px}
.header-login:hover{color:#fff}
.site-header nav{margin-right:clamp(10px,1.4vw,18px)}
@media(min-width:901px){.header-login{font-size:14px;font-weight:600;letter-spacing:0;padding:13px 2px}}
@media(max-width:900px){.header-login{font-size:13px;margin-right:10px}}
@media(max-width:480px){.header-login{font-size:12px;margin-right:8px}}

/* ROI simulator: input and result panels reuse the LP's document-card language. */
.roi-simulator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:38px}.roi-input-panel,.roi-results{min-width:0;padding:28px;border:1px solid #dce2e7;border-radius:12px;background:#f8f9fa;box-shadow:0 12px 26px rgba(25,34,46,.05)}.roi-results{background:#fff}.roi-input-panel>h3,.roi-results>h3{color:#1b2a36;font-size:18px;line-height:1.4}.roi-slider-group{margin-top:22px}.roi-control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.roi-control-heading label{color:#324252;font-size:14px;font-weight:700;line-height:1.5}.roi-control-heading output{flex:0 0 auto;color:#315d20;font:700 14px/1.5 "DM Mono",monospace;white-space:nowrap}.roi-slider-group input[type="range"]{display:block;width:100%;height:30px;margin:7px 0 0;accent-color:#4f7b2b;cursor:pointer;touch-action:manipulation}.roi-slider-group input[type="range"]:focus-visible{outline:3px solid rgba(79,123,43,.32);outline-offset:3px;border-radius:4px}.roi-fee-fieldset{min-width:0;margin:28px 0 0;padding:22px 0 0;border:0;border-top:1px solid #dce2e7}.roi-fee-fieldset legend{padding:0;color:#324252;font-size:14px;font-weight:700}.roi-fee-fieldset>p{margin-top:7px;color:#61707d;font-size:12px;line-height:1.7}.roi-fee-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.roi-fee-radio{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.roi-fee-radio+label{display:grid;gap:5px;min-height:74px;padding:12px 9px;border:1px solid #d3dce3;border-radius:8px;background:#fff;color:#4d5b68;cursor:pointer;line-height:1.35}.roi-fee-radio+label span{font-size:12px;font-weight:700}.roi-fee-radio+label strong{color:#1b2a36;font-size:13px;letter-spacing:-.025em;overflow-wrap:anywhere}.roi-fee-radio:checked+label{border-color:#6e9b4d;background:#f1f8ea;box-shadow:inset 0 0 0 1px #6e9b4d}.roi-fee-radio:checked+label span,.roi-fee-radio:checked+label strong{color:#315d20}.roi-fee-radio:focus-visible+label{outline:3px solid rgba(79,123,43,.35);outline-offset:2px}.roi-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.roi-result-card{min-width:0;padding:17px;border:1px solid #dce2e7;border-radius:9px;background:#f8f9fa}.roi-result-card p{color:#5a6875;font-size:12px;font-weight:700;line-height:1.55}.roi-result-card strong{display:flex;align-items:baseline;gap:2px;margin-top:8px;color:#1c2d39;font-size:clamp(22px,2.2vw,31px);line-height:1.18;letter-spacing:-.055em;overflow-wrap:anywhere}.roi-result-card strong span{font-size:.53em;letter-spacing:0}.roi-result-primary{border-color:#bfd8a7;background:#f3faed}.roi-result-primary p{color:#46702e}.roi-result-primary strong{color:#315d20}.roi-result-card.is-negative{border-color:#e6b9b5;background:#fff4f2}.roi-result-card.is-negative p,.roi-result-card.is-negative strong{color:#a43d36}.roi-disclaimer{margin-top:18px;color:#64717d;font-size:12px;line-height:1.8}.roi-cta{justify-content:center;width:100%;margin-top:20px;background:#1d2835;color:#fff}.roi-cta:hover{background:#314252}
@media(max-width:900px){.roi-simulator{grid-template-columns:1fr}.roi-input-panel,.roi-results{padding:24px}.roi-result-card strong{font-size:28px}}
@media(max-width:600px){.roi-simulator{gap:12px;margin-top:28px}.roi-input-panel,.roi-results{padding:20px 17px;border-radius:10px}.roi-control-heading label{font-size:13px}.roi-fee-options{gap:6px}.roi-fee-radio+label{min-height:69px;padding:10px 6px}.roi-fee-radio+label span{font-size:11px}.roi-fee-radio+label strong{font-size:11px}.roi-result-grid{gap:8px}.roi-result-card{padding:14px 12px}.roi-result-card p{font-size:11px}.roi-result-card strong{font-size:clamp(22px,7vw,29px)}.roi-disclaimer{font-size:11px}.roi-cta{min-height:52px;padding-inline:13px;font-size:14px}}

/* Phase1489: 表記の違いでも見つかる（検索精度）の訴求。.hero-details の白地内で pain-wall と #why の間に置く。 */
.accuracy-wall{margin-top:58px}.accuracy-wall .outcome-wall-heading>p:last-child{margin-top:14px;color:#52606e;font-size:16px;line-height:1.8}
.accuracy-survey{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;margin-top:30px;padding:26px 30px;border:1px solid #dce3e8;border-radius:11px;background:#fff;box-shadow:0 10px 26px rgba(25,34,46,.06)}.accuracy-stat{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.accuracy-stat-rank{padding:5px 9px;border-radius:4px;background:#3f7a12;color:#fff;font:500 11px/1 "DM Mono",monospace;letter-spacing:.06em}.accuracy-stat strong{color:#3f7a12;font-size:clamp(52px,5.6vw,76px);font-weight:700;line-height:1;letter-spacing:-.055em}.accuracy-stat strong small{margin-left:3px;font-size:.42em;letter-spacing:0}.accuracy-survey h3{color:#15202b;font-size:19px;line-height:1.45;letter-spacing:-.035em}.accuracy-survey p{margin-top:9px;color:#52606e;font-size:13px;line-height:1.75}.accuracy-survey .accuracy-source{font-size:12px}.accuracy-source a{color:#245997;text-decoration:underline;overflow-wrap:anywhere}
.accuracy-compare{margin-top:18px}.accuracy-message{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:14px 18px;border:1px dashed #c9d2db;border-radius:9px;background:#f6f8fa}.accuracy-message small{color:#65707d;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.05em}.accuracy-message b{color:#1e2a36;font-size:15px;letter-spacing:-.02em}
.accuracy-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.accuracy-panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;border:1px solid #dce3e8;border-radius:11px;background:#fff}.accuracy-panel h3{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#15202b;font-size:15px;letter-spacing:-.02em}.accuracy-verdict{flex:none;padding:5px 9px;border-radius:999px;font:500 10px/1 "DM Mono",monospace;letter-spacing:.04em}.accuracy-panel-miss .accuracy-verdict{background:#eef0f3;color:#5a6775}.accuracy-panel-hit{border-color:#9dc978;background:#f4faed;box-shadow:0 10px 26px rgba(63,122,18,.08)}.accuracy-panel-hit .accuracy-verdict{background:#3f7a12;color:#fff}.accuracy-query{padding:10px 12px;border:1px solid #d4dfe9;border-radius:5px;background:#fff;color:#243247;font-size:13px;font-weight:700}.accuracy-empty{display:grid;flex:1;place-items:center;min-height:88px;padding:16px;border:1px dashed #d4dbe2;border-radius:7px;background:#fafbfc;color:#6b7785;font-size:13px;text-align:center}.accuracy-empty b{font-weight:600}.accuracy-panel .app-result-list{margin-top:0}.accuracy-panel mark{padding:0 2px;border-radius:2px;background:#e2f3c8;color:inherit}.accuracy-also{color:#29421f;font-size:13px;line-height:1.7}.accuracy-chip{display:inline-block;margin-right:4px;padding:2px 8px;border:1px solid #9dc978;border-radius:999px;background:#fff;font-weight:700}
.accuracy-note{margin-top:12px;color:#65707d;font-size:11px;line-height:1.75}.accuracy-bridge{margin-top:26px;padding-left:14px;border-left:3px solid #3f7a12;color:#24313f;font-size:15px;font-weight:700;line-height:1.7;letter-spacing:-.02em}
@media(max-width:900px){.accuracy-wall{margin-top:46px}}
@media(max-width:700px){.accuracy-survey{grid-template-columns:1fr;gap:14px;padding:20px 18px}.accuracy-panels{grid-template-columns:1fr}.accuracy-wall .outcome-wall-heading>p:last-child{font-size:15px}.accuracy-bridge{font-size:14px}}