/* live.css — the live site's additions to the landing page redesign (see sync-landing.mjs and live.js): text size,
the "look around free, no card" way in, and the signed-in states. Same palette as site-match.css: black canvas,
gold for paid plans, green for anything free. Sizes here are already the readable ones (readable.css). */
/* Text size (A− / A+ in the header): the whole page scales, as the browser's own zoom would. */
:root { --zoom: 1; }
html { zoom: var(--zoom); }
.textsize { display: inline-flex; gap: 4px; }
.textsize button { min-width: 40px; height: 36px; border: 1px solid #e0a82e45; border-radius: 6px; background: transparent; color: var(--gold-light); font: 600 15px var(--sans); cursor: pointer; }
.textsize button:hover:not(:disabled) { background: #e0a82e14; border-color: #e0a82e80; }
.textsize button:disabled { opacity: .35; cursor: default; }
@media (max-width: 900px) { .textsize { display: none; } }
/* "Look around free": under the hero's trial button, under the plans, and in the closing call. */
.free-look { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 14px; margin-top: 24px; }
.free-look__q { color: var(--muted); font-size: 16px; }
.free-look__btn { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid #e7b33380; border-radius: 7px; background: #e0a82e10; color: #e7b333; font-size: 16px; font-weight: 600; text-decoration: none; transition: background .18s, border-color .18s; }
.free-look__btn:hover { background: #e0a82e22; border-color: #e7b333; }
.free-look__what { flex-basis: 100%; text-align: center; color: var(--quiet); font-size: 15px; }
.free-look-strip { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px 30px; margin-top: 28px; padding: 22px 26px; border: 1px solid #e0a82e55; border-left: 3px solid #e7b333; border-radius: 6px; background: var(--bg); }
.free-look-strip .offer-kicker { color: #e0c068; }
.free-look-strip strong { display: block; color: #e7b333; font-size: 23px; font-weight: 550; letter-spacing: -.4px; }
.free-look-strip p { margin: 6px 0 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.free-look-strip__btn.button { width: auto; min-height: 48px; background: transparent; border-color: #e7b333; color: #e7b333; font-size: 16px; white-space: nowrap; }
.free-look-strip__btn.button:hover { background: #e0a82e1a; }
.free-look__link { display: inline-block; margin-top: 18px; color: #e7b333; font-size: 16px; text-decoration: none; border-bottom: 1px solid #e7b33355; }
.free-look__link:hover { border-bottom-color: #e7b333; }
.final-cta .free-look__link { display: table; margin: 18px auto 0; }
.free-look[hidden], .free-look-strip[hidden], .free-look__link[hidden] { display: none; }
@media (max-width: 720px) {
.free-look-strip { grid-template-columns: 1fr; padding: 20px; }
.free-look-strip__btn.button { width: 100%; }
}
/* The owner's palette (no cool greys, no grey-white lines or boxes): hairlines in a warm cream tint, outlines in
gold, caps labels in amber, clickable tabs in warm cream. These replace the redesign's neutral whites and greys. */
:root { --line: rgba(234, 223, 200, .13); --line-soft: rgba(234, 223, 200, .08); }
.tool-tour { border-color: rgba(234, 223, 200, .16); }
.hero-brand-badges > span:not(.patent-badge), .button-secondary { border-color: #e0a82e55; }
.billing-toggle button.active { background: #e0a82e1a; color: var(--gold-light); border-color: #e0a82e66; box-shadow: inset 0 0 0 1px #e0a82e55; }
.tool:hover { background: rgba(234, 223, 200, .035); }
.hero-resources a { border-color: rgba(234, 223, 200, .13); }
.hero-resources a:hover { border-color: #e0a82e55; }
.welcome { color: var(--gold); }
.tour-nav button { color: #d9ceb6; }
.tour-nav button:hover { color: var(--gold-light); }
.tour-nav button[aria-selected=true] { color: var(--gold-light); }
.broker-line strong { color: var(--text); }
.broker-line .broker-more { color: var(--muted); font-style: normal; font-size: 15px; white-space: nowrap; }
.broker-line { flex-wrap: wrap; row-gap: 14px; }
/* Signed in */
.sign-out { background: none; border: 0; padding: 0; color: inherit; cursor: pointer; font: inherit; font-size: 15px; }
.plans-member { max-width: 760px; margin: 0 auto 20px; text-align: center; color: var(--gold-light); font-size: 16px; line-height: 1.6; }
.access-ended { max-width: 760px; margin: 0 auto 26px; padding: 14px 18px; border: 1px solid #f8717166; border-left: 3px solid #f87171; border-radius: 6px; color: var(--text); font-size: 16px; line-height: 1.6; text-align: left; }
.access-ended b { color: #f87171; }
.access-ended a { color: var(--gold-light); }
.plans-down { grid-column: 1 / -1; text-align: center; color: var(--muted); font-size: 16px; }
.plans-down a { color: #e7b333; }
/* ── The owner's notes on the redesign (Oct 9) ── */
/* Headings: never near-white. Gold, with the line after the break in warm cream, as the hero. */
:root { --heading: #EADFC8; }
h2, .assistant-copy h2 { color: var(--gold-light); }
h2 .h2-2 { color: #EADFC8; }
/* The usual way (six places, a muted red) against one place (green), and the app's own path as chips in the
tools' colors. */
.os-count { display: inline-block; margin-left: 10px; padding: 3px 10px; border-radius: 999px; font: 600 13px var(--mono); letter-spacing: .04em; vertical-align: 3px; white-space: nowrap; }
.os-count--bad { color: #F0625A; background: #F0625A14; border: 1px solid #F0625A4d; }
.os-count--good { color: #e7b333; background: #e0a82e14; border: 1px solid #e0a82e66; }
.one-stop-grid article:first-child { border-color: #F0625A38; background: linear-gradient(180deg, #F0625A0b, transparent 45%); }
.one-stop-grid article:first-child li::marker { color: #F0625A; }
.one-stop-grid .one-stop-connected { background: linear-gradient(180deg, #e0a82e0e, transparent 45%); }
.one-stop-grid ol { gap: 14px; font-size: 16px; }
.one-stop-grid article { padding: 28px 30px; }
.os-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 6px; margin: 16px 0 0; }
.os-flow i { font-style: normal; color: var(--quiet); }
.os-step { --c: var(--gold-light); padding: 6px 12px; border-radius: 7px; border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); background: color-mix(in srgb, var(--c) 10%, transparent); color: var(--c); font-size: 15px; font-weight: 550; white-space: nowrap; }
.os-step[data-tool=market] { --c: #8db9f2; }
.os-step[data-tool=research] { --c: #f2c14e; }
.os-step[data-tool=events] { --c: #fb923c; }
.os-step[data-tool=portfolio] { --c: #8bd5ed; }
.os-step[data-tool=trades] { --c: #e0a82e; }
.os-step[data-tool=income] { --c: #e7b333; }
.os-step[data-tool=risk] { --c: #fdba74; }
.os-step[data-tool=projection] { --c: #f0b84a; }
/* The brokers: a band of their own, each broker a chip, the read-only promise in green with a shield. */
.broker-line { margin-top: 46px; padding: 24px 26px; border: 1px solid #e0a82e40; border-left: 3px solid var(--gold); border-top-color: #e0a82e40; border-radius: 8px; background: linear-gradient(90deg, #e0a82e0e, transparent 75%); gap: 14px 12px; }
.broker-line > span { color: var(--gold); font-size: 14px; letter-spacing: .08em; }
.broker-line strong { padding: 9px 16px; border: 1px solid #e0a82e47; border-radius: 8px; background: #e0a82e10; color: #EADFC8; font-size: 18px; font-weight: 600; letter-spacing: -.2px; }
.broker-line strong.broker-more { border-style: dashed; background: transparent; color: var(--muted); font-weight: 500; }
.broker-line > a { margin-left: auto; color: var(--gold-light); font-size: 15px; }
.broker-note { display: flex; gap: 10px; align-items: flex-start; color: #e0c068; font-size: 15px; }
.broker-note::before { content: ''; flex: none; width: 18px; height: 18px; margin-top: 4px; background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; }
@media (max-width: 720px) { .broker-line > a { margin-left: 0; } .broker-line strong { font-size: 16px; padding: 8px 13px; } }
/* The three promises under the tour: each a short heading with what it means, its icon in a green ring. */
.principles { gap: 28px; padding: 34px 0 38px; align-items: flex-start; }
.principles > span { display: grid; grid-template-columns: 38px 1fr; column-gap: 14px; row-gap: 4px; align-items: start; max-width: 350px; }
.principles > span svg { grid-row: span 2; width: 38px; height: 38px; padding: 9px; border-radius: 50%; border: 1px solid #e0a82e55; background: #e0a82e12; color: #e7b333; }
.principles b { color: #EADFC8; font-size: 18px; font-weight: 600; line-height: 1.3; }
.principles small { color: var(--muted); font-size: 15px; line-height: 1.55; }
@media (max-width: 900px) { .principles { flex-direction: column; align-items: stretch; gap: 20px; } .principles > span { max-width: none; } }
/* Less empty space (the owner, Oct 10: "so much wasted space"): a third less around each section, and the questions in
two columns under their heading instead of beside an empty column. */
.section { padding-top: 64px; padding-bottom: 60px; }
.final-cta { padding-top: 56px; padding-bottom: 64px; }
@media (min-width: 1000px) {
.faq-section { grid-template-columns: 1fr; gap: 28px; }
.faq-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 44px; align-items: start; }
}
/* Each broker with its own logo (the same images the app's account cards use, accounts.css .acx-lg--…) */
.broker-line strong.broker { display: inline-flex; align-items: center; gap: 10px; }
.broker-logo { flex: none; width: 26px; height: 26px; border-radius: 6px; background-color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat; }
.broker-logo--schwab { background-image: url(data:image/webp;base64,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); }
.broker-logo--fidelity { background-image: url(data:image/webp;base64,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); }
.broker-logo--etrade { background-image: url(data:image/webp;base64,UklGRswFAABXRUJQVlA4WAoAAAAgAAAATwAATwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDgg3gMAALAVAJ0BKlAAUAA+SR6MQ6KhoRZrNiAoBIS0AGgK2m6vKWg28F+FMoX5gP0X3Ee6D+3dIB+lnSv8wH7AejB6lvQA/ZbrAPQA81j/bfuN8Iv7g+lFFQqaN8GUDT671owfnK+kvYE/Kj1mfWr+yCMdCUaKbP2DqBirdmUV1+jR3NILvDGVykI///jUEzfv8vcj6fA5X04y5ILvqUB6OnvOwoPO8rv5/FhPLhVdVUpKZMLD80T+t3hIAP7+VdEO22/Nfr/jbrD+SeGF71JiAEY2v4OUeNrIHEZ++p7irh+6sE8aqHAcbcISfcTgeUx8LWVwus8TrX/eb2LhKegEDCdiUl7wATug8H+xevCSbVpSOgSFQtLOzl/CwpeCk76gbmUwV9OgsbUhPfssoMFbbPeKCaVKKFaEI8QTa6mE3yNro/ZNcl8rTf5L78dfyAmQEoTyXl3pgcQvok8ajNceGNAWEerHJTGELUtioXIOBuGaoE7/2tM/i1Zw9RNWA/z3qRBnpqMfKSBNluoL+4i6yhEKq6WMl14WZjA8B3TQux6WN6eX+DknJ7AFtoKkmJYfEkLSM6LDPb79Eub/Ciu8dP0Lr1+G8Nf4POjSbTApQmvxa459jF37S3q8DdtdE6P6sQm8Tc1MKrK9ZoRHsix0aBBo+596Rfgrrc5+MPU5Bga+DkbfiPpIL8Qmd7mc+hGIaKY7wHL8AO0Ph3DPhGYuH7Gz9pdcZNG2+1zQ6iCqMe94TwS7kTEdg9nVFUtj5LtiXkgokpSf4dnwNeP0hHYMEGSpKA1ZTnq4NX+xGSytgb96zcyBHnoluiwBmSFxKVGbcn6+WaJlXneFUHncj4nq1kojvGG6laF/7NJIWz+oyUp//XccMDjh9H9C35n+MDORMXoecHDfr4fm12sJRLxV0eeDh6LqPkuXDt296JTI0N7w7TCkEb1xtVCKTw18XuubRNWib85WVMsSi55Rn+LVBTXW6Z16yj0GwgsdfzG8Kf1iK7rByd5LDTQMxBNmSm9d1onuiq1552Iej3NWB4l5V/zjXyAK/IlBQlrMzqKcuJp2bpPVmdWmXKn5sTya0STqCnkhy1hykNv6rOrgL2CEORCyPljxwg2ZQSAeXobRP5S+TudLbtjwLhqQB7v1pze/U769mF/MAApQgKWvSbV6pomxRxMg5MdJm1a6Cwk3mWyX46d9DZGTUABXrcEvkzFG8PJ2V8IymHGHJppZvQg8TVmtOC7g+igsEHDNusDZHy0GNPsA7hY85E8yHX4EKh8bDMDfoLiODvJ9MjjpJIosKvxHAWREQxJPWIusT8hHgAAAAA==); }
.broker-logo--vanguard { background-image: url(data:image/webp;base64,UklGRrwEAABXRUJQVlA4WAoAAAAgAAAATwAATwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDggzgIAABARAJ0BKlAAUAA+SSKNRKKiIRXLjMAoBISxAGraoL8r/GbWPuufJn1JnFDus4DpPbYDzAdADyK+uH9BTy0PZMwB3sI/snJZpB/pT+N/jNe/LAz83nA9AzOV9J6hWbEp/0Y8m+vjh73ciXF7SKlSJ8mC//8Fx47pjtCQOpTQPus6tLfWOe/xtDa/2zXkrwm7sAAA/vnm8EBioJtZHfUL5e+7wbItd0yrXzdqdQDMcjP+d/3/4ddxPNJszgiZLk7WrbVnW3MyPX3fWvgGCwSHaI66T5K8xLN87quaZq9uWrqMl/elkHTZgRbS1Q57Wr+F0+Gqw38hkrfirfzGcHo6ajpYKrP9ovPmm3fYhNWclq6gssL94RH8LRf+veOULuCb+19spEbIM/lbJdQr4d7E9jn7/76xhtLV/xTNSG/6udeaJmSQbPG8/kxai+wvP7GG7NU/D3kKL8Kd1du4P5DxL/I0CMPdqoBPx6wTBW1kQHQj4UfavMUH+rblt8jQlnhOtyiN/F6/L6Zul4mheuyJEUzivA4hZpYwCOhrItMTRq/0LmpEy4r4y/DkbyylaxuTVhKl6c1GxaCsPbg05TxXP6GKtS2On4rHpuc1lmqihI6jSEdeXIHjNYSKgYsWMNCInItICTyKn51472PMzNM7HDrKOUvgE3f672SvPv/aXeXJE6+O9NLgXvzVd//K4Fq4Glz+b4RiAJ7lqLE/+KBT+fNZAa4tQ+QHXCisgUVTJdRt5YmVCSAR7NhumYcl2uk79M+kYPM3c0dbYJzDyS+d95/GF2dvhzTCY6Sxej3FSdLwdD1m51XldDljTuuMeeIY3/mFvUe8xm7o42GFT+Eiw7I0c4dXV0nm09u8mh5DvQC4LLeJ+4T0JG8+apTD5Ey+Geu0FHG+2x2j15P2K92bCl6mwf5PUyf/jwalZ54mvke7yghNZkt1CzSgUgAAAAA=); }
.broker-logo--merrill { background-image: url(data:image/webp;base64,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); }
/* Polish (the owner, Oct 10, comparing the first version: "why are the headings at the top so small and not button
like"): the menu as real buttons, the hero headline cream with its second line in gold, as that version had it. */
.site-header nav { gap: 6px; flex-wrap: nowrap; }
.site-header nav a { display: inline-flex; align-items: center; height: 38px; padding: 0 12px; border-radius: 9px; border: 1px solid rgba(224, 168, 46, .22); background: rgba(224, 168, 46, .05); color: var(--text); font-size: 15px; font-weight: 550; white-space: nowrap; flex-shrink: 0; transition: background .15s, border-color .15s, color .15s; }
.nav-actions .button, .nav-actions .sign-in, .nav-actions .sign-out { white-space: nowrap; flex-shrink: 0; }
@media (max-width: 1240px) and (min-width: 901px) { .textsize { display: none; } .site-header nav a { padding: 0 10px; font-size: 14.5px; } }
.site-header nav a:hover { background: rgba(224, 168, 46, .14); border-color: rgba(224, 168, 46, .6); color: var(--gold-light); }
@media (max-width: 900px) { .site-header nav a { height: auto; padding: 12px 14px; border: 0; background: none; } }
.hero h1 { color: #EADFC8; }
.hero h1 span { color: var(--gold-light); }
.brand-name { font-weight: 600; }
/* Section intros (the owner, Oct 10: "make this look more welcoming"): a larger headline, the words beside it in cream
at reading size, and the tools named as chips in their own colors. */
.section-intro h2 { font-size: 42px; line-height: 1.15; }
.section-intro > p { color: #EADFC8; font-size: 18px; line-height: 1.65; max-width: 560px; }
.tool-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; max-width: 560px; }
.tool-chip { --c: var(--gold-light); padding: 6px 12px; border-radius: 7px; border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); background: color-mix(in srgb, var(--c) 10%, transparent); color: var(--c); font-size: 15px; font-weight: 550; }
.tool-chip[data-tool=market] { --c: #8db9f2; } .tool-chip[data-tool=research] { --c: #f2c14e; } .tool-chip[data-tool=events] { --c: #fb923c; }
.tool-chip[data-tool=portfolio] { --c: #8bd5ed; } .tool-chip[data-tool=risk] { --c: #fdba74; } .tool-chip[data-tool=income] { --c: #e7b333; }
.tool-chip[data-tool=trades] { --c: #e0a82e; } .tool-chip[data-tool=projection] { --c: #f0b84a; }
@media (max-width: 900px) { .section-intro h2 { font-size: 32px; } }
/* No container slop (the owner, Oct 10): sections stand on spacing, type and hairlines, not boxes. Kept as frames only
what you click or try: the plans, the product tour, the book and community links, the buttons. */
.assistant-section { border: 0 !important; background: none !important; box-shadow: none !important; padding-left: 0; padding-right: 0; }
.assistant-example { border: 0 !important; border-left: 2px solid rgba(224, 168, 46, .55) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 6px 0 6px 28px !important; }
.assistant-example .assistant-who { border-bottom: 0; }
.chat-question { border: 0 !important; background: rgba(224, 168, 46, .09) !important; border-radius: 12px !important; }
.assistant-foot { border-top: 0 !important; }
.book-feature, .community-feature { border: 0 !important; background: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
.rms-grid { gap: 64px; }
.tools-grid { border: 0 !important; background: none !important; gap: 40px 44px; }
.tool { border: 0 !important; border-top: 2px solid var(--tool-color, var(--gold)) !important; border-radius: 0 !important; background: none !important; padding: 20px 0 0 !important; }
.method-note { border: 0 !important; background: none !important; padding-left: 0 !important; }
.one-stop-grid article { border: 0 !important; background: none !important; padding: 18px 0 0 !important; border-radius: 0 !important; }
.one-stop-grid article:first-child { border-top: 2px solid #F0625A88 !important; }
.one-stop-grid .one-stop-connected { border-top: 2px solid #e7b333aa !important; }
.one-stop-grid { gap: 64px; }
.rms-welcome, .rms-trial-banner { border: 0 !important; border-left: 3px solid var(--gold) !important; border-radius: 0 !important; background: none !important; }
.free-look-strip { border: 0 !important; border-left: 3px solid #e7b333 !important; border-radius: 0 !important; background: none !important; }
.broker-line { border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; background: none !important; padding: 28px 0 0 !important; }
/* Substance (the owner, Oct 10: "no substance… doesn't grab attention"): the numbers band, the plans compared, the
featured plan clearly first. */
.numbers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 56px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.numbers__i { padding: 30px 26px; display: grid; gap: 8px; }
.numbers__i + .numbers__i { border-left: 1px solid var(--line); }
.numbers__i b { font: 650 48px/1 var(--sans); letter-spacing: -.03em; color: var(--gold-light); }
.numbers__i span { font-size: 16px; line-height: 1.45; color: #EADFC8; max-width: 230px; }
@media (max-width: 900px) { .numbers { grid-template-columns: 1fr 1fr; } .numbers__i:nth-child(3) { border-left: 0; } .numbers__i:nth-child(n+3) { border-top: 1px solid var(--line); } .numbers__i b { font-size: 38px; } }
.plan .per-day { margin: 2px 0 0; color: #EADFC8; font-size: 15px; }
.plan.featured { border: 2px solid var(--gold) !important; box-shadow: 0 0 0 6px rgba(224, 168, 46, .07); }
.plan.featured .price { color: var(--gold-light); }
.plans-compare { margin-top: 34px; overflow-x: auto; }
.plans-compare table { width: 100%; border-collapse: collapse; font-size: 16px; }
.plans-compare th { padding: 12px 14px; text-align: center; font-weight: 650; color: #EADFC8; border-bottom: 1px solid var(--line); }
.plans-compare th:first-child { text-align: left; color: var(--gold); font: 700 14px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.plans-compare td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: center; color: #EADFC8; }
.plans-compare td:first-child { text-align: left; }
.plans-compare :is(th, td).is-featured { background: rgba(224, 168, 46, .06); }
.plans-compare th.is-featured { color: var(--gold-light); }
.plans-compare .yes { color: #e7b333; font-weight: 700; }
.plans-compare .no { color: var(--quiet); }
/* Never brown (the owner, Oct 10: "STOP MAKING IT BROWN"): gold only as crisp text, lines and the solid buttons; every
tinted fill is a neutral one. */
.site-header nav a { border-color: rgba(255, 255, 255, .13); background: rgba(255, 255, 255, .04); color: #EADFC8; }
.site-header nav a:hover { background: rgba(255, 255, 255, .09); border-color: rgba(255, 255, 255, .24); color: var(--gold-light); }
.billing-toggle button.active { background: rgba(255, 255, 255, .08) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2) !important; color: var(--gold-light) !important; }
.broker-line strong { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .14); }
.chat-question { background: rgba(255, 255, 255, .06) !important; }
.plan.featured { box-shadow: none; }
.plans-compare :is(th, td).is-featured { background: rgba(255, 255, 255, .04); }
.textsize button { border-color: rgba(255, 255, 255, .16); }
.textsize button:hover:not(:disabled) { background: rgba(255, 255, 255, .08); }
.hero-brand-badges > span:not(.patent-badge), .button-secondary { border-color: rgba(255, 255, 255, .2); }
.button-secondary:hover { background: rgba(255, 255, 255, .06) !important; }
/* the comparison opens and closes */
.plans-compare summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 4px; cursor: pointer; list-style: none; color: var(--gold-light); font-size: 17px; font-weight: 600; border-bottom: 1px solid var(--line); }
.plans-compare summary::-webkit-details-marker { display: none; }
.plans-compare summary span { font-size: 22px; transition: transform .15s; }
.plans-compare[open] summary span { transform: rotate(45deg); }
/* Separation without lines or boxes (the owner, Oct 10: "it just flows into each other… don't use lines or
containers"): each section on a full-width band, alternating two blacks, with room above and below. */
.section { padding-top: 92px !important; padding-bottom: 92px !important; }
#tools, .assistant-section, #getting-started, #faq { background: #111113 !important; box-shadow: 0 0 0 100vmax #111113 !important; clip-path: inset(0 -100vmax) !important; }
.assistant-section { padding-top: 92px !important; padding-bottom: 92px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.principles, .broker-line, footer, .footer-top, .footer-bottom, .full-disclaimer, .faq-list details, .faq-list, .plans-compare summary { border: 0 !important; }
.tool, .one-stop-grid article, .one-stop-grid article:first-child, .one-stop-grid .one-stop-connected { border: 0 !important; }
.rms-welcome, .rms-trial-banner, .free-look-strip { border: 0 !important; padding-left: 0 !important; }
.faq-list details { padding: 6px 0; }
.step-number::after { display: none !important; }
.section-intro h2::before, .assistant-copy h2::before { display: none !important; }
/* Clearly separated (the owner, Oct 10: "I want it separated, it flows together and looks cluttered"): alternate
sections on a distinctly lighter black, more room, and every section opens with a centred title block. */
.section { padding-top: 120px !important; padding-bottom: 120px !important; }
#tools, .assistant-section, #getting-started, #faq { background: #17171b !important; box-shadow: 0 0 0 100vmax #17171b !important; }
.assistant-section { padding-top: 120px !important; padding-bottom: 120px !important; }
.section-intro { display: block !important; text-align: center; max-width: 820px; margin: 0 auto 56px !important; }
.section-intro > div { margin: 0 auto; }
.section-intro h2 { font-size: 46px; }
.section-intro > p { margin: 18px auto 0 !important; max-width: 680px; }
.section-intro .tool-chips { justify-content: center; margin-left: auto; margin-right: auto; }
@media (max-width: 900px) { .section { padding-top: 80px !important; padding-bottom: 80px !important; } .section-intro h2 { font-size: 34px; } }
/* Safari before 16 (older iPhones and iPads) has no overflow: clip, so site-match.css's phone rule did nothing and the page
scrolled sideways a few pixels: overflow hidden on the body there instead (Oct 21 2026) */
@supports not (overflow-x: clip) { @media (max-width: 600px) { body { overflow-x: hidden; } } }