.home-hero-module__IwQPmq__stage{--demo-border:#e1d8ce;--demo-paper:#fffaf4;--demo-recess:#f4f0ef;animation:.9s cubic-bezier(.22,1,.36,1) .1s both home-hero-module__IwQPmq__enter}.home-hero-module__IwQPmq__floatingTag{border-color:var(--demo-border);background:var(--demo-paper);box-shadow:inset 0 1px 1px #fff9, 0 3px 0 color-mix(in oklch, var(--demo-border) 70%, transparent), 0 12px 24px -12px #62557540;border-radius:12px;overflow:hidden}.home-hero-module__IwQPmq__floatingTag:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff70 49%,#0000 67%);animation:12s ease-in-out infinite home-hero-module__IwQPmq__tagSheen;position:absolute;inset:0;transform:translate(-110%)}.home-hero-module__IwQPmq__stage:focus-within .home-hero-module__IwQPmq__floatingTag:after,.home-hero-module__IwQPmq__stage:hover .home-hero-module__IwQPmq__floatingTag:after{animation-play-state:paused}.home-hero-module__IwQPmq__workspace{--border:var(--demo-border);--card:var(--demo-paper);border-color:var(--demo-border);background:var(--demo-paper);box-shadow:inset 0 1px 1px #fff9, 0 5px 0 color-mix(in oklch, var(--demo-border) 75%, transparent), 0 28px 56px -24px #62557538;border-radius:20px;overflow:hidden;container-type:inline-size}.home-hero-module__IwQPmq__workspace>div:first-child{background:linear-gradient(180deg, var(--demo-paper), var(--demo-recess))}.home-hero-module__IwQPmq__workspace>div:first-child>span:first-child>span:first-child{background:#eea39b}.home-hero-module__IwQPmq__workspace>div:first-child>span:first-child>span:nth-child(2){background:#e7c986}.home-hero-module__IwQPmq__workspace>div:first-child>span:first-child>span:last-child{background:#9dcab7}.home-hero-module__IwQPmq__workspace>div:last-child{background:color-mix(in oklch, var(--demo-paper) 85%, #bca5df)}.home-hero-module__IwQPmq__panes{grid-template-columns:minmax(0,1fr);display:grid}.home-hero-module__IwQPmq__editor{background:color-mix(in oklch, var(--demo-paper) 85%, #c4cfe9);display:none}.home-hero-module__IwQPmq__preview{background:radial-gradient(ellipse at 50% 25%, #b7a2d91a, transparent 70%), var(--demo-paper)}.home-hero-module__IwQPmq__keyword{color:#7c3aed}.home-hero-module__IwQPmq__functionName{color:#1d4ed8}.home-hero-module__IwQPmq__number{color:#b45309}.home-hero-module__IwQPmq__tag{color:#047857}.dark .home-hero-module__IwQPmq__keyword{color:#c4b5fd}.dark .home-hero-module__IwQPmq__functionName{color:#93c5fd}.dark .home-hero-module__IwQPmq__number{color:#fcd34d}.dark .home-hero-module__IwQPmq__tag{color:#6ee7b7}.home-hero-module__IwQPmq__count{animation:.2s ease-out home-hero-module__IwQPmq__count-in}.dark .home-hero-module__IwQPmq__stage{--demo-border:#44434e;--demo-paper:#292a34;--demo-recess:#33333f}:is(.dark .home-hero-module__IwQPmq__workspace,.dark .home-hero-module__IwQPmq__floatingTag){box-shadow:inset 0 1px 1px #ffffff0a,0 4px #1b1b24,0 24px 48px -24px #0008}.dark .home-hero-module__IwQPmq__editor{background:#272a38}.dark .home-hero-module__IwQPmq__workspace>div:last-child{background:#2d2c39}@container (min-width:480px){.home-hero-module__IwQPmq__panes{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.home-hero-module__IwQPmq__editor{display:block}.home-hero-module__IwQPmq__preview{border-left:1px solid var(--border)}}@keyframes home-hero-module__IwQPmq__enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes home-hero-module__IwQPmq__tagSheen{0%,70%,to{transform:translate(-110%)}84%,92%{transform:translate(110%)}}@keyframes home-hero-module__IwQPmq__count-in{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.home-hero-module__IwQPmq__stage,.home-hero-module__IwQPmq__floatingTag:after,.home-hero-module__IwQPmq__count{animation:none}}[data-home-journey-active=true] .home-hero-module__IwQPmq__stage{animation:none}
.home-developer-workspace-module__z_LmAW__scene{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.home-developer-workspace-module__z_LmAW__canvas{aspect-ratio:1672/941;width:min(80vw,1120px);position:absolute;bottom:4rem;left:calc(50% + 30px);transform:translate(-50%)}@media (min-width:1200px){.home-developer-workspace-module__z_LmAW__canvas{left:calc(50% + 80px)}}.home-developer-workspace-module__z_LmAW__artwork{object-fit:contain}.dark .home-developer-workspace-module__z_LmAW__artwork{filter:brightness(.82)saturate(.88)}.home-developer-workspace-module__z_LmAW__nightGlow,.home-developer-workspace-module__z_LmAW__nightHighlights{opacity:0;width:100%;height:100%;position:absolute;inset:0}:is(.dark .home-developer-workspace-module__z_LmAW__nightGlow,.dark .home-developer-workspace-module__z_LmAW__nightHighlights){opacity:1}.home-developer-workspace-module__z_LmAW__screenHalo,.home-developer-workspace-module__z_LmAW__deviceHalo{animation:12s ease-in-out infinite paused home-developer-workspace-module__z_LmAW__nightLight}.home-developer-workspace-module__z_LmAW__deviceHalo{animation-delay:-4s}.home-developer-workspace-module__z_LmAW__scene[data-active=true] .home-developer-workspace-module__z_LmAW__screenHalo,.home-developer-workspace-module__z_LmAW__scene[data-active=true] .home-developer-workspace-module__z_LmAW__deviceHalo{animation-play-state:running}.dark .home-developer-workspace-module__z_LmAW__sunlight{display:none}.home-developer-workspace-module__z_LmAW__effects{width:100%;height:100%;position:absolute;inset:0}.home-developer-workspace-module__z_LmAW__effects path,.home-developer-workspace-module__z_LmAW__effects circle,.home-developer-workspace-module__z_LmAW__effects ellipse,.home-developer-workspace-module__z_LmAW__effects rect{animation-play-state:paused}.home-developer-workspace-module__z_LmAW__scene[data-active=true] .home-developer-workspace-module__z_LmAW__effects *{animation-play-state:running}.home-developer-workspace-module__z_LmAW__sunlight{animation:22s ease-in-out infinite home-developer-workspace-module__z_LmAW__daylight}.home-developer-workspace-module__z_LmAW__codeLine{stroke-dasharray:1;opacity:0;animation:12s ease-out infinite home-developer-workspace-module__z_LmAW__writeCode}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(2){animation-delay:.35s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(3){animation-delay:.7s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(4){animation-delay:1.05s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(5){animation-delay:1.4s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(6){animation-delay:1.75s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(7){animation-delay:2.1s}.home-developer-workspace-module__z_LmAW__codeLine:nth-child(8){animation-delay:2.45s}.home-developer-workspace-module__z_LmAW__browserSheen{opacity:0;animation:18s ease-in-out infinite home-developer-workspace-module__z_LmAW__browserLight}.home-developer-workspace-module__z_LmAW__browserButton{opacity:0;animation:12s ease-in-out 5s infinite home-developer-workspace-module__z_LmAW__buttonFeedback}.home-developer-workspace-module__z_LmAW__swatch{opacity:0;animation:15s ease-in-out infinite home-developer-workspace-module__z_LmAW__selectSwatch}.home-developer-workspace-module__z_LmAW__swatch:nth-child(2){animation-delay:5s}.home-developer-workspace-module__z_LmAW__swatch:nth-child(3){animation-delay:10s}.home-developer-workspace-module__z_LmAW__cursorClick{transform-origin:1568px 170px;opacity:0;animation:15s ease-out 5s infinite home-developer-workspace-module__z_LmAW__clickRipple}.home-developer-workspace-module__z_LmAW__badge{opacity:0;animation:18s ease-in-out infinite home-developer-workspace-module__z_LmAW__badgeLight}.home-developer-workspace-module__z_LmAW__badge:nth-child(2){animation-delay:6s}.home-developer-workspace-module__z_LmAW__badge:nth-child(3){animation-delay:12s}.home-developer-workspace-module__z_LmAW__leafLight{animation:9s ease-in-out infinite home-developer-workspace-module__z_LmAW__leafBreeze}.home-developer-workspace-module__z_LmAW__pageLight{opacity:0;animation:20s ease-in-out infinite home-developer-workspace-module__z_LmAW__pageGlimmer}.home-developer-workspace-module__z_LmAW__pageLight:nth-child(2){animation-delay:2s}.home-developer-workspace-module__z_LmAW__pageLight:nth-child(3){animation-delay:4s}.home-developer-workspace-module__z_LmAW__cardLoad path{stroke-dasharray:1;opacity:0;animation:16s ease-out 4s infinite home-developer-workspace-module__z_LmAW__writeCode}.home-developer-workspace-module__z_LmAW__cardLoad path:nth-child(2){animation-delay:4.4s}.home-developer-workspace-module__z_LmAW__cardLoad path:nth-child(3){animation-delay:4.8s}.home-developer-workspace-module__z_LmAW__typeCaret{opacity:0;animation:9s step-end infinite home-developer-workspace-module__z_LmAW__typeCursor}.home-developer-workspace-module__z_LmAW__selection{opacity:.4;animation:14s linear infinite home-developer-workspace-module__z_LmAW__selectionMarch}.home-developer-workspace-module__z_LmAW__addPress{transform-origin:1167px 619px;opacity:0;animation:14s ease-in-out infinite home-developer-workspace-module__z_LmAW__addComponent}.home-developer-workspace-module__z_LmAW__toggleTrack{animation:14s ease-in-out infinite home-developer-workspace-module__z_LmAW__switchTrack}.home-developer-workspace-module__z_LmAW__toggleThumb{animation:14s ease-in-out infinite home-developer-workspace-module__z_LmAW__switchThumb}.home-developer-workspace-module__z_LmAW__glassSelection{opacity:.35;animation:18s linear infinite reverse home-developer-workspace-module__z_LmAW__selectionMarch}.home-developer-workspace-module__z_LmAW__phoneRefresh{opacity:0;animation:16s ease-in-out 2s infinite home-developer-workspace-module__z_LmAW__phoneContent}.home-developer-workspace-module__z_LmAW__tabletRefresh{opacity:0;animation:16s ease-in-out 2.8s infinite home-developer-workspace-module__z_LmAW__tabletContent}.home-developer-workspace-module__z_LmAW__keyPress{opacity:0;animation:10s step-end infinite home-developer-workspace-module__z_LmAW__keyStroke}.home-developer-workspace-module__z_LmAW__keyPress:nth-child(2){animation-delay:.35s}.home-developer-workspace-module__z_LmAW__keyPress:nth-child(3){animation-delay:.7s}.home-developer-workspace-module__z_LmAW__keyPress:nth-child(4){animation-delay:1.05s}.home-developer-workspace-module__z_LmAW__mouseClick{opacity:0;animation:10s ease-in-out 3s infinite home-developer-workspace-module__z_LmAW__mouseFeedback}@keyframes home-developer-workspace-module__z_LmAW__daylight{0%,to{opacity:.35;transform:translate(-100px)}50%{opacity:.8;transform:translate(80px)}}@keyframes home-developer-workspace-module__z_LmAW__writeCode{0%,5%{stroke-dashoffset:1px;opacity:0}7%{opacity:.8}22%,65%{stroke-dashoffset:0;opacity:.8}78%,to{stroke-dashoffset:0;opacity:0}}@keyframes home-developer-workspace-module__z_LmAW__browserLight{0%,65%{opacity:0;transform:translate(0)skew(-10deg)}70%{opacity:.3}88%,to{opacity:0;transform:translate(500px)skew(-10deg)}}@keyframes home-developer-workspace-module__z_LmAW__buttonFeedback{0%,10%,to{opacity:0}3%,7%{opacity:.85}}@keyframes home-developer-workspace-module__z_LmAW__selectSwatch{0%,5%,32%,to{opacity:0}10%,25%{opacity:.75}}@keyframes home-developer-workspace-module__z_LmAW__clickRipple{0%,4%,to{opacity:0;transform:scale(.5)}5%{opacity:.7}10%{opacity:0;transform:scale(1.8)}}@keyframes home-developer-workspace-module__z_LmAW__badgeLight{0%,8%,32%,to{opacity:0}14%,24%{opacity:.65}}@keyframes home-developer-workspace-module__z_LmAW__leafBreeze{0%,to{opacity:.1;transform:translate(0)rotate(-2deg)}50%{opacity:.3;transform:translate(90px)rotate(2deg)}}@keyframes home-developer-workspace-module__z_LmAW__pageGlimmer{0%,20%,80%,to{opacity:0}45%,55%{opacity:.6}}@keyframes home-developer-workspace-module__z_LmAW__typeCursor{0%,6%,12%,18%,24%,30%,to{opacity:0}3%,9%,15%,21%,27%{opacity:.6}}@keyframes home-developer-workspace-module__z_LmAW__selectionMarch{to{stroke-dashoffset:-44px}}@keyframes home-developer-workspace-module__z_LmAW__addComponent{0%,35%,48%,to{opacity:0;transform:scale(1)}40%{opacity:.8;transform:scale(.92)}44%{opacity:.45;transform:scale(1)}}@keyframes home-developer-workspace-module__z_LmAW__switchThumb{0%,28%,72%,to{transform:translate(0)}33%,67%{transform:translate(-17px)}}@keyframes home-developer-workspace-module__z_LmAW__switchTrack{0%,28%,72%,to{fill:#5378f4}33%,67%{fill:#b4aec4}}@keyframes home-developer-workspace-module__z_LmAW__phoneContent{0%,68%,to{opacity:0;transform:translateY(0)}72%{opacity:.15}88%{opacity:0;transform:translateY(135px)}}@keyframes home-developer-workspace-module__z_LmAW__tabletContent{0%,68%,to{opacity:0;transform:translateY(0)}72%{opacity:.15}88%{opacity:0;transform:translateY(100px)}}@keyframes home-developer-workspace-module__z_LmAW__keyStroke{0%,4%,8%,12%,16%,20%,to{opacity:0}2%,6%,10%,14%,18%{opacity:.65}}@keyframes home-developer-workspace-module__z_LmAW__mouseFeedback{0%,8%,to{opacity:0}3%,5%{opacity:.7}}@keyframes home-developer-workspace-module__z_LmAW__nightLight{0%,to{opacity:.82}50%{opacity:1}}@media (max-width:767px){.home-developer-workspace-module__z_LmAW__scene{aspect-ratio:1000/720;width:100%;height:auto;position:relative}.home-developer-workspace-module__z_LmAW__canvas{width:130%;max-width:none;bottom:0;left:auto;right:3rem;transform:none}}@media (prefers-reduced-motion:reduce){.home-developer-workspace-module__z_LmAW__effects{display:none}.home-developer-workspace-module__z_LmAW__screenHalo,.home-developer-workspace-module__z_LmAW__deviceHalo{animation:none}}.home-developer-workspace-module__z_LmAW__cardSource{aspect-ratio:214/147;visibility:hidden;width:12.799%;position:absolute;top:57.173%;left:52.512%}.home-developer-workspace-module__z_LmAW__cardSource>svg{width:100%;height:100%;overflow:visible}.dark .home-developer-workspace-module__z_LmAW__cardSource{filter:brightness(.82)saturate(.88)}[data-home-journey-active=true] .home-developer-workspace-module__z_LmAW__cardSource{visibility:visible;opacity:var(--screen-dock-opacity,1)}[data-home-journey-active=true] .home-developer-workspace-module__z_LmAW__artwork{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941'%3E%3Crect width='1672' height='941' fill='white'/%3E%3Cpath d='M901 541H1066Q1086 541 1086 561V661Q1086 681 1066 681H902Q882 681 882 661V561Q882 541 901 541Z' fill='black'/%3E%3Cpath d='M1049 612Q1032 612 1032 628V662Q1032 679 1049 679H1073Q1091 679 1091 661V629Q1091 612 1074 612Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941'%3E%3Crect width='1672' height='941' fill='white'/%3E%3Cpath d='M901 541H1066Q1086 541 1086 561V661Q1086 681 1066 681H902Q882 681 882 661V561Q882 541 901 541Z' fill='black'/%3E%3Cpath d='M1049 612Q1032 612 1032 628V662Q1032 679 1049 679H1073Q1091 679 1091 661V629Q1091 612 1074 612Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-source-type:luminance;mask-mode:luminance}[data-home-journey-active=true] .home-developer-workspace-module__z_LmAW__cardLoad{opacity:0}@media (min-width:768px) and (max-width:1023px){.home-developer-workspace-module__z_LmAW__canvas{width:90vw;left:50%}}
.home-screen-journey-module__0AmVjq__traveler{z-index:12;opacity:0;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;will-change:transform, opacity;backface-visibility:hidden;width:320px;height:240px;position:absolute;top:0;left:0}.home-screen-journey-module__0AmVjq__traveler[data-enabled=false]{display:none}.home-screen-journey-module__0AmVjq__screenFace{isolation:isolate;width:100%;height:100%;transform:perspective(1000px) rotateY(var(--journey-tilt-y,0deg)) rotateX(var(--journey-tilt-x,0deg));transform-origin:50%;backface-visibility:hidden;background:#fcfaf7;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 16px 24px #46385624}.home-screen-journey-module__0AmVjq__traveler[data-kind=source] .home-screen-journey-module__0AmVjq__screenFace{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.dark .home-screen-journey-module__0AmVjq__screenFace{background:#252332}.dark .home-screen-journey-module__0AmVjq__traveler[data-kind=source] .home-screen-journey-module__0AmVjq__screenFace{background:0 0}:is(.home-screen-journey-module__0AmVjq__screenFace [data-journey-panel],.home-screen-journey-module__0AmVjq__screenFace [data-journey-source-visual]){opacity:0;width:100%;height:100%;position:absolute;inset:0}.home-screen-journey-module__0AmVjq__screenFace [data-journey-source-visual]{opacity:1}.home-screen-journey-module__0AmVjq__dockFeedback{z-index:13;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;width:320px;height:240px;position:absolute;top:0;left:0}.home-screen-journey-module__0AmVjq__dockPulse{opacity:0;transform-origin:50%;border:1.5px solid #9296dca6;border-radius:18px;position:absolute;inset:-5px;box-shadow:0 0 0 4px #aeb0ee1a,0 6px 28px #9988ca2e}.dark .home-screen-journey-module__0AmVjq__dockPulse{border-color:#bbb2fab3;box-shadow:0 0 0 4px #bbb2fa1f,0 6px 28px #a492e738}@media (max-width:1023px),(prefers-reduced-motion:reduce){.home-screen-journey-module__0AmVjq__traveler,.home-screen-journey-module__0AmVjq__dockFeedback{display:none}}
.home-screen-surface-module__yVlkpq__screen{aspect-ratio:4/3;color:#514d64;width:100%;height:100%;font-family:var(--font-sans), sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;--tw-ring-shadow:0 0 #0000;background:#fffdf8;border:1px solid #d9d0c5;border-radius:13px;gap:0;padding:0;font-size:clamp(8px,3.05cqw,11px);line-height:1.5;box-shadow:0 8px 0 -5px #d5c7b6,0 16px 28px #7761481a,inset 0 1px #fff;container-type:inline-size}.home-screen-surface-module__yVlkpq__traveler{box-shadow:0 8px 0 -5px #d5c7b6,0 22px 44px #77614824,inset 0 1px #fff}.home-screen-surface-module__yVlkpq__chrome{background:linear-gradient(#fffdf8,#f4eee5);border-bottom:1px solid #e8e1d8;align-items:center;gap:8px;min-height:29px;padding:0 11px;display:flex}.home-screen-surface-module__yVlkpq__windowDots{gap:4px;display:flex}.home-screen-surface-module__yVlkpq__windowDots i{background:#d9cbc1;border-radius:50%;width:5px;height:5px}.home-screen-surface-module__yVlkpq__windowDots i:nth-child(2){background:#d8cee8}.home-screen-surface-module__yVlkpq__windowDots i:nth-child(3){background:#c9ded3}.home-screen-surface-module__yVlkpq__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;font-weight:500;overflow:hidden}.home-screen-surface-module__yVlkpq__chromeIcon{color:#aaa0b7;width:11px;height:11px}.home-screen-surface-module__yVlkpq__content{background:radial-gradient(at 100% 100%,#e9e4f340,#0000 70%);flex:1;min-height:0;padding:12px;display:flex;overflow:hidden}.home-screen-surface-module__yVlkpq__status{color:#8b8292;border-top:1px solid #e8e1d8;align-items:center;gap:6px;min-height:22px;padding:0 11px;font-size:7px;display:flex}.home-screen-surface-module__yVlkpq__status>span{background:#82af98;border-radius:50%;width:4px;height:4px}.home-screen-surface-module__yVlkpq__status>svg{color:#a998c5;width:9px;height:9px;margin-left:auto}.home-screen-surface-module__yVlkpq__code{color:#7c6ba0;width:100%;min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#f2eff8;border:1px solid #e2dcee;border-radius:7px;padding:9px 7px;font-size:clamp(6.8px,2.45cqw,8.7px);line-height:1.55}.home-screen-surface-module__yVlkpq__codeLine{white-space:pre;display:flex}.home-screen-surface-module__yVlkpq__codeLine:nth-child(3n+1){color:#5b78b1}.home-screen-surface-module__yVlkpq__codeLine:nth-child(3n+2){color:#826c9b}.home-screen-surface-module__yVlkpq__codeLine:nth-child(3n){color:#5a9584}.home-screen-surface-module__yVlkpq__lineNumber{color:#b8adca;text-align:right;flex:0 0 15px;margin-right:5px}.home-screen-surface-module__yVlkpq__microLabel{color:#978aa7;letter-spacing:.03em;font-size:7px}.home-screen-surface-module__yVlkpq__toolkit{flex-direction:column;justify-content:center;gap:16px;width:100%;display:flex}.home-screen-surface-module__yVlkpq__techTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.home-screen-surface-module__yVlkpq__techTab{color:#8c8397;flex-direction:column;align-items:center;gap:4px;font-size:6px;display:flex}.home-screen-surface-module__yVlkpq__techIcon{border:1px solid #00000006;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff80,0 3px 0 -1px #0000000c}.home-screen-surface-module__yVlkpq__yellow{color:#9c8156;background:#f7e8b8}.home-screen-surface-module__yVlkpq__blue{color:#5b7ead;background:#d4e2f4}.home-screen-surface-module__yVlkpq__sky{color:#6b91a9;background:#d4ebf1}.home-screen-surface-module__yVlkpq__mint{color:#679a83;background:#cee9dc}.home-screen-surface-module__yVlkpq__lavender{color:#927fb1;background:#e2d7f1}.home-screen-surface-module__yVlkpq__toolCanvas{background:linear-gradient(120deg,#f0eaf9,#f1f5fb);border:1px solid #e1daed;border-radius:8px;align-items:center;gap:10px;padding:13px;display:flex}.home-screen-surface-module__yVlkpq__toolLayers{color:#a593c2;background:#fffcff;border-radius:9px;flex:0 0 33px;justify-content:center;align-items:center;height:33px;display:flex;box-shadow:0 4px 0 -1px #ddd1ec}.home-screen-surface-module__yVlkpq__toolLayers svg{width:20px;height:20px}.home-screen-surface-module__yVlkpq__toolCanvas strong{color:#736684;margin-bottom:3px;font-size:10px;font-weight:500;display:block}.home-screen-surface-module__yVlkpq__toolCanvas div>span{color:#9b8eab;font-size:7px;display:block}.home-screen-surface-module__yVlkpq__build,.home-screen-surface-module__yVlkpq__workspace,.home-screen-surface-module__yVlkpq__study,.home-screen-surface-module__yVlkpq__start{flex-direction:column;justify-content:center;gap:10px;width:100%;display:flex}.home-screen-surface-module__yVlkpq__build .home-screen-surface-module__yVlkpq__code{padding:7px}.home-screen-surface-module__yVlkpq__arrayFlow{justify-content:center;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:8px;display:flex}.home-screen-surface-module__yVlkpq__arrayFlow>span{color:#937cac;background:#f3edf9;border:1px solid #e5dceb;border-radius:6px;padding:7px 8px}.home-screen-surface-module__yVlkpq__arrayFlow>svg{color:#b2a5bf;width:11px;height:11px}.home-screen-surface-module__yVlkpq__arrayFlow>.home-screen-surface-module__yVlkpq__arrayResult{color:#62957f;background:#e9f4ed;border-color:#d7e6dd}.home-screen-surface-module__yVlkpq__included{color:#7b9688;align-items:center;gap:6px;font-size:8px;display:inline-flex}.home-screen-surface-module__yVlkpq__included>svg{color:#64977d;background:#dcece1;border-radius:50%;width:10px;height:10px;padding:1px}.home-screen-surface-module__yVlkpq__free{grid-template-columns:.8fr 1fr;align-items:center;gap:15px;width:100%;display:grid}.home-screen-surface-module__yVlkpq__price{color:#97b4a4;letter-spacing:-.07em;text-align:center;font-size:clamp(55px,23cqw,78px);font-weight:500;line-height:1}.home-screen-surface-module__yVlkpq__price>span:first-child{margin-right:2px;font-size:27px;position:relative;top:-22px}.home-screen-surface-module__yVlkpq__price>.home-screen-surface-module__yVlkpq__priceLabel{color:#948b9b;letter-spacing:0;margin-top:8px;font-size:8px;display:block}.home-screen-surface-module__yVlkpq__includedList{border-left:1px solid #e7e0e9;flex-direction:column;gap:11px;padding:14px 0 14px 12px;display:flex}.home-screen-surface-module__yVlkpq__includedList .home-screen-surface-module__yVlkpq__included{font-size:8px}.home-screen-surface-module__yVlkpq__testRows{justify-content:space-between;gap:6px;display:flex}.home-screen-surface-module__yVlkpq__successStrip{color:#77a18a;background:#ebf5ed;border:1px solid #d6e6db;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:8px;display:flex}.home-screen-surface-module__yVlkpq__successStrip svg{width:11px;height:11px}.home-screen-surface-module__yVlkpq__study{gap:7px}.home-screen-surface-module__yVlkpq__answer{color:#7a9c89;background:#ebf3ee;border:1px solid #d7e5de;border-radius:5px;align-items:center;gap:7px;padding:7px;font-size:8px;display:flex}.home-screen-surface-module__yVlkpq__answer svg{flex-shrink:0;width:12px;height:12px}.home-screen-surface-module__yVlkpq__fileTree{color:#a08daf;align-items:center;gap:5px;font-size:8px;display:flex}.home-screen-surface-module__yVlkpq__fileTree>svg{width:11px;height:11px}.home-screen-surface-module__yVlkpq__fileDot{background:#b2caad;border-radius:50%;width:4px;height:4px;margin-left:auto}.home-screen-surface-module__yVlkpq__ready{color:#8b9b8f;align-items:center;gap:6px;font-size:8px;display:flex}.home-screen-surface-module__yVlkpq__ready>span{background:#9dbd9c;border-radius:50%;width:4px;height:4px}.home-screen-surface-module__yVlkpq__ready>svg{width:10px;height:10px;margin-left:auto}.home-screen-surface-module__yVlkpq__finish{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.home-screen-surface-module__yVlkpq__finishIcon{color:#82aa91;background:linear-gradient(135deg,#edf6ee,#dcecdf);border:1px solid #d2e5d8;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:3px;display:flex;box-shadow:0 4px 0 -1px #c6dccb}.home-screen-surface-module__yVlkpq__finishIcon>svg{width:26px;height:26px}.home-screen-surface-module__yVlkpq__finish>strong{color:#8a7b9e;letter-spacing:-.02em;font-size:13px;font-weight:500}.home-screen-surface-module__yVlkpq__finish>span:not(.home-screen-surface-module__yVlkpq__finishIcon){color:#a196ad;font-size:8px}.home-screen-surface-module__yVlkpq__finishTrail{color:#b9aecb;align-items:center;gap:10px;margin-top:6px;display:flex}.home-screen-surface-module__yVlkpq__finishTrail>svg{width:13px;height:13px}.home-screen-surface-module__yVlkpq__finishTrail>span{background:#dfd6e9;width:24px;height:1px}@media (prefers-reduced-motion:reduce){.home-screen-surface-module__yVlkpq__screen{scroll-behavior:auto}}
.home-experience-module__kPAgfW__scene{--home-canvas:#faf6f0;--home-ink:#303345;--card:#fffdf9;--border:#e3dcd6;--muted:#f2ede9;isolation:isolate;font-family:var(--font-sans), sans-serif;background:radial-gradient(ellipse at 15% 28%, #e3d9f344, transparent 35%), radial-gradient(ellipse at 88% 65%, #c7e5da33, transparent 35%), linear-gradient(180deg, var(--home-canvas), #f8f3ef 55%, #f3f0f6);position:relative;overflow:clip}.dark .home-experience-module__kPAgfW__scene{--home-canvas:#1b1c29;--home-ink:#eee9f7;--card:#252535;--border:#3a374c;--muted:#302d42;background:linear-gradient(180deg, var(--home-canvas), #222234 48%, var(--background))}.home-experience-module__kPAgfW__content{position:relative}.home-experience-module__kPAgfW__gradientText{color:var(--primary);-webkit-text-fill-color:transparent;background:linear-gradient(115deg,#586cce 10%,#9180bd 95%);-webkit-background-clip:text;background-clip:text}.dark .home-experience-module__kPAgfW__gradientText{background-image:linear-gradient(115deg,#c1b3ec,#a9c7fc)}.home-experience-module__kPAgfW__hero{isolation:isolate;background:radial-gradient(at 82% 30%,#e7d9cb,#0000 52%),linear-gradient(135deg,#fdf9f3,#f6eee4);position:relative;overflow:hidden}.home-experience-module__kPAgfW__hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent, var(--home-canvas));height:65px;position:absolute;inset:auto 0 0}.home-experience-module__kPAgfW__heroContent{width:100%;max-width:1320px;min-height:clamp(710px,min(100svh,52vw),800px);padding-top:calc(var(--site-header-height,4.5rem) + 2rem);padding-bottom:5rem;pointer-events:none;align-items:center;margin-inline:auto;padding-inline:2rem;display:flex;position:relative}.home-experience-module__kPAgfW__heroCopy{z-index:2;pointer-events:auto;width:40%;max-width:460px;position:relative}.home-experience-module__kPAgfW__heroCopy>*+*{margin-top:1.5rem}.home-experience-module__kPAgfW__heroCopy h1{font-size:clamp(2.7rem,3.7vw,3.75rem);line-height:1.08}.home-experience-module__kPAgfW__hero h1{color:var(--home-ink)}.home-experience-module__kPAgfW__hero p{color:#706a76}.dark .home-experience-module__kPAgfW__hero{background:radial-gradient(ellipse at 73% 47%, #333b6840, transparent 44%), radial-gradient(ellipse at 90% 67%, #3f38602b, transparent 36%), var(--home-canvas)}.dark .home-experience-module__kPAgfW__hero:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#20202fcc,#20202f00);height:140px;position:absolute;inset:0 0 auto}.dark .home-experience-module__kPAgfW__hero p{color:#e0dbe9}.home-experience-module__kPAgfW__demoSection{border-bottom:1px solid #aa9bbf40;border-bottom:1px solid lab(66.2132% 10.9405 -16.5958/.25)}.home-experience-module__kPAgfW__eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.6rem;font-size:.7rem;font-weight:500;display:flex}.home-experience-module__kPAgfW__eyebrow:before{content:"";background:var(--primary);width:1.5rem;height:1px;display:inline-block}.home-experience-module__kPAgfW__technologySection{padding-top:1.5rem;padding-bottom:3rem;position:relative}.home-experience-module__kPAgfW__technologyGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;max-width:1000px;margin:2.5rem auto 1.5rem;display:grid}.home-experience-module__kPAgfW__techNode{border:1px solid var(--border);background:color-mix(in oklch, var(--card), transparent 10%);outline-offset:5px;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;transition:border-color .2s,background .2s,transform .2s;display:flex;box-shadow:inset 0 1px #ffffffc0,0 10px 28px #88705a0c}.home-experience-module__kPAgfW__techNode:hover{border-color:var(--primary);background:var(--card);transform:translateY(-4px)}.home-experience-module__kPAgfW__techNode:focus-visible{outline:2px solid var(--primary)}.home-experience-module__kPAgfW__featureCard{border:1px solid var(--border);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 14px 40px #8974620b,inset 0 1px #ffffff40}.home-experience-module__kPAgfW__featureCard:before{content:"";pointer-events:none;background:radial-gradient(at 80% 15%,#a291c20f,#0000 65%);background:radial-gradient(at 80% 15%,lab(63.0173% 13.9496 -23.1686/.06),#0000 65%);position:absolute;inset:0}.home-experience-module__kPAgfW__workspaceSection{background:linear-gradient(130deg, color-mix(in oklch, #a291c2, var(--card) 88%), color-mix(in oklch, #91b3d6, var(--card) 94%))}.home-experience-module__kPAgfW__cta{color:#fbf8ff;background:linear-gradient(120deg,#2e344c,#4e4b73 60%,#62699b);position:relative;overflow:hidden}.home-experience-module__kPAgfW__scene [data-home-reveal=visible]{animation:.7s cubic-bezier(.22,1,.36,1) both home-experience-module__kPAgfW__rise}@keyframes home-experience-module__kPAgfW__rise{0%{opacity:.5;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width:639px){.home-experience-module__kPAgfW__technologySection{padding-top:2rem;padding-bottom:2rem}.home-experience-module__kPAgfW__technologyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.home-experience-module__kPAgfW__techNode{padding:1.5rem 1rem}.home-experience-module__kPAgfW__techNode:last-child{flex-direction:row;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.home-experience-module__kPAgfW__scene *,.home-experience-module__kPAgfW__scene :before,.home-experience-module__kPAgfW__scene :after{transition:none!important;animation:none!important}}@media (max-width:1199px){.home-experience-module__kPAgfW__heroCopy{width:40%}.home-experience-module__kPAgfW__heroCopy h1{font-size:2.7rem}.home-experience-module__kPAgfW__heroContent{padding-bottom:4rem}}@media (min-width:768px) and (max-width:1023px){.home-experience-module__kPAgfW__heroContent{padding-top:6.5rem;padding-bottom:8rem;min-height:710px;padding-inline:1.5rem}.home-experience-module__kPAgfW__heroCopy{width:38%}.home-experience-module__kPAgfW__heroCopy h1{font-size:2.25rem}.home-experience-module__kPAgfW__heroCopy>div{flex-direction:column;align-items:flex-start}.home-experience-module__kPAgfW__heroCopy>p:last-of-type{align-items:flex-start;font-size:.72rem}}@media (max-width:767px){.home-experience-module__kPAgfW__hero{flex-direction:column;display:flex}.home-experience-module__kPAgfW__heroContent{min-height:0;padding-top:calc(var(--site-header-height,4.5rem) + 2.5rem);padding-bottom:1.5rem;order:-1;padding-inline:1.5rem}.home-experience-module__kPAgfW__heroCopy{text-align:center;width:100%;max-width:550px;margin-inline:auto}.home-experience-module__kPAgfW__heroCopy h1{font-size:clamp(2.5rem,6.5vw,3.4rem)}.home-experience-module__kPAgfW__heroCopy .home-experience-module__kPAgfW__eyebrow,.home-experience-module__kPAgfW__heroCopy>div,.home-experience-module__kPAgfW__heroCopy>p{justify-content:center}.dark .home-experience-module__kPAgfW__heroContent{background:#20202f}}.home-experience-module__kPAgfW__scene section[data-motion=paused] *,.home-experience-module__kPAgfW__scene section[data-motion=paused] :before,.home-experience-module__kPAgfW__scene section[data-motion=paused] :after{animation-play-state:paused!important}.home-experience-module__kPAgfW__journeyDock{aspect-ratio:4/3;width:min(100%,300px);margin-inline:auto;position:relative}.home-experience-module__kPAgfW__journeyTools{width:260px;margin-top:2rem;margin-left:auto;margin-right:10%}.home-experience-module__kPAgfW__journeyFree{width:240px;margin-top:1.5rem}.home-experience-module__kPAgfW__journeyBuild{width:min(100%,340px);margin-top:1rem;margin-bottom:1.5rem}.home-experience-module__kPAgfW__journeyStudy{width:min(100%,440px)}.home-experience-module__kPAgfW__journeyStart{flex:0 0 220px;width:220px}.home-experience-module__kPAgfW__journeyFinish{justify-content:center;align-items:center;gap:3rem;padding-block:3rem 1rem;display:flex}.home-experience-module__kPAgfW__journeyFinish .home-experience-module__kPAgfW__journeyDock{width:260px;margin:0}.home-experience-module__kPAgfW__journeyFinish>p{letter-spacing:-.04em;max-width:240px;color:var(--home-ink);font-size:1.5rem;font-weight:500;line-height:1.35}.home-experience-module__kPAgfW__journeySource{width:100%;height:100%}.home-experience-module__kPAgfW__journeySource>svg{width:100%;height:100%;transform:scaleY(var(--journey-image-scale-y,1));transform-origin:50%;overflow:visible}.dark .home-experience-module__kPAgfW__journeySource{filter:brightness(.82)saturate(.88)}@media (max-width:1023px){.home-experience-module__kPAgfW__journeyTools,.home-experience-module__kPAgfW__journeyFree,.home-experience-module__kPAgfW__journeyStart,.home-experience-module__kPAgfW__journeyFinish{display:none}}.home-experience-module__kPAgfW__scene[data-home-journey-active=true] [data-home-reveal=visible]{animation:none}.home-experience-module__kPAgfW__scene[data-home-journey-active=true] [data-screen-stop]{opacity:var(--screen-dock-opacity,0)}
.home-feature-graphics-module__Ct9eUG__graphic{--graphic-teal:#3d7a68;--graphic-amber:#8b642e;--graphic-primary:#526bc4;--graphic-paper:#fffaf4;--graphic-canvas:#f6f0e8;--graphic-border:#e2d9cd;--graphic-ink:#45434c;--graphic-muted:#736e77;--graphic-recess:#eee8e5;isolation:isolate;width:100%;min-width:0;height:240px;color:var(--graphic-ink);font-family:var(--font-sans), sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dark .home-feature-graphics-module__Ct9eUG__graphic{--graphic-teal:#95cebb;--graphic-amber:#e1bd85;--graphic-primary:#a9b8f3;--graphic-paper:#292a34;--graphic-canvas:#23242e;--graphic-border:#45434d;--graphic-ink:#f0eae3;--graphic-muted:#b4afbd;--graphic-recess:#343440}.home-feature-graphics-module__Ct9eUG__dottedBackdrop{z-index:-1;background:radial-gradient(at 35% 40%,#b5a3dc22,#0000 60%),radial-gradient(at 75% 60%,#a6d1c333,#0000 65%);border-radius:50%;position:absolute;inset:16px 8px}.home-feature-graphics-module__Ct9eUG__tile{border:1px solid var(--graphic-border);background:linear-gradient(145deg, var(--graphic-paper), color-mix(in oklch, var(--graphic-canvas) 40%, var(--graphic-paper)));min-width:0;box-shadow:inset 0 1px 1px #fff9, 0 3px 0 color-mix(in oklch, var(--graphic-border) 70%, transparent), 0 14px 24px -10px #62557528;border-radius:16px;gap:0;padding:18px}.home-feature-graphics-module__Ct9eUG__uiGraphic{max-width:460px;margin:auto}.home-feature-graphics-module__Ct9eUG__counterTile{--tile-tilt:-5deg;width:54%;transform:rotate(var(--tile-tilt));position:absolute;top:24px;left:8%}.home-feature-graphics-module__Ct9eUG__tileEyebrow{color:var(--graphic-muted);letter-spacing:1.4px;font-size:9px;font-weight:600}.home-feature-graphics-module__Ct9eUG__counterRow{justify-content:space-between;align-items:center;gap:12px;margin:17px 0 12px;display:flex}.home-feature-graphics-module__Ct9eUG__counterControl{border:1px solid var(--graphic-border);width:32px;height:32px;color:var(--graphic-muted);background:var(--graphic-canvas);border-radius:9px;place-items:center;display:grid}.home-feature-graphics-module__Ct9eUG__primaryControl{color:#fff;background:#607cec;border-color:#0000;animation:7s ease-in-out infinite home-feature-graphics-module__Ct9eUG__buttonPress;box-shadow:inset 0 1px 1px #ffffff60,0 2px 3px #526bc425}.home-feature-graphics-module__Ct9eUG__counterNumber{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;line-height:1}.home-feature-graphics-module__Ct9eUG__caption{color:var(--graphic-muted);font-size:10px}.home-feature-graphics-module__Ct9eUG__toggleTile{--tile-tilt:5deg;width:37%;transform:rotate(var(--tile-tilt));padding:16px;position:absolute;top:47px;right:5%}.home-feature-graphics-module__Ct9eUG__toggleLabel{white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.home-feature-graphics-module__Ct9eUG__toggleLabel svg{color:var(--graphic-primary)}.home-feature-graphics-module__Ct9eUG__toggleTrack{background:color-mix(in oklch, var(--graphic-teal) 82%, var(--graphic-canvas));border-radius:20px;width:42px;height:23px;margin-top:15px;padding:3px}.home-feature-graphics-module__Ct9eUG__toggleTrack>span{background:var(--graphic-paper);border-radius:50%;width:17px;height:17px;animation:8s ease-in-out infinite home-feature-graphics-module__Ct9eUG__toggleSwitch;display:block;transform:translate(19px);box-shadow:0 1px 4px #0002}.home-feature-graphics-module__Ct9eUG__progressTile{--tile-tilt:2deg;transform:rotate(var(--tile-tilt));padding:16px;position:absolute;bottom:21px;left:20%;right:7%}.home-feature-graphics-module__Ct9eUG__progressLabel{align-items:center;gap:7px;font-size:10px;display:flex}.home-feature-graphics-module__Ct9eUG__progressLabel>span:last-child{color:var(--graphic-muted);font-family:var(--font-geist-mono), monospace;margin-left:auto;font-size:9px}.home-feature-graphics-module__Ct9eUG__successIcon{width:18px;height:18px;color:var(--graphic-teal);background:color-mix(in oklch, var(--graphic-teal) 12%, transparent);border-radius:50%;place-items:center;display:grid}.home-feature-graphics-module__Ct9eUG__progressTrack{background:var(--graphic-recess);border-radius:8px;height:5px;margin-top:13px;overflow:hidden}.home-feature-graphics-module__Ct9eUG__progressTrack>span{border-radius:inherit;background:color-mix(in oklch, var(--graphic-teal) 78%, var(--graphic-paper));transform-origin:0;width:100%;height:100%;animation:7s ease-in-out infinite home-feature-graphics-module__Ct9eUG__progressFill;display:block}.home-feature-graphics-module__Ct9eUG__decorativeDot{border-radius:2px;width:7px;height:7px;position:absolute}.home-feature-graphics-module__Ct9eUG__dotOne{background:color-mix(in oklch, var(--graphic-teal) 50%, transparent);bottom:45px;left:4%;transform:rotate(20deg)}.home-feature-graphics-module__Ct9eUG__dotTwo{background:var(--graphic-amber);width:5px;height:5px;top:19px;right:14%;transform:rotate(-20deg)}.home-feature-graphics-module__Ct9eUG__workspaceGraphic{height:304px;padding:19px 7%}.home-feature-graphics-module__Ct9eUG__browserFrame{border:1px solid var(--graphic-border);background:var(--graphic-paper);width:100%;min-width:0;max-width:660px;box-shadow:inset 0 1px 1px #fff8, 0 4px 0 color-mix(in oklch, var(--graphic-border) 70%, transparent), 0 20px 36px -14px #62557540;border-radius:16px;overflow:hidden}.home-feature-graphics-module__Ct9eUG__browserToolbar{border-bottom:1px solid var(--graphic-border);height:34px;color:var(--graphic-muted);background:linear-gradient(180deg, var(--graphic-paper), var(--graphic-canvas));justify-content:space-between;align-items:center;gap:7px;padding:0 12px;font-size:9px;display:flex}.home-feature-graphics-module__Ct9eUG__browserToolbar>span:nth-child(2){align-items:center;gap:5px;min-width:0;display:flex}.home-feature-graphics-module__Ct9eUG__windowControls{gap:4px;display:flex}.home-feature-graphics-module__Ct9eUG__windowControls i{background:color-mix(in oklch, var(--graphic-ink) 20%, transparent);border-radius:50%;width:5px;height:5px}.home-feature-graphics-module__Ct9eUG__windowControls i:first-child{background:color-mix(in oklch, var(--destructive) 65%, transparent)}.home-feature-graphics-module__Ct9eUG__windowControls i:nth-child(2){background:color-mix(in oklch, var(--graphic-amber) 65%, transparent)}.home-feature-graphics-module__Ct9eUG__windowControls i:last-child{background:color-mix(in oklch, var(--graphic-teal) 60%, transparent)}.home-feature-graphics-module__Ct9eUG__toolbarStatus{align-items:center;gap:4px;font-size:8px;display:flex}.home-feature-graphics-module__Ct9eUG__toolbarStatus>span{background:var(--graphic-teal);border-radius:50%;width:4px;height:4px}.home-feature-graphics-module__Ct9eUG__workspacePanels{grid-template-columns:38% minmax(0,1fr);min-width:0;display:grid}.home-feature-graphics-module__Ct9eUG__problemPane{border-right:1px solid var(--graphic-border);flex-direction:column;min-width:0;padding:15px 13px 12px;display:flex}.home-feature-graphics-module__Ct9eUG__paneTitle{color:var(--graphic-primary);margin-bottom:14px;font-size:8px;font-weight:600}.home-feature-graphics-module__Ct9eUG__problemTitle{letter-spacing:-.2px;font-size:12px;font-weight:600;line-height:1.3}.home-feature-graphics-module__Ct9eUG__problemDescription{max-width:140px;color:var(--graphic-muted);margin-top:7px;font-size:9px;line-height:1.7}.home-feature-graphics-module__Ct9eUG__problemCounter{justify-content:center;align-items:center;gap:15px;margin:19px 0;display:flex}.home-feature-graphics-module__Ct9eUG__problemCounter>span{border:1px solid color-mix(in oklch, var(--graphic-primary) 25%, transparent);width:78px;min-width:0;max-width:100%;height:27px;color:var(--graphic-primary);background:color-mix(in oklch, var(--graphic-primary) 7%, var(--graphic-paper));white-space:nowrap;border-radius:6px;place-items:center;padding:0 7px;font-size:9px;font-weight:500;display:grid}.home-feature-graphics-module__Ct9eUG__problemTag{color:var(--graphic-muted);background:var(--graphic-recess);border-radius:4px;align-self:flex-start;padding:3px 6px;font-size:7px}.home-feature-graphics-module__Ct9eUG__codePane{background:color-mix(in oklch, var(--graphic-recess) 48%, var(--graphic-paper));min-width:0;overflow:hidden}.home-feature-graphics-module__Ct9eUG__codeFile{border-top:2px solid var(--graphic-primary);border-right:1px solid var(--graphic-border);width:fit-content;height:28px;color:var(--graphic-muted);background:var(--graphic-paper);align-items:center;gap:5px;padding:0 11px;font-size:8px;display:flex}.home-feature-graphics-module__Ct9eUG__workspaceCode{font-family:var(--font-geist-mono), monospace;white-space:pre;flex-direction:column;padding:9px 0 11px;font-size:8px;line-height:1.65;display:flex}.home-feature-graphics-module__Ct9eUG__workspaceCode>span{min-height:1.65em;display:flex}.home-feature-graphics-module__Ct9eUG__workspaceCode i{color:var(--graphic-muted);text-align:right;opacity:.65;flex:0 0 23px;padding-right:7px;font-size:7px;font-style:normal}.home-feature-graphics-module__Ct9eUG__workspaceCode b{color:var(--graphic-primary);font-weight:500}.home-feature-graphics-module__Ct9eUG__workspaceCode em{color:var(--graphic-teal);font-style:normal}.home-feature-graphics-module__Ct9eUG__workspaceCode mark{color:var(--graphic-amber);background:0 0}.home-feature-graphics-module__Ct9eUG__testsPane{border-top:1px solid var(--graphic-border);background:color-mix(in oklch, var(--graphic-teal) 4%, var(--graphic-paper));padding:10px 13px 12px}.home-feature-graphics-module__Ct9eUG__testsHeading{color:var(--graphic-teal);align-items:center;gap:5px;font-size:8px;display:flex}.home-feature-graphics-module__Ct9eUG__testsHeading strong{font-weight:500}.home-feature-graphics-module__Ct9eUG__testsHeading>svg{animation:6s ease-in-out infinite home-feature-graphics-module__Ct9eUG__checkHighlight}.home-feature-graphics-module__Ct9eUG__testsHeading>span{font-family:var(--font-geist-mono), monospace;margin-left:auto;font-size:8px}.home-feature-graphics-module__Ct9eUG__testRows{justify-content:space-between;align-items:center;gap:7px;margin-top:8px;display:flex}.home-feature-graphics-module__Ct9eUG__testRows>span{color:var(--graphic-muted);white-space:nowrap;align-items:center;gap:4px;font-size:7px;display:flex}.home-feature-graphics-module__Ct9eUG__testRows svg{color:var(--graphic-teal)}.home-feature-graphics-module__Ct9eUG__testRows>span{animation:6s ease-in-out infinite home-feature-graphics-module__Ct9eUG__checkHighlight}.home-feature-graphics-module__Ct9eUG__testRows>span:nth-child(2){animation-delay:1s}.home-feature-graphics-module__Ct9eUG__testRows>span:nth-child(3){animation-delay:2s}.home-feature-graphics-module__Ct9eUG__playgroundGraphic{height:248px;padding:20px 6%}.home-feature-graphics-module__Ct9eUG__playgroundFrame{max-width:430px;transform:rotate(-2deg)}.home-feature-graphics-module__Ct9eUG__playgroundLanguages{font-family:var(--font-geist-mono), monospace;gap:5px;font-size:7px;display:flex}.home-feature-graphics-module__Ct9eUG__playgroundLanguages b,.home-feature-graphics-module__Ct9eUG__playgroundLanguages>span{border-radius:3px;padding:3px 4px;font-weight:500}.home-feature-graphics-module__Ct9eUG__playgroundLanguages b{color:var(--graphic-primary);background:color-mix(in oklch, var(--graphic-primary) 10%, var(--graphic-paper))}.home-feature-graphics-module__Ct9eUG__playgroundCode{color:var(--graphic-ink);background:color-mix(in oklch, var(--graphic-recess) 48%, var(--graphic-paper));font-family:var(--font-geist-mono), monospace;white-space:nowrap;flex-direction:column;gap:7px;padding:19px 13px 22px;font-size:clamp(7px,.72vw,10px);line-height:1.5;display:flex;overflow:hidden}.home-feature-graphics-module__Ct9eUG__codeKeyword{color:var(--graphic-primary)}.home-feature-graphics-module__Ct9eUG__codeNumber{color:var(--graphic-amber)}.home-feature-graphics-module__Ct9eUG__codeMethod,.home-feature-graphics-module__Ct9eUG__codeString{color:var(--graphic-teal)}.home-feature-graphics-module__Ct9eUG__playgroundConsole{border-top:1px solid var(--graphic-border);font-family:var(--font-geist-mono), monospace;flex-direction:column;gap:10px;padding:12px 13px 15px;display:flex}.home-feature-graphics-module__Ct9eUG__consoleLabel{color:var(--graphic-muted);font-family:var(--font-sans), sans-serif;align-items:center;gap:5px;margin-bottom:2px;font-size:8px;display:flex}.home-feature-graphics-module__Ct9eUG__consoleRow{color:var(--graphic-muted);align-items:center;gap:6px;font-size:9px;display:flex}.home-feature-graphics-module__Ct9eUG__consoleRow>svg{color:var(--graphic-teal)}.home-feature-graphics-module__Ct9eUG__caret{background:var(--graphic-teal);vertical-align:-1px;width:1px;height:10px;margin-left:5px;animation:1.2s step-end infinite home-feature-graphics-module__Ct9eUG__cursorBlink;display:inline-block}.home-feature-graphics-module__Ct9eUG__counterNumber{animation:7s ease-in-out infinite home-feature-graphics-module__Ct9eUG__counterResponse}.home-feature-graphics-module__Ct9eUG__toggleTrack{animation:8s ease-in-out infinite home-feature-graphics-module__Ct9eUG__toggleTint}.home-feature-graphics-module__Ct9eUG__toolbarStatus>span{animation:4s ease-in-out infinite home-feature-graphics-module__Ct9eUG__checkHighlight}.home-feature-graphics-module__Ct9eUG__consoleRow:nth-child(3){animation:6s ease-in-out infinite home-feature-graphics-module__Ct9eUG__checkHighlight}@keyframes home-feature-graphics-module__Ct9eUG__buttonPress{0%,20%,31%,to{transform:scale(1)}25%{transform:scale(.9)}}@keyframes home-feature-graphics-module__Ct9eUG__counterResponse{0%,25%,40%,to{transform:scale(1)}31%{transform:scale(1.05)}}@keyframes home-feature-graphics-module__Ct9eUG__toggleTint{0%,18%,85%,to{background:color-mix(in oklch, var(--graphic-teal) 82%, var(--graphic-canvas))}35%,65%{background:color-mix(in oklch, var(--graphic-primary) 42%, var(--graphic-recess))}}@keyframes home-feature-graphics-module__Ct9eUG__cursorBlink{0%,45%,to{opacity:1}50%,95%{opacity:0}}@keyframes home-feature-graphics-module__Ct9eUG__toggleSwitch{0%,18%,85%,to{transform:translate(19px)}35%,65%{transform:translate(0)}}@keyframes home-feature-graphics-module__Ct9eUG__progressFill{0%,to{transform:scaleX(.72)}45%,65%{transform:scaleX(1)}}@keyframes home-feature-graphics-module__Ct9eUG__checkHighlight{0%,to{opacity:.68}25%,45%{opacity:1}}[data-motion=paused] .home-feature-graphics-module__Ct9eUG__graphic *{animation-play-state:paused!important}[data-motion=paused] .home-feature-graphics-module__Ct9eUG__graphic :before{animation-play-state:paused!important}[data-motion=paused] .home-feature-graphics-module__Ct9eUG__graphic :after{animation-play-state:paused!important}@media (max-width:639px){.home-feature-graphics-module__Ct9eUG__workspaceGraphic{height:294px;padding:16px 5%}.home-feature-graphics-module__Ct9eUG__workspacePanels{grid-template-columns:35% minmax(0,1fr)}.home-feature-graphics-module__Ct9eUG__problemPane{padding:12px 8px}.home-feature-graphics-module__Ct9eUG__problemTitle{font-size:10px}.home-feature-graphics-module__Ct9eUG__problemDescription{font-size:8px}.home-feature-graphics-module__Ct9eUG__problemCounter{gap:9px}.home-feature-graphics-module__Ct9eUG__workspaceCode{font-size:7px}.home-feature-graphics-module__Ct9eUG__workspaceCode i{flex-basis:17px;padding-right:5px;font-size:6px}.home-feature-graphics-module__Ct9eUG__testsPane{padding:10px}.home-feature-graphics-module__Ct9eUG__testRows{gap:4px}.home-feature-graphics-module__Ct9eUG__testRows>span{gap:2px;font-size:6px}.home-feature-graphics-module__Ct9eUG__testRows svg{width:9px}.home-feature-graphics-module__Ct9eUG__playgroundCode{font-size:8px}}@media (max-width:379px){.home-feature-graphics-module__Ct9eUG__counterTile{width:58%;padding:14px;left:5%}.home-feature-graphics-module__Ct9eUG__counterNumber{font-size:31px}.home-feature-graphics-module__Ct9eUG__counterControl{width:28px;height:28px}.home-feature-graphics-module__Ct9eUG__toggleTile{width:37%;padding:13px;right:3%}.home-feature-graphics-module__Ct9eUG__toggleLabel{gap:4px;font-size:9px}.home-feature-graphics-module__Ct9eUG__progressTile{left:15%;right:4%}.home-feature-graphics-module__Ct9eUG__workspaceCode{font-size:6.1px}.home-feature-graphics-module__Ct9eUG__browserToolbar{gap:5px;padding:0 8px;font-size:8px}.home-feature-graphics-module__Ct9eUG__toolbarStatus{font-size:6px}.home-feature-graphics-module__Ct9eUG__playgroundCode{padding-inline:10px;font-size:7px}}@media (prefers-reduced-motion:reduce){.home-feature-graphics-module__Ct9eUG__graphic *,.home-feature-graphics-module__Ct9eUG__graphic :before,.home-feature-graphics-module__Ct9eUG__graphic :after{animation:none!important}}
