:root{color-scheme:light;--paper: #f7f0e2;--paper-2: #fffaf0;--ink: #171717;--muted: #666052;--line: rgba(23, 23, 23, .12);--line-strong: rgba(23, 23, 23, .2);--accent: #0A84FF;--blue: #4f7cff;--pink: #ff6f91;--yellow: #ffc95c;--dark: #111111;--panel: #202020;--radius: 8px;--shadow: 0 28px 90px rgba(32, 28, 20, .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{margin:0;background:linear-gradient(rgba(23,23,23,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.045) 1px,transparent 1px),var(--paper);background-size:34px 34px;color:var(--ink);letter-spacing:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}svg{flex:0 0 auto}h1,h2,h3,p{overflow-wrap:anywhere}.site-header{position:fixed;z-index:50;top:14px;left:50%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1120px,calc(100% - 28px));min-height:58px;padding:8px 10px;border:1px solid rgba(23,23,23,.12);border-radius:999px;background:#fffaf0c7;box-shadow:0 18px 45px #1916101f;transform:translate(-50%);backdrop-filter:blur(18px)}.brand,.nav-links,.language-switch{display:inline-flex;align-items:center}.brand,.language-switch,.button{transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.brand{gap:10px;min-width:0;padding-left:5px;font-weight:850}.brand-mark{display:block;width:38px;height:38px;overflow:hidden;border-radius:9px;box-shadow:0 8px 18px #17171729}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.nav-links{gap:8px}.nav-links a,.language-switch{min-height:44px;padding:0 17px;border-radius:999px;color:var(--muted);font-size:1.08rem;font-weight:500}.nav-links a{display:inline-flex;align-items:center}.nav-links a:hover,.nav-links a.is-active,.language-switch:hover{background:#fff;color:var(--ink)}.nav-links a.is-active{box-shadow:inset 0 0 0 1px var(--line)}.language-switch{justify-self:end;border:1px solid var(--line);background:#ffffff85}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(28px,4.5vw,58px);min-height:100svh;padding:124px clamp(18px,5vw,70px) 62px;overflow:hidden}.hero:before,.hero:after{position:absolute;z-index:-1;content:"";pointer-events:none}.hero:before{inset:92px 0 auto auto;width:46%;height:72%;background:linear-gradient(135deg,#4f7cff33,#ff6f9124),repeating-linear-gradient(135deg,rgba(23,23,23,.08) 0 1px,transparent 1px 18px);clip-path:polygon(16% 0,100% 8%,86% 100%,0 88%);animation:panelDrift 8s ease-in-out infinite alternate}.hero:after{left:0;right:0;bottom:0;height:180px;background:linear-gradient(180deg,rgba(247,240,226,0),var(--paper))}.hero-copy{max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:#244a9f;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-product-name{position:relative;display:inline-block;margin:0 0 18px;color:var(--ink);font-size:clamp(2rem,4.2vw,3.7rem);font-weight:950;line-height:.88;letter-spacing:0}.hero-product-name:after{position:absolute;left:2px;right:-8px;bottom:-6px;z-index:-1;height:18px;border-radius:999px;background:var(--accent);content:"";transform:rotate(-1.4deg);animation:productUnderline 4.8s ease-in-out infinite}h1{margin:0;color:var(--ink);font-size:clamp(3.5rem,7vw,6.7rem);line-height:.84;letter-spacing:0}h1 span{display:block}h1 span:last-child{color:transparent;-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--yellow)}.hero-body{max-width:560px;margin:28px 0 0;color:var(--muted);font-size:clamp(1.08rem,1.35vw,1.24rem);line-height:1.66;white-space:pre-line}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius);font-weight:850;line-height:1.1;white-space:normal}.button.primary{background:var(--dark);color:var(--paper-2);box-shadow:7px 7px 0 var(--accent)}.button.primary:hover{box-shadow:4px 4px 0 var(--accent)}.button.ghost{border-color:var(--line-strong);background:#ffffffad}.button.ghost:hover{background:#fff}.hero-note{margin:17px 0 0;color:#7b7160;font-size:1.14rem;font-weight:680}.hero-stage{position:relative;min-width:0;min-height:0;aspect-ratio:3456 / 2234;perspective:1200px}.desktop-frame{overflow:hidden;border:1px solid rgba(23,23,23,.2);border-radius:16px;background:#171717;box-shadow:var(--shadow)}.desktop-frame{position:absolute;inset:7% 0;transform:rotateX(4deg) rotateY(-8deg) rotate(2deg);animation:floatFrame 7s ease-in-out infinite}.demo-fill{display:block;width:100%;height:100%;object-fit:cover}.ticker{overflow:hidden;padding:10px 0 6px}.ticker div{display:flex;width:max-content;animation:ticker 26s linear infinite}.ticker span{display:inline-flex;align-items:center;margin-right:12px;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;box-shadow:4px 4px #1717171f;font-weight:850}.feature-section,.download-section{padding:clamp(80px,11vw,140px) clamp(18px,5vw,70px)}.feature-section{padding-top:clamp(54px,7vw,92px)}h2{margin:0;color:var(--ink);font-size:clamp(2.25rem,4.4vw,4.8rem);line-height:.94;letter-spacing:0}.section-heading h2{font-size:clamp(2.05rem,3.8vw,4.2rem)}.section-heading p,.download-card p{margin:24px 0 0;color:var(--muted);font-size:clamp(1.06rem,1.45vw,1.26rem);line-height:1.66}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.58fr);gap:32px;align-items:end;margin-bottom:38px}.section-heading .eyebrow{grid-column:1 / -1;margin-bottom:-18px}.feature-grid{display:grid;grid-template-columns:1fr;gap:28px}.feature-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(22px,4vw,48px);align-items:center;min-height:420px;padding:clamp(18px,3vw,30px);border:1px solid var(--line-strong);border-radius:var(--radius);background:#fffaf0;box-shadow:0 0 #17171700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden}.feature-card:hover{background:#fff;box-shadow:8px 8px 0 var(--dark);transform:translate(-3px,-3px)}.feature-card:nth-child(2n) .feature-demo{order:2}.feature-card:nth-child(2n) .feature-copy{order:1}.feature-demo{overflow:hidden;border:1px solid rgba(23,23,23,.18);border-radius:16px;background:#171717;box-shadow:0 20px 70px #17171729}.feature-demo video{display:block;width:100%;aspect-ratio:3456 / 2234;object-fit:cover;transform:scale(1.01);transition:transform .52s ease}.feature-card:hover .feature-demo video{transform:scale(1.06)}.feature-copy{max-width:560px}.feature-card-top{display:flex;align-items:center}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--dark);color:var(--paper-2)}.feature-card h3{margin:30px 0 16px;font-size:clamp(1.55rem,2.6vw,2.55rem);line-height:.96}.feature-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:clamp(1.04rem,1.35vw,1.22rem);line-height:1.62}.typing-sound-tabs{display:flex;align-items:center;gap:8px;width:100%;margin-top:24px}.typing-sound-tab{min-height:38px;padding:0 14px;border:1px solid rgba(23,23,23,.18);border-radius:var(--radius);background:#ffffffad;color:var(--muted);font:inherit;font-size:.96rem;font-weight:820;letter-spacing:0;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.typing-sound-tab:hover{background:#fff;color:var(--ink)}.typing-sound-tab.is-active{border-color:var(--dark);background:var(--dark);color:var(--paper-2);box-shadow:4px 4px 0 var(--accent)}.typing-sound-tab.is-disabled{border-color:#1717171a;background:#1717170f;color:#66605285;cursor:not-allowed}.typing-sound-field{display:block;width:100%;min-height:148px;margin-top:12px;padding:18px 20px;border:2px solid rgba(23,23,23,.22);border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:6px 6px #1717171f;font:inherit;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.55;letter-spacing:0;outline:none;resize:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.typing-sound-field::placeholder{color:#666052b8}.typing-sound-field:focus{border-color:var(--accent);box-shadow:4px 4px 0 var(--dark);transform:translate(-1px,-1px)}.download-section{padding-top:40px}.blog-main,.article-main{padding:132px clamp(18px,5vw,70px) 84px}.blog-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(240px,.35fr);gap:28px;align-items:end;max-width:1120px;margin:0 auto;padding:clamp(34px,6vw,70px) 0 clamp(32px,5vw,56px)}.blog-hero .eyebrow{grid-column:1 / -1;margin:0 0 -10px}.blog-hero h1,.article-page h1{margin:0;color:var(--ink);font-size:clamp(2.1rem,4vw,4rem);line-height:.9;letter-spacing:0}.article-page h1:lang(ja){font-size:clamp(2rem,3.55vw,3.55rem);line-height:.98}.blog-hero p:not(.eyebrow),.article-description{margin:0;color:var(--muted);font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.66}.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto}.blog-card{min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fffaf0;box-shadow:0 0 #17171700;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.blog-card:hover{background:#fff;box-shadow:8px 8px 0 var(--dark);transform:translate(-3px,-3px)}.blog-card-link{display:grid;min-height:320px;padding:clamp(22px,3vw,34px)}.blog-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#5f6873;font-size:.92rem;font-weight:780}.blog-card-meta span,.blog-card-meta time,.article-meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffffad}.blog-card h2{margin:28px 0 14px;font-size:clamp(1.75rem,2.6vw,2.65rem);line-height:.98}.blog-card p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.64}.blog-read-more{display:inline-flex;align-items:center;gap:8px;align-self:end;width:fit-content;margin-top:34px;color:#244a9f;font-weight:860}.article-main{padding-bottom:98px}.article-page{max-width:860px;margin:0 auto}.article-back{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-bottom:40px;color:#244a9f;font-weight:850}.article-page .eyebrow{margin-bottom:18px}.article-description,.article-meta{margin-top:24px}.article-notice{margin:34px 0 0;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#0a84ff1a;color:#244a9f;font-weight:780}.article-body{margin-top:44px;border-top:1px solid var(--line);padding-top:38px}.article-body h2,.article-body h3{color:var(--ink);letter-spacing:0}.article-body h2{margin:56px 0 18px;font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.08}.article-body h3{margin:38px 0 14px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.18}.article-body p{margin:0 0 24px;color:#3c4038;font-size:clamp(1.08rem,1.35vw,1.2rem);line-height:1.9}.article-body ul,.article-body ol{margin:0 0 28px;padding-left:1.35em;color:#3c4038;font-size:clamp(1.08rem,1.35vw,1.2rem);line-height:1.8}.article-body li{margin-bottom:10px}.article-body a{color:#244a9f;font-weight:760;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.article-body strong{color:var(--ink)}.article-body p:last-child,.article-body ul:last-child,.article-body ol:last-child{margin-bottom:0}.article-media{margin:42px 0}.article-media picture,.article-media img{display:block}.article-media img{width:100%;height:auto;border:1px solid rgba(23,23,23,.16);border-radius:var(--radius);background:#171717;box-shadow:8px 8px #1717171a}.article-media figcaption{margin-top:12px;color:var(--muted);font-size:.96rem;line-height:1.6}.article-download-section{margin-top:64px;padding:0}.download-card{display:grid;justify-items:center;max-width:980px;margin:0 auto;padding:clamp(42px,7vw,78px);border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(135deg,#ffc95c33,#0a84ff29),#fffaf0;text-align:center;box-shadow:11px 11px 0 var(--dark)}.download-card h2{max-width:850px}.download-card p{max-width:650px}.download-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 30px}.download-points span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:#3c4038;font-weight:760}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:32px clamp(18px,5vw,70px);border-top:1px solid var(--line);color:var(--muted);font-weight:740}.site-footer a{color:var(--ink)}[data-reveal]{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .7s ease var(--delay, 0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1)}@keyframes floatFrame{0%,to{transform:rotateX(4deg) rotateY(-8deg) rotate(2deg) translateY(0)}50%{transform:rotateX(3deg) rotateY(-5deg) rotate(1deg) translateY(-16px)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes panelDrift{to{transform:translate(-22px) skewY(-2deg)}}@keyframes stackFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes productUnderline{0%,to{transform:scaleX(.92) rotate(-1.4deg);transform-origin:left center}50%{transform:scaleX(1.04) rotate(-1.4deg);transform-origin:left center}}@media(max-width:1120px){.feature-card{grid-template-columns:1fr}}@media(max-width:920px){.site-header{grid-template-columns:auto 1fr auto;gap:8px}.nav-links{justify-self:center}.nav-links a{min-height:40px;padding:0 14px;font-size:.96rem}.nav-links a:not(:last-child){display:none}.hero,.section-heading{grid-template-columns:1fr}.hero{padding-top:112px}.hero-stage{min-height:0}.blog-hero,.blog-list{grid-template-columns:1fr}}@media(max-width:640px){.site-header{top:10px;width:calc(100% - 20px);min-height:54px}.brand span:last-child{display:none}.language-switch{min-height:36px;padding:0 10px;font-size:.84rem}.nav-links a{min-height:36px;padding:0 11px;font-size:.84rem}.hero{min-height:auto;padding:106px 18px 52px}h1{font-size:clamp(3.4rem,16vw,5.2rem)}h1 span:last-child{-webkit-text-stroke:1.4px var(--ink);text-shadow:4px 4px 0 var(--yellow)}.hero-actions,.button{width:100%}.hero-stage{min-height:0}.desktop-frame{inset:6% 0}.feature-section,.download-section,.blog-main,.article-main{padding:72px 18px}.blog-main,.article-main{padding-top:112px}.blog-card-link{min-height:300px}.article-download-section{margin-top:52px;padding:0}.feature-card:nth-child(2n) .feature-demo,.feature-card:nth-child(2n) .feature-copy{order:initial}.feature-card{min-height:auto}.download-card{padding:36px 18px;box-shadow:7px 7px 0 var(--dark)}.site-footer{flex-direction:column;align-items:flex-start;padding:26px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}