/* Marketing preview only: no account connection or claim actions. */
body.auto-product .visual-hero,body.free-product .visual-hero{grid-template-columns:minmax(0,1fr);gap:34px}
.claimer-demo{margin:0;min-width:0;width:100%;text-align:left;font:13px/1.4 Arial,Helvetica,sans-serif;color:#edf7ff}
.claimer-demo *{box-sizing:border-box}
.cd-caption-top{display:flex;justify-content:space-between;gap:12px;margin:0 2px 12px;color:#91afc0;font-size:10px;font-weight:700;letter-spacing:.12em}
.cd-caption-top span:last-child{color:#6fe3c5;letter-spacing:.08em}
.cd-window{overflow:hidden;border:1px solid #2b4959;border-radius:16px;background:#172d3a;box-shadow:0 24px 60px #0003}
.cd-browser{height:38px;padding:0 17px;display:flex;align-items:center;gap:22px;background:#122633;border-bottom:1px solid #233e4d;color:#b4ccdb;font-size:10px}
.cd-dots{display:flex;gap:5px}.cd-dots i{width:6px;height:6px;border-radius:50%;background:#48616f}.cd-dots i:first-child{background:#72929f}
.cd-address{padding:3px 14px;border-radius:5px;background:#0c1d28;flex:1;max-width:360px}.cd-address span{color:#819dac}.cd-tab-icon{margin-left:auto;font-size:17px;color:#819dac}
.cd-toolbar{position:relative;z-index:1;display:grid;grid-template-columns:173px 177px minmax(0,1fr) 104px;align-items:center;gap:16px;margin:8px;border:2px solid #448296;border-radius:13px;padding:12px;background:linear-gradient(110deg,#071b25,#06151e);box-shadow:0 5px 20px #0004}
.cd-brand{display:flex;align-items:center;gap:9px;min-width:0}.cd-mascot{display:block;width:42px;height:42px;overflow:hidden;flex:0 0 42px}.cd-mascot img{display:block!important;height:42px!important;width:134px!important;max-width:none!important}
.cd-brand b{font-size:15px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.cd-brand b span{color:#00ddae}.cd-brand small{display:block;font-size:9px;color:#9dc4d6;margin-top:3px}
.cd-account{display:flex;align-items:center;gap:9px;border-left:1px solid #204454;padding-left:12px;min-width:0}.cd-user-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #00dba8;color:#00dba8;border-radius:50%}.cd-user-icon svg{width:21px;height:21px}.cd-account b{font-size:13px}.cd-account small{display:block;font-size:9px;color:#00e9a8;margin-top:3px;white-space:nowrap}
.cd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cd-metric{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:8px;border:1px solid #204557;background:#0f2734}.cd-metric-icon{display:grid;place-items:center;width:31px;height:33px;border-radius:7px;flex-shrink:0}.cd-metric-icon svg{width:21px;height:21px}.cd-cyan{background:#063e49;color:#00d4e6}.cd-blue{background:#123a54;color:#399fff}.cd-gold{background:#34391e;color:#ffca00}.cd-metric small{display:block;color:#a4c2d5;font-size:8px;letter-spacing:.04em;font-weight:700;white-space:nowrap}.cd-metric b{display:block;font-size:13px;line-height:1.3;white-space:nowrap}.cd-metric em{display:block;font-style:normal;font-size:9px;color:#a5c3d1}.cd-green{color:#00e7a0}
.cd-connected{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border:1px solid #00784e;border-radius:8px;background:linear-gradient(#075336,#06322c);font-size:11px;font-weight:700}.cd-connected i{width:8px;height:8px;border-radius:50%;background:#11e995}
.cd-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #173847}.cd-control{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #2b4859;border-radius:7px;font-size:11px;font-weight:600;color:#d6e8f4}.cd-control svg{width:16px;height:16px;color:#abcadb}.cd-socket{margin-right:auto;padding:8px 10px;border:1px solid #04652c;border-radius:8px;background:#06291e;font-size:9px;font-weight:700;color:#00e593}.cd-manual{width:170px;padding:8px 12px;border:1px solid #214351;border-radius:7px;color:#a8c3d5;font-size:11px}.cd-claim{padding:9px 22px;background:#00dca7;color:#001e16;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.04em}
.cd-context{height:125px;padding:8px 24px 0;position:relative;overflow:hidden;opacity:.6}.cd-context:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#172d3a 95%)}.cd-stake{font:bold italic 30px Georgia,serif;color:#cfdee7;letter-spacing:-2px}.cd-context-nav{position:absolute;top:18px;right:26px;display:flex;gap:14px}.cd-context-nav span{height:9px;width:48px;background:#375364;border-radius:3px}.cd-context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.cd-context-cards span{height:75px;border:1px solid #315166;border-radius:9px;background:linear-gradient(120deg,#2b4f63,#1b3647)}
.claimer-demo figcaption{margin-top:12px;color:#9bb4c3;font:11px/1.7 Arial,Helvetica,sans-serif;text-align:center}
@media(max-width:1100px){.cd-toolbar{grid-template-columns:173px 1fr 104px;gap:12px}.cd-account{grid-column:2;grid-row:1}.cd-connected{grid-column:3;grid-row:1}.cd-metrics{grid-column:1/-1;grid-row:2}.cd-metric{padding:9px 12px}.cd-controls{grid-row:3}}
@media(max-width:600px){.cd-caption-top{font-size:8px;letter-spacing:.06em}.cd-toolbar{grid-template-columns:1fr auto;padding:10px;margin:6px;gap:12px 8px}.cd-brand{grid-column:1;grid-row:1}.cd-brand b{font-size:14px}.cd-connected{grid-column:2;grid-row:1;font-size:10px;padding:9px 6px}.cd-account{grid-column:1/-1;grid-row:2;border-left:0;padding:0}.cd-account small{font-size:10px}.cd-metrics{grid-row:3;gap:5px}.cd-metric{flex-direction:column;align-items:flex-start;gap:5px;padding:8px}.cd-metric-icon{width:25px;height:27px}.cd-metric-icon svg{width:17px;height:17px}.cd-metric b{font-size:12px}.cd-metric small{font-size:7px}.cd-controls{grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:7px}.cd-socket{display:none}.cd-control{justify-content:center;padding:8px}.cd-manual{width:auto;font-size:10px}.cd-claim{text-align:center}.cd-context{height:88px;padding:5px 15px}.cd-context-nav{right:15px}.cd-context-nav span{width:24px}.cd-browser{padding:0 12px;gap:12px}.cd-address{font-size:9px}.claimer-demo figcaption{padding:0 8px;font-size:10px}}

/* Match the real app: a single continuous toolbar at every screen size. */
.cd-toolbar-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#447488 #0c202b;outline-offset:-3px}
.cd-toolbar-scroll .cd-toolbar{display:flex;flex-wrap:nowrap;min-width:1060px;gap:8px;padding:10px;height:72px}
.cd-toolbar-scroll .cd-brand{flex:0 0 137px;gap:5px}.cd-toolbar-scroll .cd-brand b{font-size:13px}.cd-toolbar-scroll .cd-brand small{font-size:8px}.cd-toolbar-scroll .cd-mascot{width:35px;height:36px;flex-basis:35px}.cd-toolbar-scroll .cd-mascot img{height:36px!important;width:115px!important}
.cd-toolbar-scroll .cd-account{flex:0 0 144px;padding-left:8px;gap:6px;border-left:1px solid #204454}.cd-toolbar-scroll .cd-account b{font-size:12px}.cd-toolbar-scroll .cd-account small{font-size:8px}.cd-toolbar-scroll .cd-user-icon{width:29px;height:29px;flex-basis:29px}
.cd-toolbar-scroll .cd-metrics{display:flex;flex:1 0 273px;gap:5px}.cd-toolbar-scroll .cd-metric{display:flex;flex-direction:row;align-items:center;flex:1;gap:5px;padding:6px;min-width:0}.cd-toolbar-scroll .cd-metric-icon{width:24px;height:29px}.cd-toolbar-scroll .cd-metric-icon svg{width:18px;height:18px}.cd-toolbar-scroll .cd-metric small{font-size:7px}.cd-toolbar-scroll .cd-metric b{font-size:11px}.cd-toolbar-scroll .cd-metric em{font-size:8px}
.cd-toolbar-scroll .cd-connected{order:4;flex:0 0 83px;font-size:9px;gap:5px;padding:9px 5px}.cd-toolbar-scroll .cd-connected i{width:6px;height:6px}
.cd-toolbar-scroll .cd-controls{display:contents}.cd-toolbar-scroll .cd-socket{display:block;order:3;flex:0 0 61px;margin:0;padding:9px 5px;text-align:center;font-size:8px}.cd-toolbar-scroll .cd-control{order:5;flex:0 0 auto;padding:8px;gap:4px;font-size:9px}.cd-toolbar-scroll .cd-control svg{width:14px;height:14px}.cd-toolbar-scroll .cd-manual{order:6;flex:0 0 94px;width:94px;padding:9px 8px;font-size:9px}.cd-toolbar-scroll .cd-claim{order:7;flex:0 0 61px;padding:10px 8px;text-align:center;font-size:10px}
.cd-scroll-hint{display:none;margin:0;padding:2px 15px 8px;text-align:right;color:#a7c4d4;font:10px/1.5 Arial,sans-serif}
@media(max-width:1100px){.cd-scroll-hint{display:block}}