:root{--black:#171713;--white:#faf9f6;--muted:#696963;--orange:#e96822;background:#faf9f6;color:#171713}
body{background:#faf9f6;color:#171713;overflow-x:clip}.wrap{max-width:1440px;width:calc(100% - 96px)}
h1,h2,.usecase-panel h3,.closing h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}p{line-height:1.6}
.nav{top:18px;height:62px;padding-inline:20px;color:#171713;z-index:100}.nav>a img{filter:brightness(0);width:158px}.nav>nav{background:#fff8;border-color:#17171320;color:#171713}.nav>nav a{color:#171713}.nav::before{background:#faf9f6ed}
.nav > a img{width:142px;height:auto}
.nav > nav:not(#mobile-nav){align-items:center;gap:14px;padding:0 8px}
.nav > nav:not(#mobile-nav) a{padding-block:0}
@media(max-width:700px){
  .nav{height:60px;padding-inline:14px}
  .nav > a img{width:125px}
  .nav #mobile-nav{top:calc(100% + 8px)}
}.mobile-menu{color:#171713}.mobile-menu span{background:currentColor}
.fin-hero{padding:150px 0 64px;min-height:820px;background:#faf9f6;overflow:hidden}.fin-hero .hero-content{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;position:relative;padding-top:0}.fin-copy{z-index:2}.fin-eyebrow{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:27px;color:#6b675f}.fin-hero h1{font-size:clamp(56px,6.1vw,92px);line-height:1.02;margin:0;max-width:800px;color:#171713}.fin-copy>p{font-size:19px;max-width:490px;color:#686860;margin:30px 0}.fin-actions{display:flex;gap:12px;flex-wrap:wrap}.fin-actions a{padding:16px 23px;border:1px solid #171713;border-radius:5px;font-size:14px;transition:transform .25s,background .25s}.fin-primary{background:#171713;color:white}.fin-secondary{background:transparent;color:#171713}.fin-actions a:hover{transform:translateY(-3px);background:#e96822;color:white;border-color:#e96822}.fin-copy>small{display:block;font-size:11px;color:#79766e;margin-top:20px}.fin-stage{position:relative;min-height:640px;display:grid;place-items:center;isolation:isolate}.fin-stage>video{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;z-index:-1;border-radius:46% 54% 40% 60%;opacity:.85;filter:saturate(.8);mask-image:radial-gradient(ellipse,#000 35%,transparent 71%)}.fin-conversation{width:85%;max-width:440px;padding:22px;background:#ffffffb8;backdrop-filter:blur(24px);border:1px solid #fff;border-radius:24px;box-shadow:0 30px 80px #6d341c19;animation:conversation-float 9s ease-in-out infinite}.fin-agent{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #29201915;font-size:16px}.fin-agent img{width:29px;filter:brightness(0)}.fin-agent small,.fin-file small{display:block;font-size:10px;color:#767067;margin-top:4px}.fin-status{width:7px;height:7px;background:#d47540;border-radius:50%;margin-left:auto}.fin-message{padding:17px 19px;border-radius:17px;margin-top:20px;font-size:14px;line-height:1.6;box-shadow:0 5px 20px #59280705}.fin-message.guest{margin-left:35px;background:#f0ebe5}.fin-message.agent{margin-right:24px;background:#fff}.fin-file{margin:20px 0 0 45px;background:#fff;padding:16px;display:flex;gap:12px;align-items:center;border-radius:14px;font-size:12px}.fin-file>span{font-size:28px}
.intro-band{background:#fff;color:#171713;margin:0;padding:85px 0}.intro-simple h2{font-size:52px}.intro-band p{color:#696963}.workspace,.possibilities,.plans-section{padding-block:90px}.workspace-heading h2,.section-heading h2{font-size:clamp(40px,4.7vw,68px)}.workspace-heading p,.section-heading>p,.workspace-notes p,.caption,.usecase-panel p,.feature-grid p,.control-section p,.plan-disclosure{color:#696963}.label,.product-badge{color:#a6572a}.product-frame{border-radius:4px;background:#f4e5d8;border:1px solid #e5d7cb;box-shadow:none}.frame-bar,.frame-bar a,.frame-bar button{color:#36342e}.workspace-notes{border-color:#17171320}.usecase-tabs{border-radius:0;background:transparent;border:0;border-bottom:1px solid #17171325;padding:0 0 16px}.usecase-tabs button{color:#77736c;border-radius:3px;padding:16px 20px}.usecase-tabs .tab-drop{background:#171713;border-radius:3px}.usecase-panel{background:#f6ede2;padding:55px;border-radius:3px}.request-card{background:#fffc;border:1px solid #fff;box-shadow:0 25px 50px #a85b1b0b;color:#171713;border-radius:16px}.request-card blockquote{color:#171713}.request-card>span,.request-card p{color:#817367}.request-tags span{color:#7b604e;background:#e8d6c333;border-color:#cbb7a3}.day-section{background:#f4efe6;border-radius:0;color:#171713}.feature-grid article{border-color:#17171320}.feature-grid a{color:#8c431f}.control-section{color:#171713}.system-section{border-radius:0}.plans-grid{gap:20px}.plan-card{background:#fff;color:#171713;border:1px solid #dedbd5;border-radius:5px;padding:32px;box-shadow:none}.plan-card h3,.plan-card .price{color:#171713}.plan-card>p,.plan-card ul,.plan-card .price span{color:#696963}.plan-card ul{border-color:#17171320}.plan-card.complete{background:#f7e8d8;border-color:#e4c4a3}.plan-card.complete h3,.plan-card.complete .price{color:#171713}.plan-card.complete>p,.plan-card.complete ul,.plan-card.complete .price span{color:#665849}.plan-card.complete .label{color:#9e4d26}.cta{border-radius:5px;background:#171713;color:white;border-color:#171713}.faq-section{color:#171713}.faq-section summary{color:#171713;border-color:#17171320}.faq-section details p{color:#696963}.closing{background:#eee5d7;color:#171713;border-radius:0;padding-block:100px}.closing img{filter:brightness(0)}footer{color:#696963;border-color:#17171320;padding-block:32px}.will-reveal{transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1)}
@keyframes conversation-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.fin-hero{padding-top:130px}.fin-hero .hero-content{grid-template-columns:1fr}.fin-hero h1{max-width:700px;font-size:clamp(48px,9vw,76px)}.fin-stage{min-height:550px}.fin-conversation{width:90%}.plans-grid{grid-template-columns:1fr}.usecase-panel{padding:28px}.workspace,.possibilities,.plans-section{padding-block:55px}.fin-copy>p{font-size:17px}.fin-stage>video{inset:0;width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.fin-conversation{animation:none}.fin-actions a{transition:none}}
.fin-hero::before,.fin-hero::after{display:none!important}.fin-hero .fin-conversation,.fin-hero .fin-conversation div{color:#27241f}.fin-hero h1{font-weight:400!important}.fin-hero .hero-content{min-height:0}.fin-hero{height:auto!important}.fin-copy{padding-block:20px}.fin-message.agent,.fin-message.guest{opacity:1!important}

@font-face{font-family:Serrif;src:url(assets/fonts/fin/Serrif_Light_subset-s.0xcw-beyjla6z.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}
@font-face{font-family:Serrif;src:url(assets/fonts/fin/Serrif_Regular_subset-s.01dfn90lujsv9.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:Saans;src:url(assets/fonts/fin/Saans_Regular-s.0y32wrc-1quhd.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:Saans;src:url(assets/fonts/fin/Saans_Medium-s.30fecupmfg4ht.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}
body,button,input,select,textarea{font-family:Saans,Arial,sans-serif;font-weight:400}h1,h2,.usecase-panel h3,.closing h2{font-family:Serrif,Georgia,serif;font-weight:300}.fin-hero h1{font-family:Serrif,Georgia,serif;font-weight:300!important;letter-spacing:-.046em;line-height:.95;font-size:6.25rem}.section-heading h2,.workspace-heading h2{font-weight:300;letter-spacing:-.04em;line-height:1}.fin-copy>p{letter-spacing:-.01em;line-height:1.4}.fin-agent,.fin-message,.fin-file,.fin-actions,.nav{font-family:Saans,Arial,sans-serif}.label,.fin-eyebrow{font-family:Saans,Arial,sans-serif}@media(max-width:1279px){.fin-hero h1{font-size:5rem}}@media(max-width:767px){.fin-hero h1{font-size:3rem;line-height:.95}.fin-copy>p{font-size:18px}}

/* The same warm neutrals connect the hero, product sections and footer. */
:root {
  color-scheme: light;
  --paper: #faf8f4;
  --sand: #f1e8dc;
  --ink: #24201c;
  --quiet: #655d54;
  --clay: #a84c24;
  --night: #211610;
  --line: #35221726;
  background: var(--paper);
}
body { background: var(--paper); color: var(--ink); }
.fin-hero {
  position: relative;
  isolation: isolate;
  max-height: none;
  min-height: 100svh;
  background: radial-gradient(ellipse at 78% 86%, #a5461c55, transparent 61%),
    linear-gradient(156deg, #1b100d 19%, #4c2114 65%, #8a3a1b 100%);
  color: #fff7ee;
}
.hero-fluid {
  position: absolute;
  z-index: -1;
  inset: -8%;
  pointer-events: none;
  background: url(assets/reference/aries-hero.jpg) center / cover;
  filter: grayscale(1) sepia(1) saturate(2) hue-rotate(-19deg);
  opacity: .25;
  mask-image: linear-gradient(115deg, transparent 10%, #000 64%, transparent 96%);
  animation: fluid-drift 22s ease-in-out infinite alternate;
}
@keyframes fluid-drift {
  from { transform: translate3d(-1%, -1%, 0) scale(1); }
  to { transform: translate3d(2%, 2%, 0) scale(1.12); }
}
.fin-hero h1 { color: #fff7ee; font-size: clamp(3.4rem, 6.05vw, 6.25rem); }
.fin-eyebrow, .fin-copy>p, .fin-copy>small { color: #e3cbbb; }
.fin-primary { background: #fff2e5; color: var(--night); }
.fin-secondary { color: #fff7ee; }
.fin-actions a { border-color: #ead1bc80; border-radius: 999px; }
.fin-actions a:hover { background: var(--clay); border-color: var(--clay); }
.fin-stage>video { opacity: .56; }
.fin-conversation { background: #fbf3e8ed; border-color: #fff5e6; }
.fin-file>span { color: var(--clay); }
.nav:not(.is-scrolled)>a img { filter: brightness(0) invert(1); }
.nav:not(.is-scrolled)>nav { background: #fff2e517; border-color: #fff2e542; }
.nav:not(.is-scrolled)>nav a, .nav:not(.is-scrolled) .mobile-menu { color: #fff7ee; }
.nav.is-scrolled::before { background: #faf8f4ef; }
.nav.is-scrolled #mobile-nav { background: var(--paper); }
.nav.is-scrolled #mobile-nav a { color: var(--ink); text-shadow: none; }
.intro-band {
  background: linear-gradient(180deg, #69402c, #a87d63 12%, #e1c8b4 29%, var(--paper) 58%);
  padding: 0;
  height: clamp(72px, 9vw, 145px);
}
.workspace, .possibilities, .plans-section, .faq-section { color: var(--ink); }
.intro-band p, .workspace-heading p, .section-heading>p, .workspace-notes p,
.caption, .usecase-panel p, .feature-grid p, .control-section p,
.plan-card>p, .plan-card ul, .plan-card .price span, .faq-section details p {
  color: var(--quiet);
}
.label, .product-badge { color: var(--clay); }
.system-section {
  background: linear-gradient(160deg, #40271d, var(--night) 64%);
  border: 0;
  border-radius: clamp(22px, 4vw, 64px);
  margin-bottom: 0;
}
.day-section { background: linear-gradient(180deg, var(--sand), var(--paper)); }
.plan-card { border-radius: 18px; border-color: var(--line); }
.plan-card.complete { background: #f4e4d5; border-color: #c78b64; }
.closing { background: linear-gradient(145deg, #f2e3d3, #e8c7ae); border-radius: 24px; }
.site-footer {
  margin-top: 64px;
  padding: 54px 0 24px;
  background: linear-gradient(155deg, #39261c, #211610 72%);
  color: #fff7ee;
}
.footer-main, .footer-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.footer-main { align-items: end; padding-bottom: 40px; }
.footer-main img { filter: brightness(0) invert(1); object-fit: contain; }
.footer-main p { margin-top: 14px; color: #e3cbbb; }
.footer-main nav { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.footer-meta { padding-top: 20px; border-top: 1px solid #fff7ee32; color: #e3cbbb; font-size: 13px; }
.site-footer a:hover { color: #ffbc8d; }
@media(max-width: 767px) {
  .fin-hero { padding-top: 110px; }
  .fin-hero h1 { font-size: clamp(2.8rem, 9vw, 4.3rem); }
  .fin-stage { min-height: 0; padding-block: 24px 12px; }
  .fin-conversation { width: 100%; }
  .footer-main, .footer-meta { gap: 16px; }
}
@media(prefers-reduced-motion: reduce) {
  .hero-fluid { animation: none; }
  .fin-stage>video { display: none; }
}

/* Keep component foregrounds paired with their actual surfaces. */
.workspace .product-badge {
  background: #ede1d6;
  color: #663820;
}
.workspace .product-frame {
  overflow: hidden;
  border-radius: clamp(16px, 2vw, 28px);
  background: #30231c;
}
.product-frame .frame-bar {
  height: auto;
  min-height: 46px;
  padding: 8px clamp(10px, 1.45vw, 20px);
  gap: 10px;
  background: #30231c;
}
.product-frame .frame-bar button {
  min-height: 34px;
  padding: 6px 14px;
  border-color: #a4775a80;
  border-radius: 999px;
  background: #ffffff0b;
}
.product-frame .frame-bar button:hover {
  background: #674430;
}
.product-frame .frame-bar a,
.product-frame .frame-bar button { color: #fff4e9; }
.product-frame .desktop-demo-link > span,
.product-frame .frame-bar a:hover { color: #f0b68f; }
.workspace-heading h2,
.possibilities .section-heading h2,
.plans-section .section-heading h2 { color: var(--ink); }
.usecase-tabs,
.usecase-tabs button,
.usecase-tabs .tab-drop { border-radius: 999px; }
.usecase-tabs {
  padding: 6px;
  border: 1px solid var(--line);
  background: #eee5dc;
}
.usecase-tabs button { color: var(--quiet); }
.usecase-tabs button[aria-selected="true"] { color: #fff7ee; }
.usecase-tabs .tab-drop { background: #30231c; }

/* Continue the workflow surface into the next section at the same color. */
.system-section {
  background: linear-gradient(165deg, #40271d, var(--night) 72%);
  border-radius: clamp(22px, 4vw, 64px) clamp(22px, 4vw, 64px) 0 0;
}
.system-section + .day-section {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding-top: clamp(150px, 17vw, 245px);
  background: linear-gradient(180deg, var(--night), #715747 60px, #bca795 110px, var(--sand) 150px, var(--paper));
}
.plan-card.complete { background: #f0e7dc; border-color: #bca391; }
.plan-card.complete .label,
.plan-card.complete li::before { color: #85543a; }
.plan-card.complete ul { border-color: #6b47352b; }
.plan-card.complete .cta { background: #76503e; border-color: #76503e; color: #fff8f1; }
.plan-card.complete .cta:hover { background: #593b2e; border-color: #593b2e; color: #fff8f1; }
.site-footer {
  padding-top: clamp(52px, 8vw, 114px);
  background: radial-gradient(ellipse at 72% 0%, #412a20, #221711 64%);
}
.footer-statement {
  max-width: 14ch;
  margin: 0 0 clamp(28px, 5vw, 64px);
  color: #fff5eb;
  font-size: clamp(2.8rem, 8vw, 8.25rem);
  line-height: .98;
  letter-spacing: -.072em;
}
.footer-statement em { color: #dbab8e; font-style: normal; }
.footer-main { align-items: start; padding-inline: 0; }
.footer-main img { display: block; }
.footer-main nav { display: grid; grid-template-columns: repeat(2, minmax(90px, 1fr)); }
@media (max-width: 700px) {
  .usecase-tabs { border-radius: 28px; }
  .site-footer .footer-meta { display: grid; gap: 10px; }
}

.aries-platform {
  background: #0c0c0c;
  color: #fff7ee;
  padding-block: clamp(70px, 10vw, 150px) 80px;
}
.aries-kicker, .aries-capability span {
  color: #e7a888;
  font-size: .75rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.aries-platform h2 {
  max-width: 17ch;
  font-family: Saans, Arial, sans-serif;
  font-size: clamp(2.5rem, 6.5vw, 6.6rem);
  line-height: .99;
  margin-block: 22px;
}
.aries-platform h2 em { color: #f58b67; font-style: normal; }
.aries-platform p { max-width: 46ch; color: #d3c3ba; }
.aries-platform-visual {
  position: relative;
  max-width: 1440px;
  margin: clamp(28px, 5vw, 68px) auto 0;
  aspect-ratio: 2.03774;
  border-top: 1px dashed #f58b6777;
  background: #0c0c0c url(assets/reference/aries/platform.jpg) center / cover;
}
.aries-platform canvas { width: 100%; height: 100%; display: block; }
.aries-platform-visual:has(canvas.is-rendering) { background-image: none; }
.aries-platform-mark {
  display: none;
  position: absolute;
  left: 37.55%;
  top: 74.7%;
  width: 6%;
  aspect-ratio: 1.34;

  border-radius: 50%;
  background: #0f0f0f;
  transform: translate(-50%, -50%) scaleY(.72);
  pointer-events: none;
}
.aries-platform canvas.is-rendering + .aries-platform-mark { display: block; }
.aries-platform-mark::after {
  content: "";
  position: absolute;
  inset: 18% 22%;
  background: #fff;
  mask: url(assets/nusku-brand/mark.png) center / contain no-repeat;
  transition: background-color .35s ease;
}
.aries-platform-visual.is-orchestration-hovered .aries-platform-mark::after {
  background: #ff843d;
  animation: nusku-platform-mark-pulse 1.25s ease-in-out infinite alternate;
}
@keyframes nusku-platform-mark-pulse {
  to { background-color: #ffb076; transform: scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
  .aries-platform-mark::after { animation: none; transition: none; }
}

@media (max-width: 809px) {
  .aries-platform-mark { left: 27.75%; top: 74.65%; width: 11%; }
}
.aries-capabilities {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 7vw, 120px);
  padding-top: 70px;
}
.aries-capability-intro { align-self: start; position: sticky; top: 120px; }
.aries-capability-intro h2 { font-size: clamp(2.35rem, 4.2vw, 4.6rem); }
.aries-capability-intro h2 em { color: #f29a60; }
#capability-data canvas { filter: sepia(1) saturate(1.55) hue-rotate(344deg); }
.aries-capability-intro nav { display: grid; margin-top: 30px; }
.aries-capability-intro a { padding: 12px 16px; border-left: 2px solid #80563e; color: #e6b38f; }
.aries-capability-intro a:hover,
.aries-capability-intro a[aria-current] { border-color: #f29a60; color: #ffaf76; }
.aries-capability {
  scroll-margin-top: 120px;
  padding: clamp(20px, 4vw, 48px);
  margin-bottom: 16px;
  border: 1px solid #413127;
  background: #16110f;
  border-radius: 12px;
}
.aries-capability h3 { margin: 12px 0; font-size: clamp(1.5rem, 3vw, 2.75rem); font-weight: 400; }
.aries-platform + .system-section { border-radius: 0; background: linear-gradient(#0c0c0c, var(--night) 72%); }
@media (max-width: 760px) {
  .aries-capabilities { grid-template-columns: 1fr; padding-top: 28px; }
  .aries-capability-intro { position: static; }
  .aries-platform-visual { aspect-ratio: 1.15; }
}

@font-face {
  font-family: "Aries Roobert";
  src: url(assets/fonts/aries-roobert.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
.aries-platform { background: #0d0d0d; padding-top: 64px; }
.aries-platform-heading,
.aries-platform-visual {
  width: min(100% - clamp(32px, 12vw, 144px), 1440px);
  border-inline: 1px dashed #f9582a42;
}
.aries-platform-heading {
  padding: 32px 16px;
  text-align: center;
  border-top: 1px dashed #f9582a42;
}
.aries-platform .aries-platform-heading h2 {
  max-width: 590px;
  margin: 24px auto 12px;
  font: 400 clamp(1.7rem, 2.65vw, 2.65rem)/1.1 "Aries Roobert", Arial, sans-serif;
  letter-spacing: -.02em;
}
.aries-platform-heading h2 em { color: #f9582a; }
.aries-platform-heading p { max-width: 62ch; margin-inline: auto; color: #fff; }
.aries-platform-heading .aries-kicker {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  background: #372018;
  color: #ff936e;
  text-transform: none;
  letter-spacing: 0;
}
.aries-kicker img { width: 15px; }
.aries-platform-visual {
  margin-top: 0;
  border-block: 1px dashed #f9582a42;
  background-color: #0d0d0d;
}

.fin-conversation {
  position: relative;
  isolation: isolate;
  background: linear-gradient(150deg, #fff7ed, #e2cfbd 75%, #f8eddf);
  box-shadow: 0 26px 65px #180b0859, inset 0 1px 0 #fff;
  animation: none;
  transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  transition: transform 360ms cubic-bezier(.2,.75,.25,1);
}
.fin-conversation::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse at var(--reflection-x, 20%) var(--reflection-y, 15%), #fffdf9 0%, transparent 68%),
    linear-gradient(115deg, transparent 32%, #ffffffa8 49%, transparent 66%) 160% 0 / 250% 100% no-repeat;
  animation: nusku-reflection 8s ease-in-out infinite;
}
@keyframes nusku-reflection {
  0%, 15% { background-position: 0 0, 160% 0; }
  70%, 100% { background-position: 0 0, -65% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .fin-conversation { transform: none; transition: none; }
  .fin-conversation::before { animation: none; }
}
@media (max-width: 809px) {
  .aries-platform-visual { aspect-ratio: 1.15; }
}

/* Fin’s opening sweep, with room for the serif descenders and shadows. */
@media (prefers-reduced-motion: no-preference) {
  .fin-hero .fin-copy h1 {
    margin-block: -.25em;
    padding-block: .25em;
    mask-image: linear-gradient(90deg, #000 47%, transparent 56%);
    mask-size: 300% 200%;
    mask-repeat: no-repeat;
    animation: nusku-hero-headline-reveal 1.8s cubic-bezier(.165, .84, .44, 1) both;
  }

  .fin-hero .fin-copy > :is(p, .fin-actions) {
    animation: nusku-hero-blur-fade 1s cubic-bezier(.165, .84, .44, 1) .4s both;
  }
}
@keyframes nusku-hero-headline-reveal {
  from { opacity: 0; filter: blur(8px); mask-position: 100% center; }
  to { opacity: 1; filter: blur(0); mask-position: 0 center; }
}
@keyframes nusku-hero-blur-fade {
  from { opacity: 0; filter: blur(8px); }
  to { opacity: 1; filter: blur(0); }
}
.plan-card { position: relative; isolation: isolate; }
.plan-pixels {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}
.plan-pixels.is-active { opacity: 1; }
@supports (background-clip: text) {
  .footer-statement em {
    background: linear-gradient(110deg, #dbab8e 34%, #fff0dc 50%, #dbab8e 66%) 110% center / 250% 100%;
    background-clip: text;
    color: transparent;
    animation: nusku-footer-shine 10s ease-in-out infinite;
  }
}
@keyframes nusku-footer-shine {
  0%, 22% { background-position: 110% center; }
  58%, 100% { background-position: -10% center; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-statement em { animation: none; }
  .plan-pixels { display: none; }
}

.fin-demo-feed {
  display: grid;
  grid-template-rows: minmax(66px, auto) 28px minmax(84px, auto) minmax(64px, auto) minmax(51px, auto);
  gap: 8px;
  margin-top: 12px;
}
.fin-demo-feed .fin-message, .fin-demo-feed .fin-file {
  margin-top: 0;
  align-content: center;
  transition: opacity .25s ease, transform .3s ease, visibility .25s;
}
.fin-demo-feed > .guest { grid-area: 1 / 1; }
.fin-demo-trace { grid-area: 2 / 1; }
.fin-demo-feed > .agent { grid-area: 3 / 1; }
.fin-demo-feed > .fin-file { grid-area: 4 / 1; }
.fin-demo-feed > .agent.last { grid-area: 5 / 1; }
.fin-demo-feed .fin-message { padding: 10px 13px; font-size: 13px; }
.fin-demo-feed .fin-file { padding: 10px 13px; }
.fin-demo-feed > .agent,
.fin-demo-feed > .fin-file,
.fin-demo-result > .fin-message {
  margin-inline: 0;
  border-radius: 16px;
  min-height: 48px;
}

.fin-demo-trace { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.fin-demo-trace > :first-child { color: #9d4c2b; font-size: 18px; }
.fin-demo-draft {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  align-self: center;
  margin-left: 35px;
  padding: 10px 13px;
  border: 1px solid #b1917b;
  border-radius: 16px;
  background: #fff7ee;
  font-size: 13px;
  visibility: hidden;
}
.fin-demo-draft > :last-child {
  flex: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  background: #38271e;
  color: #fff4e9;
}
.fin-demo-feed[data-phase="typing"] .fin-demo-draft { visibility: visible; }
.fin-demo-feed[data-phase="typing"] > :not(.fin-demo-draft),
.fin-demo-feed[data-phase="working"] :is(.agent, .fin-file) {
  visibility: hidden;
  opacity: 0 !important;
  transform: translateY(5px);
}
.fin-demo-feed[data-phase="working"] .fin-demo-trace > :first-child {
  animation: nusku-signal .65s ease-in-out infinite alternate;
}
.fin-demo-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  border-top: 1px solid #29201925;
  color: #675449;
  font-size: 11px;
}
.fin-demo-toggle {
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  min-height: 32px;
  padding-inline: 10px;
  text-decoration: underline;
}
.aries-capability canvas {
  aspect-ratio: 2;
  height: auto;
  margin-top: 22px;
  background: transparent;
}
@keyframes nusku-signal { to { opacity: .42; } }
.nusku-gradient-bands {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  height: clamp(220px, 33vw, 510px);
  background: linear-gradient(#201610, #41291d 44%, #a56140 76%, #e6b79a);
}
.nusku-gradient-bands i {
  background: linear-gradient(transparent 15%, #422c2166 56%, #4b2d2390 76%, transparent);
}
.nusku-gradient-bands i:nth-child(odd) { opacity: .15; }
.nusku-gradient-bands i:nth-child(3) { opacity: .85; }
.nusku-gradient-bands + .site-footer {
  margin-top: 0;
  background: linear-gradient(#e6b79a, #f4e6d9 85%);
  color: #2f211b;
}
.nusku-gradient-bands + .site-footer .footer-statement { color: #2f211b; }
.nusku-gradient-bands + .site-footer .footer-main img { filter: brightness(0); }
.nusku-gradient-bands + .site-footer .footer-meta { color: #554138; border-color: #553a3540; }
.nusku-gradient-bands + .site-footer a:hover { color: #713d25; }
.nusku-gradient-bands + .site-footer .footer-statement em {
  color: inherit;
  background: none;
  -webkit-text-fill-color: currentColor;
  animation: none;
}
.nusku-pixel-mark {
  display: inline-block;
  width: .72em;
  height: .72em;
  margin-inline: .12em;
  fill: currentColor;
  transform-origin: center;
}
.nav .nusku-pixel-mark { margin-inline: .45em 0; }

@media (prefers-reduced-motion: reduce) {
  .nusku-pixel-mark { animation: none; }
  .fin-demo-feed .fin-message, .fin-demo-feed .fin-file { transition: none; }
}
.fin-demo-feed > .fin-demo-result { grid-area: 5 / 1; }
.fin-demo-feed .fin-file[hidden], .fin-demo-result [hidden] { display: none; }
.fin-demo-feed[data-phase="working"] .fin-demo-result { visibility: hidden; }
.fin-demo-feed:has(.fin-file[hidden]) { grid-template-rows: minmax(66px, auto) 28px minmax(84px, auto) 0 minmax(115px, auto); }
.fin-demo-table { width: 100%; border-collapse: collapse; font-size: 11px; text-align: left; }
.fin-demo-table th, .fin-demo-table td { padding: 7px 10px; border-bottom: 1px solid #79513a32; }
.nav .nusku-pixel-mark { vertical-align: .02em; }
.nav > a { display: flex; align-items: center; }
.nav > a .nusku-pixel-mark { flex: 0 0 auto; }
.workspace.wrap { padding-top: clamp(36px, 5vw, 68px); }
.workspace-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 10px;
  text-align: center;
}
.workspace-heading h2 { margin-inline: 0; text-align: center; }
.workspace-shine { color: #82452d; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .workspace-shine {
    display: inline-block;
    padding-block-end: .16em;
    margin-block-end: -.16em;
    background: linear-gradient(112deg, #5b2e20 25%, #a15a38 43%, #b36c43 50%, #86482e 57%, #5b2e20 75%);
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  @media (prefers-reduced-motion: no-preference) {
    .workspace-shine { animation: workspace-sheen 5s linear infinite; }
  }
}
@keyframes workspace-sheen {
  from { background-position: 100% 50%; }
  to { background-position: 0% 50%; }
}
@media (forced-colors: active) {
  .workspace-shine { color: CanvasText; }
}
.possibilities .section-heading { display: block; text-align: center; }
.day-section .section-heading, .plans-section .section-heading { align-items: center; }
.site-footer .footer-meta { display: flex; justify-content: center; }
.nusku-pixel-mark { image-rendering: pixelated; flex-shrink: 0; }

.nusku-chat-launch:not([hidden]) {
  position: fixed;
  z-index: 8;
  right: 44px;
  bottom: max(38px, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(320px, calc(100% - 40px));
  height: 48px;
  padding: 0 8px 0 16px;
  border: 0;
  border-radius: 24px;
  background: rgb(255 255 255 / .9);
  color: #6c6f74;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 -1px #0000000d, 0 1px 3px #090e1533, 0 6px 14px #0000003d;
  font: 14px/1.4 system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.nusku-chat-launch svg {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 50%;
  background: #090e151a;
}
body:has(#nusku-chat[open]) .nusku-chat-launch { visibility: hidden; }
#nusku-chat {
  position: fixed;
  inset: auto 36px max(38px, env(safe-area-inset-bottom)) auto;
  margin: 0;
  width: min(560px, calc(100% - 52px));
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fafafa;
  overflow: visible;
  font: 14px/1.4 system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#nusku-chat::backdrop { background: transparent; }
.nusku-chat-panel {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: 56px minmax(0, 1fr);
  height: min(474px, calc(100dvh - 112px));
  border-radius: 24px;
  background: rgb(26 26 26 / .55);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  box-shadow: 0 1px 3px #00000026, 0 4px 12px #0003;
}
.nusku-chat-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 61% 29%, #20202055, transparent 65%), linear-gradient(#ffffff1a, transparent 50%);
}
.nusku-chat-panel header { display: flex; gap: 10px; align-items: center; padding: 0 16px; }
.nusku-chat-panel header img { width: 21px; height: 21px; object-fit: contain; filter: brightness(0) invert(1); }
.nusku-chat-panel header button, .nusku-chat-form button {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.nusku-chat-panel header button { margin-left: auto; background: transparent; color: inherit; }
.nusku-chat-panel button svg, .nusku-chat-form button svg { width: 16px; }
.nusku-chat-log {
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  padding: 8px 16px 16px;
}
.nusku-chat-log p { margin: 0; max-width: 88%; overflow-wrap: anywhere; }
.nusku-chat-log .nusku-chat-user {
  align-self: end;
  background: rgb(26 26 26 / .24);
  padding: 12px 16px;
  border-radius: 16px;
}
.nusku-chat-log .nusku-chat-typing { display: flex; gap: 4px; background: #fff2; padding: 13px 16px; border-radius: 99px; }
.nusku-chat-typing i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  animation: nusku-signal .55s ease-in-out infinite alternate;
}
.nusku-chat-typing i:nth-child(2) { animation-delay: .13s; }
.nusku-chat-typing i:nth-child(3) { animation-delay: .26s; }
.nusku-chat-form {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 8px 0 16px;
  margin: 9px 8px 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 -1px #0000000f, 0 2px 6px #090e1538, 0 8px 18px #00000047;
}
.nusku-chat-form input { flex: 1; min-width: 0; border: 0; background: transparent; color: #14161a; font: inherit; }
.nusku-chat-form input::placeholder { color: #6c6f74; }
.nusku-chat-form button { background: #242529; color: #fff; transition: color .2s, background-color .2s; }
.nusku-chat-form button:disabled { background: #090e151a; color: #6c6f74; cursor: default; }
@media (max-width: 640px) {
  .nusku-chat-launch:not([hidden]) { right: 20px; bottom: max(12px, env(safe-area-inset-bottom)); }
  #nusku-chat { inset-inline: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: auto; }
  .nusku-chat-panel { height: min(474px, calc(100dvh - 88px)); }
}
@media (max-width: 767px) {
  .day-section .section-heading > p, .plans-section .section-heading > p { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .nusku-pixel-mark { transition: none; }
  .nusku-chat-typing i { animation: none; }
}
.aries-hero-scene {
  position: absolute;
  inset: 0;
  pointer-events: none;
  filter: grayscale(1) sepia(1) saturate(2) hue-rotate(-18deg);
  mix-blend-mode: screen;
  opacity: .28;
}
.fin-hero .hero-word-copper { --word-gradient: linear-gradient(110deg, #fff0d6, #f5af7a 62%, #ee885a); }
.fin-hero .hero-word-amber { --word-gradient: linear-gradient(110deg, #f3a574, #ffdb9f); }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .fin-hero :is(.hero-word-copper, .hero-word-amber) {
    display: inline-block;
    /* Keep descenders inside the gradient paint box without changing line spacing. */
    padding-block-end: .2em;
    margin-block-end: -.2em;
    background-image: var(--word-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
@media (forced-colors: active) {
  .fin-hero :is(.hero-word-copper, .hero-word-amber) { color: CanvasText; }
}
.fin-hero .hero-content { z-index: 1; }
.fin-demo-draft {
  min-height: 48px;
  margin: 8px 0 0;
  visibility: visible;
  border-radius: 999px;
  border-color: #fff;
  background: #fff9f3;
  box-shadow: 0 5px 15px #38271e14;
}
.fin-demo-draft > :first-child { min-width: 0; overflow-wrap: anywhere; color: #675449; }

.possibilities .section-heading { margin-bottom: clamp(30px, 4vw, 52px); }
.possibilities .usecase-tabs {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  margin-bottom: clamp(20px, 2.8vw, 36px);
}

.day-section .feature-grid a {
  padding: 10px 16px;
  border: 1px solid #c8aa96;
  border-radius: 999px;
  background: #edddcf;
  color: #4e3326;
  text-decoration: none;
}
.day-section .feature-grid a:hover {
  border-color: #a87e67;
  background: #e3cab8;
  color: #3d281e;
}

.nusku-chat-launch span {
  overflow: hidden;
  white-space: nowrap;
  margin-right: 8px;
  mask-image: linear-gradient(90deg, #000 calc(100% - 22px), transparent);
}
.nusku-chat-launch svg { flex-shrink: 0; }
#nusku-chat:not(.has-conversation) .nusku-chat-panel,
#nusku-chat.has-conversation .nusku-chat-suggestions { display: none; }
.nusku-chat-suggestions {
  display: grid;
  justify-items: start;
  gap: 6px;
  margin-inline: 8px;
}
.nusku-chat-suggestions button {
  border: 0;
  border-radius: 24px;
  padding: 9px 16px;
  background: rgb(26 26 26 / .52);
  box-shadow: 0 1px 3px #0003;
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.nusku-chat-suggestions button:hover { background: #525252; }
.nusku-chat-form input:focus { outline: none; }
.nusku-chat-form:has(input:focus-visible) {
  box-shadow: 0 -1px #0000000f, 0 2px 6px #090e1538, 0 8px 18px #00000047, 0 0 0 2px #9f8374;
}
@media (prefers-reduced-motion: no-preference) {
  #nusku-chat[open] .nusku-chat-form {
    box-sizing: border-box;
    width: calc(100% - 16px);
    margin-inline-start: auto;
    animation: nusku-chat-composer-expand .36s cubic-bezier(.22,.61,.36,1) both;
  }
  #nusku-chat[open] .nusku-chat-suggestions button {
    animation: nusku-suggestion-enter .3s cubic-bezier(.22,.61,.36,1) .18s both;
  }
  #nusku-chat[open] .nusku-chat-suggestions button:nth-child(2) { animation-delay: .13s; }
  #nusku-chat[open] .nusku-chat-suggestions button:nth-child(3) { animation-delay: .08s; }
  #nusku-chat[open].has-conversation .nusku-chat-panel {
    animation: nusku-chat-panel-reveal .28s cubic-bezier(.22,.61,.36,1) both;
  }
}
@keyframes nusku-suggestion-enter {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes nusku-chat-composer-expand {
  from { width: min(320px, calc(100% - 16px)); }
  to { width: calc(100% - 16px); }
}
@keyframes nusku-chat-panel-reveal {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

#nusku-chat.is-closing { pointer-events: none; }
#nusku-chat.is-closing .nusku-chat-form { animation: none; }

.day-section .feature-grid a:has(.pdf-badge) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pdf-badge {
  padding: 3px 6px;
  border: 1px solid #9e765e;
  border-radius: 5px;
  font-size: .72em;
  line-height: 1;
  letter-spacing: .05em;
}
@media (max-width: 700px) {
  html {
    background: #221710;
    overscroll-behavior-y: none;
  }
  .nusku-gradient-bands {
    height: clamp(310px, 88vw, 440px);
    background: linear-gradient(var(--paper), #bc9b84 8%, #41291d 26%, #704530 55%, #a56140 75%, #e6b79a);
  }
  .nusku-gradient-bands + .site-footer {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
    background: linear-gradient(#e6b79a, #e3c6af 78%);
  }
}

/* The glass layer follows the header without changing its dimensions. */
.nav::before {
  background: #fff3e51c;
  border-color: #fff5e675;
  box-shadow: inset 0 1px 2px #fff8, inset 0 -1px 3px #f7dcc13b, 0 8px 28px #21161026;
  -webkit-backdrop-filter: blur(14px) saturate(155%);
  backdrop-filter: blur(14px) saturate(155%);
  opacity: 0;
  transition: opacity .35s ease;
}
.nav.is-scrolled::before {
  opacity: 1;
  background: rgb(255 255 255 / .97);
  border-color: #fff;
}
.nav.has-glass-refraction::before {
  backdrop-filter: url(#nusku-header-glass) blur(8px) saturate(145%);
}
.nav:not(.is-scrolled) > :is(nav:not(#mobile-nav), .mobile-menu) {
  background: transparent;
  border-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .nav::before { transition: none; }
}

.product-frame .frame-bar {
  min-height: 0;
  padding: clamp(10px, 1vw, 14px);
}
.product-frame .frame-bar button {
  min-height: 36px;
  padding-inline: 14px;
}

.nusku-chat-mobile-label,
.nusku-chat-panel header .nusku-chat-close { display: none; }

@media (max-width: 640px) {
  #nusku-chat[open] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    inset: max(11px, env(safe-area-inset-top)) 12px max(30px, env(safe-area-inset-bottom)) 12px;
    width: auto;
    height: auto;
    max-height: none;
    gap: 8px;
  }

  #nusku-chat[open] .nusku-chat-panel {
    display: grid;
    height: auto;
    min-height: 0;
    margin-inline: 2px;
    grid-template-rows: 50px minmax(0, 1fr) auto;
    border-radius: 22px;
    background: radial-gradient(ellipse at 18% 44%, #646464, transparent 68%), #747474;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .nusku-chat-panel::before { content: none; }
  .nusku-chat-panel header { gap: 8px; padding-inline: 14px 10px; }
  .nusku-chat-panel header strong { flex: 1; min-width: 0; }
  .nusku-chat-panel header strong span:first-child,
  .nusku-chat-desktop-label { display: none; }
  .nusku-chat-mobile-label { display: block; }
  .nusku-chat-panel header .nusku-chat-mobile-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nusku-chat-panel header .nusku-chat-close { display: grid; margin: 0; }
  .nusku-chat-log { gap: 10px; padding: 9px 14px 14px; }

  .nusku-chat-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 0;
    padding: 12px 14px clamp(14px, 4dvh, 30px);
  }
  .nusku-chat-suggestions button {
    padding: 8px 13px;
    background: #fafafa;
    color: #161616;
    box-shadow: none;
  }
  .nusku-chat-suggestions button:first-child { margin-inline-end: 30%; }
  .nusku-chat-suggestions button:hover { background: #eaeaea; }

  #nusku-chat[open] .nusku-chat-form {
    width: 100%;
    height: 44px;
    margin: 0;
    animation: none;
  }
  .nusku-chat-form input { font-size: 16px; }
}

@media (max-width: 640px) and (prefers-reduced-motion: no-preference) {
  #nusku-chat[open]:not(.is-closing) {
    animation: nusku-chat-panel-reveal .28s cubic-bezier(.22,.61,.36,1) both;
  }
  #nusku-chat[open].has-conversation .nusku-chat-panel { animation: none; }
}