/* The five page faces are loaded from Google Fonts by index.html (the user's choice). The seal's
   Courier Prime Bold stays in fonts/, embedded in the print SVG, so the PNG never depends on it. */

/* ============================================================================
   TRUECOPY — the machine page.
   Ported from the Claude Design template `design-ref/CopyFlow.dc.html`; every
   number below is the template's or a token's, transcribed rather than rounded
   (7.282258px is real). The tokens are copied verbatim from
   `design-ref/tokens/{colors,elevation,spacing,typography}.css`.
   ========================================================================= */

/* --- tokens/colors.css ---------------------------------------------------- */
:root{
/* Brand */
--tc-red:#DD0B00;
--tc-steel:#638596;
/* Paper / page */
--tc-paper:#DCD3C3;
--tc-ink:#000000;
--tc-ink-60:rgba(0,0,0,0.6);
--tc-copy-title:#403A2E;
--tc-copy-body:#7A7A7A;
/* Machine shell */
--tc-shell-label:#5F5842;
--tc-shell-muted:#867F6B;
--tc-shell-emboss:#B29F7B;
--tc-bezel:#7A7362;
--tc-chevron-ink:#1E1E20;
/* LCD */
--tc-lcd:#ABB377;
--tc-lcd-ink:#343331;
/* Green key family */
--tc-green-face:#7BA168;
--tc-green-face-pressed:#668357;
--tc-green-hi:#C2E8AC;
--tc-green-lo:#506047;
/* Start key family */
--tc-start-face:#9ECE85;
--tc-start-face-pressed:#83A870;
--tc-start-lo:#70A257;
/* Grey key family */
--tc-grey-face:#AFAFAF;
--tc-grey-face-pressed:#898989;
--tc-grey-hi:#E6E1E1;
--tc-grey-lo:#928771;
--tc-grey-lo-pressed:#6D6D6D;
/* Amber key family — OK confirm key */
--tc-amber-face:#DC8903;
--tc-amber-face-pressed:#B06F02;
--tc-amber-hi:#F2C77A;
--tc-amber-lo:#8A5A16;
/* LED */
--tc-led-on:#B3FF8D;
--tc-led-off:#426631;
/* Scrims */
--tc-scrim-22:rgba(0,0,0,0.22);
--tc-scrim-25:rgba(0,0,0,0.25);
--tc-scrim-36:rgba(0,0,0,0.36);
--tc-scrim-80:rgba(0,0,0,0.8);
/* Semantic aliases */
--surface-page:var(--tc-paper);
--surface-card:var(--tc-paper);
--surface-lcd:var(--tc-lcd);
--text-display:var(--tc-ink);
--text-body:var(--tc-ink-60);
--text-card-title:var(--tc-copy-title);
--text-card-body:var(--tc-copy-body);
--text-lcd:var(--tc-lcd-ink);
--text-machine:var(--tc-shell-label);
--text-machine-muted:var(--tc-shell-muted);
--text-machine-emboss:var(--tc-shell-emboss);
--border-bezel:var(--tc-bezel);
--brand-primary:var(--tc-red);
--brand-secondary:var(--tc-steel);
--led-on:var(--tc-led-on);
--led-off:var(--tc-led-off);
}

/* --- tokens/elevation.css ------------------------------------------------- */
:root{
--bevel-casing:0 0 0 1px var(--tc-bezel);
--bevel-casing-start:0 0 0 0.857px var(--tc-bezel);
--bevel-key-green:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-green-hi),inset -1.660px -1.880px 1.330px 0px var(--tc-green-lo);
--bevel-key-green-pressed:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-green-lo);
--bevel-key-grey:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-grey-hi),inset -1.660px -1.880px 1.330px 0px var(--tc-grey-lo);
--bevel-key-amber:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-amber-hi),inset -1.660px -1.880px 1.330px 0px var(--tc-amber-lo);
--bevel-key-amber-pressed:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-amber-lo);
--bevel-key-grey-pressed:0 0 0 1px var(--tc-bezel),inset 1.440px 1.440px 0.880px 0px var(--tc-grey-lo-pressed);
--bevel-start:inset -0.568px -0.758px 1.137px 0px var(--tc-start-lo),inset 0.379px 0.379px 0.758px 0px var(--tc-green-hi);
--bevel-start-pressed:inset 0.429px 0.429px 2.571px 0px var(--tc-green-lo);
--bevel-lcd:inset 0.500px 1px 3px 0px var(--tc-scrim-25);
--emboss-plate:0px -0.200px 0.200px 0px var(--tc-scrim-36);
--gradient-key-top:linear-gradient(180deg,var(--tc-scrim-22) 90%);
}

/* --- tokens/spacing.css --------------------------------------------------- */
:root{
--space-2:2px;
--space-5:5px;
--space-6:6.935483932495117px;
--space-7:7px;
--space-10:10px;
--space-12:12px;
--space-16:16px;

--radius-hairline:1px;
--radius-lcd:2px;
--radius-key:3px;
--radius-frame:5px;
--radius-led-bevel:1.2467503547668457px;
--radius-start:18.000001907348633px;
--radius-round:50%;

--screen-width:393px;
--hero-width:660px;
--hero-height:772px;
--faq-card-width:382px;
}

/* --- tokens/typography.css ------------------------------------------------ */
:root{
--font-display:"Instrument Serif",ui-serif,Georgia,"Times New Roman",serif;
--font-body:"Liter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-lcd:"Doto",ui-monospace,monospace;
--font-machine:"Chathura",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-label:"Saira Condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

--text-hero-size:36px;      --text-hero-lh:40px;      --text-hero-weight:400;
--text-card-title-size:16px;--text-card-title-lh:1.4; --text-card-title-weight:400;
--text-card-body-size:14px; --text-card-body-lh:1.4;  --text-card-body-weight:400;
--text-body-size:12px;      --text-body-lh:100%;      --text-body-weight:400;
--text-lcd-size:7.282258033752441px; --text-lcd-lh:100%; --text-lcd-weight:800;
--text-status-size:10px;    --text-status-lh:100%;    --text-status-weight:800;
--text-plate-size:15px;     --text-plate-lh:100%;     --text-plate-weight:800;
--text-key-size:8px;        --text-key-lh:100%;       --text-key-weight:500;
}

/* --- base ---------------------------------------------------------------- */
body{margin:0;background:var(--tc-paper);color:var(--text-display);font-family:var(--font-body)}
/* every hidden part of the machine sets `hidden`, and several of them carry a
   display rule that would otherwise beat the UA sheet */
[hidden]{display:none !important}
a{color:var(--brand-secondary)}
a:hover{color:var(--brand-primary)}

/* The paper feed: 8000ms, 20 equal steps of 5%, steps 6 and 12 held 1.5x as long.
   step-end timing makes the sheet advance in chunks rather than glide. */
@keyframes tc-feed{
0.0000%{transform:translateY(-100%);animation-timing-function:step-end}
4.7619%{transform:translateY(-95%);animation-timing-function:step-end}
9.5238%{transform:translateY(-90%);animation-timing-function:step-end}
14.2857%{transform:translateY(-85%);animation-timing-function:step-end}
19.0476%{transform:translateY(-80%);animation-timing-function:step-end}
23.8095%{transform:translateY(-75%);animation-timing-function:step-end}
30.9524%{transform:translateY(-70%);animation-timing-function:step-end}
35.7143%{transform:translateY(-65%);animation-timing-function:step-end}
40.4762%{transform:translateY(-60%);animation-timing-function:step-end}
45.2381%{transform:translateY(-55%);animation-timing-function:step-end}
50.0000%{transform:translateY(-50%);animation-timing-function:step-end}
54.7619%{transform:translateY(-45%);animation-timing-function:step-end}
61.9048%{transform:translateY(-40%);animation-timing-function:step-end}
66.6667%{transform:translateY(-35%);animation-timing-function:step-end}
71.4286%{transform:translateY(-30%);animation-timing-function:step-end}
76.1905%{transform:translateY(-25%);animation-timing-function:step-end}
80.9524%{transform:translateY(-20%);animation-timing-function:step-end}
85.7143%{transform:translateY(-15%);animation-timing-function:step-end}
90.4762%{transform:translateY(-10%);animation-timing-function:step-end}
95.2381%{transform:translateY(-5%);animation-timing-function:step-end}
100%{transform:translateY(0%)}
}

/* ============================================================================
   RESPONSIVE SHELL
   One column at every width; the 1000px breakpoint only scales things up.
     narrow (<1000px): 393px track, centred copy, machine at 1:1
     wide  (>=1000px): up to 1200px track, machine scaled by 1.3, hero on one line
   Row order is fixed by grid-area: 1 copy, 2 machine, 3 reviews, 4 FAQ, 5 footer (the marks open it).
   overflow-x:clip lets the floating sheets hang outside the machine stage
   without ever producing a horizontal scrollbar.
   ========================================================================= */
.tc-page{
  width:100%;min-height:100vh;background:var(--tc-paper);box-sizing:border-box;
  overflow-x:clip;display:grid;grid-template-columns:minmax(0,393px);
  justify-content:center;align-items:start;column-gap:0;padding:15px 0 64px;
}

/* --- copy block ----------------------------------------------------------- */
.tc-copy{width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:0 12px;grid-area:1 / 1 / 2 / 2}
.tc-logo{width:115px;height:21px;display:block;align-self:center}
.tc-claim{
  margin-top:35px;font-family:var(--font-display);font-weight:400;
  font-size:36px;line-height:40px;text-align:center;color:#000;white-space:pre-wrap;
}
.tc-heroword{display:inline-block;transition:opacity 220ms ease}
.tc-heroword.is-fading{opacity:0}
.tc-sub{
  margin-top:20px;max-width:420px;align-self:center;font-family:var(--font-display);
  font-weight:var(--text-card-body-weight);font-size:var(--text-card-body-size);
  line-height:var(--text-card-body-lh);text-align:center;color:var(--text-card-body);
  white-space:pre-wrap;text-wrap:pretty;
}

/* --- machine stage -------------------------------------------------------- */
/* The inner .tc-stage is a fixed 393x772 coordinate space; every overlay is
   positioned against the photograph, never laid out. */
.tc-machine-box{width:393px;height:706px;justify-self:center;grid-area:2 / 1 / 3 / 2;overflow:visible;margin-top:0}
.tc-stage{position:relative;left:0;width:393px;height:772px;overflow:visible;transform:scale(1);transform-origin:top left}

.tc-tray{position:absolute;left:-100px;top:0;width:660px;height:667px;display:block}

/* Embossed tray plate: visible until a document is confirmed. */
.tc-plate{
  position:absolute;left:129px;top:209px;width:136px;font-family:var(--font-machine);
  font-weight:var(--text-plate-weight);font-size:var(--text-plate-size);line-height:var(--text-plate-lh);
  text-align:center;white-space:nowrap;color:var(--text-machine-emboss);
  filter:drop-shadow(var(--emboss-plate));
}

/* Loaded document on the lid (235x235 at stage 79,26), bottom scrim 50px. */
.tc-loaded{position:absolute;left:79px;top:26px;width:235px;height:235px;overflow:hidden;border-radius:var(--radius-hairline)}
.tc-loaded-img{width:235px;height:235px;background-size:cover;image-rendering:pixelated}
.tc-loaded-scrim{position:absolute;left:0;bottom:0;width:235px;height:50px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--tc-scrim-80) 100%)}

/* Output slot: a 235x247 mask at stage 455. The sheet inside runs tc-feed while
   the machine is feeding and rests at translateY(0) afterwards. The top gradient
   is pinned to the slot, outside the animated element, so the paper emerges from
   under a shadow. No seal overlay — the seal is inside the printed image. */
.tc-slot{position:absolute;left:79px;top:455px;width:235px;height:247px;overflow:hidden}
.tc-sheet{width:235px;height:235px;position:relative;transform:translateY(0)}
.tc-sheet.is-feeding{animation:tc-feed 8000ms linear both}
.tc-sheet-img{width:235px;height:235px;background-size:cover}
.tc-slot-scrim{position:absolute;left:0;top:0;width:235px;height:50px;background:linear-gradient(180deg,var(--tc-scrim-80) 0%,rgba(0,0,0,0) 100%);pointer-events:none}

/* Floating sheets: every copy on the desk, 235px, tilted, above the photo. */
.tc-desk-sheet{position:absolute;width:235px;height:235px;transform-origin:top left;z-index:5;filter:drop-shadow(0 6px 7px rgba(0,0,0,0.18))}
.tc-desk-sheet-img{width:235px;height:235px;background-size:cover}

/* --- LCD (125x70 olive glass) --------------------------------------------- */
.tc-lcd{
  position:absolute;left:62px;top:325px;width:125px;height:70px;box-sizing:border-box;
  border-radius:var(--radius-lcd);background:var(--surface-lcd);box-shadow:var(--bevel-lcd);
  padding:5px;display:flex;flex-direction:column;gap:0;font-family:var(--font-lcd);
  font-weight:var(--text-lcd-weight);font-size:var(--text-lcd-size);line-height:var(--text-lcd-lh);
  color:var(--text-lcd);white-space:pre-wrap;overflow:hidden;
}
.tc-lcd-rows{display:flex;flex-direction:column;flex:1;min-height:0}
.tc-lcd-row{display:flex;gap:2px;line-height:1.35;align-items:flex-start}
.tc-lcd-mark{flex-shrink:0}
.tc-lcd-text{flex:1;white-space:pre-wrap}
.tc-lcd a{flex:1;color:var(--text-lcd);text-decoration:underline}
.tc-lcd-foot{display:flex;flex-direction:column;margin-top:auto}
.tc-lcd-footrow{display:flex;gap:2px;line-height:1.35}
.tc-lcd-foot .tc-lcd-mark{width:5px}

/* NFT list (step 2): two 20px rows at a time, a 2px scroll track on the right. */
.tc-doclist{display:flex;gap:3px;align-items:stretch;height:41px;overflow:hidden}
.tc-doclist-view{flex:1;overflow:hidden;position:relative}
.tc-doclist-inner{position:absolute;left:0;top:0;right:0;display:flex;flex-direction:column;gap:1px}
.tc-doc{height:20px;display:flex;gap:7px;align-items:center;align-self:stretch;position:relative}
.tc-doc-ring{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:none}
.tc-doc.is-current .tc-doc-ring{box-shadow:inset 0 0 0 1px var(--tc-lcd-ink)}
.tc-doc-thumb{position:relative;width:20px;height:20px;overflow:hidden;flex-shrink:0}
.tc-doc-thumb-img{position:absolute;inset:0;width:20px;height:20px;border-radius:var(--radius-hairline);background-size:cover;image-rendering:pixelated}
.tc-doc-thumb-tint{position:absolute;inset:0;mix-blend-mode:color;background:var(--surface-lcd)}
.tc-doc-label{width:76.129px;display:flex;flex-direction:column;min-width:0}
.tc-doc-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}
.tc-doc-id{display:block;white-space:nowrap}
.tc-doclist-track{width:2px;flex-shrink:0;position:relative;background:rgba(52,51,49,0.18);border-radius:var(--radius-hairline)}
.tc-doclist-thumb{position:absolute;left:0;width:2px;border-radius:var(--radius-hairline);background:var(--tc-lcd-ink)}

/* --- serial plate --------------------------------------------------------- */
.tc-serial-logo{position:absolute;left:48px;top:412.478px;width:35.478px;height:6.478px;mix-blend-mode:multiply;display:block}
.tc-serial-no{
  position:absolute;left:86px;top:411.956px;width:21px;mix-blend-mode:multiply;
  font-family:var(--font-machine);font-weight:var(--text-status-weight);font-size:var(--text-status-size);
  line-height:var(--text-status-lh);text-align:center;color:var(--text-machine-muted);
}

/* --- control cluster ------------------------------------------------------ */
.tc-controls{position:absolute;left:208px;top:310px;width:110px;height:97px;display:flex;flex-direction:column;padding:0 10px;box-sizing:border-box;justify-content:center;align-items:center}
.tc-row-keys{width:110px;height:32px;display:flex;padding:0 10px;box-sizing:border-box;justify-content:space-between;align-items:center;overflow:hidden}
.tc-row-nav{width:110px;height:49px;display:flex;padding:0 10px;box-sizing:border-box;justify-content:space-between;align-items:center}
.tc-navcol{width:24px;height:49px;display:flex;flex-direction:column;justify-content:space-between}
.tc-row-status{width:110px;height:16px;display:flex;gap:2px;padding:0 10px 0 35px;box-sizing:border-box;align-items:center}

/* the 25x8 keys, ported from the design system's ConnectButton / SelectButton /
   OkButton: a label in Saira Condensed 8px above a moulded-plastic face. */
.tc-key{display:inline-flex;flex-direction:column;align-items:center;width:25px;cursor:pointer}
.tc-key-label{font-family:var(--font-label);font-weight:var(--text-key-weight);font-size:var(--text-key-size);line-height:13px;color:var(--text-machine)}
.tc-key-face{display:inline-block;width:25px;height:8px;border-radius:var(--radius-key)}
.tc-key--green .tc-key-face{background:var(--tc-green-face);box-shadow:var(--bevel-key-green)}
.tc-key--green.is-pressed .tc-key-face{background:var(--tc-green-face-pressed);box-shadow:var(--bevel-key-green-pressed)}
.tc-key--grey .tc-key-face{background:var(--tc-grey-face);box-shadow:var(--bevel-key-grey)}
.tc-key--grey.is-pressed .tc-key-face{background:var(--tc-grey-face-pressed);box-shadow:var(--bevel-key-grey-pressed)}
.tc-key--amber .tc-key-face{background:var(--tc-amber-face);box-shadow:var(--bevel-key-amber)}
.tc-key--amber.is-pressed .tc-key-face{background:var(--tc-amber-face-pressed);box-shadow:var(--bevel-key-amber-pressed)}

/* the 36px Start dome */
.tc-start{display:inline-flex;flex-direction:column;align-items:flex-start;cursor:pointer}
.tc-start-label{font-family:var(--font-label);font-weight:var(--text-key-weight);font-size:var(--text-key-size);line-height:var(--text-key-lh);color:var(--text-machine);text-align:center}
.tc-start-dome{
  position:relative;display:inline-block;width:36px;height:36px;border-radius:var(--radius-start);
  background:var(--gradient-key-top),linear-gradient(var(--tc-start-face),var(--tc-start-face));
  box-shadow:var(--bevel-start);
}
.tc-start.is-pressed .tc-start-dome{box-shadow:var(--bevel-start-pressed)}
.tc-start-led{position:absolute;left:4.25px;top:5.11px;width:13px;height:13px;display:block;background-image:url(assets/start-led-off.svg);background-size:contain;background-repeat:no-repeat}
.tc-start.is-lit .tc-start-led{background-image:url(assets/start-led-on.svg)}
.tc-start.is-pressed .tc-start-led{left:5.1px;top:5.97px}
.tc-start-casing{position:absolute;inset:0;border-radius:var(--radius-round);box-shadow:var(--bevel-casing-start)}

/* status row: 4px LED + address / NOT CONNECTED / DISCONNECT */
.tc-led{display:inline-block;width:4px;height:4px;border-radius:var(--radius-round);background:var(--led-off);flex-shrink:0}
.tc-led.is-on{background:var(--led-on)}
.tc-status{
  font-family:var(--font-machine);font-weight:var(--text-status-weight);font-size:var(--text-status-size);
  line-height:var(--text-status-lh);white-space:nowrap;color:var(--text-machine-muted);
  mix-blend-mode:multiply;cursor:default;
}
.tc-status.is-live{cursor:pointer}
.tc-status.is-live:hover{color:var(--brand-primary)}

/* --- reviews ---------------------------------------------------------------- */
/* Old-ad praise: a row of stars over each line, in the page's serif and ink. Stacked on a phone,
   side by side on a wide screen. */
.tc-reviews{width:100%;max-width:340px;justify-self:center;margin-top:44px;grid-area:3 / 1 / 4 / 2;
  display:flex;flex-direction:column;gap:28px}
.tc-review{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.tc-stars{font-size:18px;letter-spacing:.18em;color:#000;line-height:1}
.tc-review blockquote{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;
  font-size:22px;line-height:1.25;color:#000;text-wrap:balance}

/* --- FAQ ------------------------------------------------------------------ */
.tc-faq{width:100%;max-width:340px;justify-self:center;margin-top:36px;display:flex;flex-direction:column;grid-area:4 / 1 / 5 / 2}
.tc-faq h2{margin:0 0 28px;font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.1;color:#000;text-align:center}
.tc-faq-list{display:flex;flex-direction:column;gap:28px}
.tc-faq-row{display:flex;flex-direction:column;text-align:center;cursor:pointer}
.tc-faq-q{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.2;color:rgba(0,0,0,0.75);transition:color 200ms ease;text-wrap:pretty}
.tc-faq-row.is-open .tc-faq-q{color:#000}
.tc-faq-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 320ms cubic-bezier(.2,.7,.3,1),opacity 220ms ease}
.tc-faq-row.is-open .tc-faq-wrap{grid-template-rows:1fr;opacity:1}
.tc-faq-clip{overflow:hidden;min-height:0}
.tc-faq-a{display:block;padding-top:10px;font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.45;color:var(--text-card-body);text-wrap:pretty}

/* --- footer --------------------------------------------------------------- */
/* The marks: one row of black ink, like the conformity marks on a device's back plate. Multiply lets
   the badge's white panels take the paper's tone. */
.tc-marks{
  flex-basis:100%;max-width:100%;margin:0 0 28px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 20px;
}
.tc-mark{display:block;height:14px;width:auto;max-width:100%;opacity:.82;mix-blend-mode:multiply}
.tc-mark--badge{height:36px}
.tc-mark--arc{height:17px}
.tc-mark--eth{height:22px}
/* The verify page keeps its left edge. */
.tc-marks--left{justify-content:flex-start}

.tc-footer{
  grid-area:5 / 1 / 6 / 2;justify-self:center;margin-top:48px;display:flex;flex-wrap:wrap;gap:8px;
  align-items:center;justify-content:center;background:var(--tc-paper);
  font-family:var(--font-body);font-weight:var(--text-body-weight);font-size:var(--text-body-size);
  line-height:1.4;color:var(--text-card-body);
}
.tc-footer a{color:var(--brand-secondary);text-decoration:underline;text-underline-offset:2px}
.tc-footer span{color:var(--text-card-body)}
.tc-footer-note{color:var(--text-card-body);flex-basis:100%;text-align:center}

/* ============================================================================
   WIDE (>=1000px)
   ========================================================================= */
@media (min-width:1000px){
  .tc-page{grid-template-columns:minmax(0,min(1200px,100%));padding:32px 32px 96px}
  .tc-copy{padding:0}
  .tc-logo{align-self:flex-start}
  .tc-claim{font-size:min(56px, 4.6vw);line-height:min(64px, 5.3vw);white-space:nowrap}
  .tc-sub{margin-top:24px;max-width:none;font-size:min(24px, 2vw);line-height:1.4;white-space:nowrap}
  /* machineOffset centres the loaded NFT on the viewport's vertical middle;
     machine.js writes --machine-offset from the measured copy height. */
  .tc-machine-box{width:858px;height:918px;margin-top:var(--machine-offset,72px)}
  .tc-stage{left:130px;transform:scale(1.3)}
  /* faqWidth tracks the measured hero-title width (claimW * 0.56). */
  .tc-reviews{max-width:min(1040px,100%);margin-top:56px;flex-direction:row;align-items:flex-start;gap:48px}
  .tc-review{flex:1 1 0}
  .tc-stars{font-size:20px}
  .tc-review blockquote{font-size:26px}
  .tc-faq{max-width:var(--faq-width,520px);margin-top:72px}
  .tc-faq h2{margin:0 0 40px;font-size:44px}
  .tc-faq-list{gap:36px}
  .tc-faq-q{font-size:28px}
  .tc-faq-a{font-size:20px}
  .tc-footer{margin-top:64px}
  .tc-marks{gap:20px 28px;margin-bottom:32px}
  .tc-mark{height:18px}
  .tc-mark--badge{height:44px}
  .tc-mark--arc{height:22px}
  .tc-mark--eth{height:28px}
}