:root{color-scheme:light;--bg:#fbfbf9;--panel:#fff;--panel-hi:#f4f5f1;--line:#e5e7e1;--text:#171a18;--muted:#626962;--soft:#7c837c;--green:#277b52;--green-deep:#e6f2eb;--mono:"DM Mono",ui-monospace,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{scroll-padding-top:88px}body.home-page{background:var(--bg);color:var(--text);font-size:16px}body.home-page:before{display:none}.home-page .topbar{height:74px;padding-inline:max(36px,calc((100vw - 1120px)/2));background:rgba(251,251,249,.94);border-bottom:1px solid #eceee9}.home-page .wordmark{font-size:21px}.home-page .nav-links{gap:30px}.home-page .nav-links a,.home-page .footer a{color:#454b46;font-size:13px}.home-page .nav-links a:hover,.home-page .footer a:hover{color:var(--green)}.home-page .language{color:#4a514b;font-size:12px}.home-page .button{border-radius:6px;font-size:13px;padding:14px 20px}.home-page .button-small{padding:9px 15px}.home-page .button-outline{color:#242925;border-color:#d0d5ce}.home-page .button-primary{background:#277b52;color:#fff;box-shadow:none}.home-page .button-primary:hover{background:#1e6844;transform:translateY(-1px)}
.home-hero{max-width:850px;margin:0 auto;padding:102px 24px 55px;text-align:center}.home-kicker{margin:0 0 18px;color:#397552;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.home-hero h1{max-width:800px;margin:0 auto;color:#151815;font-size:clamp(48px,6vw,68px);font-weight:600;letter-spacing:-.065em;line-height:1.06}.home-lede{max-width:690px;margin:22px auto 0;color:#616962;font-size:17px;line-height:1.8}.home-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:30px}.home-doc-link{color:#353c36;text-decoration:none;font-size:13px}.home-doc-link span{color:#397552;margin-left:5px}.home-doc-link:hover{color:#277b52}.home-requirement{margin:22px 0 0;color:#818981;font-size:11px;letter-spacing:.025em}
.product-shot{max-width:1120px;margin:0 auto}.shot-window{overflow:hidden;border:1px solid #d8ddd6;border-radius:13px;background:#fff;box-shadow:0 24px 70px rgba(29,42,31,.10)}.shot-titlebar{height:42px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e7eae5;color:#606960;font:11px var(--mono)}.shot-traffic{position:absolute;left:16px;display:flex;gap:7px}.shot-traffic i{width:9px;height:9px;border-radius:50%;background:#ff6258}.shot-traffic i:nth-child(2){background:#febf2e}.shot-traffic i:nth-child(3){background:#2ac840}.shot-title-right{position:absolute;right:17px;color:#929990;font-size:9px}.shot-window>img{display:block;width:100%;height:auto}
.capability-strip{max-width:930px;display:flex;justify-content:center;gap:0;margin-top:30px;padding-bottom:105px}.capability-strip span{padding:0 27px;color:#59615a;font-size:12px}.capability-strip span+span{border-left:1px solid #d8ddd6}
.features{max-width:1120px;padding:0 0 115px}.section-heading{max-width:760px;margin:0 auto 48px;text-align:center}.section-heading h2{margin:0;color:#171a18;font-size:clamp(34px,4.7vw,52px);font-weight:600;letter-spacing:-.065em;line-height:1.14}.section-heading>p:last-child{max-width:640px;margin:18px auto 0;color:#626962;font-size:15px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-feature{overflow:hidden;border:1px solid #e4e7e1;border-radius:9px;background:#fff}.home-feature-copy{min-height:245px;padding:27px 25px 23px}.feature-number{color:#397552;font:11px var(--mono)}.home-feature h3{margin:18px 0 10px;color:#1b201c;font-size:20px;font-weight:600;letter-spacing:-.035em;line-height:1.3}.home-feature p{margin:0;color:#626a63;font-size:13px;line-height:1.75}.home-feature>img{display:block;width:100%;height:205px;object-fit:cover;object-position:top left;border-top:1px solid #eaede8;background:#121713}
.home-principles{background:#f2f4f0;border-top:1px solid #e9ece7;border-bottom:1px solid #e9ece7}.principles-inner{max-width:1120px;padding:90px 0 95px}.principles-inner .section-heading{margin-bottom:42px}.principles-inner .section-heading .home-kicker{margin-bottom:14px}.principles-inner .section-heading h2{font-size:clamp(34px,4.5vw,48px)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.principle-grid article{border-top:1px solid #d5dcd3;padding-top:20px}.principle-grid h3{margin:0 0 9px;color:#202621;font-size:16px;font-weight:600}.principle-grid p{margin:0;color:#5e675f;font-size:13px;line-height:1.8}
.home-cta{max-width:1120px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:93px;padding-bottom:100px}.home-cta .home-kicker{margin-bottom:14px}.home-cta h2{margin:0;color:#171a18;font-size:clamp(34px,4.5vw,50px);font-weight:600;letter-spacing:-.06em;line-height:1.15}.home-cta .button{flex:none}.home-page .footer{max-width:1120px;min-height:92px;border-top:1px solid #e2e6df}.home-page .footer-copy{color:#6f776f;font-size:12px}.home-page .copyright{color:#7f877f;font:10px var(--mono)}
@media(max-width:900px){.home-page .topbar{padding-inline:25px}.home-hero{padding-top:82px}.product-shot,.capability-strip,.features,.principles-inner,.home-cta,.home-page .footer{width:calc(100% - 48px)}.feature-grid{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.home-feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}.home-feature-copy{min-height:unset;padding:27px}.home-feature>img{height:100%;min-height:230px;border-top:0;border-left:1px solid #eaede8}.capability-strip{padding-bottom:80px}}
@media(max-width:620px){.home-page .topbar{height:64px;padding-inline:18px}.home-page .nav-links{display:none}.home-page .nav-actions{gap:13px}.home-hero{padding:68px 22px 38px}.home-hero h1{font-size:clamp(43px,11vw,56px);line-height:1.08}.home-hero h1 br{display:none}.home-lede{font-size:15px;line-height:1.75}.home-actions{gap:17px;flex-wrap:wrap;margin-top:25px}.home-requirement{max-width:330px;margin:17px auto 0;font-size:10px;line-height:1.7}.product-shot,.capability-strip,.features,.principles-inner,.home-cta,.home-page .footer{width:calc(100% - 32px)}.shot-window{border-radius:8px}.shot-titlebar{height:34px}.shot-traffic{left:11px}.shot-traffic i{width:7px;height:7px}.shot-title-right{right:11px}.capability-strip{flex-direction:column;align-items:center;gap:9px;margin-top:24px;padding-bottom:75px}.capability-strip span{padding:0;font-size:11px}.capability-strip span+span{border:0}.features{padding-bottom:75px}.section-heading{margin-bottom:31px}.section-heading h2{font-size:35px}.section-heading>p:last-child{font-size:14px}.feature-grid{gap:12px}.home-feature{display:flex;flex-direction:column}.home-feature-copy{padding:23px 22px 21px}.home-feature h3{margin-top:13px;font-size:19px}.home-feature p{font-size:12px}.home-feature>img{height:auto;min-height:0;aspect-ratio:1.7;object-fit:cover;border-left:0;border-top:1px solid #eaede8}.principles-inner{padding:70px 0}.principles-inner .section-heading{margin-bottom:28px}.principles-inner .section-heading h2{font-size:35px}.principle-grid{grid-template-columns:1fr;gap:24px}.principle-grid article{padding-top:16px}.home-cta{align-items:flex-start;flex-direction:column;padding-top:70px;padding-bottom:74px}.home-cta h2{font-size:38px}.home-page .footer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0}.home-page .footer-copy{grid-column:1}.home-page .footer>div{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:9px}.home-page .copyright{grid-column:1}}
@media(prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important;transition:none!important}}
.philosophy{max-width:850px;padding:8px 0 105px}.philosophy .section-heading{margin-bottom:22px}.philosophy .section-heading h2{font-size:clamp(35px,4.5vw,49px)}.philosophy-copy{max-width:720px;margin:auto;color:#535c55;font-size:15px;line-height:1.9}.philosophy-copy p{margin:14px 0}.features{padding-top:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-feature{display:flex;flex-direction:column;justify-content:space-between}.home-feature-copy{min-height:0;padding:28px}.home-feature h3{font-size:clamp(21px,2.4vw,27px);line-height:1.25}.home-feature p{font-size:13px;line-height:1.8}.home-feature>img{width:100%;height:auto;max-height:320px;aspect-ratio:1.9;object-fit:cover;object-position:top left;border-top:1px solid #eaede8;border-left:0}.home-feature.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.home-feature.feature-wide .home-feature-copy{padding:34px;align-self:center}.home-feature.feature-wide h3{font-size:clamp(27px,3.2vw,38px)}.home-feature.feature-wide>img{height:100%;min-height:300px;max-height:none;aspect-ratio:auto;object-fit:cover;border-top:0;border-left:1px solid #eaede8}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.feature-tags span{padding:5px 9px;border:1px solid #dfe5de;border-radius:999px;color:#5b665c;font:10px var(--mono);white-space:nowrap}.home-feature:not(.feature-wide) .feature-tags{padding-bottom:4px}.principle-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}.principle-grid h3{font-size:15px}.principle-grid p{font-size:12px}.home-cta{border-top:1px solid #e8ebe5}
@media(max-width:900px){.philosophy{width:calc(100% - 48px)}.feature-grid{grid-template-columns:1fr}.home-feature.feature-wide{grid-column:auto}.home-feature.feature-wide .home-feature-copy{padding:27px}.home-feature.feature-wide h3{font-size:28px}.home-feature.feature-wide>img{height:100%;min-height:230px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}
@media(max-width:620px){.philosophy{width:calc(100% - 40px);padding:0 0 68px}.philosophy .section-heading h2{font-size:34px}.philosophy-copy{font-size:14px;line-height:1.85}.feature-grid{gap:12px}.home-feature-copy{padding:22px}.home-feature h3{font-size:21px}.home-feature p{font-size:12px}.home-feature.feature-wide{display:flex;flex-direction:column}.home-feature.feature-wide .home-feature-copy{padding:23px}.home-feature.feature-wide h3{font-size:25px}.home-feature.feature-wide>img{height:auto;min-height:0;aspect-ratio:1.6;border-left:0;border-top:1px solid #eaede8}.feature-tags{gap:6px;margin-top:15px}.feature-tags span{font-size:9px;padding:4px 7px}.principle-grid{grid-template-columns:1fr;gap:19px}}
.home-feature.text-feature .home-feature-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:34px}.home-feature.text-feature .feature-tags{margin-top:24px}
@media(max-width:900px){.home-feature.text-feature .home-feature-copy{padding:27px}}
@media(max-width:620px){.home-feature.text-feature .home-feature-copy{min-height:0;padding:23px}}
.download-page{min-height:100vh}.download-page:before{display:none}.download-page .topbar{padding-inline:max(36px,calc((100vw - 1120px)/2))}.download-page .nav-links{gap:30px}.download-page .nav-links a,.download-page .footer a{color:#454b46;font-size:13px}.download-page .language{color:#4a514b;font-size:12px}.download-page .button{border-radius:6px;font-size:13px;padding:14px 20px}.download-page .button-small{padding:9px 15px}.download-page .button-outline{color:#242925;border-color:#d0d5ce}.download-page .button-primary{background:#277b52;color:#fff;box-shadow:none}.download-page .button-primary:hover{background:#1e6844}.download-page .download-hero{max-width:1120px;padding:93px 0 72px;grid-template-columns:1.05fr .85fr;gap:68px}.download-intro h1{max-width:620px;margin:0;color:#171a18;font-size:clamp(46px,5.8vw,70px);font-weight:600;letter-spacing:-.075em;line-height:1.07}.download-intro .hero-lede{max-width:590px;margin:21px 0 0;color:#616962;font-size:15px;line-height:1.85}.download-intro .home-requirement{margin-top:20px;color:#818981;font-size:11px;line-height:1.7}.download-page .download-card{padding:30px;border:1px solid #e1e5df;border-radius:10px;background:#fff;box-shadow:0 18px 54px rgba(29,42,31,.07)}.download-page .download-card h2{color:#171a18;font-size:20px;letter-spacing:-.035em}.download-page .download-chip{color:#277b52;border-color:#cbded1}.download-page .download-state{background:#f5f7f4;border:1px solid #e7ebe5;border-left:3px solid #277b52;border-radius:5px;padding:18px}.download-page .download-state strong{color:#242a25;font-size:12px}.download-page .download-state p{color:#697169;font-size:11px;line-height:1.65}.download-page .download-button{width:100%;justify-content:space-between}.download-page .download-meta{display:block;font:10px var(--mono);color:#717970}.download-meta summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.download-meta summary::-webkit-details-marker{display:none}.download-meta code{display:block;margin-top:12px;color:#485249;font:10px/1.7 var(--mono);overflow-wrap:anywhere}.download-page .download-info{max-width:930px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:0 0 92px}.download-info-heading .home-kicker{margin-bottom:12px}.download-info-heading h2{margin:0;color:#171a18;font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.055em;line-height:1.2}.download-info-copy p{margin:0 0 14px;color:#5e675f;font-size:13px;line-height:1.8}.download-info-copy a{color:#277b52}.download-page .footer{max-width:1120px;min-height:92px;border-top:1px solid #e2e6df}.download-page .footer-copy{color:#6f776f;font-size:12px}.download-page .copyright{color:#7f877f;font:10px var(--mono)}.not-found{max-width:900px;min-height:65vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:50px;padding-bottom:70px}.not-found h1{max-width:800px;margin:0;color:#171a18;font-size:clamp(48px,7vw,78px);font-weight:600;letter-spacing:-.075em;line-height:1.05}.not-found>p:not(.home-kicker){margin:18px 0 24px;color:#616962;font-size:16px}
@media(max-width:900px){.download-page .topbar{padding-inline:25px}.download-page .download-hero{width:calc(100% - 48px);grid-template-columns:1fr;gap:32px;padding-top:72px}.download-page .download-card{max-width:620px}.download-page .download-info{width:calc(100% - 48px)}}
@media(max-width:620px){.download-page .topbar{padding-inline:18px}.download-page .nav-links{display:none}.download-page .download-hero{width:calc(100% - 32px);padding-top:62px;padding-bottom:55px}.download-intro h1{font-size:clamp(38px,10.5vw,44px);letter-spacing:-.06em;line-height:1.12}.download-intro .hero-lede{font-size:14px}.download-page .download-card{padding:23px}.download-page .download-info{width:calc(100% - 40px);grid-template-columns:1fr;gap:12px;padding-bottom:70px}.not-found{min-height:62vh}.not-found h1{font-size:clamp(43px,12vw,62px)}}

/* Full-width demonstrations keep the native 1024px interface legible. */
.features .feature-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:none}
.features .home-feature-copy,.features .home-feature.text-feature .home-feature-copy{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);column-gap:48px;row-gap:12px;padding:30px 34px;align-items:start}
.features .home-feature-copy .feature-number{grid-column:1/-1}
.features .home-feature-copy h3{grid-column:1;grid-row:2;margin:0;font-size:27px}
.features .home-feature-copy p{grid-column:2;grid-row:2;margin:0}
.features .home-feature-copy .feature-tags{grid-column:2;grid-row:3;margin:0;padding:0}
@media(max-width:700px){.features .feature-grid{gap:20px}.features .home-feature-copy,.features .home-feature.text-feature .home-feature-copy{display:flex;flex-direction:column;gap:12px;padding:24px}.features .home-feature-copy h3{font-size:23px}.features .home-feature-copy .feature-tags{margin-top:4px}}
/* Calm editorial spacing, with xtty's own green and blue-grey palette. */
.home-page{--bg:#fafbf9}.home-page .topbar{border-bottom-color:transparent;background:#fafbf9ed}
.home-hero{max-width:740px;text-align:left;padding-top:90px;padding-bottom:68px}
.home-hero h1{margin-left:0;font-size:clamp(44px,5vw,60px);letter-spacing:-.055em;line-height:1.12}
.home-hero .home-lede{margin-left:0;font-size:16px;line-height:1.85;color:#68716b}
.home-hero .home-actions{justify-content:flex-start}.home-hero .home-requirement{margin-left:0}
.home-page .button{border-radius:999px}.home-page .wordmark img{border-radius:8px}
.home-feature{border-color:#e1e6df;border-radius:14px;box-shadow:0 5px 20px #20382903}
.features .feature-grid{gap:40px}.features .home-feature-copy{padding-top:36px;padding-bottom:32px}
.feature-number{font-size:10px;letter-spacing:.08em}.feature-tags span{background:#f5f7f3;border-color:transparent}
.philosophy{padding-bottom:90px}.philosophy .section-heading{text-align:left;max-width:720px}.philosophy .section-heading h2{font-size:clamp(30px,3.5vw,42px);letter-spacing:-.045em}
.philosophy-copy{color:#68716b;font-size:14px}.home-principles{background:#f2f5f0}
@media(max-width:700px){.home-hero{padding:55px 24px 44px}.home-hero .home-lede{font-size:15px}.home-hero .home-requirement{margin-right:0;max-width:none}.features .feature-grid{gap:24px}.philosophy{padding-bottom:60px}}

.home-hero-icon{display:block;width:64px;height:64px;border-radius:16px;margin-bottom:26px;box-shadow:0 5px 13px #20382912}

.home-hero h1,.features .home-feature-copy h3{text-wrap:balance}

/* Product identity and quiet feature sections, inspired by Otty's hierarchy. */
.home-hero{max-width:688px;padding-top:76px;padding-bottom:58px}
.home-hero-icon{width:80px;height:80px;border-radius:20px;margin-bottom:26px}
.home-hero h1.home-product-name{margin:0 0 14px;font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.04em}
.home-hero .home-kicker{font-size:14px;letter-spacing:0;text-transform:none;font-weight:400;color:#738078;margin-bottom:24px}
.home-hero .home-tagline{margin:0;color:#1a211c;font-size:32px;line-height:1.3;letter-spacing:-.035em;font-weight:550;text-wrap:balance}
.home-hero .home-lede{font-size:15px;line-height:1.8;margin-top:18px;color:#717970}
.home-hero .home-actions{margin-top:26px}.home-hero .home-requirement{font-size:10px;margin-top:19px}
.product-shot .xt-demo{border-radius:12px;box-shadow:0 20px 55px #24332916}
.philosophy{max-width:760px;padding-top:8px;padding-bottom:86px}
.philosophy .section-heading h2{font-size:34px;line-height:1.25}.philosophy-copy{font-size:14px;line-height:1.85}
.features .feature-grid{gap:54px}.home-feature{background:transparent;border:0;border-radius:0;box-shadow:none}
.features .home-feature-copy,.features .home-feature.text-feature .home-feature-copy{padding:0 4px 24px;column-gap:56px}
.features .home-feature-copy h3{font-size:25px;font-weight:550}.features .home-feature-copy p{font-size:13px;color:#717970}
.feature-number{color:#4a735a}.home-feature>.xt-demo-feature{border:1px solid #dce3dc;border-radius:12px;overflow:hidden;background:#f5f7f3}
.home-feature>.xt-demo-feature .xt-demo{border-top:0}.xt-demo-feature-controls{background:#f5f7f3}
.home-principles{background:#f4f6f2;border:0}.principles-inner .section-heading{text-align:left;max-width:none}
.principles-inner .section-heading h2{font-size:34px}.principle-grid article{border-top:0;padding-top:0}
@media(max-width:700px){.home-hero{padding:48px 24px 40px}.home-hero-icon{width:68px;height:68px;border-radius:17px}.home-hero .home-tagline{font-size:28px}.features .feature-grid{gap:38px}.features .home-feature-copy,.features .home-feature.text-feature .home-feature-copy{padding:0 4px 18px}.features .home-feature-copy h3{font-size:23px}.philosophy .section-heading h2{font-size:29px}}
/* Neutral page typography; colour is reserved for xtty's primary action. */
body.home-page{--bg:#fff;--text:#202020;--muted:#666;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",sans-serif;background:#fff;color:#202020;font-family:var(--sans);-webkit-font-smoothing:antialiased}
.home-page .topbar{height:76px;background:#fffffff2;border:0;backdrop-filter:blur(16px)}
.home-page .wordmark{font-size:20px;font-weight:600;letter-spacing:-.025em}.home-page .nav-links a,.home-page .language{font-size:14px;color:#555}
.home-page .button{font-size:14px;font-weight:500;padding:13px 20px}.home-page .button-small{padding:9px 16px}.home-page .button-outline{border-color:#e4e4e4;color:#222;background:#fafafa}
.home-hero{max-width:720px;padding-top:72px;padding-bottom:60px}.home-hero-icon{width:72px;height:72px;box-shadow:none;margin-bottom:24px}
.home-hero h1.home-product-name{font-size:36px;font-weight:500;letter-spacing:-.025em;margin-bottom:14px;color:#222}
.home-hero .home-kicker{font-size:15px;font-weight:400;color:#686868;margin-bottom:26px}
.home-hero .home-tagline{font-size:30px;font-weight:500;line-height:1.4;letter-spacing:-.02em;color:#222}
.home-hero .home-lede{font-size:16px;font-weight:400;line-height:1.8;color:#666;margin-top:18px}
.home-hero .home-requirement{font-size:12px;color:#757575;line-height:1.7;letter-spacing:0}.home-hero .home-actions{margin-top:26px}
.home-page .product-shot .xt-demo{border-radius:10px;box-shadow:0 14px 42px #0000000c}
.home-page .capability-strip{margin-top:28px;padding-bottom:100px}.home-page .capability-strip span{color:#686868;font-size:13px}.home-page .capability-strip span+span{border-color:#e6e6e6}
.home-page .philosophy{max-width:760px;padding-bottom:100px}.home-page .home-kicker{color:#737373;font-weight:400;letter-spacing:0;text-transform:none}
.home-page .section-heading h2{font-size:34px;font-weight:500;letter-spacing:-.025em;line-height:1.35;color:#222}
.home-page .philosophy-copy{color:#626262;font-size:16px;line-height:1.85}.home-page .philosophy-copy p{margin:18px 0}
.home-page .features .feature-grid{gap:76px}.home-page .features .home-feature-copy,.home-page .features .home-feature.text-feature .home-feature-copy{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);column-gap:64px;row-gap:14px;padding:0 0 28px}
.home-page .feature-number{font:13px/1.5 var(--sans);color:#737373;letter-spacing:0}
.home-page .features .home-feature-copy h3{font-size:28px;line-height:1.4;font-weight:500;letter-spacing:-.025em;color:#252525}
.home-page .features .home-feature-copy p{font-size:15px;line-height:1.8;color:#626262}
.home-page .feature-tags{gap:16px}.home-page .feature-tags span{border:0;border-radius:0;background:transparent;color:#757575;padding:0;font:12px/1.6 var(--sans)}
.home-page .home-feature>.xt-demo-feature{border-color:#e4e4e4;background:#fafafa;border-radius:10px}
.home-page .xt-demo-controls button{font-size:13px;color:#646464}.home-page .xt-demo-controls button[aria-pressed=true]{background:#f1f1f1;border-color:#e7e7e7;color:#252525}
.home-page .xt-demo-caption,.home-page .home-feature p.xt-demo-feature-caption{font-family:var(--sans);font-size:13px;line-height:1.65;color:#676767}
.home-page .xt-demo-feature-controls,.home-page .home-feature p.xt-demo-feature-caption{background:#fafafa}.home-page .xt-demo-feature-controls button{font-size:13px;color:#555}
.home-page .home-principles{background:#fafafa}.home-page .principles-inner{padding:80px 0}.home-page .principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 46px}
.home-page .principle-grid h3{font-size:17px;font-weight:500;color:#282828}.home-page .principle-grid p{font-size:14px;line-height:1.75;color:#666}
.home-page .home-cta{padding-top:80px;padding-bottom:80px;border-top:0}.home-page .home-cta h2{font-size:34px;font-weight:500;line-height:1.35;letter-spacing:-.025em;color:#222}
.home-page .footer{border-color:#ededed}.home-page .footer-copy,.home-page .copyright{font:12px/1.6 var(--sans);color:#777}
@media(max-width:700px){.home-page .home-hero{padding:44px 24px 40px}.home-page .home-hero-icon{width:64px;height:64px}.home-page .home-hero .home-tagline{font-size:27px}.home-page .home-hero .home-lede{font-size:15px}.home-page .features .feature-grid{gap:48px}.home-page .features .home-feature-copy,.home-page .features .home-feature.text-feature .home-feature-copy{display:flex;flex-direction:column;gap:12px;padding:0 2px 22px}.home-page .features .home-feature-copy h3{font-size:25px}.home-page .features .home-feature-copy p{font-size:14px}.home-page .section-heading h2,.home-page .home-cta h2{font-size:29px}.home-page .philosophy-copy{font-size:15px}.home-page .philosophy{padding-bottom:72px}.home-page .capability-strip{padding-bottom:72px}.home-page .principle-grid{grid-template-columns:1fr;gap:26px}}

/* Fit feature viewports to occupied content; full view remains available. */
.home-page .xt-demo-feature{display:grid;grid-template-columns:minmax(0,1fr) auto}
.home-page .xt-demo-feature>.xt-demo{grid-column:1/-1}
.home-page .xt-demo-feature[data-xt-demo="password"]>.xt-demo{aspect-ratio:1024/430}
.home-page .xt-demo-feature[data-xt-demo="transfer"]>.xt-demo{aspect-ratio:1024/500}
.home-page .xt-demo-feature[data-xt-demo="duplicate"]>.xt-demo{aspect-ratio:1024/320}
.home-page .xt-demo-feature[data-xt-demo="agents"]>.xt-demo{aspect-ratio:1024/400}
.home-page .xt-demo-feature-controls{grid-column:2;grid-row:2;align-items:center;padding:12px 16px;gap:16px;border-top:0}
.home-page .home-feature p.xt-demo-feature-caption{grid-column:1;grid-row:2;align-self:stretch;display:flex;align-items:center;padding:12px 16px;margin:0;font-size:12px}
.home-page .xt-demo-viewer .xt-demo-feature>.xt-demo{aspect-ratio:1024/562}
.home-page .features .home-feature-copy h3{width:100%;text-wrap:pretty}
.home-page .topbar{height:70px}.home-page .home-hero{padding-top:56px}.home-page .capability-strip{padding-bottom:80px}
@media(max-width:700px){.home-page .topbar{height:64px}.home-page .home-hero{padding-top:36px}.home-page .home-hero-icon{margin-bottom:20px}.home-page .home-hero .home-kicker{margin-bottom:20px}.home-page .xt-demo-feature-controls{padding:10px 12px;gap:12px}.home-page .home-feature p.xt-demo-feature-caption{padding:10px 12px;font-size:12px}.home-page .capability-strip{padding-bottom:64px}}

/* Give the opening message one clear focal point. */
.home-page .topbar{justify-content:flex-start;gap:40px}
.home-page .topbar .nav-actions{margin-left:auto}
.home-page .home-hero{max-width:820px;text-align:center;padding:64px 24px 48px}
.home-page .home-hero .home-kicker{margin:0 0 18px;font-size:14px}
.home-page .home-hero h1.home-tagline{max-width:780px;margin:0 auto;font-size:48px;line-height:1.18;font-weight:600;letter-spacing:-.035em}
.home-page .home-hero .home-lede{max-width:660px;margin:22px auto 0;font-size:17px;line-height:1.75}
.home-page .home-hero .home-actions{justify-content:center;margin-top:28px}
.home-page .home-hero .home-requirement{margin-top:20px}
@media(max-width:700px){.home-page .topbar{gap:24px}.home-page .home-hero{padding:44px 22px 36px}.home-page .home-hero h1.home-tagline{font-size:34px}.home-page .home-hero .home-lede{font-size:15px}.home-page .home-hero .home-kicker{font-size:13px}}

.home-page .product-shot+.philosophy{padding-top:72px}
@media(max-width:700px){.home-page .product-shot+.philosophy{padding-top:48px}}

/* Download availability: remove aria-disabled and restore href to reopen. */
.home-page a[aria-disabled="true"],.download-page a[aria-disabled="true"]{cursor:not-allowed;color:#888;background:#ededed;border-color:#e3e3e3;box-shadow:none;transform:none}
.home-page a[aria-disabled="true"]:hover,.download-page a[aria-disabled="true"]:hover{color:#888;background:#ededed;transform:none}
.download-page .download-state{border-left-color:#aaa}

/* Product and community footer */
.about-footer{max-width:1120px;padding:0 0 65px;margin-top:15px}.about-divider{display:flex;align-items:center;gap:24px;color:#92978f;font:11px var(--mono);letter-spacing:.22em;margin-bottom:65px}.about-divider:before,.about-divider:after{content:"";height:1px;background:#e4e7e0;flex:1}.about-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.3fr;gap:55px}.about-grid h3{font:11px var(--mono);letter-spacing:.16em;color:#899184;margin:5px 0 25px}.about-grid a{display:block;color:#697064;text-decoration:none;font-size:14px;margin-bottom:16px}.about-grid a:hover{color:#277b52}.about-grid .wordmark{display:flex;color:#202720;font-size:22px}.about-brand .wordmark img{width:46px;height:46px}.about-grid p{font-size:14px;line-height:1.8;color:#788071;margin:20px 0}.about-brand small{color:#90958b;font-size:11px}.about-grid .about-join{border:1px solid #d3dacd;padding:12px 18px;border-radius:30px;color:#277b52;text-align:center;margin-top:24px}@media(max-width:800px){.about-grid{grid-template-columns:1fr 1fr;gap:35px}.about-footer{width:calc(100% - 48px)}.about-divider{margin-bottom:40px}}@media(max-width:620px){.home-page .topbar .nav-links{display:flex;gap:14px}.home-page .topbar .nav-links a{font-size:11px}.home-page .topbar .nav-actions{gap:8px}.home-page .topbar .button-small{padding:7px;font-size:11px}.about-grid{gap:30px}.about-brand,.about-invite{grid-column:1 / -1}.about-footer{padding-bottom:35px}}

/* Editorial rhythm: one promise, the product, then the story. */
.home-page .home-hero{max-width:1040px;padding:76px 24px 52px}
.home-page .home-hero .home-kicker{font-size:14px;margin-bottom:22px;color:#727272}
.home-page .home-hero h1.home-tagline{font-size:clamp(42px,4.3vw,58px);line-height:1.12;font-weight:550;letter-spacing:-.045em;max-width:980px}
.home-page .home-hero .home-actions{margin-top:32px}
.home-page .home-hero .home-requirement{margin-top:18px;font-size:11px;color:#858585}
.home-page .product-shot{padding-bottom:0}
.home-page .philosophy{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;max-width:1120px;padding:86px 0 90px;margin:68px auto 0;border-top:1px solid #e9e9e9;align-items:start}
.home-page .philosophy .section-heading{text-align:left;margin:0;max-width:none}
.home-page .philosophy .home-kicker{font-size:13px;color:#818181;margin:0 0 17px}
.home-page .philosophy .section-heading h2{font-size:clamp(30px,3vw,40px);font-weight:500;line-height:1.24;letter-spacing:-.035em;margin:0;color:#252525}
.home-page .philosophy-copy{margin:0;max-width:490px;font-size:16px;line-height:1.8;color:#6b6b6b}
.home-page .philosophy-copy p{margin:0 0 22px;text-wrap:pretty}
.home-page .philosophy-copy .philosophy-opening{color:#393939;font-size:19px;line-height:1.55;letter-spacing:-.015em;margin-bottom:22px}
.home-page .philosophy-copy .philosophy-closing{color:#414141;margin-bottom:0}
.home-page .features{border-top:1px solid #e9e9e9;padding-top:64px}
@media(max-width:850px){.home-page .philosophy{column-gap:40px;width:calc(100% - 48px)}.home-page .philosophy-copy{font-size:15px}}
@media(max-width:620px){.home-page .home-hero{padding:48px 22px 38px}.home-page .home-hero h1.home-tagline{font-size:42px}.home-page .philosophy{grid-template-columns:1fr;gap:30px;padding:48px 0;margin-top:44px}.home-page .philosophy .section-heading h2{font-size:32px}.home-page .features{padding-top:40px}}

/* Alternating feature stories: generous demos, quiet text. */
.home-page .features{width:calc(100% - 80px);max-width:1440px;padding-top:76px}
.home-page .features .feature-grid{display:grid;grid-template-columns:1fr;gap:104px}
.home-page .features .home-feature{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:56px;align-items:center;overflow:visible}
.home-page .features .home-feature:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,2.05fr)}
.home-page .features .home-feature-copy,.home-page .features .home-feature.text-feature .home-feature-copy{display:flex;flex-direction:column;gap:0;padding:0;min-width:0;grid-column:2;grid-row:1}
.home-page .features .home-feature>.xt-demo-feature{grid-column:1;grid-row:1;min-width:0;width:100%;align-self:center;border:1px solid #e1e4e7;border-radius:12px;box-shadow:0 12px 34px #25303c09}
.home-page .features .home-feature:nth-child(even) .home-feature-copy{grid-column:1}
.home-page .features .home-feature:nth-child(even)>.xt-demo-feature{grid-column:2}
.home-page .features .feature-number{font-size:11px;letter-spacing:.075em;color:#838383;margin-bottom:17px}
.home-page .features .home-feature-copy h3{font-size:clamp(25px,2.15vw,32px);line-height:1.26;font-weight:500;letter-spacing:-.035em;margin:0 0 21px;text-wrap:pretty}
.home-page .features .home-feature-copy p{font-size:16px;line-height:1.8;margin:0;color:#737373;text-wrap:pretty}
.home-page .features .feature-tags{margin-top:23px;gap:8px 16px}.home-page .features .feature-tags span{font-size:11px;color:#8b8b8b}
.home-page .features .xt-demo-feature>.xt-demo{aspect-ratio:1024/562;border-radius:0}
.home-page .features .xt-demo-feature-controls{gap:10px;padding:11px 12px;white-space:nowrap}
.home-page .features .home-feature p.xt-demo-feature-caption{font-size:11px;line-height:1.55;padding:10px 12px;color:#747474}
.home-page .features .xt-demo-feature-controls button{font-size:11px}
@media(max-width:1100px){.home-page .features{width:calc(100% - 48px)}.home-page .features .home-feature{gap:32px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.home-page .features .home-feature:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.home-page .features .home-feature-copy p{font-size:15px}}
@media(max-width:800px){.home-page .features .home-feature,.home-page .features .home-feature:nth-child(even){grid-template-columns:1fr;gap:24px}.home-page .features .home-feature-copy,.home-page .features .home-feature:nth-child(even) .home-feature-copy{grid-column:1;grid-row:1}.home-page .features .home-feature>.xt-demo-feature,.home-page .features .home-feature:nth-child(even)>.xt-demo-feature{grid-column:1;grid-row:2}.home-page .features .feature-grid{gap:64px}}

/* One shared grid across the page, with a consistent spacing scale. */
.home-page .topbar{padding-inline:max(64px,calc((100vw - 1360px)/2));height:76px}
.home-page .product-shot,.home-page .philosophy,.home-page .features,.home-page .principles-inner,.home-page .home-cta,.home-page .footer,.home-page .home-footer-inner{width:calc(100% - 128px);max-width:1360px;margin-inline:auto}
.home-page .home-hero{padding-top:72px;padding-bottom:56px}
.home-page .home-hero .home-kicker{color:#737373;font-size:14px}
.home-page .home-hero h1.home-tagline{font-weight:550;letter-spacing:-.04em}
.home-page .product-shot .xt-demo{box-shadow:0 14px 40px #28323c0b}
.home-page .philosophy{grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:56px;margin-top:64px;padding:72px 0 80px;border-color:#eeeeee}
.home-page .philosophy .section-heading h2{font-size:36px;line-height:1.3;font-weight:500}
.home-page .philosophy-copy{max-width:none;font-size:16px;line-height:1.75}
.home-page .philosophy-copy .philosophy-opening{font-size:18px;line-height:1.6}
.home-page .philosophy-copy p{margin-bottom:24px}
.home-page .features{padding-top:80px;border-color:#eeeeee;padding-bottom:104px}
.home-page .features .feature-grid{gap:96px;max-width:none}
.home-page .features .home-feature-copy{align-self:center;max-width:410px}
.home-page .features .feature-number{margin-bottom:16px;color:#7c8185;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.04em}
.home-page .features .home-feature-copy h3{font-size:30px;line-height:1.32;letter-spacing:-.025em;font-weight:500;margin:0 0 20px;color:#242729}
.home-page .features .home-feature-copy p{font-size:16px;line-height:1.8;color:#697076}
.home-page .features .home-feature>.xt-demo-feature{border-radius:10px;border-color:#dfe3e7;box-shadow:0 10px 30px #26313c08}
.home-page .features .xt-demo-feature-controls{padding:12px 16px;gap:14px;min-height:56px;background:#fafbfc}
.home-page .features .home-feature p.xt-demo-feature-caption{padding:12px 16px;min-height:56px;background:#fafbfc;color:#707980;font-size:11px;line-height:1.5}
.home-page .features .xt-demo-feature-controls button{color:#667078;font-size:11px}
.home-page .principles-inner{padding-block:80px}
html[lang^="zh"] .home-page .features .feature-number{letter-spacing:0}
html[lang^="zh"] .home-page .features .home-feature-copy h3{letter-spacing:0;line-height:1.4;font-size:29px}
@media(max-width:1100px){.home-page .topbar{padding-inline:32px}.home-page .product-shot,.home-page .philosophy,.home-page .features,.home-page .principles-inner,.home-page .home-cta,.home-page .footer,.home-page .home-footer-inner{width:calc(100% - 64px)}.home-page .philosophy{grid-template-columns:1fr 1fr;gap:40px}.home-page .features .home-feature-copy h3{font-size:27px}}
@media(max-width:800px){.home-page .philosophy{grid-template-columns:1fr;gap:32px}.home-page .features .home-feature-copy{max-width:600px}.home-page .features .feature-grid{gap:64px}.home-page .features{padding-top:56px;padding-bottom:64px}}

/* Align the copy to a steady point beneath the top of each demo. */
.home-page .features .home-feature{align-items:start}
.home-page .features .home-feature-copy{align-self:start;padding-top:24px}
.home-page .features .home-feature>.xt-demo-feature{align-self:start}
.feature-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#edf4ef;color:#287451;margin-bottom:20px}
.feature-symbol svg{width:23px;height:23px}
.home-page .features .feature-number{margin-bottom:12px}
.home-page .features .home-feature-copy h3{margin-bottom:18px}
.feature-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.feature-context>span{font:12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#6f7873;display:inline-flex;align-items:center;gap:7px;border:1px solid #e4e9e5;border-radius:7px;padding:6px 9px;background:#fcfdfc}
.feature-context>span.agent-chip{border-radius:20px;padding:7px 12px;color:#454c48;background:#fff}
.agent-chip img,.agent-chip svg{width:17px;height:17px;object-fit:contain}
.feature-context>span{transition:border-color .16s,background .16s}
.feature-context>span:hover{border-color:#c8d8ce;background:#f4f8f5}
@media(max-width:800px){.home-page .features .home-feature-copy{padding-top:0}.feature-symbol{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.feature-context>span{transition:none}}

.home-page .features .feature-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.home-page .features .feature-eyebrow .feature-symbol{width:38px;height:38px;border-radius:10px;margin:0;flex-shrink:0}
.home-page .features .feature-eyebrow .feature-symbol svg{width:21px;height:21px}
.home-page .features .feature-eyebrow .feature-number{margin:0;line-height:1.5}

/* Keep feature demos visually complete without a footer strip. */
.home-page .features .home-feature>.xt-demo-feature{position:relative;display:block;overflow:hidden}
.home-page .features .home-feature p.xt-demo-feature-caption{display:none}
.home-page .features .xt-demo-feature>.xt-demo{border-radius:9px;border:0}
.home-page .features .xt-demo-feature-controls{position:absolute;z-index:8;right:10px;top:10px;min-height:0;padding:5px 8px;gap:12px;border:1px solid #ffffff26;border-radius:7px;background:#313842ed;box-shadow:0 3px 12px #0002;opacity:0;transition:opacity .18s ease;pointer-events:none}
.home-page .features .xt-demo-feature-controls button{color:#e4e9ef;font-size:11px;padding:4px 2px}
.home-page .features .xt-demo-feature:hover>.xt-demo-feature-controls,.home-page .features .xt-demo-feature:focus-within>.xt-demo-feature-controls{opacity:1;pointer-events:auto}
.home-page .features .xt-demo-feature-controls button:focus-visible{outline:2px solid #9dc9b1;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.home-page .features .xt-demo-feature-controls{transition:none}}

.is-tabs-demo .xt-demo-app{display:block}.demo-tabs-left{position:absolute;inset:0 auto 0 0;width:164px}.demo-tabs-terminal{position:absolute;inset:0 0 0 164px}.demo-tabs-top{position:absolute;top:0;left:0;width:1024px;height:43px;display:flex;align-items:center;gap:5px;padding:0 8px}.demo-tabs-top .xt-demo-toolbar{width:72px;flex-shrink:0}.demo-tabs-top .xt-demo-tools{display:none}.demo-tabs-top .xt-demo-row{width:210px;height:31px}.demo-tabs-top .xt-demo-row-text strong{font-size:10px}.demo-tabs-top .xt-demo-row-text small{font-size:8px}.demo-top-plus{margin-left:8px}.demo-tabs-terminal.with-top-tabs{inset:43px 0 0 0;padding-top:10px}.demo-tab-position{display:flex;width:100%;gap:12px;align-items:center;justify-content:center}.demo-tab-position b{background:#0a84ff;color:#fff;padding:2px 22px;border-radius:4px;font-weight:400}.demo-unread-dot{background:#61afef!important}
.demo-free-layout{position:relative;height:536px;margin-top:26px;overflow:hidden}.demo-free-pane{position:absolute;border:1px solid #59616a;overflow:hidden;transition:left .7s ease,top .7s ease,width .7s ease,height .7s ease;background:#2e3742}.demo-free-pane>.xt-demo-terminal{padding:15px 7px 5px;height:100%}.demo-pane-grip{position:absolute;top:1px;left:calc(50% - 40px);width:80px;height:12px;text-align:center;font:10px/8px sans-serif;letter-spacing:3px;color:#afb7c080}.demo-drop-preview{position:absolute;right:0;top:0;width:34%;height:100%;background:#61afef30;border:2px solid #61afef;border-radius:3px;transition:opacity .25s}.demo-drag-ghost{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 15px;background:#3e4751e6;border:1px solid #8395a6;border-radius:6px;font:12px sans-serif;box-shadow:0 6px 20px #0003}.demo-drag-target{position:absolute;width:1px;height:1px}.demo-resize-target{position:absolute;top:0;height:100%;width:2px;background:#a3b4c8}.is-panes-demo .xt-demo-key-hint{max-width:400px}

.home-page .features .home-feature-copy .feature-summary{color:#3c4640;font-size:17px;line-height:1.6;margin:0 0 16px}

.small-features{width:calc(100% - 128px);max-width:1360px;margin:0 auto;padding:0 0 96px}
.small-features>header{margin:0 0 32px}.small-features>header .home-kicker{font-size:12px;letter-spacing:.045em;margin:0 0 12px;color:#81878b}.small-features h2{font-size:32px;line-height:1.3;font-weight:500;letter-spacing:-.025em;color:#242729;margin:0}
.small-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.small-feature-card{background:#f4f6f6;border:1px solid #edf0f0;padding:16px;border-radius:14px;min-width:0}
.small-feature-preview{height:172px;border-radius:9px;overflow:hidden;margin-bottom:22px;background:#313842;color:#d7dbe0;position:relative;padding:18px;font:12px/1.8 "Bitstream Vera Sans Mono",Menlo,monospace;display:flex;flex-direction:column;justify-content:center}
.small-feature-card h3{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.015em;margin:0 4px 10px;color:#2a3033}.small-feature-card>p{font-size:14px;line-height:1.7;color:#737b81;margin:0 4px 8px;text-wrap:pretty}
.mini-font-sample{font-size:45px;line-height:1.2;letter-spacing:-.04em;margin-bottom:9px}.mini-font-sample span{font-family:-apple-system,sans-serif;font-size:38px}.mini-code-line{color:#98c379}.mini-fonts small{font-size:9px;color:#a7b1bc;margin-top:8px}
.mini-themes{background:#e7ece9;flex-direction:row;gap:8px;align-items:center;padding:13px}
.mini-theme-swatch{width:33%;height:112px;flex-shrink:0;padding:10px 7px;border-radius:7px;box-shadow:0 4px 12px #21322812;font-size:8px;line-height:1.7}.mini-theme-swatch.light{background:#fff;color:#397854}.mini-theme-swatch.dark{background:#22252a;color:#c4bbeb}.mini-theme-swatch.bluegray{background:#313842;color:#98c379}.mini-theme-swatch i{display:block;height:3px;margin-top:11px;width:90%;background:currentColor;opacity:.25}.mini-theme-swatch i:nth-of-type(2){width:60%}
.mini-search-bar{display:flex;align-items:center;justify-content:space-between;border:1px solid #66727e;background:#3a434f;border-radius:5px;padding:3px 7px;margin-bottom:12px;font-size:11px}.mini-search-bar small{font-size:9px;color:#b7c0c8}.mini-search-bar kbd{font:10px -apple-system,sans-serif;color:#b7c0c8}
.mini-terminal-lines{font-size:11px;line-height:1.9;white-space:nowrap}.mini-terminal-lines mark{color:#e9ebce;background:#687443;border-radius:2px;padding:1px 2px}
.mini-palette{border:1px solid #56626e;border-radius:7px;background:#353d48;padding:8px;box-shadow:0 5px 15px #0002}.mini-palette .mini-search-bar{margin:0 0 5px}.mini-palette>div:not(:first-child){padding:3px 7px;font:11px/1.7 -apple-system,sans-serif}.mini-palette-selected{background:#0a84ff;color:#fff;border-radius:4px}
.mini-terminal-lines u{color:#8bc2e8;text-underline-offset:3px}.mini-key-note{position:absolute;right:13px;bottom:12px;color:#aeb9c3;font:10px -apple-system,sans-serif}
.mini-keys{background:#eaf1ed;color:#356e51;align-items:center}.mini-keyboard{display:flex;gap:9px}.mini-keyboard kbd{display:grid;place-items:center;min-width:48px;height:48px;background:#fff;border:1px solid #d8e3dc;border-bottom-width:3px;border-radius:8px;font:25px -apple-system,sans-serif;color:#3f5145}.mini-key-label{font:11px -apple-system,sans-serif;color:#768179;margin-top:15px}
.mini-diff{font-size:11px;line-height:1.9}.mini-diff small{display:block;color:#aab5c0;padding-bottom:8px;border-bottom:1px solid #ffffff16;margin-bottom:8px}.mini-diff .removed{background:#b45e6230;color:#e0a1a3;padding:0 5px}.mini-diff .added{background:#70a47730;color:#acd1a5;padding:0 5px}
.mini-shell-options{display:flex;gap:8px;margin-bottom:16px}.mini-shell-options span{border:1px solid #64707c;border-radius:5px;padding:0 9px;color:#c7d0d9;font-size:10px}.mini-prompt{color:#98c379}.mini-caret{display:inline-block;height:12px;width:6px;background:#d7dbe0;vertical-align:-2px;margin-left:3px}
@media(max-width:1100px){.small-features{width:calc(100% - 64px)}.small-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.small-feature-grid{grid-template-columns:1fr}.small-features{padding-bottom:64px}.small-features h2{font-size:28px}}

.home-page .features .home-feature>.xt-demo-feature{padding:var(--frame-pad);background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--frame-radius);box-shadow:none;overflow:hidden}
.home-page .features .xt-demo-feature>.xt-demo{border:1px solid #59616a60;border-radius:9px;box-shadow:var(--frame-shadow)}
.home-page .features .xt-demo-feature-controls{top:calc(var(--frame-pad) + 10px);right:calc(var(--frame-pad) + 10px)}
.home-page .product-shot [data-xt-demo=hero]{padding:var(--frame-pad);background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--frame-radius)}
.home-page .product-shot .xt-demo{border-radius:9px;box-shadow:var(--frame-shadow)}
.home-page .product-shot .xt-demo-controls{margin-top:14px}.home-page .product-shot .xt-demo-caption{margin-bottom:2px}
body[data-frame-style=warm]{--frame-pad:20px;--frame-bg:#eeece6;--frame-border:#e5e1d8;--frame-radius:18px;--frame-shadow:0 5px 18px #303a4212}
body[data-frame-style=cool]{--frame-pad:14px;--frame-bg:#edf0f3;--frame-border:#e0e5ea;--frame-radius:16px;--frame-shadow:0 3px 10px #2532440d}
body[data-frame-style=green]{--frame-pad:22px;--frame-bg:#edf3ee;--frame-border:#dfe9e1;--frame-radius:20px;--frame-shadow:0 6px 22px #25473612}
.xt-demo-viewer .xt-demo-feature{padding:0!important}

.mini-palette{padding:0;background:#37414c;box-shadow:none}.mini-native-palette{height:100%;width:100%;border:1px solid #59616b;border-radius:9px;font:11px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;background:#37414c;color:#d7dbe0}.mini-native-palette-search{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;color:#9ba4af;border-bottom:1px solid #ffffff13;white-space:nowrap;font-size:10px}.mini-native-palette-search svg{width:13px;height:13px;flex-shrink:0}.mini-native-palette-group{padding:6px 10px 4px;color:#9ba4af;font-size:9px}.mini-native-palette-row{display:flex;align-items:center;gap:4px;height:23px;padding:0 8px;margin:0 5px;border-radius:5px;white-space:nowrap}.mini-native-palette-row>span{flex:1;min-width:0}.mini-native-palette-row.selected{background:#5c646f}.mini-native-palette-row kbd{display:grid;place-items:center;width:17px;height:17px;border:1px solid #75808a66;border-radius:5px;font:10px -apple-system,sans-serif;color:#a9b2bc}.mini-native-palette-row.selected kbd{background:#48535e;border-color:#53616d}
.small-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.small-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.small-feature-grid{grid-template-columns:1fr}}

.home-page .home-hero .home-kicker{margin:22px 0 0;font-size:14px;line-height:1.6}.home-page .home-hero .home-actions{margin-top:28px}

/* Main demo: 70% of the previous showcase width, centered. */
.home-page .product-shot{width:calc(70% - 89.6px);max-width:952px;margin-inline:auto}@media(max-width:1100px){.home-page .product-shot{width:calc(70% - 44.8px)}}

/* A wide desktop stage around the smaller main demo. */
.home-page .product-shot{width:calc(100% - 128px);max-width:1360px;margin-inline:auto}
.home-page .product-shot [data-xt-demo=hero]{padding:48px 0 24px;border:1px solid #dbe1e5;border-radius:20px;background:radial-gradient(ellipse at 12% 110%,#759bad 0,transparent 53%),radial-gradient(ellipse at 92% 100%,#9bb9bd 0,transparent 52%),radial-gradient(ellipse at 18% 16%,#e8e5dc 0,transparent 48%),linear-gradient(170deg,#dce0e6 0%,#e3e5e4 40%,#c1d1d7 72%,#91aebe 100%)}
.home-page .product-shot .xt-demo{width:calc(70% - 21px);margin-inline:auto;box-shadow:0 16px 38px #27394424;border:1px solid #68727b70;border-radius:10px}
.home-page .product-shot .xt-demo-controls,.home-page .product-shot .xt-demo-timeline,.home-page .product-shot .xt-demo-caption{width:calc(70% - 21px);margin-inline:auto}
.home-page .product-shot .xt-demo-controls{gap:3px;margin-top:18px}.home-page .product-shot .xt-demo-controls button{font-size:11px;padding:7px 9px;color:#43525c}.home-page .product-shot .xt-demo-controls button[aria-pressed=true]{background:#ffffffb3;border-color:#ffffff70;color:#243640}.home-page .product-shot .xt-demo-caption{color:#4c6069;font-size:11px;margin-top:9px}.home-page .product-shot .xt-demo-timeline{margin-top:9px}
@media(max-width:1100px){.home-page .product-shot{width:calc(100% - 64px)}}

/* Desktop background belongs only to the terminal window. */
.home-page .product-shot [data-xt-demo=hero]{padding:0;border:0;border-radius:0;background:transparent}
.home-page .product-shot .xt-demo-desktop{padding:48px 0;border:1px solid #dbe1e5;border-radius:20px;background:radial-gradient(ellipse at 12% 110%,#759bad 0,transparent 53%),radial-gradient(ellipse at 92% 100%,#9bb9bd 0,transparent 52%),radial-gradient(ellipse at 18% 16%,#e8e5dc 0,transparent 48%),linear-gradient(170deg,#dce0e6 0%,#e3e5e4 40%,#c1d1d7 72%,#91aebe 100%)}
.home-page .product-shot .xt-demo-controls{margin-top:20px}.home-page .product-shot .xt-demo-controls button{color:#646464}.home-page .product-shot .xt-demo-controls button[aria-pressed=true]{background:#f1f1f1;border-color:#e7e7e7;color:#252525}.home-page .product-shot .xt-demo-caption{color:#676767}

/* A native-looking window floating over a quiet desktop wallpaper. */
.home-page .product-shot .xt-demo-desktop{position:relative;isolation:isolate;overflow:hidden;padding:56px 0 64px;border-radius:22px;border-color:#d6dde2;background:radial-gradient(ellipse at 15% 6%,#eae6df 0,transparent 52%),radial-gradient(ellipse at 80% 12%,#dce1e9 0,transparent 56%),radial-gradient(ellipse at 88% 110%,#7ea6b5 0,transparent 63%),linear-gradient(155deg,#d7dde4 0%,#dbe2e4 48%,#a4bdc8 76%,#809fab 100%)}
.home-page .product-shot .xt-demo-desktop::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 100% 90% at -12% 114%,#527f963b 0%,#85b6c450 42%,#d5e4e72b 47%,transparent 55%),radial-gradient(ellipse 94% 58% at 102% 126%,#b0cbcd55 0%,#dbe8e743 50%,transparent 58%);pointer-events:none}
.home-page .product-shot .xt-demo-desktop::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff80;pointer-events:none}
.home-page .product-shot .xt-demo{position:relative;border:1px solid #1e293455;border-radius:12px;box-shadow:0 2px 5px #13212d38,0 12px 26px #172d3d2e,0 30px 60px -12px #14293640,0 0 0 1px #ffffff26}
.home-page .product-shot .xt-demo::after{content:"";position:absolute;inset:0;z-index:9;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff0a,inset -1px 0 0 #ffffff0a;pointer-events:none}
.home-page .product-shot .xt-demo .xt-demo-toolbar{height:26px;padding-inline:10px}
.home-page .product-shot .xt-demo .xt-demo-lights{gap:7px}
.home-page .product-shot .xt-demo .xt-demo-lights i{width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}
.home-page .product-shot .xt-demo .xt-demo-settings-nav .xt-demo-toolbar{height:38px;padding-inline:4px}
.home-page .product-shot .demo-tabs-top .xt-demo-toolbar{width:86px}

/* Enlarge the window 10%, with a tighter desktop surround. */
.home-page .product-shot .xt-demo{width:calc(77% - 23.1px)}
.home-page .product-shot .xt-demo-controls,.home-page .product-shot .xt-demo-timeline,.home-page .product-shot .xt-demo-caption{width:calc(77% - 23.1px)}
.home-page .product-shot .xt-demo-desktop{padding:44px 0 48px}

/* Feature demos: quiet desktop surroundings, unchanged window geometry. */
.home-page .features .home-feature>.xt-demo-feature{background:radial-gradient(ellipse at 14% 0%,#eeece8 0,transparent 58%),radial-gradient(ellipse at 95% 110%,#bacdd4 0,transparent 65%),linear-gradient(155deg,#e8edf1 0%,#e6ebed 52%,#ccdbe0 100%);border-color:#dbe2e7;box-shadow:inset 0 1px 0 #ffffff90}
.home-page .features .xt-demo-feature>.xt-demo{position:relative;border-color:#29374355;border-radius:9px;box-shadow:0 2px 4px #23334024,0 7px 14px #24374620,0 14px 25px -10px #24374630}
.home-page .features .xt-demo-feature>.xt-demo::after{content:"";position:absolute;inset:0;z-index:9;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff08,inset -1px 0 0 #ffffff08;pointer-events:none}