/* Hallmark · macrostructure: Marquee Hero · genre: playful · theme: custom Feed
 * nav: N9 Edge-aligned · footer: Ft5 Statement · P5 H5 E4 S5 R4 V5
 * Signature: a stack of video frames slides into a coin-shaped cutout.
 */
:root {
  --paper: oklch(98% .007 95); --white: oklch(99.5% .003 95); --ink: oklch(25% .025 135);
  --muted: oklch(46% .015 135); --line: oklch(87% .012 95); --soft: oklch(95% .009 95);
  --yellow: oklch(96% .15 103); --blue: oklch(49% .24 271); --pink: oklch(84% .072 351);
  --blue-soft: oklch(94% .03 271); --good: oklch(40% .1 160); --bad: oklch(46% .16 25);
  --overlay: oklch(20% .01 135 / .5); --shadow: oklch(20% .01 135 / .16);
  --display: 'Bricolage Grotesque', sans-serif; --body: 'Manrope', sans-serif;
  --ease: cubic-bezier(.16,1,.3,1); --fast: 150ms; --short: 240ms; --long: 480ms;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px; --s10: 40px; --s16: 64px; --s24: 96px;
  --gutter: clamp(20px,4.5vw,80px); --radius: 16px;
  color-scheme: light;
}
* { box-sizing: border-box; }
html,body { margin:0; overflow-x:clip; }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { font:500 14px/1.6 var(--body); background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; }
button,input,textarea { font:inherit; color:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { border:0; background:none; }
h1,h2,h3,p { margin:0; }
figure { margin:0; }
#main:focus { outline:none; }
h1,h2,h3 { font-family:var(--display); font-style:normal; overflow-wrap:anywhere; min-width:0; }
::selection { color:var(--paper); background:var(--blue); }
:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.statement :focus-visible { outline-color:var(--yellow); }
input:focus-visible,textarea:focus-visible { outline-offset:2px; }
.skip { position:fixed; top:8px; left:8px; z-index:200; background:var(--ink); color:var(--paper); padding:12px; transform:translateY(-150%); }
.skip:focus { transform:none; }
.wrap { padding-inline:var(--gutter); max-width:1600px; margin-inline:auto; }
.label { font-size:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; }
.muted { color:var(--muted); }
.brand { display:inline-flex; align-items:center; gap:10px; font:800 30px/1 var(--display); letter-spacing:-2px; }
.brand img { width:38px; height:38px; }
.arrow { display:inline-block; font:500 22px/1 var(--body); }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:12px 23px; border-radius:999px; background:var(--ink); color:var(--paper); font-weight:800; white-space:nowrap; transition:transform var(--short) var(--ease),opacity var(--fast); }
.button:hover { transform:translateY(-2px); }
.button:active { transform:translateY(1px); }
.button.blue { background:var(--blue); color:var(--white); }
.button.yellow { background:var(--yellow); color:var(--ink); }
.button.outline { border:1px solid var(--line); background:transparent; color:var(--ink); }
.button.small { min-height:40px; font-size:12px; padding:9px 16px; gap:10px; }
.button:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.button[aria-busy=true]::after { content:''; width:14px; height:14px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin .8s linear infinite; }
.icon-button { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--line); }
.text-link { display:inline-flex; align-items:center; min-height:44px; gap:8px; font-weight:800; white-space:nowrap; }
.text-link:hover { color:var(--blue); }
.top-nav { display:flex; align-items:center; justify-content:space-between; padding-block:25px; gap:20px; }
.top-nav .nav-right { display:flex; align-items:center; gap:24px; }
.top-nav .nav-note { font-size:11px; font-weight:700; }
.landing { background:var(--yellow); }
.hero { min-height:740px; position:relative; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:20px; padding-top:45px; padding-bottom:100px; }
.hero .eyeline { display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.eyeline .dash { width:24px; height:2px; background:var(--ink); }
.hero h1 { font-size:clamp(78px,8.2vw,128px); line-height:.96; letter-spacing:-.065em; font-weight:800; position:relative; z-index:2; }
.hero h1 .coin-line { display:block; color:var(--blue); }
.hero p { font-size:16px; max-width:350px; margin-top:30px; line-height:1.7; }
.hero .hero-bottom { margin-top:28px; display:flex; align-items:center; gap:24px; }
.hero .scroll-note { position:absolute; left:var(--gutter); bottom:25px; display:flex; align-items:center; gap:10px; font-size:11px; }
.hero .motion-toggle { position:absolute; right:var(--gutter); bottom:22px; font-size:11px; min-height:38px; border-bottom:1px solid currentColor; }
.stage { height:520px; position:relative; min-width:0; }
.scene-card { position:absolute; top:65px; width:240px; height:330px; border-radius:16px; padding:9px; background:var(--paper); box-shadow:0 16px 40px var(--shadow); transform:rotate(var(--tilt)); transition:transform var(--long) var(--ease); }
.scene-card img { width:100%; height:255px; object-fit:cover; border-radius:9px; }
.scene-card .card-caption { display:flex; align-items:center; justify-content:space-between; padding:10px 3px 0; font-size:11px; font-weight:800; }
.scene-card .play { position:absolute; top:120px; left:95px; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:var(--paper); background:var(--ink); }
.scene-card.one { --tilt:-15deg; left:0; top:90px; }
.scene-card.two { --tilt:9deg; left:38%; top:40px; }
.scene-card.three { --tilt:-4deg; left:20%; top:145px; z-index:3; }
.scene-card.three img { object-position:50% 40%; }
.scene-card.three .card-caption span { background:var(--yellow); border-radius:20px; padding:3px 7px; }
.orbit-tag { position:absolute; bottom:15px; right:0; z-index:4; width:130px; height:130px; background:var(--blue); color:var(--yellow); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(12deg); font-family:var(--body); font-size:17px; font-weight:800; line-height:1.2; text-align:center; }
.orbit-tag .arrow { font-size:32px; margin-bottom:8px; }
.sample-caption { position:absolute; left:0; bottom:-16px; color:var(--muted); font-size:10px; }
.motion-on .scene-card.one { animation:float-one 7s var(--ease) infinite; }
.motion-on .scene-card.two { animation:float-two 8s var(--ease) infinite; }
.motion-on .scene-card.three { animation:float-three 6s var(--ease) infinite; }
@keyframes float-one { 50% { transform:rotate(-11deg) translateY(-12px); } }
@keyframes float-two { 50% { transform:rotate(6deg) translateY(10px); } }
@keyframes float-three { 50% { transform:rotate(-2deg) translateY(-8px); } }
.ticker-band { overflow:clip; padding-block:20px; background:var(--ink); color:var(--yellow); }
.ticker-track { display:flex; width:max-content; gap:48px; font:800 29px/1.2 var(--display); letter-spacing:-1px; }
.ticker-track span { display:flex; gap:48px; align-items:center; }
.ticker-track b { color:var(--pink); font-size:40px; }
.motion-on .ticker-track { animation:ticker 35s linear infinite; }
@keyframes ticker { to { transform:translateX(-50%); } }
.story { padding-block:110px 100px; background:var(--paper); }
.story-top { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:end; gap:70px; }
.story h2 { font-size:clamp(45px,6.3vw,96px); line-height:1.02; letter-spacing:-.055em; }
.story h2 span { color:var(--blue); }
.story-top p { max-width:390px; font-size:17px; line-height:1.8; margin-bottom:8px; }
.paste-bar { margin-top:55px; background:var(--white); border:1px solid var(--line); padding:14px 16px 14px 24px; border-radius:18px; display:flex; align-items:center; gap:18px; }
.paste-bar .source-icon { font-size:24px; font-weight:800; }
.paste-bar label { flex:1; }
.paste-bar input { width:100%; border:0; outline:none; background:transparent; font-size:15px; padding:12px 0; }
.paste-bar input:focus-visible { outline:2px solid var(--blue); }
.paste-bar .button { border-radius:12px; }
.paste-help { font-size:11px; color:var(--muted); padding:12px 5px; }
.workflow { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:100px; margin-top:80px; }
.workflow .process-heading { font-size:42px; line-height:1.1; letter-spacing:-.045em; }
.workflow .process-heading + p { margin-top:16px; max-width:300px; }
.process-list { display:grid; }
.process-step { display:grid; grid-template-columns:40px minmax(0,1fr); gap:20px; border-top:1px solid var(--line); padding-block:25px; }
.process-step .number { font-size:11px; font-weight:800; color:var(--blue); margin-top:7px; }
.process-step h3 { font-size:24px; letter-spacing:-1px; }
.process-step p { color:var(--muted); font-size:13px; margin-top:7px; max-width:400px; }
.culture { background:var(--pink); padding-block:90px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.culture-photo { position:relative; max-width:420px; margin-inline:auto; padding:14px; border-radius:20px; background:var(--paper); transform:rotate(-5deg); }
.culture-photo img { aspect-ratio:1.1; width:100%; object-fit:cover; border-radius:12px; }
.culture-photo p { font-family:var(--display); font-size:24px; padding:12px 6px 2px; }
.culture h2 { font-size:clamp(40px,5vw,72px); line-height:1.03; letter-spacing:-.05em; }
.culture .body { margin-top:24px; max-width:400px; }
.culture .text-link { margin-top:24px; }
.faq { background:var(--paper); padding-block:100px; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:100px; }
.faq h2 { font-size:58px; line-height:1; letter-spacing:-.04em; }
.faq-intro p { margin-top:20px; max-width:240px; color:var(--muted); }
details { border-top:1px solid var(--line); }
details:last-child { border-bottom:1px solid var(--line); }
summary { list-style:none; cursor:pointer; padding-block:24px; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:16px; font-weight:800; }
summary::-webkit-details-marker { display:none; }
summary::after { content:'+'; font-size:24px; flex:none; }
details[open] summary::after { content:'−'; }
details p { color:var(--muted); padding-bottom:24px; max-width:550px; }
.statement { background:var(--blue); color:var(--paper); padding-block:75px 24px; }
.statement h2 { font-size:clamp(52px,9vw,140px); line-height:.98; letter-spacing:-.065em; max-width:1100px; }
.statement .button { margin-top:35px; }
.footer-base { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid var(--paper); padding-top:24px; margin-top:80px; font-size:11px; }
.footer-base p { max-width:430px; }
.appear { animation:appear var(--long) var(--ease) both; animation-delay:calc(var(--i,0)*90ms); }
.landing:not(.motion-on) .appear { animation:none; }
@keyframes appear { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes spin { to { transform:rotate(360deg); } }
/* Studio: a quieter workspace using the same identity. */
.studio { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:100svh; }
.sidebar { position:sticky; top:0; height:100svh; padding:32px 22px; display:flex; flex-direction:column; background:var(--white); border-right:1px solid var(--line); }
.sidebar .brand { margin-left:9px; }
.sidebar .workspace-label { margin:48px 12px 14px; color:var(--muted); }
.side-links { display:grid; gap:6px; }
.side-link { display:flex; align-items:center; gap:12px; min-height:48px; padding:12px; border-radius:10px; font-size:12px; font-weight:700; white-space:nowrap; }
.side-link svg { width:18px; height:18px; flex:none; }
.side-link.active { color:var(--blue); background:var(--blue-soft); }
.side-link:hover { background:var(--soft); }
.side-bottom { margin-top:auto; padding:18px 12px 0; font-size:10px; color:var(--muted); }
.side-bottom .network { color:var(--good); display:flex; align-items:center; gap:6px; margin-bottom:10px; font-weight:800; }
.network::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.studio-main { min-width:0; padding:0 40px 45px; }
.studio-top { min-height:90px; display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--line); }
.studio-top .breadcrumbs { font-size:11px; color:var(--muted); }
.studio-top .top-actions { display:flex; align-items:center; gap:10px; }
.workspace-head { margin:36px 0 30px; display:flex; align-items:end; justify-content:space-between; gap:20px; }
.workspace-head h1 { font-size:clamp(32px,3vw,46px); letter-spacing:-.055em; line-height:1.1; }
.workspace-head p { color:var(--muted); margin-top:10px; font-size:12px; }
.status-pill { display:inline-flex; align-items:center; gap:6px; font-size:10px; padding:6px 10px; border:1px solid var(--line); border-radius:20px; white-space:nowrap; }
.status-pill.ready { color:var(--good); }
.editor-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:28px; align-items:start; }
.editor-form { min-width:0; }
.form-section { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:24px; margin-bottom:18px; }
.section-heading { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.section-heading .section-index { width:28px; height:28px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; font-size:10px; }
.section-heading h2 { font:800 16px var(--body); }
.section-heading .optional { margin-left:auto; font-size:10px; color:var(--muted); }
.field { display:grid; gap:8px; font-size:11px; font-weight:800; margin-bottom:18px; min-width:0; }
.field .field-head { display:flex; justify-content:space-between; gap:12px; }
.field input,.field textarea { width:100%; border:1px solid var(--line); border-radius:9px; background:var(--white); padding:13px 14px; font-size:12px; font-weight:500; min-width:0; }
.field input::placeholder,.field textarea::placeholder { color:var(--muted); }
.field textarea { resize:vertical; min-height:100px; }
.field input[aria-invalid=true] { border-color:var(--bad); }
.field .helper { font-weight:500; font-size:10px; color:var(--muted); }
.input-action { display:flex; gap:8px; }
.input-action input { flex:1; min-width:0; }
.input-action .button { flex:none; border-radius:9px; padding:10px 14px; }
.fields-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:16px; }
.import-note { font-size:11px; margin-top:12px; color:var(--muted); }
.import-note.error { color:var(--bad); }
.import-result { display:flex; gap:12px; align-items:center; padding-top:18px; border-top:1px solid var(--line); }
.import-result img { width:46px; height:60px; object-fit:cover; border-radius:7px; }
.import-result .video-meta { min-width:0; }
.video-meta b { display:block; font-size:12px; }
.video-meta p { color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
.upload { border:1px dashed var(--muted); border-radius:10px; padding:18px; display:flex; gap:14px; align-items:center; cursor:pointer; }
.upload input { width:1px; height:1px; position:absolute; opacity:0; }
.upload:focus-within { outline:3px solid var(--blue); outline-offset:3px; }
.upload .upload-symbol { width:42px; height:42px; background:var(--soft); border-radius:10px; display:grid; place-items:center; font-size:24px; }
.upload b { display:block; font-size:11px; }.upload small { font-size:10px; color:var(--muted); }
.check { display:flex; align-items:flex-start; gap:10px; font-size:11px; color:var(--muted); margin-block:20px; }
.check input { width:16px; height:16px; margin-top:3px; accent-color:var(--blue); flex:none; }
.launch-button { width:100%; border-radius:10px; }
.preview-pane { position:sticky; top:24px; border-radius:var(--radius); border:1px solid var(--line); background:var(--white); overflow:clip; }
.preview-head { display:flex; justify-content:space-between; padding:18px 20px; font-size:10px; border-bottom:1px solid var(--line); }
.preview-stage { margin:20px; aspect-ratio:1.08; background:var(--yellow); border-radius:13px; position:relative; display:grid; place-items:center; overflow:clip; }
.preview-stage img { width:100%; height:100%; object-fit:cover; }
.preview-stage .empty-mark { width:100px; height:100px; transform:rotate(-8deg); }
.preview-stage .preview-tag { position:absolute; bottom:12px; left:12px; background:var(--white); padding:5px 10px; border-radius:20px; font-size:10px; font-weight:800; }
.preview-content { padding:0 20px 20px; }
.preview-content .coin-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.preview-content h3 { font-size:24px; letter-spacing:-1px; }
.preview-content .symbol { font-weight:800; color:var(--blue); font-size:12px; }
.preview-description { min-height:50px; margin:14px 0 20px; font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
.preview-facts { border-top:1px solid var(--line); display:grid; gap:12px; padding-top:16px; font-size:10px; }
.fact { display:flex; justify-content:space-between; gap:12px; }
.fact span { color:var(--muted); }.fact b { font-weight:700; }
.preview-note { padding:18px 20px; border-top:1px solid var(--line); font-size:10px; color:var(--muted); }
.preview-video { width:100%; height:380px; border:0; background:var(--ink); }
.coin-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr)); gap:20px; }
.coin-tile { border:1px solid var(--line); border-radius:14px; background:var(--white); overflow:clip; }
.coin-tile > img { width:100%; aspect-ratio:1.3; object-fit:cover; }
.coin-tile .tile-body { padding:18px; }.coin-tile h2 { font-size:22px; }.coin-tile p { color:var(--muted); font-size:11px; margin-block:8px 14px; }
.empty-state { min-height:360px; padding:55px 24px; border:1px dashed var(--line); border-radius:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px; }
.empty-state img { width:54px; height:54px; }.empty-state h2 { font-size:28px; letter-spacing:-1px; }.empty-state p { max-width:350px; color:var(--muted); font-size:12px; }
.search-row { display:flex; align-items:center; gap:12px; margin-bottom:24px; }.search-row input { flex:1; min-width:0; background:var(--white); border:1px solid var(--line); border-radius:10px; padding:14px; }
.draft-tile { padding:22px; }.draft-tile .draft-actions { display:flex; gap:10px; margin-top:18px; }
.pending { border:1px solid var(--blue); background:var(--blue-soft); border-radius:12px; padding:18px; margin-bottom:20px; font-size:12px; }.pending .button { margin-top:10px; }
.coin-detail { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; }.coin-detail > img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:20px; }.coin-detail h2 { font-size:40px; }.coin-detail .body { margin:24px 0; }.coin-detail .fact { padding-block:14px; border-top:1px solid var(--line); }.coin-detail .detail-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.address { font-size:11px; overflow-wrap:anywhere; }
dialog { border:0; border-radius:20px; padding:30px; max-width:480px; width:calc(100% - 32px); background:var(--white); color:var(--ink); box-shadow:0 20px 80px var(--shadow); }
dialog::backdrop { background:var(--overlay); }
dialog .dialog-top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }dialog h2 { font-size:28px; letter-spacing:-1px; }dialog .fact { padding-block:12px; border-top:1px solid var(--line); font-size:12px; }dialog .dialog-note { font-size:11px; color:var(--muted); margin:18px 0; }dialog .dialog-actions { display:flex; gap:10px; margin-top:24px; }
.launch-status { font-size:11px; margin-top:14px; color:var(--muted); overflow-wrap:anywhere; }.launch-status.error { color:var(--bad); }.launch-status.success { color:var(--good); }
.toasts { position:fixed; right:20px; bottom:20px; z-index:300; display:grid; gap:8px; max-width:calc(100vw - 40px); }.toast { background:var(--ink); color:var(--paper); border-radius:12px; padding:14px 20px; font-size:12px; box-shadow:0 8px 24px var(--shadow); animation:appear var(--short) var(--ease); }
[hidden] { display:none !important; }
@media (max-width:1150px) { .studio { grid-template-columns:185px minmax(0,1fr); }.studio-main { padding-inline:25px; }.editor-grid { gap:18px; grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); }.form-section { padding:18px; }.hero h1 { font-size:clamp(70px,8.2vw,118px); }.scene-card { width:200px; height:295px; }.scene-card img { height:225px; }.scene-card .play { left:75px; }.stage { height:460px; } }
@media (max-width:900px) { .hero { min-height:0; padding-top:50px; grid-template-columns:1fr; gap:30px; padding-bottom:70px; }.hero h1 { font-size:clamp(58px,10vw,94px); }.hero p { max-width:420px; }.stage { height:440px; max-width:490px; width:100%; justify-self:center; }.hero .scroll-note { display:none; }.hero .motion-toggle { bottom:12px; }.scene-card { width:220px; height:315px; }.scene-card img { height:245px; }.scene-card .play { left:85px; }.story-top,.workflow,.culture,.faq { grid-template-columns:1fr; gap:35px; }.story-top p { max-width:550px; }.workflow { gap:35px; }.culture { padding-block:65px; }.culture-photo { width:85%; }.faq h2 { font-size:44px; }.faq-intro p { max-width:none; }.studio { grid-template-columns:1fr; }.sidebar { position:static; height:auto; padding:16px 22px; flex-direction:row; align-items:center; border-right:0; border-bottom:1px solid var(--line); gap:22px; }.sidebar .brand { margin:0; font-size:24px; }.sidebar .brand img { width:30px; height:30px; }.sidebar .workspace-label,.side-bottom { display:none; }.side-links { display:flex; flex:1; gap:4px; }.side-link { min-height:40px; padding:8px 10px; font-size:11px; }.side-link svg { width:15px; }.studio-top { min-height:75px; }.studio-main { padding-inline:24px; }.editor-grid { grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr); } }
@media (max-width:640px) { :root { --gutter:20px; }.top-nav { padding-block:20px; }.top-nav .nav-note { display:none; }.top-nav .nav-right { gap:12px; }.brand { font-size:26px; }.brand img { width:34px; height:34px; }.hero { padding-top:28px; }.hero h1 { font-size:clamp(46px,12vw,76px); }.hero p { font-size:14px; margin-top:22px; max-width:320px; }.hero .hero-bottom { gap:16px; }.hero .hero-bottom .text-link { font-size:12px; }.stage { height:365px; max-width:360px; }.scene-card { width:170px; height:250px; padding:7px; }.scene-card img { height:185px; }.scene-card .card-caption { font-size:9px; padding-top:9px; }.scene-card.one { top:40px; left:0; }.scene-card.two { top:20px; left:40%; }.scene-card.three { top:85px; left:22%; }.scene-card .play { width:36px; height:36px; top:90px; left:66px; }.orbit-tag { width:95px; height:95px; bottom:10px; font-size:15px; right:0; }.orbit-tag .arrow { font-size:24px; }.sample-caption { font-size:9px; bottom:-5px; }.ticker-track { font-size:22px; }.story,.faq { padding-block:60px; }.story h2 { font-size:45px; }.story-top p { font-size:14px; }.paste-bar { margin-top:32px; padding:14px; gap:10px; flex-wrap:wrap; }.paste-bar label { min-width:calc(100% - 50px); }.paste-bar input { font-size:12px; }.paste-bar .button { width:100%; }.paste-help { font-size:10px; }.workflow { margin-top:45px; }.workflow .process-heading { font-size:34px; }.process-step { gap:12px; }.culture { gap:40px; }.culture h2 { font-size:43px; }.statement { padding-top:55px; }.statement h2 { font-size:56px; }.footer-base { margin-top:50px; }.sidebar { flex-wrap:wrap; gap:12px; padding:16px 20px 12px; }.sidebar .brand { width:100%; }.side-links { justify-content:space-between; }.side-link { gap:5px; font-size:10px; padding:8px 5px; }.side-link svg { width:14px; }.studio-main { padding-inline:16px; }.breadcrumbs { display:none; }.studio-top { min-height:65px; justify-content:flex-end; }.top-actions { width:100%; justify-content:space-between; }.workspace-head { margin-block:26px; align-items:start; }.workspace-head h1 { font-size:32px; }.workspace-head .status-pill { display:none; }.editor-grid { grid-template-columns:1fr; }.preview-pane { position:static; grid-row:2; }.preview-stage { aspect-ratio:1.25; }.form-section { padding:18px; }.input-action { flex-wrap:wrap; }.input-action input { flex-basis:100%; }.input-action .button { width:100%; }.fields-two { gap:12px; }.coin-detail { grid-template-columns:1fr; gap:25px; }.search-row .button { padding-inline:14px; }.check { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }