/* Reference measurements: swiper-fintech.framer.website, 2026-09-29.
   HoaiFx content/layout retained. Book cover is deliberately excluded. */
@font-face{font-family:Inter;src:url('fonts/inter-400-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-500-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-600-latin.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#0a0a0a;--panel:#101012;--line:#202024;--text:#f2f2f2;--muted:#8f8f94;--gold:#8f8f94;--gold-dark:#646469;--accent-light:#f2f2f2;--accent-tint:#3494ed;--font:Inter,sans-serif;--ease:cubic-bezier(.44,0,.56,1);--reveal-ease:cubic-bezier(0,0,.2,1)}
body{background:#0a0a0a;color:#f2f2f2;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;isolation:isolate}
h1,h2,h3,.choice-copy h2{font-family:Inter,sans-serif;font-weight:600}
h1 em,h2 em,.home-intro h1 em,.page-indicator .hero h1 em,.page-ebook .learn-copy h2 em{color:#f2f2f2}
p{line-height:1.5}button,input{font-family:inherit}.gold{color:inherit}a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #70b3ff;outline-offset:5px}
/* Local preservation boundary: colors and typography of the approved book. */
.book{--gold:#d9bd89;--font:'DM Sans',sans-serif;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:400;line-height:normal;color:#f3f2ef}
.book-title{font-family:Manrope,sans-serif}.book-title em{font-family:Georgia,'Times New Roman',serif!important}
.concept-bar{background:#101012;border-color:#202024;color:#646469}.concept-bar a:hover{color:#f2f2f2}.concept-bar a{display:inline-flex;gap:6px;align-items:center}
.header{background:#0a0a0af5;backdrop-filter:blur(16px);height:80px}.brand{font-size:24px;font-weight:600;letter-spacing:-.02em;color:#f2f2f2}.desktop-nav{font-size:13px;color:#f2f2f2;gap:32px}.desktop-nav a[aria-current=page]{color:#f2f2f2}.desktop-nav a:hover{color:#8f8f94}
.ui-icon{display:inline-block;flex-shrink:0;width:18px;height:18px;vertical-align:middle;pointer-events:none}.icon-chevron-right,.icon-chevron-left{width:12px;height:12px}.text-link,.link-button,.footer a,.breadcrumb a,.home-support a{display:inline-flex;align-items:center;gap:7px}.text-link,.link-button{color:#f2f2f2;font-weight:500;font-size:14px}.text-link:hover,.link-button:hover{color:#bdbdc2}.text-link .ui-icon,.link-button .ui-icon{transition:transform .3s var(--ease)}.text-link:hover .icon-chevron-right,.link-button:hover .icon-chevron-right{transform:translateX(2px)}
/* Double-shell CTA measured from the reference, including blue and neutral states. */
.button,.button.small,.plan .button,.hero-actions>.button,.learn-actions .button{min-height:0;padding:4px;border:0;border-radius:40px;background:radial-gradient(87% 100% at 50% 0%,rgba(90,107,133,.5),#374963);box-shadow:inset 0 1px 0 #87878740;color:#f2f2f2;gap:0;overflow:hidden;position:relative;transform:none;transition:background .3s var(--ease),box-shadow .3s var(--ease);font-size:15px;font-weight:500;line-height:1}
.button .button-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px 8px 14px;width:100%;min-height:31px;background:linear-gradient(180deg,#3494ed -25%,#0e67c7 100%);border-radius:40px;font-size:15px;font-weight:500;line-height:1;transition:gap .3s var(--ease),padding .3s var(--ease)}
.button-inner>span{display:inline-flex;font-size:inherit;line-height:1}.button .ui-icon{width:12px;height:12px}.button:after{content:'';position:absolute;inset:4px;border-radius:40px;background:linear-gradient(180deg,#f2f2f2d9 0%,#ababab40 135%);mix-blend-mode:soft-light;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.button:hover{background:radial-gradient(87% 128% at 50% 50%,rgba(90,107,133,.75),rgba(55,73,99,.75));transform:none;box-shadow:inset 0 1px 0 #87878740}.button:hover:after{opacity:1}.button:hover .button-inner{gap:10px;padding-right:10px}
.button.secondary,.button.nav-cta{background:radial-gradient(87% 100% at 50% 0%,#292929,#292929);color:#f2f2f2;border:0;box-shadow:inset 0 1px 0 #87878740}.button.secondary .button-inner,.button.nav-cta .button-inner{background:linear-gradient(180deg,#171717 -25%,#000 100%)}.button.secondary:after,.button.nav-cta:after{background:linear-gradient(180deg,#ffffff1f,#ababab00)}.button.secondary:hover,.button.nav-cta:hover{background:#383838}
.eyebrow{font-family:Inter,sans-serif;font-size:11px;line-height:1.3;font-weight:400;letter-spacing:0;padding:6px 10px;border-radius:100px;color:#a1a1aa;background:#101012;border:1px solid #202024;box-shadow:inset 0 1px 3px #ffffff08}
.home-intro{padding-top:56px;padding-bottom:48px}.home-intro h1,.page-indicator .hero h1,.ebook-intro h1{font-size:56px;line-height:1.05;font-weight:600;letter-spacing:-.02em;margin:24px 0 20px}.home-intro>p,.hero-copy>p,.ebook-intro>p{font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5;color:#8f8f94;letter-spacing:0;max-width:560px}
.home-intro:before,.hero:before,.ebook-intro:before{display:none}.home-intro,.hero-copy,.ebook-intro{animation:none}
.product-choice{background:linear-gradient(145deg,#1e1e21,#101012 55%,#101012);border:1px solid #202024;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff06,0 25px 60px #0004;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.product-choice:hover{transform:none;border-color:#3a3a3f;box-shadow:inset 0 1px 0 #ffffff0a,0 25px 60px #0005}.choice-top{color:#8f8f94;letter-spacing:.02em;font-size:11px}.choice-type{display:flex;align-items:center;gap:6px;background:#1e1e21;border:1px solid #2c2c30;color:#8f8f94;font-size:10px}.choice-type .ui-icon{width:13px;height:13px}.choice-copy h2{font-size:26px;letter-spacing:-.01em;line-height:1.1}.choice-copy>p{color:#8f8f94;font-size:15px;line-height:1.5}.choice-action{color:#f2f2f2;border-color:#2c2c30;font-size:14px;font-weight:500}.choice-action>span{border-color:#2c2c30;background:linear-gradient(#1e1e21,#101012);color:#f2f2f2;transition:background .3s var(--ease)}.product-choice:hover .choice-action>span{background:#2c2c30}.ebook-choice-visual{background:none}.mini-visual-caption{color:#646469}.home-support{color:#646469}.home-support a{color:#8f8f94}
.breadcrumb,.breadcrumb a{color:#8f8f94}.page-indicator .hero{padding-top:48px}.hero-actions{margin-top:40px}.hero-meta{color:#646469;font-size:12px}.hero-meta i{color:#8f8f94}.hero-meta .ui-icon{width:14px;height:14px}.hero-visual:before{background:radial-gradient(ellipse,#ffffff13,transparent 68%)}.terminal{background:#0e0e0e;border-color:#202024;box-shadow:0 0 0 6px #ffffff02,0 32px 75px #0008;transform:none;will-change:auto}.terminal-main{background:#101012}.terminal-top{border-color:#202024}.terminal-name{color:#f2f2f2}.model-label{color:#646469}.model-sidebar{background:linear-gradient(150deg,#1e1e21,#101012);border-color:#202024}.model-brand>span{color:inherit}.model-brand small,.sidebar-label{color:#646469}.side-item{color:#8f8f94}.side-item .ui-icon{width:16px;height:16px}.side-item.selected{background:#2c2c30;color:#f2f2f2;border:1px solid transparent}.sidebar-foot>span{color:#8f8f94;border-color:#2c2c30}.sidebar-foot p{color:#646469}.chart-symbol{color:#f2f2f2}.chart-subtitle{color:#8f8f94}.chart-time{color:#8f8f94;border-color:#2c2c30}.chart-tabs{border-color:#202024}.chart-tabs button{color:#8f8f94}.chart-tabs button span{color:#646469}.chart-tabs button.active{background:#1e1e21;color:#f2f2f2;border-color:#2c2c30}.insight-icon{color:#8f8f94}.insight strong{color:#f2f2f2}.insight p{color:#8f8f94}.visual-caption{color:#646469}.markets>div{color:#8f8f94}.markets small{color:#646469}.market-symbol{color:#8f8f94;background:#101012;border-color:#2c2c30;font-family:Inter,sans-serif}
.section-heading h2,.center-heading h2,.faq-heading h2,.page-ebook .learn-copy h2{font-family:Inter,sans-serif;font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.01em}.section-heading>p,.center-heading p,.feature-list p,.method-grid p,.faq-heading>p,.page-ebook .learn-copy>p{font-size:15px;line-height:1.5;color:#8f8f94}.section-heading>p{max-width:365px}.product-image{background:#101012;border-color:#202024;box-shadow:0 0 0 7px #ffffff02,0 25px 60px #0005}.image-top{background:#101012;border-color:#202024;color:#8f8f94}.live-dot{background:#8f8f94;box-shadow:none}.image-caption{color:#646469;background:#101012;border-color:#202024}
.feature-list article,.feature-list article:first-child,.feature-list article:last-child,.page-ebook .method-grid article{background:#101012;border-color:#202024}.feature-number{width:24px;height:24px;border:0;background:none;color:#8f8f94;box-shadow:none;border-radius:0}.feature-number .ui-icon{width:24px;height:24px}.feature-list h3,.method-grid h3{font-family:Inter,sans-serif;font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.01em}.method-section{background:none;border-color:#202024}.method-num{background:linear-gradient(180deg,#1e1e21,#101012);border-color:#2c2c30;color:#f2f2f2;box-shadow:0 0 0 4px #ffffff03}.method-tag,.method-note,.method-note span{color:#646469}.method-note{border-color:#202024}.method-note .ui-icon{width:16px;height:16px}.plan{background:#101012;border-color:#202024;border-radius:16px}.plan.featured{background:#101012;border-color:#2c2c30;box-shadow:0 0 0 4px #ffffff05}.plan-ribbon{background:#1e1e21;color:#8f8f94;border:1px solid #2c2c30;letter-spacing:0}.plan-kicker{color:#646469}.plan h3{font-size:24px;font-weight:500;letter-spacing:-.01em}.price{color:#f2f2f2;font-family:Inter,sans-serif;font-size:44px;letter-spacing:-.02em}.price-period,.plan-description,.plan li{color:#8f8f94}.plan ul{border-color:#202024}.plan li:before{content:''}.plan li{display:flex;align-items:flex-start;gap:10px}.plan li>.ui-icon{width:15px;height:15px;color:#8f8f94;margin-top:2px}.pricing-note,.pricing-note a{color:#646469}.access-steps{border-color:#202024;color:#8f8f94}.access-steps>span,.access-steps b,.access-steps i{color:#646469}
.ebook-intro{padding-top:48px}.page-ebook .learn-section{background:radial-gradient(ellipse at 18% 35%,#ffffff07,transparent 60%),#101012;border-color:#202024;box-shadow:0 0 0 7px #ffffff02,0 40px 80px #0006}.book-scene-label{color:#646469}.book-topics{color:#8f8f94}.book-topics li{display:flex;align-items:center;gap:10px}.book-topics li:before{content:none}.book-topics .ui-icon{color:#8f8f94;width:16px;height:16px}.ebook-price strong{color:#f2f2f2}.ebook-price>span,.ebook-price small{color:#8f8f94}.faqs details{background:#101012;border-color:#202024;border-radius:12px}.faqs summary{color:#f2f2f2;font-family:Inter,sans-serif;font-weight:500;font-size:15px}.faqs summary span{color:#8f8f94}.faq-toggle{display:flex}.faq-toggle .ui-icon{width:16px;height:16px;transition:transform .3s var(--ease)}.faqs details[open] .faq-toggle .ui-icon{transform:rotate(45deg)}.faqs details[open]{background:#101012;border-color:#2c2c30}.faqs details p{color:#8f8f94;font-size:15px;line-height:1.5}.faqs a{color:#f2f2f2}
.footer{border-color:#202024}.footer-top>p,.footer-top>div{color:#8f8f94}.footer-top>div .ui-icon{width:16px;height:16px}.risk,.footer-bottom{color:#646469}.footer-bottom{border-color:#202024}dialog{background:#101012;border-color:#2c2c30;color:#f2f2f2}.close-dialog{display:grid;place-items:center;color:#8f8f94}.close-dialog .ui-icon{width:22px;height:22px}.order-total{border-color:#202024}.order-total strong{color:#f2f2f2}.order-includes,.demo-message p{color:#8f8f94}.demo-message{background:#1e1e21;border-color:#2c2c30}.demo-message strong{color:#f2f2f2}#image-dialog{background:#101012;border-color:#2c2c30}#image-dialog>p{color:#8f8f94}.mobile-nav{background:#101012;border-color:#2c2c30}.mobile-nav a{color:#f2f2f2}.menu-toggle span{background:#f2f2f2}
/* Ambient field: measured mask/glow from the public Swiper reference. */
.ambient-field{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:940px;overflow:hidden;z-index:-1;
 -webkit-mask-image:radial-gradient(31% 25% at 50% 28.6%,#000 65.81862877155173%,transparent 100%),radial-gradient(131% 50% at 50% 100%,transparent 36.66823814655172%,#000 60.39028825431034%);
 -webkit-mask-composite:xor,source-over;
 mask-image:radial-gradient(31% 25% at 50% 28.6%,#000 65.81862877155173%,transparent 100%),radial-gradient(131% 50% at 50% 100%,transparent 36.66823814655172%,#000 60.39028825431034%);mask-composite:exclude,add}
.ambient-glow{position:absolute;inset:0;background:radial-gradient(ellipse 64% 57.6% at 50% 90%,rgba(255,255,255,.16) 0%,rgba(255,255,255,.096) 42%,rgba(255,255,255,.032) 72%,transparent 100%)}
.ambient-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
/* Existing content entrance animations are unchanged. */
.motion-ready [data-reveal]{opacity:0;transform:translateY(var(--reveal-y,16px));transition:opacity .5s var(--reveal-ease) var(--reveal-delay,0s),transform .5s var(--reveal-ease) var(--reveal-delay,0s)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .terminal[data-reveal]{transform:perspective(500px) rotateX(16deg);transform-origin:50% 0;transition:opacity .5s var(--reveal-ease),transform .3s cubic-bezier(.16,1,.3,1)}.motion-ready .terminal[data-reveal].is-visible{transform:perspective(500px) rotateX(0)}
@media(max-width:1199px){.home-intro h1,.page-indicator .hero h1,.ebook-intro h1{font-size:40px;line-height:1.08}.section-heading h2,.center-heading h2,.faq-heading h2,.page-ebook .learn-copy h2{font-size:28px}.choice-copy h2{font-size:24px}}
@media(max-width:767.98px){.home-intro h1,.page-indicator .hero h1,.ebook-intro h1{font-size:30px;line-height:1.1;letter-spacing:-.01em}.section-heading h2,.center-heading h2,.faq-heading h2,.page-ebook .learn-copy h2{font-size:23px;line-height:1.1}.header{height:72px}.home-intro,.page-indicator .hero,.ebook-intro{padding-top:38px}.home-intro{padding-bottom:34px}.home-intro>p,.hero-copy>p,.ebook-intro>p{font-size:15px;line-height:1.5}.button .button-inner{min-height:36px}.choice-copy h2{font-size:24px}.choice-copy>p{font-size:15px;line-height:1.5}.feature-list h3,.method-grid h3,.page-ebook .method-grid h3{font-size:18px}.feature-list p,.method-grid p,.page-ebook .method-grid p,.page-ebook .learn-copy>p{font-size:15px;line-height:1.5}.eyebrow,.home-intro .eyebrow,.hero .eyebrow,.page-ebook .learn-copy>.eyebrow{font-size:10px;letter-spacing:0}.plan-ribbon{font-size:10px}.plan li{font-size:13px}.terminal{transform:none}.hero-actions{gap:24px}.faqs details p{line-height:1.6}.plan .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal],.motion-ready .terminal[data-reveal]{opacity:1;transform:none;transition:none}.button:after,.button .button-inner,.faq-toggle .ui-icon{transition:none}}

/* Selector specificity above the previous concept's inherited display styles. */
.home-intro .eyebrow,.hero .eyebrow,.ebook-intro .eyebrow,.section .eyebrow,.method-section .eyebrow{font-family:Inter,sans-serif;font-size:11px;font-weight:400;letter-spacing:0}
.choice-action{justify-content:flex-start}.choice-action>.button{display:inline-flex;width:auto;height:auto;border:0;border-radius:40px;background:radial-gradient(87% 100% at 50% 0%,rgba(90,107,133,.5),#374963);padding:4px;color:#f2f2f2}.product-choice:hover .choice-action>.button{background:radial-gradient(87% 128% at 50% 50%,rgba(90,107,133,.75),rgba(55,73,99,.75))}.product-choice:hover .choice-cta:after{opacity:1}
@media(max-width:767.98px){.home-intro .eyebrow,.hero .eyebrow,.ebook-intro .eyebrow,.section .eyebrow,.method-section .eyebrow{font-size:10px}}

.faqs details[open] summary .faq-toggle{transform:none}.insight-icon>.ui-icon{width:24px;height:24px}

body{font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on}.book{font-feature-settings:normal}.button:hover{filter:none}
/* Browser QA found these inherited warm accents outside the book. */
.access-steps>div{color:#8f8f94}.access-steps b{color:#8f8f94;border-color:#2c2c30;background:#101012}.faq-heading .text-link{color:#f2f2f2}

.ebook-intro h1 em{color:#f2f2f2}.ebook-intro>.text-link{color:#f2f2f2}