:root{--ink:#10231f;--ink-soft:#34504a;--paper:#f5f7f4;--white:#fff;--deep:#071c18;--deep-2:#0c2c25;--green:#18a66f;--green-bright:#36d796;--cyan:#4fc7c0;--amber:#f3b63f;--red:#d85f55;--line:#d8e1dc;--muted:#70827d;--shell:1120px;--font:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--ink);background:#eef2ef;font-family:var(--font);letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:inherit}img,svg{display:block;max-width:100%}p,h1,h2,h3{margin-top:0}.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}.page-scroll{height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior-y:contain}
.site-header{position:sticky;top:0;z-index:40;background:rgba(7,28,24,.94);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:190px;height:auto}.header-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.header-nav a{color:#c6d6d1;font-size:.84rem;font-weight:700;text-decoration:none}.header-nav a:hover{color:var(--white)}.header-label{padding:7px 10px;border:1px solid rgba(79,199,192,.35);color:#8edbd6;font-size:.7rem;font-weight:800}
.hero{position:relative;min-height:660px;overflow:hidden;color:var(--white);background:var(--deep)}.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(79,199,192,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(79,199,192,.14) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 76%)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(79,199,192,.35)}.hero-inner{position:relative;min-height:660px;display:flex;align-items:center}.hero-copy{position:relative;z-index:3;width:54%;padding:74px 0 82px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#8fd4ca;font-size:.75rem;font-weight:800}.eyebrow span{width:28px;height:2px;background:var(--green-bright)}.eyebrow.dark{color:#397269}.hero h1{margin-bottom:24px;font-size:clamp(2.55rem,5.5vw,4.7rem);line-height:1.12;font-weight:800}.hero h1 strong{color:var(--green-bright);font-weight:inherit}.hero-lead{max-width:620px;color:#c6d4d0;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.9}.hero-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin:30px 0 20px;padding:0;list-style:none}.hero-points li{position:relative;padding-left:20px;color:#eef7f4;font-size:.86rem;font-weight:700}.hero-points li::before{content:"";position:absolute;left:0;top:.35em;width:8px;height:8px;border:2px solid var(--green-bright)}.cta-hint{margin:0;color:#88aaa2;font-size:.76rem}
.product-scene{position:absolute;z-index:2;right:-150px;top:76px;width:660px;min-height:515px;padding:26px;color:var(--ink);background:#f9fbfa;border:1px solid #45645e;box-shadow:0 30px 70px rgba(0,0,0,.34);transform:perspective(1400px) rotateY(-7deg);transform-origin:center right}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.scene-symbol{display:flex;align-items:baseline;gap:10px}.ticker{font-size:1.25rem;font-weight:900}.company{color:var(--ink-soft);font-size:.78rem;font-weight:700}.market-open{padding:5px 8px;color:#137450;background:#e4f6ed;font-size:.65rem;font-weight:800}.score-row{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:14px;padding:24px 0 20px}.score-block{padding-right:18px;border-right:1px solid var(--line)}.metric-label{display:block;color:var(--muted);font-size:.68rem;font-weight:700}.score-block strong{font-size:2.75rem;line-height:1}.score-block small{color:var(--muted)}.score-status{display:block;width:max-content;margin-top:7px;padding:4px 7px;color:#11714e;background:#def3e9;font-size:.62rem;font-weight:800}.metric{padding-top:8px}.metric span{display:block;color:var(--muted);font-size:.66rem;font-weight:700}.metric strong{display:block;margin:4px 0 9px;font-size:1.1rem}.metric i{display:block;width:100%;height:4px;background:#e2e8e5}.metric i::after{content:"";display:block;width:var(--value);height:100%;background:var(--green)}.chart-panel{padding:18px 18px 8px;background:var(--white);border:1px solid var(--line)}.chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800}.chart-heading strong{color:var(--green)}.price-chart{width:100%;height:185px;margin-top:8px;overflow:visible}.chart-lines path{fill:none;stroke:#edf1ef;stroke-width:1}.chart-area{fill:rgba(24,166,111,.1)}.chart-stroke{fill:none;stroke:var(--green);stroke-width:4}.price-chart circle{fill:var(--white);stroke:var(--green);stroke-width:4}.signal-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid var(--line)}.signal-row div{padding:11px 14px;border-right:1px solid var(--line)}.signal-row div:last-child{border-right:0}.signal-row span{display:block;color:var(--muted);font-size:.62rem}.signal-row strong{font-size:.78rem}.signal-row .positive{color:var(--green)}.signal-row .warning{color:#a56b00}
.trust-band{background:var(--white);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.trust-grid div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.trust-grid div:last-child{border-right:0}.trust-grid strong{font-size:1.35rem}.trust-grid span{margin-top:3px;color:var(--muted);font-size:.7rem;font-weight:700}
.section{padding:105px 0;background:var(--paper)}.section-heading{max-width:720px;margin-bottom:48px}.section-heading.compact{margin-bottom:34px}.section-heading h2,.analysis-copy h2,.risk-layout h2{margin-bottom:18px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.35}.section-heading>p:last-child,.analysis-copy>p{color:var(--ink-soft);line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbc9c3;border-bottom:1px solid #bbc9c3}.feature-item{position:relative;min-height:330px;padding:34px 32px;border-right:1px solid #bbc9c3}.feature-item:last-child{border-right:0}.feature-number{position:absolute;right:24px;top:24px;color:#9caaa5;font-size:.7rem;font-weight:800}.feature-icon{width:52px;height:52px;margin-bottom:30px;color:var(--green)}.feature-icon.bars{display:flex;align-items:end;gap:5px;padding:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor}.feature-icon.bars i{width:6px;background:currentColor}.feature-icon.bars i:nth-child(1){height:12px}.feature-icon.bars i:nth-child(2){height:22px}.feature-icon.bars i:nth-child(3){height:17px}.feature-icon.bars i:nth-child(4){height:31px}.feature-icon.focus{position:relative;border:2px solid currentColor;border-radius:50%}.feature-icon.focus::before,.feature-icon.focus::after{content:"";position:absolute;background:currentColor}.feature-icon.focus::before{left:8px;right:8px;top:24px;height:2px}.feature-icon.focus::after{top:8px;bottom:8px;left:24px;width:2px}.feature-icon.focus i{position:absolute;inset:15px;border:2px solid currentColor;border-radius:50%}.feature-icon.compare{position:relative}.feature-icon.compare i{position:absolute;width:22px;bottom:6px;border:2px solid currentColor}.feature-icon.compare i:first-child{left:3px;height:31px}.feature-icon.compare i:last-child{right:3px;height:43px;background:rgba(24,166,111,.12)}.feature-item h3{font-size:1.25rem}.feature-item p{color:var(--ink-soft);font-size:.88rem;line-height:1.85}
.analysis-section{padding:110px 0;color:var(--white);background:var(--deep-2)}.analysis-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.analysis-copy>p{color:#b8cbc5}.analysis-list{margin-top:38px;border-top:1px solid rgba(255,255,255,.18)}.analysis-list>div{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.18)}.analysis-list span{color:var(--green-bright);font-size:.7rem;font-weight:800}.analysis-list p{margin:0;color:#afc2bc;font-size:.78rem}.analysis-list strong{display:block;margin-bottom:5px;color:var(--white);font-size:.95rem}.comparison-board{padding:26px;color:var(--ink);background:var(--white);box-shadow:0 24px 50px rgba(0,0,0,.25)}.board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;font-weight:900;border-bottom:2px solid var(--ink)}.board-head small{color:var(--muted);font-size:.64rem}.table-row{display:grid;grid-template-columns:1.55fr repeat(4,.72fr);align-items:center;min-height:68px;padding:0 12px;border-bottom:1px solid var(--line);text-align:center;font-size:.8rem}.table-row>span:first-child{text-align:left}.table-row b,.table-row small{display:block}.table-row small{margin-top:3px;color:var(--muted);font-size:.62rem}.table-label{min-height:38px;color:var(--muted);font-size:.62rem;font-weight:800}.table-row.selected{background:#edf8f3;border-left:3px solid var(--green)}.dot{width:32px;height:32px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:.68rem;font-weight:900}.dot.high{color:#0f704c;background:#d9f2e7}.dot.mid{color:#7b6506;background:#f7edc6}.dot.low{color:#a14e47;background:#f8dfdd}.risk-high{color:var(--red);font-weight:900}.board-note{display:flex;gap:8px;align-items:center;padding-top:16px;color:var(--muted);font-size:.64rem}.board-note span{width:8px;height:8px;background:var(--amber)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;border-top:1px solid #bbc9c3;border-bottom:1px solid #bbc9c3}.steps li{display:flex;gap:22px;min-height:180px;padding:34px 28px;border-right:1px solid #bbc9c3}.steps li:last-child{border-right:0}.steps>li>span{color:var(--green);font-size:.72rem;font-weight:900}.steps strong{display:block;margin-bottom:12px;font-size:1.05rem}.steps p{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.8}
.risk-section{padding:78px 0;color:var(--white);background:#153f37;border-top:1px solid #2d5f55}.risk-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.risk-copy p{color:#c3d3ce;font-size:.82rem;line-height:1.9}.risk-copy p:last-child{margin-bottom:0}.faq-section{background:var(--white)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:22px 42px 22px 0;cursor:pointer;font-size:.9rem;font-weight:800;list-style:none}.faq-list summary::after{content:"+";position:absolute;right:8px;font-size:1.25rem;font-weight:400}.faq-list details[open] summary::after{content:"-"}.faq-list p{padding:0 42px 22px 0;color:var(--ink-soft);font-size:.82rem;line-height:1.8}
.site-footer{padding:60px 0 28px;color:#c4d2ce;background:var(--deep)}.footer-grid{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:40px;padding-bottom:38px}.footer-grid img{width:200px}.footer-grid p{margin:0;color:#819b94;font-size:.75rem}.footer-links{display:flex;gap:20px}.footer-links a{color:#a9bdb7;font-size:.72rem;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;color:#66847c;font-size:.66rem;border-top:1px solid rgba(255,255,255,.1)}
.cta-floating{position:fixed;right:18px;bottom:max(12px,env(safe-area-inset-bottom));z-index:100;width:min(390px,calc(100% - 36px));min-height:62px;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;padding:10px 14px;color:#081d16;background:#31d67f;border:1px solid #66e5a5;box-shadow:0 10px 30px rgba(0,0,0,.25);text-decoration:none;transition:transform .18s,box-shadow .18s}.cta-floating:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.3)}.cta-line{display:grid;place-items:center;width:40px;height:40px;color:var(--white);background:#06c755;border:2px solid rgba(255,255,255,.75);border-radius:50%;font-size:.56rem;font-weight:900}.cta-floating strong,.cta-floating small{display:block}.cta-floating strong{font-size:1rem;line-height:1.3}.cta-floating small{margin-top:2px;color:#1c6549;font-size:.65rem;font-weight:700}.cta-arrow{font-size:1.35rem}
@media(max-width:900px){.header-nav{display:none}.hero{min-height:820px}.hero-inner{min-height:820px;align-items:flex-start}.hero-copy{width:100%;padding-top:62px}.product-scene{top:420px;right:-80px;width:620px;transform:scale(.78);transform-origin:top right}.analysis-layout,.risk-layout,.faq-layout{grid-template-columns:1fr;gap:44px}.feature-grid,.steps{grid-template-columns:1fr}.feature-item,.steps li{min-height:0;border-right:0;border-bottom:1px solid #bbc9c3}.feature-item:last-child,.steps li:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:640px){.site-footer{padding-bottom:118px}.shell{width:min(100% - 28px,var(--shell))}.page-scroll{height:calc(100dvh - 82px - env(safe-area-inset-bottom))}.header-inner{height:58px}.brand img{width:158px}.header-label{font-size:.62rem}.hero,.hero-inner{min-height:900px}.hero-copy{padding-top:46px}.hero h1{font-size:2.42rem}.hero-lead{font-size:.91rem;line-height:1.75}.hero-points{display:grid;gap:9px;margin-top:22px}.product-scene{top:568px;right:50%;width:600px;transform:translateX(50%) scale(.56);transform-origin:top center}.trust-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:12px 0}.trust-grid div{padding:12px 4px}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section,.analysis-section{padding:72px 0}.section-heading{margin-bottom:34px}.section-heading h2,.analysis-copy h2,.risk-layout h2{font-size:1.85rem}.feature-item{padding:28px 20px}.comparison-board{margin-inline:-4px;padding:15px 10px}.table-row{grid-template-columns:1.35fr repeat(4,.68fr);padding:0 4px;font-size:.68rem}.dot{width:28px;height:28px}.steps li{padding:26px 18px}.risk-section{padding:62px 0}.faq-layout{gap:18px}.footer-grid img{width:180px}.footer-links{flex-wrap:wrap}.footer-bottom{gap:20px}.cta-floating{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}