:root{
  --ink:#141413;
  --cream:#faf9f5;
  --coral:#d97757;
  --coral-dark:#b85d40;
  --paper:#fffefb;
  --sand:#f1eee5;
  --muted:#646159;
  --faint:#8c887e;
  --line:#e2ded3;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
}

a,
button{
  min-height:44px;
}

button{font:inherit}

h1,
h2,
h3{
  margin:0;
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.026em;
  line-height:1.08;
}

p{margin:0}

.wrap{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  padding-inline:18px;
}

.skip-link{
  position:fixed;
  z-index:100;
  top:8px;
  left:8px;
  display:inline-flex;
  align-items:center;
  transform:translate3d(0,-145%,0);
  border-radius:8px;
  background:var(--ink);
  color:var(--cream);
  padding:8px 12px;
}

.skip-link:focus{transform:translate3d(0,0,0)}

.eyebrow{
  color:var(--coral-dark);
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.105em;
  text-transform:uppercase;
}

.site-nav{
  position:sticky;
  z-index:50;
  top:0;
  border-bottom:1px solid rgba(226,222,211,.9);
  background:rgba(250,249,245,.9);
  backdrop-filter:blur(14px);
}

.nav-inner{
  display:flex;
  min-height:62px;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.masthead{
  display:flex;
  min-width:0;
  align-items:center;
  overflow:hidden;
  padding-right:5px;
  font-family:var(--serif);
  font-size:clamp(.88rem,4vw,1.05rem);
  font-weight:600;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.nav-links{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:0;
  color:var(--muted);
  font-size:.78rem;
}

.nav-links>a{
  display:inline-flex;
  align-items:center;
  padding-inline:9px;
}

.nav-secondary{display:none!important}

.nav-user{
  display:flex;
  align-items:center;
}

.nav-user[hidden]{display:none}

.nav-signin{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:0 7px;
  cursor:pointer;
}

.button{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:10px;
  padding:11px 18px;
  font-size:.9rem;
  font-weight:600;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:transform .18s ease,opacity .18s ease;
}

.button:hover{transform:translate3d(0,-2px,0)}

.button:active{
  transform:translate3d(0,1px,0);
  opacity:.82;
}

.button-ink{
  background:var(--ink);
  color:var(--cream);
}

.button-coral{
  background:var(--coral);
  color:var(--ink);
}

.button-dark-line{
  border-color:#5e5a53;
  color:var(--cream);
}

.text-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:5px;
  color:var(--coral-dark);
  font-size:.9rem;
  font-weight:600;
  transition:transform .18s ease,opacity .18s ease;
}

.text-link:hover{transform:translate3d(3px,0,0)}

.text-link:active{opacity:.74}

.home-hero{padding-block:48px 68px}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  align-items:center;
}

.hero-copy{min-width:0}

.brand-cue{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:9px;
  color:var(--muted);
  font-size:.78rem;
}

.brand-cue img{
  flex:0 0 auto;
  width:22px;
  height:22px;
}

.home-hero h1{
  max-width:760px;
  margin-top:15px;
  font-size:clamp(2.58rem,12vw,4.8rem);
}

.hero-sub{
  max-width:660px;
  margin-top:21px;
  color:var(--muted);
  font-size:clamp(1rem,4.8vw,1.22rem);
  line-height:1.58;
}

.hero-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  margin-top:28px;
}

.hero-art{
  display:flex;
  min-width:0;
  justify-content:center;
}

.hero-art img{
  width:min(100%,330px);
  height:auto;
}

.hero-enter{
  animation:hero-rise .58s cubic-bezier(.22,.8,.2,1) both;
}

.hero-enter-1{animation-delay:.02s}
.hero-enter-2{animation-delay:.09s}
.hero-enter-3{animation-delay:.16s}
.hero-enter-4{animation-delay:.23s}

.home-section{
  border-top:1px solid var(--line);
  padding-block:76px;
}

.tint{background:var(--sand)}

.section-head{max-width:710px}

.section-head h2{
  margin-top:13px;
  font-size:clamp(2rem,9.2vw,3.35rem);
}

.section-head>p{
  max-width:650px;
  margin-top:16px;
  color:var(--muted);
  font-size:clamp(.96rem,4.4vw,1.08rem);
  line-height:1.65;
}

.reason-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-top:34px;
}

.reason-card{
  min-width:0;
  border:1px solid var(--line);
  border-radius:17px;
  background:var(--paper);
  padding:25px 22px 27px;
}

.card-mark{
  display:block;
  width:34px;
  height:5px;
  margin-bottom:22px;
  border-radius:999px;
  background:var(--coral);
}

.reason-card h3{
  font-size:clamp(1.25rem,6vw,1.48rem);
  line-height:1.18;
}

.reason-card p{
  margin-top:11px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.62;
}

.how-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:42px;
}

.steps{border-top:1px solid var(--line)}

.step{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  border-bottom:1px solid var(--line);
  padding-block:23px 25px;
}

.step-number{
  padding-top:2px;
  color:#bc8d79;
  font-family:var(--serif);
  font-size:1.17rem;
  line-height:1;
}

.step h3{
  font-size:clamp(1.2rem,5.8vw,1.42rem);
  line-height:1.18;
}

.step p{
  margin-top:9px;
  color:var(--muted);
  font-size:.92rem;
}

.loop-note{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  gap:7px 12px;
  margin-top:24px;
  border:1px solid #e0c1b4;
  border-radius:14px;
  background:#fff7f2;
  padding:16px 18px;
  color:var(--coral-dark);
  font-size:.82rem;
  transition:transform .18s ease,opacity .18s ease;
}

.loop-note>:not(:last-child){
  grid-column:1;
  min-width:0;
}

.loop-note>:last-child{
  display:flex;
  grid-column:2;
  grid-row:1 / 4;
  align-items:center;
  justify-content:center;
  font-family:var(--serif);
  font-size:1.75rem;
}

.loop-note strong{color:var(--ink)}

.loop-note:hover{transform:translate3d(0,-2px,0)}

.loop-note:active{opacity:.78}

.featured-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}

.featured-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-top:34px;
}

.use-card{
  display:flex;
  min-width:0;
  min-height:100%;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:var(--paper);
  transition:transform .2s ease,opacity .2s ease;
}

.use-card:hover{transform:translate3d(0,-4px,0)}

.use-card:active{
  transform:translate3d(0,-1px,0);
  opacity:.84;
}

.use-card-art{
  display:flex;
  height:154px;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid var(--line);
  background:var(--cream);
  padding:17px;
}

.use-card-art img{
  width:120px;
  height:120px;
  object-fit:contain;
}

.use-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px;
}

.use-card-category{
  color:var(--coral-dark);
  font-size:.69rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.use-card h3{
  margin-top:9px;
  font-size:1.24rem;
  line-height:1.2;
}

.use-card p{
  margin-top:10px;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.58;
}

.card-go{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
  padding-top:17px;
  color:var(--coral-dark);
  font-size:.84rem;
  font-weight:600;
}

.engine-band{
  border-top:1px solid #2d2c28;
  background:var(--ink);
  color:var(--cream);
  padding-block:72px;
}

.engine-top{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:31px;
  align-items:center;
}

.engine-emblem{
  display:flex;
  width:172px;
  height:172px;
  align-items:center;
  justify-content:center;
  border:1px solid #3d3a35;
  border-radius:23px;
  background:var(--cream);
  padding:18px;
}

.engine-emblem img{
  width:134px;
  height:134px;
  object-fit:contain;
}

.engine-copy{min-width:0}

.engine-copy .eyebrow{color:#ed9a7c}

.engine-copy h2{
  max-width:760px;
  margin-top:13px;
  font-size:clamp(2rem,9vw,3.35rem);
}

.engine-copy p{
  max-width:790px;
  margin-top:18px;
  color:#d0ccc2;
  font-size:.96rem;
  line-height:1.68;
}

.engine-copy strong{
  color:var(--cream);
  font-weight:600;
}

.engine-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  margin-top:25px;
}

.model-roster{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:13px;
  margin-top:39px;
  border-top:1px solid #36342f;
  padding-top:27px;
}

.model-group{
  min-width:0;
  border:1px solid #3b3a36;
  border-radius:16px;
  background:#1b1a18;
  padding:20px 17px;
}

.model-label{
  display:block;
  margin-bottom:13px;
  color:#aaa79e;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.model-list{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.model-list span{
  max-width:100%;
  overflow-wrap:anywhere;
  border:1px solid #484640;
  border-radius:999px;
  padding:7px 10px;
  color:#f1eee6;
  font-size:.76rem;
  line-height:1.35;
}

.faq-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:42px;
}

.faq-list{border-top:1px solid var(--line)}

.qa{
  border-bottom:1px solid var(--line);
  padding-block:22px 24px;
}

.qa h3{
  font-size:clamp(1.18rem,5.8vw,1.4rem);
  line-height:1.22;
}

.qa p{
  margin-top:10px;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.68;
}

.site-footer{
  border-top:1px solid var(--line);
  background:var(--sand);
  padding-block:56px 26px;
}

.footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:31px;
}

.footer-brand{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:9px;
  font-family:var(--serif);
  font-size:1.05rem;
  font-weight:600;
}

.footer-brand img{
  width:28px;
  height:28px;
}

.footer-intro p{
  max-width:350px;
  margin-top:11px;
  color:var(--muted);
  font-size:.88rem;
}

.footer-links{
  min-width:0;
}

.footer-links h2{
  margin:0 0 9px;
  color:var(--faint);
  font-family:var(--sans);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.footer-links a{
  display:flex;
  min-height:44px;
  align-items:center;
  overflow-wrap:anywhere;
  color:var(--muted);
  font-size:.85rem;
}

.footer-label{
  display:block;
  margin-top:12px;
  color:var(--faint);
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.footer-links code{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
  margin-top:7px;
  color:var(--muted);
  font:normal .72rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.footer-bar{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:39px;
  border-top:1px solid var(--line);
  padding-top:20px;
  color:var(--faint);
  font-size:.76rem;
}

[data-reveal]{
  opacity:0;
  transform:translate3d(0,16px,0);
  transition:opacity .48s ease,transform .48s cubic-bezier(.22,.8,.2,1);
}

[data-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

@keyframes hero-rise{
  from{
    opacity:0;
    transform:translate3d(0,13px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@media (min-width:560px){
  .wrap{padding-inline:28px}

  .nav-inner{gap:12px}

  .nav-links{font-size:.82rem}

  .nav-links>a,
  .nav-signin{padding-inline:11px}

  .hero-actions,
  .engine-actions{
    flex-direction:row;
    align-items:center;
  }

  .hero-actions{gap:18px}

  .reason-grid,
  .featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }

  .featured-head{
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
  }

  .featured-head .text-link{flex:0 0 auto}

  .model-group{padding:22px}

  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .footer-intro{grid-column:1 / -1}

  .footer-bar{
    flex-direction:row;
    justify-content:space-between;
  }
}

@media (min-width:760px){
  .wrap{padding-inline:32px}

  .nav-secondary{display:inline-flex!important}

  .home-hero{padding-block:78px 86px}

  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(270px,.92fr);
    gap:clamp(38px,6vw,76px);
  }

  .hero-art img{width:min(100%,420px)}

  .home-section{padding-block:94px}

  .reason-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:19px;
  }

  .how-layout{
    grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
    gap:clamp(48px,8vw,96px);
    align-items:start;
  }

  .how-intro{
    position:sticky;
    top:100px;
  }

  .loop-note{
    display:flex;
    min-height:54px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }

  .loop-note>:last-child{font-size:1.45rem}

  .engine-band{padding-block:92px}

  .engine-top{
    grid-template-columns:minmax(180px,230px) minmax(0,1fr);
    gap:clamp(44px,7vw,86px);
  }

  .engine-emblem{
    width:100%;
    height:auto;
    aspect-ratio:1;
    padding:24px;
  }

  .engine-emblem img{
    width:100%;
    height:100%;
  }

  .model-roster{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin-top:47px;
    padding-top:34px;
  }

  .faq-layout{
    grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
    gap:clamp(48px,8vw,96px);
    align-items:start;
  }

  .footer-grid{
    grid-template-columns:1.15fr .7fr 1.25fr .8fr;
    gap:30px;
  }

  .footer-intro{grid-column:auto}
}

@media (min-width:1020px){
  .wrap{padding-inline:36px}

  .home-hero{padding-block:92px 98px}

  .featured-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
    margin-top:45px;
  }

  .use-card-art{height:166px}

  .site-footer{padding-top:66px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    transition-delay:0ms!important;
  }

  [data-reveal],
  [data-reveal].is-visible,
  .hero-enter,
  .button,
  .text-link,
  .loop-note,
  .use-card,
  .skip-link{
    opacity:1;
    transform:none!important;
  }
}

/* Store simulation */
#see-it-run{background:#faf9f5}
#see-it-run *{box-sizing:border-box}
#see-it-run .term-tabs{display:flex;gap:6px;margin:0;flex-wrap:wrap;max-width:100%;min-width:0}
#see-it-run .term-tab{border:1px solid transparent;background:transparent;border-radius:12px;padding:7px 11px;font-size:12.5px;font-weight:500;font-family:inherit;color:#57554d;cursor:pointer;transition:background .16s,border-color .16s,color .16s;white-space:nowrap}
#see-it-run .term-tab:hover{color:#141413}
#see-it-run .term-tab.active{background:#fff;border-color:#e7e4da;color:#141413}
#see-it-run .term-tab:focus-visible,#see-it-run .mode-btn:focus-visible{outline:2px solid #d97757;outline-offset:2px}
#see-it-run .demo-controls{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:44px}
#see-it-run .mode-sw{display:inline-flex;max-width:100%;gap:4px;background:#f1efe6;border:1px solid #e7e4da;border-radius:12px;padding:4px}
#see-it-run .mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;border-radius:9px;padding:9px 14px;font-size:13.5px;font-weight:500;font-family:inherit;color:#57554d;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
#see-it-run .mode-btn .mi{width:15px;height:15px;flex:0 0 auto;opacity:.88}
#see-it-run .mode-btn:hover{color:#141413}
#see-it-run .mode-btn.active{background:#fff;color:#141413;box-shadow:0 1px 2px rgba(20,20,19,.06)}
#see-it-run .mode-note{font-size:13.5px;color:#8a877e;margin:14px 0 0;min-height:21px}
#see-it-run .mode-panel{display:none;min-width:0;max-width:100%}
#see-it-run .mode-panel.show{display:block;margin-top:16px}
#see-it-run .demo-install{margin:12px 0 0;text-align:center;font-size:12.5px;color:#8a877e}
#see-it-run .demo-install a{color:#57554d;text-decoration:none;border-bottom:1px solid #e7e4da}
#see-it-run .demo-install a:hover{color:#bd5f3e;border-color:#d97757}

#see-it-run .cw{width:100%;max-width:100%;height:700px;border:1px solid #e7e4da;border-radius:16px;background:#fff;overflow:hidden}
#see-it-run .cw-bar{display:flex;align-items:center;gap:8px;height:51px;padding:11px 18px;border-bottom:1px solid #e7e4da;background:#f7f5ee}
#see-it-run .cw-avatar{width:20px;height:20px;flex:0 0 auto}
#see-it-run .cw-who{font-size:14px;font-weight:600;color:#141413}
#see-it-run .cw-model{font-size:11.5px;color:#8a877e;border:1px solid #e7e4da;border-radius:999px;padding:3px 8px;background:#fff}
#see-it-run .cw-conn{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
#see-it-run .cw-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:1;color:#57554d;background:#f1efe6;border:1px solid #e7e4da;border-radius:999px;padding:5px 9px;white-space:nowrap}
#see-it-run .cw-chip b{font-weight:500;color:#141413}
#see-it-run .cw-body{padding:28px clamp(18px,4vw,42px);display:flex;flex-direction:column;gap:17px}
#see-it-run .cw-chat-body{height:calc(100% - 51px);overflow:hidden}
#see-it-run .cw-msg{display:flex;gap:11px;max-width:100%;min-width:0}
#see-it-run .cw-msg.user{justify-content:flex-end}
#see-it-run .cw-msg.user .cw-bubble{background:#f1efe6;border:1px solid #e7e4da;border-radius:16px 16px 4px 16px;padding:11px 15px;font-size:14.5px;line-height:1.55;color:#141413;max-width:min(78%,680px)}
#see-it-run .cw-msg.claude .cw-logo{width:22px;height:22px;flex:0 0 auto;margin-top:1px}
#see-it-run .cw-msg.claude .cw-bubble{font-size:14.5px;line-height:1.65;color:#57554d;padding-top:1px;max-width:760px;min-width:0}
#see-it-run .cw-msg.claude .cw-artifact-bubble{width:min(100%,760px);max-width:760px}
#see-it-run .cw-tools{display:flex;flex-direction:column;gap:7px;margin:0 0 0 33px;max-width:calc(100% - 33px);min-width:0}
#see-it-run .cw-tool{display:flex;align-items:flex-start;gap:9px;align-self:flex-start;max-width:100%;font-size:12.5px;line-height:1.45;color:#57554d;background:#f7f5ee;border:1px solid #e7e4da;border-radius:9px;padding:8px 11px;overflow-wrap:anywhere}
#see-it-run .cw-tool-status{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;color:#bd5f3e;font-weight:700;margin-top:1px}
#see-it-run .cw-spinner{width:12px;height:12px;border:1.5px solid #e7e4da;border-top-color:#d97757;border-radius:50%;animation:dsSimCwSpin .7s linear infinite}
#see-it-run .cw-tool code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#141413;white-space:normal}
#see-it-run .cw-tool.done{background:#fff}
#see-it-run .cw-fade{opacity:0;transform:translateY(6px);animation:dsSimCwIn .38s ease forwards}
#see-it-run .cw-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr);height:calc(100% - 51px)}
#see-it-run .cw-convo{padding:27px clamp(18px,3.3vw,34px);display:flex;flex-direction:column;gap:17px;min-width:0;overflow:hidden}
#see-it-run .cw-sidebar{border-left:1px solid #e7e4da;background:#f7f5ee;padding:21px 18px;min-width:0;overflow-x:hidden;overflow-y:auto}
#see-it-run .cw-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#see-it-run .cw-side-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:#141413}
#see-it-run .cw-side-count{font-size:11.5px;color:#8a877e}
#see-it-run .cw-plan{display:flex;flex-direction:column;gap:7px;min-height:136px}
#see-it-run .cw-plan-step{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.4;color:#57554d;padding:5px 0}
#see-it-run .cw-plan-step .cw-step-state{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:#bd5f3e;font-weight:700;margin-top:1px}
#see-it-run .cw-plan-step.done{color:#141413}
#see-it-run .cw-preview{min-height:0;margin-top:16px}
#see-it-run .cw-preview:empty{display:none}
#see-it-run .cw-artifacts-wrap{border-top:1px solid #e7e4da;margin-top:17px;padding-top:16px}
#see-it-run .cw-artifacts-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:#141413;margin-bottom:10px}
#see-it-run .cw-artifacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:54px}
#see-it-run .cw-artifact{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #e7e4da;border-radius:9px;background:#fff;box-shadow:0 1px 2px rgba(20,20,19,.04)}
#see-it-run .cw-file-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:28px;flex:0 0 25px;border-radius:5px;background:#f1efe6;font-size:8.5px;font-weight:700;letter-spacing:.02em;color:#bd5f3e;text-transform:uppercase}
#see-it-run .cw-file-name{min-width:0;font-size:11px;color:#141413;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#see-it-run .cw-summary{display:none;margin-top:15px;padding:10px 11px;border:1px solid #e7e4da;border-radius:9px;background:#fff;font-size:12px;line-height:1.45;color:#57554d}
#see-it-run .cw-summary.show{display:block}
#see-it-run .cw-pop{animation:dsSimCwPop .38s cubic-bezier(.2,.8,.2,1) both}

#see-it-run .chart-card{width:100%;min-width:0;border:1px solid #e7e4da;border-radius:13px;background:#fff;padding:14px 14px 12px;box-shadow:0 1px 2px rgba(20,20,19,.04);animation:dsSimChartIn .42s ease both}
#see-it-run .chart-head{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}
#see-it-run .chart-title{min-width:0;font-size:12.5px;font-weight:600;line-height:1.3;color:#141413;overflow-wrap:anywhere}
#see-it-run .chart-meta{min-width:0;font-size:10.5px;line-height:1.3;color:#8a877e;white-space:nowrap}
#see-it-run .chart-svg{display:block;width:100%;height:auto;max-height:225px;overflow:hidden}
#see-it-run .chart-caption{margin-top:5px;font-size:10.5px;line-height:1.4;color:#8a877e}
#see-it-run .chart-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}
#see-it-run .chart-kpi{min-width:0;padding:10px 8px;border-radius:8px;background:#f7f5ee;border:1px solid #e7e4da}
#see-it-run .chart-kpi-label{display:block;font-size:9.5px;line-height:1.2;color:#8a877e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#see-it-run .chart-kpi-value{display:block;margin-top:4px;font-size:13px;line-height:1.2;font-weight:600;color:#141413}
#see-it-run .media-grid{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:7px;width:100%;min-width:0}
#see-it-run .media-card{position:relative;display:flex;align-items:flex-end;min-width:0;aspect-ratio:4/5;border:1px solid #e7e4da;border-radius:10px;overflow:hidden;padding:8px;background:linear-gradient(145deg,#ede2d9 0%,#d9c4b3 48%,#8d6757 100%)}
#see-it-run .media-card.video{aspect-ratio:9/16;background:linear-gradient(165deg,#302b28 0%,#8a5b47 52%,#df9b78 100%)}
#see-it-run .media-card:nth-child(3){background:linear-gradient(150deg,#f0e9df 0%,#c7b19e 58%,#755043 100%)}
#see-it-run .media-card:nth-child(4){background:linear-gradient(145deg,#ded5cb 0%,#a78370 55%,#493d37 100%)}
#see-it-run .media-play{position:absolute;left:50%;top:46%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);color:#141413;transform:translate(-50%,-50%);font-size:14px;box-shadow:0 2px 12px rgba(20,20,19,.16)}
#see-it-run .media-name{position:relative;z-index:1;max-width:100%;font-size:9px;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(20,20,19,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#see-it-run .term{width:100%;max-width:100%;height:700px;background:#141413;border:1px solid rgba(250,249,245,.14);border-radius:16px;padding:22px 24px 26px;overflow:auto;color:#faf9f5}
#see-it-run .term-head{display:flex;align-items:center;gap:8px;padding-bottom:13px;margin-bottom:16px;border-bottom:1px solid rgba(250,249,245,.14);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:.01em;color:#e8e6dc}
#see-it-run .term-head img{opacity:.95}
#see-it-run .term-body{min-width:0;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;color:#faf9f5;overflow-wrap:anywhere}
#see-it-run .term-welcome{border:1px solid rgba(250,249,245,.38);border-radius:9px;padding:12px 15px;margin-bottom:16px;color:#e8e6dc}
#see-it-run .term-welcome-title{color:#faf9f5;margin-bottom:8px}
#see-it-run .term-burst,#see-it-run .term-dot,#see-it-run .term-prompt,#see-it-run .term-working-glyph{color:#d97757;font-weight:700}
#see-it-run .term-welcome-meta{font-size:12px;color:rgba(232,230,220,.72);line-height:1.65}
#see-it-run .term-input{display:flex;align-items:flex-start;min-height:44px;border:1px solid rgba(250,249,245,.25);border-radius:8px;padding:10px 12px;margin-bottom:14px;background:rgba(250,249,245,.035)}
#see-it-run .term-input-text{min-width:0;white-space:pre-wrap}
#see-it-run .term-cursor{display:inline-block;width:7px;height:15px;background:#d97757;margin-left:2px;vertical-align:-2px;animation:dsSimTermBlink 1s steps(1) infinite}
#see-it-run .term-line{display:block;margin:0 0 6px;white-space:pre-wrap;word-break:break-word}
#see-it-run .term-tool{color:#e8e6dc}
#see-it-run .term-tool-text{color:#faf9f5}
#see-it-run .term-output{display:flex;align-items:flex-start;padding-left:18px;color:rgba(232,230,220,.68)}
#see-it-run .term-branch{color:rgba(232,230,220,.44);flex:0 0 auto;margin-right:5px}
#see-it-run .term-todos{display:flex;flex-direction:column;gap:2px;min-width:0}
#see-it-run .term-todo.done{color:#e8e6dc}
#see-it-run .term-working{display:flex;align-items:center;gap:7px;color:#d97757;font-size:12px}
#see-it-run .term-working-glyph{display:inline-block;animation:dsSimTermSpin .7s linear infinite}
#see-it-run .term-reply{display:flex;align-items:flex-start;gap:7px;color:#faf9f5;margin-top:11px;line-height:1.62}
#see-it-run .term-chart{display:flex;flex-direction:column;gap:2px;color:rgba(232,230,220,.72)}
#see-it-run .term-chart-row{display:flex;flex-wrap:wrap;gap:2px 7px;min-width:0;white-space:pre-wrap}
#see-it-run .term-chart-label{color:rgba(232,230,220,.72)}
#see-it-run .term-chart-bar{color:#d97757;font-weight:700}
#see-it-run .term-chart-value{color:#faf9f5}
#see-it-run .term-wrote{color:rgba(232,230,220,.68)}

@keyframes dsSimCwSpin{to{transform:rotate(360deg)}}
@keyframes dsSimCwIn{to{opacity:1;transform:none}}
@keyframes dsSimCwPop{from{opacity:0;transform:scale(.94) translateY(4px)}to{opacity:1;transform:none}}
@keyframes dsSimChartIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes dsSimTermBlink{50%{opacity:0}}
@keyframes dsSimTermSpin{to{transform:rotate(360deg)}}

@media(max-width:840px){
  #see-it-run #panel-cowork .cw{height:960px}
  #see-it-run .cw-workspace{grid-template-columns:1fr;grid-template-rows:360px minmax(0,1fr)}
  #see-it-run .cw-sidebar{border-left:0;border-top:1px solid #e7e4da}
  #see-it-run .cw-plan{min-height:0}
}
@media(max-width:640px){
  .nav-links{font-size:1rem}
  .button,.text-link,.loop-note,.section-head>p,.reason-card p,.step p,.use-card p,.engine-copy p,.qa p,.model-list span,.footer-intro p,.footer-links a,.footer-bar{font-size:1rem}
  .footer-links code{font-size:.875rem}
  #see-it-run .demo-controls{align-items:stretch}
  #see-it-run .mode-sw{width:100%}
  #see-it-run .mode-btn{flex:1;padding-left:8px;padding-right:8px;font-size:16px}
  #see-it-run .term-tabs{width:100%;flex-wrap:wrap}
  #see-it-run .term-tab{flex:0 0 auto;padding-left:10px;padding-right:10px;font-size:16px}
  #see-it-run .mode-note,#see-it-run .demo-install{font-size:16px}
  #see-it-run .demo-install a{display:inline-flex;min-height:44px;align-items:center}
  #see-it-run .cw{height:940px}
  #see-it-run .cw-bar{padding:10px 13px;flex-wrap:wrap;height:72px;align-content:center}
  #see-it-run .cw-conn{margin-left:auto}
  #see-it-run .cw-body,#see-it-run .cw-convo{padding:20px 15px}
  #see-it-run .cw-msg.user .cw-bubble,#see-it-run .cw-msg.claude .cw-bubble{font-size:16px}
  #see-it-run .cw-msg.user .cw-bubble{max-width:90%}
  #see-it-run .cw-tools{margin-left:0;max-width:100%}
  #see-it-run .cw-tool,#see-it-run .cw-tool code,#see-it-run .cw-plan-step,#see-it-run .cw-summary{font-size:16px}
  #see-it-run .cw-msg.claude .cw-artifact-bubble{width:auto;flex:1}
  #see-it-run .cw-workspace{grid-template-rows:340px minmax(0,1fr);height:calc(100% - 72px)}
  #see-it-run .cw-convo{overflow-y:auto}
  #see-it-run .cw-artifacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #see-it-run .chart-card{padding:11px 9px 10px}
  #see-it-run .chart-head{align-items:flex-start}
  #see-it-run .chart-title{font-size:16px}
  #see-it-run .chart-meta{font-size:14px;white-space:normal;text-align:right}
  #see-it-run .chart-caption{font-size:16px}
  #see-it-run .chart-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #see-it-run .chart-kpi-label{font-size:14px}
  #see-it-run .chart-kpi-value{font-size:16px}
  #see-it-run .media-grid{grid-template-columns:1.15fr repeat(3,minmax(48px,1fr));overflow:hidden}
  #see-it-run .term{height:760px;padding:17px 13px 22px}
  #see-it-run .term-head{font-size:16px}
  #see-it-run .term-body{font-size:16px}
  #see-it-run .term-welcome{padding:10px 11px}
  #see-it-run .term-welcome-meta{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  #see-it-run .cw-spinner,#see-it-run .cw-fade,#see-it-run .cw-pop,#see-it-run .chart-card,#see-it-run .term-cursor,#see-it-run .term-working-glyph{animation:none}
}