.symm-showcase{isolation:isolate;color:#f5f1fa;background:#0c0b11;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(42px,6vw,108px);max-width:1600px;margin:auto;padding:clamp(104px,10vw,160px) clamp(24px,5vw,88px);scroll-margin-top:32px;display:grid;position:relative;overflow:hidden}.symm-showcase:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0c0b11 0%,#0c0b11dc 33%,#0000 74%);position:absolute;inset:0}.symm-showcase-copy,.symm-preview{z-index:1;position:relative}.symm-showcase-copy{max-width:530px}.symm-showcase-signature{color:#d5c1ee;letter-spacing:.11em;align-items:center;gap:12px;font-size:12px;font-weight:650;display:flex}.symm-showcase-copy h2{letter-spacing:-.035em;margin:30px 0 23px;font-size:clamp(42px,4.3vw,70px);font-weight:540;line-height:1.05}.symm-showcase-copy h2 span{color:#c9b2ee}.symm-showcase-copy>p{color:#c2b9ca;max-width:42ch;font-size:clamp(16px,1.35vw,18px);line-height:1.6}.symm-showcase-action{margin-top:34px}.symm-showcase-action>a,.symm-showcase-action>button{color:#1b1523;background:#d5bdf4;border-radius:10px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:0 20px;font-size:14px;font-weight:650;transition:background .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.symm-showcase-action>a:hover,.symm-showcase-action>button:hover{background:#e8dafa;transform:translateY(-2px)}.symm-showcase-action>button:disabled{opacity:.65;cursor:wait}.symm-showcase-action p{color:#ffbfc9;margin-top:12px;font-size:13px}.symm-showcase :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #e2ceff}.symm-preview{background:#17141d;border:1px solid #494050;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 34px 80px #0006}.symm-preview-top{color:#f0e8f6;letter-spacing:.035em;border-bottom:1px solid #37313d;align-items:center;gap:10px;min-height:56px;padding:10px 23px;font-size:12px;font-weight:650;display:flex}.symm-preview-demo{color:#aa9eae;letter-spacing:.08em;margin-left:auto;font-size:10px}.symm-preview-body{padding:clamp(22px,3vw,36px)}.symm-preview-label{color:#cfb7ef;font-size:12px;font-weight:650}.symm-preview-prompt{letter-spacing:-.025em;margin:11px 0 22px;font-size:clamp(22px,2.2vw,30px);font-weight:540;line-height:1.25}.symm-preview-controls{border-bottom:1px solid #3b3441;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:24px;display:flex}.symm-preview-languages{background:#100e15;border:1px solid #49414f;border-radius:9px;gap:3px;padding:3px;display:flex}.symm-preview-languages button{color:#bcb2c4;border-radius:6px;min-height:34px;padding:0 11px;font-size:12px;transition:background .16s,color .16s}.symm-preview-languages button[aria-pressed=true]{color:#201528;background:#c7afea}.symm-preview-languages button:hover{color:#fff}.symm-preview-languages button[aria-pressed=true]:hover{color:#201528}.symm-preview-generate{color:#dcc4f9;align-items:center;gap:9px;min-height:40px;font-size:13px;font-weight:650;display:inline-flex}.symm-preview-generate:hover{color:#fff}.symm-grid-demonstration{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,3vw,46px);padding-top:30px;display:grid}.symm-grid-copy h3{letter-spacing:-.025em;margin:12px 0;font-size:clamp(25px,2.3vw,35px);font-weight:540;line-height:1.14}.symm-grid-copy>p:not(.symm-preview-label){color:#bdb1c5;font-size:13px;line-height:1.55}.symm-grid-equation{color:#bfb0cd;font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin:26px 0 20px;font-family:ui-monospace,monospace;font-size:17px;display:flex}.symm-grid-equation strong{color:#f3e8ff;background:#a583d826;border:1px solid #cbb0ed;border-radius:8px;place-items:center;min-width:47px;height:47px;margin-left:2px;font-size:22px;display:grid}.symm-grid-stage{background:#211a2a;border:1px solid #514457;border-radius:12px;min-width:0;padding:22px}.symm-grid-axis{color:#b4a1c4;letter-spacing:.08em;justify-content:space-between;margin-bottom:14px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.symm-grid-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.symm-grid-cells button{aspect-ratio:1;color:#e9dff0;font-variant-numeric:tabular-nums;background:#2c2533;border:1px solid #574b61;border-radius:7px;place-items:center;min-width:0;font-family:ui-monospace,monospace;font-size:clamp(15px,1.3vw,20px);transition:background .18s,border-color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid}.symm-grid-cells button:hover{border-color:#b69bd7;transform:translateY(-2px)}.symm-grid-cells button.is-source{background:#614c77;border-color:#d2b5f2}.symm-grid-cells button[aria-pressed=true]{color:#201428;background:#d3b9f2;border-color:#ecd6ff;box-shadow:0 0 0 3px #d3b9f226}.symm-grid-stage>p{color:#b9a9c5;margin:15px 0 0;font-size:11px;line-height:1.5}.symm-preview-roadmap{padding-top:25px;animation:.24s cubic-bezier(.22,1,.36,1) both symm-reveal}.symm-preview-grid{grid-template-columns:minmax(155px,.85fr) minmax(0,1.15fr);gap:20px;margin-top:16px;display:grid}.symm-preview-grid ol{margin:0;padding:0;list-style:none}.symm-preview-grid li button{color:#c6bdcb;text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:42px;padding:4px 6px;font-size:12px;display:flex}.symm-preview-grid li button:hover,.symm-preview-grid li button[aria-current]{color:#fff;background:#302638}.symm-preview-node{color:#d3bbed;font-variant-numeric:tabular-nums;border:1px solid #63556e;border-radius:7px;flex:none;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.symm-preview-grid li button[aria-current] .symm-preview-node{color:#211629;background:#c7afea;border-color:#c7afea}.symm-preview-lesson{background:#241d2b;border:1px solid #504458;border-radius:10px;min-width:0;padding:20px}.symm-preview-lesson>p{color:#d2b7ed;font-size:12px}.symm-preview-lesson h3{margin:10px 0 5px;font-size:19px}.symm-preview-lesson>span,.symm-preview-lesson small{color:#c3b8ca;font-size:12px;line-height:1.5;display:block}.symm-preview-lesson pre{color:#eadcf8;background:#100e15;border-radius:7px;max-height:185px;margin:16px 0;padding:14px;font-size:11px;line-height:1.55;overflow:auto}@keyframes symm-reveal{0%{opacity:.6;transform:translateY(6px)}}@media (max-width:1050px){.symm-showcase{grid-template-columns:1fr;gap:46px}.symm-showcase-copy{max-width:670px}}@media (max-width:640px){.symm-showcase{padding:82px 18px}.symm-showcase-copy h2{font-size:clamp(40px,10vw,58px)}.symm-preview-body{padding:19px}.symm-grid-demonstration,.symm-preview-grid{grid-template-columns:1fr}.symm-preview-grid ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.symm-preview-grid li button{font-size:11px}.symm-preview-demo{font-size:9px}}@media (prefers-reduced-motion:reduce){.symm-preview-roadmap{animation:none}.symm-showcase *,.symm-showcase :before{transition:none!important}}