.ms-anatomy,.ms-anatomy *,.ms-demo,.ms-demo *,.ms-mini,.ms-mini *,.ms-scene,.ms-scene *{box-sizing:border-box}.ms-demo{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid transparent;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ms-demo button,.ms-scene button{border:0;font:inherit;white-space:nowrap}.ms-demo em{font-style:normal}.ms-demo footer,.ms-demo header,.ms-demo main{position:relative;z-index:1}.ms-saas{display:grid;grid-template-rows:43px minmax(0,1fr) 35px;background:radial-gradient(circle at 74% 20%,rgba(164,139,250,.2),transparent 29%),#f8f9fd;color:#161525;border-color:#e7e5f1;border-radius:16px}.ms-saas>header{display:flex;align-items:center;gap:24px;padding:0 20px;border-bottom:1px solid rgba(74,61,109,.09);background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.ms-saas>header>b{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:-.3px}.ms-saas>header>b i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#6652d9;color:#fff;font-size:12px}.ms-saas>header nav{display:flex;gap:17px;font-size:10px;color:#716e7e}.ms-saas>header>div{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:10px}.ms-saas button{border-radius:7px;background:#241f3f;color:#fff;padding:7px 10px;font-size:10px;font-weight:700}.ms-saas>main{display:grid;grid-template-columns:.88fr 1.12fr;grid-gap:24px;gap:24px;padding:20px 22px 15px;min-height:0}.ms-saas .ms-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.ms-saas .ms-copy>small{display:flex;align-items:center;gap:6px;color:#6556bd;font-size:9px;font-weight:800;letter-spacing:1px}.ms-saas .ms-copy>small i{width:5px;height:5px;border-radius:50%;background:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.12)}.ms-saas .ms-copy h2{margin:8px 0 6px;font-size:clamp(27px,4.2vw,48px);line-height:.96;letter-spacing:-2.5px}.ms-saas .ms-copy h2 em{background:linear-gradient(110deg,#6652d9,#9c57d5 64%,#e1709b);-webkit-background-clip:text;background-clip:text;color:transparent}.ms-saas .ms-copy>p{max-width:360px;margin:0;color:#6e6a7a;font-size:10px;line-height:1.55}.ms-actions{gap:11px;margin-top:12px}.ms-actions,.ms-actions a{display:flex;align-items:center}.ms-actions a{gap:5px;font-size:10px;font-weight:700;color:#48425f}.ms-saas .ms-copy footer{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:9px;color:#817d8b}.ms-saas .ms-copy footer b{color:#39344e}.ms-people{display:flex}.ms-people i{width:15px;height:15px;border:2px solid #f8f9fd;border-radius:50%;background:linear-gradient(135deg,#ffd7ba,#c27b55)}.ms-people i+i{margin-left:-5px}.ms-people i:nth-child(2){background:linear-gradient(135deg,#d6e3ff,#697fc7)}.ms-people i:nth-child(3){background:linear-gradient(135deg,#e4d3ff,#8765b7)}.saas-product{align-self:center;min-height:0;border:1px solid rgba(255,255,255,.65);border-radius:14px;background:linear-gradient(150deg,#24203c,#171526 72%);box-shadow:0 22px 50px rgba(41,31,81,.21);overflow:hidden;color:#f6f3ff}.saas-product>header{display:flex;align-items:center;gap:8px;height:31px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:8px;color:#a9a3be}.saas-product>header>span{display:flex;gap:3px}.saas-product>header>span i{width:5px;height:5px;border-radius:50%;background:#5f596f}.saas-product>header b{font-size:9px;color:#e8e4f1}.saas-product>header em{margin-left:auto;border:1px solid rgba(121,231,171,.3);border-radius:99px;padding:2px 5px;color:#7be0a8;background:rgba(51,191,114,.08)}.saas-grid{display:grid;grid-template-columns:.83fr 1.17fr;grid-gap:7px;gap:7px;padding:8px}.saas-grid article{position:relative;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);overflow:hidden}.saas-grid article>small{display:block;font-size:7px;letter-spacing:.8px;color:#858097}.saas-grid article>b{display:inline-block;margin-top:3px;font-size:17px;letter-spacing:-.7px}.saas-grid article>span{margin-left:4px;font-size:7px;color:#77dfa3}.saas-chart{height:28px;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,transparent 26%,transparent 49%,rgba(255,255,255,.05) 50%,transparent 51%,transparent 74%,rgba(255,255,255,.05) 75%,transparent 76%)}.saas-chart i{display:block;width:100%;height:100%;-webkit-clip-path:polygon(0 84%,14% 69%,26% 75%,43% 39%,55% 53%,70% 22%,84% 31%,100% 5%,100% 100%,0 100%);clip-path:polygon(0 84%,14% 69%,26% 75%,43% 39%,55% 53%,70% 22%,84% 31%,100% 5%,100% 100%,0 100%);background:linear-gradient(180deg,rgba(140,112,255,.62),rgba(140,112,255,.02))}.saas-grid article:nth-child(2)>p{display:grid;grid-template-columns:6px 1fr auto;grid-gap:4px;gap:4px;align-items:center;margin:7px 0 0;color:#b8b2c8;font-size:7px}.saas-grid article:nth-child(2)>p i{width:5px;height:5px;border-radius:2px;background:#7b68ee}.saas-grid article:nth-child(2)>p:nth-of-type(2) i{background:#d174c5}.saas-grid article:nth-child(2)>p:nth-of-type(3) i{background:#66b8c6}.saas-grid article:nth-child(2)>p b{color:#e9e5f0}.saas-wide{grid-column:1/-1}.saas-wide>p{display:grid;grid-template-columns:18px 1fr auto;align-items:center;grid-gap:6px;gap:6px;margin:6px 0 0;font-size:7px}.saas-wide>p span{display:grid;place-items:center;width:17px;height:17px;margin:0;border-radius:5px;background:#574c8c;color:#fff}.saas-wide>p b{font-size:7px;color:#d8d3e3;font-weight:500}.saas-wide>p em{color:#777186}.ms-logo-row{display:flex;align-items:center;justify-content:space-around;border-top:1px solid rgba(74,61,109,.09);font-size:8px;font-weight:800;letter-spacing:.3px;color:#9893a5}.ms-enterprise{display:grid;grid-template-rows:43px minmax(0,1fr) 43px;background:#f7f8f7;color:#132338;border-color:#dfe4e5;border-radius:8px}.ms-enterprise>header{display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #dce2e4;background:#fff;gap:25px}.ms-enterprise>header>b{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.7px}.ms-enterprise>header>b i{font-size:17px;color:#166b65}.ms-enterprise>header nav{display:flex;gap:18px;font-size:9px;color:#52616d}.ms-enterprise>header>div{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px}.ms-enterprise>header button{margin-left:5px;padding:7px 10px;border-radius:3px;background:#123d3a;color:#fff;font-size:9px}.ms-enterprise>main{display:grid;grid-template-columns:.93fr 1.07fr;min-height:0}.ms-enterprise>main>section{display:flex;flex-direction:column;justify-content:center;padding:20px 22px;background:linear-gradient(135deg,#edf2ef,#f8f8f6)}.ms-enterprise>main>section small{color:#33766f;font-size:8px;font-weight:800;letter-spacing:1px}.ms-enterprise>main>section h2{margin:7px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(27px,4.1vw,45px);line-height:.98;letter-spacing:-1.7px;font-weight:500}.ms-enterprise>main>section p{max-width:380px;margin:0;font-size:9px;line-height:1.55;color:#5b6770}.ms-enterprise>main>section>div{display:flex;align-items:center;gap:12px;margin-top:12px}.ms-enterprise>main>section button{padding:7px 10px;border-radius:3px;background:#123d3a;color:#fff;font-size:9px;font-weight:700}.ms-enterprise>main>section a{font-size:9px;color:#244f4a;font-weight:700}.ms-enterprise>main>aside{position:relative;min-width:0;overflow:hidden;background:#38534f}.ms-enterprise>main>aside>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(.94);display:block}.ms-enterprise>main>aside:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 42%,rgba(10,38,35,.72))}.ms-enterprise>main>aside>div{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;padding:10px 11px;border-left:2px solid #8fd3be;background:rgba(13,43,41,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.ms-enterprise>main>aside small{display:block;font-size:7px;letter-spacing:.8px;color:#b9d8cf}.ms-enterprise>main>aside b{display:block;margin-top:3px;font-size:12px}.ms-enterprise>main>aside span{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:8px;color:#d8e7e1}.ms-enterprise>main>aside span i{width:5px;height:5px;border-radius:50%;background:#6ce0aa;box-shadow:0 0 0 3px rgba(108,224,170,.16)}.ms-enterprise>footer{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dce2e4}.ms-enterprise>footer>div{display:flex;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #e5e8e8}.ms-enterprise>footer>div:last-child{border:0}.ms-enterprise>footer b{font-family:Georgia,serif;font-size:12px;color:#163d3a}.ms-enterprise>footer span{font-size:7px;line-height:1.2;color:#6d777d}.ms-commerce{display:grid;grid-template-rows:39px minmax(0,1fr) 31px;background:#f4efe7;color:#29251f;border-color:#dfd7ca;border-radius:3px;font-family:Arial,PingFang SC,sans-serif}.ms-commerce>header{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(60,48,34,.16);gap:24px}.ms-commerce>header>b{font-family:Georgia,serif;font-size:13px;letter-spacing:1.5px}.ms-commerce>header nav{display:flex;gap:17px;font-size:8px;letter-spacing:.5px}.ms-commerce>header>div{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:8px}.ms-commerce>main{display:grid;grid-template-columns:1.12fr .88fr;min-height:0}.commerce-photo{position:relative;min-width:0;overflow:hidden}.commerce-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block;filter:saturate(.74) contrast(.94)}.commerce-photo span{position:absolute;left:11px;bottom:10px;padding:4px 6px;background:#f4efe7;font-size:7px;letter-spacing:1px}.commerce-copy{display:flex;flex-direction:column;justify-content:center;padding:15px 18px;background:#f7f2ea}.commerce-copy>small{font-size:7px;letter-spacing:1.2px;color:#8d765d}.commerce-copy h2{margin:5px 0 6px;font:500 clamp(25px,4.2vw,44px)/.92 Georgia,Songti SC,serif;letter-spacing:-1.7px}.commerce-copy>p{margin:0;font:italic 8px/1.5 Georgia,serif;color:#74695d}.commerce-rating{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #ded5c8;font-size:7px}.commerce-rating b{letter-spacing:.4px}.commerce-rating span{color:#8a7f73}.commerce-buy{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px}.commerce-buy>span b,.commerce-buy>span small{display:block}.commerce-buy>span small{font-size:7px;color:#8a7f73}.commerce-buy>span b{margin-top:2px;font:600 12px Georgia,serif}.commerce-buy button{padding:7px 10px;background:#283a31;color:#fff;font-size:8px}.commerce-copy footer{margin-top:8px;color:#8a7f73;font-size:7px}.commerce-strip{display:flex;align-items:center;justify-content:space-around;border-top:1px solid rgba(60,48,34,.16);font-size:7px;letter-spacing:.4px;text-transform:uppercase}.ms-dark-tech{display:grid;grid-template-rows:41px minmax(0,1fr) 31px;background:#090c11;color:#f4f7fa;border-color:#222934;border-radius:12px;font-family:Manrope,Inter,sans-serif}.tech-glow{position:absolute;border-radius:50%;filter:blur(45px);opacity:.25}.tech-glow.a{width:210px;height:150px;left:18%;top:-70px;background:#7657ff}.tech-glow.b{width:230px;height:170px;right:-80px;bottom:-70px;background:#21d6a2}.ms-dark-tech>header{display:flex;align-items:center;gap:24px;padding:0 19px;border-bottom:1px solid #202631;background:rgba(9,12,17,.76);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.ms-dark-tech>header>b{display:flex;align-items:center;gap:6px;font-size:12px}.ms-dark-tech>header>b i{color:#a58cff}.ms-dark-tech>header nav{display:flex;gap:18px;color:#8b94a3;font-size:8px}.ms-dark-tech>header>div{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:8px;color:#9da6b3}.ms-dark-tech>header>div>span i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:#46e6a9;box-shadow:0 0 8px #46e6a9}.ms-dark-tech>header button{padding:6px 9px;border:1px solid #3b4450;border-radius:6px;background:#171c24;color:#fff;font-size:8px}.ms-dark-tech>main{display:grid;grid-template-columns:.83fr 1.17fr;grid-gap:22px;gap:22px;min-height:0;padding:18px 20px 14px}.ms-dark-tech>main>section{display:flex;flex-direction:column;justify-content:center}.ms-dark-tech>main>section>small{color:#8c78ef;font-size:8px;font-weight:800;letter-spacing:1px}.ms-dark-tech h2{margin:7px 0 6px;font-size:clamp(27px,4.2vw,46px);line-height:.95;letter-spacing:-2.2px}.ms-dark-tech h2 em{background:linear-gradient(90deg,#ddd5ff,#72e4c0);-webkit-background-clip:text;background-clip:text;color:transparent}.ms-dark-tech>main>section p{max-width:350px;margin:0;color:#8f98a7;font-size:9px;line-height:1.55}.ms-dark-tech>main>section>div{display:flex;align-items:center;gap:10px;margin-top:12px}.ms-dark-tech>main>section button{padding:7px 10px;border-radius:6px;background:#e9e4ff;color:#161122;font-size:8px;font-weight:800}.ms-dark-tech>main>section a{font-size:8px;color:#b3bbc5}.tech-console{align-self:center;border:1px solid #2b333f;border-radius:10px;background:rgba(18,23,31,.88);box-shadow:0 24px 55px rgba(0,0,0,.45);overflow:hidden}.tech-console>header{height:29px;display:flex;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid #2a313c;color:#8c95a3;font-size:7px}.tech-console>header>span{display:flex;gap:3px}.tech-console>header>span i{width:5px;height:5px;border-radius:50%;background:#414a56}.tech-console>header b{font-family:ui-monospace,monospace;font-size:8px;color:#c6ccd5}.tech-console>header em{margin-left:auto;padding:2px 5px;border-radius:99px;background:rgba(72,214,163,.08);color:#66dbae;border:1px solid rgba(72,214,163,.2)}.tech-code{padding:9px 10px;font-family:ui-monospace,SF Mono,monospace}.tech-code>small{font-size:7px;color:#687180}.tech-code>p{display:grid;grid-template-columns:16px 1fr auto;grid-gap:7px;gap:7px;margin:7px 0 0;color:#aab2bf;font-size:7px}.tech-code>p span{color:#505968}.tech-code>p b{color:#62d6aa;font-weight:500}.tech-code>p b.running{color:#aa96ff}.tech-output{display:grid;grid-template-columns:1fr auto;grid-gap:3px 8px;gap:3px 8px;margin-top:9px;padding:8px;border:1px solid #2a3340;border-radius:7px;background:#0e131a}.tech-output small{font-size:6px;color:#727c8a}.tech-output strong{font-size:14px}.tech-output>i{grid-column:1/-1;height:3px;border-radius:99px;background:#242b36}.tech-output>i em{display:block;width:94.2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#846cf0,#45d1a0)}.tech-output span{grid-column:1/-1;color:#949dab;font-size:6px}.ms-dark-tech>footer{display:flex;align-items:center;justify-content:space-around;border-top:1px solid #202631;color:#687281;font:7px ui-monospace,monospace}.ms-dark-tech>footer span:first-child{color:#9ca5b1}.ms-dark-tech>footer span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#46e6a9}.ms-playful{display:grid;grid-template-rows:42px minmax(0,1fr) 32px;background:#fff8d9;color:#27202f;border:2px solid #27202f;border-radius:17px;font-family:Manrope,Arial Rounded MT Bold,sans-serif}.play-shape{position:absolute;z-index:0}.play-shape.s1{left:47%;top:23%;color:#f05d3d;font-size:21px;transform:rotate(12deg)}.play-shape.s2{right:4%;bottom:8%;width:40px;height:40px;border-radius:50%;background:#9be76c;opacity:.8}.ms-playful>header{display:flex;align-items:center;gap:22px;padding:0 18px;border-bottom:2px solid #27202f;background:#fffdf0}.ms-playful>header>b{display:flex;align-items:center;gap:5px;font-size:13px}.ms-playful>header>b>span{display:grid;place-items:center;width:22px;height:22px;border:2px solid #27202f;border-radius:8px 8px 11px 7px;background:#8c6cff;color:#fff;transform:rotate(-5deg)}.ms-playful>header nav{display:flex;gap:16px;font-size:8px}.ms-playful>header>div{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:8px}.ms-playful>header button{padding:7px 9px;border:2px solid #27202f;border-radius:9px;background:#ff6d4d;color:#27202f;box-shadow:3px 3px 0 #27202f;font-size:8px;font-weight:800}.ms-playful>main{display:grid;grid-template-columns:.82fr 1.18fr;grid-gap:18px;gap:18px;min-height:0;padding:18px 20px 14px}.ms-playful>main>section{display:flex;flex-direction:column;justify-content:center}.ms-playful>main>section small{font-size:8px;font-weight:900;letter-spacing:1px;color:#7358c9}.ms-playful h2{margin:6px 0 5px;font-size:clamp(29px,4.7vw,52px);line-height:.88;letter-spacing:-2.5px}.ms-playful h2 em{color:#7657e8}.ms-playful>main>section p{max-width:310px;margin:0;font-size:9px;line-height:1.45}.ms-playful>main>section>div{display:flex;align-items:center;gap:11px;margin-top:11px}.ms-playful>main>section button{padding:7px 10px;border:2px solid #27202f;border-radius:9px;background:#27202f;color:#fff;font-size:8px;font-weight:800}.ms-playful>main>section a{font-size:8px;font-weight:800}.play-board{position:relative;align-self:center;height:84%;min-height:0;border:2px solid #27202f;border-radius:16px;background:#8b6cf6;box-shadow:7px 7px 0 #27202f;transform:rotate(1deg)}.play-note{position:absolute;padding:8px;border:2px solid #27202f;box-shadow:3px 3px 0 #27202f}.play-note small{display:block;font-size:6px;letter-spacing:.7px}.play-note b{display:block;font-size:9px;line-height:1.2}.play-note.yellow{left:8%;top:10%;width:47%;background:#ffdf58;transform:rotate(-3deg)}.play-note.yellow b{margin:4px 0 7px;font-size:11px}.play-note.yellow span{font-size:7px}.play-note.purple{right:6%;top:7%;width:34%;background:#ff8468;text-align:center;transform:rotate(3deg)}.play-face{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 4px;border:2px solid #27202f;border-radius:50%;background:#fff;font-size:13px}.play-note.purple small{margin-top:2px}.play-note.white{left:13%;right:10%;bottom:8%;background:#fffdf0;transform:rotate(-1deg)}.play-note.white p{display:grid;grid-template-columns:8px 1fr;grid-gap:5px;gap:5px;margin:5px 0 0;font-size:7px}.play-note.white p i{width:8px;height:8px;border:1.5px solid #27202f;border-radius:3px}.play-sticker{position:absolute;right:-9px;bottom:-8px;display:grid;place-items:center;width:47px;height:47px;border:2px solid #27202f;border-radius:50%;background:#a7ef73;font-size:7px;font-weight:900;text-align:center;transform:rotate(10deg)}.ms-playful>footer{display:flex;align-items:center;justify-content:space-around;border-top:2px solid #27202f;background:#fffdf0;font-size:7px}.ms-playful>footer span{color:#716d72}.ms-playful>footer b{font-size:8px}.ms-organic{display:grid;grid-template-rows:40px minmax(0,1fr) 34px;background:#eee6d8;color:#243428;border-color:#d4c8b6;border-radius:14px;font-family:Manrope,Arial,sans-serif}.ms-organic:before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.ms-organic>header{display:flex;align-items:center;gap:24px;padding:0 19px;border-bottom:1px solid rgba(50,67,52,.18)}.ms-organic>header>b{font:600 13px Georgia,serif;letter-spacing:2px}.ms-organic>header nav{display:flex;gap:17px;font-size:8px}.ms-organic>header>div{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:8px}.ms-organic>main{display:grid;grid-template-columns:.84fr 1.16fr;grid-gap:20px;gap:20px;min-height:0;padding:15px 19px 13px}.organic-copy{display:flex;flex-direction:column;justify-content:center}.organic-copy>small{font-size:7px;letter-spacing:1.1px;color:#7c6d51}.organic-copy h2{margin:6px 0;font:500 clamp(28px,4.3vw,48px)/.94 Georgia,Songti SC,serif;letter-spacing:-1.7px}.organic-copy h2 em{font-style:italic;color:#526348}.organic-copy>p{max-width:330px;margin:0;font:italic 8px/1.55 Georgia,serif;color:#6b6658}.organic-copy>div{display:flex;align-items:center;gap:12px;margin-top:11px}.organic-copy button{padding:7px 10px;border-radius:99px;background:#2c4a35;color:#fff;font-size:8px}.organic-copy a{font-size:8px;font-weight:700}.organic-copy footer{display:flex;gap:12px;margin-top:11px;padding-top:8px;border-top:1px solid rgba(50,67,52,.16);font-size:7px;color:#6c745f}.organic-copy footer i{color:#4e755a}.organic-photo{position:relative;min-width:0;overflow:hidden;border-radius:47% 47% 12px 12px;background:#455a46}.organic-photo>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.62) sepia(.08)}.organic-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(24,42,29,.62))}.organic-photo>div{position:absolute;z-index:1;left:13px;bottom:11px;color:#fff}.organic-photo>div small{display:block;font-size:6px;letter-spacing:1px;color:#d8e1d1}.organic-photo>div b{display:block;margin-top:3px;font:600 12px Georgia,serif}.organic-photo>div span{display:block;margin-top:2px;font-size:7px;color:#e2e8dd}.organic-photo>div em{display:block;margin-top:5px;font:600 9px Georgia,serif}.organic-photo>i{position:absolute;z-index:1;right:10px;bottom:10px;display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(235,229,215,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#344d39;font:500 10px Georgia,serif;text-align:center}.organic-photo>i small{font:5px Manrope,sans-serif;text-transform:uppercase}.organic-note{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid rgba(50,67,52,.18);font:italic 8px Georgia,serif}.organic-note b{font:600 7px Manrope,sans-serif;color:#77806d}.ms-scene{position:relative;min-height:210px;overflow:hidden;border:1px solid;border-radius:12px;font-family:Manrope,-apple-system,sans-serif}.ms-scene>header{display:flex;align-items:center;gap:17px;height:35px;padding:0 15px;border-bottom:1px solid;font-size:8px}.ms-scene>header b{font-size:10px;letter-spacing:.3px}.ms-scene>header i{flex:1 1}.ms-scene>header button{padding:5px 8px;border-radius:6px;font-size:7px}.ms-scene>main{display:grid;grid-template-columns:1fr .84fr;grid-gap:18px;gap:18px;min-height:175px;padding:18px 20px}.ms-scene>main>section{display:flex;flex-direction:column;justify-content:center}.ms-scene section small{font-size:7px;font-weight:800;letter-spacing:1px}.ms-scene section h3{max-width:420px;margin:5px 0;font-size:clamp(21px,3vw,34px);line-height:.98;letter-spacing:-1.3px}.ms-scene section p{max-width:430px;margin:0;font-size:8px;line-height:1.5;opacity:.72}.ms-scene section a{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:8px;font-weight:800}.ms-scene aside{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid;border-radius:10px}.ms-scene aside>div{position:relative;z-index:1;width:70%;padding:10px;border:1px solid;border-radius:8px;box-shadow:0 12px 30px rgba(20,22,30,.12)}.ms-scene aside b,.ms-scene aside em,.ms-scene aside small{display:block}.ms-scene aside small{font-size:6px;letter-spacing:.8px}.ms-scene aside b{margin-top:4px;font-size:14px}.ms-scene aside em{margin-top:3px;font-size:6px;font-style:normal;opacity:.65}.ms-scene-orb{position:absolute;width:135px;height:135px;border-radius:50%;filter:blur(20px)}.ms-scene.saas{background:#f8f9fd;border-color:#e2e0ec;color:#242035}.ms-scene.saas aside,.ms-scene.saas>header{border-color:#e4e1ed}.ms-scene.saas button{background:#292244;color:#fff}.ms-scene.saas section small{color:#6d58cb}.ms-scene.saas aside{background:#25213b;color:#fff}.ms-scene.saas aside>div{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07)}.ms-scene.saas .ms-scene-orb{background:#9a7cff}.ms-scene.enterprise{background:#f4f7f5;border-color:#d9e1df;color:#17302f}.ms-scene.enterprise aside,.ms-scene.enterprise>header{border-color:#d9e1df}.ms-scene.enterprise button{background:#173f3b;color:#fff}.ms-scene.enterprise section small{color:#39766f}.ms-scene.enterprise aside{background:#d9e5e0}.ms-scene.enterprise aside>div{border-color:#c4d2cd;background:rgba(255,255,255,.8)}.ms-scene.enterprise .ms-scene-orb{background:#9fc6b7}.ms-scene.commerce{background:#f4efe7;color:#332a22;font-family:Arial,sans-serif}.ms-scene.commerce,.ms-scene.commerce aside,.ms-scene.commerce>header{border-color:#ded4c6}.ms-scene.commerce h3,.ms-scene.commerce>header b{font-family:Georgia,serif}.ms-scene.commerce button{background:#2b3a31;color:#fff}.ms-scene.commerce section small{color:#8f6d52}.ms-scene.commerce aside{background:linear-gradient(135deg,#d3c1ad,#eee1cf)}.ms-scene.commerce aside>div{border-color:#e8ded1;background:rgba(255,250,243,.82)}.ms-scene.commerce .ms-scene-orb{background:#a57e61;opacity:.48}.ms-scene.dark-tech{background:#0b0f15;border-color:#262e39;color:#f4f7fb}.ms-scene.dark-tech aside,.ms-scene.dark-tech>header{border-color:#252d38}.ms-scene.dark-tech>header{color:#97a0ad}.ms-scene.dark-tech button{background:#e9e4ff;color:#181321}.ms-scene.dark-tech section small{color:#9c84ff}.ms-scene.dark-tech aside{background:#111721}.ms-scene.dark-tech aside>div{border-color:#303a47;background:rgba(20,27,37,.88)}.ms-scene.dark-tech .ms-scene-orb{background:#26cfa0}.ms-scene.dark-tech section p{color:#a3abb7}.ms-scene.playful{background:#fff7d5;border:2px solid #2a2230;color:#2a2230}.ms-scene.playful aside,.ms-scene.playful>header{border-color:#2a2230}.ms-scene.playful button{border:1.5px solid #2a2230;background:#ff7051;color:#2a2230;box-shadow:2px 2px 0 #2a2230}.ms-scene.playful section small{color:#7358d6}.ms-scene.playful aside{border-width:2px;background:#8d70f5}.ms-scene.playful aside>div{border:2px solid #2a2230;background:#ffdf58;box-shadow:4px 4px 0 #2a2230}.ms-scene.playful .ms-scene-orb{background:#a7ef73}.ms-scene.organic{background:#eee6d9;color:#29402f}.ms-scene.organic,.ms-scene.organic aside,.ms-scene.organic>header{border-color:#d2c6b4}.ms-scene.organic h3,.ms-scene.organic>header b{font-family:Georgia,serif}.ms-scene.organic button{background:#2e4b37;color:#fff;border-radius:99px}.ms-scene.organic section small{color:#786b50}.ms-scene.organic aside{background:linear-gradient(145deg,#9eae8d,#526c56)}.ms-scene.organic aside>div{border-color:rgba(255,255,255,.35);background:rgba(239,232,217,.82)}.ms-scene.organic .ms-scene-orb{background:#d5c49c;opacity:.7}.ms-mini{width:100%;min-height:82px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid;border-radius:9px;font-size:8px}.ms-mini b,.ms-mini small,.ms-mini span{display:block}.ms-mini b{font-size:10px}.ms-mini button{margin-left:auto;border:0;border-radius:5px;padding:5px 7px;font:700 7px Manrope}.ms-mini>i{flex:1 1;height:1px}.ms-mini.saas{background:#f7f7fc;border-color:#ddd9ee;color:#30294b}.ms-mini.saas button{background:#2e2749;color:#fff}.ms-mini.saas>i{background:#d8d2e9}.ms-mini.saas>div{display:flex;gap:9px;color:#8e879f}.ms-mini.saas.crowded{align-items:flex-start;flex-direction:column;background:repeating-linear-gradient(135deg,#faf9fd,#faf9fd 7px,#f2eff9 0,#f2eff9 14px)}.ms-mini.enterprise{background:#f4f7f5;border-color:#d4dfdc;color:#1d4541;justify-content:space-around}.ms-mini.enterprise>div{display:flex;flex-direction:column;align-items:center}.ms-mini.enterprise span{color:#74827f}.ms-mini.enterprise.vague{display:block}.ms-mini.enterprise.vague b{font:600 15px Georgia,serif}.ms-mini.commerce{background:#f5efe7;border-color:#ddd0bf;color:#3c3025}.ms-mini.commerce .swatch{width:34px;height:42px;border-radius:50% 50% 9px 9px;background:linear-gradient(150deg,#dcc7ad,#9e8063)}.ms-mini.commerce em{display:block;font:600 8px Georgia,serif}.ms-mini.commerce button{background:#304036;color:#fff}.ms-mini.commerce.sale{display:block;background:#ffddd1;color:#9b2a16;text-align:center}.ms-mini.commerce.sale b{font-size:15px}.ms-mini.dark-tech{position:relative;overflow:hidden;flex-direction:column;align-items:flex-start;background:#10151d;border-color:#2d3642;color:#dbe1e8;font-family:ui-monospace,monospace}.ms-mini.dark-tech small,.ms-mini.dark-tech span{color:#7f8a99}.ms-mini.dark-tech b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#53dda9}.ms-mini.dark-tech>i{width:80%;height:2px;background:#29313c}.ms-mini.dark-tech.noisy{justify-content:center;color:#d18cff;background:radial-gradient(circle,#8a44ff 0,transparent 35%),#07090d;text-shadow:0 0 8px #8a44ff}.ms-mini.playful{background:#fff6c8;border:2px solid #2b2330;color:#2b2330}.ms-mini.playful .face{display:grid;place-items:center;width:30px;height:30px;border:2px solid #2b2330;border-radius:50%;background:#8d70f5;color:#fff;font-size:15px}.ms-mini.playful em{margin-left:auto;padding:5px;border:2px solid #2b2330;border-radius:50%;background:#a8ef73;font-style:normal;font-weight:800}.ms-mini.playful.noisy{background:linear-gradient(135deg,#ff7254,#ffe058,#8f73f5);transform:rotate(-1deg)}.ms-mini.organic{background:#eee7da;border-color:#d4c8b6;color:#304936}.ms-mini.organic b{font-family:Georgia,serif}.ms-mini.organic .leaf{display:grid;place-items:center;width:34px;height:34px;border-radius:48% 52% 47% 53%;background:#49674d;color:#fff;font-size:18px}.ms-mini.organic.vague{display:block;background:#e8dfd1;color:#746d61}.ms-anatomy{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ms-anatomy>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid;border-radius:8px;background:#fff;font:700 9px Manrope}.ms-anatomy>span>i{width:10px;height:10px;border-radius:3px;background:var(--brand)}.ms-anatomy.saas>span{border-color:#dcd7ed;color:#4a3e72}.ms-anatomy.saas i{background:#6b57d8}.ms-anatomy.enterprise>span{border-color:#d5dfdd;color:#28514c}.ms-anatomy.enterprise i{background:#2f7169}.ms-anatomy.commerce>span{border-color:#ded1c0;color:#574233}.ms-anatomy.commerce i{border-radius:50%;background:#9a7558}.ms-anatomy.dark-tech>span{border-color:#394352;background:#151b23;color:#dbe1e8}.ms-anatomy.dark-tech i{background:#6ddea9}.ms-anatomy.playful>span{border:2px solid #2b2330;color:#2b2330;box-shadow:2px 2px 0 #2b2330}.ms-anatomy.playful i{background:#8d70f5}.ms-anatomy.organic>span{border-color:#d5c9b7;color:#35513c}.ms-anatomy.organic i{border-radius:50% 50% 50% 8px;background:#52735a}@media(max-width:720px){.ms-demo>header nav{display:none}.ms-dark-tech>main,.ms-organic>main,.ms-playful>main,.ms-saas>main{gap:10px;padding:12px}.ms-enterprise>main>section{padding:14px}.commerce-copy{padding:12px}.ms-demo h2{font-size:clamp(24px,6vw,34px)}.ms-scene>main{gap:10px;padding:14px}.ms-scene section h3{font-size:23px}.ms-scene>main{grid-template-columns:1fr .75fr}}@media(max-width:520px){.ms-demo{border-radius:10px}.ms-demo>header{height:32px!important;padding:0 10px!important;gap:8px!important}.ms-demo>header nav,.ms-demo>header>div>i,.ms-demo>header>div>span{display:none}.ms-demo>header button{padding:5px 7px!important}.ms-demo>main{min-height:0}.ms-saas{grid-template-rows:32px minmax(0,1fr) 24px}.ms-saas>main{grid-template-columns:.85fr 1.15fr;padding:10px;gap:8px}.ms-saas .ms-copy h2{font-size:24px}.ms-saas .ms-copy>p{display:none}.ms-saas .ms-copy footer{margin-top:7px}.saas-grid{grid-template-columns:1fr;padding:5px}.saas-grid article:nth-child(2),.saas-wide{display:none}.ms-logo-row{font-size:6px}.ms-enterprise{grid-template-rows:32px minmax(0,1fr) 34px}.ms-enterprise>main{grid-template-columns:.92fr 1.08fr}.ms-enterprise>main>section{padding:10px}.ms-enterprise>main>section h2{font-size:23px}.ms-enterprise>main>section p{display:none}.ms-enterprise>main>aside>div{left:7px;right:7px;bottom:7px;padding:6px}.ms-enterprise>footer b{font-size:9px}.ms-enterprise>footer span{display:none}.ms-commerce{grid-template-rows:32px minmax(0,1fr) 23px}.ms-commerce>main{grid-template-columns:1.05fr .95fr}.commerce-copy h2{font-size:23px}.commerce-copy footer,.commerce-copy>p,.commerce-rating span,.commerce-strip span:nth-child(n+3){display:none}.ms-dark-tech{grid-template-rows:32px minmax(0,1fr) 23px}.ms-dark-tech>main{grid-template-columns:.8fr 1.2fr;padding:10px;gap:8px}.ms-dark-tech h2{font-size:23px}.ms-dark-tech>main>section p,.tech-code>p:nth-of-type(n+3){display:none}.tech-console>header b{max-width:95px;overflow:hidden;text-overflow:ellipsis}.ms-dark-tech>footer span:nth-child(n+3){display:none}.ms-playful{grid-template-rows:32px minmax(0,1fr) 24px}.ms-playful>main{grid-template-columns:.78fr 1.22fr;padding:9px;gap:8px}.ms-playful h2{font-size:25px}.ms-playful>footer span,.ms-playful>main>section p,.play-note.white{display:none}.play-note.yellow{left:7%;top:10%;width:56%}.play-note.purple{right:5%;top:25%;width:38%}.play-board{height:82%}.ms-organic{grid-template-rows:32px minmax(0,1fr) 23px}.ms-organic>main{grid-template-columns:.82fr 1.18fr;padding:9px;gap:8px}.organic-copy h2{font-size:24px}.organic-copy footer,.organic-copy>p{display:none}.organic-photo{border-radius:40% 40% 8px 8px}.organic-note{font-size:7px}.organic-note b{display:none}.ms-scene{min-height:165px}.ms-scene>header span{display:none}.ms-scene>main{grid-template-columns:1fr .72fr;min-height:130px;padding:10px}.ms-scene section h3{font-size:18px}.ms-scene section p{display:none}.ms-scene aside>div{width:82%;padding:7px}.ms-scene aside b{font-size:10px}}.stack-map{display:flex;flex-direction:column;gap:9px;width:100%;max-width:310px;color:var(--text);font-size:12px}.dh-demo .stack-map{max-width:720px;gap:14px;font-size:14px}.stack-map *{box-sizing:border-box}.stack-window{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}.stack-window-bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.stack-window-bar i{width:5px;height:5px;border-radius:50%;background:var(--border)}.stack-window-bar span{min-width:0;flex:1 1;margin-left:4px;overflow:hidden;color:var(--text-3);font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stack-front-nav{display:flex;align-items:center;justify-content:space-between;padding:7px 10px}.stack-front-nav b{font-size:11px;letter-spacing:.7px}.stack-front-nav span{color:var(--text-3);font-size:11px}.stack-front-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(62px,.8fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;background:var(--bg-soft)}.stack-front-page>span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.stack-front-page small{color:var(--brand);font-size:11px}.stack-front-page strong{color:var(--text);font-size:12px;line-height:1.25}.stack-front-page em{color:var(--text-3);font-size:11px;font-style:normal;line-height:1.5}.stack-front-page>span>b{padding:4px 7px;border-radius:5px;background:var(--brand);color:#fff;font-size:11px}.stack-front-page>i{display:flex;flex-direction:column;gap:5px;min-width:0;padding:8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg);box-shadow:0 4px 12px rgba(29,33,41,.06)}.stack-front-page>i:before{content:"UI";color:var(--text-2);font-size:11px;font-style:normal;font-weight:700}.stack-front-page u{display:block;height:5px;border-radius:99px;background:var(--bg-hover);text-decoration:none}.stack-front-page u:nth-child(2){width:76%}.stack-front-page u:nth-child(3){width:56%;background:color-mix(in srgb,var(--brand) 22%,var(--bg))}.stack-layer-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}.stack-layer-row span{display:flex;min-width:0;align-items:center;justify-content:center;gap:4px;padding:5px 4px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg);color:var(--text-3);font-size:11px;white-space:nowrap}.stack-layer-row b{color:var(--text);font-size:11px}.stack-map-back{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--bg);box-shadow:0 7px 20px rgba(29,33,41,.06)}.stack-request,.stack-response{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg-soft)}.stack-request>span{color:var(--text-3);font-size:11px}.stack-request>b,.stack-response>b{padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--brand) 12%,var(--bg));color:var(--brand);font-size:11px}.stack-request code,.stack-response code{min-width:0;overflow:hidden;color:var(--text-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stack-request>i,.stack-response>i{margin-left:auto;color:var(--text-3);font-size:11px;font-style:normal;white-space:nowrap}.stack-back-pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;grid-gap:5px;gap:5px}.stack-back-pipeline>span{display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:7px;border:1px solid var(--border-light);border-radius:7px;background:var(--bg)}.stack-back-pipeline>span>i{display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,var(--bg));color:var(--brand);font-size:11px;font-style:normal}.stack-back-pipeline b{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stack-back-pipeline small{color:var(--text-3);font-size:11px;line-height:1.3}.stack-back-pipeline>em{color:var(--text-3);font-size:11px;font-style:normal}.stack-response{flex-direction:row-reverse}.stack-response>i{margin:0 auto 0 0}.dh-demo .stack-window{border-radius:12px}.dh-demo .stack-window-bar{height:30px;gap:6px;padding:0 11px}.dh-demo .stack-window-bar i{width:7px;height:7px}.dh-demo .stack-window-bar span{margin-left:7px;font-size:11px}.dh-demo .stack-front-nav{padding:11px 16px}.dh-demo .stack-front-nav b{font-size:12px;letter-spacing:1px}.dh-demo .stack-front-nav span{font-size:11px}.dh-demo .stack-front-page{grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);gap:22px;padding:18px}.dh-demo .stack-front-page>span{gap:7px}.dh-demo .stack-front-page small{font-size:12px}.dh-demo .stack-front-page strong{font-size:19px}.dh-demo .stack-front-page em{font-size:11px}.dh-demo .stack-front-page>span>b{padding:7px 11px;border-radius:7px;font-size:11px}.dh-demo .stack-front-page>i{gap:8px;padding:14px;border-radius:10px}.dh-demo .stack-front-page>i:before{font-size:11px}.dh-demo .stack-front-page u{height:7px}.dh-demo .stack-layer-row{gap:8px}.dh-demo .stack-layer-row span{gap:6px;padding:9px 7px;border-radius:8px;font-size:11px}.dh-demo .stack-layer-row b{font-size:11px}.dh-demo .stack-map-back{gap:14px;padding:18px;border-radius:12px}.dh-demo .stack-request,.dh-demo .stack-response{gap:10px;padding:11px 14px;border-radius:9px}.dh-demo .stack-request>span{font-size:11px}.dh-demo .stack-request>b,.dh-demo .stack-response>b{padding:3px 7px;border-radius:5px;font-size:11px}.dh-demo .stack-request code,.dh-demo .stack-request>i,.dh-demo .stack-response code,.dh-demo .stack-response>i{font-size:11px}.dh-demo .stack-back-pipeline{gap:9px}.dh-demo .stack-back-pipeline>span{min-height:94px;gap:5px;padding:12px;border-radius:9px}.dh-demo .stack-back-pipeline>span>i{width:22px;height:22px;font-size:11px}.dh-demo .stack-back-pipeline b{font-size:13px}.dh-demo .stack-back-pipeline small{font-size:12px;line-height:1.45}.dh-demo .stack-back-pipeline>em{font-size:12px}.frontend-anat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;width:min(100%,530px)}.frontend-anat-part{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg)}.frontend-anat-part b{color:var(--text);font-size:11px}.frontend-anat-part small{color:var(--text-3);font-size:11px;line-height:1.4}.frontend-anat-part.structure{border-top:2px solid #e07a5f}.frontend-anat-part.style{border-top:2px solid var(--brand)}.frontend-anat-part.behavior{border-top:2px solid #4d9b73}.frontend-anat-screen{grid-column:1/-1;display:flex;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.frontend-anat-screen:before{content:"";align-self:stretch;height:13px;border-bottom:1px solid var(--border-light);background:radial-gradient(circle at 9px 6px,var(--border) 0 2px,transparent 2.5px)}.frontend-anat-screen small{color:var(--brand);font-size:11px}.frontend-anat-screen b{color:var(--text);font-size:12px}.frontend-anat-screen i{width:64px;height:5px;border-radius:99px;background:var(--brand)}.foundation-scene{display:flex;width:100%;min-width:0;flex-direction:column;gap:7px}.foundation-scene-head{color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.5px}.foundation-note{color:var(--text-3);font-size:11px;line-height:1.45}.foundation-flow{display:flex;min-width:0;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.foundation-arrow{color:var(--text-3);font-size:11px}.foundation-step{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-2);font-size:11px;font-weight:600;white-space:nowrap}.foundation-box.blue,.foundation-step.blue{border-color:color-mix(in srgb,var(--brand) 25%,var(--border));background:color-mix(in srgb,var(--brand) 8%,var(--bg));color:var(--brand)}.foundation-box.green,.foundation-step.green{border-color:color-mix(in srgb,var(--green) 25%,var(--border));background:var(--green-light);color:var(--green)}.foundation-box.orange,.foundation-step.orange{border-color:#fed7aa;background:#fff7ed;color:#c65d08}.foundation-box.red,.foundation-step.red{border-color:color-mix(in srgb,var(--red) 25%,var(--border));background:var(--red-light);color:var(--red)}.foundation-boxes{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-gap:6px;gap:6px}.foundation-box{display:flex;min-width:0;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.foundation-box small,.foundation-compare small{color:var(--text-3);font-size:10px;font-weight:500}.foundation-box b{color:currentColor;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.foundation-code{display:flex;width:100%;min-width:0;flex-direction:column;gap:3px;padding:8px 10px;overflow:hidden;border:1px solid #243044;border-radius:7px;background:#111827;color:#d5def0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.foundation-code span{overflow-wrap:anywhere}.foundation-code em{color:#8390a7;font-style:normal}.foundation-code b{color:#9cc2ff;font-weight:650}.foundation-code b.success{color:#79d6a3}.foundation-code b.danger{color:#ff9f9f}.foundation-compare{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;grid-gap:6px;gap:6px}.foundation-compare>span{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.foundation-compare>span.green{border-color:color-mix(in srgb,var(--green) 25%,var(--border));background:var(--green-light)}.foundation-compare>span.red{border-color:color-mix(in srgb,var(--red) 25%,var(--border));background:var(--red-light)}.foundation-compare>span.green b{color:var(--green)}.foundation-compare>span.red b{color:var(--red)}.foundation-compare b{color:var(--text);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.foundation-compare>i{align-self:center;color:var(--text-3);font-size:11px;font-style:normal}.foundation-scene-ui{width:min(100%,720px);margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.foundation-scene-ui-head{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.foundation-scene-ui-head span{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.foundation-scene-ui-head b{color:var(--text);font-size:14px}.foundation-scene-ui-body{display:flex;min-height:96px;align-items:center;justify-content:center;padding:16px}.foundation-scene-ui-foot{padding:9px 16px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px;line-height:1.5}.foundation-scene-ui .foundation-boxes,.foundation-scene-ui .foundation-code,.foundation-scene-ui .foundation-compare{max-width:620px}.foundation-scene-ui .foundation-box{min-height:52px;justify-content:center}.foundation-scene-ui .foundation-box small,.foundation-scene-ui .foundation-compare small{font-size:11px}.foundation-scene-ui .foundation-box b,.foundation-scene-ui .foundation-compare b{font-size:12px}.foundation-scene-ui .foundation-step{min-height:30px;padding:5px 10px;font-size:12px}.foundation-scene-ui .foundation-code{padding:12px 14px;font-size:11px;line-height:1.55}.foundation-ui-hero{display:flex;max-width:520px;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.foundation-ui-hero>.foundation-ui-kicker{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:1px}.foundation-ui-hero h3{margin:0;color:var(--text);font-size:22px;line-height:1.2}.foundation-ui-hero p{margin:0;color:var(--text-2);font-size:12px}.foundation-ui-form{display:flex;width:min(100%,440px);flex-direction:column;align-items:stretch;gap:9px}.foundation-ui-field{display:flex;flex-direction:column;gap:4px}.foundation-ui-field>span{color:var(--text-2);font-size:11px}.foundation-ui-field>b{min-height:34px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font-size:12px;font-weight:500}.foundation-ui-field.error>b{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:var(--red-light);color:var(--red)}.foundation-ui-action{display:inline-flex;min-height:32px;align-items:center;justify-content:center;align-self:flex-start;padding:6px 12px;border:1px solid transparent;border-radius:7px;background:var(--brand);color:#fff;font-size:12px;font-weight:650}.foundation-ui-action.red{background:var(--red)}.foundation-ui-action.neutral{border-color:var(--border);background:var(--bg);color:var(--text-2)}@media (max-width:720px){.stack-front-page{grid-template-columns:minmax(0,1fr) 72px}.stack-back-pipeline{grid-template-columns:1fr}.stack-back-pipeline>em{display:none}.stack-back-pipeline>span{min-height:48px}.frontend-anat{grid-template-columns:1fr}.frontend-anat-screen{grid-column:1}.foundation-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-scene-ui-head{padding:10px 12px}.foundation-scene-ui-body{min-height:84px;padding:12px}.foundation-scene-ui-foot{padding:8px 12px}.foundation-ui-hero h3{font-size:18px}}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important;line-height:1.45}.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is([style*="font-size:6px"],[style*="font-size: 6px"],[style*="font-size:7px"],[style*="font-size: 7px"],[style*="font-size:8px"],[style*="font-size: 8px"],[style*="font-size:9px"],[style*="font-size: 9px"],[style*="font-size:10px"],[style*="font-size: 10px"]){font-size:11px!important;line-height:1.4}.detail .readability-microcopy{font-size:11px!important;line-height:1.4!important}.detail .frontend-anat-part b,.detail .frontend-anat-screen b,.detail .frontend-v b{font-size:14px!important}.detail .frontend-anat-part small,.detail .frontend-anat-screen small,.detail .frontend-v small{font-size:12px!important}@media (max-width:720px){.detail :is(.dh-demo,.usage-box,.anat-stage,.variant-demo,.scene-shot) :is(small,label,figcaption){font-size:12px!important}}