:root{--bg:#07080a;--panel:#111419;--panel2:#171b22;--gold:#d7a84a;--gold2:#f5d789;--gold3:#9f6d1e;--text:#f5f2ea;--muted:#c2bbae;--line:#3b3120;--warm:#151007}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07080a;color:var(--text);font:17px/1.68 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(215,168,74,.08),transparent 28%),radial-gradient(circle at 85% 35%,rgba(215,168,74,.06),transparent 25%);z-index:-1}
a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:none;color:#fff}.wrap{width:min(1240px,92vw);margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(7,8,10,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,168,74,.25)}
.top{display:flex;align-items:center;gap:20px;min-height:84px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:850;letter-spacing:.08em}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;color:var(--gold2);font-size:10px;letter-spacing:.15em}
nav{display:flex;flex-wrap:wrap;gap:15px;margin-left:auto;font-size:14px}nav a{color:#e8dfcf}.actions{display:flex;gap:8px;align-items:center}.lang-switch{display:flex;gap:4px}.lang-switch a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:#fff;font-size:12px;font-weight:800}.lang-switch a.active{border-color:var(--gold);background:rgba(215,168,74,.13);color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--gold);border-radius:11px;font-weight:780;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(215,168,74,.16)}.btn.primary{background:linear-gradient(135deg,#b87c1f,#f0c765);color:#12100a}.btn.soft{background:#15120d}
.eyebrow{color:var(--gold2);font-weight:850;letter-spacing:.14em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(46px,6.2vw,78px);line-height:1.03;margin:.28em 0}h2{line-height:1.12}.lead{font-size:21px;color:#ded7ca;max-width:780px}
.hero-v14{position:relative;overflow:hidden;padding:94px 0 84px;background:linear-gradient(120deg,#090b0e 0%,#0d1015 48%,#090806 100%)}.hero-v14:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:520px;background:radial-gradient(ellipse,rgba(215,168,74,.20),transparent 62%);filter:blur(20px)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(215,168,74,.10);filter:blur(90px);left:-180px;top:-140px}
.hero-grid-v14{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;position:relative;z-index:2}.hero-copy-v14 h1{max-width:760px}.hero-note{display:inline-flex;border:1px solid rgba(215,168,74,.35);background:rgba(215,168,74,.08);padding:9px 13px;border-radius:999px;color:var(--gold2);font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-art-v14{position:relative;background:radial-gradient(circle at 50% 42%,rgba(215,168,74,.16),transparent 55%),linear-gradient(145deg,#11151b,#090a0d);border:1px solid rgba(215,168,74,.32);border-radius:28px;padding:20px;box-shadow:0 35px 90px rgba(0,0,0,.45),inset 0 0 60px rgba(215,168,74,.05)}.hero-art-v14 img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}.hero-art-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding:15px 8px 4px}.hero-art-caption strong{font-size:24px;color:#fff}.hero-art-caption span{color:var(--muted);font-size:13px;text-align:right}
section{padding:76px 0}.section-heading-center{text-align:center;max-width:850px;margin:0 auto 36px}.section-heading-center>span{color:var(--gold);font-weight:850;letter-spacing:.14em;font-size:12px}.section-heading-center h2{font-size:clamp(34px,4.5vw,55px);margin:8px 0 12px}.section-heading-center p{font-size:19px;color:var(--muted)}
.needs-section{background:linear-gradient(180deg,#0b0d11,#111318)}.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.need-card{display:flex;gap:18px;padding:24px;background:linear-gradient(145deg,#171a20,#0d0f13);border:1px solid rgba(215,168,74,.24);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.need-card img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(215,168,74,.18))}.need-card h3{margin:0 0 7px;font-size:20px}.need-card p{margin:0;color:var(--muted);font-size:15px}
.modules-section-v14{background:radial-gradient(circle at 50% 0,rgba(215,168,74,.11),transparent 30%),#08090b}.modules-grid-v14{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.module-card-v14{position:relative;overflow:hidden;min-height:405px;border:1px solid rgba(215,168,74,.26);border-radius:22px;background:linear-gradient(145deg,#15181e,#0b0d11);box-shadow:0 22px 55px rgba(0,0,0,.28);transition:.25s transform,.25s border-color,.25s box-shadow}.module-card-v14:hover{transform:translateY(-7px);border-color:rgba(245,215,137,.68);box-shadow:0 28px 70px rgba(0,0,0,.36),0 0 35px rgba(215,168,74,.08)}.module-image-wrap{height:220px;display:grid;place-items:center;background:radial-gradient(circle,rgba(215,168,74,.16),transparent 58%);border-bottom:1px solid rgba(215,168,74,.18)}.module-image-wrap img{max-width:76%;max-height:185px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.4))}.module-copy{padding:22px}.module-copy>span{color:var(--gold);font-size:12px;font-weight:850}.module-copy h3{margin:5px 0 8px;font-size:25px}.module-copy p{color:var(--muted);min-height:52px}.module-copy a{font-weight:780}
.deployment-v14{background:linear-gradient(180deg,#111318,#0d0f13)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-card{padding:30px;border-radius:20px;background:linear-gradient(145deg,#171b21,#0c0e12);border:1px solid var(--line)}.step-card span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#a86f1d,#ebc15e);color:#111;font-weight:900;font-size:20px}.step-card h3{font-size:24px;margin:18px 0 8px}.step-card p{color:var(--muted)}
.trust-section{background:radial-gradient(circle at 20% 50%,rgba(215,168,74,.13),transparent 28%),linear-gradient(120deg,#090a0d,#14100a)}.trust-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.trust-photo{border-radius:28px;overflow:hidden;border:1px solid rgba(215,168,74,.36);box-shadow:0 30px 90px rgba(0,0,0,.45)}.trust-photo img{display:block;width:100%;height:620px;object-fit:cover}.trust-copy h2{font-size:clamp(36px,4.7vw,58px);margin:8px 0 18px}.trust-copy p{font-size:19px;color:#ded7ca}.trust-copy ul{list-style:none;padding:0;margin:24px 0}.trust-copy li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid rgba(215,168,74,.14)}.trust-copy li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:900}.trust-actions{display:flex;gap:12px;flex-wrap:wrap}
.closing-visual{background:#08090b}.closing-card{position:relative;min-height:440px;border-radius:28px;overflow:hidden;border:1px solid rgba(215,168,74,.3);display:flex;align-items:flex-end}.closing-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.closing-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,6,.92) 0%,rgba(3,4,6,.55) 48%,rgba(3,4,6,.15) 100%)}.closing-card>div{position:relative;z-index:2;padding:48px;max-width:560px}.closing-card h2{font-size:52px;margin:0}.closing-card p{font-size:19px}
.hero-card,.card,.faq,.callout,.config-form{background:linear-gradient(145deg,#14171c,#0b0d11);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 60px rgba(0,0,0,.26)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}.module-card{min-height:330px;display:flex;flex-direction:column}.module-card img{width:95px;height:95px;object-fit:contain}.module-card p{color:var(--muted)}
.breadcrumbs{font-size:14px;color:var(--muted);padding-top:24px}.article{max-width:960px}.article h1{font-size:clamp(42px,5.5vw,68px)}.article h2{font-size:34px;margin-top:1.55em}.article p,.article li{color:#ded9cf}.notice{background:#17130c;border:1px solid #5b4720;border-radius:14px;padding:20px}.tag{display:inline-block;border:1px solid #554522;background:#15130d;border-radius:999px;padding:6px 11px;margin:4px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:760}.module-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.module-nav a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:#101216}
.module-hero-icon{max-width:250px;max-height:250px;display:block;margin:auto;filter:drop-shadow(0 18px 32px rgba(215,168,74,.16))}.module-inline-icon{width:140px;height:140px;object-fit:contain;float:left;margin:0 26px 12px 0}
.page-visual-band{height:155px;border-radius:22px;margin:6px 0 30px;overflow:hidden;background:radial-gradient(circle at 25% 50%,rgba(215,168,74,.18),transparent 35%),linear-gradient(120deg,#14171d,#090a0d);border:1px solid rgba(215,168,74,.22);position:relative}.page-visual-band img{position:absolute;right:5%;top:50%;transform:translateY(-50%);height:132px;max-width:45%;object-fit:contain;opacity:.9}.page-visual-band span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(215,168,74,.03))}
.check-card{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#101216}.form-grid label{display:flex;flex-direction:column;gap:7px}input,textarea{width:100%;background:#090b0e;color:#fff;border:1px solid #3a3428;border-radius:9px;padding:12px;font:inherit}
footer{border-top:1px solid rgba(215,168,74,.25);padding:52px 0;color:var(--muted);background:#07080a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.foot-bottom{padding-top:24px;border-top:1px solid var(--line);margin-top:24px}
@media(max-width:1050px){.top{flex-wrap:wrap;padding:13px 0}nav{order:3;width:100%;margin-left:0}.hero-grid-v14,.trust-grid{grid-template-columns:1fr}.needs-grid{grid-template-columns:repeat(2,1fr)}.modules-grid-v14{grid-template-columns:repeat(2,1fr)}.trust-photo img{height:520px}}
@media(max-width:760px){.actions{width:100%;flex-wrap:wrap}.lang-switch{width:100%}.needs-grid,.modules-grid-v14,.steps-grid,.grid,.two,.footer-grid{grid-template-columns:1fr}.hero-v14{padding-top:58px}.hero-art-caption{display:block}.hero-art-caption span{display:block;text-align:left;margin-top:5px}.trust-photo img{height:auto}.closing-card>div{padding:28px}.closing-card h2{font-size:40px}.module-image-wrap{height:190px}}


/* V1.4.1 header and hero refinements */
.top{min-height:72px;gap:16px}
.brand img{width:44px;height:44px}
.brand{gap:10px}
.brand span{font-size:17px}
.brand small{font-size:9px;letter-spacing:.13em}
nav{gap:13px;font-size:13px}
.actions{gap:7px;flex-wrap:nowrap}
.actions .btn{padding:9px 14px;font-size:14px;border-radius:9px;line-height:1.15;white-space:nowrap}
.actions .btn.primary{max-width:190px}
.lang-switch a{padding:7px 9px;font-size:11px;border-radius:8px}
.hero-v14{padding:64px 0 68px}
.hero-grid-v14{align-items:start;gap:44px}
.hero-copy-v14{padding-top:18px}
.hero-copy-v14 h1{font-size:clamp(42px,5.3vw,66px);max-width:680px;line-height:1.02}
.hero-copy-v14 .lead{font-size:19px;max-width:720px}
.hero-art-v14{margin-top:0;align-self:start;transform:translateY(-8px)}
.hero-art-v14 img{max-height:500px}
.hero-art-caption{padding-top:12px}
@media(max-width:1120px){
  .top{min-height:68px}
  nav{gap:10px;font-size:12px}
  .actions .btn{padding:8px 11px;font-size:13px}
  .actions .btn.primary{max-width:165px}
}
@media(max-width:980px){
  .actions{flex-wrap:wrap}
  .hero-art-v14{transform:none}
}


/* V1.4.2 privacy and infrastructure patch */
.infra-badge{margin-top:16px;padding:14px 15px;border:1px solid rgba(215,168,74,.30);border-radius:13px;background:linear-gradient(145deg,#17130d,#0d0f13)}
.infra-badge strong{display:block;color:var(--gold2);margin-bottom:4px}
.infra-badge span{display:block;color:var(--muted);font-size:14px;line-height:1.45}


/* V1.4.3 configurator repair */
.config-form{margin-top:30px;padding:30px}
.config-form>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.check-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-height:150px;
  padding:22px;
  border:1px solid rgba(215,168,74,.30);
  border-radius:16px;
  background:linear-gradient(145deg,#15181e,#0b0d11);
  cursor:pointer;
  transition:.2s transform,.2s border-color,.2s box-shadow;
}
.check-card:hover{
  transform:translateY(-3px);
  border-color:rgba(245,215,137,.68);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.check-card input[type="checkbox"]{
  width:21px !important;
  height:21px !important;
  min-width:21px;
  margin:4px 0 0;
  padding:0;
  accent-color:#d7a84a;
  cursor:pointer;
}
.check-card>span{
  display:block;
  min-width:0;
}
.check-card strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:18px;
  line-height:1.25;
}
.check-card small{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.form-grid{
  margin:30px 0 24px;
  align-items:start;
}
.form-grid label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#f2ede3;
  font-weight:650;
}
.form-grid input,
.form-grid textarea{
  width:100%;
  background:#090b0e;
  color:#fff;
  border:1px solid #4a3b25;
  border-radius:10px;
  padding:13px 14px;
  font:inherit;
}
.form-grid input:focus,
.form-grid textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(215,168,74,.12);
}
body:has(.config-form) main>section{
  padding-top:96px;
}
body:has(.config-form) .article>h1{
  margin-top:0;
}
@media(max-width:900px){
  .config-form>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .config-form{padding:20px}
  .config-form>.grid{grid-template-columns:1fr}
  .check-card{min-height:auto}
}

/* V1.4.4 global SOFBAC C+S branding */
.brand img{
  width:46px;
  height:46px;
  object-fit:contain;
  filter:drop-shadow(0 4px 12px rgba(215,168,74,.22));
}


/* V1.4.5 approved SOFBAC Pass / Folder / Image icon set */
.module-image-wrap img[src$="sofbac-pass.png"],
.module-image-wrap img[src$="sofbac-folder.png"],
.module-image-wrap img[src$="sofbac-image.png"],
.module-hero-icon[src$="sofbac-pass.png"],
.module-hero-icon[src$="sofbac-folder.png"],
.module-hero-icon[src$="sofbac-image.png"],
.page-visual-band img[src$="sofbac-pass.png"],
.page-visual-band img[src$="sofbac-folder.png"],
.page-visual-band img[src$="sofbac-image.png"]{
  object-fit:contain;
  border-radius:14px;
}

/* V1.4.6 transparent icon correction */
.module-image-wrap img[src*="v146.png"]{
  max-width:72%;
  max-height:175px;
  object-fit:contain;
  border-radius:0;
  filter:drop-shadow(0 12px 24px rgba(215,168,74,.18));
}
.module-hero-icon[src*="v146.png"],
.module-inline-icon[src*="v146.png"],
.page-visual-band img[src*="v146.png"]{
  object-fit:contain;
  border-radius:0;
}


/* V1.4.7 global 9-module footer */
.footer-v147{
  margin-top:70px;
  padding:54px 0 34px;
  border-top:1px solid rgba(215,168,74,.28);
  background:
    radial-gradient(circle at 50% 0,rgba(215,168,74,.10),transparent 28%),
    linear-gradient(180deg,#090a0d,#060709);
}
.footer-brand-row{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:30px;
  align-items:start;
}
.footer-brand-title{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.footer-brand-title img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(215,168,74,.20))}
.footer-brand-title strong{display:block;color:#fff;font-size:26px;letter-spacing:.06em}
.footer-brand-title span{display:block;color:var(--muted);font-size:14px}
.footer-brand-copy p{color:var(--muted);margin:10px 0}
.footer-infra-card{
  display:flex;gap:16px;align-items:center;
  padding:20px;border:1px solid rgba(215,168,74,.28);
  border-radius:17px;background:linear-gradient(145deg,#17130d,#0d0f13)
}
.footer-infra-card img{width:66px;height:66px;object-fit:contain}
.footer-infra-card strong{display:block;color:var(--gold2);font-size:18px;margin-bottom:5px}
.footer-infra-card span{display:block;color:var(--muted);font-size:14px}
.footer-modules-title{text-align:center;margin:42px 0 22px}
.footer-modules-title span{font-size:12px;color:var(--gold);font-weight:850;letter-spacing:.14em}
.footer-modules-title h2{margin:4px 0 0;font-size:34px}
.footer-modules-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.footer-module-card{
  display:flex;align-items:center;gap:15px;
  min-height:104px;padding:15px 17px;
  border:1px solid rgba(215,168,74,.22);
  border-radius:15px;
  background:linear-gradient(145deg,#14171c,#0b0d11);
  transition:.2s transform,.2s border-color,.2s background;
}
.footer-module-card:hover{
  transform:translateY(-3px);
  border-color:rgba(245,215,137,.60);
  background:linear-gradient(145deg,#191b20,#0e1014)
}
.footer-module-icon{
  flex:0 0 68px;width:68px;height:68px;
  display:grid;place-items:center;
}
.footer-module-icon img{
  max-width:62px;max-height:62px;width:auto;height:auto;
  object-fit:contain;
  filter:drop-shadow(0 7px 16px rgba(215,168,74,.16));
}
.footer-module-text strong{display:block;color:#fff;font-size:16px;line-height:1.25}
.footer-module-text small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:4px}
.footer-lower-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:28px;padding-top:34px;margin-top:36px;
  border-top:1px solid var(--line)
}
.footer-lower-grid strong{color:#fff}
.footer-lower-grid p{color:var(--muted)}
.footer-v147 .foot-bottom{padding-top:22px;margin-top:22px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){
  .footer-brand-row{grid-template-columns:1fr}
  .footer-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-lower-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .footer-modules-grid,.footer-lower-grid{grid-template-columns:1fr}
  .footer-module-card{min-height:92px}
}


/* SOFBAC_INVOICE_HERO_V1 */

.invoice-hero {
    position: relative;
    overflow: hidden;
    padding: 74px 0 68px;
    border-bottom: 1px solid rgba(216,170,77,.16);
    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(216,170,77,.13),
            transparent 34%
        ),
        radial-gradient(
            circle at 18% 0%,
            rgba(126,96,36,.10),
            transparent 32%
        ),
        #080a0c;
}

.invoice-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(216,170,77,.025),
            transparent
        );
}

.invoice-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
    gap: 48px;
    align-items: center;
}

.invoice-hero .eyebrow {
    color: #d8aa4d;
    letter-spacing: .16em;
    font-size: 12px;
    font-weight: 800;
}

.invoice-hero h1 {
    max-width: 820px;
    margin: 14px 0 18px;
    font-size: clamp(38px,5vw,68px);
    line-height: 1.02;
    letter-spacing: -.045em;
    color: #f7f3ea;
}

.invoice-hero .lead {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.65;
    color: #bbb7af;
}

.invoice-standard-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0 13px;
}

.invoice-standard-row span {
    padding: 7px 11px;
    border: 1px solid rgba(216,170,77,.35);
    border-radius: 999px;
    background: rgba(216,170,77,.055);
    color: #e3c36f;
    font-size: 12px;
    font-weight: 750;
}

.invoice-country {
    color: #777d81;
    font-size: 12px;
    letter-spacing: .13em;
    font-weight: 700;
}

.invoice-hero-note {
    margin: 15px 0 0;
    color: #8e8e89;
    font-size: 14px;
}

.invoice-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

.invoice-side {
    display: grid;
    gap: 13px;
}

.invoice-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    gap: 7px;
    align-items: center;
    padding: 15px;
    border: 1px solid rgba(216,170,77,.23);
    border-radius: 13px;
    background: rgba(14,16,18,.86);
}

.invoice-flow div {
    min-width: 0;
    text-align: center;
    padding: 9px 5px;
    border-radius: 8px;
    background: #111416;
    color: #d6d3cc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
}

.invoice-flow b {
    color: #d8aa4d;
    font-weight: 600;
}

.invoice-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.invoice-product {
    position: relative;
    padding: 20px;
    min-height: 230px;
    border: 1px solid #272b2e;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(24,25,25,.98),
            rgba(11,13,14,.98)
        );
    box-shadow: 0 18px 46px rgba(0,0,0,.24);
}

.invoice-product.featured {
    border-color: rgba(216,170,77,.55);
    box-shadow:
        0 18px 46px rgba(0,0,0,.28),
        0 0 30px rgba(216,170,77,.055);
}

.invoice-product .mini {
    color: #838789;
    font-size: 10px;
    letter-spacing: .13em;
    font-weight: 800;
}

.invoice-product h3 {
    margin: 10px 0 12px;
    color: #f1eee7;
    font-size: 17px;
    line-height: 1.22;
}

.invoice-product .price {
    display: block;
    color: #e0bd63;
    font-size: 29px;
    font-weight: 850;
    letter-spacing: -.035em;
}

.invoice-product .period {
    display: block;
    margin-top: 2px;
    color: #71777a;
    font-size: 10px;
}

.invoice-product p {
    margin: 15px 0 0;
    color: #999c9d;
    font-size: 12px;
    line-height: 1.55;
}

@media(max-width: 980px) {
    .invoice-hero-grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 680px) {
    .invoice-hero {
        padding: 48px 0 44px;
    }

    .invoice-products {
        grid-template-columns: 1fr;
    }

    .invoice-flow {
        grid-template-columns: 1fr;
    }

    .invoice-flow b {
        transform: rotate(90deg);
    }
}


/* SOFBAC_INVOICE_GOLD_V2 */
.siv2{
  position:relative;
  padding:64px 0 60px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 8%,rgba(215,183,107,.12),transparent 31%),
    radial-gradient(circle at 16% 0%,rgba(215,183,107,.06),transparent 27%),
    #080a0b;
  border-bottom:1px solid rgba(215,183,107,.18)
}
.siv2 *{box-sizing:border-box}
.siv2-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:30px;
  align-items:stretch
}
.siv2-main,.siv2-side,.siv2-standard,.siv2-plan{
  border:1px solid rgba(215,183,107,.38);
  background:linear-gradient(145deg,rgba(19,20,20,.97),rgba(9,11,12,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.28);
  border-radius:16px
}
.siv2-main{padding:34px}
.siv2-badge{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid rgba(215,183,107,.42);
  border-radius:999px;
  color:#e1bd65;
  background:rgba(215,183,107,.06);
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em
}
.siv2 h1{
  margin:18px 0 16px;
  max-width:760px;
  color:#f5f1e8;
  font-size:clamp(38px,5vw,66px);
  line-height:1.03;
  letter-spacing:-.045em
}
.siv2-lead{
  max-width:760px;
  margin:0;
  color:#b4b2ad;
  font-size:18px;
  line-height:1.65
}
.siv2-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 12px
}
.siv2-chips span{
  border:1px solid rgba(215,183,107,.38);
  background:#111315;
  color:#e2c06b;
  padding:8px 11px;
  border-radius:8px;
  font-size:12px;
  font-weight:750
}
.siv2-country{
  color:#74797b;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:800
}
.siv2-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:25px
}
.siv2-side{
  padding:16px;
  display:grid;
  gap:13px
}
.siv2-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:6px;
  align-items:center
}
.siv2-flow span{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
  border:1px solid rgba(215,183,107,.22);
  border-radius:10px;
  color:#d8d4ca;
  background:#101214;
  font-size:10px;
  font-weight:850;
  letter-spacing:.06em
}
.siv2-flow b{color:#d7b76b}
.siv2-standards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.siv2-standard{padding:15px}
.siv2-standard small{
  color:#777d80;
  font-size:9px;
  letter-spacing:.12em
}
.siv2-standard strong{
  display:block;
  margin:7px 0;
  color:#e0bd63;
  font-size:14px
}
.siv2-standard p{
  margin:0;
  color:#8d9193;
  font-size:11px;
  line-height:1.45
}
.siv2-plans{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.siv2-plan{padding:19px}
.siv2-plan.featured{
  border-color:rgba(222,186,92,.72);
  box-shadow:0 0 28px rgba(215,183,107,.07)
}
.siv2-plan small{
  color:#777d80;
  font-size:9px;
  letter-spacing:.12em
}
.siv2-plan h3{
  margin:8px 0 10px;
  color:#f0ece2;
  font-size:17px
}
.siv2-price{
  color:#e0bd63;
  font-size:28px;
  font-weight:850
}
.siv2-period{
  display:block;
  margin-top:1px;
  color:#6f7477;
  font-size:10px
}
.siv2-plan p{
  margin:13px 0 0;
  color:#969a9b;
  font-size:11px;
  line-height:1.52
}
@media(max-width:1000px){
  .siv2-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .siv2{padding:42px 0}
  .siv2-main{padding:24px}
  .siv2-standards,.siv2-plans{grid-template-columns:1fr}
  .siv2-flow{grid-template-columns:1fr}
  .siv2-flow b{transform:rotate(90deg);text-align:center}
}