@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/playfair-italic-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/playfair-italic-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/playfair-normal-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/playfair-normal-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jakarta-normal-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jakarta-normal-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jakarta-normal-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jakarta-normal-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/jakarta-normal-800.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-display:swap;font-family:bootstrap-icons;src:url('/fonts/bootstrap-icons.woff2') format('woff2')}
.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bi-arrow-clockwise::before{content:"\f116"}
.bi-arrow-left::before{content:"\f12f"}
.bi-arrow-repeat::before{content:"\f130"}
.bi-arrow-right::before{content:"\f138"}
.bi-arrow-right-circle-fill::before{content:"\f133"}
.bi-arrow-up-circle::before{content:"\f13a"}
.bi-arrow-up-circle-fill::before{content:"\f139"}
.bi-arrows-collapse::before{content:"\f14b"}
.bi-bank::before{content:"\f62e"}
.bi-bank2::before{content:"\f62f"}
.bi-bar-chart-fill::before{content:"\f17a"}
.bi-bar-chart-steps::before{content:"\f17d"}
.bi-bell::before{content:"\f18a"}
.bi-bell-fill::before{content:"\f189"}
.bi-book::before{content:"\f194"}
.bi-bookmark::before{content:"\f1a2"}
.bi-bookmark-fill::before{content:"\f199"}
.bi-bookmark-heart::before{content:"\f19b"}
.bi-box-arrow-in-right::before{content:"\f1be"}
.bi-box-arrow-left::before{content:"\f1c2"}
.bi-box-arrow-right::before{content:"\f1c3"}
.bi-box-arrow-up-right::before{content:"\f1c5"}
.bi-briefcase::before{content:"\f1cc"}
.bi-briefcase-fill::before{content:"\f1cb"}
.bi-building::before{content:"\f1dd"}
.bi-building-fill::before{content:"\f876"}
.bi-building-fill-check::before{content:"\f86d"}
.bi-calendar-check::before{content:"\f1e2"}
.bi-calendar-check-fill::before{content:"\f1e1"}
.bi-calendar-event-fill::before{content:"\f1e7"}
.bi-calendar-heart::before{content:"\f710"}
.bi-calendar-heart-fill::before{content:"\f70f"}
.bi-calendar-plus::before{content:"\f1ef"}
.bi-card-list::before{content:"\f227"}
.bi-cash-coin::before{content:"\f632"}
.bi-cash-stack::before{content:"\f246"}
.bi-chat-heart::before{content:"\f714"}
.bi-chat-left::before{content:"\f253"}
.bi-chat-left-dots::before{content:"\f24d"}
.bi-chat-left-dots-fill::before{content:"\f24c"}
.bi-chat-quote-fill::before{content:"\f254"}
.bi-chat-square-text::before{content:"\f264"}
.bi-chat-square-text-fill::before{content:"\f263"}
.bi-check-circle::before{content:"\f26b"}
.bi-check-circle-fill::before{content:"\f26a"}
.bi-check-lg::before{content:"\f633"}
.bi-check2::before{content:"\f272"}
.bi-check2-circle::before{content:"\f270"}
.bi-check2-square::before{content:"\f271"}
.bi-chevron-down::before{content:"\f282"}
.bi-chevron-left::before{content:"\f284"}
.bi-chevron-right::before{content:"\f285"}
.bi-chevron-up::before{content:"\f286"}
.bi-circle::before{content:"\f28a"}
.bi-circle-fill::before{content:"\f287"}
.bi-circle-half::before{content:"\f288"}
.bi-clipboard::before{content:"\f290"}
.bi-clipboard-check::before{content:"\f28b"}
.bi-clipboard-data::before{content:"\f28c"}
.bi-clipboard2-check::before{content:"\f725"}
.bi-clipboard2-check-fill::before{content:"\f724"}
.bi-clipboard2-plus::before{content:"\f72e"}
.bi-clipboard2-pulse::before{content:"\f730"}
.bi-clock::before{content:"\f293"}
.bi-clock-fill::before{content:"\f291"}
.bi-cloud-arrow-up::before{content:"\f297"}
.bi-cloud-arrow-up-fill::before{content:"\f296"}
.bi-compass::before{content:"\f2d1"}
.bi-cpu-fill::before{content:"\f2d5"}
.bi-credit-card::before{content:"\f2dc"}
.bi-credit-card-fill::before{content:"\f2db"}
.bi-currency-dollar::before{content:"\f636"}
.bi-cursor-fill::before{content:"\f2e1"}
.bi-dash-circle::before{content:"\f2e6"}
.bi-door-open::before{content:"\f308"}
.bi-door-open-fill::before{content:"\f307"}
.bi-dot::before{content:"\f309"}
.bi-download::before{content:"\f30a"}
.bi-envelope::before{content:"\f32f"}
.bi-envelope-check-fill::before{content:"\f68b"}
.bi-envelope-fill::before{content:"\f32c"}
.bi-envelope-open::before{content:"\f32e"}
.bi-envelope-paper::before{content:"\f73d"}
.bi-exclamation-circle-fill::before{content:"\f332"}
.bi-exclamation-octagon-fill::before{content:"\f336"}
.bi-exclamation-triangle::before{content:"\f33b"}
.bi-exclamation-triangle-fill::before{content:"\f33a"}
.bi-eye::before{content:"\f341"}
.bi-eye-slash::before{content:"\f340"}
.bi-file-earmark::before{content:"\f392"}
.bi-file-earmark-arrow-down-fill::before{content:"\f355"}
.bi-file-earmark-check-fill::before{content:"\f35f"}
.bi-file-earmark-fill::before{content:"\f369"}
.bi-file-earmark-person-fill::before{content:"\f378"}
.bi-file-earmark-plus::before{content:"\f37d"}
.bi-file-earmark-text::before{content:"\f38b"}
.bi-file-earmark-text-fill::before{content:"\f38a"}
.bi-file-text-fill::before{content:"\f3b8"}
.bi-filetype-docx::before{content:"\f745"}
.bi-filetype-pdf::before{content:"\f756"}
.bi-filetype-txt::before{content:"\f766"}
.bi-flag-fill::before{content:"\f3cb"}
.bi-geo-alt-fill::before{content:"\f3e7"}
.bi-gift-fill::before{content:"\f3eb"}
.bi-github::before{content:"\f3ed"}
.bi-globe-americas::before{content:"\f882"}
.bi-graph-up::before{content:"\f3f2"}
.bi-graph-up-arrow::before{content:"\f673"}
.bi-grid-3x3-gap-fill::before{content:"\f3f8"}
.bi-grid-fill::before{content:"\f3fb"}
.bi-hand-thumbs-down::before{content:"\f405"}
.bi-hand-thumbs-up::before{content:"\f407"}
.bi-headset::before{content:"\f414"}
.bi-heart-pulse-fill::before{content:"\f76e"}
.bi-hourglass-split::before{content:"\f41f"}
.bi-images::before{content:"\f42b"}
.bi-infinity::before{content:"\f69e"}
.bi-info-circle-fill::before{content:"\f430"}
.bi-journal-bookmark-fill::before{content:"\f43c"}
.bi-journal-richtext::before{content:"\f443"}
.bi-journal-text::before{content:"\f444"}
.bi-key-fill::before{content:"\f44e"}
.bi-layout-sidebar::before{content:"\f45f"}
.bi-lightbulb::before{content:"\f46b"}
.bi-lightbulb-fill::before{content:"\f468"}
.bi-lightning-charge::before{content:"\f46d"}
.bi-lightning-charge-fill::before{content:"\f46c"}
.bi-lightning-fill::before{content:"\f46e"}
.bi-link-45deg::before{content:"\f470"}
.bi-linkedin::before{content:"\f472"}
.bi-list::before{content:"\f479"}
.bi-list-check::before{content:"\f473"}
.bi-lock-fill::before{content:"\f47a"}
.bi-magic::before{content:"\f675"}
.bi-map::before{content:"\f47f"}
.bi-megaphone-fill::before{content:"\f483"}
.bi-mic-fill::before{content:"\f48d"}
.bi-moon-stars-fill::before{content:"\f495"}
.bi-mortarboard-fill::before{content:"\f6fd"}
.bi-newspaper::before{content:"\f4a3"}
.bi-pencil::before{content:"\f4cb"}
.bi-people::before{content:"\f4d0"}
.bi-people-fill::before{content:"\f4cf"}
.bi-percent::before{content:"\f4d1"}
.bi-person::before{content:"\f4e1"}
.bi-person-badge-fill::before{content:"\f4d2"}
.bi-person-check::before{content:"\f4d6"}
.bi-person-check-fill::before{content:"\f4d5"}
.bi-person-circle::before{content:"\f4d7"}
.bi-person-exclamation::before{content:"\f89c"}
.bi-person-fill::before{content:"\f4da"}
.bi-person-plus::before{content:"\f4dd"}
.bi-person-plus-fill::before{content:"\f4dc"}
.bi-person-rolodex::before{content:"\f676"}
.bi-pin-fill::before{content:"\f4ec"}
.bi-plus::before{content:"\f4fe"}
.bi-plus-circle-fill::before{content:"\f4f9"}
.bi-plus-lg::before{content:"\f64d"}
.bi-printer::before{content:"\f501"}
.bi-qr-code::before{content:"\f6ae"}
.bi-receipt::before{content:"\f50f"}
.bi-record-circle-fill::before{content:"\f517"}
.bi-search::before{content:"\f52a"}
.bi-send::before{content:"\f6c0"}
.bi-send-check::before{content:"\f6b3"}
.bi-send-fill::before{content:"\f6b9"}
.bi-share::before{content:"\f52e"}
.bi-share-fill::before{content:"\f52d"}
.bi-shield-check::before{content:"\f52f"}
.bi-shield-exclamation::before{content:"\f530"}
.bi-shield-lock-fill::before{content:"\f537"}
.bi-sliders::before{content:"\f56b"}
.bi-square::before{content:"\f584"}
.bi-star-fill::before{content:"\f586"}
.bi-stars::before{content:"\f589"}
.bi-sun-fill::before{content:"\f5a1"}
.bi-three-dots::before{content:"\f5d4"}
.bi-trash::before{content:"\f5de"}
.bi-twitter-x::before{content:"\f8db"}
.bi-wallet2::before{content:"\f615"}
.bi-x-circle::before{content:"\f623"}
.bi-x-circle-fill::before{content:"\f622"}
.bi-x-lg::before{content:"\f659"}
.bi-x-octagon-fill::before{content:"\f626"}
:root{--orange:        #C2410C;
  --orange-dark:   #9A3412;
  --orange-light:  #FED7AA;
  --orange-xl:     #FFF7ED;
  --orange-2xl:    #FFFBF5;
  --orange-text:   var(--orange);   

  
  --white:         #FFFFFF;
  --white-rgb:     255,255,255;
  --bg:            #FAFAFA;
  --bg-2:          #F5F5F5;
  --bg-3:          #EEEEEE;

  
  --ink:           #18181B;
  --ink-2:         #3F3F46;
  
  --ink-3:         #6A6A73;
  
  --ink-4:         #68686F;
  --ink-5:         #D4D4D8;

  
  --c-dark:        #111111;
  
  --c-indigo:      #111111;
  --c-indigo-d:    #000000;
  --c-indigo-xl:   #F0F0F0;
  --c-surface:     var(--white);
  --c-bg:          var(--bg);
  --c-bg-2:        var(--bg-2);
  --c-bg-3:        var(--bg-3);
  --c-border:      var(--border);
  --c-border-2:    var(--border-2);
  --c-ink:         var(--ink);
  --c-ink-2:       var(--ink-2);
  --c-ink-3:       var(--ink-3);
  --c-ink-4:       var(--ink-4);
  --c-danger:      var(--danger);
  --c-success:     var(--success);
  --c-warning:     var(--warning);

  
  --border:        #E4E4E7;
  --border-2:      #F0F0F0;

  
  
  --success:       #15803D;
  --success-bg:    #DCFCE7;
  --warning:       #D97706;
  --warning-bg:    #FEF3C7;
  --danger:        #DC2626;
  --danger-bg:     #FEE2E2;
  --info:          #525252;
  --info-bg:       #F0F0F0;

  
  --f-display:     'Playfair Display', Georgia, serif;
  --f-ui:          'Plus Jakarta Sans', system-ui, sans-serif;

  
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   18px;
  --r-2xl:  24px;
  --r-3xl:  32px;
  --r-pill: 100px;

  
  --sh-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --sh-sm: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);
  --sh-md: 0 8px 24px rgba(0,0,0,.09), 0 4px 8px rgba(0,0,0,.05);
  --sh-lg: 0 20px 48px rgba(0,0,0,.11), 0 8px 16px rgba(0,0,0,.06);
  --sh-orange: 0 4px 20px rgba(0,0,0,.25);

  
  --t: all .18s ease;}
:root:not([data-theme="light"]){--white:    #17171A;
  --white-rgb: 23,23,26;
  --bg:       #0E0E10;
  --bg-2:     #1E1E22;
  --bg-3:     #28282D;

  --ink:      #F2F2F0;
  --ink-2:    #C7C7CC;
  --ink-3:    #9D9DA6;
  --ink-4:    #97979F;
  --ink-5:    #3A3A40;

  --border:   #313136;
  --border-2: #222226;

  --success:    #22C55E;
  --success-bg: rgba(34,197,94,.12);
  --warning:    #F59E0B;
  --warning-bg: rgba(245,158,11,.12);
  --danger:     #EF4444;
  --danger-bg:  rgba(239,68,68,.14);
  --info:       #A1A1AA;
  --info-bg:    #1E1E22;
  --orange-text: #ED7A45;  

  --c-indigo-xl: #1E1E22;

  --sh-xs: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);
  --sh-sm: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);
  --sh-md: 0 8px 24px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.3);
  --sh-lg: 0 20px 48px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3);}
:root[data-theme="dark"]{--white:    #17171A;
  --white-rgb: 23,23,26;
  --bg:       #0E0E10;
  --bg-2:     #1E1E22;
  --bg-3:     #28282D;

  --ink:      #F2F2F0;
  --ink-2:    #C7C7CC;
  --ink-3:    #9D9DA6;
  --ink-4:    #97979F;
  --ink-5:    #3A3A40;

  --border:   #313136;
  --border-2: #222226;

  --success:    #22C55E;
  --success-bg: rgba(34,197,94,.12);
  --warning:    #F59E0B;
  --warning-bg: rgba(245,158,11,.12);
  --danger:     #EF4444;
  --danger-bg:  rgba(239,68,68,.14);
  --info:       #A1A1AA;
  --info-bg:    #1E1E22;
  --orange-text: #ED7A45;  

  --c-indigo-xl: #1E1E22;

  --sh-xs: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);
  --sh-sm: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);
  --sh-md: 0 8px 24px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.3);
  --sh-lg: 0 20px 48px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3);}
:root:not([data-theme="light"]){color-scheme: dark;}
:root[data-theme="light"]{color-scheme: light;}
*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}
html{scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: hidden;}
body{font-family: var(--f-ui);
  background: var(--bg);
  color: var(--ink);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100vw;}
img, svg{display: block; max-width: 100%;}
a{color: inherit; text-decoration: none;}
button{font-family: inherit; cursor: pointer; border: none; background: none;}
input, select, textarea{font-family: inherit;}
h1,h2,h3,h4,h5,h6{font-family: var(--f-display);
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--ink);}
h1{font-size: clamp(2rem, 4vw, 3rem);}
h2{font-size: clamp(1.5rem, 3vw, 2.25rem);}
h3{font-size: 1.25rem;}
h4{font-size: 1.0625rem; font-family: var(--f-ui); font-weight: 700;}
p{color: var(--ink-2); line-height: 1.75;}
.container{max-width: 1140px; margin: 0 auto; padding: 0 1.5rem;}
.btn{display: inline-flex; align-items: center; gap: .5rem;
  padding: .75rem 1.5rem; border-radius: var(--r-pill);
  font-family: var(--f-ui); font-size: .9375rem; font-weight: 700;
  transition: var(--t); cursor: pointer; border: none; text-decoration: none;
  white-space: nowrap;}
.btn-orange{background: var(--c-dark); color: #fff;
  border: 2px solid var(--orange);
  box-shadow: var(--sh-orange);}
.btn-orange:hover, .btn-orange:focus-visible{background: var(--orange); border-color: var(--orange); color: #fff;
  transform: translateY(-1px); box-shadow: 0 6px 24px rgba(194,65,12,.35);}
.btn-orange:active{transform: translateY(0); background: var(--orange-dark); border-color: var(--orange-dark);}
.btn-outline{background: transparent; color: var(--ink);
  border: 1.5px solid var(--border); box-shadow: var(--sh-xs);}
.btn-outline:hover{border-color: var(--ink-3); background: var(--white);}
.btn-sm{padding: .5rem 1.125rem; font-size: .8375rem;}
.btn-lg{padding: 1rem 2rem; font-size: 1rem;}
.comp-nav{display: flex; align-items: center; justify-content: space-between;
  padding: 0 2rem; height: 64px;
  
  background: rgba(var(--white-rgb),.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-2);
  position: sticky; top: 0; z-index: 200;}
.comp-logo{display: flex; align-items: center; gap: .625rem;
  font-family: var(--f-ui); font-weight: 800; font-size: 1.0625rem; color: var(--ink);}
.comp-logo .logo-icon{width: 32px; height: 32px; border-radius: 9px;
  background: var(--orange); display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 1rem;}
.comp-logo strong{color: var(--orange-text); font-weight: 800;}
.comp-nav-right{display: flex; align-items: center; gap: .75rem;}
.ds-theme-row i.bi-circle-half{color: var(--ink-4); margin-right: .25rem;}
.card{background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-xs);}
.card-pad-lg{padding: 2rem;}
.field-label{display: block; margin-bottom: .5rem;
  font-size: .78rem; font-weight: 700; color: var(--ink-2);
  text-transform: uppercase; letter-spacing: .05em;}
.field-input{width: 100%; padding: .75rem 1rem;
  background: var(--white); border: 1.5px solid var(--border);
  border-radius: var(--r-md); font-family: var(--f-ui);
  font-size: .9375rem; color: var(--ink);
  transition: border-color .15s, box-shadow .15s; outline: none;}
.field-input:focus{border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(0,0,0,.15);}
.field-input::placeholder{color: var(--ink-5);}
.alert{display: flex; align-items: center; gap: .625rem;
  padding: .875rem 1.125rem; border-radius: var(--r-md);
  font-size: .875rem; font-weight: 500; margin-bottom: 1.25rem;}
.alert i{flex-shrink: 0;}
.alert-error{background: var(--danger-bg);  color: #991b1b; border: 1px solid #fca5a5;}
.badge{display: inline-flex; align-items: center; gap: .3rem;
  padding: .2rem .625rem; border-radius: var(--r-pill);
  font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;}
.badge-orange{background: var(--orange-xl); color: var(--orange-dark); border: 1px solid var(--orange-light);}
.badge-red{background: var(--danger-bg);  color: #991b1b;}
.hero-eyebrow{display: inline-flex; align-items: center; gap: .5rem;
  padding: .35rem 1rem;
  background: var(--orange-xl); border: 1px solid var(--orange-light);
  border-radius: var(--r-pill);
  font-size: .72rem; font-weight: 700; color: var(--orange-dark);
  text-transform: uppercase; letter-spacing: .07em;
  margin-bottom: 1.5rem;}
@keyframes pulse{0%,100%{opacity:1} 50%{opacity:.4}}
.section{padding: 5rem 0;}
.section-title{text-align: center; margin-bottom: .75rem;}
.section-sub{text-align: center; color: var(--ink-3); font-size: 1rem; max-width: 520px; margin: 0 auto 3rem;}
.tool-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 1.25rem;}
.tool-card{background: var(--white); border: 1.5px solid var(--border);
  border-radius: var(--r-xl); padding: 1.75rem;
  transition: var(--t); cursor: pointer; display: block; text-decoration: none;}
.tool-card:hover{border-color: var(--orange-light);
  box-shadow: var(--sh-md), 0 0 0 4px var(--orange-xl);
  transform: translateY(-2px);}
.tool-card-icon{width: 48px; height: 48px; border-radius: var(--r-lg);
  background: var(--orange-xl); border: 1px solid var(--orange-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.375rem; color: var(--orange-dark); margin-bottom: 1.125rem;}
.tool-card h3, .tf-grid .tool-card h2{font-size: 1rem; margin-bottom: .375rem; font-family: var(--f-ui);}
.tool-card p{font-size: .8125rem; color: var(--ink-3); line-height: 1.6;}
.tool-card-badge{display: inline-flex; align-items: center; gap: .25rem;
  margin-top: .875rem; font-size: .7rem; font-weight: 700;
  color: var(--orange-text); text-transform: uppercase; letter-spacing: .06em;}
.pricing-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem;}
.cta-banner{background: linear-gradient(135deg, #000000 0%, #333333 100%);
  border-radius: var(--r-2xl); padding: 3rem;
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem; flex-wrap: wrap; box-shadow: var(--sh-orange);}
.cta-banner h2{color: #fff; font-size: 1.75rem; margin-bottom: .375rem;}
.cta-banner p{color: rgba(255,255,255,.75);}
.btn-white{background: #fff; color: var(--orange-dark); font-weight: 800;}
.btn-white:hover{background: var(--orange-xl);}
.footer-grid{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem;}
.footer-col h4, .comp-footer .footer-col h3{color: #fff; font-family: var(--f-ui); font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; margin-bottom: 1rem;}
.footer-col a{display: block; font-size: .875rem; margin-bottom: .5rem; transition: color .15s;}
.footer-bottom{border-top: 1px solid var(--border-2); padding-top: 1.5rem; display: flex; align-items: center; justify-content: space-between; font-size: .8rem;}
::-webkit-scrollbar{width: 6px; height: 6px;}
::-webkit-scrollbar-track{background: var(--bg-2);}
::-webkit-scrollbar-thumb{background: var(--ink-5); border-radius: 3px;}
::-webkit-scrollbar-thumb:hover{background: var(--ink-4);}
@media(max-width:1024px){
.tool-grid{grid-template-columns: repeat(2,1fr);}
.pricing-grid{grid-template-columns: 1fr; max-width: 420px; margin: 0 auto;}
.footer-grid{grid-template-columns: 1fr 1fr;}
}
@media(max-width:768px){
.comp-nav{padding: 0 1.25rem;}
.tool-grid{grid-template-columns: 1fr;}
.cta-banner{padding: 2rem;}
.footer-grid{grid-template-columns: 1fr; gap: 2rem;}
}
@media(max-width:480px){
.comp-nav{padding: 0 .875rem; height: 58px;}
.comp-logo{font-size: .9rem; gap: .4rem; white-space: nowrap;}
.comp-logo .logo-icon{width: 26px; height: 26px; font-size: .85rem; border-radius: 7px;}
.comp-nav-right{gap: .4rem;}
.comp-nav-right .btn{padding: .45rem .6rem; font-size: .72rem; white-space: nowrap;}
}
.announce-bar{background: var(--c-dark); color: #fff; text-align: center;
  padding: .625rem 2.5rem .625rem 1rem; font-size: .8125rem; position: relative;}
.announce-bar p{margin: 0; color: #fff;}
.announce-bar a{color: var(--orange-light); text-decoration: underline; font-weight: 600;}
.announce-bar.hide{display: none;}
.announce-close{position: absolute; right: .75rem; top: 50%; transform: translateY(-50%);
  color: rgba(255,255,255,.7); font-size: 1.25rem; line-height: 1; padding: .25rem .5rem;}
.announce-close:hover{color: #fff;}
.site-header{position: sticky; top: 0; z-index: 100; background: var(--white);
  border-bottom: 1px solid transparent; transition: var(--t);}
.site-header.scrolled{border-bottom-color: var(--border); box-shadow: var(--sh-xs);}
.site-header .nav-inner{max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; height: 72px;
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;}
.nav-logo{display: flex; align-items: center; gap: .625rem; flex-shrink: 0;}
.nav-logo .logo-wordmark{font-family: var(--f-display); font-weight: 700; font-size: 1.25rem; color: var(--ink);}
.nav-logo .logo-wordmark em{font-style: normal; color: var(--orange-text);}
.nav-links{display: flex; align-items: center; gap: .25rem; list-style: none;}
.nav-link{display: inline-flex; align-items: center; gap: .3rem; padding: .625rem .875rem;
  border-radius: var(--r-md); font-size: .9rem; font-weight: 600; color: var(--ink-2); transition: var(--t);}
.nav-link:hover, .nav-link.active{color: var(--orange-dark); background: var(--orange-xl);}
.nav-drop-btn{font-family: inherit;}
.drop-chevron{font-size: .7rem; transition: transform .18s ease;}
.has-dropdown:hover .drop-chevron, .has-dropdown:focus-within .drop-chevron{transform: rotate(180deg);}
.has-dropdown{position: relative;}
.dropdown{position: absolute; top: calc(100% + .5rem); left: 50%; transform: translateX(-50%);
  width: 300px; background: var(--white); border: 1px solid var(--border); border-radius: var(--r-lg);
  box-shadow: var(--sh-md); padding: .5rem; opacity: 0; visibility: hidden; pointer-events: none;
  transition: var(--t);}
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown{opacity: 1; visibility: visible; pointer-events: auto;}
.drop-item{display: flex; align-items: flex-start; gap: .75rem; padding: .625rem .75rem;
  border-radius: var(--r-md); color: var(--ink); transition: var(--t);}
.drop-item:hover{background: var(--bg-2);}
.drop-item span:last-child{display: flex; flex-direction: column; font-size: .8125rem; color: var(--ink-3); font-weight: 400;}
.drop-item strong{color: var(--ink); font-size: .875rem; font-weight: 700; margin-bottom: .125rem;}
.drop-icon{width: 34px; height: 34px; flex-shrink: 0; border-radius: var(--r-md); background: var(--orange-xl);
  color: var(--orange-dark); display: flex; align-items: center; justify-content: center; font-size: 1rem;}
.nav-actions{display: flex; align-items: center; gap: .625rem; flex-shrink: 0;}
.theme-toggle{display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%;
  border: 1.5px solid var(--border); background: transparent; color: var(--ink-2);
  font-size: 1rem; cursor: pointer; transition: var(--t);}
.theme-toggle:hover{border-color: var(--orange); color: var(--orange-text); background: var(--bg-2);}
.theme-toggle:focus-visible{outline: 2px solid var(--orange); outline-offset: 2px;}
.theme-toggle .ti-sun, .theme-toggle .ti-moon{display: none;}
.btn-ghost-sm{padding: .5rem 1rem; font-size: .875rem; font-weight: 600; color: var(--ink-2);
  border-radius: var(--r-md); transition: var(--t);}
.btn-ghost-sm:hover{color: var(--ink); background: var(--bg-2);}
.btn-pill-dark{display: inline-flex; align-items: center; padding: calc(.625rem - 2px) calc(1.25rem - 2px); font-size: .875rem; font-weight: 700;
  color: #fff; background: var(--c-dark); border: 2px solid var(--orange); border-radius: var(--r-pill); transition: var(--t);}
.btn-pill-dark:hover, .btn-pill-dark:focus-visible{background: var(--orange); border-color: var(--orange); transform: translateY(-1px); box-shadow: var(--sh-sm);}
.btn-pill-dark:active{background: var(--orange-dark); border-color: var(--orange-dark);}
.btn-outline-sm{display: inline-flex; align-items: center; justify-content: center; padding: .625rem 1.25rem;
  font-size: .875rem; font-weight: 600; color: var(--ink); border: 1.5px solid var(--border);
  border-radius: var(--r-pill); transition: var(--t);}
.btn-outline-sm:hover{border-color: var(--ink-3);}
.w-full{width: 100%;}
.burger{display: none; flex-direction: column; justify-content: center; gap: 5px;
  width: 40px; height: 40px; padding: 0; border-radius: var(--r-md); flex-shrink: 0;}
.burger:hover{background: var(--bg-2);}
.burger span{display: block; width: 20px; height: 2px; background: var(--ink); margin: 0 auto; transition: var(--t);}
.burger[aria-expanded="true"] span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity: 0;}
.burger[aria-expanded="true"] span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.mobile-nav{position: fixed; inset: 72px 0 0 0; background: var(--white); z-index: 99;
  padding: 1.5rem; transform: translateY(-8px); opacity: 0; visibility: hidden;
  transition: var(--t); overflow-y: auto;}
.mobile-nav.open{transform: translateY(0); opacity: 1; visibility: visible;}
.mobile-nav ul{list-style: none; display: flex; flex-direction: column; gap: .25rem; margin-bottom: 1.5rem;}
.mob-link{display: block; padding: .875rem .5rem; font-size: 1.0625rem; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--border-2);}
.mob-cta{display: flex; flex-direction: column; gap: .75rem;}
@media(max-width:860px){
.nav-links, .nav-actions{display: none;}
.burger{display: flex;}
}
@media(min-width:861px){
.mobile-nav, .burger{display: none;}
}
@media print{
.comp-nav, .dash-sidebar, .dash-header, .dash-mobile-bar, .dash-sidebar-backdrop{display: none !important;}
}
.page-hero{padding: 4rem 0 2.5rem; text-align: center;}
.page-hero .eyebrow{display: inline-block; font-size: .8125rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .08em; color: var(--orange-text);
  margin-bottom: .75rem;}
.page-hero h1{font-size: clamp(2rem, 4vw, 2.75rem); margin-bottom: .75rem;}
.page-hero > .container > p{color: var(--ink-3); font-size: 1.0625rem; max-width: 560px; margin: 0 auto;}
.pricing-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; align-items: stretch;}
.btn-outline-md{display: inline-flex; align-items: center; justify-content: center; gap: .375rem;
  padding: .75rem 1.5rem; font-size: .9375rem; font-weight: 700; color: var(--ink);
  border: 1.5px solid var(--border); border-radius: var(--r-pill); transition: var(--t);}
.btn-outline-md:hover{border-color: var(--ink-3); background: var(--bg-2);}
.faq-item{border: 1px solid var(--border); border-radius: var(--r-lg); padding: 1rem 1.25rem;}
.faq-item summary{cursor: pointer; font-weight: 700; font-size: .9375rem; color: var(--ink); list-style: none;}
.faq-item summary::-webkit-details-marker{display: none;}
.faq-item summary::after{content: '+'; float: right; color: var(--ink-4);}
.faq-item[open] summary::after{content: '\2212';}
.faq-item p{margin-top: .625rem; font-size: .875rem; color: var(--ink-3);}
@media(max-width:900px){
.pricing-grid{grid-template-columns: 1fr; max-width: 420px; margin: 0 auto;}
}
.nl-section{background: var(--bg-2); border-top: 1px solid var(--border-2); border-bottom: 1px solid var(--border-2); padding: 3.5rem 0;}
.nl-card{display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; flex-wrap: wrap;}
.nl-eyebrow{display: flex; align-items: center; gap: .5rem; font-size: .8125rem; font-weight: 700; color: var(--orange-text); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .625rem;}
.nl-left h2{font-size: 1.5rem; margin-bottom: .375rem;}
.nl-left > p:last-child{color: var(--ink-3); font-size: .9375rem;}
.nl-form{flex: 0 0 auto;}
.nl-row{display: flex; gap: .625rem;}
.nl-row input{padding: .75rem 1rem; border: 1.5px solid var(--border); border-radius: var(--r-pill);
  font-size: .9375rem; font-family: inherit; background: var(--white); color: var(--ink); width: 260px;}
.nl-row input:focus{outline: none; border-color: var(--ink-3);}
.nl-fine{font-size: .75rem; color: var(--ink-4); margin-top: .625rem;}
.nl-fine a{color: var(--ink-2); text-decoration: underline;}
.nl-msg{font-size: .8125rem; margin-top: .5rem;}
.nl-msg:not(:empty){color: var(--success);}
.site-footer{background: var(--white); padding: 4rem 0 2rem;}
.footer-col ul{list-style: none;}
.footer-brand{display: flex; flex-direction: column; gap: .875rem;}
.footer-logo{display: inline-flex; align-items: center; gap: .5rem; text-decoration: none;}
.footer-logo span{font-family: var(--f-display); font-weight: 700; font-size: 1.125rem; color: var(--ink);}
.footer-logo span em{color: var(--orange-text); font-style: normal;}
.footer-brand > p{font-size: .875rem; color: var(--ink-3); line-height: 1.6;}
.footer-socials{display: flex; gap: .625rem;}
.footer-socials a{width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center; color: var(--ink-3); transition: var(--t);}
.footer-socials a:hover{border-color: var(--orange-light); color: var(--orange-text);}
.footer-disclaimer{font-size: .75rem; color: var(--ink-4); max-width: 480px;}
.footer-bottom-links{display: flex; gap: 1.25rem;}
.footer-bottom-links a{color: var(--ink-3); font-size: .8rem;}
.footer-bottom-links a:hover{color: var(--ink);}
@media(max-width:900px){
.nl-card{flex-direction: column; align-items: flex-start;}
.nl-row input{width: 100%;}
}
@media(max-width:600px){
.footer-bottom{flex-direction: column; align-items: flex-start; gap: .75rem;}
}

/* Inline brand SVGs (google/microsoft/dropbox) — align like the icon font */
.bi-brand{vertical-align:-0.18em;margin-right:.15em;}