@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{color:#101e3d;font-synthesis:none;--ink:#101e3d;--muted:#596981;--blue:#265ce8;--pale-blue:#edf3ff;--line:#dce3ee;--shell:1380px;background:#fff;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p,h1,h2,h3,figure{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.shell{width:min(var(--shell), calc(100% - 96px));margin-inline:auto}.section{padding-block:76px}.skip-link{color:#fff;background:var(--ink);z-index:5;padding:16px 24px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{justify-content:space-between;align-items:center;gap:32px;min-height:100px;display:flex}.header-actions{align-items:center;gap:18px;display:flex}.language-control{align-items:center;gap:7px;display:flex}.language-icon{width:18px;height:18px;color:var(--muted)}.language-control select{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:112px;min-height:42px;padding:8px;font-size:14px;font-weight:650}.language-control select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:lang(zh-CN){font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}:lang(zh-TW){font-family:Manrope,PingFang TC,Microsoft JhengHei,sans-serif}:lang(ja){font-family:Manrope,Hiragino Sans,Yu Gothic,sans-serif}:lang(ko){font-family:Manrope,Apple SD Gothic Neo,Malgun Gothic,sans-serif}html:not([lang=en]) h1,html:not([lang=en]) h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}html:lang(zh) h1,html:lang(zh) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2{letter-spacing:-.025em}.brand{letter-spacing:-1.1px;align-items:center;gap:16px;font-size:30px;font-weight:800;display:inline-flex}.brand img{border-radius:11px;width:44px;height:44px}.site-nav{align-items:center;gap:44px;font-size:16px;font-weight:650;display:flex}.site-nav a:not(.button),.text-link,.footer-links a{transition:color .18s}.site-nav a:hover,.text-link:hover,.footer-links a:hover{color:var(--blue)}.button{border-radius:10px;justify-content:center;align-items:center;min-height:52px;padding:14px 26px;font-size:16px;font-weight:650;line-height:1.5;transition:background-color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#174bd2}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#233a65}.nav-cta,.menu-toggle{display:none}.hero{grid-template-columns:1fr 1.45fr;align-items:center;gap:36px;min-height:790px;padding-block:36px 64px;display:grid}.hero-copy{padding-block:10px}h1{letter-spacing:-3.7px;font-size:clamp(48px,5.05vw,78px);font-weight:800;line-height:1.14}h1 span,.difference h2 span{color:var(--blue)}.hero-description{max-width:510px;color:var(--muted);letter-spacing:-.2px;margin-top:30px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:34px;display:flex}.text-link{color:var(--blue);white-space:nowrap;font-size:16px;font-weight:650}.hero-figure img{background:var(--pale-blue);border-radius:16px;width:100%;height:auto;display:block}h2{letter-spacing:-2.1px;font-size:clamp(34px,3.75vw,56px);font-weight:800;line-height:1.2}.section-intro{color:var(--muted);max-width:1210px;margin-top:20px;font-size:20px;line-height:1.65}.difference{padding-top:44px}.comparison-gallery{grid-template-columns:1fr 1fr;gap:40px;margin-top:42px;display:grid}.comparison-view{text-align:center}.comparison-view h3{letter-spacing:-.8px;padding-bottom:20px;font-size:27px;font-weight:800;line-height:1.4}.comparison-new{border-left:1px solid var(--line);padding-left:40px}.comparison-new h3{color:var(--blue)}.comparison-media{background:#f6f8fc;border-radius:10px 10px 0 0;justify-content:center;align-items:center;height:520px;display:flex;overflow:hidden}.comparison-new .comparison-media{background:var(--pale-blue)}.comparison-media img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.comparison-view ul{color:var(--muted);background:#f6f8fc;border-radius:0 0 10px 10px;margin:0;padding:12px 12px 28px;font-size:18px;line-height:1.95;list-style:none}.comparison-new ul{background:var(--pale-blue)}.illustration-note{text-align:center;color:var(--muted);margin-top:20px;font-size:13px;line-height:1.6}.comparison-switch{display:none}.how-it-works{border-top:1px solid var(--line)}.how-layout{grid-template-columns:1fr 1fr;align-items:center;gap:54px;margin-top:38px;display:grid}.layout-demo{background:var(--pale-blue);border-radius:12px;padding:26px 28px 24px}.app-picker{justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.app-picker>div,.orientation-picker{gap:8px;display:flex}.app-picker button,.orientation-picker button,.comparison-switch button{min-height:40px;color:var(--ink);background:#ffffffb3;border:1px solid #bfd0ec;border-radius:7px;padding:9px 16px;font-size:14px;line-height:1.45;transition:background-color .2s,color .2s}.app-picker button:hover,.orientation-picker button:hover,.comparison-switch button:hover{background:#fff}button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}button[aria-pressed=true]:hover{background:#174bd2}.app-window-stage{justify-content:center;align-items:center;height:490px;display:flex}.demo-app-window{background:#fff;border:1px solid #ccd6e5;border-radius:9px;flex-direction:column;width:270px;height:450px;transition:width .25s,height .25s;display:flex;overflow:hidden;box-shadow:0 10px 28px #1836651f}[data-orientation=landscape] .demo-app-window{aspect-ratio:1.25;width:min(500px,100%);height:auto}.window-toolbar{background:#fcfdff;border-bottom:1px solid #e5e9ef;flex-shrink:0;align-items:center;gap:18px;height:41px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.window-toolbar>svg{width:16px;height:16px;color:var(--muted);margin-left:auto}.traffic-lights{gap:5px;display:flex}.traffic-lights i{background:#fa655b;border-radius:50%;width:8px;height:8px}.traffic-lights i:nth-child(2){background:#f6bb3f}.traffic-lights i:nth-child(3){background:#42bc51}.demo-chat{color:#252525;background:#fff;flex-direction:column;flex:1;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.chat-toolbar{color:#777;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:8px 14px;font-size:11px;display:flex}.chat-toolbar svg{width:15px;height:15px}.chat-messages{flex:1;min-height:0;padding:14px 17px;font-size:14px;line-height:1.65;overflow:auto}.chat-messages:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.chat-user-message{background:#f1f1f1;border-radius:15px 15px 4px;margin-left:15px;padding:10px 13px;font-size:13px;line-height:1.55}.chat-response{margin-top:19px}.chat-assistant-name{margin-bottom:7px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:650}.chat-response ul{margin:7px 0 0;padding-left:18px}.chat-response li+li{margin-top:5px}.chat-composer{color:#777;border:1px solid #e5e5e5;border-radius:16px;flex-shrink:0;margin:7px 12px 12px;padding:10px 12px 8px;font-size:12px;box-shadow:0 2px 8px #00000005}.chat-composer>div{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.chat-composer svg{width:15px;height:15px}.chat-send{color:#fff;background:#252525;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}[data-app=claude] .demo-chat{color:#3d392f;background:#faf9f6}[data-app=claude] .chat-toolbar{color:#827d70}[data-app=claude] .chat-user-message{background:#eeece5;border-radius:8px}[data-app=claude] .chat-response{font-family:Georgia,serif;font-size:15px;line-height:1.6}[data-app=claude] .chat-assistant-name{color:#ac644d}[data-app=claude] .chat-composer{background:#fff;border-color:#e2dfd6;border-radius:11px}[data-app=claude] .chat-send{background:#c2785c;border-radius:7px}.terminal-workspace{background:var(--ink);flex:1;min-height:0;padding:24px 14px;overflow:auto}.terminal-workspace pre{color:#e3ebfa;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.9}.terminal-prompt{color:#9bc6ff}.terminal-cursor{color:#e3ebfa}.orientation-picker{justify-content:center}.demo-caption{color:var(--muted);text-align:center;margin-top:13px;font-size:13px;line-height:1.65}.demo-caption>span:first-child{margin-inline:5px}.app-story-steps{flex-direction:column;gap:60px;margin:0;padding:16px 0;list-style:none;display:flex}.app-story-steps li{grid-template-columns:68px 1fr;gap:24px;display:grid}.app-story-steps li>span{letter-spacing:-1.5px;color:var(--blue);font-size:48px;font-weight:750;line-height:1.1}.app-story-steps li>div{border-left:1px solid var(--line);padding-left:28px}.app-story-steps h3{letter-spacing:-.7px;font-size:25px;font-weight:800;line-height:1.4}.app-story-steps p{color:var(--muted);margin-top:10px;font-size:19px;line-height:1.7}.feature-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:42px;margin-top:38px;padding-top:38px;display:grid}.feature-strip article+article{border-left:1px solid var(--line);padding-left:38px}.feature-strip h3{letter-spacing:-.65px;font-size:22px;font-weight:800;line-height:1.4}.feature-strip p{color:var(--muted);margin-top:13px;font-size:17px;line-height:1.7}.setup{background:var(--pale-blue);padding-block:62px 68px}.setup h2{font-size:45px}.setup-steps{grid-template-columns:repeat(3,1fr);gap:46px;margin:38px 0 0;padding:0;list-style:none;display:grid}.setup-steps li+li{border-left:1px solid #d6e0f4;padding-left:44px}.step-number{letter-spacing:-1px;color:var(--blue);font-size:40px;font-weight:750;line-height:1.2}.setup-steps h3{letter-spacing:-.5px;margin-top:10px;font-size:21px;font-weight:800;line-height:1.5}.setup-steps p{color:var(--muted);margin-top:8px;font-size:17px;line-height:1.7}.setup-guide-link{gap:16px;margin-top:32px}.inline-link{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.section-label{text-transform:uppercase;letter-spacing:1.8px;color:var(--blue);margin-bottom:16px;font-size:13px;font-weight:650}.faq{grid-template-columns:.9fr 1.4fr;gap:64px;display:grid}.faq h2{max-width:400px;font-size:44px}.faq-list{grid-template-columns:1fr 1fr;gap:36px 40px;display:grid}.faq-list h3{letter-spacing:-.3px;font-size:17px;font-weight:800;line-height:1.5}.faq-list p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.8}.source-cta{text-align:center;border-top:1px solid var(--line);padding-block:50px 68px}.source-cta h2{letter-spacing:-1.2px;font-size:38px}.source-cta .button{margin-top:24px;padding-inline:34px}.source-cta p{color:var(--muted);margin-top:18px;font-size:14px;line-height:1.8}.source-cta p span{margin-inline:7px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:26px 32px;display:flex}.footer-brand{font-size:17px;font-weight:800}.footer-links{color:var(--blue);white-space:nowrap;gap:26px;font-size:14px;display:flex}.footer-links a+a{border-left:1px solid var(--line);padding-left:26px}@media (width<=1200px){.shell{width:calc(100% - 64px)}.site-nav{gap:26px}.hero{grid-template-columns:1fr 1.2fr;gap:28px;min-height:700px}h1{letter-spacing:-2.8px;font-size:clamp(48px,5.05vw,65px)}.hero-description{font-size:17px}.hero-actions{gap:22px}.comparison-view h3{font-size:23px}.comparison-media{height:470px}.comparison-view ul{font-size:16px}.how-layout{gap:36px}.layout-demo{padding-inline:20px}.app-picker{flex-direction:column;gap:9px}.app-story-steps{gap:40px}.app-story-steps li{grid-template-columns:48px 1fr;gap:18px}.app-story-steps li>span{font-size:37px}.app-story-steps li>div{padding-left:20px}.app-story-steps h3{font-size:22px}.app-story-steps p{font-size:17px}.feature-strip{gap:30px}.feature-strip article+article{padding-left:28px}.feature-strip h3{font-size:20px}.feature-strip p,.setup-steps p{font-size:16px}.setup-steps{gap:30px}.setup-steps li+li{padding-left:30px}.setup-steps h3{font-size:18px}.faq{grid-template-columns:.75fr 1.5fr;gap:40px}.faq h2{font-size:38px}}@media (width<=960px){.hero{grid-template-columns:1fr 1.15fr;min-height:720px}h1{letter-spacing:-2.7px;font-size:51px}.brand{gap:10px;font-size:25px}.brand img{width:38px;height:38px}.site-nav{gap:20px;font-size:14px}.desktop-cta{padding:12px 18px;font-size:14px}.comparison-gallery{gap:24px}.comparison-new{padding-left:24px}.comparison-media{height:440px}.comparison-view h3{font-size:19px}.how-layout{grid-template-columns:1fr}.layout-demo{width:100%;max-width:640px;margin-inline:auto}.app-picker{flex-direction:row}.app-story-steps{max-width:690px}.feature-strip{gap:24px}.feature-strip article+article{padding-left:24px}.feature-strip h3{font-size:18px}.faq{grid-template-columns:1fr;gap:32px}.faq h2{max-width:none}}@media (width<=1100px){.site-header{gap:16px;position:relative}.header-actions{margin-left:auto}.desktop-cta{display:none}.menu-toggle{width:44px;height:44px;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:8px;order:1;place-items:center;display:grid}.site-nav{z-index:3;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:12px;font-size:16px;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 12px 30px #10233b14}.site-nav.is-open{display:flex}.site-nav>a{padding:14px 16px}.site-nav .nav-cta{margin-top:6px;display:flex}}@media (width<=760px){.shell{width:calc(100% - 40px)}.section{padding-block:52px}.site-header{gap:12px;min-height:82px;position:relative}.language-icon{display:none}.language-control select{width:94px;font-size:13px}.brand{font-size:24px}.brand img{border-radius:9px;width:36px;height:36px}.desktop-cta{display:none}.menu-toggle{width:44px;height:44px;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:8px;place-items:center;display:grid}.site-nav{z-index:3;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:12px;font-size:16px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 12px 30px #10233b14}.site-nav.is-open{display:flex}.site-nav>a{padding:14px 16px}.site-nav .nav-cta{margin-top:6px;display:flex}.hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:36px 28px}.hero-copy{padding:0}h1{letter-spacing:-2.65px;font-size:clamp(43px,11.7vw,66px);line-height:1.12}.hero-description{margin-top:24px;font-size:17px}.hero-actions{gap:22px;margin-top:26px}.button{min-height:49px;padding:14px 21px;font-size:14px}.text-link{font-size:14px}.hero-figure img{border-radius:10px}h2{letter-spacing:-1.5px;font-size:34px}.section-intro{margin-top:18px;font-size:17px}.difference{padding-top:38px}.difference h2 span{display:block}.comparison-switch{gap:8px;margin-top:24px;display:flex}.comparison-switch button{flex:1;min-height:45px;font-size:14px}.comparison-gallery{grid-template-columns:1fr;gap:0;margin-top:24px}.comparison-gallery[data-focus=app] .comparison-old,.comparison-gallery[data-focus=desktop] .comparison-new{display:none}.comparison-new{border:0;padding:0}.comparison-view h3{padding-bottom:14px;font-size:22px}.comparison-media{height:460px}.comparison-view ul{padding-bottom:20px;font-size:16px;line-height:1.9}.illustration-note{margin-top:14px;font-size:12px}.how-layout{gap:36px;margin-top:28px}.layout-demo{padding:20px 14px}.app-picker{flex-direction:column;gap:9px}.app-picker button,.orientation-picker button{padding-inline:13px;font-size:14px}.app-window-stage{height:450px}.demo-app-window{width:252px;height:420px}[data-orientation=landscape] .demo-app-window{aspect-ratio:1.25;width:100%;height:auto}.window-toolbar{gap:14px;padding-inline:11px;font-size:12px}.chat-messages{padding:10px 14px}.chat-user-message{padding:9px 11px}.chat-response{margin-top:14px}[data-orientation=landscape] .chat-toolbar{min-height:27px;padding-block:5px}[data-orientation=landscape] .chat-messages{padding-block:8px}[data-orientation=landscape] .chat-composer{margin-block:4px 8px;padding-block:8px}[data-orientation=landscape] .chat-composer>div{margin-top:5px}[data-orientation=landscape] .terminal-workspace{padding:12px}[data-orientation=landscape] .terminal-workspace pre{font-size:11px;line-height:1.45}.demo-caption{font-size:12px}.app-story-steps{gap:30px;padding:0}.app-story-steps li{grid-template-columns:42px 1fr;gap:14px}.app-story-steps li>span{font-size:32px}.app-story-steps li>div{border-left:0;padding:0}.app-story-steps h3{letter-spacing:-.5px;font-size:20px}.app-story-steps p{font-size:16px}.feature-strip{grid-template-columns:1fr;gap:0;margin-top:32px;padding-top:4px}.feature-strip article{padding-block:24px}.feature-strip article+article{border-left:none;border-top:1px solid var(--line);padding-left:0}.feature-strip h3{font-size:20px}.feature-strip p{margin-top:9px;font-size:16px}.setup h2{font-size:32px}.setup-steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.setup-steps li{grid-template-columns:44px 1fr;gap:5px 15px;display:grid}.setup-steps li+li{border-left:none;padding-left:0}.step-number{grid-row:span 2;font-size:30px}.setup-steps h3{margin:0;font-size:18px}.setup-steps p{margin:0;font-size:16px}.section-label{margin-bottom:14px;font-size:12px}.faq h2{font-size:34px}.faq-list{grid-template-columns:1fr;gap:26px}.faq-list article+article{border-top:1px solid var(--line);padding-top:26px}.faq-list h3{font-size:17px}.faq-list p{margin-top:10px;font-size:16px}.source-cta{padding-block:44px}.source-cta h2{font-size:31px}.source-cta p{max-width:280px;margin-inline:auto;font-size:12px}.source-cta p span{margin-inline:3px}.site-footer{flex-wrap:wrap;align-items:flex-start;gap:20px;padding-block:26px}.footer-links{flex-wrap:wrap;gap:14px;padding-top:4px;font-size:12px}.footer-links a+a{padding-left:14px}}@media (width<=360px){.site-header{gap:8px}.brand{gap:8px;font-size:20px}.brand img{width:32px;height:32px}.language-control select{width:80px;padding-inline:5px}.menu-toggle{width:40px;height:42px}h1{letter-spacing:-2.3px;font-size:39px}.hero-actions{gap:18px}.comparison-media{height:400px}.demo-app-window{width:240px;height:400px}.app-picker button{padding-inline:11px}.app-picker>div{gap:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}