@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7f5;--white:#fff;--ink:#0c0c0c;--muted:#595959;--faint:#ededea;--faint2:#f2f2ef;--border:#e2e2dc;--blue:#0057ff;--blue-bg:#eef3ff;--green:#00875a;--green-bg:#edfaf4;--fs-xs:11px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:36px;--lh-body:1.7}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}@keyframes up{to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}nav{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#f7f7f5d1;justify-content:space-between;align-items:center;height:58px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nlogo{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-family:Fraunces,serif;font-size:17px;font-weight:600;display:flex}.navpic{border:1.5px solid var(--border);background:url(/arpit-nav.jpg) 50%/cover no-repeat;border-radius:50%;flex-shrink:0;width:36px;height:36px;transition:filter .2s;display:inline-block}.navpic:hover{filter:grayscale(0)}.ndot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse}.npills{background:var(--white);border:1px solid var(--border);border-radius:100px;gap:3px;padding:4px;display:flex}.np{font-size:var(--fs-sm);color:var(--muted);background:0 0;border:none;border-radius:100px;padding:5px 16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;transition:all .15s}.np:hover,.np.active{background:var(--faint);color:var(--ink)}.nav-actions{align-items:center;gap:16px;display:flex}.nav-link{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:4px;text-decoration:none;transition:color .15s;display:inline-flex}.nav-link svg,.foot-link svg{vertical-align:-1px}.nav-link:hover{color:var(--ink)}.ncta{background:var(--ink);color:#fff;font-size:var(--fs-sm);border:none;border-radius:100px;align-items:center;padding:8px 20px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.ncta:hover{opacity:.8;transform:translateY(-1px)}.hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;min-height:100vh;margin:0 auto;padding:120px 40px 60px;display:grid;position:relative}.hbadge{background:var(--green-bg);color:var(--green);font-size:var(--fs-xs);letter-spacing:.04em;opacity:0;border:1px solid #00875a26;border-radius:100px;align-items:center;gap:7px;margin-bottom:28px;padding:5px 13px;font-family:DM Mono,monospace;font-weight:600;animation:.6s .1s forwards up;display:inline-flex;transform:translateY(12px)}.hbadge:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hname{font-family:Fraunces,serif;font-size:var(--fs-lg);color:var(--muted);letter-spacing:-.01em;opacity:0;margin-bottom:10px;font-weight:400;animation:.6s .15s forwards up;transform:translateY(12px)}.hh1{letter-spacing:-.035em;color:var(--ink);opacity:0;margin-bottom:22px;font-family:Fraunces,serif;font-size:clamp(36px,5vw,68px);font-weight:300;line-height:1.07;transition:transform .4s cubic-bezier(.22,1,.36,1);animation:.7s .2s forwards up;transform:translateY(16px)}.hh1 em{color:var(--blue);font-style:italic}.hh1 strong{font-weight:700}.hsub{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--muted);opacity:0;max-width:440px;margin-bottom:36px;animation:.7s .35s forwards up;transform:translateY(14px)}.hbtns{opacity:0;gap:10px;margin-bottom:48px;animation:.7s .48s forwards up;display:flex;transform:translateY(12px)}.bdk{background:var(--ink);color:#fff;font-size:var(--fs-base);border:none;border-radius:8px;padding:11px 22px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;transition:transform .15s,box-shadow .15s}.bdk:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.bgh{color:var(--muted);font-size:var(--fs-base);background:0 0;border:1.5px solid #c0c0ba;border-radius:8px;padding:11px 22px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;transition:border-color .15s,color .15s}.bgh:hover{border-color:var(--ink);color:var(--ink)}.hresume-link{display:none}.hprev{opacity:0;align-items:center;gap:14px;animation:.7s .6s forwards up;display:flex}.plbl{font-size:var(--fs-xs);color:var(--muted);opacity:.65;letter-spacing:.01em;font-weight:500}.plogos{gap:18px;display:flex}.plogo{font-family:Fraunces,serif;font-size:var(--fs-base);color:var(--ink);opacity:.55;font-weight:600;text-decoration:none;transition:opacity .15s}.plogo:hover{opacity:1}.tcard{background:var(--white);border:1px solid var(--border);z-index:1;opacity:0;will-change:transform;border-radius:14px;max-width:420px;transition:transform .5s cubic-bezier(.22,1,.36,1);animation:.8s .4s forwards up;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000008,0 12px 40px #0000000f}.tbar{border-bottom:1px solid var(--faint);background:var(--faint2);align-items:center;gap:10px;padding:14px 18px;display:flex}.tdots{gap:5px;display:flex}.tdot{border-radius:50%;width:9px;height:9px}.ttitle{background:var(--white);border:1px solid var(--border);height:22px;font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);border-radius:5px;flex:1;align-items:center;padding:0 12px;display:flex}.tbody{height:336px;padding:20px 20px 24px;overflow:hidden}.tl{font-family:DM Mono,monospace;font-size:var(--fs-sm);line-height:2;display:block}.tp{color:var(--blue)}.tc{color:var(--ink)}.tcm{color:#a0a0a4}.tok{color:var(--green)}.to{color:var(--muted)}.thi{color:var(--blue);font-weight:500}.tcur{background:var(--blue);vertical-align:middle;width:7px;height:13px;animation:1s step-end infinite blink;display:inline-block}.hero-showcase{z-index:1;text-align:center;max-width:1000px;margin:0 auto;padding:0 40px 60px;position:relative}.showcase-label{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.showcase-devices{background:var(--faint2);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:flex-end;gap:20px;padding:32px 32px 0;display:flex}.showcase-desktop{border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;flex:1;max-width:680px;overflow:hidden;box-shadow:0 -4px 30px #00000014}.showcase-desktop img{width:100%;display:block}.showcase-mobile{border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;flex-shrink:0;width:150px;overflow:hidden;box-shadow:0 -4px 30px #0000001a}.showcase-mobile img{width:100%;display:block}.showcase-cta{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);margin-top:14px;text-decoration:none;transition:color .15s;display:block}.showcase-cta:hover{color:var(--ink)}.ag-preview{border-radius:12px 12px 0 0;height:180px;margin:-28px -28px 20px;overflow:hidden}.ag-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.content{z-index:1;position:relative}.srow{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1200px;margin:0 auto;padding:48px 40px 60px;display:grid}.sc{background:var(--white);border:1px solid var(--border);opacity:0;border-radius:12px;padding:26px 22px;transition:all .5s;transform:translateY(20px)}.sc.vis{opacity:1;transform:translateY(0)}.sn{font-family:Fraunces,serif;font-size:var(--fs-2xl);color:var(--ink);letter-spacing:-.03em;margin-bottom:8px;font-weight:700;line-height:1}.sn span{color:var(--blue)}.sl{font-size:var(--fs-sm);color:var(--muted);line-height:1.5}.sec{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:60px 40px 80px}.shead{justify-content:space-between;align-items:baseline;margin-bottom:36px;display:flex}.sh2{letter-spacing:-.03em;color:var(--ink);opacity:0;font-family:Fraunces,serif;font-size:clamp(28px,3.5vw,44px);font-weight:300;line-height:1.1;transition:all .6s;transform:translateY(16px)}.sh2.vis{opacity:1;transform:translateY(0)}.sh2 em{font-style:italic}.stag{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.15em}.agrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ag{background:var(--white);border:1px solid var(--border);opacity:0;border-radius:12px;padding:28px;transition:opacity .5s,transform .5s,border-color .2s,box-shadow .2s;transform:translateY(24px)}.ag.vis{opacity:1;transform:translateY(0)}.ag:hover{border-color:#0057ff40;box-shadow:0 8px 32px #0057ff12}.ag.grn:hover{border-color:#00875a33;box-shadow:0 8px 32px #00875a0f}.abadge{font-family:DM Mono,monospace;font-size:var(--fs-xs);letter-spacing:.1em;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:3px 10px;font-weight:500;display:inline-flex}.abb{background:var(--blue-bg);color:var(--blue)}.abg{background:var(--green-bg);color:var(--green)}.aico{background:var(--faint2);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.ah3{color:var(--ink);letter-spacing:-.02em;margin-bottom:10px;font-family:Fraunces,serif;font-size:22px;font-weight:600}.ap{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--muted);margin-bottom:20px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.chip{font-family:DM Mono,monospace;font-size:var(--fs-xs);letter-spacing:.05em;background:var(--faint);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:3px 9px}.amet{border-top:1px solid var(--faint);align-items:baseline;gap:10px;padding-top:20px;display:flex}.mn{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--ink);letter-spacing:-.02em;font-weight:700}.alink{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);border:1.5px solid var(--blue);border-radius:100px;align-items:center;margin-top:16px;padding:8px 18px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.alink:hover{background:var(--blue);color:#fff}.ml{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body)}.who{background:var(--white);border:1px solid var(--border);opacity:0;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:12px;transition:opacity .6s,transform .6s,box-shadow .2s;display:grid;overflow:hidden;transform:translateY(20px)}.who.vis{opacity:1;transform:translateY(0)}.who:hover{box-shadow:0 4px 20px #0000000d}.whl{padding:42px}.whey{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.15em;align-items:center;gap:10px;margin-bottom:14px;display:flex}.whey:before{content:"";background:var(--border);width:16px;height:1px}.whh3{font-family:Fraunces,serif;font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--ink);margin-bottom:12px;font-weight:600}.whp{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--muted);margin-bottom:22px}.whr{background:var(--faint2);border-left:1px solid var(--border);justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.whbg{color:#0000000e;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-family:Fraunces,serif;font-size:80px;font-style:italic;font-weight:300;position:absolute}.whr-overlay{background:#00000080;transition:background .3s;position:absolute;inset:0}.whr:hover .whr-overlay{background:#0000004d}.whpill{z-index:1;background:var(--white);border:1px solid var(--border);font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:11px 18px;display:flex;position:relative;box-shadow:0 2px 14px #00000012}.wgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wk{background:var(--white);border:1px solid var(--border);opacity:0;border-radius:12px;flex-direction:column;padding:26px;transition:opacity .5s,transform .5s,box-shadow .2s;display:flex;transform:translateY(18px)}.wk.vis{opacity:1;transform:translateY(0)}.wk:hover{box-shadow:0 6px 24px #0000000f}.wktop{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.wklogo{background:var(--faint2);border:1px solid var(--border);width:38px;height:38px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:14px;font-weight:700;display:flex}.wkyr{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em}.wkname{font-family:Fraunces,serif;font-size:var(--fs-lg);color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-weight:600}.wkrole{font-size:var(--fs-xs);color:var(--blue);margin-bottom:10px;font-weight:600}.wkp{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted);flex:1}.wk-actions{align-items:center;margin-top:auto;padding-top:16px;display:flex}.wk-visit{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);border:1.5px solid var(--blue);border-radius:100px;align-items:center;padding:8px 18px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.wk-visit:hover{background:var(--blue);color:#fff}.wk-site{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:1px;text-decoration:none;transition:color .15s}.wk-site:hover{color:var(--ink);border-color:var(--ink)}.tgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tcard-t{background:var(--white);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;gap:20px;padding:28px;display:flex}.tquote{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted);font-style:normal}.thighlight{color:var(--ink);font-style:normal;font-weight:600;font-size:var(--fs-md);margin-bottom:8px;line-height:1.4;display:block}.tauthor{border-top:1px solid var(--faint);padding-top:14px}.tname{font-family:Fraunces,serif;font-size:var(--fs-base);color:var(--ink);font-weight:600}.trole{font-size:var(--fs-xs);color:var(--muted);margin-top:2px}.trel{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.skgrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sk{background:var(--white);border:1px solid var(--border);opacity:0;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;transition:opacity .4s,transform .4s,border-color .15s,background .15s;display:flex;transform:translateY(14px)}.sk.vis{opacity:1;transform:translateY(0)}.sk:hover{background:var(--blue-bg);border-color:#0057ff4d}.sk:hover .skn{color:var(--blue)}.ski{background:var(--faint2);border:1px solid var(--border);width:28px;height:28px;font-size:var(--fs-base);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skn{font-size:var(--fs-sm);color:var(--ink);font-weight:500;transition:color .15s}.sk{position:relative}.sk-tip{background:var(--ink);color:#fff;font-size:var(--fs-sm);text-align:center;opacity:0;pointer-events:none;z-index:10;border-radius:8px;width:220px;padding:10px 14px;line-height:1.5;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 16px #00000026}.sk-tip:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.sk:hover .sk-tip{opacity:1;transform:translate(-50%)translateY(0)}.cbox{background:var(--ink);opacity:0;border-radius:16px;flex-direction:column;gap:36px;max-width:1120px;margin:0 auto 64px;padding:48px 56px;transition:all .7s;display:flex;transform:translateY(20px)}.cbox-top{align-items:center;gap:32px;display:flex}.cbox-top-right{flex-direction:column;flex:1;gap:14px;display:flex}.cbox-bot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-left:142px;display:flex}.cbox.vis{opacity:1;transform:translateY(0)}.cpic-wrap{flex-shrink:0;width:110px;height:110px;position:relative}.cpic{object-fit:cover;object-position:center top;filter:grayscale(.15);border:3px solid #ffffff1f;border-radius:50%;width:110px;height:110px;transition:filter .3s,transform .3s}.cpic:hover{filter:grayscale(0);transform:scale(1.05)}.cpic-status{background:var(--green);border:2.5px solid var(--ink);border-radius:50%;width:14px;height:14px;animation:2.5s ease-in-out infinite pulse;position:absolute;bottom:10px;right:6px}.ch2{color:#fff;letter-spacing:-.03em;font-family:Fraunces,serif;font-size:clamp(28px,4vw,48px);font-weight:300;line-height:1.1}.ch2 em{color:#7fb3ff;font-style:italic}.cr{flex-direction:column;gap:16px;display:flex}.cp{color:#fff9;font-size:14px;line-height:var(--lh-body)}.cloc{opacity:.7;margin-top:4px;font-size:12px}.cemail-row{align-items:center;gap:10px;display:flex}.cemail{font-family:DM Mono,monospace;font-size:var(--fs-base);color:#7fb3ff;border-bottom:1px solid #7fb3ff4d;width:fit-content;padding-bottom:3px;text-decoration:none;transition:opacity .15s;display:inline-block}.cemail:hover{opacity:.75}.ccopy{color:#fff6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;justify-content:center;align-items:center;padding:6px;line-height:0;transition:all .15s;display:inline-flex}.ccopy:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.clinks{gap:8px;display:flex}.clnk{font-size:var(--fs-sm);color:#fff9;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.clnk:hover{color:#fff;border-color:#fff6}.cs{z-index:1;position:relative}.cs-hero{opacity:0;max-width:800px;margin:0 auto;padding:140px 40px 60px;transition:all .6s;transform:translateY(16px)}.cs-hero.vis{opacity:1;transform:translateY(0)}.cs-badge{font-family:DM Mono,monospace;font-size:var(--fs-xs);letter-spacing:.1em;border-radius:100px;margin-bottom:24px;padding:4px 12px;font-weight:500;display:inline-flex}.cs-h1{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-family:Fraunces,serif;font-size:clamp(32px,5vw,56px);font-weight:300;line-height:1.1}.cs-h1 em{color:var(--blue);font-style:italic}.cs-sub{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--muted);max-width:600px}.cs-role-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;margin-bottom:8px;display:grid}.cs-role-item{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted)}.cs-role-label{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;display:block}.cs-lab-note{font-size:var(--fs-xs);color:var(--muted);opacity:.7;margin-bottom:16px;font-style:italic}.cs-meta-row{grid-template-columns:repeat(4,1fr);align-items:start;gap:32px;margin-top:40px;display:grid}.cs-meta{flex-direction:column;gap:4px;display:flex}.cs-mn{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--ink);font-weight:700;line-height:1.1}.cs-ml{font-size:var(--fs-xs);color:var(--muted)}.cs-src{color:var(--muted);letter-spacing:.02em;opacity:.6;margin-top:4px;font-family:DM Mono,monospace;font-size:10px;display:block}.cs-result .cs-src{margin-top:10px}.cs-sec-dark .cs-src{color:#ffffff73}.cs-sec{border-top:1px solid var(--border);opacity:0;max-width:800px;margin:0 auto;padding:60px 40px;transition:all .6s;transform:translateY(16px)}.cs-sec.vis{opacity:1;transform:translateY(0)}.cs-sec-dark{background:var(--ink);border-top:none;max-width:100%;padding:64px 40px}.cs-sec-dark .cs-sec-head,.cs-sec-dark .cs-h2,.cs-sec-dark .cs-p,.cs-sec-dark .cs-h3,.cs-sec-dark .cs-screen-gallery,.cs-sec-dark .cs-screenshots-single,.cs-sec-dark .wsup-screen-pair,.cs-sec-dark .wsup-mobile-row,.cs-sec-dark .wsup-platform-compare,.cs-sec-dark .cs-token-grid,.cs-sec-dark .cs-color-bar,.cs-sec-dark .cs-steps,.cs-sec-dark .cs-safety-list,.cs-sec-dark .cs-code{max-width:800px;margin-left:auto;margin-right:auto}.cs-sec-head{margin-bottom:24px}.cs-h2{letter-spacing:-.03em;color:var(--ink);margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(24px,3.5vw,38px);font-weight:300;line-height:1.15}.cs-h2 em{font-style:italic}.cs-p{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--muted);max-width:640px;margin-bottom:16px}.cs-hero-wide{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;display:grid}.cs-hero-left{flex-direction:column;display:flex}.cs-two-col{grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;display:grid}.cs-problem-list{flex-direction:column;gap:10px;display:flex}.cs-problem-item{font-size:var(--fs-base);color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.cs-problem-x{color:var(--muted);opacity:.5;font-weight:600}.cs-problem-solved{background:var(--green-bg);color:var(--green);border-color:#00875a26;font-weight:500}.cs-problem-check{color:var(--green);font-weight:700}.cs-step-files{flex-wrap:wrap;gap:4px;margin-top:14px;display:flex}.cs-step-file{background:var(--faint);color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px}.cs-step-checks{flex-direction:column;gap:4px;margin-top:14px;display:flex}.cs-step-check{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:6px;display:flex}.cs-code{border:1px solid var(--border);border-radius:12px;margin-top:28px;overflow:hidden}.cs-code-header{background:var(--faint2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.cs-code-file{font-family:DM Mono,monospace;font-size:var(--fs-sm);color:var(--ink);font-weight:500}.cs-code-tag{color:var(--green);letter-spacing:.05em;font-family:DM Mono,monospace;font-size:10px}.cs-code-body{color:var(--muted);background:var(--white);white-space:pre;margin:0;padding:20px;font-family:DM Mono,monospace;font-size:12px;line-height:1.9;overflow-x:auto}.cs-chart{background:var(--white);border:1px solid var(--border);border-radius:12px;margin:32px 0;padding:28px}.cs-chart-label{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;margin-bottom:20px}.cs-chart-bars{align-items:flex-end;gap:8px;height:160px;display:flex}.cs-chart-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.cs-chart-val{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.cs-chart-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.cs-chart-bar{background:var(--blue);opacity:.7;border-radius:4px 4px 0 0;width:100%;transition:height .8s cubic-bezier(.22,1,.36,1)}.cs-chart-bar-spike{opacity:.85;background:#de5a48}.cs-chart-bar-low{background:var(--green);opacity:.8}.cs-chart-s{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.cs-chart-annotations{justify-content:space-between;margin-top:12px;display:flex}.cs-chart-ann{color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:10px}.cs-chart-ann-good{color:var(--green)}.cs-swatch-wrap{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.cs-swatch-label{color:#ffffff59;letter-spacing:.05em;font-family:DM Mono,monospace;font-size:9px}.cs-screenshots-dark{max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto}.cs-screenshot{border:1px solid #ffffff14;border-radius:10px;width:100%}.cs-screen-gallery{flex-direction:column;gap:24px;max-width:900px;margin-top:32px;margin-left:auto;margin-right:auto;display:flex}.cs-screen-item{flex-direction:column;gap:10px;display:flex}.cs-screen-label{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.05em}.cs-sec-dark .cs-screen-label{color:#fff6}.cs-screenshots-single{max-width:800px;margin-left:auto;margin-right:auto}.wsup-text-hierarchy{flex-direction:column;gap:8px;margin-top:20px;display:flex}.wsup-th-row{border-bottom:1px solid #ffffff0f;grid-template-columns:48px 80px 60px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.wsup-th-sample{font-family:Fraunces,serif;font-size:24px;font-weight:600}.wsup-th-level{color:#ffffff80;font-family:DM Mono,monospace;font-size:11px}.wsup-th-opacity{color:#fff6;font-family:DM Mono,monospace;font-size:11px}.wsup-th-use{font-size:var(--fs-sm);color:#ffffff8c}.wsup-screen-pair{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.wsup-mobile-row{justify-content:center;margin-top:16px;display:flex}.wsup-mobile-gallery{justify-content:center;gap:16px;max-width:800px;margin-top:16px;margin-left:auto;margin-right:auto;display:flex}.wsup-comp-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:28px;display:grid}.wsup-comp-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px}.wsup-comp-count{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--ink);font-weight:700}.wsup-comp-group{font-size:var(--fs-base);color:var(--ink);margin:4px 0 8px;font-weight:600}.wsup-comp-examples{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-body);margin:0}.wsup-platform-compare{grid-template-columns:1fr 1fr;gap:24px;display:grid}.wsup-plat-h{font-family:Fraunces,serif;font-size:var(--fs-md);color:#fff;margin-bottom:8px;font-weight:400}.wsup-plat-h strong{font-weight:700}.wsup-flows{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.wsup-flow-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px}.wsup-flow-name{font-family:Fraunces,serif;font-size:var(--fs-base);color:var(--ink);margin-bottom:10px;font-weight:600}.wsup-flow-steps{color:var(--muted);background:var(--faint2);border-radius:6px;margin-bottom:10px;padding:8px 12px;font-family:DM Mono,monospace;font-size:11px;line-height:1.5}.wsup-flow-insight{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-body);font-style:italic}.wsup-process{flex-direction:column;gap:0;margin-top:28px;display:flex}.wsup-phase{border-bottom:1px solid var(--faint);gap:24px;padding:24px 0;display:flex}.wsup-phase:last-child{border-bottom:none}.wsup-phase-left{min-width:80px}.wsup-phase-n{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);font-weight:600}.wsup-phase-dur{color:var(--muted);margin-top:2px;font-size:11px}.wsup-phase-right{flex:1}.wsup-phase-name{font-family:Fraunces,serif;font-size:var(--fs-md);color:var(--ink);margin-bottom:8px;font-weight:600}.wsup-phase-desc{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted);margin:0 0 10px}.wsup-phase-collab{font-size:var(--fs-xs);line-height:var(--lh-body);color:var(--muted);opacity:.8;margin:0}.wsup-failure{background:#de5a480a;border-left:3px solid #de5a48;border-radius:0 8px 8px 0;margin-top:32px;padding:24px}.wsup-failure-h{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:#de5a48;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-weight:600}.wsup-failure-title{font-family:Fraunces,serif;font-size:var(--fs-md);color:var(--ink);margin-bottom:10px;font-weight:600}.wsup-quotes{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.wsup-quote{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px}.wsup-quote-text{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink);margin:0 0 10px;font-style:italic}.wsup-quote-source{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.wsup-decisions{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.wsup-decision-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px}.wsup-decision-screen{color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.wsup-decision-what{font-family:Fraunces,serif;font-size:var(--fs-base);color:var(--ink);margin-bottom:10px;font-weight:600;line-height:1.3}.wsup-decision-why{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body);margin:0}.wsup-learnings{flex-direction:column;gap:16px;margin-top:20px;margin-bottom:32px;display:flex}.wsup-learning{align-items:flex-start;gap:14px;display:flex}.wsup-learning-n{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);min-width:24px;padding-top:2px;font-weight:600}.wsup-learning-text{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted);margin:0}.ra-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:32px 0 8px;display:flex}.ra-flow-node{align-items:center;gap:8px;display:flex}.ra-flow-icon{background:var(--faint2);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ra-flow-label{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--ink);font-weight:600}.ra-flow-arrow{color:var(--muted);margin:0 12px;font-size:18px}.ra-flow-loop{text-align:center;width:100%;color:var(--muted);opacity:.6;margin-top:12px;font-family:DM Mono,monospace;font-size:11px}.ra-comments{flex-direction:column;gap:10px;margin-top:20px;display:flex}.ra-comment{background:var(--white);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.ra-comment-left{flex-direction:column;align-items:center;gap:2px;min-width:36px;display:flex}.ra-upvote{color:#ff4500;font-size:12px}.ra-karma{font-family:Fraunces,serif;font-size:var(--fs-base);color:#ff4500;font-weight:700}.ra-downvote{color:var(--muted);opacity:.4;font-size:12px}.ra-comment-right{flex:1}.ra-sub-pill{color:var(--blue);background:#4a3ec61a;border-radius:100px;margin-bottom:8px;padding:2px 8px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.ra-topic{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-body);margin:0}.cs-steps{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;display:grid}.cs-step{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:28px}.cs-step-n{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);letter-spacing:.1em;margin-bottom:14px}.cs-step-h{font-family:Fraunces,serif;font-size:var(--fs-lg);color:var(--ink);margin-bottom:8px;font-weight:600}.cs-step-p{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted)}.cs-token-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto;display:grid}.cs-token-card{background:var(--white);border:1px solid var(--border);text-align:center;border-radius:10px;padding:22px}.cs-token-n{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--ink);margin-bottom:4px;font-weight:700}.cs-token-l{font-size:var(--fs-xs);color:var(--muted)}.cs-sec-dark .cs-token-card{background:#ffffff0f;border-color:#ffffff1a}.cs-sec-dark .cs-token-n{color:#fff}.cs-sec-dark .cs-token-l{color:#ffffff73}.cs-color-bar{gap:8px;max-width:800px;margin-top:24px;margin-left:auto;margin-right:auto;display:flex}.cs-swatch{border-radius:6px;width:100%;height:36px}.cs-corr-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.cs-corr{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px}.cs-corr-tag{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);letter-spacing:.08em;margin-bottom:14px;font-weight:500}.cs-corr-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cs-corr-before{background:var(--faint);font-size:var(--fs-sm);color:var(--muted);border-radius:6px;flex:1;padding:10px 12px}.cs-corr-after{background:var(--green-bg);font-size:var(--fs-sm);color:var(--green);border-radius:6px;flex:1;padding:10px 12px;font-weight:500}.cs-corr-arrow{color:var(--muted);flex-shrink:0;font-size:16px}.cs-corr-label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:4px;font-family:DM Mono,monospace;font-size:9px;display:block}.cs-corr-why{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted)}.cs-timeline{flex-direction:column;gap:0;margin-top:28px;display:flex}.cs-phase{border-top:1px solid var(--border);gap:20px;padding:24px 0;display:flex}.cs-phase:first-child{border-top:none}.cs-phase-n{font-family:DM Mono,monospace;font-size:var(--fs-sm);color:var(--blue);flex-shrink:0;padding-top:2px;font-weight:500}.cs-phase-body{flex:1}.cs-phase-top{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.cs-phase-h{font-family:Fraunces,serif;font-size:var(--fs-lg);color:var(--ink);font-weight:600}.cs-phase-ses{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted)}.cs-phase-p{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted);margin-bottom:8px}.cs-phase-bar-row{align-items:center;gap:10px;display:flex}.cs-phase-bar{background:var(--faint2);border-radius:3px;flex:1;height:6px;overflow:hidden}.cs-phase-fill{background:var(--blue);border-radius:3px;height:100%;transition:width .6s}.cs-phase:last-child .cs-phase-fill{background:var(--green)}.cs-phase-corr{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.cs-result-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.cs-result{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:28px}.cs-result-n{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--ink);margin-bottom:6px;font-weight:700}.cs-result-l{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--muted)}.cs-reflection{border-left:3px solid var(--blue);background:#4a3ec60a;border-radius:0 8px 8px 0;margin-top:32px;padding:24px}.cs-reflection-h{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-weight:600}.cs-h3{font-family:Fraunces,serif;font-size:var(--fs-lg);color:var(--ink);letter-spacing:-.01em;margin:32px 0 16px;font-weight:600}.cs-top-comments{flex-direction:column;gap:8px;display:flex}.cs-top-comment{background:var(--white);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:14px 18px;display:flex}.cs-tc-karma{font-family:Fraunces,serif;font-size:var(--fs-xl);color:var(--green);min-width:56px;font-weight:700}.cs-tc-body{flex-direction:column;gap:2px;display:flex}.cs-tc-sub{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--blue)}.cs-tc-topic{font-size:var(--fs-base);color:var(--muted)}.cs-safety-list{flex-direction:column;gap:10px;max-width:800px;margin-top:28px;margin-left:auto;margin-right:auto;display:flex}.cs-safety-item{font-size:var(--fs-base);color:#ffffffa6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.cs-safety-check{color:var(--green);flex-shrink:0;font-weight:700}.cs-cta{justify-content:center;gap:12px;max-width:800px;margin:0 auto;padding:48px 40px 64px;display:flex}@media (width<=768px){.cs-hero{padding:100px 20px 40px}.cs-hero-wide{grid-template-columns:1fr;gap:32px}.cs-sec,.cs-sec-dark{padding:40px 20px}.cs-two-col{grid-template-columns:1fr;gap:24px}.cs-steps{grid-template-columns:1fr}.cs-token-grid{grid-template-columns:repeat(2,1fr)}.cs-corr-grid{grid-template-columns:1fr}.cs-corr-row{flex-direction:column;gap:8px}.cs-corr-arrow{transform:rotate(90deg)}.cs-result-grid{grid-template-columns:1fr}.cs-meta-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cs-role-row{grid-template-columns:1fr;gap:12px}.cs-cta{flex-direction:column;padding:32px 20px 48px}.wsup-th-row{grid-template-columns:40px 60px 50px 1fr;gap:8px}.wsup-th-sample{font-size:18px}.wsup-platform-compare{grid-template-columns:1fr;gap:16px}.wsup-screen-pair,.wsup-flows,.wsup-decisions{grid-template-columns:1fr}.wsup-phase{flex-direction:column;gap:8px}.wsup-phase-left{gap:12px;min-width:auto;display:flex}.wsup-quotes,.wsup-comp-grid{grid-template-columns:1fr}.ra-flow{gap:4px}.ra-flow-arrow{margin:0 6px}.ra-flow-icon{width:40px;height:40px;font-size:20px}.ra-flow-label{font-size:11px}.cs-chart-annotations{flex-direction:column;gap:4px}.cs-code-body{padding:14px;font-size:10px}.cs-color-bar{flex-wrap:wrap;gap:6px}.cs-swatch-wrap{min-width:40px}}footer{border-top:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px 40px;display:flex;position:relative}.fl{color:var(--muted);font-family:Fraunces,serif;font-size:14px;font-style:italic}.fr{font-family:DM Mono,monospace;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:20px;display:flex}.foot-link{color:var(--muted);align-items:center;gap:4px;text-decoration:none;transition:color .15s;display:inline-flex}.foot-link:hover{color:var(--ink)}@media (width<=1024px){.hero{grid-template-columns:1fr 1fr;gap:32px}.skgrid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sc,.sh2,.ag,.who,.wk,.sk,.cbox,.cs-hero,.cs-sec{opacity:1!important;transform:none!important}:root{--fs-xs:12px}nav{padding:0 20px}.npills{display:none}.navpic{width:28px;height:28px;display:block}.nav-link{display:none}.nav-actions{gap:10px}.ncta{font-size:var(--fs-xs);padding:8px 16px}.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding:80px 20px 40px}.hname{display:none}.hh1{margin-bottom:18px;font-size:clamp(36px,9.5vw,48px);line-height:1.05}.hsub{max-width:100%;font-size:var(--fs-base);margin-bottom:28px}.hbtns{flex-flow:wrap;gap:10px;margin-bottom:28px}.hbtns .bdk,.hbtns .bgh{width:auto;font-size:var(--fs-sm);white-space:nowrap;padding:10px 16px}.hbtns .hresume-btn{display:inline-flex}.hresume-link{display:none}.hero-showcase{padding:0 20px 40px}.showcase-devices{gap:12px;padding:20px 16px 0}.showcase-mobile{width:90px}.ag-preview{height:140px;margin:-22px -22px 16px}.hero-terminal{order:-1;max-height:300px;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,#0000 70%);mask-image:linear-gradient(#000 40%,#0000 70%)}.hero-terminal .tcard{border-radius:12px 12px 0 0;max-width:100%}.hero>div:first-child{z-index:1;margin-top:-80px;position:relative}.hprev{flex-flow:column wrap;align-items:flex-start;gap:6px}.plogos{flex-wrap:wrap;gap:14px}.srow{grid-template-columns:1fr 1fr;gap:12px;padding:28px 20px 36px}.sc{padding:22px 18px}.sn{font-size:var(--fs-xl)}.sl{font-size:var(--fs-xs);line-height:1.5}.sec{padding:44px 20px 48px}.shead{flex-direction:column;gap:6px;margin-bottom:24px}.stag{order:-1}.agrid{grid-template-columns:1fr;gap:12px}.ag{padding:24px}.chips{gap:8px}.chip{padding:5px 10px}.alink{font-size:var(--fs-sm);border:1.5px solid var(--blue);color:var(--blue);border-radius:100px;align-items:center;padding:8px 18px;display:inline-flex}.who{grid-template-columns:1fr}.whr{display:none}.whl{padding:24px}.whh3{font-size:var(--fs-xl)}.whp{font-size:var(--fs-sm)}.wgrid{grid-template-columns:1fr;gap:10px}.tgrid{grid-template-columns:1fr;gap:12px}.skgrid{grid-template-columns:repeat(2,1fr);gap:10px}.sk{padding:16px}.sk-tip{display:none}.cbox{gap:28px;margin:0 20px 40px;padding:36px 24px}.cbox-top{flex-direction:column;align-items:flex-start;gap:20px}.cbox-top-right{gap:12px}.ch2{font-size:clamp(24px,6vw,36px)}.cp{font-size:var(--fs-sm)}.cpic-wrap,.cpic{width:72px;height:72px}.cpic-status{width:12px;height:12px;bottom:4px;right:2px}.cbox-bot{flex-direction:column;align-items:flex-start;gap:16px;margin-left:0}.cemail-row{flex-wrap:wrap}.cemail{font-size:var(--fs-sm)}.clinks{flex-wrap:wrap}footer{text-align:center;flex-direction:column;gap:8px;padding:18px 20px}.fr{justify-content:center}.cs-code-body{padding:16px;font-size:11px}.cs-chart-bars{height:200px}}@media (width<=480px){.hero{padding:80px 16px 32px}.hh1{margin-bottom:16px;font-size:clamp(32px,9vw,42px)}.hbtns{gap:8px}.hsub{font-size:13px}.srow{grid-template-columns:1fr 1fr;gap:10px;padding:20px 16px 28px}.sc{padding:20px 16px}.sec{padding:36px 16px 40px}.ag{padding:22px}.ah3{font-size:var(--fs-lg)}.wk{padding:22px}.cbox{margin:0 16px 32px;padding:28px 18px}nav{padding:0 16px}.ncta{font-size:var(--fs-xs);padding:8px 14px}footer{padding:16px}}