/* polish v1 · less orange, more motion. Orange stays only on: primary buttons, logo, small dots, tags. */
:root{--line2:rgba(255,255,255,.12);--soft:#e9dfd0;--soft2:#b9b1a5}

/* headline accents: warm champagne instead of orange */
h1 i,h2 i,.gs h3 i{color:var(--soft);background:linear-gradient(100deg,#f4ede2 0%,#d8c9b4 45%,#f4ede2 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 9s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* labels and numbers: neutral, with one small orange dot */
.eb{color:var(--soft2)}
.eb:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--org);margin-right:10px;vertical-align:middle;transform:translateY(-1px)}
.steps b,.ag .n,.pc p b,.flow li:before,.oc .i,.how span b,.how i,.tape .o,.num .v span,.guide .pdf span{color:var(--soft2)}
.steps div.on{background:rgba(255,255,255,.05)}
.ag.on{border-color:rgba(255,255,255,.28);background:#121214}
.num.big{border-color:var(--line);background:linear-gradient(160deg,#121214,#0d0d10)}
.op.open{border-color:rgba(255,255,255,.22);background:linear-gradient(180deg,#141416,#0d0d10 55%)}
.op.open .rad{border-color:var(--ink)}
.op.open .chev{border-color:var(--ink)}
.op .op-p.pill,.oc .t em{color:var(--soft2);border-color:var(--line2)}
.oc:hover{border-color:rgba(255,255,255,.25)}
.feat{background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,106,26,.18) 40%,rgba(255,255,255,.04))}
.bpk div,.how span{background:rgba(255,255,255,.04)}
.gs{background:linear-gradient(180deg,#131315,#0d0d10 45%)}
.btn.solid{box-shadow:0 10px 30px -12px rgba(255,106,26,.55)}
.btn.solid:hover{box-shadow:0 14px 40px -12px rgba(255,106,26,.7)}

/* ambient background: fainter glow that drifts slowly */
.bg{opacity:.55;animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}

/* motion: reveal on scroll (only when JS is on) */
.mo .m{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.mo .m.in{opacity:1;transform:none;filter:none}

/* hero headline: lines rise in one after another */
.mo h1 .ln{display:inline-block;opacity:0;transform:translateY(.45em);animation:ln .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes ln{to{opacity:1;transform:none}}

/* cards: lift + soft light on hover */
.pc,.oc,.num,.op{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.pc:hover,.num:hover{transform:translateY(-4px);box-shadow:0 22px 50px -24px rgba(0,0,0,.9)}
.pc img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pc:hover img{transform:scale(1.03)}

/* primary button: slow light sweep */
.btn.solid{position:relative;overflow:hidden}
.btn.solid:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);animation:sweep 5s ease-in-out 2s infinite}
@keyframes sweep{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

@media (prefers-reduced-motion:reduce){
  h1 i,h2 i,.gs h3 i,.bg,.btn.solid:after{animation:none}
  .mo .m,.mo h1 .ln{opacity:1;transform:none;filter:none;animation:none;transition:none}
}

/* chat launcher: dark, minimal, thin orange ring (was the orange pixel mascot) */
#ctc-b{width:54px!important;height:54px!important;background:#121214 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f2ee' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E") center/22px no-repeat!important;border:1px solid rgba(255,106,26,.55)!important;box-shadow:0 10px 30px -12px rgba(0,0,0,.9)!important}
#ctc-b img{display:none!important}
#ctc-b::after{border:1px solid rgba(255,106,26,.35)!important}
#ctc-t{border-color:rgba(255,255,255,.14)!important;bottom:27px!important;right:84px!important}

/* /apply: neutral labels, champagne headline, orange only on buttons */
.q label i,.more summary:after,.qt .k,.qt li::before{color:#b9b1a5!important}
h1 b{color:#e9dfd0!important;background:linear-gradient(100deg,#f4ede2,#d8c9b4 45%,#f4ede2 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 9s ease-in-out infinite}
.eyebrow{color:#b9b1a5!important}
.q.gold{border-color:rgba(255,255,255,.14)!important;background:linear-gradient(180deg,#131315,#0e0e11)!important}
.q{border-color:rgba(255,255,255,.08)}
.qt{border-color:rgba(255,255,255,.14)!important;background:linear-gradient(160deg,#141416,#0e0e11 70%)!important}
.ctbg{opacity:.5}
.cttop a.home:hover{border-color:rgba(255,255,255,.4)!important;color:#f4f2ee!important}

@media (max-width:760px){#ctc-t{display:none!important}}