/* Sequentry / engraved edition. Display-only; the desk and world wire contracts stay unchanged. */
:root{--display:"Cormorant Garamond",Georgia,serif;--body:"Source Serif 4",Georgia,serif;--ground:#faf9f5;--raise:#fffefa;--card:#fffefa;--ink:#28358e;--ink-dim:#525971;--ink-faint:#646b82;--signal:#303fa9;--signal-lo:#303fa9;--line-1:#e9e8e1;--line-2:#d9dbe4;--rule-heavy:1px solid var(--line-2);--ink-rgb:40,53,142;--signal-rgb:48,63,169;--accent:#d9dbe4;--wrap:1280px}
body::before{display:none}html,body{background:var(--ground)!important}h1,h2,h3,h4{font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(48px,6vw,80px)}h2{font-size:clamp(38px,4.5vw,60px)}p{line-height:1.65}
.nav,.nav[data-stuck="true"]{background:#fffefa!important;border-bottom:1px solid var(--line-2)!important}.nav-in{max-width:none;padding:17px 32px!important;align-items:center!important;gap:24px}.nav-mark{font-family:"Fraunces",Georgia,serif!important;font-size:23px!important;letter-spacing:-.04em!important}.nav-mark::before{display:none}.nav-links{gap:18px!important}.nav-links>a,.nav-group-btn{font:500 12px/1.4 Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}.nav-group-btn{color:var(--ink)!important}.nav-links .btn{padding:10px 14px!important;font:500 11px Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important}.nav-wallet{background:var(--ink)!important;color:var(--raise)!important;min-height:40px}.nav-1111,.nav-world{box-shadow:none!important;border:0!important}.nav-menu{background:var(--raise)!important;border:1px solid var(--line-2)!important;box-shadow:0 12px 30px #1a245910!important}.nav-menu a b{font:500 19px var(--display)!important}.nav-menu a i{font:12px/1.5 Arial,sans-serif!important}.nav-menu a{padding:12px 16px!important}.nav-menu a:hover{background:#f0f1f7!important}
.btn:not(.wd-stage *),button.btn:not(.wd-stage *),a.btn:not(.wd-stage *){font-family:Arial,sans-serif!important;font-size:12px;letter-spacing:.03em;text-transform:none!important;min-height:44px;padding:13px 22px;border-color:var(--line-2)!important}.btn-solid:not(.wd-stage *){background:var(--ink)!important;color:var(--raise)!important}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--signal)!important;outline-offset:5px}input:not(.wd-stage *),textarea:not(.wd-stage *){font-family:Arial,sans-serif!important;font-size:14px}::selection{background:#303fa9;color:white}
/* Central white space is structural: no text is layered over the hatchwork. */
#top.sq-hero{position:relative;isolation:isolate;min-height:760px;margin:20px 24px 0;padding:0!important;border:1px solid #dddfe7!important;background:#fffefa!important;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sq-engraving{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sq-art{position:absolute;object-fit:contain;mix-blend-mode:multiply}.sq-ruins{width:33%;height:auto;left:-5%;bottom:-115px}.sq-pyramid{width:43%;height:auto;right:-12%;bottom:-50px}.sq-foliage{width:23%;height:auto;right:-6%;top:-190px;transform:rotate(155deg)}
.sq-hero-copy{position:relative;text-align:center;width:min(700px,60%);padding:45px 0 100px}.sq-kicker{font:10px/1.4 Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:0 0 20px}.sq-kicker span{padding:0 12px;color:#9398b2}.sq-emblem{width:40px;height:40px;object-fit:contain;margin:0 auto 22px;mix-blend-mode:multiply}#top.sq-hero h1{font:400 clamp(70px,7.3vw,112px)/.83 var(--display)!important;letter-spacing:-.055em!important;margin:0 0 30px;color:var(--ink)!important}#top.sq-hero h1 em{font-weight:400;font-style:italic;letter-spacing:-.035em}.sq-intro{font:17px/1.6 var(--body)!important;color:var(--ink-dim);margin:0 0 28px}.sq-actions{display:flex;gap:28px;justify-content:center;align-items:center}.sq-actions .btn{display:inline-flex;gap:25px;align-items:center}.sq-text-link{font:12px/1.6 Arial,sans-serif;color:var(--ink);text-decoration:none;border-bottom:1px solid #a1a9c6;padding-bottom:5px}.sq-text-link:hover{border-color:var(--ink)}.sq-hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:21px 26px;display:flex;justify-content:space-between;background:#fffefa;border-top:1px solid var(--line-2);font:9px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.sq-hero-bottom a{color:inherit;text-decoration:none}
.sq-explore,.sq-edition,.sq-disclosure{position:relative;z-index:1}.sq-explore{max-width:1240px;margin:0 auto;padding:110px 48px;display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.sq-section-heading h2{font-size:62px;line-height:1;letter-spacing:-.045em;margin:0 0 24px}.sq-section-heading>p:not(.sq-kicker){font-size:16px;color:var(--ink-dim);margin-bottom:26px}.sq-path{display:grid;grid-template-columns:36px 1fr 20px;gap:24px;align-items:start;padding:28px 0;border:0;border-top:1px solid var(--line-2);width:100%;background:transparent;text-align:left;color:var(--ink);text-decoration:none;cursor:pointer}.sq-path:last-child{border-bottom:1px solid var(--line-2)}.sq-path:hover{background:#efeff7}.sq-number{font:10px/1.5 var(--mono);padding-top:9px}.sq-path h3,.sq-path-title{display:block;font:400 35px/1.1 var(--display);letter-spacing:-.03em;margin:0 0 12px}.sq-path p,.sq-path-desc{display:block;font:14px/1.65 Arial,sans-serif;color:var(--ink-dim);margin:0}.sq-arrow{padding-top:8px;font:22px var(--display)}.sq-edition{margin:0 48px;display:flex;align-items:center;gap:32px;padding:24px 0;border-top:1px solid var(--ink);font:10px/1.5 Arial,sans-serif;letter-spacing:.1em}.sq-edition span:nth-child(2){color:var(--ink-dim);letter-spacing:0}.sq-edition a{margin-left:auto;color:var(--ink);text-decoration:none;letter-spacing:0}.sq-disclosure{margin:0 48px;border-top:1px solid var(--line-2)}.sq-disclosure summary{display:flex;justify-content:space-between;align-items:center;padding:26px 0;cursor:pointer;list-style:none}.sq-disclosure summary::-webkit-details-marker{display:none}.sq-disclosure summary>span:first-child{font:400 32px var(--display)}.sq-disclosure summary>span:last-child{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.sq-disclosure[open]>summary{border-bottom:1px solid var(--line-2)}.sq-disclosure .sect{padding:50px 0}.sq-disclosure .wrap{padding:0}.sq-disclosure .sect .eyebrow{border-bottom-width:1px}.sq-disclosure .body-lg,.sq-disclosure .lede{font-size:16px;max-width:680px}.sq-disclosure .lede::first-letter{float:none!important;font:inherit!important;padding:0!important}.sq-disclosure .dk-tools{gap:20px;flex-wrap:wrap}.sq-disclosure .dk-filter{flex-wrap:wrap}.sq-disclosure .dk-search-wrap{min-width:180px}
#close{position:relative;margin:50px 24px 0;padding:90px 24px!important;text-align:center;background:#2c3997!important;border:0;overflow:hidden}#close .wrap{max-width:760px}#close .eyebrow{justify-content:center;border:0;color:#e1e4fc!important}#close .eyebrow>span:first-child{color:#e1e4fc!important}#close .eyebrow .rule{display:none}#close h2{color:#fffefa;font-size:clamp(44px,5.5vw,76px);font-weight:400;line-height:1.05;margin:0 0 34px}#close .cta-row{justify-content:center}#close .btn{color:#fffefa!important;border-color:#8c97d8!important}#close .btn-solid{background:#fffefa!important;color:#28358e!important}.foot{padding-top:45px!important}.foot-word{display:none}.foot .wrap{max-width:1240px}.foot-name{font-weight:400!important}.foot .fine{max-width:760px;color:var(--ink-dim);font:12px/1.7 Arial,sans-serif}.foot .ca-row{margin:24px 0}.foot-mark{color:var(--ink)!important}.hx-fab{right:18px!important;bottom:18px!important}.hx-fab .hx-avatar{background:#fffefa}.view:not(#view-overview) .sect{padding-top:56px}.view:not(#view-overview) h1{font-weight:400}.view:not(#view-overview) .eyebrow{border-bottom-width:1px}.view:not(#view-overview) .lede{font-size:17px}.view:not(#view-overview) .card-bar{letter-spacing:.06em}
@media(min-width:1100px) and (max-width:1350px){.nav-in{padding:15px 22px!important;gap:16px}.nav-links{gap:12px!important}.nav-mark{font-size:21px!important}.nav-links>a,.nav-group-btn{font-size:11px!important}}
@media(max-width:1099px){.nav-in{padding:15px 24px!important}.nav-links{gap:8px!important}.sq-explore{gap:60px}.sq-ruins{width:35%;left:-10%}.sq-pyramid{width:45%;right:-15%}.sq-foliage{width:27%;top:-130px}.sq-hero-copy{width:70%}}
@media(max-width:700px){.nav-in{padding:12px 20px!important}.nav-mark{font-size:23px!important}.nav-links>a,.nav-group-btn{font-size:14px!important}.nav-links{padding:20px!important}.nav-menu a{padding:12px!important}.nav-burger{width:44px;height:44px}.nav-links .nav-wallet{font-size:14px!important}#top.sq-hero{min-height:760px;margin:10px 12px 0;align-items:flex-start}.sq-hero-copy{width:100%;padding:54px 14px 235px}.sq-kicker{font-size:9px!important;margin-bottom:19px}.sq-emblem{width:34px;height:34px;margin-bottom:24px}#top.sq-hero h1{font-size:clamp(60px,16vw,90px)!important;line-height:.88!important;margin-bottom:24px}.sq-intro{font-size:15px!important;margin-bottom:26px}.sq-actions{gap:18px;flex-direction:column}.sq-actions .btn{font-size:12px!important}.sq-ruins{width:49%;left:-7%;bottom:-55px}.sq-pyramid{width:64%;right:-20%;bottom:-32px}.sq-foliage{width:30%;right:-9%;top:-85px}.sq-hero-bottom{padding:15px 16px;font-size:8px}.sq-hero-bottom>span{max-width:170px;line-height:1.6}.sq-explore{display:block;padding:65px 26px}.sq-section-heading h2{font-size:50px}.sq-section-heading{margin-bottom:45px}.sq-path{gap:16px;grid-template-columns:25px 1fr 20px;padding:25px 0}.sq-path h3,.sq-path-title{font-size:31px}.sq-path p,.sq-path-desc{font-size:13px}.sq-edition{margin:0 26px;gap:12px;flex-wrap:wrap}.sq-edition span:nth-child(2){display:none}.sq-edition a{font-size:9px}.sq-disclosure{margin:0 26px}.sq-disclosure summary{gap:20px}.sq-disclosure summary>span:first-child{font-size:27px}.sq-disclosure summary>span:last-child{font-size:8px;text-align:right;max-width:90px;line-height:1.5}.sq-disclosure .dk-grid{grid-template-columns:1fr}.sq-disclosure .dk-search-wrap{width:100%}.sq-disclosure .dk-filter{gap:8px}.sq-disclosure .dk-filter button{min-height:44px}#close{margin:35px 12px 0;padding:65px 14px!important}#close .cta-row{gap:12px}.foot{padding-bottom:75px!important}.foot .wrap{padding:0 26px}.foot .ca-row{flex-wrap:wrap}.foot .ca{overflow-wrap:anywhere;word-break:break-all}.view:not(#view-overview) .sect{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Rendered QA corrections: native dropdown bounds, brand scale, solid actions, chat contrast. */
.nav .nav-mark span{font:inherit!important;letter-spacing:inherit!important}
#top .sq-actions .btn-solid,#nav #nav-wallet{background:#28358e!important;color:#fffefa!important;border-color:#28358e!important}
#close .eyebrow span{color:#e1e4fc!important}
.sq-emblem{display:block;color:var(--ink)}
.sq-foliage{width:25%;right:-3%;top:-150px;transform:rotate(180deg)}
.sq-ruins{width:31%;left:-5%;bottom:-100px}
.hx-chat{background:#fffefa!important;border:1px solid var(--line-2)!important;border-radius:4px!important;box-shadow:0 16px 70px #16205420!important}
.hx-chat-head{background:#28358e!important;background-image:none!important;color:#fffefa!important}
.hx-chat-head::before,.hx-chat-head::after{display:none!important}.hx-chat-who small{color:#dce1ff!important}.hx-chat-close{color:#fffefa!important;border:1px solid #7884c3!important;border-radius:0!important}
.hx-chat-send{background:#28358e!important;color:#fffefa!important;border-radius:0!important}.hx-chat-log:empty::before{content:"What would you like to explore?";display:block;padding:38px 24px;font:32px/1.15 var(--display);color:var(--ink)}
.hx-chat-foot{font:11px/1.6 Arial,sans-serif!important;color:var(--ink-dim)!important}
@media(max-width:700px){.sq-foliage{width:40%;top:-90px;right:-10%}.sq-ruins{width:50%;left:-8%;bottom:-55px}.sq-hero-bottom a{padding-right:44px;max-width:135px}.nav .nav-mark span{font-size:23px!important}.hx-chat{max-width:calc(100vw - 24px)!important;right:12px!important}.sq-hero-bottom{min-height:57px}}

/* the not-live notice: a ruled strip under the nav, cobalt on paper */
.sq-notlive { position: relative; z-index: 5; display: flex; gap: 18px; align-items: baseline; max-width: 1232px; margin: 0 auto; padding: 14px 24px; border-bottom: 1px solid var(--ink, #28358e); background: #faf9f5; }
.sq-notlive-tag { flex: none; font: 600 11px/1 var(--mono, ui-monospace, monospace); letter-spacing: .16em; text-transform: uppercase; color: #fbfaf7; background: var(--ink, #28358e); padding: 6px 9px; }
.sq-notlive p { margin: 0; font: 400 14px/1.5 var(--serif, Georgia, serif); color: var(--ink-dim, #4a5088); }
@media (max-width: 640px) { .sq-notlive { flex-direction: column; gap: 8px; padding: 12px 18px; } }

/* dropdown edge fix: the last groups (Proof, Launch) open flush to the right edge of their label. A menu centred with left:50% and translateX(-50%)
   and then given right:0 is pushed off the left of the screen; the offset has to be removed in the hidden AND the open state. */
@media (min-width: 701px) {
  .nav-group[data-group="launch"] .nav-menu, .nav-group[data-group="proof"] .nav-menu,
  .nav-group:nth-last-child(-n+4) .nav-menu { left: auto !important; right: 0 !important; transform: translate(0, -4px) !important; max-width: min(360px, calc(100vw - 24px)); }
  .nav-group[data-group="launch"]:hover .nav-menu, .nav-group[data-group="launch"]:focus-within .nav-menu, .nav-group[data-group="launch"][data-open="true"] .nav-menu,
  .nav-group[data-group="proof"]:hover .nav-menu, .nav-group[data-group="proof"]:focus-within .nav-menu, .nav-group[data-group="proof"][data-open="true"] .nav-menu { transform: translate(0, 0) !important; }
  .nav-group[data-group="launch"]::after, .nav-group[data-group="proof"]::after { left: auto; right: 0; transform: none; }
}

/* nav wordmark one line */
.nav-mark, .nav-mark span { white-space: nowrap; }
@media (max-width: 1180px) and (min-width: 701px) { .nav-mark { font-size: 21px !important; } }

/* dropdown rows: a menu is a column of names with one wrapped line each, never a row of underlined links that run past the edge */
.nav-menu { box-sizing: border-box; }
.nav-menu a { display: block !important; border-bottom: 0 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere; }
.nav-menu a b, .nav-menu a i { display: block; text-decoration: none !important; border-bottom: 0 !important; white-space: normal !important; }
.nav-menu a i { font-style: normal; font-size: 12.5px; line-height: 1.45; color: var(--ink-dim, #4a5088); margin-top: 2px; }
.nav-menu a:hover { background: rgba(40, 53, 142, .06); }
.nav-menu a.on { background: #28358e; }
.nav-menu a.on b, .nav-menu a.on i { color: #fbfaf7 !important; }
@media (min-width: 701px) {
  .nav-group[data-group="launch"] .nav-menu, .nav-group[data-group="proof"] .nav-menu { width: 360px; min-width: 0; }
  /* the wide menus keep their columns but never leave the screen */
  .nav-group[data-group="earn"] .nav-menu, .nav-group[data-group="yours"] .nav-menu { max-width: calc(100vw - 24px); }
}
/* a narrower desktop: the wordmark stays, the Follow button becomes its icon, the nav never wraps */
@media (min-width: 701px) and (max-width: 1240px) {
  .nav-in { padding-left: 20px !important; padding-right: 20px !important; gap: 14px; }
  .nav-mark { flex: 0 0 auto; font-size: 20px !important; }
  .nav-links { gap: 14px !important; min-width: 0; }
  .nav-cta { padding-left: 12px !important; padding-right: 12px !important; font-size: 0 !important; }
  .nav-cta svg { font-size: 16px; }
  .nav-wallet { font-size: 13px !important; }
}

/* the active row inside a dropdown: cobalt ground, paper text, both lines legible (the row was cobalt with cobalt-grey text) */
.nav-links .nav-menu a.on, .nav-links .nav-menu a.on:hover { background: #28358e !important; }
.nav-links .nav-menu a.on, .nav-links .nav-menu a.on *, .nav-links .nav-menu a.on b, .nav-links .nav-menu a.on i { color: #fbfaf7 !important; opacity: 1 !important; text-decoration: none !important; }
.nav-links .nav-menu a.on i { color: rgba(251, 250, 247, .86) !important; }

/* the product's name stays on screen at every desktop width (an older rule hid the word below 1100px and left an icon) */
@media (min-width: 701px) { .nav .nav-mark span { display: inline !important; } .nav .nav-mark { min-width: max-content; } }
@media (min-width: 701px) and (max-width: 1100px) { .nav .nav-mark span { font-size: 19px !important; } .nav-links a, .nav-group-btn { font-size: 10.5px !important; letter-spacing: .02em !important; } .nav-links { gap: 10px !important; } .nav-in { gap: 10px; } }

/* the supplied logo, shown as the file it is: never recoloured, stretched or cropped */
.nav-logo { display: block; width: 28px; height: 28px; flex: none; margin-right: 10px; object-fit: contain; }
.nav .nav-mark { display: inline-flex; align-items: center; }
.sq-emblem { display: block; width: 92px; height: 92px; object-fit: contain; color: initial; }
.foot-logo { display: block; width: 44px; height: 44px; object-fit: contain; flex: none; }
.foot-mark { display: flex; align-items: center; gap: 12px; }
.hx-avatar { background: #fbfaf7 !important; border: 1px solid rgba(40,53,142,.28); border-radius: 8px; display: inline-grid; place-items: center; overflow: hidden; }
.hx-avatar img { width: 78%; height: 78%; object-fit: contain; display: block; }
@media (max-width: 700px) { .nav-logo { width: 24px; height: 24px; margin-right: 8px; } .sq-emblem { width: 72px; height: 72px; } }

/* Launch page: the old launch-pad markup stays in the DOM for the scripts that bind to it, hidden; one honest $SEQ section stands in its place */
#view-launch > *:not(.sq-notlive):not(.sq-seq) { display: none !important; }
.sq-seq { position: relative; z-index: 2; max-width: 1232px; margin: 0 auto; padding: 64px 24px 96px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.sq-seq h1 { font: 400 clamp(44px, 6vw, 84px)/.98 var(--serif, Georgia, serif); letter-spacing: -.01em; margin: 12px 0 0; color: var(--ink, #28358e); }
.sq-seq h1 em { font-style: italic; }
.sq-seq-body p { font: 400 18px/1.65 var(--serif, Georgia, serif); color: var(--ink, #28358e); margin: 0 0 18px; max-width: 62ch; }
.sq-seq-ca { border: 1px solid var(--ink, #28358e); padding: 18px 20px; margin: 26px 0; background: #fbfaf7; }
.sq-seq-ca b { display: block; font: 600 11px/1 var(--mono, ui-monospace, monospace); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 12px; }
.sq-seq-ca code { display: block; font: 500 15px/1.5 var(--mono, ui-monospace, monospace); overflow-wrap: anywhere; user-select: all; }
.sq-seq-links { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.sq-seq-steps { counter-reset: s; list-style: none; padding: 0; margin: 28px 0 0; border-top: 1px solid var(--ink, #28358e); }
.sq-seq-steps li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid rgba(40, 53, 142, .25); font: 400 16px/1.55 var(--serif, Georgia, serif); }
.sq-seq-steps li::before { content: counter(s, decimal-leading-zero); font: 600 12px/1.9 var(--mono, ui-monospace, monospace); letter-spacing: .1em; }
.sq-seq-fine { font: 400 13px/1.6 var(--serif, Georgia, serif); color: var(--ink-dim, #4a5088); margin-top: 26px !important; }
@media (max-width: 860px) { .sq-seq { grid-template-columns: 1fr; gap: 28px; padding: 36px 18px 64px; } .sq-seq-body p { font-size: 17px; } }

/* launch-notlive-z: the fixed paper plane (.atmos, z-index 0) paints over static content; content that carries its own layer must be positioned */
#view-launch { position: relative; z-index: 1; }

/* the collection link: a plain nav link like the others (no frame, no fizz), with a small Soon tag. The collection page itself says Coming soon. */
.nav .nav-links a.nav-1111, .nav .nav-links a.nav-1111:hover, .nav .nav-links a.nav-1111.on { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; animation: none !important; }
.nav .nav-links a.nav-1111::before, .nav .nav-links a.nav-1111::after { display: none !important; content: none !important; }
.nav .nav-links a.nav-1111 span { background: none !important; -webkit-text-fill-color: currentColor !important; animation: none !important; text-shadow: none !important; }
.soon-tag { font: 600 8.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; margin-left: 4px; vertical-align: super; color: #fbfaf7; background: #28358e; padding: 2px 4px; }

.sq-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink, #28358e); border-left: 1px solid var(--ink, #28358e); margin: 26px 0 8px; }
.sq-fact { padding: 14px 16px; border-right: 1px solid var(--ink, #28358e); border-bottom: 1px solid var(--ink, #28358e); background: #fbfaf7; min-width: 0; }
.sq-fact span { display: block; font: 600 10.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-dim, #4a5088); margin-bottom: 9px; }
.sq-fact b { display: block; font: 500 20px/1.2 var(--serif, Georgia, serif); overflow-wrap: anywhere; }
.sq-seq-src { font: 400 12.5px/1.5 var(--mono, ui-monospace, monospace); color: var(--ink-dim, #4a5088); margin: 6px 0 24px !important; }
@media (max-width: 640px) { .sq-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sq-fact b { font-size: 17px; } }

/* contract address under the hero buttons: "CA : <address>" on one line, wrapping only on a phone */
.sq-hero-ca { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 22px auto 0; max-width: 100%; font: 500 13px/1.4 var(--mono, ui-monospace, monospace); color: var(--ink, #28358e); }
.sq-hero-ca-k { font-weight: 700; letter-spacing: .14em; }
.sq-hero-ca code { font: inherit; letter-spacing: .01em; user-select: all; overflow-wrap: anywhere; word-break: break-all; }
.sq-hero-ca button { font: 600 10.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--ink, #28358e); background: transparent; border: 1px solid var(--ink, #28358e); padding: 6px 9px; cursor: pointer; }
.sq-hero-ca button:hover { background: var(--ink, #28358e); color: #fbfaf7; }
@media (max-width: 700px) { .sq-hero-ca { font-size: 11.5px; padding: 0 16px; } }

/* hero rhythm: the CA line gets its own space (it was 22px under the buttons), the headline drops to three lines so the whole block fits a laptop screen */

.sq-hero-copy { padding-top: 30px !important; }
.sq-emblem { width: 76px !important; height: 76px !important; }
.sq-intro { margin: 20px auto 34px !important; max-width: 640px; }
.sq-actions { gap: 36px !important; }
.sq-hero-ca { margin-top: 44px !important; gap: 12px 10px !important; padding: 14px 18px; border-top: 1px solid rgba(40, 53, 142, .22); border-bottom: 1px solid rgba(40, 53, 142, .22); width: max-content; max-width: calc(100% - 32px); }
.sq-hero-ca code { background: transparent !important; padding: 0 !important; }
.sq-hero-ca button { margin-left: 8px; padding: 7px 12px; }
.sq-hero-bottom { margin-top: 36px; }
@media (max-width: 700px) {
  .sq-hero h1 { font-size: clamp(40px, 12.4vw, 58px) !important; }
  .sq-intro { margin: 16px auto 28px !important; }
  .sq-hero-ca { margin-top: 36px !important; flex-direction: column; gap: 10px !important; padding: 14px 14px; width: auto; text-align: center; }
  .sq-hero-ca-sep { display: none; }
  .sq-hero-ca code { font-size: 11.5px; line-height: 1.5; }
  .sq-hero-ca button { margin: 4px 0 0; }
}

/* hero headline: three lines, each one a block that never wraps; the size is set by the widest line ("ASK THE AGENT.") fitting the 700px column */
.sq-hero .sq-hero-copy h1 { font-size: clamp(44px, 5.9vw, 84px) !important; line-height: 1.0 !important; letter-spacing: -.035em !important; }
.sq-hero .sq-hero-copy h1 .sq-l { display: block; white-space: nowrap; }
@media (max-width: 700px) { .sq-hero .sq-hero-copy h1 { font-size: clamp(30px, 9.4vw, 46px) !important; letter-spacing: -.03em !important; } }

/* fit: the widest line ("ASK THE AGENT.") is ~6.9em wide at this tracking, so the size is the column width divided by 7.2, never the viewport alone */
.sq-hero .sq-hero-copy h1 { font-size: clamp(40px, min(5.2vw, 86px), 86px) !important; }
@media (max-width: 700px) { .sq-hero .sq-hero-copy h1 { font-size: clamp(28px, 8.1vw, 40px) !important; } }

/* the rule that was winning is `#top.sq-hero h1 { font: 400 clamp(70px,7.3vw,112px)/.83 ... !important }`; an id selector beats any class chain, so this one matches it.
   Widest line is "ASK THE AGENT." (~6.9em), the column is 700px: 700 / 6.9 = ~100px at most, and the engravings need clearance, so the cap is 88px. */
#top.sq-hero h1 { font-size: clamp(40px, 5.8vw, 88px) !important; line-height: .96 !important; letter-spacing: -.035em !important; }
@media (max-width: 700px) { #top.sq-hero h1 { font-size: clamp(28px, 8.2vw, 40px) !important; line-height: 1 !important; letter-spacing: -.03em !important; } }