/* Xshna.css — India Flagship Homepage IV | Self-contained, mobile-first, no dependencies */
:root{--xsh-navy:#123154;--xsh-deep:#0b2340;--xsh-blue:#2659d8;--xsh-blue-soft:#eef4ff;--xsh-green:#138459;--xsh-saffron:#ff9438;--xsh-paper:#fafbf9;--xsh-pale:#f5f8fb;--xsh-border:#e4eaf0;--xsh-sub:#5e7387;--xsh-surface:#fff;--xsh-shadow:0 26px 75px rgba(14,46,84,.08);--xsh-font:Manrope,'DM Sans',system-ui,-apple-system,sans-serif;--xsh-mono:'Space Mono',ui-monospace,monospace;--xsh-wrap:1240px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--xsh-paper);color:var(--xsh-deep);font-family:var(--xsh-font);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip}body.xsh-nav-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffad53;outline-offset:4px}::selection{background:#bbd7ff;color:var(--xsh-deep)}.xsh-wrap{width:min(var(--xsh-wrap),calc(100% - 88px));margin-inline:auto}.xsh-skip{position:fixed;left:14px;top:-160px;z-index:9999;padding:12px 18px;border-radius:8px;background:var(--xsh-navy);color:white}.xsh-skip:focus{top:12px}.xsh-progress{position:fixed;top:0;left:0;height:3px;z-index:999;background:linear-gradient(90deg,#ff9639 0 35%,#ffffff 48%,#138459 75%);width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}.xsh-header{position:sticky;top:0;z-index:100;background:rgba(250,251,249,.89);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(20,58,95,.08);transition:box-shadow .3s,background .3s}.xsh-header.xsh-header-scrolled{background:rgba(255,255,255,.96);box-shadow:0 9px 34px rgba(14,38,67,.055)}.xsh-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.xsh-brand{display:inline-flex;align-items:center;gap:8px;flex:none;white-space:nowrap}.xsh-brand-square{height:31px;width:31px;border-radius:9px;background:var(--xsh-navy);display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;line-height:1}.xsh-brand-name{font-size:23px;font-weight:800;letter-spacing:-1.45px;color:var(--xsh-deep)}.xsh-brand-name span{color:#4171a2}.xsh-brand-beta{font:700 8px var(--xsh-mono);color:#758b9e;letter-spacing:.6px;border:1px solid #dce5ef;padding:5px 6px;border-radius:4px;margin-left:2px}.xsh-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.xsh-nav>a{position:relative;font-size:12px;font-weight:700;color:#465e73;white-space:nowrap;transition:color .2s}.xsh-nav>a:hover{color:var(--xsh-blue)}.xsh-nav>a:not(.xsh-mobile-nav-cta)::after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--xsh-blue);transition:right .25s}.xsh-nav>a:hover::after{right:0}.xsh-nav>a span{font-size:13px}.xsh-header-actions{display:flex;align-items:center;gap:18px}.xsh-origin-label{display:inline-flex;align-items:center;gap:8px;font:700 9px var(--xsh-mono);letter-spacing:.3px;white-space:nowrap;color:#58728a}.xsh-india-dots{display:inline-flex;align-items:center;gap:3px}.xsh-india-dots i{height:6px;width:6px;border-radius:50%;background:var(--xsh-saffron)}.xsh-india-dots i:nth-child(2){background:#d3e0ed}.xsh-india-dots i:nth-child(3){background:var(--xsh-green)}.xsh-header-cta{display:flex;align-items:center;gap:17px;background:var(--xsh-deep);color:#fff;border:1px solid var(--xsh-deep);border-radius:9px;padding:13px 18px;font-size:11px;font-weight:800;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s}.xsh-header-cta:hover{background:var(--xsh-blue);border-color:var(--xsh-blue);transform:translateY(-2px);box-shadow:0 9px 20px rgba(31,92,187,.16)}.xsh-nav .xsh-mobile-nav-cta{display:none}.xsh-menu-toggle{display:none}
/* TYPOGRAPHY / COMMON */
.xsh-button{min-height:51px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:9px;font-weight:800;font-size:12px;line-height:1.2;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.xsh-button:hover{transform:translateY(-3px)}.xsh-button-dark{background:var(--xsh-deep);color:#fff;box-shadow:0 11px 26px rgba(10,35,64,.14)}.xsh-button-dark:hover{background:#1d4bc0;box-shadow:0 17px 28px rgba(20,63,125,.19)}.xsh-button-arrow{display:inline-grid;place-items:center;font-size:18px;font-weight:400}.xsh-button-quiet{color:var(--xsh-deep);border:1px solid #dce4ef;background:rgba(255,255,255,.76)}.xsh-button-quiet:hover{background:white;box-shadow:0 9px 24px rgba(10,35,64,.065)}.xsh-button-white{color:var(--xsh-deep);background:#fff}.xsh-button-ghost-light{color:#fff;border:1px solid rgba(255,255,255,.33)}.xsh-button-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}.xsh-section{padding-top:144px;padding-bottom:145px}.xsh-heading{display:grid;grid-template-columns:1.3fr .65fr;gap:50px;align-items:end;margin-bottom:48px}.xsh-overline{display:inline-flex;gap:12px;align-items:center;margin-bottom:29px;font:700 11px var(--xsh-mono);letter-spacing:.4px;color:#7890a4}.xsh-overline b{color:var(--xsh-saffron)}.xsh-heading h2,.xsh-responsive-content h2,.xsh-start-copy h2{font-size:clamp(38px,4.2vw,61px);letter-spacing:-3px;line-height:1.19;margin:0;font-weight:800}.xsh-h-muted{color:#7e94aa}.xsh-heading>p{max-width:370px;justify-self:end;font-size:15px;line-height:1.88;color:var(--xsh-sub);margin:0 0 8px}.xsh-text-link{font-size:12px;font-weight:800;color:var(--xsh-blue);border-bottom:1px solid #c5d7f6;display:inline-flex;gap:11px;padding-bottom:8px;transition:gap .3s}.xsh-text-link:hover{gap:19px}
/* HERO */
.xsh-hero{position:relative;overflow:hidden;padding-top:96px;isolation:isolate;background:radial-gradient(ellipse at 7% 32%,rgba(255,179,82,.065),transparent 35%),radial-gradient(ellipse at 93% 19%,rgba(67,128,241,.067),transparent 32%),#fff}.xsh-hero-light{position:absolute;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.4;z-index:-1}.xsh-hero-light-1{width:280px;height:280px;background:#ffe1ac;top:280px;left:-180px;animation:xsh-light-float 14s ease-in-out infinite alternate}.xsh-hero-light-2{width:330px;height:330px;background:#c8dfed;right:-210px;top:20px;animation:xsh-light-float 16s ease-in-out infinite alternate-reverse}.xsh-hero-content{text-align:center;position:relative;z-index:2}.xsh-hero-intro{display:inline-flex;align-items:center;gap:15px;color:#496b83;font:700 10px var(--xsh-mono);letter-spacing:1.2px}.xsh-hero-intro-rule{width:29px;height:23px;display:flex;flex-direction:column;gap:3px;justify-content:center}.xsh-hero-intro-rule i{display:block;width:28px;height:4px;border-radius:4px;background:var(--xsh-saffron)}.xsh-hero-intro-rule i:nth-child(2){background:#eaf0f4}.xsh-hero-intro-rule i:nth-child(3){background:var(--xsh-green)}.xsh-hero-intro-star{font-size:16px;color:var(--xsh-saffron)}.xsh-hero h1{font-size:clamp(52px,6.25vw,94px);font-weight:800;line-height:1.09;letter-spacing:-5.6px;max-width:1110px;margin:26px auto 22px;color:var(--xsh-deep)}.xsh-hero-title-second{white-space:nowrap}.xsh-hero h1 em{font-style:normal;color:var(--xsh-blue);position:relative}.xsh-h-period{color:var(--xsh-green)}.xsh-hero h1 em:after{content:'';position:absolute;height:9px;border-radius:100%;background:linear-gradient(90deg,rgba(255,153,51,.9),rgba(255,255,255,.3),rgba(19,132,89,.94));bottom:-14px;left:8%;right:8%;transform:rotate(-1deg);opacity:.9}.xsh-hero-sub{max-width:660px;color:var(--xsh-sub);font-size:16px;line-height:1.94;margin:0 auto}.xsh-hero-sub strong{color:var(--xsh-navy)}.xsh-hero-actions{display:flex;justify-content:center;gap:13px;margin-top:30px}.xsh-hero-mini{margin-top:27px;display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap;color:#7c90a4;font-size:11px;font-weight:650}.xsh-hero-mini span{display:inline-flex;align-items:center;gap:8px}.xsh-hero-mini-check{display:grid!important;place-items:center;width:17px;height:17px;background:#e7f5ec;color:var(--xsh-green);border-radius:50%;font-size:10px;font-weight:800}.xsh-hero-stage{margin-top:90px;position:relative;padding:15px 8% 30px;z-index:2}.xsh-stage-glow{position:absolute;filter:blur(45px);opacity:.48;pointer-events:none}.xsh-stage-glow-saffron{left:5%;bottom:25%;width:30%;height:230px;background:#ffdeac}.xsh-stage-glow-green{right:3%;bottom:5%;width:35%;height:280px;background:#cfecdc}.xsh-stage-tricolor{position:absolute;z-index:-1;top:-20px;left:-13%;right:-13%;height:360px;transform:rotate(-8deg);opacity:.8;display:flex;flex-direction:column;gap:15px;justify-content:center;pointer-events:none;filter:blur(1px)}.xsh-stage-tricolor span{height:65px;display:block;border-radius:100% 20% 100% 30%;transform:skewY(1deg)}.xsh-stage-tricolor span:nth-child(1){background:linear-gradient(90deg,transparent,#ffb56088 26%,#ff9943b8 62%,transparent)}.xsh-stage-tricolor span:nth-child(2){background:linear-gradient(90deg,transparent,#ffffffba 25%,#fff 60%,transparent)}.xsh-stage-tricolor span:nth-child(3){background:linear-gradient(90deg,transparent,#1a996778 25%,#1a966b93 65%,transparent)}.xsh-stage-shell{position:relative;z-index:2;width:min(940px,100%);margin:0 auto;border:1px solid #dce6ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 75px rgba(25,64,105,.14),0 9px 24px rgba(25,64,105,.055);transform:perspective(1600px) rotateX(2deg);transition:transform .5s,box-shadow .5s}.xsh-stage-shell:hover{transform:perspective(1600px) rotateX(0deg) translateY(-5px);box-shadow:0 40px 100px rgba(25,64,105,.17)}.xsh-stage-browser{height:47px;border-bottom:1px solid #e8eef4;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fcfdff;color:#8395a6;font-size:10px;font-weight:700;letter-spacing:.2px}.xsh-traffic{display:flex;gap:6px}.xsh-traffic i{width:8px;height:8px;border-radius:50%;background:#ffb190}.xsh-traffic i:nth-child(2){background:#ffda8b}.xsh-traffic i:nth-child(3){background:#99d7b4}.xsh-browser-right{font:700 8px var(--xsh-mono);color:#5e8a81;letter-spacing:.35px;display:inline-flex;align-items:center;gap:6px}.xsh-browser-right span{height:6px;width:6px;border-radius:50%;background:#23b87a;box-shadow:0 0 0 4px #e8f8ef}.xsh-stage-layout{display:grid;grid-template-columns:185px 1fr;min-height:370px}.xsh-stage-side{background:#f8fbff;border-right:1px solid #e9eef4;padding:24px 16px;display:flex;flex-direction:column;gap:7px}.xsh-stage-side-brand{display:flex;align-items:center;gap:7px;margin-bottom:26px;color:var(--xsh-navy);font-size:14px;font-weight:800;letter-spacing:-.4px}.xsh-stage-side-brand>span:last-child{color:#7494b5;margin-left:-7px}.xsh-stage-side-icon{background:#173e74;color:white;display:grid;place-items:center;border-radius:7px;width:25px;height:25px;font-size:15px}.xsh-stage-side-section{color:#9aaabc;font:700 8px var(--xsh-mono);letter-spacing:1.1px;margin-bottom:10px}.xsh-stage-side-entry{font-size:10px;font-weight:700;color:#74899e;display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:7px}.xsh-stage-side-entry span{font-size:15px;color:#83a0b9}.xsh-stage-side-selected{background:#e6efff;color:#2254a4}.xsh-stage-side-selected span{color:var(--xsh-blue)}.xsh-stage-side-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:9px;color:#879aad;line-height:1.5}.xsh-stage-side-bottom strong{font-size:9px;color:#466783}.xsh-stage-side-bottom-icon{height:30px;width:30px;background:#e6eef7;border-radius:9px;display:grid;place-items:center;color:var(--xsh-blue);font-size:19px}.xsh-stage-main{padding:20px 24px 26px;min-width:0}.xsh-stage-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;color:#8a9db1;font:700 8px var(--xsh-mono);letter-spacing:.9px}.xsh-stage-toolbar b{color:#a6b5c4}.xsh-stage-toolbar-status{color:var(--xsh-green);letter-spacing:0}.xsh-stage-toolbar-status i{display:inline-block;height:6px;width:6px;background:var(--xsh-green);border-radius:50%;margin-right:5px}.xsh-stage-banner{border-radius:11px;min-height:238px;background:linear-gradient(118deg,#163e79 0%,#1b5595 59%,#3076b6 100%);color:#fff;display:flex;align-items:stretch;position:relative;overflow:hidden}.xsh-stage-banner:before{content:'';position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.19);border-radius:50%;right:-22px;top:-65px}.xsh-stage-banner-copy{z-index:2;padding:33px 36px;max-width:440px}.xsh-stage-kicker{font:700 8px var(--xsh-mono);letter-spacing:1.3px;color:#b7cfe6}.xsh-stage-banner h2{font-size:clamp(24px,2.8vw,39px);font-weight:800;letter-spacing:-1.7px;line-height:1.2;margin:12px 0 8px}.xsh-stage-banner h2 em{font-style:normal;color:#9ccaff}.xsh-stage-banner p{font-size:10px;line-height:1.75;color:#cbddec;margin:0 0 16px;max-width:240px}.xsh-stage-cta{border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:9px 12px;font-size:9px;font-weight:800;display:inline-flex;gap:15px;align-items:center}.xsh-stage-sculpture{position:absolute;width:245px;height:245px;top:15px;right:12px;display:grid;place-items:center;animation:xsh-float 8s ease-in-out infinite}.xsh-sculpture-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.23)}.xsh-sculpture-ring-one{width:200px;height:200px;transform:rotate(-35deg) scaleX(.65)}.xsh-sculpture-ring-two{width:235px;height:235px;transform:rotate(30deg) scaleY(.6)}.xsh-sculpture-core{height:116px;width:116px;border-radius:32% 68% 58% 42% / 39% 43% 57% 61%;display:grid;place-items:center;background:linear-gradient(135deg,#ffab49,#f2f4ff 48%,#16a16b);box-shadow:inset 10px 15px 23px rgba(255,255,255,.38),0 24px 40px #08285f55;transform:rotate(-18deg)}.xsh-sculpture-core span{color:#fff;text-shadow:0 3px 18px #133a6f5f;font-size:55px;animation:xsh-spin-slow 17s linear infinite}.xsh-stage-bottom-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.xsh-stage-bottom-tile{display:flex;gap:9px;align-items:center;border:1px solid #e8edf3;border-radius:8px;padding:14px 12px;background:#fff;min-width:0}.xsh-stage-tile-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;font-size:15px}.xsh-stage-tile-blue{background:#eaf1ff;color:#2f68ce}.xsh-stage-tile-green{background:#e5f7ed;color:#0d8d5b}.xsh-stage-tile-orange{background:#fff0e4;color:#d98224}.xsh-stage-bottom-tile>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.xsh-stage-bottom-tile strong{font-size:9px;font-weight:800;white-space:nowrap}.xsh-stage-bottom-tile small{font-size:8px;color:#9cabb9;margin-top:3px;white-space:nowrap}.xsh-stage-tile-arrow{font-size:11px;color:#8da0b2;margin-left:auto}.xsh-stage-floating{position:absolute;z-index:4;background:#fff;border:1px solid #e4ebf0;box-shadow:0 15px 40px rgba(21,57,103,.10);display:flex;align-items:center;gap:11px;padding:12px 17px;border-radius:11px;animation:xsh-bob 8s ease-in-out infinite;font-size:9px;color:#7087a0}.xsh-stage-floating strong{font-size:11px;color:var(--xsh-navy)}.xsh-stage-floating-left{left:2%;top:33%;transform:rotate(-5deg)}.xsh-stage-floating-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#e7efff;color:#3769ce;font-size:20px}.xsh-stage-floating-right{right:1%;bottom:17%;transform:rotate(4deg);animation-delay:-3s}.xsh-float-mini-flag{height:21px;width:24px;display:flex;flex-direction:column;gap:2px}.xsh-float-mini-flag i{flex:1;background:#fb993e;border-radius:1px}.xsh-float-mini-flag i:nth-child(2){background:#eef0f5}.xsh-float-mini-flag i:nth-child(3){background:#14955f}.xsh-hero-foot{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;padding-top:40px;font:700 9px var(--xsh-mono);color:#8295a8;letter-spacing:.25px}.xsh-hero-foot a{color:#536f88}.xsh-hero-foot a span{font-size:15px;margin-left:6px}.xsh-momentum{background:#fff;border-top:1px solid #e8eff4;border-bottom:1px solid #e8eff4}.xsh-momentum-inner{min-height:115px;display:flex;justify-content:space-between;gap:25px;align-items:center}.xsh-momentum-lead{display:flex;align-items:center;gap:13px;min-width:230px}.xsh-momentum-lead strong{font-size:12px;line-height:1.45}.xsh-flag-vertical{width:3px;height:35px;display:flex;flex-direction:column;gap:2px;flex:none}.xsh-flag-vertical i{display:block;flex:1;background:var(--xsh-saffron)}.xsh-flag-vertical i:nth-child(2){background:#fff;border:1px solid #eef0f2}.xsh-flag-vertical i:nth-child(3){background:var(--xsh-green)}.xsh-momentum-rule{height:40px;width:1px;background:#e3eaf0}.xsh-momentum-fact{display:flex;flex-direction:column;gap:8px}.xsh-momentum-fact strong{font-size:11px}.xsh-momentum-fact>span{color:#91a2b1;font-size:10px}
/* FRAMEWORK BENTO */
.xsh-framework-grid{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:345px 345px;gap:18px}.xsh-feature{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4eaf0;border-radius:15px;background:#fff;transition:transform .3s,box-shadow .3s}.xsh-feature:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(22,56,86,.075)}.xsh-feature-main{grid-row:1/3;background:linear-gradient(180deg,#f3f7ff 0%,#fff 76%)}.xsh-feature-motion{background:linear-gradient(160deg,#f2fcf6 0%,#fff 70%)}.xsh-feature-layout{background:linear-gradient(140deg,#fff7ef 0%,#fff 75%)}.xsh-feature-eyebrow{display:flex;justify-content:space-between;align-items:center;margin:25px 27px 0;position:relative;z-index:2;color:#8295a8;font:700 9px var(--xsh-mono);letter-spacing:.4px}.xsh-feature-eyebrow>span:last-child{font-size:15px;color:#567b9d}.xsh-feature-art{flex:1;position:relative;display:grid;place-items:center;min-height:0}.xsh-feature-art-component{padding:20px}.xsh-feature-art-panel{width:80%;max-width:420px;height:280px;border-radius:14px;background:#fff;border:1px solid #e0e8f1;box-shadow:0 25px 60px rgba(24,67,124,.13);transform:rotate(-5deg) translateY(4px)}.xsh-feature-panel-top{height:35px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:5px;padding-left:14px}.xsh-feature-panel-top i{width:6px;height:6px;border-radius:50%;background:#fbad86}.xsh-feature-panel-top i:nth-child(2){background:#ffd586}.xsh-feature-panel-top i:nth-child(3){background:#99d7b2}.xsh-feature-panel-top span{margin-left:auto;margin-right:13px;font:700 7px var(--xsh-mono);color:#97a7b7}.xsh-feature-panel-content{padding:24px 30px}.xsh-feature-demo-label{color:#95a8ba;font:700 8px var(--xsh-mono);letter-spacing:1px}.xsh-feature-demo-heading{font-size:28px;font-weight:800;line-height:1.24;letter-spacing:-1px;margin:15px 0 20px}.xsh-feature-demo-buttons{display:flex;gap:9px}.xsh-feature-demo-buttons span{padding:10px 14px;border-radius:6px;font-size:9px;font-weight:800;background:var(--xsh-blue);color:white}.xsh-feature-demo-buttons span:nth-child(2){background:white;color:#3562a0;border:1px solid #d3e0f3}.xsh-feature-art-chip{position:absolute;background:#fff;border:1px solid #e3edf5;box-shadow:0 13px 32px #1c43701c;bottom:10%;right:5%;border-radius:11px;padding:13px 17px;font-size:10px;font-weight:700;transform:rotate(7deg)}.xsh-feature-art-chip span{color:#ff9a3e;margin-right:6px}.xsh-feature-caption{margin-top:auto;padding:26px 32px 30px;z-index:2}.xsh-feature-main .xsh-feature-caption{padding-top:9px}.xsh-feature-caption h3{font-size:20px;font-weight:800;letter-spacing:-.65px;margin:0 0 10px}.xsh-feature-caption p{font-size:12px;line-height:1.75;color:#6d8296;margin:0 0 15px;max-width:400px}.xsh-feature-caption a{font-size:11px;font-weight:800;color:#315da4}.xsh-feature-caption a span{margin-left:5px}.xsh-motion-figure{flex:1;position:relative;display:grid;place-items:center;margin:0 20px;min-height:90px}.xsh-motion-figure>span:not(.xsh-motion-heart){position:absolute;border:1px solid #bee8d4;height:115px;width:115px;border-radius:25px;transform:rotate(20deg);opacity:.8;animation:xsh-motion-float 8s ease-in-out infinite}.xsh-motion-figure>span:nth-child(2){transform:rotate(42deg);border-color:#a1d9bf;width:90px;height:90px;animation-delay:-3s}.xsh-motion-figure>span:nth-child(3){transform:rotate(61deg);border-color:#8bd3b2;width:65px;height:65px;animation-delay:-5s}.xsh-motion-heart{color:var(--xsh-green);font-size:44px;animation:xsh-spin-slow 18s linear infinite}.xsh-layout-figure{height:110px;display:flex;align-items:center;justify-content:center;position:relative;margin:10px 25px 3px}.xsh-layout-desktop{width:230px;height:104px;border:6px solid #fff;border-radius:10px;background:#fff;box-shadow:0 13px 28px rgba(102,88,68,.10);position:relative;transform:rotate(-5deg)}.xsh-layout-line{background:#f0f4f8;height:17px;border-radius:4px;margin:7px 8px}.xsh-layout-cols{display:flex;gap:7px;margin:7px 9px}.xsh-layout-cols i{display:block;height:55px;border-radius:4px;flex:1;background:#e7eefb}.xsh-layout-cols i:nth-child(2){background:#f9e8d2}.xsh-layout-cols i:nth-child(3){background:#e0f1e8}.xsh-layout-phone{position:absolute;height:109px;width:65px;border-radius:10px;background:#fff;border:5px solid #fff;box-shadow:0 8px 22px #7f6f5d30;right:12%;bottom:-5px;transform:rotate(11deg);display:flex;flex-direction:column;gap:6px;padding:9px 6px}.xsh-layout-phone i{height:9px;background:#e8eef8;border-radius:4px}.xsh-layout-phone i:nth-child(2){height:38px;background:#e4f1e8}
/* ORIGIN: DARK NAVY EDITORIAL, deliberate only dark section */
.xsh-manifesto{position:relative;background:#0d2a4c;overflow:hidden;color:white;padding:105px 0 110px;isolation:isolate}.xsh-manifesto-ribbon{position:absolute;inset:auto -15% -40px -15%;display:flex;flex-direction:column;gap:8px;transform:rotate(-5deg);opacity:.8;z-index:-1;filter:blur(2px)}.xsh-manifesto-ribbon i{height:32px;background:linear-gradient(90deg,transparent,#fa993d75,transparent);border-radius:50%}.xsh-manifesto-ribbon i:nth-child(2){background:linear-gradient(90deg,transparent,#ffffff32,transparent)}.xsh-manifesto-ribbon i:nth-child(3){background:linear-gradient(90deg,transparent,#2eac7959,transparent)}.xsh-manifesto-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.xsh-overline-light{color:#abc2d9}.xsh-manifesto h2{font-size:clamp(45px,5vw,73px);letter-spacing:-3.7px;line-height:1.15;margin:0 0 25px}.xsh-manifesto h2 em{color:#a9c8ef;font-style:normal}.xsh-manifesto-left>p{color:#bacfe2;font-size:14px;line-height:1.94;max-width:530px}.xsh-manifesto-signature{margin-top:38px;display:flex;align-items:center;gap:24px}.xsh-manifesto-signature img{width:100px;height:auto;background:white;padding:8px;border-radius:3px}.xsh-manifesto-signature>span{font:700 9px var(--xsh-mono);color:#b1c5d8;line-height:1.85;letter-spacing:.3px}.xsh-manifesto-right{border:1px solid #ffffff28;border-radius:14px;background:linear-gradient(150deg,#234d79aa,#10305255);padding:20px;overflow:hidden}.xsh-manifesto-world{height:306px;display:grid;place-items:center;position:relative}.xsh-manifesto-world:before{content:'';height:260px;width:260px;border-radius:50%;border:1px dashed #ffffff35;position:absolute}.xsh-manifesto-world-orbit{position:absolute;width:300px;height:115px;border:1px solid #ffffff45;border-radius:50%;transform:rotate(-29deg);animation:xsh-world-orbit 13s ease-in-out infinite alternate}.xsh-world-orbit-2{transform:rotate(55deg);animation-delay:-4s}.xsh-manifesto-world-core{font-weight:800;font-size:86px;letter-spacing:-5px;color:#fff;z-index:2}.xsh-manifesto-world-core span{font-size:54px;color:#ff9c42;margin:0 6px}.xsh-manifesto-world-marker{position:absolute;z-index:3;border-radius:50%;height:11px;width:11px;background:#f7a24f;top:25%;left:22%;box-shadow:0 0 0 7px #ffa24a17}.xsh-manifesto-world-marker-b{background:#37c58d;top:auto;left:auto;right:20%;bottom:24%;box-shadow:0 0 0 7px #22b88524}.xsh-manifesto-world-footer{border-top:1px solid #ffffff25;padding-top:15px;display:flex;justify-content:space-between;gap:14px;color:#c2d4e7;font:700 8px var(--xsh-mono);letter-spacing:.6px}
/* LAB */
.xsh-playground-section{background:#f6f9fc}.xsh-lab{border:1px solid #dfe7f0;border-radius:15px;background:white;overflow:hidden;box-shadow:var(--xsh-shadow)}.xsh-lab-header{height:62px;background:#fff;border-bottom:1px solid #e6edf4;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.xsh-lab-header-left{display:flex;align-items:center;gap:13px;color:#547086}.xsh-lab-header-left strong{color:var(--xsh-deep);font:700 10px var(--xsh-mono);letter-spacing:.5px}.xsh-lab-version{border-left:1px solid #dfe7ef;padding-left:12px;font:700 9px var(--xsh-mono);color:#94a6b6}.xsh-lab-live-dot{height:8px;width:8px;border-radius:50%;background:#21b578;box-shadow:0 0 0 5px #e2f7e9;animation:xsh-pulse 3s infinite}.xsh-lab-dots{display:flex;gap:5px}.xsh-lab-dots i{height:7px;width:7px;border-radius:50%;background:#ffa770}.xsh-lab-dots i:nth-child(2){background:#ffcf7b}.xsh-lab-dots i:nth-child(3){background:#8ad2ab}.xsh-lab-body{display:grid;grid-template-columns:246px 1fr;min-height:430px}.xsh-lab-sidebar{background:#fbfcfe;border-right:1px solid #e6edf4;padding:31px 23px;display:flex;flex-direction:column}.xsh-lab-side-label{font:700 9px var(--xsh-mono);color:#889cae;letter-spacing:.45px;margin-bottom:15px}.xsh-lab-tabs{display:flex;flex-direction:column;gap:8px}.xsh-lab-tab{width:100%;border:1px solid transparent;background:none;color:#70869c;display:flex;align-items:center;gap:13px;padding:12px;border-radius:7px;font-weight:700;font-size:12px;text-align:left;transition:background .2s,color .2s,border-color .2s}.xsh-lab-tab>span{font-size:16px}.xsh-lab-tab>b{margin-left:auto;color:#96aac0;font-size:12px}.xsh-lab-tab[aria-selected="true"]{background:#eaf1ff;color:#1d58ae;border-color:#dce8fe}.xsh-lab-tab:hover{background:#f0f5ff}.xsh-lab-divider{height:1px;background:#e6edf4;margin:29px 0}.xsh-lab-swatches{display:flex;gap:11px;align-items:center}.xsh-lab-swatch{width:29px;height:29px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #d9e3ea;background:#285ed2;transition:transform .2s,box-shadow .2s}.xsh-lab-swatch:hover{transform:translateY(-3px)}.xsh-lab-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #6985b2}.xsh-lab-swatch-saffron{background:#e8892e}.xsh-lab-swatch-green{background:#14865a}.xsh-lab-color-note{font-size:10px;color:#9aa9b6;margin-top:12px;line-height:1.6}.xsh-lab-docs-link{margin-top:auto;font-size:11px;font-weight:800;color:var(--xsh-blue);padding-top:29px}.xsh-lab-canvas{padding:25px 35px 30px;background:radial-gradient(circle at 93% 14%,#e7f0ff9c,transparent 28%),#fff;min-width:0}.xsh-lab-canvas-heading{display:flex;justify-content:space-between;gap:12px;font:700 9px var(--xsh-mono);color:#8fa1b3;letter-spacing:.5px}.xsh-lab-canvas-status{color:#168b5e;letter-spacing:0}.xsh-lab-canvas-status i{display:inline-block;background:#22b479;border-radius:50%;width:6px;height:6px;margin-right:5px}.xsh-lab-panel{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px}.xsh-lab-panel[hidden]{display:none!important}.xsh-lab-component-eyebrow{font:700 9px var(--xsh-mono);color:#879cb1;letter-spacing:1px;margin-bottom:13px}.xsh-lab-panel h3{font-size:clamp(23px,3vw,37px);letter-spacing:-1.7px;line-height:1.25;margin:0 0 11px}.xsh-lab-panel h3 em{color:var(--xsh-blue);font-style:normal}.xsh-lab-panel>p{font-size:12px;color:#8da0b2;margin:0 0 26px}.xsh-lab-example-buttons{display:flex;gap:12px}.xsh-lab-btn-main,.xsh-lab-input-row button{background:var(--xsh-lab-accent,#275ed2);color:#fff;border:1px solid var(--xsh-lab-accent,#275ed2);border-radius:8px;padding:13px 19px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:15px;transition:transform .25s,box-shadow .25s}.xsh-lab-btn-main:hover,.xsh-lab-input-row button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #315a8e24}.xsh-lab-btn-outline{background:white;color:var(--xsh-lab-accent,#275ed2);border:1px solid var(--xsh-lab-accent,#275ed2);border-radius:8px;padding:13px 19px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:14px}.xsh-lab-feedback{font-size:11px;color:#637d96;margin-top:12px;min-height:13px}.xsh-lab[data-xsh-theme="saffron"]{--xsh-lab-accent:#e48424}.xsh-lab[data-xsh-theme="green"]{--xsh-lab-accent:#16805c}.xsh-lab[data-xsh-theme="navy"]{--xsh-lab-accent:#2659d8}.xsh-lab-example-card{border:1px solid #e4ebf2;border-radius:12px;width:min(510px,100%);display:flex;gap:24px;padding:16px;text-align:left;box-shadow:0 13px 28px #1639630d}.xsh-lab-example-card-art{width:145px;flex:none;border-radius:9px;min-height:165px;background:linear-gradient(135deg,#fef0d9,#dceafc 60%,#dbf3e6);display:grid;place-items:center}.xsh-lab-example-card-art span{font-size:52px;color:var(--xsh-lab-accent);animation:xsh-spin-slow 22s linear infinite}.xsh-lab-example-card>div:last-child{align-self:center}.xsh-lab-example-card>div:last-child>span{font:700 8px var(--xsh-mono);color:#8299b1}.xsh-lab-example-card h3{font-size:24px;margin:9px 0}.xsh-lab-example-card p{font-size:11px;line-height:1.7;color:#8195a7}.xsh-lab-example-card a{font-size:10px;font-weight:800;color:var(--xsh-lab-accent)}.xsh-lab-input-label{font-size:11px;color:#526c83;font-weight:700;width:min(400px,100%);text-align:left;margin-bottom:9px}.xsh-lab-input-row{width:min(400px,100%);display:flex;gap:10px}.xsh-lab-input-row input{min-width:0;flex:1;border:1px solid #d7e1ec;border-radius:7px;padding:12px 14px;font-size:11px;color:var(--xsh-deep);background:#fff}.xsh-lab-footer{background:#f6f9fd;border-top:1px solid #e4ecf5;display:flex;align-items:center;gap:15px;justify-content:space-between;padding:17px 24px}.xsh-lab-footer>div{display:flex;gap:12px;align-items:center;min-width:0}.xsh-lab-footer code{font:10px var(--xsh-mono);color:#6c839b;overflow-x:auto;white-space:nowrap}.xsh-lab-code-icon{color:#416d9c;font:700 15px var(--xsh-mono)}.xsh-lab-footer button{border:1px solid #d7e3f0;border-radius:6px;background:#fff;white-space:nowrap;padding:9px 12px;font-size:10px;color:var(--xsh-deep);font-weight:800}.xsh-lab-footer button:hover{background:#eaf2ff}
/* RESPONSIVE SYSTEM */
.xsh-responsive-section{background:#fff;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:135px 0}.xsh-responsive-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center}.xsh-responsive-content h2{margin:0}.xsh-responsive-content h2>span{color:#7c94a9}.xsh-responsive-content>p{font-size:14px;line-height:1.9;color:var(--xsh-sub);max-width:420px;margin:24px 0}.xsh-responsive-points{display:flex;flex-direction:column;gap:13px;margin-bottom:34px}.xsh-responsive-points span{font-size:12px;color:#537089;font-weight:700}.xsh-responsive-points i{font-style:normal;color:var(--xsh-green);margin-right:9px}.xsh-responsive-visual{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 38% 70%,#ffefdd,#ffffff 55%,#e8f5ee);border-radius:21px;border:1px solid #edf2f6;overflow:hidden;padding:25px}.xsh-responsive-desktop{width:85%;height:280px;background:#fff;border:7px solid white;border-radius:12px;box-shadow:0 30px 65px #1e527a27,0 8px 22px #18355b13;transform:rotate(-4deg) translateX(-35px);overflow:hidden;position:relative}.xsh-responsive-desktop-top{height:34px;border-bottom:1px solid #e7edf3;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font:700 8px var(--xsh-mono);color:#9aacbd}.xsh-responsive-desktop-top span:first-child{color:#faa25b;letter-spacing:4px}.xsh-responsive-desktop-main{display:grid;grid-template-columns:1fr .8fr;gap:12px;padding:18px}.xsh-responsive-desktop-main>div:first-child>span{font:700 7px var(--xsh-mono);color:#7898b5}.xsh-responsive-desktop-main strong{font-size:24px;line-height:1.2;letter-spacing:-1px;display:block;margin-top:10px}.xsh-responsive-desktop-button{display:inline-block;margin-top:14px;padding:9px 13px;border-radius:5px;background:var(--xsh-blue);color:#fff!important;font-size:8px!important}.xsh-responsive-desktop-image{border-radius:10px;background:linear-gradient(140deg,#ffe0ad,#dceafc 50%,#b6e9cb);display:grid;place-items:center}.xsh-responsive-desktop-image span{font-size:51px;color:white}.xsh-responsive-desktop-panes{display:flex;gap:9px;padding:0 18px}.xsh-responsive-desktop-panes i{height:45px;flex:1;background:#f0f5fc;border-radius:6px}.xsh-responsive-mobile{position:absolute;width:162px;height:302px;right:9%;bottom:24px;background:#fff;border:6px solid #fff;outline:1px solid #dce5ef;border-radius:23px;box-shadow:0 17px 32px #0d365637;transform:rotate(6deg);display:flex;flex-direction:column;align-items:flex-start;padding:17px 15px}.xsh-responsive-mobile-speaker{height:4px;width:37px;background:#e3eaf0;border-radius:3px;align-self:center;margin:-9px 0 22px}.xsh-responsive-mobile>span{font:700 6px var(--xsh-mono);letter-spacing:.5px;color:#819eb8}.xsh-responsive-mobile strong{font-size:17px;line-height:1.25;letter-spacing:-.8px;margin:8px 0}.xsh-responsive-mobile-shape{height:70px;width:100%;background:linear-gradient(115deg,#cde2ff,#ffdaac,#d2f3d7);border-radius:7px;display:grid;place-items:center}.xsh-responsive-mobile-shape span{color:white;font-size:29px}.xsh-responsive-mobile-lines{display:flex;flex-direction:column;gap:5px;margin-top:14px;width:100%}.xsh-responsive-mobile-lines i{height:5px;border-radius:4px;background:#eaf0f5}.xsh-responsive-mobile-lines i:last-child{width:67%}.xsh-responsive-mobile-button{background:var(--xsh-blue);border-radius:4px;color:white;font-size:7px;padding:8px 11px;margin-top:auto}.xsh-responsive-visual-sticker{position:absolute;top:28px;right:23px;background:#fff;box-shadow:0 8px 20px #2a5a7827;border:1px solid #e3eaf0;border-radius:8px;padding:12px 13px;display:flex;align-items:center;gap:8px;color:#54708a;font:700 8px var(--xsh-mono)}.xsh-responsive-visual-sticker .xsh-flag-vertical{height:23px}
/* TOOL ECOSYSTEM */
.xsh-tools-section{background:#fafbf9}.xsh-tool-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.xsh-tool-hero{background:linear-gradient(155deg,#173f73,#0d2a51);color:#fff;border-radius:14px;min-height:515px;padding:28px;display:flex;flex-direction:column;overflow:hidden;transition:transform .28s,box-shadow .28s}.xsh-tool-hero:hover{transform:translateY(-4px);box-shadow:0 22px 50px #16345a32}.xsh-tool-eyebrow{font:700 10px var(--xsh-mono);letter-spacing:.7px;color:#b3c6df}.xsh-tool-hero-visual{flex:1;display:grid;place-items:center;min-height:250px;position:relative}.xsh-tool-hero-visual:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff2a;border-radius:50%;transform:scaleX(1.4)}.xsh-tool-studio-window{position:relative;z-index:2;width:83%;min-height:213px;border:1px solid #ffffff70;background:#fcfdff;color:var(--xsh-deep);border-radius:12px;box-shadow:0 21px 41px #031d3c6b;padding:18px 20px;transform:rotate(-5deg);transition:transform .35s}.xsh-tool-hero:hover .xsh-tool-studio-window{transform:rotate(-2deg) translateY(-3px)}.xsh-tool-studio-window>div:first-child{display:flex;justify-content:space-between;color:#96a9bd;font:700 8px var(--xsh-mono)}.xsh-tool-studio-window>div:first-child span:last-child{font-size:20px;color:#2d64bb}.xsh-tool-studio-samples{display:flex;gap:15px;justify-content:center;align-items:center;height:100px}.xsh-tool-studio-samples i{font-style:normal;font-size:35px;font-weight:800;color:var(--xsh-navy)}.xsh-tool-studio-samples i:nth-child(2){color:#f79d3d}.xsh-tool-studio-samples i:nth-child(3){color:var(--xsh-green)}.xsh-tool-studio-colors{display:flex;justify-content:center;gap:7px}.xsh-tool-studio-colors i{width:22px;height:22px;border-radius:50%;background:#183e75}.xsh-tool-studio-colors i:nth-child(2){background:#2659d8}.xsh-tool-studio-colors i:nth-child(3){background:#cedbf0}.xsh-tool-studio-colors i:nth-child(4){background:#ff9933}.xsh-tool-studio-colors i:nth-child(5){background:#128459}.xsh-tool-studio-window>span{display:block;text-align:center;color:#879bab;font-size:9px;margin-top:10px}.xsh-tool-hero-caption{display:flex;align-items:end;justify-content:space-between;gap:20px}.xsh-tool-hero-caption h3{margin:0 0 6px;font-size:29px;letter-spacing:-1px}.xsh-tool-hero-caption p{margin:0;color:#b3cbe4;font-size:12px}.xsh-tool-circle-link{height:40px;width:40px;border:1px solid #ffffff69;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:transform .25s}.xsh-tool-hero:hover .xsh-tool-circle-link{transform:rotate(45deg)}.xsh-tool-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xsh-tool-tile{background:#fff;border:1px solid #e4eaf0;border-radius:14px;position:relative;min-height:248px;padding:24px;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s}.xsh-tool-tile:hover{transform:translateY(-4px);box-shadow:0 15px 28px #133c6b0e}.xsh-tool-numeral{font:700 9px var(--xsh-mono);color:#91a3b3;letter-spacing:.5px}.xsh-tool-icon{font-size:29px;font-weight:800;margin-top:auto;margin-bottom:15px;line-height:1}.xsh-tool-icon-orange{color:#ed9141}.xsh-tool-icon-green{color:#149363}.xsh-tool-icon-blue{color:#2862c6}.xsh-tool-icon-yellow{color:#c6963c}.xsh-tool-tile strong{font-size:17px;letter-spacing:-.5px}.xsh-tool-tile p{font-size:11px;color:#8092a4;margin:8px 0 0;line-height:1.6}.xsh-tool-arrow{position:absolute;right:24px;top:22px;color:#6c899e;font-size:19px}.xsh-tool-other{display:flex;gap:17px;align-items:center;margin-top:20px;justify-content:flex-end}.xsh-tool-other>span{font:700 9px var(--xsh-mono);color:#9aaabd;margin-right:5px}.xsh-tool-other>a{border:1px solid #dfe8ef;border-radius:20px;padding:9px 14px;font-weight:700;color:#53718b;font-size:10px;background:white;transition:background .2s}.xsh-tool-other>a:hover{background:#eaf2ff}
/* INSTALL */
.xsh-start-section{background:#fff;padding:136px 0}.xsh-start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.xsh-start-copy h2{margin:0}.xsh-start-copy h2 span{color:#7e94aa}.xsh-start-copy>p{font-size:14px;line-height:1.85;color:var(--xsh-sub);margin:23px 0 29px;max-width:480px}.xsh-start-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.xsh-code-window{overflow:hidden;border-radius:13px;background:#102a49;color:#d9e8f5;box-shadow:0 23px 55px #12375e25}.xsh-code-window-top{height:57px;border-bottom:1px solid #ffffff21;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:11px;color:#aac2d8}.xsh-code-window-top>span{display:flex;align-items:center;gap:5px}.xsh-code-window-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f6a86a}.xsh-code-window-top i:nth-child(2){background:#f8cb78}.xsh-code-window-top i:nth-child(3){background:#7bc9a2;margin-right:12px}.xsh-code-window-top button{color:#afcbe2;background:transparent;border:1px solid #ffffff35;padding:8px 13px;border-radius:6px;font-size:10px;font-weight:700}.xsh-code-window-top button:hover{background:#ffffff15}.xsh-code-window pre{font:12px/2.1 var(--xsh-mono);margin:0;padding:27px 30px 31px;overflow:auto;white-space:pre}.xsh-code-muted{color:#7e9db7}.xsh-code-blue{color:#8cc7fc}.xsh-code-green{color:#b5e2af}.xsh-code-window-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px;border-top:1px solid #ffffff1c;color:#a3bcd3;font:700 8px var(--xsh-mono)}.xsh-code-window-bottom span i{height:7px;width:7px;background:#36c286;display:inline-block;border-radius:50%;margin-right:8px}.xsh-code-window-bottom a{color:#cde6ff}
/* CLOSING */
.xsh-end-section{background:#17437a;color:#fff;position:relative;overflow:hidden;isolation:isolate;padding:110px 0 0}.xsh-end-decoration{position:absolute;z-index:-1;inset:0;opacity:.45;overflow:hidden;transform:rotate(-15deg)}.xsh-end-decoration i{display:block;position:absolute;width:160%;height:120px;left:-20%;top:38%;border-radius:50%;background:linear-gradient(90deg,transparent,#ffa34670,transparent)}.xsh-end-decoration i:nth-child(2){top:48%;background:linear-gradient(90deg,transparent,#fff6,transparent)}.xsh-end-decoration i:nth-child(3){top:58%;background:linear-gradient(90deg,transparent,#29ad788a,transparent)}.xsh-end-content{text-align:center;position:relative}.xsh-end-eyebrow{font:700 10px var(--xsh-mono);letter-spacing:.8px;color:#bfd3e8}.xsh-end-eyebrow span{color:#ffa84a;margin:0 9px}.xsh-end-content h2{font-size:clamp(40px,6vw,82px);letter-spacing:-4px;line-height:1.16;margin:32px 0 20px}.xsh-end-content h2 em{color:#c4dcfa;font-style:normal}.xsh-end-content>p{font-size:14px;color:#bfd2e5;margin:0 auto 28px}.xsh-end-content>div{display:flex;gap:13px;justify-content:center}.xsh-end-wordmark{font-size:clamp(95px,17vw,230px);font-weight:800;line-height:1;letter-spacing:-14px;color:#ffffff14;display:block;margin-top:95px;white-space:nowrap;user-select:none}.xsh-footer{background:#fff;border-top:1px solid #e1e8ee}.xsh-footer-top{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:55px;padding:76px 0 73px}.xsh-footer-brand p{font-size:12px;line-height:1.7;color:#7c90a4;margin:22px 0 25px;max-width:280px}.xsh-footer-made{font:700 9px var(--xsh-mono);color:#758fa5;display:flex;align-items:center;gap:10px}.xsh-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.xsh-footer-col strong{font:700 9px var(--xsh-mono);color:#8399aa;margin-bottom:8px;letter-spacing:.7px}.xsh-footer-col a{font-size:11px;font-weight:700;color:#58748c;transition:color .2s}.xsh-footer-col a:hover{color:var(--xsh-blue)}.xsh-footer-bottom{border-top:1px solid #e8edf3;padding:23px 0;display:flex;justify-content:space-between;gap:20px;color:#95a7b8;font-size:10px}.xsh-footer-bottom a:hover{color:var(--xsh-blue)}
/* INTERACTION / SCROLL */
.xsh-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.xsh-reveal.xsh-visible{opacity:1;transform:translateY(0)}.xsh-reveal:nth-child(2){transition-delay:.08s}.xsh-reveal:nth-child(3){transition-delay:.13s}.xsh-reveal:nth-child(4){transition-delay:.17s}@keyframes xsh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes xsh-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes xsh-spin-slow{to{transform:rotate(360deg)}}@keyframes xsh-light-float{to{transform:translate(75px,-20px)}}@keyframes xsh-motion-float{50%{translate:0 -9px}}@keyframes xsh-world-orbit{to{translate:0 9px}}@keyframes xsh-pulse{50%{box-shadow:0 0 0 9px #e2f7e900}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.xsh-reveal{opacity:1!important;transform:none!important}}
/* LAPTOP */
@media(max-width:1190px){.xsh-wrap{width:min(var(--xsh-wrap),calc(100% - 64px))}.xsh-origin-label{display:none}.xsh-nav{gap:22px}.xsh-hero h1{font-size:clamp(52px,6.6vw,80px)}.xsh-stage-floating-left{left:0}.xsh-stage-floating-right{right:0}.xsh-start-grid{gap:42px}.xsh-responsive-grid{gap:32px}.xsh-feature-art-panel{height:245px}.xsh-framework-grid{grid-template-rows:320px 320px}}
/* TABLET */
@media(max-width:900px){.xsh-wrap{width:calc(100% - 48px)}.xsh-header-inner{height:69px}.xsh-nav{gap:13px}.xsh-nav>a{font-size:10px}.xsh-header-cta{padding:12px 13px;font-size:10px}.xsh-hero{padding-top:74px}.xsh-hero h1{font-size:clamp(48px,7vw,67px);letter-spacing:-4px}.xsh-hero-stage{margin-top:69px;padding-inline:3%}.xsh-stage-floating{display:none}.xsh-stage-shell{transform:none}.xsh-stage-shell:hover{transform:translateY(-3px)}.xsh-momentum-lead{min-width:auto}.xsh-momentum-rule{display:none}.xsh-section{padding:98px 0}.xsh-heading{gap:30px}.xsh-heading h2,.xsh-start-copy h2,.xsh-responsive-content h2{font-size:clamp(37px,5.5vw,50px);letter-spacing:-2.4px}.xsh-framework-grid{grid-template-columns:1fr 1fr;grid-template-rows:345px 345px}.xsh-feature-main{grid-column:1/3;grid-row:auto}.xsh-feature-art-panel{height:190px;max-width:310px}.xsh-feature-art-chip{bottom:9%;right:20%}.xsh-feature-art-component{padding:8px}.xsh-feature-caption{padding:19px 24px 23px}.xsh-feature-main .xsh-feature-caption{padding-top:0}.xsh-feature-eyebrow{margin:19px 23px 0}.xsh-manifesto{padding:90px 0}.xsh-manifesto-grid{gap:20px}.xsh-manifesto h2{font-size:49px}.xsh-manifesto-world{height:250px}.xsh-manifesto-world:before{height:205px;width:205px}.xsh-manifesto-world-orbit{width:220px}.xsh-manifesto-world-core{font-size:57px}.xsh-responsive-grid{grid-template-columns:1fr 1fr;gap:20px}.xsh-responsive-visual{min-height:375px}.xsh-responsive-desktop{width:94%;height:265px;transform:rotate(-4deg) translateX(-13px)}.xsh-responsive-mobile{right:2%;width:130px;height:268px}.xsh-tool-grid{grid-template-columns:1fr 1fr}.xsh-tool-tile{padding:18px}.xsh-start-section{padding:95px 0}.xsh-code-window pre{font-size:10px;padding:26px 18px}.xsh-footer-top{gap:29px}}
/* MOBILE: intentional redesign, not scaled desktop */
@media(max-width:700px){html{scroll-padding-top:67px}.xsh-wrap{width:calc(100% - 36px)}.xsh-header-inner{height:66px}.xsh-brand-square{width:29px;height:29px;border-radius:8px}.xsh-brand-name{font-size:21px}.xsh-brand-beta{font-size:7px}.xsh-header-cta{display:none}.xsh-menu-toggle{height:38px;width:39px;border:1px solid #dfe8f0;background:#fff;border-radius:8px;display:grid;place-content:center;gap:6px;flex:none}.xsh-menu-toggle span{display:block;height:2px;width:17px;background:#173e6b;border-radius:1px;transition:transform .25s}.xsh-nav-open .xsh-menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.xsh-nav-open .xsh-menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.xsh-nav{position:fixed;left:0;right:0;top:66px;height:calc(100dvh - 66px);background:rgba(255,255,255,.985);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:27px 20px 50px;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;overflow-y:auto;margin:0;box-shadow:0 20px 40px rgba(20,58,94,.1)}.xsh-nav-open .xsh-nav{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.xsh-nav>a{font-size:17px;padding:18px 10px;border-bottom:1px solid #e7edf3;color:var(--xsh-deep)}.xsh-nav>a:not(.xsh-mobile-nav-cta)::after{display:none}.xsh-nav .xsh-mobile-nav-cta{display:flex;justify-content:space-between;align-items:center;background:var(--xsh-navy);color:#fff;margin-top:24px;padding:16px 19px;border-radius:10px;border:none}.xsh-hero{padding-top:59px}.xsh-hero-intro{font-size:8px;gap:9px;letter-spacing:.5px}.xsh-hero-intro-star{display:none}.xsh-hero-intro-rule{width:21px}.xsh-hero-intro-rule i{width:21px;height:3px}.xsh-hero h1{font-size:clamp(37px,8.4vw,55px);line-height:1.13;letter-spacing:-2.5px;margin:25px auto 18px;max-width:580px}.xsh-hero-title-second{white-space:normal}.xsh-hero h1 em:after{height:5px;bottom:-8px}.xsh-hero-sub{font-size:13px;line-height:1.85;max-width:510px;padding:0 3px}.xsh-hero-actions{gap:9px;margin-top:25px}.xsh-button{min-height:46px;padding:0 16px;font-size:11px;gap:11px}.xsh-hero-mini{gap:8px 18px;margin-top:22px;font-size:10px}.xsh-hero-stage{margin-top:52px;padding:0 0 30px;width:calc(100% - 20px)}.xsh-stage-shell{width:100%;border-radius:13px;overflow:hidden}.xsh-stage-browser{height:36px;padding:0 12px;font-size:8px}.xsh-browser-right{font-size:7px}.xsh-stage-layout{display:block;min-height:0}.xsh-stage-side{display:none}.xsh-stage-main{padding:13px 13px 16px}.xsh-stage-toolbar{font-size:7px;padding-bottom:10px}.xsh-stage-banner{min-height:222px;border-radius:9px}.xsh-stage-banner-copy{padding:26px 22px;max-width:80%}.xsh-stage-kicker{font-size:7px}.xsh-stage-banner h2{font-size:clamp(23px,6.5vw,32px);letter-spacing:-1px;margin-top:13px}.xsh-stage-banner p{font-size:9px;max-width:190px}.xsh-stage-cta{font-size:8px;padding:7px 10px}.xsh-stage-sculpture{width:145px;height:145px;right:-49px;top:47px;opacity:.82}.xsh-sculpture-ring-one{width:120px;height:120px}.xsh-sculpture-ring-two{width:145px;height:145px}.xsh-sculpture-core{height:76px;width:76px}.xsh-sculpture-core span{font-size:38px}.xsh-stage-bottom-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.xsh-stage-bottom-tile{padding:11px 9px;gap:7px}.xsh-stage-bottom-tile-last{display:none}.xsh-stage-bottom-tile strong{font-size:8px}.xsh-stage-bottom-tile small{font-size:7px}.xsh-stage-tile-icon{width:25px;height:25px;font-size:12px}.xsh-stage-tile-arrow{display:none}.xsh-stage-tricolor{top:-5px;height:270px}.xsh-stage-tricolor span{height:40px}.xsh-hero-foot{display:flex;justify-content:center;text-align:center;padding-top:6px;padding-bottom:22px;font-size:8px}.xsh-hero-foot a{display:none}.xsh-momentum-inner{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 0}.xsh-momentum-lead{grid-column:1/3;border-bottom:1px solid #e5ebf1;padding-bottom:22px}.xsh-momentum-fact strong{font-size:11px}.xsh-momentum-fact>span{font-size:9px}.xsh-momentum-fact:last-child{display:none}.xsh-section{padding-top:78px;padding-bottom:83px}.xsh-heading{display:block;margin-bottom:31px}.xsh-overline{font-size:9px;margin-bottom:18px}.xsh-heading h2,.xsh-start-copy h2,.xsh-responsive-content h2{font-size:clamp(32px,8.2vw,44px);letter-spacing:-1.8px;line-height:1.23}.xsh-heading>p{max-width:540px;font-size:12px;line-height:1.85;margin:18px 0 0}.xsh-framework-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.xsh-feature-main{grid-column:auto;min-height:420px}.xsh-feature-motion,.xsh-feature-layout{min-height:275px}.xsh-feature-art-panel{max-width:330px;height:205px}.xsh-feature-art-chip{bottom:10%;right:5%}.xsh-feature-eyebrow{font-size:8px}.xsh-feature-caption{padding:19px 22px 22px}.xsh-feature-caption h3{font-size:18px}.xsh-feature-caption p{font-size:11px}.xsh-motion-figure{min-height:105px}.xsh-manifesto{padding:74px 0 70px}.xsh-manifesto-grid{grid-template-columns:1fr;gap:32px}.xsh-manifesto h2{font-size:clamp(36px,9vw,53px);letter-spacing:-2.5px}.xsh-manifesto-left>p{font-size:12px}.xsh-manifesto-signature{margin-top:24px}.xsh-manifesto-right{padding:17px}.xsh-manifesto-world{height:210px}.xsh-manifesto-world:before{height:160px;width:160px}.xsh-manifesto-world-core{font-size:54px}.xsh-manifesto-world-core span{font-size:35px}.xsh-manifesto-world-orbit{width:210px;height:80px}.xsh-manifesto-world-footer{font-size:7px}.xsh-lab-header{padding:0 15px;height:50px}.xsh-lab-header-left{gap:10px}.xsh-lab-header-left strong{font-size:9px}.xsh-lab-version{display:none}.xsh-lab-body{grid-template-columns:1fr;min-height:auto}.xsh-lab-sidebar{padding:17px;border-right:0;border-bottom:1px solid #e6edf4;display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:12px}.xsh-lab-side-label:first-child{grid-column:1/3;margin-bottom:0}.xsh-lab-tabs{grid-column:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.xsh-lab-tab{font-size:10px;padding:10px 5px;justify-content:center;gap:5px}.xsh-lab-tab span{font-size:12px}.xsh-lab-tab b{display:none}.xsh-lab-divider{grid-column:1/3;margin:0}.xsh-lab-sidebar>.xsh-lab-side-label:not(:first-child){grid-column:1/2;align-self:center;margin:0}.xsh-lab-swatches{grid-column:2/3;gap:9px}.xsh-lab-swatch{width:25px;height:25px}.xsh-lab-color-note,.xsh-lab-docs-link{display:none}.xsh-lab-canvas{padding:20px 15px 14px}.xsh-lab-canvas-heading{font-size:8px}.xsh-lab-panel{min-height:290px;padding:17px 3px}.xsh-lab-panel h3{font-size:clamp(24px,6.9vw,31px);letter-spacing:-1px}.xsh-lab-example-buttons{gap:8px}.xsh-lab-btn-main,.xsh-lab-btn-outline{padding:12px 13px;font-size:10px;gap:7px}.xsh-lab-example-card{padding:11px;gap:11px}.xsh-lab-example-card-art{width:85px;min-height:150px}.xsh-lab-example-card h3{font-size:19px}.xsh-lab-example-card>div:last-child>span{font-size:6px}.xsh-lab-input-row{gap:6px}.xsh-lab-input-row button{padding:11px;font-size:10px}.xsh-lab-footer{padding:12px;gap:6px}.xsh-lab-footer code{max-width:195px;font-size:8px}.xsh-lab-footer button{font-size:9px;padding:8px}.xsh-responsive-section{padding:77px 0}.xsh-responsive-grid{grid-template-columns:1fr;gap:36px}.xsh-responsive-content>p{font-size:12px;margin:19px 0}.xsh-responsive-points{margin-bottom:23px}.xsh-responsive-visual{min-height:330px}.xsh-responsive-desktop{width:82%;height:245px}.xsh-responsive-desktop-main{padding:12px}.xsh-responsive-desktop-main strong{font-size:20px}.xsh-responsive-mobile{height:248px;width:132px;right:2%;bottom:20px}.xsh-responsive-visual-sticker{top:15px;right:15px;font-size:7px}.xsh-tool-grid{grid-template-columns:1fr}.xsh-tool-hero{min-height:385px;padding:22px}.xsh-tool-hero-visual{min-height:215px}.xsh-tool-studio-window{max-width:300px;min-height:187px}.xsh-tool-hero-caption h3{font-size:25px}.xsh-tool-side{gap:10px}.xsh-tool-tile{min-height:198px;padding:18px}.xsh-tool-tile strong{font-size:14px}.xsh-tool-tile p{font-size:10px}.xsh-tool-icon{font-size:25px}.xsh-tool-other{flex-wrap:wrap;justify-content:flex-start;gap:9px}.xsh-tool-other>span{width:100%;margin-bottom:4px}.xsh-start-section{padding:80px 0}.xsh-start-grid{grid-template-columns:1fr;gap:31px}.xsh-start-copy>p{font-size:12px}.xsh-start-actions{gap:15px}.xsh-code-window pre{font-size:10px;line-height:1.8;white-space:pre;overflow-x:auto}.xsh-end-section{padding:79px 0 0}.xsh-end-eyebrow{font-size:8px}.xsh-end-content h2{font-size:clamp(36px,8.7vw,56px);letter-spacing:-2.2px}.xsh-end-content>p{font-size:12px}.xsh-end-content>div{gap:8px;flex-wrap:wrap}.xsh-end-wordmark{font-size:clamp(70px,18vw,125px);letter-spacing:-7px;margin-top:73px}.xsh-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px;padding:56px 0}.xsh-footer-brand{grid-column:1/3}.xsh-footer-brand p{margin:17px 0}.xsh-footer-col{gap:13px}.xsh-footer-bottom{flex-wrap:wrap;font-size:9px;line-height:1.6}.xsh-footer-bottom span:first-child{width:100%}}
@media(max-width:390px){.xsh-wrap{width:calc(100% - 30px)}.xsh-brand-name{font-size:20px}.xsh-brand-beta{font-size:7px}.xsh-hero{padding-top:52px}.xsh-hero h1{font-size:clamp(33px,8.9vw,41px);letter-spacing:-1.8px}.xsh-hero-intro{font-size:7px;gap:7px}.xsh-hero-sub{font-size:12px}.xsh-hero-actions{flex-direction:column;align-items:stretch;max-width:265px;margin-inline:auto}.xsh-hero-actions .xsh-button{width:100%}.xsh-hero-mini{gap:8px 12px;font-size:9px}.xsh-stage-banner-copy{max-width:87%;padding:23px 16px}.xsh-stage-banner h2{font-size:23px}.xsh-stage-banner p{max-width:165px}.xsh-stage-sculpture{right:-69px;opacity:.6}.xsh-stage-browser .xsh-browser-label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xsh-stage-bottom-tile strong{white-space:normal}.xsh-manifesto-world-footer{font-size:6px}.xsh-lab-footer code{max-width:155px}.xsh-responsive-visual{min-height:315px}.xsh-responsive-desktop{width:90%;height:225px}.xsh-responsive-mobile{right:1%;width:118px;height:242px}.xsh-code-window pre{font-size:9px}}
/* Progressive enhancement: content stays visible when JavaScript is disabled. */
.xsh-reveal{opacity:1;transform:none}
.xsh-js .xsh-reveal{opacity:0;transform:translateY(22px)}
.xsh-js .xsh-reveal.xsh-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.xsh-js .xsh-reveal{opacity:1!important;transform:none!important}}