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

:root{color-scheme:light;--paper:#f6f7f2;--white:#fff;--ink:#191c27;--muted:#59606a;--line:#d9ddd6;--lime:#dcf784;--purple:#7976e5;--dark:#1a1d29;--radius:18px;font-family:'DM Sans','Noto Sans JP',sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #6870d8;outline-offset:4px;border-radius:4px}
.wrap{width:min(100% - 64px,1180px);margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-60px;background:var(--lime);color:var(--ink);padding:12px 16px;z-index:20}.skip-link:focus{top:12px}
.site-header{height:78px;background:rgba(246,247,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e0e3dd;position:sticky;top:0;z-index:10}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px;font-weight:800;letter-spacing:-.06em}.brand-light{font-weight:700;letter-spacing:-.08em}
.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-7deg);flex:none}.brand-mark i{display:block;width:2px;background:var(--lime);border-radius:3px}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:6px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:13px}.brand-mark i:nth-child(3){height:20px}
.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700;color:#414752;transition:color .2s}.desktop-nav a:hover{color:#7976e5}
.header-cta{margin-left:8px;background:var(--ink);color:#fff;border-radius:100px;padding:12px 19px;white-space:nowrap;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.header-cta:hover,.button:hover{transform:translateY(-2px)}.header-cta span{margin-left:11px;color:var(--lime)}
.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 46%,#eef0e7 0,transparent 40%),var(--paper)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;min-height:630px;align-items:center;padding-block:76px 58px}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 26px;font-size:11px;letter-spacing:.19em;font-weight:800;color:#6a7080}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#7771e5}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.065em}
.hero h1{font-weight:800;font-size:clamp(44px,5.5vw,77px);line-height:1.34;margin:0 0 26px;white-space:nowrap}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:.23em;background:var(--lime);z-index:-1;transform:rotate(-1.4deg)}
.hero-lead{font-size:16px;line-height:2;color:#4c535d;max-width:510px;margin-bottom:29px;font-weight:500}
.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;border-radius:11px;padding:18px 21px;font-size:14px;font-weight:800;min-height:57px;transition:transform .2s,background .2s}.button span{font-size:20px;font-weight:400}.button-dark{background:var(--ink);color:#fff}.button-dark span{color:var(--lime)}.button-dark:hover{background:#35394b}.text-link{font-size:14px;font-weight:800;border-bottom:1px solid #989fab;padding-bottom:5px}.text-link span{margin-left:5px;color:#7c7ad8}
.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:54px;color:#777d84;font-size:12px}.footnote-line{display:block;width:28px;height:1px;background:#aeb4ad}.hero-footnote code{font-weight:800;color:#4b5262}
.hero-visual{height:470px;position:relative;isolation:isolate;background:#202432;border:1px solid #343a4c;border-radius:29px;box-shadow:0 28px 75px rgba(43,49,61,.19);padding:27px;overflow:hidden;color:#fff;transform:rotate(1.5deg)}
.hero-visual::before{content:"";position:absolute;inset:auto -30px -150px -30px;height:250px;background:#6466c6;filter:blur(90px);opacity:.3;z-index:-1}.visual-orbit{position:absolute;border:1px solid rgba(203,222,190,.08);border-radius:50%;z-index:-1}.visual-orbit-one{width:520px;height:520px;left:90px;top:-85px}.visual-orbit-two{width:370px;height:370px;left:160px;top:-8px}
.visual-top{font-size:11px;font-weight:800;letter-spacing:.15em;color:#d9dddf;display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#cbed79;box-shadow:0 0 0 5px rgba(203,237,121,.12)}.visual-top-right{margin-left:auto;border-radius:100px;background:#2d3743;color:#cbed79;padding:7px 11px;font-size:10px;letter-spacing:.04em}
.visual-chat{display:flex;gap:12px;align-items:flex-start;margin-top:96px;background:#33394d;border:1px solid #50576c;border-radius:16px 16px 16px 4px;padding:18px 17px;max-width:370px;box-shadow:0 15px 30px rgba(0,0,0,.12)}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#b7b3f0;color:#2c2861;font-size:14px;font-weight:800;flex:none}.chat-name{font-size:12px;color:#c9cfe1;font-weight:700}.chat-name time{font-size:10px;color:#8e98ad;margin-left:6px;font-weight:400}.visual-chat p{font-size:13px;margin:7px 0 0;line-height:1.6;color:#fff}
.visual-direction{height:45px;display:flex;align-items:center;gap:11px;padding-left:35%;font-size:9px;letter-spacing:.2em;font-weight:800;color:#a4b2c1}.visual-direction span:first-child,.visual-direction span:last-child{height:1px;width:31px;background:#6d7b93}
.visual-player{margin-left:auto;display:flex;align-items:center;gap:15px;background:var(--lime);border-radius:15px;padding:17px 19px;width:min(100%,385px);color:#1d2327;box-shadow:0 18px 35px rgba(5,13,14,.23)}.speaker-symbol{width:36px;height:36px;border-radius:10px;background:#1c2530;display:grid;place-items:center;flex:none}.speaker-symbol span{width:14px;height:14px;border-radius:3px 8px 8px 3px;border:3px solid var(--lime);border-left-width:6px}.player-center{display:flex;flex-direction:column;gap:3px;min-width:0}.player-center strong{font-size:13px}.player-center span{font-size:10px;color:#515d53}.wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:32px}.wave i{display:block;width:2px;background:#343b2f;border-radius:2px;height:var(--h);animation:pulse 1.3s ease-in-out infinite alternate;animation-delay:var(--d)}.wave i:nth-child(1){--h:9px;--d:.1s}.wave i:nth-child(2){--h:18px;--d:.4s}.wave i:nth-child(3){--h:28px;--d:.2s}.wave i:nth-child(4){--h:15px;--d:.6s}.wave i:nth-child(5){--h:25px;--d:.3s}.wave i:nth-child(6){--h:12px;--d:.5s}.wave i:nth-child(7){--h:29px;--d:.1s}.wave i:nth-child(8){--h:20px;--d:.6s}.wave i:nth-child(9){--h:10px;--d:.2s}.wave i:nth-child(10){--h:26px;--d:.4s}.wave i:nth-child(11){--h:17px;--d:.1s}.wave i:nth-child(12){--h:9px;--d:.5s}@keyframes pulse{to{height:5px;opacity:.48}}.visual-caption{margin:16px 8px 0;text-align:right;font-size:10px;color:#9ea9b4}
.hero-bottom{display:flex;justify-content:space-between;color:#a0a5ab;font-size:10px;letter-spacing:.22em;font-weight:700;padding-bottom:20px}
.strip{background:#e8eddd;border-top:1px solid #dee4d3;border-bottom:1px solid #dee4d3}.strip-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;padding-block:37px}.strip p{margin:0;line-height:1.75;font-size:19px;font-weight:500}.strip strong{font-size:26px;letter-spacing:-.05em}.strip-symbol{width:52px;height:52px;border:1px solid #bfcab2;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#767aa0}.strip .strip-small{margin-left:auto;font-size:13px;color:#5f675f;line-height:1.9}
.section{padding-block:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-head .eyebrow,.commands .eyebrow,.faq .eyebrow{margin-bottom:13px}h2{font-size:clamp(33px,4vw,49px);line-height:1.3;margin:0;font-weight:800}.section-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:330px;margin:0 0 2px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:#fff;border:1px solid #e2e5df;border-radius:17px;padding:29px;min-height:265px;position:relative;display:flex;flex-direction:column;align-items:start;box-shadow:0 3px 10px rgba(40,49,41,.025)}.feature-primary{grid-row:span 2;min-height:545px;background:#e8e9fb;border-color:#dddff4;padding:34px}.card-number{font-size:11px;letter-spacing:.14em;color:#899093;font-weight:700}.feature-card h3{font-size:21px;line-height:1.4;margin:auto 0 11px}.feature-card p{font-size:13px;line-height:1.9;color:#626a71;margin:0}.feature-icon{width:55px;height:55px;border:1px solid #e7e9e3;border-radius:16px;display:grid;place-items:center;font-size:30px;margin-top:26px;color:#8383dd}.icon-voice{background:#f1f1ff}.icon-dictionary{background:#eef4e0;color:#6b8b44;font-family:'Noto Sans JP',sans-serif;font-weight:700}.icon-auto{background:#fbecdf;color:#db9970}.card-illustration{width:100%;margin:auto 0;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mini-bubble{font-size:15px;font-weight:700;color:#4d518e;background:#fff;border-radius:14px 14px 4px 14px;padding:15px 18px;box-shadow:0 13px 25px #7777ad22;transform:rotate(-5deg)}.mini-arrow{font-size:31px;color:#8e8ad6;line-height:1.9}.mini-wave{font-size:38px;letter-spacing:.1em;color:#8181d6;transform:rotate(5deg)}
.start{background:#f0f2eb;border-block:1px solid #e5e8e0}.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps li{background:#fff;min-height:245px;padding:27px;border-radius:15px;border:1px solid #e2e5df;display:flex;flex-direction:column;justify-content:space-between}.step-num{font-size:29px;color:#9fa6ae;font-weight:700;letter-spacing:-.08em}.steps h3{font-size:19px;line-height:1.5;margin:0 0 8px}.steps p{font-size:13px;line-height:1.85;color:#626a71;margin:0}.steps code{color:#7069cb;font-size:.95em}.start-note{display:flex;align-items:center;gap:10px;color:#6d746c;margin-top:21px}.start-note span{font-size:17px}.start-note p{font-size:12px;margin:0}
.commands{background:#1b1f2b;color:#fff}.commands-layout{display:grid;grid-template-columns:310px 1fr;gap:100px}.commands .eyebrow{color:#9aa4af}.commands h2{margin-bottom:23px}.commands-aside p:not(.eyebrow){font-size:14px;line-height:1.95;color:#aeb7c1}.commands-aside .text-link{display:inline-block;margin-top:22px;color:#d7ef8b;border-color:#7a8f71}.commands-aside code,.closing code{color:#e0eea7}.command-list{border-top:1px solid #4a5060}.command-row{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid #404656;font-size:13px;color:#b2bac6}.command-row code{color:#e2f4a6;font-family:'DM Sans',monospace;font-size:14px;font-weight:700;white-space:nowrap}
.faq-layout{display:grid;grid-template-columns:310px 1fr;gap:100px}.faq-side-note{max-width:230px;line-height:1.9;font-size:13px;color:#747c81;margin-top:22px}.faq-side-note code{font-weight:800}.faq-list{border-top:1px solid #cdd3cc}.faq-list details{border-bottom:1px solid #cdd3cc}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:24px 4px;font-size:16px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400;color:#757d8c;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:2;color:#626a71;padding:0 35px 20px 4px;margin:0}.faq-list code{color:#6966be;font-weight:700}
.closing{position:relative;overflow:hidden;background:#d8ef83;padding:74px 0 84px}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:1}.closing .eyebrow{color:#576441;margin-bottom:19px}.closing h2{font-size:clamp(38px,5vw,65px);line-height:1.3;margin-bottom:17px}.closing p:not(.eyebrow){font-size:14px;color:#4a5740;line-height:1.8;margin:0}.button-light{background:#1c2530;color:#fff;min-width:220px}.button-light span{color:#d9ed8c}.closing-wave{position:absolute;right:-5%;top:-80px;width:530px;height:530px;border:1px solid #a9d45c;border-radius:50%;box-shadow:0 0 0 60px rgba(175,219,107,.22),0 0 0 120px rgba(175,219,107,.17)}
.site-footer{background:#fff}.footer-inner{min-height:96px;display:flex;align-items:center;gap:45px}.footer-inner .brand{font-size:17px}.footer-inner p{font-size:12px;color:#858c92;margin:0}.footer-inner>a:last-child{font-size:12px;font-weight:700;margin-left:auto;color:#687076}
.not-found{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{font-size:clamp(30px,5vw,56px);white-space:normal}.not-found p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:28px}
@media(max-width:1000px){.desktop-nav{gap:19px}.header-inner{gap:18px}.hero-grid{gap:24px}.hero h1{font-size:clamp(42px,5vw,62px)}.hero-visual{height:435px}.commands-layout,.faq-layout{gap:55px;grid-template-columns:260px 1fr}}
@media(max-width:780px){.site-header{height:68px}.wrap{width:min(100% - 36px,640px)}.desktop-nav,.header-cta{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{width:38px;height:38px;border:1px solid #d9ddd6;border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:4px;align-items:center;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{width:17px;height:2px;background:#202532}.mobile-nav nav{position:absolute;right:0;top:47px;width:min(260px,calc(100vw - 36px));background:#fff;border:1px solid #dedfd9;border-radius:12px;box-shadow:0 15px 40px #161a2226;padding:9px;display:grid;z-index:20}.mobile-nav nav a{padding:13px 12px;font-size:14px;font-weight:700;border-radius:7px}.mobile-nav nav a:hover{background:#f2f4eb}.mobile-nav nav a:last-child{background:var(--ink);color:#fff;text-align:center;margin-top:5px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:64px 34px;gap:48px}.hero h1{font-size:clamp(42px,8vw,68px)}.hero-lead{max-width:600px}.hero-footnote{margin-top:35px}.hero-visual{height:430px;max-width:540px;width:100%;margin-inline:auto}.strip-inner{grid-template-columns:1fr auto}.strip .strip-small{grid-column:1 / -1;margin:0}.section{padding-block:75px}.section-head{align-items:start;flex-direction:column;gap:15px;margin-bottom:30px}.feature-grid{grid-template-columns:1fr 1fr}.feature-primary{grid-column:span 2;grid-row:auto;min-height:360px}.feature-primary .card-illustration{min-height:150px}.feature-card{min-height:255px}.steps{grid-template-columns:1fr}.steps li{min-height:165px}.commands-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.commands-aside .text-link{margin-top:0}.closing-inner{align-items:start;flex-direction:column}.closing-wave{right:-240px;top:-30px}.footer-inner{flex-wrap:wrap;gap:8px 30px;padding-block:26px}.footer-inner p{order:3;width:100%}}
@media(max-width:520px){.brand{font-size:17px}.hero-grid{padding-top:51px}.hero h1{font-size:clamp(36px,10vw,48px);white-space:normal}.hero-lead{font-size:14px}.hero-actions{gap:19px}.button{width:100%;justify-content:space-between}.hero-visual{height:390px;padding:18px;border-radius:20px;transform:none}.visual-chat{margin-top:70px;padding:14px}.visual-player{padding:13px;gap:9px}.wave{gap:2px}.visual-caption{font-size:9px}.hero-bottom{display:none}.strip-inner{padding-block:27px}.strip p{font-size:16px}.strip strong{font-size:21px}.strip-symbol{width:38px;height:38px;font-size:20px}.strip .strip-small{font-size:12px}.section{padding-block:65px}.feature-grid{grid-template-columns:1fr}.feature-primary{grid-column:auto;min-height:370px}.feature-card{min-height:230px}.feature-card h3{margin-top:25px}.feature-primary h3{margin-top:auto}.command-row{grid-template-columns:1fr;gap:5px;padding:15px 0}.command-row code{font-size:13px}.command-row span{font-size:12px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.closing{padding:61px 0 75px}.closing h2{font-size:42px}.footer-inner .brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wave i{animation:none}.header-cta,.button,.faq-list summary span{transition:none}}