:root{--teal:#197488;--teal-dark:#0F5866;--teal-tint:#EAF4F5;--navy:#0A1F3D;--ink:#122027;--ink-soft:#4A5C63;--paper:#FFFFFF;--line:#DDE7E8;--red:#E4001B;--radius:14px;--maxw:1160px;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Noto Sans JP,Zen Kaku Gothic New,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif;font-weight:700;line-height:1.4;margin:0}.mono{font-family:Roboto Mono,monospace}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}@media (max-width:640px){.wrap{padding:0 20px}}.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.nav .logo img{height:34px;width:auto}.nav .product-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;color:var(--ink);letter-spacing:-.01em}.nav .product-logo img{height:32px}.nav-links{display:flex;align-items:center;gap:36px;font-size:14.5px;font-weight:500;color:var(--ink-soft)}.nav-links a:hover{color:var(--teal)}.nav-cta{background:var(--teal);color:#fff;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .2s ease}.nav-cta:hover{background:var(--teal-dark)}@media (max-width:900px){.nav-links{display:none}}@media (max-width:640px){.nw{white-space:normal!important}.contact-box{margin-left:0!important}}.br-mobile{display:none}.br-pc{display:inline}@media (max-width:980px){.br-pc{display:none}}@media (max-width:480px){.br-mobile{display:inline}}.hero{padding:28px 0 64px;overflow:hidden;position:relative}.hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:24px;align-items:flex-start}@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;color:var(--teal-dark);background:var(--teal-tint);padding:7px 14px;border-radius:999px;margin-bottom:14px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}.hero h1{font-size:clamp(30px,4.2vw,46px);letter-spacing:-.01em;color:var(--ink);margin-bottom:16px}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 .product-name{display:inline-flex;align-items:center;white-space:nowrap}.hero h1 .product-mark{height:.8em;width:auto;margin-right:.25em}.hero h1 .h1line{display:block;color:var(--teal);font-size:.5em;font-weight:700;line-height:1.5;white-space:nowrap}.br-mobile2{display:none}@media (max-width:480px){.hero h1{padding:12px 16px!important}.hero h1 .h1line{font-size:20px!important;margin-left:0!important;white-space:normal}.hero h1 em{font-size:34px!important;white-space:nowrap}.br-mobile2{display:inline}}.hero p.lead{font-size:16.5px;color:var(--ink-soft);max-width:46ch;margin-bottom:22px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px -6px rgba(25,116,136,.5)}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.hero-note{font-size:13px;color:var(--ink-soft)}.hero-note b{color:var(--ink)}.mock{background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 60px -24px rgba(10,31,61,.28);overflow:hidden}.mock-header{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:12px 18px;font-size:12px}.mock-header .dots{display:flex;gap:6px;margin-right:8px}.mock-header .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.mock-header .rec{margin-left:auto;display:flex;align-items:center;gap:6px;color:#ff8a8a;font-weight:600}.mock-header .rec i{width:7px;height:7px;border-radius:50%;background:#ff4d4d;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.mock-body{display:grid;grid-template-columns:1.1fr 1fr;gap:1px;background:var(--line);min-height:360px}@media (max-width:520px){.mock-body{grid-template-columns:1fr}}.panel{background:#fff;padding:16px 18px;display:flex;flex-direction:column}.panel-label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.transcript{background:#FCF8EF;border-radius:10px;padding:12px 14px;font-size:12.5px;color:#5b5142;flex:1;overflow:hidden}.transcript .line{margin-bottom:8px;opacity:0;animation:fadein .5s forwards}.transcript .ts{font-family:Roboto Mono,monospace;color:#b8ab8e;margin-right:8px;font-size:10.5px}@keyframes fadein{to{opacity:1}}.topics{display:flex;flex-direction:column;gap:8px}.topic-card{border:1.5px solid var(--teal);background:var(--teal-tint);border-radius:10px;padding:9px 12px;font-size:12px;opacity:0;transform:translateY(6px);animation:cardin .5s forwards}@keyframes cardin{to{opacity:1;transform:translateY(0)}}.topic-card .title{font-weight:700;color:var(--ink)}.summary{background:#F3FAFB;border-radius:10px;padding:12px 14px;font-size:12px;color:var(--ink-soft);margin-top:12px;flex:1}.summary mark{background:#DCEFF2;color:var(--teal-dark);border-radius:3px;padding:0 2px}.panel+.panel{border-left:0}.panel-right{display:flex;flex-direction:column}.panel-right .panel{flex:1;border-bottom:1px solid var(--line)}section{padding:96px 0}.section-head{max-width:620px;margin-bottom:56px}.section-head .eyebrow{margin-bottom:16px}.section-head h2{font-size:clamp(24px,3vw,34px);color:var(--ink)}.section-head p{color:var(--ink-soft);font-size:15.5px;margin-top:14px}.bg-tint{background:var(--teal-tint)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:900px){.feat-grid{grid-template-columns:1fr}}.feat-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;background:#fff;transition:box-shadow .2s ease,transform .2s ease}.feat-card:hover{box-shadow:0 20px 40px -20px rgba(18,32,39,.25);transform:translateY(-3px)}.feat-num{font-family:Roboto Mono,monospace;font-size:13px;color:var(--teal);font-weight:600;margin-bottom:16px}.feat-card h3{font-size:18.5px;margin-bottom:10px}.feat-card p{font-size:14px;color:var(--ink-soft)}.flow{display:flex;align-items:stretch;gap:0;margin-top:10px;flex-wrap:wrap}.flow-step{flex:1;min-width:200px;padding:22px 20px;position:relative;border:1px solid #fff;border-radius:10px}.flow-step .fnum{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:14px}.flow-step h4{font-size:15px;margin-bottom:6px}.flow-step p{font-size:13px;color:var(--ink-soft)}.flow-arrow{display:flex;align-items:center;color:var(--line);padding:0 4px;font-size:20px}@media (max-width:760px){.flow-arrow{display:none}}.integration{gap:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin-top:44px;flex-wrap:wrap}.integration,.integration .ic{display:flex;align-items:center}.integration .ic{width:46px;height:46px;border-radius:12px;background:var(--teal-tint);color:var(--teal);justify-content:center;font-size:20px;flex-shrink:0}.integration strong{font-size:14.5px}.integration span{font-size:13.5px;color:var(--ink-soft)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:860px){.quote-grid{grid-template-columns:1fr}}.quote-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px}.quote-card .company{font-size:13px;font-weight:700;color:var(--teal-dark);letter-spacing:.02em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.quote-card .company:before{content:"";width:4px;height:16px;background:var(--teal);border-radius:2px}.quote-card ul{margin:0 0 14px;padding-left:18px;font-size:14px;color:var(--ink)}.quote-card li{margin-bottom:8px}.quote-card .honest{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);font-size:13px;color:var(--ink-soft)}.quote-card .honest b{color:var(--ink)}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:900px){.persona-grid{grid-template-columns:1fr}}.persona-card{padding:24px 22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.persona-card h4{font-size:15px;margin-bottom:8px;color:var(--ink)}.persona-card p{font-size:13.5px;color:var(--ink-soft)}.mock-note{font-size:12px;color:var(--ink-soft);text-align:right;margin-top:8px}.timeline{display:flex;gap:0;margin-top:20px;flex-wrap:wrap}.tl-item{flex:1;min-width:220px;border-left:2px solid var(--line);padding:4px 24px 4px 20px;position:relative;margin-bottom:28px}.tl-item:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--teal)}.tl-item .when{font-family:Roboto Mono,monospace;font-size:13px;color:var(--teal);font-weight:600;margin-bottom:6px}.tl-item h4{font-size:15.5px;margin-bottom:6px}.tl-item p{font-size:13.5px;color:var(--ink-soft)}.cta-band{background:var(--teal);color:#fff;border-radius:24px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}.cta-band h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px;color:#fff}.cta-band p{color:rgba(255,255,255,.85);margin-bottom:30px;font-size:15px}.cta-band .btn-primary{background:#fff;color:var(--teal-dark);box-shadow:none}.cta-band .btn-primary:hover{background:#EFEFEF}.cta-band .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}.cta-band .btn-ghost:hover{border-color:#fff}.form-section{background:var(--teal-tint)}.form-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:start;max-width:900px}.form-box{background:#fff;border-radius:var(--radius);padding:32px;border:1px solid var(--line)}.form-box label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)}.form-box input,.form-box select,.form-box textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;margin-bottom:18px;font-family:inherit;background:#FCFDFD}.form-box textarea{min-height:90px;resize:vertical}.form-box .btn-primary{width:100%;justify-content:center;border:none;cursor:pointer;font-size:15px}.form-note{font-size:12.5px;color:var(--ink-soft);margin-top:12px}footer{padding:44px 0;border-top:1px solid var(--line)}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}footer .logo img{height:34px}footer .footer-company{color:inherit;margin-right:16px}footer .footer-company:hover{color:var(--teal)}footer .fcopy{font-size:12.5px;color:var(--ink-soft)}