body{
  background:var(--bg);
}
.cat-em{
  font-style:normal;
  background:linear-gradient(135deg, var(--cat), var(--cat-deep));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.c-hero{
  position:relative;
  padding:clamp(64px,8vw,120px) var(--pad) clamp(48px,5vw,80px);
  overflow:hidden;
}
.c-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(60% 50% at 80% 0%, color-mix(in oklch, var(--cat) 18%, transparent) 0%, transparent 60%),
    radial-gradient(40% 40% at 0% 100%, color-mix(in oklch, var(--cat) 10%, transparent) 0%, transparent 60%);
  pointer-events:none;
  z-index:0;
}
.c-hero-inner{
  position:relative;
  z-index:1;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:64px;
  align-items:center;
}
@media (max-width:980px){
  .c-hero-inner{grid-template-columns:1fr; gap:40px}
}
.c-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--ink-muted);
  font-weight:500;
  margin-bottom:24px;
}
.c-eyebrow .dot{
  width:7px;height:7px;
  border-radius:50%;
  background:var(--cat);
  box-shadow:0 0 0 4px color-mix(in oklch, var(--cat) 14%, transparent);
}
.c-eyebrow .num{color:var(--cat); font-weight:600}
.c-h1{
  font-family:var(--f-display);
  font-weight:800;
  font-size:clamp(44px, 6.8vw, 96px);
  line-height:0.95;
  letter-spacing:-0.035em;
  color:var(--ink);
  margin-bottom:24px;
  text-wrap:balance;
}
.c-h1 em{
  font-style:normal;
  background:linear-gradient(135deg, var(--cat), var(--cat-deep));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.c-lead{
  font-size:clamp(16px, 1.3vw, 19px);
  line-height:1.6;
  color:var(--ink-muted);
  max-width:54ch;
  margin:0 0 36px;
  text-wrap:pretty;
}
.c-meta{
  display:flex;
  align-items:stretch;
  gap:0;
  flex-wrap:wrap;
}
.c-meta-item{
  padding:0 24px;
  border-left:1px solid var(--line);
}
.c-meta-item:first-child{
  padding-left:0;
  border-left:0;
}
.c-meta-n{
  font-family:var(--f-display);
  font-weight:800;
  font-size:28px;
  letter-spacing:-0.025em;
  color:var(--ink);
  line-height:1;
  margin-bottom:6px;
}
.c-meta-n em{
  font-style:normal;
  color:var(--cat);
}
.c-meta-l{
  font-family:var(--f-mono);
  font-size:10.5px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.c-hero-visual{
  position:relative;
  height:clamp(360px, 38vw, 480px);
  width:100%;
}
.c-stack{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.c-card-3d{
  position:absolute;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
  box-shadow:var(--sh-float);
  padding:22px;
  width:280px;
  transition:transform .6s var(--ease-out);
}
.c-card-3d.c-card-back{
  transform:translate(-90px,-40px) rotate(-7deg);
  opacity:.7;
}
.c-card-3d.c-card-mid{
  transform:translate(0px,0px) rotate(0deg);
  z-index:2;
}
.c-card-3d.c-card-front{
  transform:translate(80px,40px) rotate(5deg);
  z-index:3;
}
.c-card-3d .c3-eye{
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-bottom:14px;
}
.c-card-3d .c3-icon{
  width:48px; height:48px;
  border-radius:var(--r-md);
  background:color-mix(in oklch, var(--cat) 12%, var(--bg));
  color:var(--cat);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:14px;
}
.c-card-3d .c3-icon svg{width:24px;height:24px;stroke-width:2.2}
.c-card-3d .c3-name{
  font-family:var(--f-display);
  font-weight:700;
  font-size:18px;
  letter-spacing:-0.015em;
  color:var(--ink);
  margin-bottom:6px;
}
.c-card-3d .c3-desc{
  font-size:13px;
  color:var(--ink-muted);
  line-height:1.5;
}
.c-card-3d .c3-tag{
  display:inline-block;
  margin-top:14px;
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--cat);
  background:color-mix(in oklch, var(--cat) 12%, var(--bg));
  padding:5px 10px;
  border-radius:var(--r-pill);
  font-weight:600;
}
.c-strip{
  padding:0 var(--pad) clamp(24px,3vw,40px);
}
.c-strip-inner{
  max-width:var(--max);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 24px;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  box-shadow:0 1px 0 rgba(15,10,44,.04);
  overflow-x:auto;
  scrollbar-width:none;
}
.c-strip-inner::-webkit-scrollbar{display:none}
.c-strip-lbl{
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--ink-soft);
  flex-shrink:0;
}
.c-strip-row{
  display:flex;
  align-items:center;
  gap:18px;
  flex:1;
  flex-wrap:nowrap;
}
.c-fmt{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--f-mono);
  font-size:13px;
  font-weight:500;
  color:var(--ink);
  white-space:nowrap;
}
.c-fmt .d{
  width:6px; height:6px;
  border-radius:50%;
  background:var(--cat);
}
.c-featured-wrap{
  padding:clamp(40px,5vw,72px) var(--pad);
}
.c-featured{
  max-width:var(--max);
  margin:0 auto;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-2xl);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  box-shadow:var(--sh-card);
  position:relative;
}
@media (max-width:880px){
  .c-featured{grid-template-columns:1fr}
}
.c-featured-copy{
  padding:clamp(32px,4vw,56px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.c-feat-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  padding:6px 12px 6px 8px;
  background:color-mix(in oklch, var(--cat) 14%, var(--bg));
  color:var(--cat-deep);
  border-radius:var(--r-pill);
  font-family:var(--f-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-bottom:22px;
}
.c-feat-pill .star{
  width:18px; height:18px;
  background:var(--cat);
  color:#fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.c-feat-pill .star svg{width:10px;height:10px;stroke-width:3}
.c-feat-title{
  font-family:var(--f-display);
  font-weight:800;
  font-size:clamp(32px, 4vw, 52px);
  line-height:1.02;
  letter-spacing:-0.03em;
  color:var(--ink);
  margin-bottom:18px;
  text-wrap:balance;
}
.c-feat-title em{
  font-style:normal;
  background:linear-gradient(135deg, var(--cat), var(--cat-deep));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.c-feat-desc{
  font-size:16px;
  line-height:1.6;
  color:var(--ink-muted);
  margin:0 0 28px;
  max-width:46ch;
  text-wrap:pretty;
}
.c-feat-checks{
  list-style:none;
  padding:0;
  margin:0 0 32px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.c-feat-checks li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:14px;
  color:var(--ink-2);
}
.c-feat-checks li svg{
  flex-shrink:0;
  width:18px; height:18px;
  margin-top:3px;
  color:var(--tri-green);
  background:var(--accent-soft);
  padding:2px;
  border-radius:50%;
  box-sizing:content-box;
}
.c-feat-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  padding:14px 22px;
  background:var(--cat);
  color:#fff;
  border-radius:var(--r-pill);
  font-weight:600;
  font-size:15px;
  box-shadow:0 14px 32px -10px color-mix(in oklch, var(--cat) 55%, transparent),
             0 4px 12px color-mix(in oklch, var(--cat) 25%, transparent);
  transition:transform .25s var(--ease-out), background .2s;
}
.c-feat-cta:hover{
  transform:translateY(-2px);
  background:var(--cat-deep);
}
.c-feat-cta svg{width:18px;height:18px;stroke-width:2.4}
.c-featured-visual{
  position:relative;
  background:
    linear-gradient(135deg,
      color-mix(in oklch, var(--cat) 8%, var(--bg)) 0%,
      color-mix(in oklch, var(--cat) 18%, var(--bg)) 100%);
  min-height:380px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  overflow:hidden;
}
.c-featured-visual::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(color-mix(in oklch, var(--cat) 18%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in oklch, var(--cat) 18%, transparent) 1px, transparent 1px);
  background-size:32px 32px;
  opacity:.5;
  -webkit-mask-image:radial-gradient(circle at center, #000 0%, transparent 70%);
  mask-image:radial-gradient(circle at center, #000 0%, transparent 70%);
}
.c-tools-wrap{
  padding:clamp(60px,8vw,110px) var(--pad);
  background:var(--surface);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.c-tools-inner{
  max-width:var(--max);
  margin:0 auto;
}
.c-tools-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.c-tools-head-left .eyebrow{
  display:block;
  margin-bottom:14px;
}
.c-tools-head-left h2{
  font-family:var(--f-display);
  font-size:clamp(28px,3.2vw,44px);
  font-weight:700;
  letter-spacing:-0.025em;
  line-height:1.05;
  color:var(--ink);
  margin:0;
  text-wrap:balance;
  max-width:18ch;
}
.c-tools-head-left h2 em{
  font-style:normal;
  background:linear-gradient(135deg, var(--cat), var(--cat-deep));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.c-tools-head-right{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  max-width:560px;
}
.c-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 14px;
  border-radius:var(--r-pill);
  background:var(--surface-2);
  border:1px solid var(--line);
  font-size:13px;
  font-weight:500;
  color:var(--ink-muted);
  cursor:pointer;
  transition:all .2s var(--ease-out);
}
.c-chip:hover{
  border-color:var(--cat);
  color:var(--cat);
  background:color-mix(in oklch, var(--cat) 8%, var(--surface-2));
}
.c-chip.active{
  background:var(--ink);
  color:#fff;
  border-color:var(--ink);
}
.c-tools-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
@media (max-width:900px){.c-tools-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width:560px){.c-tools-grid{grid-template-columns:1fr}}
.c-tool{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:28px;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
  transition:transform .35s var(--ease-out), box-shadow .35s, border-color .25s;
  overflow:hidden;
  color:inherit;
}
.c-tool::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background:var(--cat);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s var(--ease-out);
}
.c-tool:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-float);
  border-color:transparent;
}
.c-tool:hover::before{transform:scaleX(1)}
.c-tool-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:4px;
}
.c-tool-num{
  font-family:var(--f-mono);
  font-size:10.5px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--ink-soft);
  font-weight:500;
}
.c-tool-num em{
  font-style:normal;
  color:var(--cat);
  font-weight:600;
}
.c-tool-pin{
  font-family:var(--f-mono);
  font-size:9.5px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  font-weight:600;
  padding:4px 8px;
  border-radius:var(--r-pill);
  background:var(--accent);
  color:var(--ink);
}
.c-tool-icon{
  width:52px; height:52px;
  border-radius:var(--r-md);
  background:color-mix(in oklch, var(--cat) 12%, var(--bg));
  color:var(--cat);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .25s, color .25s;
}
.c-tool-icon svg{
  width:24px; height:24px;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.c-tool:hover .c-tool-icon{
  background:var(--cat);
  color:#fff;
}
.c-tool-name{
  font-family:var(--f-display);
  font-weight:700;
  font-size:19px;
  letter-spacing:-0.015em;
  color:var(--ink);
  line-height:1.2;
  margin:0;
}
.c-tool-desc{
  font-size:14px;
  color:var(--ink-muted);
  line-height:1.55;
  margin:0;
  text-wrap:pretty;
}
.c-tool-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:6px;
}
.c-tool-tag{
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
  font-weight:500;
  padding:3px 8px;
  background:var(--bg);
  border-radius:var(--r-pill);
  border:1px solid var(--line);
}
.c-tool-foot{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.c-tool-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--f-mono);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--cat);
  transition:gap .2s var(--ease-out);
}
.c-tool:hover .c-tool-link{gap:11px}
.c-tool-link svg{width:14px;height:14px;stroke-width:2.4}
.c-tool-spec{
  font-family:var(--f-mono);
  font-size:10.5px;
  color:var(--ink-soft);
}
.c-trust-wrap{
  padding:clamp(48px,6vw,80px) var(--pad);
}
.c-trust{
  max-width:var(--max);
  margin:0 auto;
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-2xl);
  padding:clamp(28px,3.5vw,44px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:32px;
  align-items:center;
  box-shadow:var(--sh-card);
}
@media (max-width:880px){
  .c-trust{grid-template-columns:1fr; gap:24px; text-align:left}
}
.c-trust-badge{
  width:72px; height:72px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--cat), var(--cat-deep));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--f-display);
  font-weight:800;
  font-size:32px;
  letter-spacing:-0.04em;
  flex-shrink:0;
  box-shadow:0 12px 28px -8px color-mix(in oklch, var(--cat) 60%, transparent);
}
.c-trust-copy h3{
  font-family:var(--f-display);
  font-weight:700;
  font-size:22px;
  letter-spacing:-0.018em;
  color:var(--ink);
  margin:0 0 8px;
  line-height:1.2;
  text-wrap:balance;
}
.c-trust-copy p{
  font-size:14px;
  color:var(--ink-muted);
  line-height:1.55;
  margin:0;
  max-width:48ch;
}
.c-trust-stats{
  display:flex;
  gap:32px;
}
@media (max-width:560px){.c-trust-stats{gap:20px}}
.c-trust-stat .n{
  font-family:var(--f-display);
  font-weight:800;
  font-size:32px;
  letter-spacing:-0.03em;
  color:var(--ink);
  line-height:1;
}
.c-trust-stat .n em{font-style:normal; color:var(--cat)}
.c-trust-stat .l{
  font-family:var(--f-mono);
  font-size:10.5px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--ink-soft);
  margin-top:6px;
}
.c-faq-wrap{
  padding:clamp(60px,8vw,110px) var(--pad);
  background:var(--surface);
  border-top:1px solid var(--line);
}
.c-faq-inner{
  max-width:780px;
  margin:0 auto;
}
.c-faq-head{
  text-align:center;
  margin-bottom:48px;
}
.c-faq-head .eyebrow{display:inline-block; margin-bottom:14px;}
.c-faq-head h2{
  font-family:var(--f-display);
  font-size:clamp(28px,3.4vw,44px);
  font-weight:700;
  letter-spacing:-0.028em;
  line-height:1.05;
  color:var(--ink);
  margin:0;
  text-wrap:balance;
}
.c-faq-list{display:flex; flex-direction:column; gap:10px;}
.c-faq-item{
  background:var(--surface-2);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  overflow:hidden;
  transition:box-shadow .25s, border-color .2s;
}
.c-faq-item[open]{
  border-color:var(--line-strong);
  box-shadow:var(--sh-card);
}
.c-faq-item summary{
  cursor:pointer;
  padding:20px 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-family:var(--f-display);
  font-size:16px;
  font-weight:600;
  letter-spacing:-0.005em;
  list-style:none;
  color:var(--ink);
}
.c-faq-item summary::-webkit-details-marker{display:none}
.c-faq-item .plus{
  width:28px; height:28px;
  background:var(--bg);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ink-muted);
  flex-shrink:0;
  transition:transform .3s var(--ease-spring), background .2s, color .2s;
}
.c-faq-item[open] .plus{
  transform:rotate(45deg);
  background:var(--cat);
  color:#fff;
}
.c-faq-item .body{
  padding:0 24px 22px;
  color:var(--ink-muted);
  font-size:14.5px;
  line-height:1.65;
  text-wrap:pretty;
}
.c-faq-item .body code{
  font-family:var(--f-mono);
  background:var(--bg);
  padding:1px 6px;
  border-radius:4px;
  color:var(--ink);
  font-size:.92em;
}
.c-final-wrap{
  padding:clamp(48px,6vw,80px) var(--pad);
}
.c-final{
  max-width:var(--max);
  margin:0 auto;
  background:var(--ink);
  color:#fff;
  border-radius:var(--r-2xl);
  padding:clamp(48px,6vw,80px) clamp(28px,5vw,72px);
  position:relative;
  overflow:hidden;
}
.c-final::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(60% 50% at 20% 0%, color-mix(in oklch, var(--cat) 55%, transparent) 0%, transparent 60%),
    radial-gradient(50% 50% at 100% 100%, rgba(190,230,31,.20) 0%, transparent 60%);
  pointer-events:none;
  filter:blur(40px);
}
.c-final-inner{
  position:relative;
  max-width:720px;
  margin:0 auto;
  text-align:center;
}
.c-final-eye{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:24px;
  padding:6px 14px;
  border:1px solid rgba(190,230,31,0.2);
  border-radius:var(--r-pill);
  background:rgba(190,230,31,0.05);
}
.c-final-eye .pip{
  width:6px; height:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 8px var(--accent);
}
.c-final h2{
  font-family:var(--f-display);
  font-size:clamp(34px, 4.6vw, 60px);
  font-weight:800;
  letter-spacing:-0.032em;
  line-height:1.02;
  color:#fff;
  margin:0 0 18px;
  text-wrap:balance;
}
.c-final h2 em{
  font-style:normal;
  background:linear-gradient(135deg, var(--accent), var(--accent-deep));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.c-final p{
  font-size:17px;
  color:rgba(255,255,255,0.65);
  line-height:1.55;
  margin:0 auto 32px;
  max-width:54ch;
}
.c-final-cta-row{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}
.c-final-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  border-radius:var(--r-pill);
  font-weight:600;
  font-size:15px;
  transition:transform .25s var(--ease-out), background .2s;
}
.c-final-btn-primary{
  background:#fff;
  color:var(--ink);
}
.c-final-btn-primary:hover{
  transform:translateY(-2px);
  background:var(--accent);
}
.c-final-btn-ghost{
  background:rgba(255,255,255,.06);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
}
.c-final-btn-ghost:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.12);
}
.c-final-btn svg{width:18px;height:18px;stroke-width:2.4}
.c-final-bullets{
  display:flex;
  gap:24px;
  justify-content:center;
  margin-top:28px;
  font-family:var(--f-mono);
  font-size:11px;
  color:rgba(255,255,255,0.55);
  text-transform:uppercase;
  letter-spacing:0.1em;
  flex-wrap:wrap;
}
.c-final-bullets span{position:relative}
.c-final-bullets span+span::before{
  content:"";
  position:absolute;
  left:-13px; top:50%;
  width:3px; height:3px;
  border-radius:50%;
  background:rgba(255,255,255,0.3);
  transform:translateY(-50%);
}
.c-nav-wrap{
  position:sticky; top:14px; z-index:60;
  padding:14px var(--pad) 0;
}
.c-nav{
  max-width:var(--max);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border-radius:var(--r-pill);
  background:rgba(252,250,249,.86);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(15,10,44,.03), 0 12px 30px -16px rgba(15,10,44,.12);
}
.c-nav .brand{
  font-family:var(--f-display);
  font-weight:800;
  font-size:18px;
  letter-spacing:-0.02em;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
}
.c-nav .brand .g{color:var(--tri-green)}
.c-nav .brand .b{color:var(--ink); -webkit-text-stroke:1.2px var(--ink); paint-order:stroke fill; }
.c-nav .brand .com{color:var(--tri-red)}
.c-nav .brand .sep{color:var(--ink-soft); margin:0 2px; font-weight:400}
.c-nav-links{
  display:flex; gap:2px; margin-left:6px;
}
@media (max-width:780px){.c-nav-links{display:none}}
.c-nav-link{
  padding:9px 14px;
  border-radius:var(--r-pill);
  font-size:14px;
  font-weight:500;
  color:var(--ink-muted);
  position:relative;
  transition:color .2s, background .2s;
}
.c-nav-link:hover{
  color:var(--ink);
  background:rgba(15,10,44,.04);
}
.c-nav-link.active{
  color:var(--ink);
  background:rgba(15,10,44,.05);
}
.c-nav-link.active::before{
  content:"";
  position:absolute;
  left:14px; right:14px; bottom:5px;
  height:2px;
  border-radius:2px;
  background:var(--accent-color, var(--primary));
}
.c-nav-link-imagine{--accent-color:var(--c-image)}
.c-nav-link-pdf{--accent-color:var(--c-pdf)}
.c-nav-link-convert{--accent-color:var(--c-convert)}
.c-nav-link-compress{--accent-color:var(--c-compress)}
.c-nav-link-calc{--accent-color:var(--c-calc)}
.c-nav-spacer{flex:1}
.c-nav-cta{display:flex; gap:8px}
.c-nav-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:var(--r-pill);
  font-size:14px;
  font-weight:600;
  transition:transform .2s, background .2s;
}
.c-nav-btn.white{
  background:var(--surface-2);
  color:var(--ink);
  border:1px solid var(--line);
}
.c-nav-btn.solid{
  background:var(--ink);
  color:#fff;
}
.c-nav-btn.solid svg{width:14px;height:14px;stroke-width:2.4}
.c-nav-btn.solid:hover{transform:translateY(-1px); background:var(--ink-2)}
.c-footer{
  position:relative;
  background:var(--ink);
  color:rgba(255,255,255,.7);
  padding:90px var(--pad) 30px;
  margin-top:60px;
}
.c-footer-wave{
  position:absolute;
  top:-1px; left:0; right:0;
  width:100%; height:80px;
  transform:translateY(-99%);
  display:block;
}
.c-footer-grid{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:48px;
  margin-bottom:48px;
}
@media (max-width:760px){.c-footer-grid{grid-template-columns:1fr 1fr; gap:32px}}
.c-footer-brand .brand{
  font-family:var(--f-display);
  font-weight:800;
  font-size:24px;
  letter-spacing:-0.02em;
  margin-bottom:14px;
  display:inline-flex;
}
.c-footer-brand .brand .g{color:var(--tri-green)}
.c-footer-brand .brand .b{color:#fff}
.c-footer-brand .brand .com{color:var(--tri-red)}
.c-footer-brand .brand .sep{color:rgba(255,255,255,.3); margin:0 3px}
.c-footer-brand p{
  color:rgba(255,255,255,.5);
  font-size:14px;
  line-height:1.6;
  max-width:38ch;
  margin:0;
}
.c-footer h4{
  font-family:var(--f-display);
  font-size:13px;
  color:#fff;
  margin:0 0 14px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-weight:600;
}
.c-footer ul{
  list-style:none;
  padding:0; margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.c-footer ul a{
  color:rgba(255,255,255,.55);
  font-size:14px;
  transition:color .15s;
}
.c-footer ul a:hover{color:#fff}
.c-footer-bottom{
  max-width:var(--max);
  margin:0 auto;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  font-family:var(--f-mono);
  font-size:11px;
  color:rgba(255,255,255,.35);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  text-transform:uppercase;
  letter-spacing:0.08em;
}
.r-in{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.r-in.on{opacity:1; transform:translateY(0)}
.r-in.d1{transition-delay:.08s}
.r-in.d2{transition-delay:.16s}
.r-in.d3{transition-delay:.24s}
.r-in.d4{transition-delay:.32s}
.r-in.d5{transition-delay:.4s}
@media (prefers-reduced-motion:reduce){
  .r-in{opacity:1; transform:none; transition:none}
}