:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fff;--ink:#101828;--blue:#1559f5;--soft:#f5f8ff;--muted:#667085;--line:#e4e7ec;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic UI,Malgun Gothic,Microsoft YaHei,sans-serif}a{color:var(--blue);text-underline-offset:4px;text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}:focus-visible{outline-offset:5px;outline:3px solid #76a4ff}::selection{background:#d9e7ff}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;text-wrap:balance;font-weight:700}h2{margin-bottom:24px;font-size:clamp(32px,4vw,52px);line-height:1.12}h3{letter-spacing:-.025em}p{line-height:1.6}.container{width:min(var(--container), calc(100% - 64px));margin-inline:auto}.muted,.small{color:var(--muted)}.small{font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border:2px solid var(--blue);background:#fff;border-radius:8px;padding:14px 24px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:12px}.icon{vertical-align:middle;flex:none;width:22px;height:22px;display:inline-block}.brand{color:var(--ink);letter-spacing:-.045em;align-items:center;gap:12px;font-size:27px;font-weight:650;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{object-fit:contain;border-radius:22.5%;flex:none;width:36px;height:36px}.site-header{z-index:5;background:#fff;border-bottom:1px solid #edf0f4;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1280px;min-height:76px;display:flex}.primary-nav{justify-content:center;align-items:center;gap:38px;display:flex}.primary-nav a{color:var(--ink);font-size:14px;font-weight:500}.header-actions{align-items:center;gap:14px;display:flex}.language-switcher select{width:92px;height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 10px;font-size:13px}.language-switcher.expanded select{width:160px}.button{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:13px 24px;font-size:16px;font-weight:600;line-height:1.35;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex}.button:hover{text-decoration:none}.button-primary{color:#fff;background:var(--blue);box-shadow:0 2px 3px #1559f512}.button-primary:hover{background:#0753dc;transform:translateY(-1px);box-shadow:0 5px 12px #1559f525}.button-outline{color:var(--blue);background:#fff;border-color:#d0d5dd}.button-outline:hover{background:var(--soft);border-color:#a6bef5}.button-text{color:var(--blue);background:0 0}.button-text:hover{background:var(--soft)}.button-small{border-radius:9px;min-height:42px;padding:10px 18px;font-size:14px}.button-disabled{color:#667085;border-color:var(--line);background:#f2f4f7}.hero{text-align:center;padding-top:68px;padding-bottom:90px}.hero h1{letter-spacing:-.055em;margin-bottom:26px;font-size:clamp(46px,6.1vw,78px);line-height:1.08}.hero h1 span{color:var(--blue)}.hero-description{white-space:pre-line;color:#344054;text-wrap:pretty;max-width:660px;margin:0 auto 30px;font-size:22px;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-note{color:var(--muted);margin:14px 0 0;font-size:13px}.hero-product{isolation:isolate;margin-top:34px;position:relative}.product-image{border-radius:18px;max-width:100%;height:auto;display:block;box-shadow:0 18px 46px #142b4b18,0 1px 4px #142b4b1a}.hero-image{width:min(900px,100%);margin-inline:auto}.demo-section{background:var(--soft);padding-block:86px}.demo-grid{grid-template-columns:1fr 1.03fr;align-items:center;gap:82px;display:grid}.section-heading p{color:var(--muted);margin-bottom:0;font-size:20px}.section-heading.centered{text-align:center;max-width:1000px;margin-inline:auto}.gesture-preview{background:#fff;border:1px solid #e1eaff;border-radius:22px;min-width:0;padding:24px}.gesture-preview h3{margin-bottom:18px;font-size:21px}.gesture-canvas{border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.gesture-canvas svg{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.gesture-canvas path{fill:none;stroke:var(--blue);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.gesture-example{stroke-dasharray:600;animation:.7s both trace-in}.canvas-hint{color:#788398;text-align:center;pointer-events:none;margin:0 8px 12px;font-size:12px}.gesture-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.gesture-options button{color:var(--ink);background:#f5f6f8;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:8px;font-size:12px;font-weight:500;display:flex}.gesture-options button[aria-pressed=true]{color:#075be8;background:#e8f0ff}.gesture-options button:hover{border-color:#acc7ff}.gesture-options svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.preview-disclaimer{text-align:center;color:var(--muted);margin:18px 0 0;font-size:12px}.features-section{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:118px;display:grid}.features-section .product-image{width:100%}.features-section h2{font-size:clamp(32px,3.7vw,48px)}.feature-list article{border-top:1px solid var(--line);padding:24px 0}.feature-list article:last-child{padding-bottom:0}.feature-list h3{margin-bottom:10px;font-size:21px}.feature-list p{color:var(--muted);margin-bottom:0;font-size:17px}.pricing-section{padding-top:44px;padding-bottom:104px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:62px;display:grid}.plan{text-align:center;flex-direction:column;min-width:0;padding:30px 34px;scroll-margin-top:24px;display:flex}.plan+.plan{border-left:1px solid var(--line)}.plan-featured{background:var(--soft);border-radius:20px;border-left-color:#0000!important}.plan h3{margin-bottom:28px;font-size:26px}.plan-price{letter-spacing:-.06em;white-space:nowrap;margin-bottom:14px;font-size:clamp(40px,4.1vw,56px);font-weight:700;line-height:1}.plan-cycle{color:var(--muted);min-height:50px;margin-bottom:24px;font-size:16px}.plan ul{border-top:1px solid var(--line);text-align:left;flex:1;margin:0;padding:24px 0 32px;list-style:none}.plan li{align-items:flex-start;gap:14px;margin-bottom:20px;font-size:15px;line-height:1.5;display:flex}.check{color:var(--blue);width:22px}.plan .button{width:100%}.pricing-footnote{text-align:center;max-width:820px;color:var(--muted);margin:32px auto 6px;font-size:13px}.pricing-manage{text-align:center;margin-bottom:0;font-size:14px}.availability-note{text-align:center;color:#475467;margin:26px auto 0}.download-band{background:var(--soft);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:46px 48px;display:grid}.download-band h2{margin-bottom:14px;font-size:34px}.download-band p{color:#475467;margin-bottom:0;font-size:17px}.download-band-actions{text-align:center;gap:16px;display:grid}.download-band-actions>a:not(.button){justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.faq-section{grid-template-columns:.75fr 1.3fr;gap:100px;padding-block:100px 110px;display:grid}.faq-section h2{max-width:300px}.faq-section details{border-top:1px solid #d9dee7}.faq-section details:last-child{border-bottom:1px solid #d9dee7}.faq-section summary{justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:21px 0;font-size:16px;font-weight:600;line-height:1.5;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section .chevron{color:#667085;width:18px}.faq-section details[open] .chevron{transform:rotate(180deg)}.faq-section details p{color:var(--muted);max-width:95%;margin-bottom:25px;font-size:15px;line-height:1.7}.site-footer{border-top:1px solid var(--line);padding-block:42px 60px}.footer-grid{grid-template-columns:1.35fr 1fr 1.1fr .8fr 1fr;gap:34px;display:grid}.footer-grid>div{min-width:0}.footer-grid h2{color:var(--muted);letter-spacing:0;margin-bottom:18px;font-size:13px;font-weight:500}.footer-grid>div>a:not(.brand){color:#475467;margin-bottom:12px;font-size:13px;line-height:1.5;display:block}.footer-brand p{margin-top:60px}.footer-languages{border-left:1px solid var(--line);padding-left:24px}.footer-languages select{max-width:100%}.page-intro{max-width:850px;padding-block:86px 38px}.page-intro h1{margin-bottom:24px;font-size:clamp(42px,5.2vw,68px);line-height:1.08}.page-intro>p{color:var(--muted);max-width:720px;font-size:20px}.page-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.billing-content{padding-bottom:100px}.billing-content .pricing-section{padding-bottom:72px}.step-section{border-top:1px solid var(--line);max-width:900px;padding-block:56px}.step-section h2{font-size:36px}.purchase-steps{color:#475467;padding-left:24px;line-height:1.8}.purchase-steps li{margin-bottom:18px;padding-left:10px}.management-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.management-grid h2{font-size:30px}.management-grid p{color:var(--muted)}.guide-layout{grid-template-columns:220px minmax(0,740px);justify-content:space-between;gap:64px;padding-block:22px 100px;display:grid}.guide-contents{align-self:start;padding-top:16px;position:sticky;top:30px}.guide-contents h2{letter-spacing:0;color:var(--muted);font-size:14px;font-weight:600}.guide-contents a{color:#475467;padding:12px 0;font-size:13px;line-height:1.5;display:block}.guide-body section{border-top:1px solid var(--line);padding:34px 0 26px}.guide-body h2{letter-spacing:-.035em;font-size:28px}.guide-body p{color:#475467;font-size:16px;line-height:1.85}.code-block{border:1px solid var(--line);background:var(--soft);color:#344054;border-radius:12px;padding:18px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;line-height:1.6;display:block;overflow-x:auto}.legal-page{max-width:820px;padding-bottom:110px}.legal-page .page-intro{width:100%}.legal-page section{padding-block:20px}.legal-page h2{letter-spacing:-.025em;font-size:25px}.legal-page h3{margin-top:30px;font-size:19px}.legal-page p,.legal-page li{color:#475467;font-size:16px;line-height:1.85}.legal-page li{margin-bottom:12px}.legal-page a{overflow-wrap:anywhere}.not-found{text-align:center;padding:100px 24px}@keyframes trace-in{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@media (max-width:1000px){.primary-nav{gap:20px}.demo-grid,.features-section{gap:38px}.demo-grid h2{font-size:42px}.features-section{grid-template-columns:1fr 1fr}.feature-list h3{font-size:18px}.plan{padding-inline:20px}.faq-section{gap:60px}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-languages{border:0;padding:0}.footer-brand p{margin-top:24px}}@media (max-width:760px){.container{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:10px;padding-block:16px 0}.brand{gap:9px;font-size:23px}.brand-mark{width:29px;height:29px}.header-actions{gap:8px}.header-actions .button{padding-inline:12px;font-size:12px}.header-actions .icon{width:17px;height:17px}.language-switcher select{width:73px;height:40px;padding-left:8px;font-size:12px}.primary-nav{flex-wrap:wrap;order:3;justify-content:space-between;gap:12px;width:100%;padding-block:16px}.primary-nav a{font-size:12px}.hero{padding-block:54px 68px}.hero h1{letter-spacing:-.055em;font-size:clamp(40px,9vw,64px)}.hero-description{white-space:pre-line;max-width:540px;margin-bottom:22px;font-size:17px}.hero-actions{gap:2px}.hero-actions .button{padding-inline:16px;font-size:14px}.hero-note{font-size:11px}.hero-product{margin-top:30px}.product-image{border-radius:10px}.demo-section{padding-block:58px}.demo-grid,.features-section{grid-template-columns:1fr;gap:34px}.demo-grid .section-heading{max-width:510px}.demo-grid h2,h2{font-size:36px}.section-heading p{font-size:17px}.gesture-preview{padding:18px}.gesture-preview h3{font-size:19px}.gesture-options{gap:6px}.gesture-options button{gap:4px;padding-inline:5px;font-size:11px}.gesture-options svg{width:17px;height:17px}.features-section{padding-block:72px}.features-section>div{order:-1}.features-section h2{font-size:36px}.feature-list article{padding-block:22px}.feature-list h3{font-size:20px}.pricing-section{padding-block:20px 64px}.pricing-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.plan{border:1px solid var(--line);border-radius:18px;padding:30px 26px}.plan+.plan{border-left:1px solid var(--line)}.plan h3{margin-bottom:20px;font-size:24px}.plan-price{font-size:48px}.plan-cycle{min-height:0;margin-bottom:22px}.plan ul{padding-bottom:10px}.plan li{font-size:15px}.pricing-footnote{margin-top:26px;font-size:12px}.download-band{grid-template-columns:1fr;gap:24px;padding:30px 24px}.download-band h2{font-size:30px}.download-band p{font-size:16px}.download-band-actions{text-align:left;justify-items:start}.faq-section{grid-template-columns:1fr;gap:18px;padding-block:64px}.faq-section h2{max-width:100%;font-size:36px}.faq-section summary{min-height:68px;font-size:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-brand{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.footer-brand p{margin:0;font-size:11px}.site-footer{padding-block:30px 40px}.page-intro{padding-block:56px 30px}.page-intro h1{font-size:43px}.page-intro>p{font-size:17px}.management-grid{grid-template-columns:1fr;gap:35px}.guide-layout{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.guide-contents{border-bottom:1px solid var(--line);padding-bottom:22px;position:static}.guide-contents nav{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.guide-contents a{min-height:44px}.guide-body h2{font-size:25px}.page-actions{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:760px){:lang(ja) .hero h1{font-size:clamp(28px,8vw,40px)}}@media (max-width:360px){.header-actions .button{width:44px;height:44px;padding:10px}.header-actions .button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
