.evolved .hero{grid-template-columns:1.15fr 1fr;gap:85px;padding-top:48px;padding-bottom:70px}
.evolved h1{font-size:66px;line-height:1.08;margin:0 0 26px}
.evolved .herocopy>p{font-size:17px}
.evolved .herocopy .heronote{font-size:12px;line-height:1.7;max-width:430px;color:#A8A8A6;margin-top:22px}
.install-inline{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #4B4B4E;border-radius:10px;padding:13px 14px 13px 18px;background:#232326;max-width:510px;margin-top:27px}
.install-inline code{font:14px/1.6 'SFMono-Regular',Consolas,monospace;color:#F0F0E9;overflow-wrap:anywhere;min-width:0}
.install-inline button{font-size:12px;background:transparent;color:#E9E9E2;border:1px solid #626265;padding:7px 12px;border-radius:6px;flex-shrink:0;min-width:65px}
.evolved .heroactions{margin:19px 0 0;align-items:center;gap:25px}
.quiet-link{font-size:14px;color:#D4D4CD}
.evolved .herovisual{padding:0;margin-top:0}
.exampleapp{border:1px solid #545457;background:#FAF8F3;border-radius:18px;overflow:hidden;color:#18181A;box-shadow:0 28px 75px #0003}
.exampleapp-head{display:flex;align-items:center;gap:10px;padding:19px 24px;border-bottom:1px solid #DEDBD2}
.exampleapp-head>span:last-child{margin-left:auto;font-size:12px;color:#686862}
.exampleapp-icon{width:30px;height:30px;border-radius:7px;background:#E9E7DF;display:grid;place-items:center;font-size:14px;font-weight:800}
.exampleapp-head b{font-size:14px}
.appsettings{padding:38px 30px 36px}
.appsettings h2{font-size:25px;letter-spacing:-.035em;margin:0 0 12px}
.appsettings>p{font-size:15px;line-height:1.7;color:#65655F;margin-bottom:25px}
.connect-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;text-align:center;padding:15px 20px;background:#18181A;border:1px solid #525255;color:#FAF8F3;border-radius:11px;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.4;min-height:61px;white-space:nowrap}
.connect-button>svg{width:29px;height:29px;flex:0 0 29px}
.appsettings .connect-button{width:100%}
.demo-detail{display:block;font-size:12px;color:#666660;margin-top:17px;line-height:1.6}
.button-caption{margin:25px 0 0;max-width:360px}
.button-caption h3{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;color:#E5E5DE}
.button-caption p{font-size:13px;color:#A8A8A6;line-height:1.7;margin-top:6px}
.evolved .howsection{padding:76px 0;background:#FAF8F3;border:0;border-bottom:1px solid #dedbd2}
.evolved .sectionhead{margin-bottom:40px}
.evolved .sectionhead h2{font-size:41px;line-height:1.15}
.utilitygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.utilitygrid h3{font-size:20px;letter-spacing:-.03em;margin-bottom:14px}
.utilitygrid p{font-size:15px;line-height:1.85}
.evolved .section{padding-top:78px;padding-bottom:72px}
.evolved .modeheading h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:0}
.evolved .modeheading{margin-bottom:16px}
.evolved .mode>p{font-size:15px;line-height:1.8}
.evolved .mode>p+p{margin-top:13px}
.direct-example{margin:20px 0;padding:12px;background:#F7F6F1;border:1px solid #E0DED5;border-radius:10px;display:grid;grid-template-columns:1fr auto;column-gap:12px}
.direct-example label{font-size:12px;color:#62625E;display:block;margin-bottom:8px}
.direct-example>div{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:8px;border:1px solid #C4C4BA;background:white;border-radius:7px;padding:8px 10px}
.direct-example input{min-width:0;width:100%;border:0;background:transparent;color:#666;font-size:13px}
.direct-example>div>span{font-size:12px}
.direct-example>small{grid-column:2;grid-row:1;font-size:11px;color:#68685F;display:block;margin:0 0 8px;text-align:right}
/* Each example fits its content; matching cards do not need a padded demo stage. */
.vault-example{display:flex;align-items:center;margin:20px 0}
.evolved .mode .textcta{margin-top:25px}
.build-section{background:#18181A;color:#FAF8F3;padding:80px 0}
.build-heading h2{font-size:46px;letter-spacing:-.04em}
.build-heading p{color:#B8B8B2;font-size:17px;margin-top:18px}
.buildgrid{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:45px}
.buildgrid h3{font-size:23px;letter-spacing:-.02em;margin-bottom:19px}
.buildgrid p{font-size:14px;line-height:1.85;color:#B8B8B2}
.buildgrid .install-inline{margin-top:0}
.codepath pre{background:#232326;border:1px solid #444448;border-radius:10px;padding:24px;font:13px/1.9 'SFMono-Regular',Consolas,monospace;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#E9E9DF;margin:15px 0 18px}
.codepath .textcta{border-color:#55555A;margin-top:24px;color:#F0F0E8}
.prompt-preview{padding:24px;border:1px solid #4B4B4E;border-radius:10px;font:13px/1.9 'SFMono-Regular',Consolas,monospace;overflow-wrap:anywhere;background:#232326;margin:25px 0 20px;color:#E9E9DF}
.buildgrid .setup-note{font-size:12px;margin-top:20px}
.buildgrid details{margin-top:18px;color:#C6C6BF;font-size:13px}
.buildgrid summary{cursor:pointer}
.buildgrid details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}
.sdk-note{font-size:12px;color:#A8A8A6;margin-top:35px}
.evolved .closing h2{font-size:51px;line-height:1.15;margin:0 0 16px}
.evolved .closing p{color:#374015;font-size:18px;margin-bottom:28px}
.evolved .closing{padding:65px 0}
.evolved footer>a:not(.logo){font-size:14px}
.design-notes{padding-top:0;padding-bottom:35px}
.design-notes>details{border-top:1px solid #DCD9D0;padding-top:23px}
.design-notes>details>summary{font-size:13px;cursor:pointer;color:#62625E}
.evolved .navcta{font-weight:700}
.evolved .demo-cancel{display:block;text-align:center;background:transparent;color:#C6C6BF;font-size:14px;padding:12px;width:100%;margin-top:8px}
@media(max-width:1100px){
.evolved .hero{gap:40px}
.evolved h1{font-size:57px}
.evolved .herocopy>p br{display:none}
.buildgrid{gap:35px}
.utilitygrid{gap:28px}
}
@media(max-width:740px){
.evolved .hero{display:block;padding-top:32px;padding-bottom:43px}
.evolved h1{font-size:clamp(40px,10.5vw,60px)}
.evolved .herocopy>p{font-size:16px}
.evolved .herovisual{margin-top:40px}
.install-inline{gap:8px;padding:10px 10px 10px 12px}
.install-inline code{font-size:12px}
.install-inline button{font-size:12px;padding:7px 9px;min-width:58px}
.evolved .heroactions{gap:18px}
.quiet-link{font-size:13px}
.appsettings{padding:28px 24px}
.button-caption h3{font-size:16px}
.evolved .sectionhead h2{font-size:32px}
.evolved .howsection,.evolved .section{padding-top:49px;padding-bottom:49px}
.utilitygrid{grid-template-columns:1fr;gap:27px}
.utilitygrid h3{margin-bottom:9px}
.utilitygrid p{font-size:16px}
.build-section{padding:49px 0}
.build-heading h2{font-size:36px}
.build-heading p{font-size:16px}
.buildgrid{grid-template-columns:1fr;gap:40px;margin-top:32px}
.buildgrid p{font-size:15px}
.codepath pre{padding:18px;font-size:12px}
.evolved .closing h2{font-size:34px}
.evolved .closing p{font-size:16px}
.evolved .closing{padding:45px 0}
}
.evolved .modebadge{width:44px;height:44px;flex-shrink:0;background:#18181A;color:#D6F436;border-radius:12px;display:grid;place-items:center}
.evolved .modebadge svg{width:25px;height:25px}
.evolved .modeheading{gap:13px}
.evolved .direct-example>div>svg{width:25px;height:25px;flex-shrink:0}
.evolved .direct-example>div{gap:12px;padding:12px}
.evolved .primary{font-weight:700}
.evolved .exampleapp-icon{background:transparent}
.exampleapp-icon img,.appavatar img{display:block}
.muse-dialog-brand{display:flex;align-items:center;gap:11px;margin-top:8px;font-size:17px;font-weight:700;color:#FAF8F3}