:root{color-scheme:light;--ink:#202a46;--blue:#344fce;--muted:#4c5670;--paper:#fcfaf4;--line:#dadbea;--lav:#e6ebff;--yellow:#f9d471;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #485cda;outline-offset:4px}p,h1,h2,h3,dl,dd{margin:0}p{line-height:1.85}.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}section[id],.demo{scroll-margin-top:22px}.header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;line-height:1.2;letter-spacing:.02em}.brand small{display:block;font-size:10px;margin-bottom:3px}.mark{background:var(--blue);color:white;border-radius:12px;display:grid;place-items:center;width:40px;height:40px;font-weight:900;font-size:22px}.header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800}.pill{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 16px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:26px;padding-block:72px 82px}.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.09em;color:var(--blue);margin-bottom:16px}.eyebrow span,.window-head i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:6px}h1{font-size:clamp(36px,5vw,68px);line-height:1.24;letter-spacing:-.06em}h1 em{color:var(--blue);font-style:normal}h2{font-size:clamp(29px,4vw,49px);line-height:1.35;letter-spacing:-.04em}h3{font-size:20px;line-height:1.5}.lead{font-size:16px;color:var(--muted);margin-top:22px}.actions{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;background:var(--blue);color:white;padding:14px 19px;font-size:14px;font-weight:800;cursor:pointer;transition:background .18s,box-shadow .18s}.button:hover{background:#233baa;box-shadow:0 5px 15px #344fce38}.quiet{font-size:13px;font-weight:800;color:var(--blue)}.hero-price{margin-top:24px;font-size:13px}.hero-price strong{font-size:17px}.hero-price span{display:inline-block;background:#fff0bb;padding:1px 7px;border-radius:5px;margin-left:4px}.scene{position:relative;min-width:0;background:var(--lav);border:1px solid #d0d9fa;border-radius:27px;box-shadow:8px 8px 0 #d9e1fb;overflow:hidden}.scene svg{display:block;width:100%;height:auto}.scene-label,.scene-caption{position:absolute;font-size:11px;font-weight:800;letter-spacing:.06em}.scene-label{top:19px;left:20px}.scene-label i{display:inline-block;width:8px;height:8px;background:#5d71cf;border-radius:50%}.scene-caption{bottom:15px;right:18px}.bubble{position:absolute;left:4%;top:20%;background:white;border:1px solid var(--ink);border-radius:13px 13px 3px 13px;padding:9px 11px;box-shadow:3px 3px 0 #b3c0ef;font-size:clamp(10px,1.2vw,14px);font-weight:800;line-height:1.45;transform:rotate(-5deg)}.problems{padding-bottom:83px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.cards article span{display:inline-grid;place-items:center;background:#edf0ff;color:var(--blue);font-weight:900;font-size:12px;border-radius:10px;width:34px;height:34px;margin-bottom:12px}.cards p{font-size:14px;color:var(--muted);margin-top:11px}.wash{background:#edf0fc;padding-block:76px}.split{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(25px,7vw,90px);align-items:center}.steps{padding-left:24px;margin:20px 0 12px}.steps li{padding-left:5px;margin-bottom:12px}.steps li::marker{font-weight:900;color:var(--blue)}.steps p,.note{color:var(--muted);font-size:13px}.demo,.meter,.price-card{background:white;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:6px 6px 0 #d9dff6}.window-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;background:#f7f8ff;border-bottom:1px solid var(--line);font-size:13px;font-weight:800}.window-head small{color:var(--muted);font-size:10px;white-space:nowrap}.demo-body,.meter-body{padding:20px}.sample-label{font-size:12px;color:var(--muted);font-weight:800}.message{background:#f3f5fb;border-radius:11px;padding:11px 13px;font-size:14px;margin-top:5px;min-height:72px}.result{border-left:4px solid #c34e49;background:#fff0eb;color:#852d29;margin:13px 0;padding:10px 13px;border-radius:5px;font-size:14px}.result p{font-size:12px}.result.pass{border-color:#2c8a67;background:#e7f7ef;color:#195b42}.demo-button{margin:0 0 8px}.demo-button[hidden]{display:none}.usage{padding-block:80px;grid-template-columns:1fr 1fr}.money{font-size:38px;font-weight:900}.money small{font-size:15px;color:var(--muted)}.track{background:#e7ebf9;border-radius:10px;height:9px;overflow:hidden;margin-bottom:12px}.track span{display:block;background:var(--blue);width:43.6%;height:100%}dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-block:8px;font-size:13px}dd{font-weight:800;text-align:right}.role{display:flex;align-items:center;gap:9px;margin-block:19px 8px;font-size:13px}.role b{background:#e4ebff;color:var(--blue);padding:5px 9px;border-radius:6px;white-space:nowrap}.pricing{background:#fff1c7;padding-block:68px}.pricing .split{grid-template-columns:1fr 1fr}.comparison{margin:17px 0 6px;font-size:14px}.price-card{padding:25px;box-shadow:7px 7px 0 #edda9b}.price-card>p{color:var(--blue);font-weight:900;font-size:13px}.price-main{display:flex;align-items:baseline;gap:9px;margin:9px 0 12px}.price-main strong{font-size:clamp(33px,6vw,65px);letter-spacing:-.06em}.price-main span{font-size:14px;font-weight:800}.price-main small{display:block;font-size:11px;color:var(--muted)}.faq{padding-block:75px 60px}.faq h2{margin-bottom:22px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--muted);font-size:14px;margin-top:10px}.contact{display:flex;justify-content:space-between;align-items:center;background:var(--lav);border-radius:22px;padding:32px 39px;overflow:hidden}.contact p:not(.kicker){margin:12px 0 15px}.contact-art{position:relative;flex:none;display:grid;place-items:center;width:150px;height:150px;margin-right:8%;border-radius:42px;transform:rotate(11deg);background:var(--blue);color:white;font-size:81px;font-weight:900;box-shadow:8px 8px 0 #bdc8f6}.contact-art span{position:absolute;right:-26px;top:-24px;color:#9c6410;font-size:40px}.footer{display:flex;justify-content:space-between;align-items:center;padding-block:35px;font-size:12px}
@media(max-width:820px){.shell{width:calc(100% - 42px)}.hero{padding-block:52px 62px;gap:18px}.hero-price span{margin-left:0}.cards article{padding:16px}.cards h3{font-size:17px}.split{gap:24px}.scene-label,.scene-caption{font-size:9px}.scene-label{top:10px;left:12px}.scene-caption{bottom:9px;right:10px}}
@media(max-width:620px){.shell{width:calc(100% - 34px)}.header{height:67px}.header nav{gap:8px}.header nav>a:not(.pill){display:none}.pill{font-size:11px;padding:8px 10px}.brand{font-size:14px}.mark{width:34px;height:34px;font-size:18px}.hero,.split,.pricing .split{grid-template-columns:1fr}.hero{padding-block:36px 51px;gap:25px}.hero h1{font-size:clamp(35px,10vw,53px)}.lead{font-size:14px;margin-top:14px}.actions{margin-top:17px}.hero-price{margin-top:16px}.cards{grid-template-columns:1fr;gap:9px}.cards br{display:none}.cards article span{margin-bottom:7px}.problems{padding-bottom:48px}.wash,.usage,.pricing,.faq{padding-block:47px}.usage .meter{order:1}.contact{padding:24px}.contact-art{display:none}.window-head,.demo-body,.meter-body{padding-inline:14px}.footer{padding-block:23px}.eyebrow,.kicker{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.service-compare{padding-block:68px 0}
.table-frame{margin-top:24px;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:white}
.service-table{width:100%;min-width:740px;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7}
.service-table th,.service-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--line)}
.service-table thead{background:var(--ink);color:white}
.service-table th:nth-child(2){white-space:nowrap;text-align:center}
.service-table tbody th{width:18%;font-weight:900}
.service-table tbody tr:first-child{background:var(--lav)}
.service-table tbody tr:last-child>*{border-bottom:0}
.service-table td:nth-child(3){width:33%}
.service-table a{color:var(--blue);text-decoration:underline;white-space:nowrap;font-size:12px}
.service-table .rating{font-size:21px;text-align:center;font-weight:900}
.rating.good{color:#17664f}.rating.mid{color:#895400}.rating.quote{color:#9b3732}
.table-note{margin-top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:620px){.service-compare{padding-top:47px}.table-frame{margin-top:16px}}

.hero-visual{margin:0}
.hero-visual img{display:block;width:100%;height:auto}

.demo-signal{display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:50%;background:#c34e49;box-shadow:0 0 0 3px #f8cfca;vertical-align:1px}
.result.pass .demo-signal{display:none}

.model-note{margin-top:14px}

#ai-budget,.use-cases,.model-choice{padding-block:clamp(60px,8vw,116px)}
.use-cases .cards,.model-choice .cards{
  gap:clamp(16px,2.2vw,30px);
  margin-top:clamp(25px,3.5vw,46px);
}
.use-cases .cards article,.model-choice .cards article{padding:clamp(20px,3vw,36px)}
.use-cases .model-note,.model-choice .model-note{margin-top:24px}
