/* Editorial presentation layer. Chart coordinates, cameras and trading states are unchanged. */
:root {
  --pa-bg: #070b12;
  --pa-panel: #101824;
  --pa-line: #a3b7d51c;
  --pa-purple: #b9a2ff;
  --pa-green: #48ddbb;
  --pa-muted: #a7b3c6;
  --experience-ink: #f2f5fa;
  --experience-cyan: #91dedf;
  --experience-border: #9cafce23;
  --experience-radius: 18px;
}

html { scroll-padding-top: 110px; }
body {
  background: var(--pa-bg);
  color: var(--experience-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::selection { background: #bda7ff; color: #101326; }
.wrap { width: min(1480px, calc(100% - 88px)); }
main, .hero-grid > *, .section-heading, .section-bar > *, .hero-bottom > * { min-width: 0; }
a { text-underline-offset: 4px; }
button, select { font-family: inherit; }
:focus-visible { outline: 2px solid #bba4ff; outline-offset: 5px; }
.skip { border-radius: 8px; font-size: 13px; font-weight: 650; }

/* Compact navigation with a quiet, persistent product identity. */
header {
  height: 82px;
  background: #090e17eb;
  border-bottom-color: #a0b1d01b;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.nav { gap: 24px; }
.brand { gap: 12px; }
.brand strong { font-size: 15px; font-weight: 760; letter-spacing: .035em; }
.brand .gold { color: #c3b0fc; }
.brand small { margin-top: 3px; font-size: 8px; letter-spacing: .11em; color: #929eb4; }
.brain-icon { border-color: #a788e64d; box-shadow: 0 0 22px #9172df14; }
.nav-links { gap: 25px; font-size: 12px; font-weight: 550; color: #aab7ca; }
.nav-links a:not(.button) { padding-block: 11px; transition: color .18s ease; }
.nav-links a:not(.button):hover { color: #e0d7ff; }
.nav-links .button { min-height: 43px; padding: 10px 17px; font-size: 11px; }
.nav-toggle { background: #121a29; border-color: #a3adc52e; font-size: 12px; }

/* The CTA has the strongest color on the page; technical evidence stays calm. */
.button {
  min-height: 50px;
  border-color: #a7b5d230;
  border-radius: 10px;
  padding: 13px 20px;
  background: #111a29;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.button:hover { border-color: #b7a4e66b; background: #192237; transform: translateY(-2px); }
.button.primary {
  background: linear-gradient(120deg, #a285f4, #8564d9);
  border-color: #c6acff5e;
  box-shadow: inset 0 1px #ffffff2e, 0 9px 28px #7654c526;
  color: #080d19;
  font-weight: 750;
}
.button.primary:hover { background: linear-gradient(120deg, #b196fc, #9673e8); box-shadow: inset 0 1px #ffffff35, 0 10px 30px #8762de38; }
.eyebrow { font-size: 10px; line-height: 1.6; letter-spacing: .17em; color: #b6c3d6; }
.eyebrow::before { width: 14px; height: 1px; border-radius: 0; background: #a58adf; box-shadow: none; }
.accent { color: #bdabf4; }
.section-index {
  display: block;
  margin-bottom: 15px;
  color: #779099;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: .14em;
  font-variant-numeric: tabular-nums;
}

/* No photographic mockup: the interactive demonstration is the hero object. */
.hero {
  padding-top: 48px;
  background: radial-gradient(ellipse at 88% 10%, #6a4c9b20, transparent 48%), radial-gradient(ellipse at 2% 70%, #1734401b, transparent 45%), #090d16;
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(#a8bbda0e 1px, transparent 1px), linear-gradient(90deg, #a8bbda0e 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(#000, transparent 84%);
  -webkit-mask-image: linear-gradient(#000, transparent 84%);
}
.hero-grid { grid-template-columns: minmax(0, .79fr) minmax(640px, 1.21fr); gap: clamp(32px, 3.6vw, 64px); align-items: start; }
.hero-copy { padding-top: 80px; align-self: start; }
.hero-signature { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 26px; font-size: 9px; line-height: 1.5; letter-spacing: .12em; }
.hero-signature > :first-child { color: #d9cefa; padding: 6px 9px; border: 1px solid #ac94e543; border-radius: 5px; background: #aa86ed0b; font-weight: 700; }
.hero-signature > span:last-child { color: #89a4b7; font-size: 8px; }
.hero h1 { margin: 21px 0 24px; font-size: clamp(46px, 3.85vw, 66px); line-height: 1.065; font-weight: 720; letter-spacing: -.055em; }
.hero h1 .accent { color: #c5b6ef; }
.hero-copy > p { max-width: 490px; font-size: 15px; line-height: 1.85; color: #a6b5c9; }
.hero .actions { margin-top: 28px; gap: 10px; }
.hero .actions .button { min-height: 52px; }
.hero .micro { font-size: 11px; line-height: 1.8; margin-top: 18px; color: #a1afc1; }
.hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 34px; padding-top: 22px; border-top: 1px solid #a3b3d026; gap: 12px; }
.hero-proof > * { min-width: 0; padding-right: 10px; }
.hero-proof > * + * { padding-left: 15px; border-left: 1px solid #a3b3d026; }
.hero-proof strong { display: block; color: #e2e8f2; font-size: 20px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; }
.hero-proof small { display: block; max-width: 130px; color: #a2b0c3; font-size: 10px; line-height: 1.65; margin-top: 7px; }
.hero-visual { min-width: 0; width: 100%; max-width: none; margin: 0; }
.hero-bottom { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 38px; padding: 23px 0; border-top: 1px solid #9daed01e; }
.hero .hero-bottom p { max-width: 900px; margin: 0; font-size: 12px; color: #9daac0; }
.hero-bottom p > span { display: block; margin-bottom: 5px; color: #bac6d9; font-size: 9px; font-weight: 600; letter-spacing: .14em; }
.hero-bottom a { flex-shrink: 0; font-size: 12px; color: #d4c5fa; text-decoration: none; padding: 10px 0; }
.hero-bottom a:hover { text-decoration: underline; }
.feature-strip { margin-top: 35px; background: #0b131e80; }
.feature-strip strong { font-size: 13px; }
.feature-strip span { color: #a0adc1; }

/* Outer chrome only: the SVG viewport, cinematic focus panels and zoom math remain untouched. */
.chart-shell { border-color: #9e98c348; border-radius: 17px; background: #0c121e; box-shadow: 0 28px 80px #0005, 0 0 45px #6f519418; }
.chart-top { background: linear-gradient(110deg, #1b2132, #121925); border-bottom-color: #adc0e01a; }
.chart-top > div { min-width: 0; }
.chart-top .gold { color: #aaaed6; }
.chart-top small { color: #a0aec2; }
.demo-pill { color: #b6afd2; background: #a18bc807; border-color: #a28cc040; }
.chart-toolbar button { transition: border-color .18s ease, background .18s ease; }
.chart-toolbar button:hover { background: #c5aff514; border-color: #a995d05c; }
.chart-status { background: #0b131f; }
.chart-status strong { color: #c7b9ef; }
.chart-status p { color: #a5b2c7; }
.evidence-dock { background: #111b29; border-top-color: #acbdd61a; }
.evidence-dock small { color: #9cacbf; }
.evidence-dock strong { color: #c9d3e1; }
.execution-lock { background: #c6ab700a; border-top-color: #c9ad692b; }
.execution-lock small { color: #b3ad9e; }
.hero .chart-caption { max-width: none; color: #9caac0; font-size: 10px; line-height: 1.8; padding-top: 9px; margin-top: 8px; }
.analysis-steps button { font-size: 10px; color: #a1aec1; }
.analysis-steps button[aria-pressed="true"] { background: #b49bdd0b; border-color: #aa92d3; }
.chart-readout { padding-block: 12px; }
.chart-readout button { background: #151d2b; color: #d1c3ec; }

/* A short editorial bridge keeps the value proposition above the long technical detail. */
.value-strip { border-block: 1px solid #a9b8cf1a; background: #0d131e; }
.value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.value-grid article { position: relative; padding: 30px 34px 33px; min-width: 0; }
.value-grid article:first-child { padding-left: 0; }
.value-grid article:last-child { padding-right: 0; }
.value-grid article + article { border-left: 1px solid #a9b8cf1a; }
.value-index { display: block; font-size: 10px; letter-spacing: .12em; color: #99aac2; margin-bottom: 13px; }
.value-grid h3 { font-size: 17px; font-weight: 620; line-height: 1.4; letter-spacing: -.02em; margin: 0 0 9px; }
.value-grid p { color: #9eacc0; font-size: 12px; line-height: 1.8; margin: 0; max-width: 350px; }

.section { padding: 82px 0; }
.section-heading { max-width: 790px; margin-bottom: 32px; }
.section h2 { font-size: clamp(31px, 3.15vw, 46px); font-weight: 630; line-height: 1.13; margin: 14px 0 20px; letter-spacing: -.043em; }
.section-heading p { max-width: 720px; font-size: 14px; line-height: 1.85; color: #a6b4c8; }
.section-bar { gap: 35px; margin-bottom: 34px; }
.real-label, .section-meta, .broker-source { color: #9dafc5; font-size: 10px; line-height: 1.7; }
.real-label { padding: 7px 10px; border: 1px solid #9cafca25; border-radius: 6px; background: #0e1622; }
.section-meta { max-width: 230px; text-align: right; }
#software { background: radial-gradient(ellipse at 50% 60%, #32415319, transparent 60%), #080d15; }
.device-tabs { max-width: 650px; margin-bottom: 23px; padding: 5px; border-color: #a2b1ce2b; border-radius: 12px; background: #0d1521; }
.device-tabs button { min-height: 70px; padding: 13px 19px; font-size: 13px; }
.device-tabs [aria-selected="true"] { background: linear-gradient(115deg, #a08bd322, #8c9fb212); border-color: #b7a0e14d; }
.device-tabs [aria-selected="true"] > span { color: #d0c3eb; }
.device-tabs small { color: #a2afc2; font-size: 10px; }
.screen-tabs { gap: 7px; margin-bottom: 17px; }
.screen-tabs button { min-height: 44px; padding: 10px 14px; border-color: #a6b3ce24; background: #101826; color: #a9b6c8; font-size: 11px; }
.screen-tabs button[aria-pressed="true"] { border-color: #b6a3dc5a; color: #d8cbea; background: #a58dc815; }
.screenshot { padding: 9px; border-color: #9daccc36; border-radius: var(--experience-radius); background: #111a28; box-shadow: 0 20px 60px #0003; }
.screenshot figcaption { padding: 14px 11px 7px; color: #a5b3c7; font-size: 11px; line-height: 1.8; }
.screenshot .zoom { min-height: 37px; background: #101722f0; border-color: #ae9dd663; color: #e2d8f6; }
.mobile-showcase { border-color: #a9b5ce32; background: radial-gradient(ellipse at 84% 45%, #8260ba1e, transparent 60%), #0e1723; }
.mobile-showcase h3 { font-weight: 620; }
.mobile-showcase-copy > p { color: #aab8ca; }
.mobile-showcase-copy .mobile-recording-note { color: #a6b3c7; }
.mobile-video-frame { border-color: #ab9fc869; box-shadow: 0 23px 75px #0008, 0 0 40px #9271bb14; }
.mobile-video-figure figcaption { color: #a4b2c5; }

/* Original broker logos remain legible and do not imply that every license unlocks them. */
.broker-section { background: #0b121c; border-color: #a4b6d21c; }
.broker-source { border-color: #8ac0ad33; background: #70bca009; color: #b8cec5; }
.verified-brokers { gap: 9px; }
.verified-broker { padding: 15px 18px; background: #111b29; border-color: #9cafcb20; border-radius: 10px; min-height: 77px; }
.verified-broker img { background: #08101d; border-radius: 9px; }
.verified-broker strong { font-weight: 550; color: #d8e1ed; }
.broker-conditions { padding-top: 19px; }
.broker-conditions summary, .profile-explainer summary { line-height: 1.8; }
.broker-conditions p, .profile-explainer p { color: #a3b1c5; }

.analysis-overview { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 26px; align-items: stretch; }
.radar-card { background: radial-gradient(ellipse at 50% 44%, #45526c23, transparent 66%), #0e1623; border-color: #a09cc12e; border-radius: var(--experience-radius); padding: 25px; }
.radar-heading { color: #c2bfd6; }
.radar-heading small { color: #98a9bf; }
.radar-card svg { max-width: 340px; }
.radar-card p { color: #a1b0c5; font-size: 11px; }
.decision-layers { gap: 10px; }
.decision-layers article { border-radius: 12px; background: #101826; border-color: #a4b5d11c; padding: 22px 25px; }
.decision-layers article > span { color: #a4b7ca; }
.decision-layers h3 { font-size: 17px; line-height: 1.45; font-weight: 600; letter-spacing: -.02em; }
.decision-layers p { color: #a6b3c6; }
.decision-layers .decision-final { background: #b49c6408; border-color: #c0a36734; }
.catalog-header { margin-top: 38px; }
.catalog-header h3 { font-weight: 600; }
.catalog-header p { color: #a5b3c6; }
.profile-count { color: #c3b1e0; background: #a897cc08; }
.confluence-catalog { gap: 9px; }
.confluence-catalog details { border-color: #a4b5cd23; background: #0f1926; border-radius: 10px; }
.confluence-catalog summary { min-height: 65px; }
.confluence-catalog summary strong { font-size: 12px; font-weight: 600; }
.confluence-catalog summary small { font-size: 9px; color: #b6a4d2; }
.confluence-catalog summary::after { color: #b4c0d2; }
.confluence-catalog p { color: #aab7ca; }
.confluence-catalog details[open] { border-color: #a695ce50; background: #141d2c; }
.confluence-catalog details[data-config="off"] { background: #0a121d; }
.confluence-catalog details[data-config="off"] summary { color: #9eabbd; }
.confluence-catalog details[data-config="off"] small { color: #9aa9bd; }
.confluence-catalog details[data-config="active"] { border-color: #659f8840; }
.confluence-catalog details[data-config="active"] small { color: #a9ccbc; }
.profile-explainer { margin-top: 23px; padding-top: 20px; }

.safety-section { border-block: 1px solid #9daec914; background: linear-gradient(135deg, #131a2710, #101b2545); }
.safety-grid { gap: 12px; }
.safety-grid details { border-color: #b1a79029; border-radius: 12px; background: #111924; }
.safety-grid summary { min-height: 130px; padding: 21px; }
.safety-grid summary span { color: #e0dcd3; font-size: 13px; font-weight: 550; line-height: 1.55; }
.safety-grid summary small { color: #b2a793; margin-top: 8px; }
.safety-grid summary::after { color: #a4b3c6; font-size: 10px; }
.safety-grid details[open] { border-color: #c3ac7555; }
.safety-grid ul { color: #a7b5c9; font-size: 12px; }
.management-card { padding: 9px; border-color: #a6a0c133; background: #101925; border-radius: var(--experience-radius); }
.management-options { gap: 6px; }
.management-options button { min-height: 49px; border-color: #a0b1cd22; background: #0b131f; font-size: 12px; color: #a9b7ca; }
.management-options button[aria-pressed="true"] { background: #a58cc623; border-color: #a995c84d; color: #e1d6f1; }
.management-detail { padding: 29px 29px 24px; }
.management-detail h3 { font-weight: 600; font-size: 27px; }
.management-detail p { color: #acb8ca; }
.management-branches > div { border-color: #a5b6d122; background: #0b1521; }
.management-risk { padding: 20px 29px; color: #adb9cb; }
.feature-cards { gap: 14px; }
.feature-card { border-radius: 13px; border-color: #a5b7d024; background: linear-gradient(145deg, #131d2b, #0d1420); padding: 27px; }
.feature-card small { color: #9dc6cf; font-weight: 550; }
.feature-card h3 { font-size: 21px; font-weight: 600; margin-top: 22px; letter-spacing: -.03em; }
.feature-card p { color: #a6b4c8; }

/* Accessible disclosure styling, with no content hidden beyond the existing details controls. */
#duvidas { background: #0a1019; border-top: 1px solid #a4b7d216; }
.faq { max-width: 920px; }
.faq h2 { margin-bottom: 29px; }
.faq details { border-bottom-color: #a2b4d325; padding: 0; }
.faq summary { list-style: none; display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 22px 0; font-size: 14px; line-height: 1.6; font-weight: 550; color: #d5ddea; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; flex-shrink: 0; width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #a49dc63b; border-radius: 6px; color: #bfaadc; font-size: 17px; font-weight: 400; }
.faq details[open] summary::after { content: "−"; }
.faq details[open] summary { color: #e6dcf6; }
.faq p { max-width: 800px; padding: 0 43px 21px 0; margin: 0; color: #a6b5c9; font-size: 13px; }

/* Commercial controls stay sober: no invented badges, savings or urgency. */
.commerce-section { border-top: 1px solid #a1b2cf1c; background: radial-gradient(ellipse at 60% 48%, #6b4f9e19, transparent 65%), #0b111c; }
.license-clarity { background: linear-gradient(120deg, #bda46a0e, #bda46a05); border-color: #c7af7748; border-radius: 12px; padding: 21px 24px; margin-bottom: 31px; }
.license-clarity strong { color: #eadcbb; }
.license-clarity p { color: #c3bdaf; }
.license-clarity a { display: inline-flex; align-items: center; min-height: 32px; color: #e1ce9f; font-weight: 550; font-size: 12px; }
.commerce-controls { margin-bottom: 19px; }
.commerce-platforms { background: #101a29; border-color: #b0bbd22c; border-radius: 10px; }
.commerce-platforms button { min-height: 46px; padding-inline: 28px; font-size: 12px; color: #b0bfd2; }
.commerce-platforms [aria-pressed="true"] { background: #ab94d425; border-color: #b9a3de54; color: #eee4fb; }
.commerce-region { color: #bac6d8; }
.commerce-region select { border-color: #a4a9c14a; background: #111a28; color: #dfe7f4; font-size: 12px; min-height: 46px; font-family: inherit; }
.commerce-methods { gap: 8px; max-width: 730px; }
.commerce-methods button { min-height: 67px; background: #101925; border-color: #a7b9d328; padding: 13px 18px; color: #b1bfd2; }
.commerce-methods strong { font-size: 12px; }
.commerce-methods small { color: #9faec2; }
.commerce-methods [aria-pressed="true"] { color: #e1d3f3; background: #a88dcd15; border-color: #b29acf68; }
.commerce-methods [aria-pressed="true"] small { color: #b9abcf; }
.commerce-methods button:disabled { opacity: .6; }
.commerce-status { color: #b7a9cf; margin: 20px 0; font-size: 11px; line-height: 1.8; }
.commerce-plans { gap: 13px; }
.commerce-plan { border-color: #aaa4bf3b; border-radius: 15px; background: linear-gradient(155deg, #1b2333, #111925 65%); padding: 26px 23px; box-shadow: 0 14px 33px #00000016; }
.commerce-plan[data-plan-id="evo_365d"], .commerce-plan[data-plan-id="evo_1095d"] { border-color: #b4a0d65c; background: linear-gradient(150deg, #28243c, #131c2a 58%); }
.commerce-product { font-size: 9px; color: #b9a9d2; }
.commerce-duration { font-size: 10px; color: #d7c69e; }
.commerce-plan h3 { margin: 22px 0; font-size: 27px; font-weight: 620; }
.commerce-price { font-size: clamp(30px, 2.7vw, 39px); color: #f1ebfa; font-weight: 650; letter-spacing: -.045em; }
.commerce-period { color: #a7b4c8; font-size: 11px; }
.commerce-plan ul { color: #b8c5d9; font-size: 12px; gap: 13px; margin-top: 21px; }
.commerce-plan li::before { color: #bda0e8; }
.commerce-plan .button { min-height: 49px; font-weight: 700; font-size: 12px; }
.commerce-plan .button:disabled { color: #adb7c8; border-color: #a7b4cb2e; background: #192332; box-shadow: none; }
.commerce-missing { color: #d0bd96; font-size: 11px; }
.commerce-disclosure { color: #a4b2c8; font-size: 11px; line-height: 1.85; }
.commerce-disclosure + .commerce-disclosure { margin-top: 9px; }
.commerce-dialog { width: min(560px, 94vw); border-color: #ac97d657; border-radius: 17px; background: radial-gradient(ellipse at 100% 0, #75589920, transparent 60%), #101823; padding: 58px 30px 28px; }
.commerce-dialog h2 { font-size: 29px; font-weight: 620; letter-spacing: -.035em; margin: 17px 0 21px; }
.commerce-dialog .commerce-summary { color: #ded1f0; font-size: 14px; line-height: 1.8; }
.commerce-product-warning { background: #bea4670c; border-color: #c0a67046; padding: 17px; }
.commerce-product-warning strong { color: #e4d3ad; font-size: 13px; }
.commerce-product-warning p { color: #c3bdaf; font-size: 12px; }
.commerce-dialog > p { line-height: 1.8; }
.commerce-dialog > .button { min-height: 49px; font-size: 13px; }
dialog { border-color: #a692cc63; background: #0d1522; }
dialog .close { min-height: 37px; padding: 7px 12px; background: #182232; border-color: #adb5ca38; font-size: 12px; }
dialog::backdrop { background: #03050dde; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.footer { background: #080d15; padding: 33px 0 50px; border-color: #a6b5cd23; }
.footer-row strong { color: #dbe1ef; font-size: 11px; font-weight: 650; letter-spacing: .025em; }
.footer-row > span { color: #9facbe; font-size: 10px; }
.footer p { color: #9baac0; line-height: 1.9; }

@media (min-width: 1700px) {
  .hero-grid { grid-template-columns: minmax(0, .82fr) minmax(740px, 1.18fr); }
  .hero-copy { padding-top: 103px; }
}

@media (max-width: 1240px) {
  .wrap { width: calc(100% - 64px); }
  .hero { padding-top: 48px; }
  .hero-grid { grid-template-columns: 1fr; gap: 35px; }
  .hero-copy { padding-top: 0; max-width: 790px; }
  .hero h1 { font-size: clamp(47px, 5.9vw, 66px); max-width: 780px; }
  .hero-copy > p { max-width: 640px; }
  .hero-proof { max-width: 580px; margin-top: 27px; }
  .hero-visual { width: 100%; max-width: 940px; margin-inline: auto; }
  .hero-bottom { margin-top: 30px; }
  .nav-links { gap: 16px; font-size: 11px; }
  .nav-links .button { padding-inline: 13px; }
  .brand strong { font-size: 14px; }
  .section { padding-block: 70px; }
  .commerce-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .commerce-price { font-size: 37px; }
}

@media (min-width: 851px) and (max-width: 1030px) {
  .nav { gap: 15px; }
  .brand { gap: 8px; }
  .brand strong { font-size: 12px; }
  .brand small { font-size: 6px; letter-spacing: .065em; }
  .nav-links { gap: 13px; font-size: 10px; }
  .nav-links .button { padding-inline: 10px; font-size: 10px; }
  .brain-icon { width: 41px; height: 41px; }
  .brain-icon img { left: -39px; top: -37px; }
}

@media (max-width: 850px) {
  html { scroll-padding-top: 93px; }
  .wrap { width: calc(100% - 40px); }
  header { height: 74px; }
  .nav { gap: 14px; }
  .brand strong { font-size: 14px; }
  .nav-toggle { display: block; min-height: 44px; }
  .nav-links { display: none; top: 73px; padding: 16px 20px 19px; background: #0d1524f8; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid #a59bb84d; gap: 5px; box-shadow: 0 20px 35px #0005; }
  .nav-links.open { display: flex; }
  .nav-links a:not(.button) { min-height: 46px; padding: 11px 13px; font-size: 13px; border-radius: 7px; }
  .nav-links a:not(.button):hover { background: #aaa0e312; }
  .nav-links .button { font-size: 13px; margin-top: 5px; min-height: 46px; }
  .hero { padding-top: 38px; }
  .hero-signature { margin-bottom: 22px; }
  .hero h1 { font-size: clamp(40px, 7.2vw, 60px); max-width: 720px; }
  .hero-copy > p { max-width: 600px; font-size: 14px; }
  .hero-proof { margin-top: 27px; }
  .hero-proof strong { font-size: 20px; }
  .hero-bottom { align-items: flex-start; gap: 15px; }
  .hero .hero-bottom p { font-size: 11px; }
  .hero-bottom a { font-size: 11px; }
  .section { padding-block: 57px; }
  .section h2 { font-size: clamp(32px, 4.7vw, 41px); }
  .section-heading p { font-size: 13px; }
  .section-index { margin-bottom: 10px; }
  .section-bar { display: block; margin-bottom: 26px; }
  .real-label { display: inline-block; margin-top: 15px; white-space: normal; }
  .section-meta { text-align: left; margin-top: 15px; max-width: 400px; }
  .value-grid article { padding: 24px 20px; }
  .value-grid h3 { font-size: 15px; }
  .value-grid p { font-size: 11px; }
  .analysis-overview { grid-template-columns: 1fr; gap: 20px; }
  .radar-card { max-width: none; padding: 25px; }
  .radar-heading { flex-direction: row; align-items: center; }
  .radar-card svg { max-width: 325px; }
  .radar-card p { max-width: 560px; margin-inline: auto; text-align: center; }
  .decision-layers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-layers article { padding: 20px; gap: 10px; grid-template-columns: 22px minmax(0, 1fr); }
  .decision-layers h3 { font-size: 15px; }
  .decision-layers p { font-size: 12px; }
  .feature-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .feature-card { padding: 21px 18px; }
  .feature-card h3 { font-size: 17px; }
  .feature-card p { font-size: 12px; }
  .commerce-controls { gap: 16px; }
  .commerce-region { justify-content: flex-start; gap: 15px; }
  .commerce-plan { padding: 24px; }
}

@media (max-width: 600px) {
  .hero { padding-top: 31px; }
  .hero-grid { gap: 27px; }
  .hero-signature { gap: 8px; margin-bottom: 20px; font-size: 8px; }
  .hero-signature > span:last-child { font-size: 7px; }
  .hero h1 { margin-block: 18px 20px; font-size: clamp(39px, 8.1vw, 48px); line-height: 1.095; letter-spacing: -.05em; }
  .hero .eyebrow { font-size: 9px; letter-spacing: .1em; }
  .hero .actions { margin-top: 23px; gap: 9px; }
  .hero .actions .button { min-height: 48px; padding: 12px 16px; font-size: 12px; }
  .hero .micro { font-size: 10px; }
  .hero-proof { grid-template-columns: 1fr; gap: 0; padding-top: 3px; margin-top: 24px; }
  .hero-proof > * { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; }
  .hero-proof > * + * { padding-left: 0; border-left: 0; border-top: 1px solid #a3b3d019; }
  .hero-proof strong { font-size: 14px; letter-spacing: -.015em; }
  .hero-proof small { max-width: 150px; margin: 0; font-size: 10px; line-height: 1.65; text-align: right; }
  .hero-bottom { flex-direction: column; gap: 5px; padding-block: 19px; margin-top: 20px; }
  .hero-bottom a { min-height: 38px; }
  .value-grid { grid-template-columns: 1fr; }
  .value-grid article, .value-grid article:first-child, .value-grid article:last-child { padding: 22px 0; display: block; }
  .value-grid article + article { border-left: 0; border-top: 1px solid #a9b8cf1a; }
  .value-index { margin: 0 0 10px; font-size: 9px; }
  .value-grid h3 { font-size: 16px; margin: 0 0 7px; }
  .value-grid p { font-size: 12px; max-width: 450px; }
  .section { padding-block: 48px; }
  .section h2 { font-size: 33px; margin-bottom: 16px; }
  .section-heading { margin-bottom: 26px; }
  .section-heading p { font-size: 13px; }
  .section-index { font-size: 9px; }
  .device-tabs { gap: 5px; padding: 5px; border-radius: 10px; }
  .device-tabs button { padding: 12px 9px; grid-template-columns: 16px minmax(0, 1fr); gap: 3px 8px; min-height: 72px; font-size: 11px; }
  .device-tabs button > span { font-size: 22px; }
  .device-tabs small { font-size: 9px; line-height: 1.5; }
  .screen-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .screen-tabs button { font-size: 10px; padding: 9px 10px; line-height: 1.55; }
  .screenshot { padding: 5px; border-radius: 12px; }
  .screenshot figcaption { font-size: 10px; padding: 11px 7px 6px; }
  .mobile-showcase { padding: 25px 19px; gap: 26px; border-radius: 14px; }
  .mobile-showcase h3 { font-size: 32px; }
  .mobile-showcase-copy > p { font-size: 13px; }
  .mobile-showcase li strong { font-size: 13px; }
  .mobile-showcase li small { font-size: 11px; }
  .mobile-video-figure { max-width: 280px; }
  .mobile-recording-note { font-size: 11px; }
  .verified-brokers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .verified-broker { padding: 13px 11px; gap: 10px; min-height: 66px; }
  .verified-broker strong { font-size: 11px; }
  .verified-broker img { width: 30px; height: 30px; }
  .broker-source { white-space: normal; margin-top: 14px; font-size: 10px; }
  .broker-conditions summary { font-size: 12px; }
  .broker-conditions p { font-size: 11px; }
  .radar-card { padding: 20px 14px; }
  .radar-heading { align-items: flex-start; gap: 14px; }
  .radar-heading small { max-width: 135px; text-align: right; font-size: 8px; }
  .decision-layers { grid-template-columns: 1fr; }
  .decision-layers article { padding: 21px 19px; }
  .decision-layers h3 { font-size: 16px; }
  .confluence-catalog, .safety-grid { grid-template-columns: 1fr; }
  .catalog-header { margin-top: 30px; }
  .catalog-header h3 { font-size: 22px; }
  .catalog-header p { font-size: 12px; }
  .confluence-catalog summary { min-height: 66px; }
  .safety-grid summary { padding: 20px; min-height: 122px; }
  .management-options { grid-template-columns: 1fr 1fr; }
  .management-options button { font-size: 11px; line-height: 1.5; }
  .management-detail { padding: 24px 14px 19px; }
  .management-detail h3 { font-size: 25px; }
  .management-detail p { font-size: 12px; }
  .management-risk { padding: 18px 14px; font-size: 11px; }
  .management-branches { grid-template-columns: 1fr; }
  .feature-cards { grid-template-columns: 1fr; }
  .feature-card { padding: 24px; }
  .feature-card h3 { font-size: 21px; margin-top: 17px; }
  .feature-card p { font-size: 13px; }
  .faq summary { padding-block: 20px; font-size: 13px; gap: 17px; }
  .faq p { font-size: 12px; padding-right: 0; }
  .license-clarity { padding: 18px 15px; gap: 10px; margin-top: 22px; margin-bottom: 25px; }
  .license-clarity > span { font-size: 20px; }
  .license-clarity strong { font-size: 13px; line-height: 1.65; }
  .license-clarity p { font-size: 12px; }
  .license-clarity a { font-size: 11px; line-height: 1.6; }
  .commerce-platforms { width: 100%; }
  .commerce-platforms button { flex: 1; padding-inline: 12px; }
  .commerce-region { align-items: flex-start; gap: 7px; flex-direction: column; }
  .commerce-region select { width: 100%; font-size: 12px; }
  .commerce-methods { gap: 6px; }
  .commerce-methods button { padding: 12px 9px; min-height: 74px; }
  .commerce-methods strong { font-size: 11px; }
  .commerce-methods small { font-size: 9px; line-height: 1.5; }
  .commerce-status { font-size: 11px; margin-block: 18px; }
  .commerce-plans { grid-template-columns: 1fr; gap: 14px; }
  .commerce-plan { padding: 25px; }
  .commerce-plan h3 { font-size: 27px; margin-block: 18px 22px; }
  .commerce-price { font-size: 38px; }
  .commerce-plan ul { font-size: 12px; }
  .commerce-disclosure { font-size: 11px; }
  .commerce-dialog { padding: 55px 21px 23px; }
  .commerce-dialog h2 { font-size: 27px; }
  .commerce-dialog .commerce-summary { font-size: 13px; }
  .commerce-product-warning { padding: 15px; }
  .commerce-product-warning strong { font-size: 12px; }
  .commerce-dialog > .button { font-size: 12px; }
  .footer-row { align-items: flex-start; flex-direction: column; gap: 12px; }
}

@media (max-width: 360px) {
  .wrap { width: calc(100% - 28px); }
  .nav { gap: 8px; }
  .brand { gap: 8px; }
  .brand strong { font-size: 12px; }
  .brand small { font-size: 6px; letter-spacing: .06em; }
  .brain-icon { width: 35px; height: 35px; }
  .nav-toggle { padding-inline: 10px; font-size: 11px; }
  .hero-signature { letter-spacing: .065em; gap: 7px; }
  .hero-signature > span:last-child { font-size: 6.5px; }
  .hero h1 { font-size: 37px; }
  .hero-copy > p { font-size: 13px; }
  .hero .actions { display: grid; grid-template-columns: 1fr; }
  .hero-proof strong { font-size: 13px; }
  .hero-proof small { font-size: 10px; }
  .section h2, .analysis-suite .section-heading h2, .safety-section h2 { font-size: 30px; }
  .device-tabs button { padding: 11px 7px; gap: 3px 5px; font-size: 10px; }
  .device-tabs small { font-size: 8px; }
  .verified-broker { gap: 8px; padding-inline: 9px; }
  .verified-broker strong { font-size: 10px; }
  .commerce-methods strong { font-size: 10px; }
  .commerce-methods small { font-size: 8px; }
  .commerce-plan { padding: 23px; }
  .commerce-dialog { padding-inline: 17px; }
  .commerce-dialog h2 { font-size: 25px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .chart-toolbar button, .nav-links a { transition: none; }
  .button:hover { transform: none; }
}