:root,[data-theme="light"]{--text-soft:#4A5578;--text-muted-1:#5A6382;--text-muted-2:#6E7796;--text-muted-3:#8089A6;--gold-dark:#B8932A;--gold-deep:#9C7B22;--green-soft:#4C9B6E;--charcoal:#2A3050;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--green:#2E7D4F;--ease:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.25s;--dur:.4s;--dur-slow:.6s;--radius-sm:10px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 4px 16px rgba(27,42,94,.06);--shadow:0 12px 34px rgba(27,42,94,.10);--shadow-lg:0 22px 54px rgba(27,42,94,.14);--shadow-gold:0 8px 22px rgba(212,175,55,.28);--serif:'Playfair Display',serif;--navy:#1B2A5E;--navy-royal:#243B7A;--navy-deep:#111D46;--navy-ink:#14161C;--gold:#D4AF37;--gold-lux:#F4D06F;--jewel:#0E7C7B;--jewel-soft:#12A19F;--gold-soft:#E8C96A;--gold-pale:#F6EBC8;--ivory:#FAF9F6;--paper:#FFFFFF;--sand:#EFE9DC;--ink:#1A2340;--muted:#5A6382;--line:#E3DCC9;--radius:14px;--shadow:0 10px 34px rgba(17,29,70,.10);--grad-safia:linear-gradient(120deg,#002366 0%,#0A2E6B 42%,#123A80 60%,#D4AF37 130%);--grad-gold:linear-gradient(135deg,#F4D06F,#D4AF37 45%,#B8932A);--font:'Inter',system-ui,'Segoe UI',sans-serif}[data-theme="dark"]{--text-soft:#C3CBE8;--text-muted-1:#A7B1D6;--text-muted-2:#95A0C8;--text-muted-3:#8390BC;--gold-dark:#C9A63F;--gold-deep:#B8932A;--green-soft:#5FB183;--charcoal:#D5DAF0;--ivory:#0D1731;--paper:#152147;--sand:#111C3C;--ink:#E9EDFB;--muted:#A7B1D6;--line:#2B3968;--gold-pale:#33406F;--shadow:0 10px 34px rgba(0,0,0,.45)}[data-theme="dark"] body{background:var(--ivory)}[data-theme="dark"] .wm{opacity:.08}[data-theme="dark"] .gitem figcaption,[data-theme="dark"] .pcard b,[data-theme="dark"] .qj b{color:#fff}[data-theme="dark"] h2,[data-theme="dark"] h3{color:#F3E9C8}[data-theme="dark"] .tab{background:var(--paper);color:#E9EDFB;border-color:var(--line)}[data-theme="dark"] .form input,[data-theme="dark"] .form select,[data-theme="dark"] .form textarea{background:var(--sand);color:var(--ink);border-color:var(--line)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:transparent;line-height:1.7;font-size:16px;overflow-x:hidden;counter-reset:sec}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(1180px,92%);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-deep);font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.4);padding:7px 18px;border-radius:var(--radius-pill);backdrop-filter:blur(4px)}section .eyebrow::before{counter-increment:sec;content:"0" counter(sec);font-size:.72rem;letter-spacing:.08em;border-inline-end:1px solid rgba(14,124,123,.6);padding-inline-end:10px;color:var(--jewel-soft)}.hero .eyebrow::before,div .eyebrow::before{counter-increment:none;content:"❯";border:none;padding:0;font-size:.62rem;opacity:.75}h1,h2,h3{color:var(--navy);line-height:1.25}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:.01em}h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin:.8rem 0 1rem;position:relative;padding-bottom:14px}h2::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--jewel) 100%)}.flagship h2::after{background:linear-gradient(90deg,var(--gold),rgba(212,175,55,.1))}.section{padding:84px 0}.section.alt{background:rgba(255,255,255,.55);backdrop-filter:blur(2px)}[data-theme="dark"] .section.alt{background:rgba(21,33,71,.55)}.lead{color:var(--muted);max-width:760px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:var(--radius-pill);font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;transition:.25s;cursor:pointer;border:none}.btn-gold{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.62) 15%,rgba(255,255,255,.62) 19%,rgba(255,255,255,.06) 24%,rgba(255,255,255,0) 46%,rgba(0,0,0,.05) 74%,rgba(0,0,0,.12) 100%),var(--grad-gold);color:var(--navy-ink);box-shadow:0 8px 22px rgba(212,175,55,.35)}.btn-line{border:1.5px solid rgba(255,255,255,.45);color:#fff;background:transparent}.btn-line:hover{border-color:var(--gold);color:var(--gold)}.btn-navy{background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.26) 15%,rgba(255,255,255,.26) 19%,rgba(255,255,255,.03) 24%,rgba(255,255,255,0) 46%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.18) 100%),var(--navy);color:#fff}.btn-navy:hover{}.wm{position:fixed;inset:0;z-index:0;pointer-events:none;background:url('../assets/logo-watermark.png') center/min(72vw,620px) no-repeat;opacity:.05;filter:saturate(.6)}.scroll-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;transition:background 1.2s ease;background:radial-gradient(1200px circle at 15% calc(20% + var(--scroll,0)*0.6%),rgba(212,175,55,.06),transparent 45%),radial-gradient(1000px circle at 85% calc(80% - var(--scroll,0)*0.5%),rgba(14,124,123,.05),transparent 45%),linear-gradient(180deg,#FAF7F0 0%,#F6F2E8 25%,#F1EBDD 50%,#F5F0E4 75%,#FAF7F0 100%)}[data-theme="dark"] .scroll-bg{background:radial-gradient(1200px circle at 15% calc(20% + var(--scroll,0)*0.6%),rgba(212,175,55,.10),transparent 45%),radial-gradient(1000px circle at 85% calc(80% - var(--scroll,0)*0.5%),rgba(14,124,123,.10),transparent 45%),linear-gradient(180deg,#0D1731 0%,#0A1430 30%,#111C3C 55%,#0C1836 80%,#0D1731 100%)}body>*:not(.wm){position:relative;z-index:1}.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-soft));z-index:99;box-shadow:0 0 10px rgba(212,175,55,.7)}.topbar{background:var(--navy-ink);color:#C9CFE6;font-size:.8rem;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar a{color:#C9CFE6}.topbar a:hover{color:var(--gold)}.topbar .vat{color:var(--gold-soft);font-weight:600}.lang-toggle{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius-pill);padding:4px 16px;font-family:var(--font);font-weight:700;font-size:.8rem;cursor:pointer;transition:.2s}
#langBtn.lang-switch{background:transparent;border:1px solid rgba(212,175,55,.55);color:#F4D06F;border-radius:999px;padding:4px 14px;font-family:var(--font);font-weight:700;font-size:.76rem;cursor:pointer;transition:.2s;min-height:26px;display:inline-flex;align-items:center}
#langBtn.lang-switch:hover{background:rgba(212,175,55,.16);border-color:#D4AF37}
#langBtn.lang-switch:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
[dir="rtl"] #langBtn.lang-switch{font-family:'Segoe UI',Tahoma,Arial,sans-serif}
/* Decorative, infinitely-animated horizontal-scroll strips (ticker, footer
   marquee, spinning hero globe) use flex/width:max-content/200% layouts whose
   sizing depends on LTR row-direction; under dir="rtl" the browser reverses
   their flex/inline flow while the translateX keyframes stay physical, and
   the two disagree so badly the whole document's scrollWidth explodes (seen
   locally: 1436px -> 11279px), pushing all page content off-screen. None of
   this content is language-directional (running logo marks / a decorative
   globe), so it is pinned to ltr regardless of the page's language. */
.ticker,.ticker-track,.marquee-band,.marquee-track,.foot-marquee,.fm-track,.hero-globe,.hg-surf{direction:ltr}
/* Defensive catch-all: whatever RTL-only combination of flex/max-content/200%
   width tracks is inflating the document's horizontal extent, the page must
   never actually present that width to the viewport. This does not change
   look or layout for any existing (ltr) page -- html/body already render at
   viewport width -- it only clamps the failure mode so switching to Arabic
   can never blank the page. */
html,body{max-width:100vw;overflow-x:hidden}.lang-toggle:hover{border-color:var(--gold);color:var(--gold)}header.nav{position:sticky;top:0;z-index:60;background:rgba(27,42,94,.97);backdrop-filter:blur(8px);box-shadow:0 2px 18px rgba(12,21,51,.35);border-bottom:1px solid rgba(212,175,55,.35);transition:.3s}.nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand .globe{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2B3F86,var(--navy-deep));border:2px solid var(--gold);position:relative;flex-shrink:0}.brand .globe::before,.brand .globe::after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(212,175,55,.65)}.brand .globe::after{inset:4px 14px;border-radius:50%}.logo-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18);flex-shrink:0}.brand-name{font-weight:900;letter-spacing:.14em;font-size:1.05rem;line-height:1.15}.brand-sub{font-size:.62rem;letter-spacing:.28em;color:var(--gold-soft);font-weight:600}nav.menu{display:flex;gap:26px;align-items:center}nav.menu a{color:#DDE3F5;font-weight:600;font-size:.9rem;position:relative}nav.menu a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:.25s}nav.menu a:hover{color:#fff}nav.menu a:hover::after{width:100%}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.hamburger span{width:26px;height:2.5px;background:#fff;border-radius:2px}.hero{background:linear-gradient(155deg,#14161C 0%,#1B2A5E 50%,#243B7A 100%);color:#fff;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(212,175,55,.13) 1px,transparent 1.5px),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(212,175,55,.14),transparent 60%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(212,175,55,.09),transparent 60%);background-size:26px 26px,auto,auto;-webkit-mask:radial-gradient(ellipse 85% 75% at 50% 45%,#000 30%,transparent 82%);mask:radial-gradient(ellipse 85% 75% at 50% 45%,#000 30%,transparent 82%)}.hero>*{position:relative;z-index:1}.hero::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 65%);top:-180px;inset-inline-end:-140px;filter:blur(30px);animation:pulse 9s cubic-bezier(.45,0,.55,1) infinite}@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.hero::after{animation:none}}#grains{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:110px 0 120px;min-height:88vh}.hero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.9rem);font-weight:400;line-height:1.18}.hero h1 .gold{color:var(--gold);display:block}.hero p{color:#C9CFE6;margin:18px 0 30px;max-width:560px;font-size:1.05rem}.hero-kicker{color:#8E9AC7;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;margin:16px 0 10px;font-weight:600}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:38px;margin-top:44px;flex-wrap:wrap}.hstat b{font-size:1.9rem;color:var(--gold);font-weight:900;display:block;line-height:1}.hstat span{font-size:.8rem;color:#AEB7DA;letter-spacing:.08em;text-transform:uppercase}.arch-card{position:relative;z-index:3;position:relative;background:linear-gradient(170deg,#22346F,var(--navy-deep));border:1px solid rgba(212,175,55,.4);border-radius:180px 180px 20px 20px;padding:52px 34px 34px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 70px rgba(212,175,55,.18);transition:.4s}.arch-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 100px rgba(212,175,55,.3);transform:translateY(-4px)}.arch-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,175,55,.35);border-radius:172px 172px 14px 14px;pointer-events:none}.arch-card .grain{font-size:3rem;line-height:1}.arch-photo{border-radius:150px 150px 12px 12px;overflow:hidden;margin:-18px -8px 0;border:1px solid rgba(212,175,55,.5)}.arch-photo img{width:100%;height:290px;object-fit:cover;object-position:center 35%}.arch-card h3{color:var(--gold);font-size:1.3rem;font-weight:800;margin:14px 0 4px;letter-spacing:.04em}.arch-card small{color:#AEB7DA;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase}.arch-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.arch-specs div{background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-sm);padding:10px 6px}.arch-specs b{color:#fff;display:block;font-size:.95rem}.arch-specs span{color:#9AA5CE;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.route{background:var(--navy-deep);color:#C9CFE6;padding:14px 0;border-top:1px solid rgba(212,175,55,.3);border-bottom:1px solid rgba(212,175,55,.3);font-size:.85rem}.route .container{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center;font-weight:600;letter-spacing:.06em}.route .dot{color:var(--gold)}.ticker{background:var(--gold);overflow:hidden;padding:10px 0}.ticker-track{display:flex;gap:34px;white-space:nowrap;animation:tick 32s linear infinite;width:max-content}.ticker-track span{color:var(--navy-ink);font-weight:800;letter-spacing:.12em;font-size:.8rem}.ticker-track i.tk-mark{display:inline-flex;align-items:center;font-style:normal;opacity:.9}.ticker-track i.tk-mark img{width:18px;height:18px;display:block;border-radius:50%;box-shadow:0 0 0 1.5px rgba(12,21,51,.28);animation:tkSpin 9s linear infinite}@keyframes tkSpin{to{transform:rotate(360deg)}}.ticker-track i{color:var(--navy-ink);opacity:.55;font-style:normal}@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tickR{from{transform:translateX(0)}to{transform:translateX(50%)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}.trust{background:var(--paper);border-bottom:1px solid var(--line)}.trust .container{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 0}.trust .t{display:flex;gap:12px;align-items:center}.trust .ic{width:44px;height:44px;border-radius:var(--radius);background:var(--gold-pale);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.trust b{color:var(--navy);font-size:.92rem;display:block;line-height:1.3}.trust span{color:var(--muted);font-size:.78rem}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.about-points{margin-top:22px;display:grid;gap:14px}.apoint{display:flex;gap:14px}.apoint .n{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800;flex-shrink:0;font-size:.85rem}.apoint b{color:var(--navy)}.apoint p{color:var(--muted);font-size:.92rem}.about-visual{display:grid;gap:16px}.flag-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;gap:16px;align-items:center}.flag-card .fl{font-size:2rem}.flag-card b{color:var(--navy);display:block}.flag-card span{color:var(--muted);font-size:.88rem}.statement{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:76px 0;text-align:center;position:relative;overflow:hidden}.statement::before{content:"";position:absolute;inset:0;background:url('../assets/logo-watermark.png') center/300px no-repeat;opacity:.05}.st-mark{color:var(--gold);font-size:1.6rem;margin-bottom:14px}.st-text{font-family:var(--serif);font-size:clamp(1.25rem,2.6vw,1.85rem);color:var(--navy);max-width:840px;margin:0 auto;line-height:1.55}.st-by{margin-top:18px;color:var(--gold);letter-spacing:.3em;font-size:.75rem;font-weight:800}.flagship{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-ink) 100%);color:#fff;position:relative;overflow:hidden}.flagship::after{content:"";position:absolute;right:-30px;bottom:-70px;font-size:16rem;font-weight:900;color:rgba(212,175,55,.07);line-height:1;pointer-events:none}.flagship h2{color:#fff}.flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.spec-table{width:100%;border-collapse:collapse;font-size:.92rem}
.spec-table td{padding:11px 14px;border-bottom:1px solid var(--line)}
.spec-table td:first-child{color:var(--muted);width:45%}
.spec-table td:last-child{color:var(--navy-text);font-weight:700}
.spec-table tr:last-child td{border-bottom:none}
/* .spec-table was originally styled for a single dark/navy usage (.flagship's
   1121 spec table): light-grey labels (#AEB7DA) + white values on a near-black
   backdrop. But .spec-box (which wraps this table) is used 17 more times on
   plain white .section cards (rice.html's per-variety spec sheets), where those
   same light colours read as washed-out, low-contrast text. The base rule above
   now uses standard light-card colours (var(--muted)/var(--navy-text)), and the
   original light/white pair is restored here, scoped to the one dark context
   that actually needs it. */
.flagship .spec-table td{border-bottom:1px solid rgba(255,255,255,.12)}
.flagship .spec-table td:first-child{color:#AEB7DA}
.flagship .spec-table td:last-child{color:#fff}.spec-box{background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);overflow:hidden}.spec-box .head{background:rgba(212,175,55,.14);padding:14px 18px;color:var(--gold-deep);font-weight:800;letter-spacing:.06em;font-size:.85rem;text-transform:uppercase}.flag-photo{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(212,175,55,.45);box-shadow:0 18px 44px rgba(0,0,0,.35)}.flag-photo img{width:100%;height:280px;object-fit:cover;object-position:center 40%}.chiplist{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);color:var(--gold-soft);padding:6px 16px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 30px}.tab{padding:10px 22px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--navy);font-weight:700;font-size:.88rem;cursor:pointer;transition:.2s;font-family:var(--font)}.tab.active,.tab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.panel{display:none;animation:fade .35s cubic-bezier(.16,1,.3,1)}.panel.show{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.25s;position:relative;overflow:hidden}.pcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:.25s}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}.pcard:hover::before{opacity:1}.pcard.has-img{padding:0;overflow:hidden}.pcard-img{position:relative;height:160px;overflow:hidden;border-radius:14px 14px 0 0}.pcard-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.pcard.has-img:hover .pcard-img img{transform:scale(1.08)}.pcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,35,102,.35),transparent 55%)}.pcard.has-img .em{position:absolute;top:120px;inset-inline-start:18px;z-index:2;font-size:1.6rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.pcard.has-img>b{padding:18px 18px 0;font-size:1rem}.pcard.has-img>span{padding:0 18px}.pcard.has-img .org{margin:10px 18px 18px}.pcard.has-img{padding-bottom:0}.pcard-gfx{height:130px;border-radius:14px 14px 0 0;display:grid;place-items:center;position:relative;overflow:hidden}.pcard-gfx .ge{font-size:3.4rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));position:relative;z-index:1}.pcard-gfx::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 26%,rgba(255,255,255,.35),transparent 45%),repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 8px,transparent 8px 16px);opacity:.7}.pcard-gfx::after{content:"";position:absolute;bottom:-20px;inset-inline-end:-10px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}.gfx-oil{background:linear-gradient(140deg,#F4D06F,#D4AF37 60%,#A67C1A)}.gfx-frozen{background:linear-gradient(140deg,#7FB3D5,#3E7CB1 60%,#1B4F72)}.gfx-spice{background:linear-gradient(140deg,#E8A87C,#C0392B 65%,#7B241C)}.gfx-pulse{background:linear-gradient(140deg,#D4B483,#A0522D 65%,#6E3B1E)}.gfx-dry{background:linear-gradient(140deg,#E0C097,#B5651D 65%,#7A4419)}.gfx-bev{background:linear-gradient(140deg,#8FD4AC,#2E7D4F 65%,#1B5E3A)}.gfx-chicken{background:linear-gradient(140deg,#F5C6A5,#E8916B 60%,#B5623E)}.gfx-meat{background:linear-gradient(140deg,#E39A9A,#C0392B 62%,#7B241C)}.gfx-fish{background:linear-gradient(140deg,#9BD3E0,#4A9FC0 60%,#1B6B8A)}.gfx-veg{background:linear-gradient(140deg,#A8D5A2,#5DA86A 60%,#2E7D4F)}.gfx-fries{background:linear-gradient(140deg,#F5D98A,#E8B44A 60%,#B5851F)}.gfx-snack{background:linear-gradient(140deg,#E0B080,#B5651D 62%,#7A4419)}.gfx-tag{position:absolute;top:12px;inset-inline-start:12px;background:rgba(0,35,102,.82);color:var(--gold-soft);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pill);z-index:2;border:1px solid rgba(212,175,55,.5)}.pcard.has-gfx{padding:0;overflow:hidden}.pcard.has-gfx>b{padding:16px 18px 0;font-size:1rem}.pcard.has-gfx>span{padding:0 18px}.pcard.has-gfx .org{margin:10px 18px 18px}.pcard b{color:var(--navy);display:block;margin:8px 0 4px;font-size:1rem}.pcard span{color:var(--muted);font-size:.84rem;display:block}.pcard .org{margin-top:10px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--gold-deep);background:var(--gold-pale);padding:3px 12px;border-radius:var(--radius-pill);text-transform:uppercase}.pgroup-title{color:var(--navy);font-weight:800;font-size:1.05rem;margin:26px 0 14px;display:flex;align-items:center;gap:10px}.pgroup-title::after{content:"";flex:1;height:1px;background:var(--line)}.cook-table td{color:var(--ink)!important;border-color:var(--line)!important}.cook-table td:first-child{color:var(--muted)!important;font-weight:700}.dl-strip{margin-top:40px;background:var(--navy);border-radius:var(--radius);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(212,175,55,.4)}.dl-strip>b{color:var(--gold);font-size:1.05rem;letter-spacing:.06em}.dl-btns{display:flex;gap:12px;flex-wrap:wrap}.dl{padding:10px 20px;font-size:.72rem}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.dish{position:relative;background:linear-gradient(165deg,var(--navy) 0%,var(--navy-ink) 100%);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);padding:30px 26px 24px;overflow:hidden;transition:.3s}.dish::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(212,175,55,.18),transparent 60%)}.dish:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(12,21,51,.4);border-color:var(--gold)}.dish .d-ar{font-size:2rem;font-weight:900;color:var(--gold);line-height:1.2;margin-bottom:6px;position:relative}.dish b{color:#fff;font-family:var(--serif);font-size:1.15rem;font-weight:400;letter-spacing:.03em;position:relative}.dish p{color:#B9C2E2;font-size:.88rem;margin:8px 0 14px;position:relative}.dish .pair{display:inline-block;background:rgba(46,125,79,.25);border:1px solid rgba(46,125,79,.6);color:#8FD4AC;font-size:.74rem;font-weight:700;padding:4px 14px;border-radius:var(--radius-pill);position:relative}@media(max-width:980px){.dish-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dish-grid{grid-template-columns:1fr}}.qj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.qj{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative;transition:.25s}.qj:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}.qj .qn{position:absolute;top:14px;inset-inline-end:18px;font-size:2rem;color:rgba(212,175,55,.35);font-weight:900;line-height:1}.qj b{color:var(--navy);display:block;margin-bottom:6px;font-size:1.02rem}.qj p{color:var(--muted);font-size:.88rem}@media(max-width:980px){.qj-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.qj-grid{grid-template-columns:1fr}}.sv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:30px}.sv{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.sv .ic{width:54px;height:54px;border-radius:var(--radius);background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px}.sv b{color:var(--navy);font-size:1.1rem;display:block;margin-bottom:8px}.sv p{color:var(--muted);font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px}.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 18px;text-align:center;position:relative}.step .num{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:var(--gold);color:var(--navy-ink);font-weight:900;display:grid;place-items:center;font-size:1.05rem}.step b{color:var(--navy);font-size:.95rem;display:block}.step span{color:var(--muted);font-size:.8rem}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.why{background:var(--paper);border-inline-start:4px solid var(--gold);border-radius:var(--radius-sm);padding:24px;box-shadow:var(--shadow)}.why b{color:var(--navy);display:block;margin-bottom:6px}.why p{color:var(--muted);font-size:.9rem}.map-band{background:linear-gradient(165deg,var(--navy-ink),var(--navy));border:1px solid rgba(212,175,55,.35);border-radius:var(--radius);padding:22px 18px 8px;margin:34px 0 30px;position:relative;overflow:hidden}.map-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);background-size:26px 26px;opacity:.5}.trade-map{width:100%;height:auto;display:block;position:relative}.route-line{fill:none;stroke:rgba(212,175,55,.55);stroke-width:1.6;stroke-dasharray:6 7;animation:flow 3.2s linear infinite}.route-line.out{stroke:rgba(46,125,79,.8)}@keyframes flow{to{stroke-dashoffset:-26}}@media(prefers-reduced-motion:reduce){.route-line{animation:none}.trade-map .map-ping{animation:none;opacity:.35}}
.map-hit{fill:transparent;cursor:pointer}
@keyframes mapPing{0%{transform:scale(.6);opacity:.85}70%{transform:scale(2.2);opacity:0}100%{transform:scale(2.2);opacity:0}}
.map-ping{fill:none;stroke-width:2;opacity:0;transform-origin:center;transform-box:fill-box;animation:mapPing 3.2s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}
.map-ping.hub{stroke:var(--gold)}
.map-ping.mkt{stroke:#3FA36B}
.map-ping.src{stroke:#7FA3FF}
.map-label{fill:#AEB7DA;font-size:13px;font-weight:700;text-anchor:middle;font-family:Inter,system-ui,sans-serif;letter-spacing:.08em}.hub-label{fill:#E8C96A;font-size:15px}.map-hint{text-align:center;color:#8E9AC7;font-size:.75rem;padding:10px 0 12px;position:relative}.tl{position:relative;max-width:780px;margin:44px auto 0}.tl::before{content:"";position:absolute;inset-inline-start:26px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.12))}.tl-item{position:relative;padding-inline-start:78px;margin-bottom:26px}.tl-dot{position:absolute;inset-inline-start:0;top:0;width:54px;height:54px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:grid;place-items:center;font-size:1.3rem;box-shadow:0 0 0 6px rgba(212,175,55,.12)}.tl-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);transition:.25s}.tl-card:hover{border-color:var(--gold);transform:translateX(4px)}.tl-card b{color:var(--navy);display:block;margin-bottom:4px}.tl-card p{color:var(--muted);font-size:.9rem}.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:30px}.cc{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 12px;text-align:center;transition:.2s}.cc:hover{border-color:var(--gold);transform:translateY(-3px)}.cc .fl{font-size:2rem}
.flag-link{display:block;cursor:pointer}
.flag-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.cc b{color:var(--navy);display:block;font-size:.92rem;margin-top:6px}.cc span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:30px}.cert{background:var(--paper);border:1.5px dashed var(--gold);border-radius:var(--radius);padding:24px 14px;text-align:center}.cert .ic{font-size:1.8rem}.cert b{color:var(--navy);display:block;margin-top:8px;font-size:.92rem}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:30px}.pack{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center}.pack b{color:var(--navy);display:block;font-size:1.05rem}.pack span{color:var(--muted);font-size:.84rem}.pack .ic{font-size:1.6rem;margin-bottom:8px}.calc{margin-top:36px;background:var(--paper);border:1.5px solid var(--gold);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow)}.calc-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}.calc-head b{color:var(--navy);font-size:1.05rem}.calc-head span{color:var(--muted);font-size:.85rem}.calc-tabs{display:flex;gap:10px;margin:16px 0 18px}.ctab{padding:9px 22px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--navy);font-weight:800;font-size:.85rem;cursor:pointer;font-family:var(--font);transition:.2s}.ctab.active,.ctab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.calc-body{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;align-items:end}.calc-body label{font-size:.75rem;font-weight:800;color:var(--navy);display:block;margin-bottom:6px;letter-spacing:.06em;text-transform:uppercase}.calc-body select{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);background:var(--ivory);color:var(--ink);font-weight:700}.calc-out{text-align:center;background:var(--navy);border-radius:var(--radius);padding:12px}.calc-out b{color:var(--gold);font-size:1.5rem;display:block;line-height:1.2}.calc-out span{color:#AEB7DA;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.calc-note{margin-top:14px;font-size:.76rem;color:var(--muted)}@media(max-width:760px){.calc-body{grid-template-columns:1fr 1fr}}.g-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px}.gitem{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);margin:0}.gitem img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.5s}.gitem:hover img{transform:scale(1.05)}.gitem figcaption{padding:12px 16px;font-size:.82rem;font-weight:700;color:var(--navy)}.ts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.ts{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.ts .stars{color:var(--gold);letter-spacing:3px;margin-bottom:10px}.ts p{color:var(--ink);font-size:.94rem;font-style:italic}.ts b{display:block;margin-top:14px;color:var(--navy);font-size:.9rem}.ts span{color:var(--muted);font-size:.78rem}.faq{max-width:820px;margin:30px auto 0}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.faq summary{padding:18px 22px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}.faq summary::after{content:"+";color:var(--gold);font-size:1.4rem;font-weight:400}.faq details[open] summary::after{content:"–"}.faq .ans{padding:0 22px 18px;color:var(--muted);font-size:.92rem}.rfq-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:34px}.form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:.8rem;font-weight:700;color:var(--navy);display:block;margin:14px 0 6px;letter-spacing:.04em}.form input,.form select,.form textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);font-size:.92rem;background:var(--ivory);color:var(--ink);transition:.2s}.form input:focus,.form select:focus,.form textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(212,175,55,.25);border-color:var(--gold);background:#fff}.contact-cards{display:grid;gap:16px}.ccard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow)}.ccard .ic{width:46px;height:46px;border-radius:var(--radius);background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.ccard b{color:var(--navy);display:block;font-size:.92rem}.ccard a,.ccard span{color:var(--muted);font-size:.9rem;word-break:break-word}.ccard a:hover{color:var(--navy)}.map-box{margin-top:40px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/6;background:var(--sand);display:grid;place-items:center;color:var(--muted);text-align:center;padding:20px}footer{background:var(--navy-ink);color:#AEB7DA;padding:60px 0 0;font-size:.9rem}.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:44px}footer h4{color:#fff;font-size:1rem;margin-bottom:16px;letter-spacing:.04em}footer li{margin-bottom:9px}footer a:hover{color:var(--gold)}.f-ar{font-size:1.05rem;color:var(--gold-soft);margin-top:8px}.socials{display:flex;gap:12px;margin-top:16px}.socials a{width:38px;height:38px;border-radius:50%;background:rgba(212,175,55,.12);display:grid;place-items:center;color:var(--gold);transition:.2s;border:1px solid rgba(212,175,55,.3)}.socials a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.f-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8rem;color:#7C87B0}#toTop{position:fixed;bottom:26px;inset-inline-end:26px;z-index:79;width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--gold);border:1px solid var(--gold);font-size:1.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 8px 20px rgba(12,21,51,.35)}#toTop.vis{opacity:1;pointer-events:auto}#toTop:hover{background:var(--navy-deep);transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.in{opacity:1;transform:none}.reveal[data-anim="left"]{transform:translateX(-60px)}.reveal[data-anim="right"]{transform:translateX(60px)}.reveal[data-anim="zoom"]{transform:scale(.85)}.reveal[data-anim="blur"]{filter:blur(12px);transform:translateY(20px)}.reveal[data-anim="blur"].in{filter:blur(0)}.reveal[data-anim="flip"]{transform:perspective(800px) rotateX(18deg) translateY(30px);transform-origin:top}.reveal[data-anim="rise"]{transform:translateY(70px)}.reveal.in{transform:none!important;filter:none!important}.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}.reveal[data-d="5"]{transition-delay:.4s}.eyebrow{opacity:0;transform:translateY(16px);transition:.6s ease}.in-view .eyebrow,section:has(.reveal.in) .eyebrow{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.eyebrow{opacity:1!important;transform:none!important;filter:none!important;transition:none}html{scroll-behavior:auto}}@media(min-width:981px) and (max-width:1180px){.pgrid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(1.9rem,3.8vw,2.8rem)}}@media(max-width:980px){.wm{background-size:88vw}.hero .container{grid-template-columns:1fr;padding:70px 0 80px}.about-grid,.flag-grid,.rfq-wrap{grid-template-columns:1fr;gap:36px}.steps{grid-template-columns:repeat(2,1fr)}.trust .container{grid-template-columns:repeat(2,1fr)}.f-grid{grid-template-columns:1fr 1fr}nav.menu{position:fixed;inset:0 0 0 auto;width:min(320px,80vw);background:var(--navy-ink);flex-direction:column;align-items:flex-start;padding:90px 30px;gap:20px;transform:translateX(110%);transition:.3s;z-index:55}nav.menu.open{transform:none}.hamburger{display:flex}}@media(max-width:560px){.pgrid{grid-template-columns:repeat(2,1fr);gap:12px}.pcard.has-img>b,.pcard.has-gfx>b{font-size:.82rem;padding:12px 12px 0}.pcard.has-img>span,.pcard.has-gfx>span{font-size:.72rem;padding:0 12px}.pcard-img,.pcard-gfx{height:120px}.pcard-gfx .ge{font-size:2.6rem}.pcard .org{font-size:.62rem;margin:8px 12px 12px}.steps,.form .row,.f-grid,.trust .container{grid-template-columns:1fr}.section{padding:58px 0}.arch-specs{grid-template-columns:repeat(3,1fr)}.arch-photo img{height:220px}.hero-stats{gap:22px}.hstat b{font-size:1.5rem}.hero-ctas .btn{width:100%;justify-content:center}.tabs{gap:8px}.tab{padding:8px 16px;font-size:.8rem}.ticker-track{animation-duration:22s}h2{font-size:1.55rem}.topbar .container{justify-content:center;text-align:center}}@media(min-width:1440px){.container{width:min(1320px,92%)}.hero h1{font-size:4.3rem}h2{font-size:3rem}}@media(min-width:1800px){.container{width:min(1480px,90%)}}@media(min-width:561px) and (max-width:820px){.pgrid{grid-template-columns:repeat(2,1fr)}.dish-grid{grid-template-columns:repeat(2,1fr)}.qj-grid{grid-template-columns:repeat(2,1fr)}.sv-grid{grid-template-columns:repeat(2,1fr)}}@supports(padding:max(0px)){.topbar,.nav .container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media(max-width:380px){.hero h1{font-size:1.9rem}.brand-name{font-size:.82rem}.logo-img{width:38px;height:38px}.btn{padding:13px 22px;font-size:.76rem}.calc-body{grid-template-columns:1fr 1fr}.arch-specs{gap:6px}.arch-specs b{font-size:.82rem}}@media(hover:none){nav.menu a,.tab,.ctab,.btn,.dl{min-height:44px;display:inline-flex;align-items:center}}.hero-spot{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,40%),rgba(212,175,55,.16),transparent 70%);transition:background .1s;opacity:0}.hero:hover .hero-spot{opacity:1}@media(hover:none){.hero-spot{display:none}}.jewel-badge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--jewel),var(--jewel-soft));color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 15px;border-radius:var(--radius-pill);box-shadow:0 4px 14px rgba(14,124,123,.35)}.jewel-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:jpulse 2s infinite}@keyframes jpulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@media(prefers-reduced-motion:reduce){.jewel-badge::before{animation:none}}.map-pin-link{position:absolute;bottom:14px;inset-inline-start:14px;background:var(--navy);color:var(--gold);font-weight:800;font-size:.78rem;padding:9px 18px;border-radius:var(--radius-pill);text-decoration:none;border:1px solid var(--gold);box-shadow:0 6px 18px rgba(0,0,0,.3);z-index:2;transition:.2s}.map-pin-link:hover{background:var(--navy-deep);transform:translateY(-2px)}.navdrop{position:relative}.navdrop>a{cursor:pointer}.navdrop-menu{position:absolute;top:calc(100% + 14px);inset-inline-start:50%;transform:translateX(-50%) translateY(10px);background:var(--navy-ink);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius);padding:10px;min-width:230px;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 16px 40px rgba(0,0,0,.4);z-index:70}.navdrop:hover .navdrop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.navdrop-menu a{display:block;padding:10px 16px;color:#DDE3F5;font-size:.86rem;font-weight:600;border-radius:var(--radius-sm);transition:.15s;white-space:nowrap}.navdrop-menu a::after{display:none}.navdrop-menu a:hover{background:rgba(212,175,55,.14);color:var(--gold)}@media(max-width:980px){.navdrop{width:100%}.navdrop-menu{position:static;opacity:1;visibility:visible;transform:none;background:rgba(0,0,0,.2);border:none;box-shadow:none;padding:6px 0 6px 16px;min-width:0;margin-top:8px}.navdrop:hover .navdrop-menu{transform:none}}.chat-chips{position:fixed;bottom:98px;inset-inline-end:26px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.chat-close{width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);border:1px solid var(--gold);font-size:1.4rem;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3);transition:.2s}.chat-close:hover{transform:scale(1.06)}.chat-panel{display:none;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 16px 44px rgba(0,0,0,.2);min-width:240px}.chat-chips.open .chat-panel{display:flex}.chat-title{font-weight:800;color:var(--navy);font-size:.9rem;margin-bottom:2px}.chat-panel a{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;font-weight:600;color:var(--navy);transition:.15s;text-decoration:none}.chat-panel a:hover{background:var(--gold-pale);border-color:var(--gold)}@media(max-width:560px){.chat-chips{bottom:92px;inset-inline-end:20px}.chat-panel{min-width:200px}}@media(min-width:981px){.flag-grid .buybox{position:sticky;top:100px;align-self:start}}.buybox-trust{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.buybox-trust span{background:var(--green-soft,#E4F2E9);color:var(--green,#2E7D4F);border:1px solid rgba(46,125,79,.35);font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px}[data-theme="dark"] .buybox-trust span{background:rgba(46,125,79,.18);color:#8FD4AC}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tab:focus-visible,.ctab:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}@keyframes pageIn{from{opacity:0}to{opacity:1}}body{animation:pageIn .28s cubic-bezier(.16,1,.3,1)}.nav-lang{background:transparent;border:1.5px solid var(--gold);color:var(--gold);font-weight:800;font-size:.82rem;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font);transition:.2s;white-space:nowrap}.nav-lang:hover{background:var(--gold);color:var(--navy)}@media(max-width:980px){.nav-lang{width:auto;margin:8px 0}}.agl-badge{display:inline-block;background:var(--navy);color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.05em;padding:3px 10px;border-radius:var(--radius-sm);margin:6px 0 0}.pcard.has-img .agl-badge{margin:6px 18px 0}.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.socials a{width:38px;height:38px;border-radius:50%;background:rgba(212,175,55,.1);display:grid;place-items:center;color:var(--gold);transition:.25s;border:1px solid rgba(212,175,55,.28)}.socials a svg{width:17px;height:17px}.socials a:hover{background:var(--gold);color:var(--navy);transform:translateY(-3px);box-shadow:0 6px 16px rgba(212,175,55,.3)}.hero-product-stage{position:relative;display:grid;place-items:center;min-height:520px}.hero-globe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,90%);aspect-ratio:1;z-index:0;pointer-events:none;display:grid;place-items:center;opacity:.92}.hg-glow{position:absolute;width:128%;height:128%;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.2),transparent 62%)}.hg-ball{width:100%;aspect-ratio:1;position:relative;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 33% 28%,#33509A 0%,#1B2A5E 44%,#0C1430 100%);box-shadow:inset -20px -24px 60px rgba(0,0,0,.6),inset 16px 16px 42px rgba(120,150,240,.18),0 0 0 1.5px rgba(212,175,55,.5),0 0 80px rgba(27,42,94,.6)}.hg-ball::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.3),transparent 44%);z-index:6}.hg-surf{position:absolute;top:0;left:0;height:100%;width:200%;display:flex;animation:hgspin 24s linear infinite;will-change:transform}@keyframes hgspin{from{transform:translateX(0)}to{transform:translateX(-50%)}}.hg-tile{width:50%;height:100%;position:relative;flex-shrink:0;background-image:radial-gradient(circle,rgba(212,175,55,.55) 1.1px,transparent 1.6px);background-size:22px 22px}.hg-tile span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;color:var(--gold);font-family:var(--serif);font-weight:700;font-size:2.6rem;letter-spacing:.36em;text-shadow:0 2px 12px rgba(0,0,0,.6);opacity:.95}.hg-gore{position:absolute;inset:0;border-radius:50%;z-index:5}.hg-gore svg{width:100%;height:100%}.hg-gore ellipse,.hg-gore circle{fill:none;stroke:var(--gold);stroke-width:.8;opacity:.8}.hero-product-stage .arch-card{position:relative;z-index:4;width:min(340px,80%)}.hero-product-stage .arch-card::after{content:"";position:absolute;inset:-30px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(12,20,48,.55),transparent 70%)}@media(max-width:980px){.hero-product-stage{min-height:auto;margin-top:20px}.hero-globe{width:min(340px,86%);opacity:.85}.hg-tile span{font-size:1.8rem}}@media(max-width:560px){.hero-globe{width:min(300px,92%)}.hg-tile span{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.hg-surf{animation:none;transform:translateX(-25%)}}.map-osm-link{position:absolute;bottom:14px;inset-inline-end:14px;background:rgba(255,255,255,.95);color:var(--navy);font-weight:700;font-size:.76rem;padding:8px 14px;border-radius:var(--radius-sm);text-decoration:none;z-index:3;box-shadow:0 4px 12px rgba(0,0,0,.25)}.map-osm-link:hover{background:#fff}.amz-grid{display:grid;grid-template-columns:90px 1fr 320px;gap:28px;align-items:start}.amz-gallery{display:grid;grid-template-columns:70px 1fr;gap:14px;position:sticky;top:100px}.amz-thumbs{display:flex;flex-direction:column;gap:10px}.amz-thumb{width:66px;height:66px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--line);background:none;cursor:pointer;padding:0;transition:.2s}.amz-thumb img{width:100%;height:100%;object-fit:cover}.amz-thumb.active,.amz-thumb:hover{border-color:var(--gold)}.amz-main{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);cursor:crosshair;aspect-ratio:1;background:var(--paper)}.amz-main img{width:100%;height:100%;object-fit:cover;transition:opacity .15s}.amz-lens{position:absolute;width:180px;height:180px;border:2px solid var(--gold);border-radius:50%;pointer-events:none;opacity:0;background-repeat:no-repeat;background-size:300%;box-shadow:0 0 0 9999px rgba(12,20,48,.25);transition:opacity .15s}.amz-main:hover .amz-lens{opacity:1}.amz-spec-tag{position:absolute;top:14px;inset-inline-start:14px;background:var(--navy);color:var(--gold);font-size:.72rem;font-weight:800;padding:5px 12px;border-radius:var(--radius-sm);letter-spacing:.05em}.amz-crumb{font-size:.76rem;color:var(--muted);letter-spacing:.05em}.amz-crumb a{color:var(--navy)}.amz-crumb span{color:var(--gold)}.amz-badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.amz-h3{font-size:1.05rem;color:var(--navy);margin:22px 0 10px;font-weight:800}.amz-bullets{list-style:none;padding:0;display:grid;gap:10px}.amz-bullets li{padding-inline-start:26px;position:relative;color:var(--ink);font-size:.92rem;line-height:1.6}.amz-bullets li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green);font-weight:800}.amz-quotebox{position:sticky;top:100px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 34px rgba(12,21,51,.1)}.qb-name{font-weight:800;color:var(--navy);font-size:1.15rem}.qb-sub{color:var(--muted);font-size:.8rem;margin-top:4px}.qb-price{color:var(--green);font-weight:800;font-size:.95rem;margin:14px 0;padding:10px;background:var(--green-soft,#E4F2E9);border-radius:var(--radius-sm);text-align:center}.qb-label{display:block;font-size:.72rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 5px}.amz-quotebox select{width:100%;padding:11px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font);font-size:.88rem;background:var(--ivory)}.qb-btn{width:100%;justify-content:center;margin-top:14px;text-align:center;display:flex}.qb-trust{margin-top:18px;display:grid;gap:8px;font-size:.78rem;color:var(--ink)}.qb-sold{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);text-align:center}.amz-related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.amz-rel-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:.25s;display:block}.amz-rel-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(12,21,51,.14);border-color:var(--gold)}.rel-img{height:150px;overflow:hidden}.rel-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.amz-rel-card:hover .rel-img img{transform:scale(1.06)}.amz-rel-card b{display:block;padding:14px 16px 2px;color:var(--navy)}.amz-rel-card span{display:block;padding:0 16px 16px;color:var(--muted);font-size:.8rem}@media(max-width:980px){.amz-grid{grid-template-columns:1fr}.amz-gallery{position:static;grid-template-columns:60px 1fr}.amz-quotebox{position:static}.amz-related{grid-template-columns:1fr}.amz-lens{display:none}}@media(max-width:560px){.amz-gallery{grid-template-columns:1fr}.amz-thumbs{flex-direction:row;overflow-x:auto}.amz-thumb{flex-shrink:0}}.numbers-band{background:linear-gradient(135deg,#14161C,#1B2A5E 60%,#243B7A);padding:70px 0;position:relative;overflow:hidden}.numbers-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(212,175,55,.08) 1px,transparent 1.5px);background-size:24px 24px;opacity:.5}.numbers-band .container{position:relative;z-index:1}.nb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:36px}.nb{text-align:center;padding:20px 10px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.2)}.nb b{display:block;font-family:var(--serif);font-size:2.4rem;color:var(--gold);line-height:1;font-weight:700}.nb span{display:block;margin-top:8px;color:#C9CFE6;font-size:.78rem;letter-spacing:.04em}@media(max-width:900px){.nb-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.nb-grid{grid-template-columns:repeat(2,1fr)}.nb b{font-size:1.9rem}}.cat-strip-sec{padding:80px 0 0}.cat-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-top:40px}.cat-tile{position:relative;aspect-ratio:.62;overflow:hidden;text-decoration:none;display:block}.cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s}.cat-tile:hover .cat-bg{transform:scale(1.08)}.cat-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 16px;background:linear-gradient(to top,rgba(12,20,48,.9),rgba(12,20,48,.2) 60%,transparent);color:#fff}.cat-ov .ce{font-size:1.8rem;margin-bottom:6px}.cat-ov b{color:var(--gold);font-size:1.05rem;font-weight:800}.cat-ov small{color:#C9CFE6;font-size:.72rem;margin-top:2px}.cat-tile::after{content:"";position:absolute;inset:0;border:2px solid transparent;transition:.3s}.cat-tile:hover::after{border-color:var(--gold)}@media(max-width:1100px){.cat-strip{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.cat-strip{grid-template-columns:repeat(2,1fr)}.cat-tile{aspect-ratio:1}}.history-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:44px;position:relative}.history-timeline::before{content:"";position:absolute;top:60px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--gold),rgba(212,175,55,.3))}.ht-item{text-align:center;padding:0 12px;position:relative}.ht-year{font-family:var(--serif);font-size:1.3rem;color:var(--gold);font-weight:700;height:40px}.ht-diamond{width:18px;height:18px;background:var(--navy);border:2px solid var(--gold);transform:rotate(45deg);margin:10px auto 20px;position:relative;z-index:2}.ht-diamond.ht-now{background:var(--gold);animation:htpulse 2s infinite}
@media(prefers-reduced-motion:reduce){.ht-diamond.ht-now{animation:none}}@keyframes htpulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.5)}50%{box-shadow:0 0 0 8px rgba(212,175,55,0)}}.ht-item b{display:block;color:var(--navy);font-size:.95rem;margin-bottom:6px}.ht-item p{font-size:.8rem;color:var(--muted);line-height:1.5}@media(max-width:820px){.history-timeline{grid-template-columns:1fr;gap:24px}.history-timeline::before{top:0;bottom:0;left:20px;right:auto;width:2px;height:auto}.ht-item{text-align:start;padding-inline-start:50px}.ht-diamond{position:absolute;left:12px;top:6px;margin:0}}.marquee-band{background:var(--navy-ink);padding:16px 0;overflow:hidden;white-space:nowrap;border-block:1px solid rgba(212,175,55,.2)}.marquee-track{display:inline-block;animation:mqscroll 30s linear infinite}.marquee-track span{color:#fff;font-family:var(--serif);font-size:1.1rem;font-weight:600;margin:0 8px;letter-spacing:.05em}.marquee-track .mq-dot{color:var(--gold);margin:0 4px}@keyframes mqscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.hero-rotate{position:relative;height:32px;margin:18px 0 6px}.hr-slide{position:absolute;left:0;top:0;color:var(--gold-soft);font-size:.95rem;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;white-space:nowrap}.hr-slide.active{opacity:1;transform:none}@media(max-width:560px){.hr-slide{font-size:.82rem;white-space:normal}.hero-rotate{height:48px}}.num-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.num-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;transition:.3s}.num-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,21,51,.12);border-color:var(--gold)}.nc-num{font-family:var(--serif);font-size:2.4rem;color:var(--gold);font-weight:700;opacity:.5;display:block;line-height:1}.num-card b{display:block;color:var(--navy);font-size:1.15rem;margin:10px 0 8px}.num-card p{color:var(--muted);font-size:.9rem;line-height:1.6}.nc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.nc-tags span{background:var(--gold-pale);color:var(--navy);font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:999px}@media(max-width:900px){.num-cards{grid-template-columns:1fr}}.engagement-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;align-items:start}.eng-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;position:relative;transition:.3s}.eng-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,21,51,.12)}.eng-popular{border:2px solid var(--gold);box-shadow:0 12px 34px rgba(212,175,55,.16)}.eng-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-size:.7rem;font-weight:800;padding:5px 16px;border-radius:var(--radius-pill);letter-spacing:.05em}.eng-head b{color:var(--navy);font-size:1.2rem}.eng-card>p{color:var(--muted);font-size:.88rem;margin:10px 0 16px;line-height:1.6}.eng-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.eng-list li{padding-inline-start:22px;position:relative;font-size:.86rem;color:var(--ink)}.eng-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green);font-weight:800}.eng-card .btn{width:100%;justify-content:center;display:flex}@media(max-width:900px){.engagement-cards{grid-template-columns:1fr}}.chapter-div{display:flex;align-items:center;gap:18px;max-width:1200px;margin:20px auto 0;padding:40px 24px 0}.ch-num{font-family:var(--serif);font-size:1.1rem;color:var(--gold-deep);font-weight:700;white-space:nowrap;letter-spacing:.1em}.ch-line{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.ch-title{font-family:var(--serif);font-size:1.3rem;color:var(--navy);font-weight:600;white-space:nowrap}[data-theme="dark"] .ch-title{color:#fff}.foot-marquee{background:var(--navy-ink);padding:18px 0;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(212,175,55,.2)}.fm-track{display:inline-block;animation:mqscroll 24s linear infinite}.fm-track span{font-family:var(--serif);color:var(--gold);font-size:1.3rem;font-weight:600;margin:0 10px;letter-spacing:.06em}.fm-track i{color:#fff;opacity:.4;margin:0 4px}@media(prefers-reduced-motion:reduce){.fm-track{animation:none}}.kenburns{animation:kenburns 18s cubic-bezier(.45,0,.55,1) infinite}@keyframes kenburns{0%{transform:scale(1.04) translate3d(0,0,0)}50%{transform:scale(1.09) translate3d(-1.2%,-1.4%,0)}100%{transform:scale(1.04) translate3d(0,0,0)}}.amz-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(12,20,48,.7);color:var(--gold);border:1px solid rgba(212,175,55,.5);font-size:1.4rem;cursor:pointer;z-index:4;opacity:0;transition:.2s;display:grid;place-items:center;line-height:1}.amz-main:hover .amz-arrow{opacity:1}.amz-arrow.prev{inset-inline-start:12px}.amz-arrow.next{inset-inline-end:12px}.amz-arrow:hover{background:var(--gold);color:var(--navy)}.amz-zoom-hint{position:absolute;bottom:14px;inset-inline-end:14px;background:rgba(12,20,48,.7);color:#fff;font-size:.72rem;padding:5px 12px;border-radius:var(--radius-sm);z-index:4;pointer-events:none}.amz-dots{display:flex;gap:8px;justify-content:center;margin-top:14px}.amz-dot{width:9px;height:9px;border-radius:50%;background:var(--line);border:none;cursor:pointer;transition:.2s;padding:0}.amz-dot.active{background:var(--gold);width:24px;border-radius:5px}.amz-lightbox{position:fixed;inset:0;background:rgba(10,15,35,.94);z-index:9999;display:none;place-items:center;padding:40px}.amz-lightbox.open{display:grid}.amz-lightbox img{max-width:90vw;max-height:85vh;border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.6)}.lb-close{position:absolute;top:24px;inset-inline-end:30px;background:none;border:none;color:#fff;font-size:2.6rem;cursor:pointer;line-height:1}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);color:var(--gold);border:1px solid rgba(212,175,55,.4);width:52px;height:52px;border-radius:50%;font-size:1.8rem;cursor:pointer;display:grid;place-items:center}.lb-prev{inset-inline-start:30px}.lb-next{inset-inline-end:30px}.lb-arrow:hover{background:var(--gold);color:var(--navy)}.action-rail{position:fixed;top:50%;transform:translateY(-50%);inset-inline-end:18px;z-index:70;display:flex;flex-direction:column;gap:12px}.ar-btn{width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;text-decoration:none;box-shadow:0 6px 18px rgba(12,21,51,.3);border:1px solid rgba(212,175,55,.4);transition:.2s;font-size:1.1rem;position:relative}.ar-btn svg{width:22px;height:22px}.ar-btn:hover{background:var(--gold);color:var(--navy);transform:scale(1.1)}.ar-btn::after{content:attr(data-tip);position:absolute;inset-inline-end:56px;top:50%;transform:translateY(-50%);background:var(--navy);color:#fff;font-size:.72rem;padding:5px 10px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}.ar-btn:hover::after{opacity:1}@media(max-width:820px){.action-rail{display:none}}@media(prefers-reduced-motion:reduce){.kenburns{animation:none}}.cookie-bar{position:fixed;bottom:0;inset-inline:0;background:var(--navy-ink);color:#DDE3F5;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:18px;z-index:200;font-size:.85rem;box-shadow:0 -4px 20px rgba(0,0,0,.3);flex-wrap:wrap;transition:.4s}.cookie-bar.hide{transform:translateY(100%)}.cookie-bar button{background:var(--gold);color:var(--navy);border:none;padding:8px 24px;border-radius:var(--radius-pill);font-weight:800;cursor:pointer;font-family:var(--font)}.cookie-bar button:hover{background:var(--gold-soft)}.why6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.why6{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:.3s}.why6:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(12,21,51,.12);border-color:var(--gold)}.w6-ic{font-size:2.2rem;margin-bottom:14px}.why6 b{display:block;color:var(--navy);font-size:1.08rem;margin-bottom:8px}.why6 p{color:var(--muted);font-size:.9rem;line-height:1.6}@media(max-width:900px){.why6-grid{grid-template-columns:1fr}}.grain-comp{display:grid;grid-template-columns:1.4fr .9fr;gap:36px;margin-top:36px;align-items:center}.gc-bars{display:grid;gap:12px}.gc-row{display:grid;grid-template-columns:130px 1fr 64px;align-items:center;gap:14px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:.2s}.gc-row:hover,.gc-row.active{background:var(--paper)}.gc-name{font-size:.84rem;font-weight:700;color:var(--navy)}.gc-track{height:12px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.gc-fill{height:100%;background:linear-gradient(90deg,var(--gold-soft),var(--gold));border-radius:var(--radius-pill);transition:.5s}.gc-val{font-size:.82rem;font-weight:800;color:var(--gold-deep,#9C7B22);text-align:end}.gc-visual{background:linear-gradient(145deg,var(--navy),var(--navy-ink));border-radius:var(--radius-lg);padding:36px;text-align:center;color:#fff}.gc-grain{width:40px;height:200px;margin:0 auto 20px;background:linear-gradient(180deg,#FDF6E3,#E8C96A);border-radius:50%/12%;box-shadow:0 8px 24px rgba(212,175,55,.4);transition:height .5s var(--ease-out)}.gc-readout b{display:block;color:var(--gold);font-size:1.4rem;font-family:var(--serif)}.gc-readout span{display:block;color:#fff;font-size:2rem;font-weight:800;margin:4px 0}.gc-readout em{color:#C9CFE6;font-style:normal;font-size:.85rem}@media(max-width:820px){.grain-comp{grid-template-columns:1fr}.gc-row{grid-template-columns:110px 1fr 56px}}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.insight-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:.3s;display:block}.insight-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(12,21,51,.14);border-color:var(--gold)}.ins-img{height:180px;overflow:hidden}.ins-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.insight-card:hover .ins-img img{transform:scale(1.07)}.ins-body{padding:20px}.ins-tag{display:inline-block;background:var(--jewel,#0E7C7B);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:12px}.ins-body b{display:block;color:var(--navy);font-size:1.02rem;line-height:1.4;margin-bottom:12px}.ins-more{color:var(--gold-dark,#B8932A);font-weight:700;font-size:.85rem}@media(max-width:900px){.insights-grid{grid-template-columns:1fr}}.skip-link{position:absolute;top:-60px;inset-inline-start:16px;background:var(--gold);color:var(--navy);padding:12px 22px;border-radius:0 0 10px 10px;font-weight:800;z-index:9999;transition:top .2s;text-decoration:none}.skip-link:focus{top:0}.spec-matrix-wrap{overflow-x:auto;margin-top:30px;border-radius:var(--radius);border:1px solid var(--line)}.spec-matrix{width:100%;border-collapse:collapse;min-width:640px;background:var(--paper)}.spec-matrix th{background:var(--navy);color:#fff;padding:14px 16px;text-align:start;font-size:.82rem;font-weight:700;letter-spacing:.03em}.spec-matrix th:nth-child(n+4){text-align:center}.spec-matrix td{padding:12px 16px;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--ink)}.spec-matrix td:nth-child(n+4){text-align:center;color:var(--green);font-weight:700}.spec-matrix .agl{font-weight:800;color:var(--gold-dark,#B8932A)}.spec-matrix tbody tr:hover{background:var(--ivory)}.spec-matrix .flag-row{background:linear-gradient(90deg,rgba(212,175,55,.1),transparent)}.spec-matrix .flag-row td:first-child b{color:var(--navy)}.matrix-note{margin-top:16px;font-size:.85rem;color:var(--muted);font-style:italic}[data-theme="dark"] .spec-matrix tbody tr:hover{background:rgba(255,255,255,.03)}.ai-promo{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;background:linear-gradient(140deg,var(--navy-ink),var(--navy) 55%,#243B7A);border-radius:var(--radius-lg);padding:44px;position:relative;overflow:hidden}.ai-promo-glow{position:absolute;top:-40%;inset-inline-end:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 65%);pointer-events:none}.ai-promo-text{position:relative;z-index:1}.ai-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--jewel),#12A19F);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-pill);margin-bottom:16px}.ai-promo-text h2{color:#fff;margin-bottom:12px}.ai-promo-text h2::after{display:none}.ai-promo-text p{color:#C9CFE6;margin-bottom:24px;max-width:460px}.ai-promo-visual{display:grid;place-items:center;position:relative;z-index:1}.ai-orb{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2E4489,var(--navy) 55%,#0E1738);display:grid;place-items:center;font-size:4rem;box-shadow:inset -10px -12px 30px rgba(0,0,0,.5),0 0 0 1px rgba(212,175,55,.3),0 0 50px rgba(212,175,55,.2);animation:orbfloat 5.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes orbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:768px){.ai-promo{grid-template-columns:1fr;padding:32px;text-align:center}.ai-promo-text p{margin-inline:auto}.ai-promo-visual{order:-1}.ai-orb{width:110px;height:110px;font-size:3rem}}@media(prefers-reduced-motion:reduce){.ai-orb{animation:none}}.review-cta{display:grid;grid-template-columns:1.4fr auto;gap:40px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:44px;box-shadow:0 14px 40px rgba(27,42,94,.08)}.review-text h2{color:var(--navy);margin-bottom:12px}.review-text h2::after{display:none}.review-text p{color:var(--muted);margin-bottom:22px;max-width:480px}.review-qr{text-align:center;padding:18px;background:var(--ivory);border-radius:var(--radius-lg);border:1px solid var(--line)}.review-qr img{width:180px;height:180px;border-radius:var(--radius-sm);display:block}.review-qr span{display:block;margin-top:10px;font-size:.8rem;font-weight:700;color:var(--navy);letter-spacing:.04em}@media(max-width:768px){.review-cta{grid-template-columns:1fr;text-align:center;padding:30px}.review-text p{margin-inline:auto}.review-qr{max-width:240px;margin:0 auto}}.capability-section{background:var(--ivory)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cap-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;transition:transform .4s var(--ease),box-shadow .4s}.cap-item:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(27,42,94,.1)}.cap-ic{font-size:2rem;margin-bottom:16px}.cap-item b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.15rem;margin-bottom:8px}.cap-item span{color:var(--muted);font-size:.92rem;line-height:1.6}@media(max-width:900px){.capability-grid{grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:560px){.capability-grid{grid-template-columns:1fr}}.journey-section{background:linear-gradient(135deg,#14213D 0%,#1B2A5E 60%,#0E1836 100%);position:relative;overflow:hidden}.journey-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.12),transparent 60%);pointer-events:none}.journey-flow{display:flex;align-items:stretch;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;z-index:2}.journey-step{flex:1;min-width:150px;max-width:200px;text-align:center;padding:26px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius);backdrop-filter:blur(6px);transition:all .4s}.journey-step:hover{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.5);transform:translateY(-5px)}.js-num{font-family:'Space Mono',monospace;font-size:.8rem;color:var(--gold);letter-spacing:.1em;margin-bottom:10px}.js-ic{font-size:1.9rem;margin-bottom:12px}.journey-step b{display:block;color:#fff;font-size:1rem;margin-bottom:6px}.journey-step span{color:#AEB7DA;font-size:.82rem}.journey-arrow{display:flex;align-items:center;color:var(--gold);font-size:1.5rem;font-weight:700;opacity:.6}@media(max-width:820px){.journey-arrow{transform:rotate(90deg);width:100%;justify-content:center;padding:4px 0}.journey-step{max-width:none;width:100%}}.audience-section{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{display:block;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px 30px;text-decoration:none;transition:all .4s var(--ease);position:relative;overflow:hidden}.audience-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--navy),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s}.audience-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(27,42,94,.14);border-color:var(--gold)}.audience-card:hover::before{transform:scaleX(1)}.au-ic{font-size:2.4rem;margin-bottom:18px}.audience-card b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:12px}.audience-card>span{display:block;color:var(--muted);font-size:.95rem;line-height:1.65;margin-bottom:18px}.au-link{color:var(--gold-deep,#B8941F)!important;font-weight:700;font-size:.9rem!important;margin-bottom:0!important}@media(max-width:860px){.audience-grid{grid-template-columns:1fr;gap:18px}}.section{padding-block:clamp(56px,8vw,96px)}.grain-finder-section{background:linear-gradient(135deg,#0E1836 0%,#1B2A5E 55%,#14213D 100%);position:relative;overflow:hidden}.grain-finder-section::before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,175,55,.14),transparent 70%);pointer-events:none}.finder-box{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.finder-controls{display:flex;flex-direction:column;gap:26px}.finder-q label{display:block;color:var(--gold);font-family:'Space Mono',monospace;font-size:.82rem;letter-spacing:.06em;margin-bottom:12px}.finder-opts{display:flex;flex-wrap:wrap;gap:10px}.finder-opt{background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.25);color:#E8ECFA;padding:11px 18px;border-radius:var(--radius);cursor:pointer;font-size:.92rem;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.finder-opt:hover{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.5)}.finder-opt.active{background:linear-gradient(135deg,var(--gold),#B8941F);color:#14213D;border-color:var(--gold);box-shadow:0 6px 18px rgba(212,175,55,.3)}.finder-result{background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.28);border-radius:var(--radius-lg);padding:34px;text-align:center;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center}.finder-grain-visual{display:flex;gap:5px;height:70px;align-items:flex-end;margin-bottom:18px}.fg-grain{width:9px;background:linear-gradient(to top,#B8941F,#F0D77B);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;animation:grainPulse 2.6s cubic-bezier(.45,0,.55,1) infinite}
@media(prefers-reduced-motion:reduce){.fg-grain{animation:none}}.fg-grain:nth-child(1){height:44px;animation-delay:0s}.fg-grain:nth-child(2){height:60px;animation-delay:.15s}.fg-grain:nth-child(3){height:52px;animation-delay:.3s}.fg-grain:nth-child(4){height:64px;animation-delay:.45s}.fg-grain:nth-child(5){height:48px;animation-delay:.6s}@keyframes grainPulse{0%,100%{transform:scaleY(1);opacity:.85}50%{transform:scaleY(1.12);opacity:1}}.finder-match-label{color:var(--gold);font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;margin-bottom:8px}.finder-result h3{color:#fff;font-family:'Playfair Display',serif;font-size:1.7rem;margin-bottom:10px;transition:all .3s}.finder-result p{color:#C9CFE6;font-size:.95rem;line-height:1.6;margin-bottom:18px;min-height:48px}.finder-specs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.finder-specs span{background:rgba(212,175,55,.14);color:var(--gold-soft);padding:5px 12px;border-radius:var(--radius-lg);font-size:.78rem;font-weight:600}.finder-result.flash{animation:resultFlash .5s}@keyframes resultFlash{0%{transform:scale(.97);opacity:.6}100%{transform:scale(1);opacity:1}}@media(max-width:820px){.finder-box{grid-template-columns:1fr;gap:24px}}.care-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:38px;flex-wrap:wrap}.care-tab{background:var(--ivory);border:1px solid var(--line);color:var(--navy);padding:14px 28px;border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:1rem;transition:all .3s}.care-tab:hover{border-color:var(--gold)}.care-tab.active{background:linear-gradient(135deg,var(--navy),#2A3D7A);color:#fff;border-color:var(--navy);box-shadow:0 8px 22px rgba(27,42,94,.22)}.care-pane{display:none}.care-pane.active{display:block;animation:fadeUp .5s}.care-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start}.care-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:0 10px 34px rgba(27,42,94,.07)}.care-form h2{color:var(--navy);font-size:1.5rem;margin-bottom:22px}.care-form h2::after{display:none}.care-form .field{margin-bottom:16px}.care-form label{display:block;font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:6px;letter-spacing:.02em}.care-form input,.care-form select,.care-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:.94rem;background:var(--ivory);color:var(--ink);transition:border-color .3s,box-shadow .3s}.care-form input:focus,.care-form select:focus,.care-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)}.care-note{font-size:.82rem;color:var(--muted);margin-top:12px}.care-side{display:flex;flex-direction:column;gap:20px}.care-promise{background:linear-gradient(135deg,#14213D,#1B2A5E);border-radius:var(--radius-lg);padding:30px;color:#fff}.care-promise h3{color:var(--gold);font-family:'Playfair Display',serif;font-size:1.2rem;margin-bottom:16px}.care-promise ul{list-style:none;padding:0;margin:0}.care-promise li{color:#C9CFE6;font-size:.9rem;line-height:1.6;padding-left:22px;position:relative;margin-bottom:12px}.care-promise li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.care-direct{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;text-align:center}.care-direct>span{display:block;font-weight:700;color:var(--navy);margin-bottom:14px}.care-direct .btn{width:100%;margin-bottom:12px}.care-mail{color:var(--muted);font-size:.86rem;text-decoration:none}.care-mail:hover{color:var(--gold-deep,#B8941F)}@media(max-width:900px){.care-grid{grid-template-columns:1fr}}.grain-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.gc-card{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;transition:transform .4s,box-shadow .4s}.gc-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(27,42,94,.1)}.gc-bar{display:flex;gap:6px;align-items:flex-end;height:86px;margin-bottom:18px}.gc-bar span{width:11px;background:linear-gradient(to top,#C7A63A,#F2E0A0);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;display:block}.gc-card b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.12rem;margin-bottom:10px}.gc-card p{color:var(--muted);font-size:.92rem;line-height:1.65}@media(max-width:900px){.grain-class-grid{grid-template-columns:1fr}}.mill-table-wrap{overflow-x:auto;margin-top:28px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}.mill-table{width:100%;border-collapse:collapse;min-width:560px}.mill-table th{background:linear-gradient(135deg,var(--navy),#2A3D7A);color:#fff;padding:14px 12px;font-size:.82rem;letter-spacing:.05em;text-align:center;font-weight:700}.mill-table th:first-child{text-align:left}.mill-table td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:.9rem;text-align:center;color:var(--ink)}.mill-table td:first-child{text-align:left;font-weight:600;color:var(--navy)}.mill-table tbody tr:nth-child(even){background:var(--ivory)}.mill-table tbody tr:hover{background:rgba(212,175,55,.07)}.mill-table .y{color:#2E7D4F;font-weight:700}.mill-table .n{color:#C4CAD8}.mill-note{margin-top:22px;padding:20px 24px;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.03));border-left:3px solid var(--gold);border-radius:0 14px 14px 0;color:var(--ink);font-size:.95rem;line-height:1.7}.form-choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.fc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;transition:all .4s;position:relative}.fc-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(27,42,94,.12);border-color:var(--gold)}.fc-tag{display:inline-block;background:linear-gradient(135deg,var(--navy),#2A3D7A);color:var(--gold);font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.1em;padding:5px 11px;border-radius:var(--radius-lg);margin-bottom:14px}.fc-card b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.08rem;margin-bottom:9px}.fc-card p{color:var(--muted);font-size:.88rem;line-height:1.6}@media(max-width:1000px){.form-choose-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.form-choose-grid{grid-template-columns:1fr}}.horeca-dish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.hd-card{display:block;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;text-decoration:none;transition:all .4s var(--ease)}.hd-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(27,42,94,.12);border-color:var(--gold)}.hd-em{font-size:2rem;display:block;margin-bottom:14px}.hd-card b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.2rem;margin-bottom:6px}.hd-rice{display:inline-block;background:rgba(212,175,55,.16);color:#8A6D14;font-size:.76rem;font-weight:700;padding:4px 11px;border-radius:var(--radius-lg);margin-bottom:11px}.hd-card p{color:var(--muted);font-size:.88rem;line-height:1.6;margin:0}@media(max-width:1000px){.horeca-dish-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.horeca-dish-grid{grid-template-columns:1fr}}.horeca-serve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}.hs-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px;position:relative;transition:all .4s}.hs-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,42,94,.1)}.hs-n{font-family:'Space Mono',monospace;font-size:.8rem;color:var(--gold-deep);letter-spacing:.12em;margin-bottom:12px}.hs-item b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:9px}.hs-item p{color:var(--muted);font-size:.9rem;line-height:1.65;margin:0}@media(max-width:960px){.horeca-serve-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.horeca-serve-grid{grid-template-columns:1fr}}.horeca-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:linear-gradient(135deg,#14213D 0%,#1B2A5E 60%,#0E1836 100%);border-radius:var(--radius-lg);padding:46px}.horeca-cta h2::after{display:none}.horeca-cta h2{margin-bottom:12px}.gd-section{background:var(--ivory)}.gd-shell{max-width:840px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:44px;box-shadow:0 18px 54px rgba(27,42,94,.08)}.gd-shell.gd-flash{animation:gdFlash .55s cubic-bezier(.16,1,.3,1)}@keyframes gdFlash{0%{opacity:.55;transform:translateY(6px)}100%{opacity:1;transform:none}}.gd-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:34px}.gd-dot{width:11px;height:11px;border-radius:50%;background:var(--line);transition:all .35s}.gd-dot.active{background:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.18)}.gd-line{width:54px;height:2px;background:var(--line)}.gd-step{display:none}.gd-step.active{display:block}.gd-label{display:block;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.14em;color:var(--gold-deep,#B8941F);margin-bottom:10px}.gd-step h2{color:var(--navy);font-size:1.5rem;margin-bottom:24px}.gd-step h2::after{display:none}.gd-symptoms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gd-sym{display:flex;align-items:center;gap:13px;text-align:left;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--navy);transition:all .3s}.gd-sym:hover{border-color:var(--gold);background:#fff;transform:translateX(3px);box-shadow:0 8px 22px rgba(27,42,94,.08)}.gd-sym-em{font-size:1.5rem;flex-shrink:0}.gd-answers{display:flex;flex-direction:column;gap:11px}.gd-ans{text-align:left;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:17px 21px;cursor:pointer;font-family:inherit;font-size:.96rem;font-weight:600;color:var(--navy);transition:all .3s}.gd-ans:hover{border-color:var(--gold);background:#fff;transform:translateX(3px)}.gd-back{background:none;border:none;color:var(--muted);font-family:inherit;font-size:.86rem;cursor:pointer;margin-top:22px;padding:0}.gd-back:hover{color:var(--gold-deep,#B8941F)}.gd-card{border-radius:var(--radius-lg);padding:32px}.gd-fix{background:linear-gradient(135deg,rgba(46,125,79,.07),rgba(46,125,79,.02));border:1px solid rgba(46,125,79,.28)}.gd-claim{background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.03));border:1px solid rgba(212,175,55,.4)}.gd-route{background:var(--ivory);border:1px solid var(--line)}.gd-badge{display:inline-block;font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.12em;padding:6px 13px;border-radius:var(--radius-lg);margin-bottom:15px}.gd-badge-fix{background:#2E7D4F;color:#fff}.gd-badge-claim{background:linear-gradient(135deg,var(--gold),#B8941F);color:#14213D}.gd-badge-route{background:var(--navy);color:var(--gold)}.gd-card h3{color:var(--navy);font-family:'Playfair Display',serif;font-size:1.35rem;margin-bottom:11px}.gd-card p{color:var(--ink);font-size:.96rem;line-height:1.72;margin-bottom:18px}.gd-steps,.gd-timeline{background:#fff;border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;border:1px solid var(--line)}.gd-steps-h{display:block;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.12em;color:var(--gold-deep,#B8941F);margin-bottom:13px}.gd-steps ol,.gd-timeline ol{margin:0;padding-left:19px}.gd-steps li,.gd-timeline li{color:var(--ink);font-size:.92rem;line-height:1.65;margin-bottom:9px}.gd-steps li::marker,.gd-timeline li::marker{color:var(--gold);font-weight:700}.gd-ref{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--navy);border-radius:13px;padding:16px 22px;margin-bottom:20px;flex-wrap:wrap}.gd-ref span{color:#AEB7DA;font-size:.8rem;letter-spacing:.05em}.gd-ref b{color:var(--gold);font-family:'Space Mono',monospace;font-size:1.08rem;letter-spacing:.06em}.gd-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-ghost-navy{background:transparent;border:1px solid var(--navy);color:var(--navy)}.btn-ghost-navy:hover{background:var(--navy);color:#fff}.gd-honest{margin-top:18px;margin-bottom:0!important;font-size:.88rem!important;color:var(--muted)!important;font-style:italic}.gd-foot{max-width:760px;margin:26px auto 0;text-align:center;color:var(--muted);font-size:.85rem;line-height:1.65}@media(max-width:760px){.gd-shell{padding:28px 22px}.gd-symptoms{grid-template-columns:1fr}.gd-line{width:32px}}.legal-strip{text-align:center;padding:14px 20px;font-size:.78rem;color:#8E9AC7;border-top:1px solid rgba(255,255,255,.08);letter-spacing:.02em;line-height:1.8}.legal-strip b{color:var(--gold-soft,#E8C766);font-weight:600}.hero .eyebrow,.hero .hero-since,.hero .hero-kicker,.hero h1,.hero .hero-sub,.hero .hero-ctas,.hero .hero-stats{opacity:0;transform:translateY(28px);animation:heroRise .9s var(--ease) forwards}.hero .eyebrow{animation-delay:.1s}.hero .hero-since{animation-delay:.22s}.hero .hero-kicker{animation-delay:.34s}.hero h1{animation-delay:.46s}.hero .hero-sub{animation-delay:.6s}.hero .hero-ctas{animation-delay:.74s}.hero .hero-stats{animation-delay:.88s}@keyframes heroRise{to{opacity:1;transform:translateY(0)}}.hero-product-stage,.hero-globe{opacity:0;transform:scale(.92);animation:heroProductIn 1.2s var(--ease) .5s forwards}@keyframes heroProductIn{to{opacity:1;transform:scale(1)}}.hero::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(212,175,55,.10),rgba(244,208,111,.16),rgba(212,175,55,.10),transparent);transform:skewX(-18deg);animation:heroSweep 2.6s cubic-bezier(.4,0,.2,1) 1.2s;pointer-events:none;z-index:1}@keyframes heroSweep{0%{left:-40%}60%,100%{left:140%}}.hero h1{background:linear-gradient(100deg,#fff 30%,var(--gold-lux) 50%,#fff 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:heroRise .9s var(--ease) .46s forwards,heroShimmer 6s linear 2s infinite}@keyframes heroShimmer{to{background-position:200% center}}.hero-product-stage{will-change:transform}@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero .hero-since,.hero .hero-kicker,.hero h1,.hero .hero-sub,.hero .hero-ctas,.hero .hero-stats,.hero-product-stage,.hero-globe{opacity:1;transform:none;animation:none}.hero::after{display:none}.hero h1{-webkit-text-fill-color:#fff;background:none}}#scrollProgress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:linear-gradient(90deg,var(--gold),var(--gold-lux),var(--gold));transform:scaleX(0);transform-origin:0 50%;transition:transform .1s linear;box-shadow:0 0 12px rgba(212,175,55,.5);pointer-events:none}.btn-gold,.btn-navy{will-change:transform}.cap-item,.audience-card,.fc-card,.hd-card,.gc-card{transform-style:preserve-3d;will-change:transform}@media(prefers-reduced-motion:reduce){#scrollProgress{display:none}}.imp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.imp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.imp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.imp-ic{font-size:1.9rem;margin-bottom:13px}.imp-card b{display:block;color:var(--navy);font-family:'Playfair Display',serif;font-size:1.12rem;margin-bottom:8px}.imp-card p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}@media(max-width:900px){.imp-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.imp-grid{grid-template-columns:1fr}}.imp-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.imp-link{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 22px;text-decoration:none;transition:all var(--dur) var(--ease)}.imp-link:hover{border-color:var(--gold);transform:translateX(4px);box-shadow:var(--shadow-sm)}.il-ic{font-size:1.4rem}.imp-link b{flex:1;color:var(--navy);font-size:1rem}.il-arrow{color:var(--gold-deep);font-weight:700;font-size:1.1rem}@media(max-width:700px){.imp-links{grid-template-columns:1fr}}.imp-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy-ink,#14213D),var(--navy) 60%,#0E1836);border-radius:var(--radius-lg);padding:46px}.imp-cta h2::after{display:none}.imp-cta h2{margin-bottom:12px}.imp-cta-btns{display:flex;flex-direction:column;gap:12px}.btn-line-light{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.btn-line-light:hover{background:rgba(255,255,255,.1);border-color:var(--gold)}.global-buyers-section{background:var(--ivory)}.gb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gb-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gb-item:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold)}.gb-ic{font-size:1.8rem;display:block;margin-bottom:13px}.gb-item b{display:block;color:var(--navy);font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.3}.gb-item span{color:var(--muted);font-size:.86rem;line-height:1.55}@media(max-width:1000px){.gb-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.gb-grid{grid-template-columns:1fr}}@keyframes cursorLogoSpin{to{transform:rotate(360deg)}}.fields-origin{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden}.fields-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.fields-origin::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,20,52,.90) 0%,rgba(10,20,52,.78) 42%,rgba(10,20,52,.30) 72%,rgba(10,20,52,.10) 100%);pointer-events:none}.fields-content{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}.fields-content h2::after{display:none}.fields-stats{display:flex;gap:40px;margin-top:34px;flex-wrap:wrap}.fs-item span{color:#D6DCF2;font-size:.85rem}@media(max-width:700px){.fields-img{background-position:70% center}.fields-stats{gap:24px}}.fields-content p{color:#DCE2F5!important;text-shadow:0 1px 3px rgba(0,0,0,.45)}.fields-content h2{text-shadow:0 2px 6px rgba(0,0,0,.5)}.fields-content .eyebrow{text-shadow:0 1px 4px rgba(0,0,0,.6)}@media(max-width:820px){.fields-origin::after{background:linear-gradient(180deg,rgba(10,20,52,.72) 0%,rgba(10,20,52,.90) 55%,rgba(10,20,52,.94) 100%)}}.packs-real{background:linear-gradient(180deg,var(--ivory) 0%,var(--sand) 100%)}.pk-wrap{position:relative;margin-top:34px}.pk-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 22px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pk-track::-webkit-scrollbar{display:none}.pk-slide{flex:0 0 clamp(230px,26vw,320px);scroll-snap-align:start;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.pk-slide:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pk-cap{padding:16px 18px 20px;text-align:center;border-top:1px solid var(--line)}.pk-cap b{display:block;font-family:var(--serif);font-size:1.06rem;color:var(--navy);line-height:1.25}.pk-cap span{display:block;margin-top:6px;font-size:.82rem;color:var(--text-muted-1)}[data-theme="dark"] .pk-cap b{color:var(--gold-lux)}.pk-nav{position:absolute;top:38%;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--navy);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease)}.pk-nav:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:scale(1.08)}.pk-prev{left:-10px}.pk-next{right:-10px}[data-theme="dark"] .pk-nav{color:var(--gold-lux)}.pk-dots{display:flex;gap:9px;justify-content:center;margin-top:6px}.pk-dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;cursor:pointer;background:var(--line);transition:all var(--dur-fast) var(--ease)}.pk-dot.on{background:var(--gold);width:26px;border-radius:6px}@media(max-width:640px){.pk-nav{display:none}.pk-slide{flex-basis:74vw}}@media(prefers-reduced-motion:reduce){.pk-track{scroll-behavior:auto}.pk-slide{transition:none}}.pk-note{display:block;margin-top:8px;font-style:normal;font-size:.72rem;line-height:1.45;color:var(--text-muted-3);border-top:1px solid var(--line);padding-top:8px}.grain-compare{background:var(--paper)}.cmp{position:relative;margin-top:30px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:14/9;user-select:none;touch-action:pan-y}.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.cmp-clip{position:absolute;inset:0;width:50%;overflow:hidden;will-change:width}.cmp-clip img{width:auto;height:100%;max-width:none}.cmp-bar{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--gold);transform:translateX(-1px);pointer-events:none;box-shadow:0 0 14px rgba(212,175,55,.7);will-change:left}.cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--gold);color:#1B2A5E;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;letter-spacing:2px;box-shadow:0 6px 20px rgba(0,0,0,.32)}.cmp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.cmp-tag-l{left:16px}.cmp-tag-r{right:16px}.cmp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px;border-radius:var(--radius);overflow:hidden}.cf{background:var(--paper);padding:18px 16px;text-align:center}.cf b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--gold-dark);line-height:1}[data-theme="dark"] .cf b{color:var(--gold-lux)}.cf span{display:block;margin-top:7px;font-size:.76rem;color:var(--text-muted-1)}@media(max-width:640px){.cmp{aspect-ratio:4/3}.cmp-knob{width:44px;height:44px;font-size:.8rem}}.pk-shot{position:relative;background:var(--sand,#EFE9DC);aspect-ratio:4/5;overflow:hidden}.pk-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06) translateY(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .7s var(--ease);filter:saturate(.92) contrast(1.02)}.pk-slide:hover .pk-shot img{transform:scale(1) translateY(-6px);filter:saturate(1.06) contrast(1.04)}.pk-shot::before{content:"";position:absolute;top:-30%;bottom:-30%;width:44%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34) 50%,transparent);transform:translateX(-190%) skewX(-15deg);opacity:0}.pk-slide:hover .pk-shot::before{opacity:1;animation:liquidSheen 1.2s var(--ease)}.pk-slide{opacity:0;transform:translateY(26px) scale(.97);transition:opacity .7s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms),box-shadow .4s var(--ease)}.pk-track.in .pk-slide{opacity:1;transform:none}.pk-slide:hover{box-shadow:var(--shadow-lg)}.pk-slide.active{box-shadow:var(--shadow-lg)}.pk-slide.active .pk-shot::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 108%,rgba(212,175,55,.16),transparent 62%);pointer-events:none}@media(prefers-reduced-motion:reduce){.pk-slide{opacity:1;transform:none;transition:none}.pk-shot img{transition:opacity .01s}.pk-slide:hover .pk-shot img{transform:none}}.cert small{display:block;margin-top:5px;font-size:.68rem;line-height:1.35;color:var(--text-muted-2);font-weight:400;letter-spacing:.01em}.cmp-range:focus-visible{outline:3px solid var(--gold);outline-offset:4px;opacity:1}.cmp-range:focus-visible~.cmp-bar .cmp-knob{box-shadow:0 0 0 5px rgba(212,175,55,.45)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pk-src{display:block;margin-bottom:6px;font-size:.63rem;letter-spacing:.02em;color:var(--text-muted-3);opacity:.85}.cert-targets{margin-top:22px;padding:16px 18px;border:1px dashed var(--line);border-radius:var(--radius)}.cert-targets p{margin:0 0 10px;font-size:.82rem;color:var(--text-muted-1)}.cert-target-row{display:flex;flex-wrap:wrap;gap:8px}.cert-target-row span{font-size:.76rem;padding:5px 12px;border-radius:999px;background:var(--sand);color:var(--text-muted-2);border:1px solid var(--line)}a.pcard-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}a.pcard-link:hover{transform:translateY(-3px)}a.pcard-link:hover .pcard{box-shadow:var(--shadow-lg);border-color:var(--gold)}a.pcard-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.pcard-cta{display:inline-block;margin-top:10px;font-size:.72rem;letter-spacing:.02em;padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--text-muted-1);text-decoration:none;transition:all var(--dur-fast) var(--ease)}.pcard-cta:hover{border-color:var(--gold);color:var(--gold-dark);background:var(--sand)}.pcard-cta:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pk-track.in .pk-slide{transform:scale(.94);opacity:.62;transition:transform .6s cubic-bezier(.34,1.3,.5,1),opacity .5s var(--ease),box-shadow .45s var(--ease)}.pk-track.in .pk-slide.active{transform:scale(1.06);opacity:1;z-index:2}.pk-slide.active .pk-cap b{color:var(--gold-dark)}[data-theme="dark"] .pk-slide.active .pk-cap b{color:var(--gold-lux)}.pk-cap{position:relative}.pk-cap::after{content:"";position:absolute;left:50%;bottom:0;height:2px;width:0;background:var(--gold);transform:translateX(-50%);transition:width .5s var(--ease)}.pk-slide.active .pk-cap::after{width:46%}@media(prefers-reduced-motion:reduce){.pk-track.in .pk-slide,.pk-track.in .pk-slide.active{transform:none;opacity:1;transition:none}.pk-cap::after{transition:none}}.pk-track{scroll-padding-inline:2px}.pk-slide:first-child{scroll-snap-align:start}.pk-slide:last-child{scroll-snap-align:end}#safiaCursorLogo{position:fixed;top:0;left:0;width:40px;height:40px;pointer-events:none;z-index:9998;opacity:.13;transition:opacity .4s var(--ease);will-change:transform;mix-blend-mode:normal}#safiaCursorLogo img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 4px rgba(212,175,55,.16))}/* hovering an interactive element (a, button, cards) triggers .active on the
   trailing cursor logo -- fading it OUT here (was opacity:.32, more prominent)
   so it never sits visually on top of button/link text, per reported overlap. */
#safiaCursorLogo.active{opacity:0;transition:opacity .2s var(--ease)}#safiaCursorLogo.active img{animation:cursorLogoSpin 3s linear infinite}@media not all and (hover:hover) and (pointer:fine){#safiaCursorLogo{display:none}}@media(prefers-reduced-motion:reduce){#safiaCursorLogo{display:none}}.brand .logo-wrap{position:relative;display:inline-block;flex-shrink:0;border-radius:50%;overflow:hidden;line-height:0}.brand .logo-wrap::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.0) 44%,rgba(255,240,200,.55) 50%,rgba(212,175,55,.35) 55%,transparent 62%);transform:translateX(-140%);animation:brandLogoSweep 4.2s var(--ease) infinite}@keyframes brandLogoSweep{0%{transform:translateX(-140%)}55%{transform:translateX(140%)}100%{transform:translateX(140%)}}.brand .logo-img{animation:brandLogoBreathe 7s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 50%}@keyframes brandLogoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}.brand:hover .logo-wrap::after{animation-duration:1.6s}.brand:hover .logo-img{animation-duration:2.4s}@media(prefers-reduced-motion:reduce){.brand .logo-wrap::after{animation:none;opacity:0}.brand .logo-img{animation:none}}.btn-gold{box-shadow:0 8px 22px rgba(212,175,55,.35),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -2px 4px rgba(120,88,10,.30),inset 0 0 0 1px rgba(255,255,255,.18)}.btn-navy{box-shadow:0 8px 22px rgba(27,42,94,.30),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.10)}.btn-line,.btn-line-light{backdrop-filter:blur(8px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.10)}.btn:active{transform:none;transition-duration:.09s}.btn-gold:active{box-shadow:0 3px 10px rgba(212,175,55,.30),inset 0 2px 6px rgba(120,88,10,.42),inset 0 1px 0 rgba(255,255,255,.40)}.btn-navy:active{box-shadow:0 3px 10px rgba(27,42,94,.28),inset 0 2px 6px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18)}.lang-toggle,.pk-nav,.pcard-cta{position:relative;overflow:hidden;backdrop-filter:blur(6px) saturate(1.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.12);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .35s var(--ease),background .3s var(--ease)}.lang-toggle:hover,.pk-nav:hover,.pcard-cta:hover{transform:translateY(-2px) scale(1.04)}.lang-toggle:active,.pk-nav:active,.pcard-cta:active{transform:scale(.94);transition-duration:.08s}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){.btn,.lang-toggle,.pk-nav,.pcard-cta{transition:none}}.btn-gold{box-shadow:0 10px 26px rgba(212,175,55,.34),0 2px 6px rgba(120,88,10,.22),inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(120,88,10,.34),inset 2px 0 4px -2px rgba(255,255,255,.45),inset -2px 0 4px -2px rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.22)}.btn-navy{box-shadow:0 10px 26px rgba(27,42,94,.32),0 2px 6px rgba(0,0,0,.20),inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -3px 6px rgba(0,0,0,.36),inset 2px 0 4px -2px rgba(255,255,255,.18),inset -2px 0 4px -2px rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.12)}.btn-navy:hover{box-shadow:0 18px 40px rgba(27,42,94,.44),0 0 0 5px rgba(27,42,94,.11),inset 0 2px 0 rgba(255,255,255,.52),inset 0 -3px 7px rgba(0,0,0,.40),inset 2px 0 5px -2px rgba(255,255,255,.26),inset -2px 0 5px -2px rgba(255,255,255,.26)}.btn:active{transform:none;transition-duration:.11s}.btn-gold:active{box-shadow:0 2px 8px rgba(212,175,55,.26),inset 0 3px 9px rgba(120,88,10,.5),inset 0 1px 0 rgba(255,255,255,.34)}.btn-navy:active{box-shadow:0 2px 8px rgba(27,42,94,.24),inset 0 3px 9px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18)}.btn{position:relative;overflow:hidden;isolation:isolate}.btn>*{position:relative;z-index:3}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}}.hero-ctas .btn,.btn-gold.qb-btn{transition:box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),filter .25s var(--ease);will-change:transform}@media(prefers-reduced-motion:reduce){.hero-ctas .btn,.btn-gold.qb-btn{will-change:auto}}.hero-ctas .btn,.btn-gold.qb-btn{transition:box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);will-change:transform}[data-theme="dark"] .pk-shot{background:#161D33}[data-theme="dark"] .cmp{box-shadow:0 18px 44px rgba(0,0,0,.5)}[data-theme="dark"] .cmp-knob{background:var(--gold);color:#0C1533}[data-theme="dark"] .cmp-tag{background:rgba(6,11,28,.8);color:var(--gold-lux)}[data-theme="dark"] .cert-targets{border-color:rgba(247,245,240,.16)}[data-theme="dark"] .cert-targets p{color:var(--text-muted-1)}[data-theme="dark"] .cert-target-row span{background:rgba(247,245,240,.06);color:var(--text-muted-2);border-color:rgba(247,245,240,.16)}[data-theme="dark"] .pcard-cta{border-color:rgba(247,245,240,.18);color:var(--text-muted-1)}[data-theme="dark"] .pcard-cta:hover{border-color:var(--gold);color:var(--gold-lux);background:rgba(212,175,55,.10)}[data-theme="dark"] .pk-nav:hover{color:#0C1533}[data-theme="dark"] .fields-content p{color:#DCE2F5}[data-theme="dark"] .ticker-track i.tk-mark img{box-shadow:0 0 0 1.5px rgba(12,21,51,.4)}[data-theme="dark"] .pk-view{background:rgba(247,245,240,.05)}.f-grid>div:first-child{text-align:center}.f-grid>div:first-child .brand{justify-content:center}.f-grid>div:first-child .socials{justify-content:center}.f-grid>div:first-child p{margin-left:auto;margin-right:auto;max-width:34ch}@media(min-width:900px){.f-grid>div:first-child{text-align:start}.f-grid>div:first-child .brand,.f-grid>div:first-child .socials{justify-content:flex-start}.f-grid>div:first-child p{margin-inline:0}}header.nav{will-change:background-color,box-shadow;transition:background-color .3s var(--ease),box-shadow .3s var(--ease)}header.nav.shrink{background:rgba(27,42,94,.99);box-shadow:0 4px 26px rgba(12,21,51,.45)}.nav .container{min-height:74px}@media(max-width:640px){.nav .container{min-height:64px}}:target,section[id],h2[id],h3[id]{scroll-margin-top:96px}@media(max-width:640px){:target,section[id],h2[id],h3[id]{scroll-margin-top:84px}}.reveal{will-change:opacity,transform}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.arch-card-title{color:var(--gold);font-size:1.3rem;font-weight:800;margin:14px 0 4px;letter-spacing:.04em}.spec-matrix,.mill-table{max-width:100%}.spec-matrix-wrap,.mill-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:640px){.spec-matrix,.mill-table{min-width:520px}}img,video,svg,table,pre{max-width:100%}@media(pointer:coarse){button,.btn,.lang-toggle,.pk-nav,.pk-dot,.pcard-cta,.map-links a{min-height:44px}.pk-dot{min-height:22px;min-width:22px}}.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible,.care-form input:focus-visible,.care-form select:focus-visible,.care-form textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tool-foot{padding:26px 20px;text-align:center;border-top:1px solid var(--line);font-size:.82rem;color:var(--text-muted-1)}.tool-foot nav{display:flex;gap:18px;justify-content:center;margin-top:10px}.tool-foot a{color:var(--gold-dark);text-decoration:none}.tool-foot a:hover{text-decoration:underline}.nap-address{display:inline;font-style:normal;line-height:1.55}footer li:has(.nap-address){align-items:flex-start;line-height:1.55}.ccard .nap-address{display:block;margin-top:4px}@media(max-width:640px){.nap-address{display:block;margin-top:2px}}.map-box{position:relative;margin-top:40px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:16/7;background:var(--sand);display:block;padding:0;min-height:0}.map-box iframe{width:100%;height:100%;display:block;border:0}.map-facade{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:linear-gradient(150deg,var(--navy-ink),var(--navy));transition:filter .25s var(--ease)}.map-facade:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.map-facade-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px 20px;max-width:44ch}.map-facade .map-pin{font-size:1.9rem;line-height:1}.map-facade strong{color:#F7F5F0;font-size:.94rem;letter-spacing:.04em}.map-facade-addr{color:#AEB7DA;font-size:.82rem;line-height:1.5}.map-links{position:absolute;bottom:14px;inset-inline-start:14px;display:flex;gap:10px;flex-wrap:wrap;z-index:4}.map-links a{background:var(--navy);color:var(--gold);font-weight:800;font-size:.76rem;padding:9px 16px;border-radius:var(--radius-pill);text-decoration:none;border:1px solid var(--gold);box-shadow:0 6px 18px rgba(0,0,0,.3);transition:.2s}.map-links a:hover{background:var(--gold);color:#0C1533}.map-links a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:640px){.map-box{aspect-ratio:4/5}.map-links{position:static;padding:12px 14px;justify-content:center;background:var(--navy-ink);border-top:1px solid var(--line)}.map-box{aspect-ratio:auto}.map-facade{position:relative;min-height:300px}}@media(prefers-reduced-motion:reduce){.map-facade{transition:none}}.map-facade--retry{cursor:pointer}.map-facade--busy{cursor:progress}.map-facade-note{margin-top:8px;font-size:.72rem;color:#8E9AC7;max-width:34ch;line-height:1.5}.map-box{position:relative;isolation:isolate}.map-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}[data-theme="dark"] .ccard b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .ccard a,[data-theme="dark"] .ccard span,[data-theme="dark"] .ccard address{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .ccard a:hover{color:var(--gold)}[data-theme="dark"] .ccard .ic{background:rgba(212,175,55,.14);color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .qcard b,[data-theme="dark"] .fcard b,[data-theme="dark"] .scard b,[data-theme="dark"] .vcard b{color:var(--gold-lux,#F4D06F)}.map-logo{width:56px;height:56px;border-radius:50%;display:block;border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.16)}[data-theme="dark"] .btn-gold{background:linear-gradient(180deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.62) 15%,rgba(255,255,255,.62) 19%,rgba(255,255,255,.06) 24%,rgba(255,255,255,0) 46%,rgba(0,0,0,.05) 74%,rgba(0,0,0,.12) 100%),var(--grad-gold);color:var(--navy-ink)}#toTop{width:52px;height:52px;font-size:1.15rem;line-height:1}#toTop:focus-visible{outline:3px solid var(--gold);outline-offset:3px;opacity:1;pointer-events:auto}[data-theme="dark"] #toTop{background:var(--gold);color:var(--navy-ink);border-color:rgba(12,21,51,.25)}[data-theme="dark"] #toTop:hover{background:var(--gold-lux,#F4D06F)}@media(max-width:640px){#toTop{bottom:max(18px,env(safe-area-inset-bottom));inset-inline-end:18px;width:46px;height:46px}}@media(prefers-reduced-motion:reduce){#toTop{transition:none}}/* SAFIA form contrast */:root,[data-theme="light"]{color-scheme:light}[data-theme="dark"]{color-scheme:dark}[data-theme="dark"] .form label,[data-theme="dark"] .care-form label,[data-theme="dark"] .calc-body label,[data-theme="dark"] .qb-label,[data-theme="dark"] .gd-label,[data-theme="dark"] label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .form label .req,[data-theme="dark"] .care-form label .req{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .amz-quotebox select,[data-theme="dark"] .finder-q input,[data-theme="dark"] .finder-q select,[data-theme="dark"] .gd-input,[data-theme="dark"] .qb-input,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:var(--ivory);color:var(--ink);border-color:var(--line)}[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{background:var(--paper);color:var(--ink);border-color:var(--gold)}[data-theme="dark"] option,[data-theme="dark"] optgroup{background:var(--paper,#152147);color:var(--ink,#E9EDFB)}option:checked,option:hover{background:var(--gold);color:#0C1533}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--ink)!important;-webkit-box-shadow:0 0 0 1000px var(--ivory) inset!important;box-shadow:0 0 0 1000px var(--ivory) inset!important;caret-color:var(--ink);border-color:var(--line);transition:background-color 100000s ease-in-out 0s}[data-theme="dark"] input:-webkit-autofill,[data-theme="dark"] input:-webkit-autofill:hover,[data-theme="dark"] input:-webkit-autofill:focus,[data-theme="dark"] textarea:-webkit-autofill,[data-theme="dark"] select:-webkit-autofill{-webkit-text-fill-color:var(--ink)!important;-webkit-box-shadow:0 0 0 1000px var(--ivory) inset!important;box-shadow:0 0 0 1000px var(--ivory) inset!important}input:autofill{background:var(--ivory);color:var(--ink)}[data-theme="dark"] input::selection,[data-theme="dark"] textarea::selection{background:var(--gold);color:#0C1533}[data-theme="dark"] input,[data-theme="dark"] textarea{caret-color:var(--gold)}[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.6)}[data-theme="dark"] input[type="search"]::-webkit-search-cancel-button{filter:invert(1) brightness(1.6)}[data-theme="dark"] input:disabled,[data-theme="dark"] select:disabled,[data-theme="dark"] textarea:disabled{background:var(--sand);color:var(--text-muted-1,#A7B1D6);opacity:1}.form input,.form select,.form textarea,.care-form input,.care-form select,.care-form textarea,.calc-body select,.amz-quotebox select{border-color:var(--text-muted-2,#6E7796)}[data-theme="dark"] .form input,[data-theme="dark"] .form select,[data-theme="dark"] .form textarea,[data-theme="dark"] .care-form input,[data-theme="dark"] .care-form select,[data-theme="dark"] .care-form textarea,[data-theme="dark"] .calc-body select,[data-theme="dark"] .amz-quotebox select,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{border-color:var(--text-muted-2,#95A0C8)}::placeholder{color:#5A6382;opacity:1}::-webkit-input-placeholder{color:#5A6382;opacity:1}[data-theme="dark"] ::placeholder{color:#95A0C8;opacity:1}[data-theme="dark"] ::-webkit-input-placeholder{color:#95A0C8;opacity:1}/* SAFIA dark text contrast */[data-theme="dark"] :is(h1,h2,h3,h4,.amz-h3,.ch-title,.chat-title,.gd-card h3,.gd-step h2,.care-form h2,.review-text h2,.pgroup-title,.gc-name,.qb-name){color:var(--ink,#E9EDFB)}[data-theme="dark"] :is(.amz-rel-card b,.apoint b,.audience-card b,.calc-head b,.cap-item b,.cc b,.ccard b,.cert b,.eng-head b,.fc-card b,.flag-card b,.gb-item b,.gc-card b,.hd-card b,.hs-item b,.ht-item b,.imp-card b,.imp-link b,.ins-body b,.num-card b,.pack b,.pcard b,.pk-cap b,.qj b,.step b,.sv b,.tl-card b,.trust b,.ts b,.why b,.why6 b,.spec-matrix .flag-row td:first-child b){color:var(--gold-lux,#F4D06F)}[data-theme="dark"] :is(.calc-body label,.care-form label,.form label,.qb-label,.gd-label){color:var(--text-soft,#C3CBE8)}[data-theme="dark"] :is(.care-direct>span,.gitem figcaption,.st-text,.review-qr span,.mill-table td:first-child,.mill-table .y){color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .faq summary{color:var(--ink,#E9EDFB)}[data-theme="dark"] .amz-crumb a{color:var(--text-muted-1,#A7B1D6)}[data-theme="dark"] .amz-crumb a:hover{color:var(--gold)}[data-theme="dark"] .ctab{color:var(--text-muted-1,#A7B1D6)}[data-theme="dark"] .ctab.active{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .btn-ghost-navy{color:var(--ink,#E9EDFB);border-color:var(--text-muted-2,#95A0C8)}[data-theme="dark"] .btn-ghost-navy:hover{background:var(--gold);color:#0C1533;border-color:var(--gold)}[data-theme="dark"] .ticker-track span,[data-theme="dark"] .ticker-track i{color:var(--navy-ink,#14161C)}[data-theme="dark"] .card b,[data-theme="dark"] .panel b,[data-theme="dark"] .section b{color:var(--gold-lux,#F4D06F)}@supports not (selector(:is(a))){[data-theme="dark"] h1{color:var(--ink,#E9EDFB)}[data-theme="dark"] h2{color:var(--ink,#E9EDFB)}[data-theme="dark"] h3{color:var(--ink,#E9EDFB)}[data-theme="dark"] h4{color:var(--ink,#E9EDFB)}[data-theme="dark"] .amz-h3{color:var(--ink,#E9EDFB)}[data-theme="dark"] .ch-title{color:var(--ink,#E9EDFB)}[data-theme="dark"] .chat-title{color:var(--ink,#E9EDFB)}[data-theme="dark"] .gd-card h3{color:var(--ink,#E9EDFB)}[data-theme="dark"] .gd-step h2{color:var(--ink,#E9EDFB)}[data-theme="dark"] .care-form h2{color:var(--ink,#E9EDFB)}[data-theme="dark"] .review-text h2{color:var(--ink,#E9EDFB)}[data-theme="dark"] .pgroup-title{color:var(--ink,#E9EDFB)}[data-theme="dark"] .gc-name{color:var(--ink,#E9EDFB)}[data-theme="dark"] .qb-name{color:var(--ink,#E9EDFB)}[data-theme="dark"] .amz-rel-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .apoint b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .audience-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .calc-head b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .cap-item b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .cc b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .ccard b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .cert b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .eng-head b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .fc-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .flag-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .gb-item b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .gc-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .hd-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .hs-item b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .ht-item b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .imp-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .imp-link b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .ins-body b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .num-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .pack b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .pcard b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .pk-cap b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .qj b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .step b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .sv b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .tl-card b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .trust b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .ts b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .why b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .why6 b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .spec-matrix .flag-row td:first-child b{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .calc-body label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .care-form label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .form label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .qb-label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .gd-label{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .care-direct>span{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .gitem figcaption{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .st-text{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .review-qr span{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .mill-table td:first-child{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .mill-table .y{color:var(--text-soft,#C3CBE8)}}[data-theme="dark"] .chat-panel a{color:var(--ink,#E9EDFB);border-color:var(--text-muted-2,#95A0C8)}[data-theme="dark"] .chat-panel a:hover{color:var(--gold);border-color:var(--gold)}[data-theme="dark"] .map-osm-link{background:rgba(255,255,255,.95);color:var(--navy,#1B2A5E)}/* dark text contrast pass */[data-theme="dark"]{--green:#6FC493}[data-theme="dark"] .care-tab,[data-theme="dark"] .gd-ans,[data-theme="dark"] .gd-sym{color:var(--text-soft,#C3CBE8)}[data-theme="dark"] .care-tab.active{color:#0C1533}[data-theme="dark"] .nc-tags span{color:var(--ink,#E9EDFB)}[data-theme="dark"] .qb-price{color:#0C1533}[data-theme="dark"] .hd-rice{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .f-bottom{color:#A7B1D6}[data-theme="dark"] .qj .qn{color:rgba(244,208,111,.62)}/* dark surfaces for hardcoded white boxes */[data-theme="dark"] .gb-item,[data-theme="dark"] .cap-item,[data-theme="dark"] .fc-card,[data-theme="dark"] .hs-item,[data-theme="dark"] .imp-card,[data-theme="dark"] .imp-link,[data-theme="dark"] .care-form,[data-theme="dark"] .gd-shell,[data-theme="dark"] .gd-steps,[data-theme="dark"] .gd-timeline,[data-theme="dark"] .mill-table-wrap{background:var(--paper);border-color:var(--line)}[data-theme="dark"] .audience-section{background:var(--ivory)}[data-theme="dark"] .form input:focus,[data-theme="dark"] .form select:focus,[data-theme="dark"] .form textarea:focus,[data-theme="dark"] .gd-sym:hover,[data-theme="dark"] .gd-ans:hover,[data-theme="dark"] .map-osm-link:hover{background:var(--paper);color:var(--ink)}


.safia-gold-cta{--sgc-gold:#D4AF37;--sgc-ink:#002366;--sgc-light:#F7E7A9;--sgc-deep:#8A6817;
--sgc-speed:.4s;position:relative;overflow:hidden;isolation:isolate;color:var(--sgc-ink);
border-radius:24px;border:solid 1px rgba(247,231,169,.55);cursor:pointer;
background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,
rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),
linear-gradient(135deg,var(--sgc-light),var(--sgc-gold) 48%,var(--sgc-deep));
box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),
inset 0 4px 4px rgba(255,255,255,.14),inset 0 -3px 6px rgba(90,66,10,.40),
inset 0 0 0 1px rgba(255,255,255,.22),0 10px 26px rgba(212,175,55,.34),
0 2px 6px rgba(90,66,10,.24);
transition:box-shadow var(--sgc-speed),transform var(--sgc-speed)}

.safia-gold-cta>*{position:relative;z-index:3}.safia-gold-cta{isolation:isolate}
.safia-gold-cta:focus-visible{outline:3px solid var(--sgc-light);outline-offset:3px}
.safia-gold-cta:disabled,.safia-gold-cta[aria-disabled="true"]{opacity:.55;cursor:not-allowed;
transform:none;animation:none}
@media(prefers-reduced-motion:reduce){}.ccard a,.ccard span{word-break:normal;overflow-wrap:anywhere}/* shared button finish */.btn{border-radius:24px;position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 1px rgba(255,255,255,.42),inset 0 2px 2px rgba(255,255,255,.20),inset 0 4px 4px rgba(255,255,255,.10),inset 0 -3px 6px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.16);transition:box-shadow .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease)}.btn>*{position:relative;z-index:3}.btn:active{transform:none;transition-duration:.09s;box-shadow:inset 0 3px 9px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.28),0 2px 8px rgba(0,0,0,.20)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;animation:none}.btn-gold{box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),inset 0 4px 4px rgba(255,255,255,.14),inset 0 -3px 6px rgba(90,66,10,.40),inset 0 0 0 1px rgba(255,255,255,.22),0 10px 26px rgba(212,175,55,.34),0 2px 6px rgba(90,66,10,.24)}@media(prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active{animation:none;transition:none;transform:none}}.safia-gold-cta__icon{width:20px;height:20px;flex:none;fill:var(--sgc-ink,#002366);position:relative;z-index:3}.safia-gold-cta>*,.safia-gold-cta__icon{position:relative;z-index:3}[data-theme="dark"] .safia-gold-cta,[data-theme="dark"] .btn.safia-gold-cta{--sgc-gold:#D4AF37;--sgc-ink:#002366;--sgc-light:#F7E7A9;--sgc-deep:#8A6817}.btn{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease),transform .25s var(--ease)}.btn>*{position:relative;z-index:3}@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}@keyframes liquidSheen{from{transform:translateX(-190%) skewX(-15deg)}to{transform:translateX(330%) skewX(-15deg)}}.safia-animated-cta.safia-animated-cta{transition:box-shadow .32s cubic-bezier(.16,1,.3,1);filter:none;backdrop-filter:none;text-shadow:none}.safia-animated-cta.safia-animated-cta:hover{box-shadow:0 3px 8px rgba(0,0,0,.16),inset 2px 2px 5px rgba(0,0,0,.22),inset -2px -2px 5px rgba(255,255,255,.30)}.safia-animated-cta.safia-animated-cta:active{box-shadow:0 1px 3px rgba(0,0,0,.18),inset 3px 3px 7px rgba(0,0,0,.30),inset -3px -3px 7px rgba(255,255,255,.22)}.safia-animated-cta.safia-animated-cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.safia-animated-cta.safia-animated-cta:hover,.safia-animated-cta.safia-animated-cta:active{background-image:inherit;color:inherit;border-color:inherit;transform:none}@media(prefers-reduced-motion:reduce){}.map-facade-cta{display:inline-block;margin-top:6px;padding:11px 22px;border-radius:24px;border:solid 1px rgba(247,231,169,.55);cursor:pointer;font-size:.74rem;font-weight:800;letter-spacing:.06em;line-height:1.4;text-align:center;max-width:26ch;text-decoration:none;color:#002366;background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),inset 0 4px 4px rgba(255,255,255,.14),inset 0 -3px 6px rgba(90,66,10,.40),inset 0 0 0 1px rgba(255,255,255,.22),0 10px 26px rgba(212,175,55,.34),0 2px 6px rgba(90,66,10,.24);transition:box-shadow .32s cubic-bezier(.16,1,.3,1);filter:none;text-shadow:none;position:relative;isolation:isolate}.map-facade:hover .map-facade-cta{box-shadow:0 3px 8px rgba(0,0,0,.16),inset 2px 2px 5px rgba(0,0,0,.22),inset -2px -2px 5px rgba(255,255,255,.30)}.map-facade:active .map-facade-cta{box-shadow:0 1px 3px rgba(0,0,0,.18),inset 3px 3px 7px rgba(0,0,0,.30),inset -3px -3px 7px rgba(255,255,255,.22)}.map-facade-cta:focus-visible{outline:3px solid #F7E7A9;outline-offset:3px}.map-facade--busy .map-facade-cta{opacity:.75}@media(prefers-reduced-motion:reduce){.map-facade-cta{transition:box-shadow .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),color .32s cubic-bezier(.16,1,.3,1)}}.rfq-status{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.85rem;line-height:1.5;font-weight:600}.rfq-status.show{display:block}.rfq-status.bad{background:rgba(178,34,52,.10);color:#8C1D2C;border:1px solid rgba(178,34,52,.35)}.rfq-status.good{background:rgba(46,125,79,.10);color:#1E6B40;border:1px solid rgba(46,125,79,.35)}.rfq-status ul{margin:6px 0 0;padding-left:18px}[data-theme="dark"] .rfq-status.bad{background:rgba(178,34,52,.18);color:#FFC9CF;border-color:rgba(255,120,140,.42)}[data-theme="dark"] .rfq-status.good{background:rgba(46,125,79,.20);color:#9FE3BC;border-color:rgba(111,196,147,.45)}.field-bad{border-color:#B22234!important;box-shadow:0 0 0 3px rgba(178,34,52,.18)!important}@media(prefers-reduced-motion:reduce){.ticker-track i.tk-mark img{animation:none}#safiaCursorLogo.active img{animation:none}}.navdrop:focus-within .navdrop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.fs-item b{display:block;font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--gold-dark,#8A6817)}.cmp-tag{position:absolute;top:16px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.66rem;letter-spacing:.2em;padding:6px 12px;border-radius:999px;background:rgba(12,21,51,.72);color:var(--gold-dark,#8A6817);backdrop-filter:blur(6px);pointer-events:none}.spec-box b,.spec-row b,.amz-spec b{color:var(--navy)}[data-theme="dark"] .fs-item b,[data-theme="dark"] .cmp-tag{color:var(--gold-lux,#F4D06F)}[data-theme="dark"] .spec-box b,[data-theme="dark"] .spec-row b,[data-theme="dark"] .amz-spec b{color:var(--gold-lux,#F4D06F)}.ai-promo .safia-gold-cta:hover,.ai-promo .safia-gold-cta:focus-visible{background:transparent;color:#fff;border:1px solid rgba(247,231,169,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.ai-promo .safia-gold-cta:hover .safia-gold-cta__icon,.ai-promo .safia-gold-cta:focus-visible .safia-gold-cta__icon{fill:#fff}#rfqForm .btn-navy:hover{background:rgba(255,255,255,.92);color:var(--navy);border:1px solid rgba(27,42,94,.28)}[data-theme="dark"] #rfqForm .btn-navy:hover{background:rgba(255,255,255,.94);color:var(--navy)}.map-facade:hover .map-facade-cta{background:transparent;color:#fff;border:1px solid rgba(247,231,169,.75)}.map-facade:hover .map-facade-cta{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.flag-img{display:block;width:38px;height:auto;aspect-ratio:4/3;border-radius:3px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.14)}.cc .flag-img,.fl .flag-img{margin:0 auto 8px}.flag-card .flag-img{width:44px}@media(max-width:640px){.flag-img{width:32px}}.safia-animated-cta{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow .32s cubic-bezier(.16,1,.3,1),background .32s cubic-bezier(.16,1,.3,1),color .32s cubic-bezier(.16,1,.3,1)}.safia-animated-cta>*{position:relative;z-index:2}.safia-animated-cta::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-140%;width:120%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.42) 48%,rgba(255,255,255,.62) 52%,transparent 100%);transform:skewX(-18deg);opacity:0;transition:opacity .2s}.safia-animated-cta:hover::after,.safia-animated-cta:focus-visible::after{opacity:1;animation:safiaSweep .78s cubic-bezier(.16,1,.3,1)}@keyframes safiaSweep{from{left:-140%}to{left:120%}}.btn-navy.safia-animated-cta::after{background:linear-gradient(100deg,transparent 0%,rgba(244,208,111,.30) 48%,rgba(244,208,111,.46) 52%,transparent 100%)}.safia-animated-cta:active{transition-duration:.09s}@media(prefers-reduced-motion:reduce){.safia-animated-cta::after{display:none}.safia-animated-cta{transition:box-shadow .01s linear}}.ccpick-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:1.5px solid var(--text-muted-2,#6E7796);border-radius:var(--radius-sm,10px);background:var(--ivory,#FAF9F6);color:var(--ink,#14161C);font-family:var(--font);font-size:.92rem;line-height:1.35;cursor:pointer;text-align:left}.ccpick-btn:hover{border-color:var(--gold)}.ccpick-btn[aria-expanded="true"]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.25);background:#fff}.ccpick-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.ccpick-flag{width:24px;height:auto;aspect-ratio:4/3;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.14)}.ccpick-lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpick-caret{opacity:.55;font-size:.8em}.ccpick-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:min(310px,80vw);background:var(--paper,#fff);border:1px solid var(--line,rgba(27,42,94,.22));border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden}.ccpick-search{width:100%;box-sizing:border-box;padding:12px 14px;border:0;border-bottom:1px solid var(--line,rgba(27,42,94,.14));font:inherit;background:transparent;color:inherit}.ccpick-search:focus{outline:0}.ccpick-list{list-style:none;margin:0;padding:5px;max-height:270px;overflow:auto}.ccpick-list li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.92rem}.ccpick-list li:hover,.ccpick-list li[aria-selected="true"]{background:rgba(212,175,55,.16)}.ccpick-list li img{width:22px;height:auto;aspect-ratio:4/3;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.14);flex:0 0 auto}.ccpick-list li b{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccpick-list li span{opacity:.65;font-variant-numeric:tabular-nums}.ccpick-list .ccpick-none{justify-content:center;opacity:.6;cursor:default}[data-theme="dark"] .ccpick-btn,[data-theme="dark"] .ccpick-pop{background:#141F42;color:#E9EDFB;border-color:rgba(255,255,255,.16)}[data-theme="dark"] .ccpick-search{color:#E9EDFB}
/* RFQ buttons: .btn-line is a dark-section style (color:#fff). Inside #rfqForm it
   sits on a white card, so the labels rendered white-on-white (contrast 1.0) while
   the colour emoji still showed. Scoped to #rfqForm only — the navy .dl-strip
   Download Center buttons and the .hero Request Catalogue button keep white text. */
#rfqForm .btn-line{color:var(--ink);border-color:var(--line)}
#rfqForm .btn-line:hover,#rfqForm .btn-line:focus-visible{color:var(--ink);border-color:var(--gold)}

/* ══ RFQ: three actions on one row — navy · gold · white ══ */
#rfqForm .rfq-actions{display:flex;gap:10px;margin-top:20px;align-items:stretch}
#rfqForm .rfq-actions>.btn{flex:1 1 0;min-width:0;justify-content:center;padding:14px 8px;font-size:.6rem;letter-spacing:.04em;white-space:nowrap;gap:6px}
#rfqForm .rfq-actions>.btn:first-child{flex:1.9 1 0}
@media(max-width:900px){#rfqForm .rfq-actions{flex-wrap:wrap}#rfqForm .rfq-actions>.btn,#rfqForm .rfq-actions>.btn:first-child{flex:1 1 100%;font-size:.72rem;padding:15px 20px}}

/* ══ brand name uses the logo's own gold (sampled from logo-circle.png) ══ */
.brand-name{color:#E8CB8B;background:linear-gradient(180deg,#F3DFAA 0%,#E8CB8B 40%,#C1A573 74%,#A4855A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ══ logo + brand name never move while the page scrolls ══ */
/* body>:not(.wm){position:relative} is (0,1,1) and outranks a bare .topbar,
   so the selector is doubled to (0,2,0) — this is why sticky was being ignored. */
@media(min-width:700px){.topbar.topbar{position:sticky;top:0;z-index:61}header.nav{top:41px}}

/* ══ real icons instead of emoji ══ */
.ccard .ic svg{width:22px;height:22px;display:block}
.flag-card .fl{display:flex;align-items:center;color:var(--gold)}
.flag-card .fl svg{width:40px;height:40px;display:block}

/* ══ Rice Selection Advisor CTA back in proportion ══ */
.ai-promo .btn{padding:12px 22px;font-size:.7rem;letter-spacing:.07em}

/* ══ map: the box no longer reacts — only the button does ══ */
.map-facade:hover{filter:none}
.map-facade:hover .map-facade-cta:not(:hover):not(.magnetic-on){color:#002366;border:solid 1px rgba(247,231,169,.55);background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),inset 0 4px 4px rgba(255,255,255,.14),inset 0 -3px 6px rgba(90,66,10,.40),inset 0 0 0 1px rgba(255,255,255,.22),0 10px 26px rgba(212,175,55,.34),0 2px 6px rgba(90,66,10,.24)}
.map-facade .map-facade-cta.magnetic-on{background:transparent;color:#fff;border:1px solid rgba(247,231,169,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}

/* body>:not(.wm){position:relative} (0,1,1) was also overriding these two, so the
   skip link sat in the flow taking ~43px above the top bar instead of hiding at
   top:-60px, and the progress bar lost its fixed pin. That dead space is what made
   the logo and brand name shift while scrolling. Position only — nothing else. */
.skip-link.skip-link{position:absolute}
.progress.progress{position:fixed}

/* .care-pane.active references animation:fadeUp but no such keyframes existed,
   so the panel never animated. Definition matches the fadeup used inline on
   ai-rice-advisor.html so both behave identically. */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* The footer markup uses <h3> but only "footer h4" was ever styled, so those
   headings fell back to the global navy on the near-black footer (1.33:1).
   Same declarations as footer h4 — restores the intended look, no redesign. */
footer h3{color:#fff;font-size:1rem;margin-bottom:16px;letter-spacing:.04em}

/* Top bar icons: real marks in place of the emoji, inheriting the bar's own
   colour so the existing gold hover still applies. Size only — no restyling. */
.tb-ic{width:14px;height:14px;vertical-align:-2px;margin-right:6px;flex:none}

/* --navy is a brand surface colour and is deliberately NOT re-declared for dark
   mode, so inline "color:var(--navy)" stayed dark navy on dark backgrounds.
   This token carries the identical light value and flips only in dark mode. */
:root,[data-theme="light"]{--navy-text:#1B2A5E}
[data-theme="dark"]{--navy-text:#E9EDFB}

/* .tl-card hardcodes a white background, so in dark mode it stayed white while
   its text flipped to light ink (1.17:1). --paper is #FFFFFF in light mode, so
   the light appearance is byte-identical; only dark mode changes. */


/* Theme button glyph swapped from emoji to SVG. Size only — the button's own
   background, border, padding and radius are untouched. */
#themeBtn .th-ic{width:16px;height:16px;display:inline-block;vertical-align:-3px}
/* sun and moon icon colours are decoupled from the button's own (theme-based)
   text colour, so each reads correctly regardless of light/dark surface --
   gold sun, blue moon, every time, on every page. */
#themeBtn .th-sun,
#themeBtn .th-moon {
  color: #3B6FD4 !important;
  direction: ltr !important;
  transform: none !important;
  transform-origin: center !important;
}
#themeBtn .th-sun,
#themeBtn .th-sun * {
  stroke: #3B6FD4 !important;
  fill: none !important;
}
#themeBtn .th-moon,
#themeBtn .th-moon * {
  fill: #3B6FD4 !important;
  stroke: none !important;
}
#themeBtn .th-moon {
  display: none;
}
[data-theme="dark"] #themeBtn .th-sun {
  display: none;
}
[data-theme="dark"] #themeBtn .th-moon {
  display: inline-block;
}
/* ─── theme toggle: ONE authoritative gold surface, both themes ───────────
   Previously this selector was redefined three separate times (plus three
   matching [data-theme="dark"] overrides), each a later "fix" that never
   removed the one before it. Depending on source-order at any given moment
   the button could render gold OR navy in either theme. Consolidated to a
   single rule -- the button is the same gold surface as .safia-gold-cta in
   both light and dark mode; only the sun/moon glyph above changes. */
#themeBtn.lang-toggle{
  color:#002366;
  border:solid 1px rgba(247,231,169,.55);
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),inset 0 -2px 4px rgba(90,66,10,.35),inset 0 0 0 1px rgba(255,255,255,.22),0 4px 12px rgba(212,175,55,.30);
}

/* .safia-animated-cta:hover uses color:inherit, which takes the PARENT's colour.
   On dark surfaces that lands dark-on-dark (measured 1.13:1) once the gradient is
   removed. These restate a readable colour for the failing cases only; the
   transparency animation, size, shape and resting styles are untouched. */
.btn-navy.safia-animated-cta:hover,.btn-navy.safia-animated-cta:active{color:#fff}
/* the rule above assumes a dark/navy surface (hero, dark cards) where inherited
   text is already light. Inside a plain .section (white/light page background —
   forms, secondary CTAs like "View Products"), that same white text lands on the
   translucent navy-glass hover fill at ~1.9:1 contrast. Scope a readable override
   to light-section contexts only, leaving the dark-surface behaviour untouched. */
.section .btn-navy.safia-animated-cta:hover,.section .btn-navy.safia-animated-cta:focus-visible,.section .btn-navy.safia-animated-cta:active{color:var(--navy-ink)}
header.nav .btn.safia-animated-cta:hover,header.nav .btn.safia-animated-cta:active{color:#fff}
/* .btn-line's own :hover already restates readable text (color:var(--gold)),
   but that single-class rule loses to the generic .safia-animated-cta
   color:inherit rule once a .btn-line button (the Download Centre CTAs) also
   carries .safia-animated-cta for the magnetic-hover system. Restate it here,
   following the same pattern as the .btn-navy/header.nav overrides above. */
.btn-line.safia-animated-cta:hover,.btn-line.safia-animated-cta:focus-visible,.btn-line.safia-animated-cta:active{color:var(--gold)}

/* Footer column headings use <h3>, so they never picked up the h2::after accent
   line. Same 72x3 gold-to-jewel gradient and the same offsets as h2::after —
   no new design, just the existing rule extended to the footer headings. */
footer h3{position:relative;padding-bottom:12px}
footer h3::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--jewel) 100%)}

/* --navy-ink was #14161C, a near-black. Replaced with the deep blue sampled from
   the globe in assets/logo-circle.png (dominant #11253D). One token, so the top
   bar, footer and every other user of it follow the logo. Dark theme never
   redefined this token, so both themes pick it up. Contrast re-measured: footer
   text 7.81, top bar 9.99, footer headings 15.49 — all still AAA. */
:root{--navy-ink:#11253D}

/* The top bar used --navy-ink, which is not redefined for dark mode, so the
   WhatsApp link, the email link and the theme toggle looked identical in both
   themes and the bar nearly merged into the dark page (1.15:1). In dark mode it
   now sits on #21354D — a lighter blue sampled from the same logo — so the bar
   reads as its own surface. Light mode is untouched. */
[data-theme="dark"] .topbar{background:#21354D}

/* [data-theme="dark"] .btn-gold forces color:var(--navy-ink), which overrode the
   gold CTA's own --sgc-ink (#002366) and made the label a different blue at night.
   Same specificity, declared later, so the day-mode colour holds in both themes. */
[data-theme="dark"] .safia-gold-cta{color:var(--sgc-ink)}
/* The nav CTA gets its colour from nav.menu a (#DDE3F5) in day mode; the rule above
   would have outranked that at night. This keeps the nav button on its day colour too. */
[data-theme="dark"] nav.menu a.safia-gold-cta{color:#DDE3F5}

/* Icon sizing for the emoji replacements. Colour comes from the surrounding
   text via currentColor, so nothing else about those blocks changes. */
h1 .h1-ic{width:.9em;height:.9em;vertical-align:-.08em;margin-inline-end:.28em;flex:none}
footer li .ft-ic{width:15px;height:15px;vertical-align:-2px;margin-inline-end:7px;flex:none}

/* ─── ownership split ───────────────────────────────────────────────────────
   .safia-animated-cta owns only the sheen sweep (::after). Its generic rules
   were also taking over the surface: background-image:inherit removed the
   gradient on hover, and a grey inset shadow replaced the gold/navy neumorphic
   depth. These give each button family its own surface back on hover, focus and
   active. Same gradients and shadows the resting state already uses — no new
   design, and the sheen animation is untouched. */
/* ── hover glow normalized to the approved reference (Rice Advisor's #askBtn) ──
   This block restores each family's gradient/depth on hover (see the comment
   above), but its box-shadow also added a large outer glow (14px/32px on gold,
   12px/30px on navy) that the reference button's own CSS never had -- a second,
   heavier hover style living alongside the approved one. Removed just that
   oversized outer glow; the inset depth shadows (the actual neumorphism) are
   unchanged. */
.safia-gold-cta.safia-animated-cta:hover,.safia-gold-cta.safia-animated-cta:focus-visible{
  background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
  border-color:rgba(247,231,169,.55);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 2px 2px rgba(255,255,255,.28),inset 0 4px 4px rgba(255,255,255,.14),inset 0 -3px 6px rgba(90,66,10,.40),inset 0 0 0 1px rgba(255,255,255,.22),0 3px 8px rgba(90,66,10,.26);
}
.safia-gold-cta.safia-animated-cta:active{
  background-image:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
  box-shadow:inset 0 2px 3px rgba(90,66,10,.34),inset 0 -1px 2px rgba(255,255,255,.30),inset 0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(212,175,55,.26);
}
.btn-navy.safia-animated-cta:hover,.btn-navy.safia-animated-cta:focus-visible{
  background-image:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.26) 15%,rgba(255,255,255,.26) 19%,rgba(255,255,255,.03) 24%,rgba(255,255,255,0) 46%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.18) 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.20),inset 0 1.5px 0 rgba(255,255,255,.40),inset 0 -3px 6px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.12);
}
.btn-navy.safia-animated-cta:active{
  box-shadow:0 3px 8px rgba(27,42,94,.28),inset 0 2px 4px rgba(0,0,0,.40),inset 0 -1px 2px rgba(255,255,255,.20),inset 0 0 0 1px rgba(255,255,255,.10);
}

/* ── P0a: press depth ownership ───────────────────────────────────────────────
   .safia-animated-cta.safia-animated-cta:active applies a generic grey inset
   shadow at (0,3,0), which outranks each button's own :active depth and flattens
   the gold and navy neumorphism on press. These restate the correct depth per
   variant at the same specificity, declared later. Rest and hover appearance are
   untouched — only the pressed state. */
.btn-gold.safia-animated-cta:active{box-shadow:inset 0 2px 6px rgba(90,66,10,.45),inset 0 1px 0 rgba(255,255,255,.22),0 2px 8px rgba(212,175,55,.26)}
.btn-navy.safia-animated-cta:active{box-shadow:0 3px 8px rgba(27,42,94,.28),inset 0 2px 4px rgba(0,0,0,.40),inset 0 -1px 2px rgba(255,255,255,.20),inset 0 0 0 1px rgba(255,255,255,.10)}
.btn-line.safia-animated-cta:active{box-shadow:inset 0 2px 5px rgba(0,0,0,.16)}

/* Card icon sizing. Colour comes from the slot via currentColor, so each card's
   existing tile background and text colour are unchanged. */
.card-ic{width:22px;height:22px;display:block;margin:auto}

/* Inline nav / link icons. currentColor keeps each link's own colour and hover. */
.nav-ic{width:1em;height:1em;vertical-align:-.13em;margin-inline-end:.42em;flex:none}

/* Footer branch list. Sits under the head-office address as its own item so the
   locked NAP inside <address class="nap-address"> is not altered. */
footer .ft-branches{display:flex;align-items:flex-start;gap:0}
footer .ft-branches .ft-ic{margin-top:3px}
footer .ft-branches>span{display:block;font-size:.78rem;line-height:1.6}
footer .ft-branches b{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:4px}

/* Hub card grid — used by rice.html, rice-guide.html and buyers.html. Built from
   the existing card tokens so the hubs match the rest of the site. */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:26px}
.hub-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1)}
.hub-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(27,42,94,.18)}
.hub-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.hub-media img{width:100%;height:100%;object-fit:cover;display:block}
.hub-body{display:block;padding:18px 20px 20px}
.hub-body b{display:block;font-size:1.02rem;color:var(--navy-text);margin-bottom:7px;line-height:1.35}
.hub-lead{display:block;font-size:.84rem;line-height:1.6;color:var(--muted);margin-bottom:12px}
.hub-cta{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}
[data-theme="dark"] .hub-cta{color:var(--gold-soft)}

/* Top-level nav now carries five dropdowns; keep each label and its caret on one
   line and let the row breathe a little tighter. Sizes only — no restyling. */
header.nav .menu>a,header.nav .navdrop>a{white-space:nowrap}
@media(min-width:901px){
  header.nav .menu{gap:16px}
  header.nav .menu>a,header.nav .navdrop>a{font-size:.9rem}
  header.nav .brand-name{white-space:nowrap}
}
@media(min-width:901px) and (max-width:1180px){
  header.nav .menu{gap:11px}
  header.nav .menu>a,header.nav .navdrop>a{font-size:.82rem}
}
/* keep the wordmark clear of the first menu item */
@media(min-width:901px){header.nav .brand{margin-inline-end:26px;flex:none}header.nav .container{gap:8px}}

/* Pill labels were set in the light accent of their own background: gold text on a
   12% gold wash (1.30:1) and green text on a green wash (1.49:1). Same pills, same
   backgrounds and shapes — only the label colour is darkened so it can be read. */
.chip{color:var(--navy-text)}
[data-theme="dark"] .chip{color:var(--gold-soft)}
/* .flagship keeps its own dark navy-gradient background in BOTH themes (like
   .hero), so the light-theme darkened .chip text above is unreadable there.
   Restore the light gold text specifically inside this always-dark section. */
.flagship .chip{color:var(--gold-soft)}
.buybox-trust span{color:#0B3D22}
[data-theme="dark"] .buybox-trust span{color:#B6E8CB}
/* --green-soft was never defined for the light theme, so .buybox-trust span fell
   back to the solid brand green as its background. Defining it restores the pale
   wash the pill was designed for; the dark theme already sets its own. */
:root,[data-theme="light"]{--green-soft:#E4F2E9}

/* nav separator per theme — the gold rule read the same day and night */
header.nav{border-bottom:1px solid rgba(255,255,255,.30)}
[data-theme="dark"] header.nav{border-bottom-color:#2B3968}

/* ── Mobile menu: own scroll + accordion ──────────────────────────────────────
   The panel is position:fixed with no overflow, so a long list could not be
   reached, and every dropdown was forced open (opacity:1;visibility:visible),
   which made the panel very tall. Desktop hover behaviour is untouched. */
@media(max-width:980px){
  /* header.nav carries backdrop-filter + will-change, which makes it the containing
     block for position:fixed — the panel was being clipped to the header's 130px.
     Dropping those two on mobile only lets the panel anchor to the viewport again. */
  header.nav{backdrop-filter:none;-webkit-backdrop-filter:none;will-change:auto}
  nav.menu{position:fixed;top:0;bottom:0;height:auto;
           justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;
           -webkit-overflow-scrolling:touch;padding-bottom:40px}
  nav.menu .navdrop-menu{display:none;opacity:1;visibility:visible;transform:none;
           margin:6px 0 2px;padding:4px 0 4px 14px;
           border-inline-start:1px solid rgba(212,175,55,.28)}
  nav.menu .navdrop.open>.navdrop-menu{display:block}
  nav.menu .navdrop>a{display:flex;align-items:center;justify-content:space-between;width:100%}
  /* the label already carries a caret in the markup, so no extra indicator here;
     it just rotates when the group is open */
  nav.menu .navdrop>a{transition:color .2s ease}
  nav.menu .navdrop.open>a{color:var(--gold-soft)}
  nav.menu .navdrop-menu a{padding:9px 0;font-size:.92rem}
}
/* page behind the open menu must not scroll */
body.menu-open{overflow:hidden}

/* Clicking a group label now opens its dropdown instead of jumping to the first
   child page (each label's href duplicated its first item, so nothing is lost).
   Hover and focus-within still work on desktop; this adds the clicked state. */
@media(min-width:981px){
  .navdrop.open>.navdrop-menu{opacity:1;visibility:visible;pointer-events:auto;
    transform:translateX(-50%) translateY(0)}
  .navdrop.open>a{color:var(--gold-soft)}
}

/* One owner for the dropdown state. CSS :hover opened a panel without setting
   .open, so a hovered panel and a clicked one could show at the same time.
   Hover is now handled in JS, which sets .open — so only one can ever show. */
@media(min-width:981px){
  .navdrop:hover>.navdrop-menu,
  .navdrop:focus-within>.navdrop-menu{opacity:0;visibility:hidden;pointer-events:none}
  .navdrop.open>.navdrop-menu{opacity:1;visibility:visible;pointer-events:auto;
    transform:translateX(-50%) translateY(0)}
}

/* Buttons must look identical day and night. The dark theme was overriding the
   gold gradient with a brighter sheen, so a gold button read differently in the
   two modes. Colours themselves are unchanged — dark simply reuses the light
   surface, exactly as the light theme defines it. */
[data-theme="dark"] .btn-gold,
[data-theme="dark"] .safia-gold-cta,
[data-theme="dark"] a.btn.btn-gold,
[data-theme="dark"] button.btn.btn-gold{
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),
             linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
}

/* One gold surface everywhere, in both themes. Some gold buttons picked up a
   brighter sheen variant, so the same button could look different from page to
   page and between day and night. The gold itself is unchanged. */
.btn-gold,.safia-gold-cta,
[data-theme="dark"] .btn-gold,[data-theme="dark"] .safia-gold-cta{
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),
             linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
}

/* ── Neumorphism on every button ──────────────────────────────────────────────
   .btn-line was declared background:transparent, so although it carried the
   inset/outer shadows the surface they are meant to sculpt did not exist and the
   button read as flat and see-through. It now gets a real raised surface in both
   themes, using the existing paper/navy tokens, so the neumorphism reads the
   same way the gold and navy buttons do. Text and border colours are unchanged. */
.btn-line,.btn-line-light{
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 34%,rgba(0,0,0,.05) 100%),
             linear-gradient(135deg,#FBF8F1,#EFE9DC 55%,#E4DCCA);
  color:var(--navy-text);
  border:1px solid rgba(27,42,94,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),
             inset 0 -2px 4px rgba(120,105,70,.16),
             inset 0 0 0 1px rgba(255,255,255,.35),
             0 4px 12px rgba(27,42,94,.14);
}
[data-theme="dark"] .btn-line,[data-theme="dark"] .btn-line-light{
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 34%,rgba(0,0,0,.14) 100%),
             linear-gradient(135deg,#2A3A63,#22304F 55%,#1A2540);
  color:#E9EDFB;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),
             inset 0 -2px 4px rgba(0,0,0,.42),
             inset 0 0 0 1px rgba(255,255,255,.07),
             0 4px 12px rgba(0,0,0,.34);
}
/* matching press depth so it behaves like the other neumorphic buttons */
.btn-line.safia-animated-cta:active,.btn-line:active{
  box-shadow:inset 0 2px 6px rgba(120,105,70,.34),inset 0 1px 0 rgba(255,255,255,.30)}
[data-theme="dark"] .btn-line.safia-animated-cta:active,[data-theme="dark"] .btn-line:active{
  box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12)}

/* .chip had no shadow at all, so its pill read flat next to the buttons */
.chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(27,42,94,.10)}
[data-theme="dark"] .chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.30)}

/* ── Neumorphism on the remaining controls ────────────────────────────────────
   A sitewide sweep found more clickable controls sitting flat or with no
   surface at all: a bare .btn with no variant class, the Customer Care tabs,
   Rice Finder options, Grain Doctor symptoms, the country picker, product tabs
   and the gallery arrows. They now share the same raised surface as the other
   buttons. Layout wrappers (.adv-cta, .dl-btns, .imp-cta-btns), product cards
   (.pcard-link) and image thumbnails (.amz-thumb) are deliberately excluded —
   a surface on those would look wrong. Colours and sizes are unchanged. */
.btn:not(.btn-gold):not(.btn-navy):not(.btn-line):not(.btn-line-light),
.care-tab,.finder-opt,.ccpick-btn,.gd-sym,.tab,.amz-arrow{
  background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 34%,rgba(0,0,0,.05) 100%),
             linear-gradient(135deg,#FBF8F1,#EFE9DC 55%,#E4DCCA);
  color:var(--navy-text);
  border:1px solid rgba(27,42,94,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),
             inset 0 -2px 4px rgba(120,105,70,.14),
             0 3px 9px rgba(27,42,94,.12);
}
[data-theme="dark"] .btn:not(.btn-gold):not(.btn-navy):not(.btn-line):not(.btn-line-light),
[data-theme="dark"] .care-tab,[data-theme="dark"] .finder-opt,
[data-theme="dark"] .ccpick-btn,[data-theme="dark"] .gd-sym,
[data-theme="dark"] .tab,[data-theme="dark"] .amz-arrow{
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 34%,rgba(0,0,0,.14) 100%),
             linear-gradient(135deg,#2A3A63,#22304F 55%,#1A2540);
  color:#E9EDFB;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
             inset 0 -2px 4px rgba(0,0,0,.40),
             0 3px 9px rgba(0,0,0,.30);
}
/* the selected state keeps the gold identity, now pressed rather than flat */
.care-tab.active,.finder-opt.on,.tab.active,.ccpick-btn.on,.gd-sym.on{
  box-shadow:inset 0 2px 6px rgba(120,105,70,.30),inset 0 1px 0 rgba(255,255,255,.35);
  border-color:rgba(212,175,55,.55)}
[data-theme="dark"] .care-tab.active,[data-theme="dark"] .finder-opt.on,
[data-theme="dark"] .tab.active,[data-theme="dark"] .ccpick-btn.on,[data-theme="dark"] .gd-sym.on{
  box-shadow:inset 0 2px 6px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.10);
  border-color:rgba(212,175,55,.45)}
/* press depth, matching the main buttons */
.care-tab:active,.finder-opt:active,.ccpick-btn:active,.gd-sym:active,.tab:active,.amz-arrow:active{
  box-shadow:inset 0 2px 6px rgba(120,105,70,.34),inset 0 1px 0 rgba(255,255,255,.28)}
/* the cookie bar's Accept button carries no class, so it was missed by every
   button rule and sat flat on the bar */
.cookie-bar button{
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),
             linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
  border:1px solid rgba(247,231,169,.55);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 4px rgba(90,66,10,.30),
             0 4px 12px rgba(212,175,55,.26)}
.cookie-bar button:active{
  box-shadow:inset 0 2px 6px rgba(90,66,10,.45),inset 0 1px 0 rgba(255,255,255,.22)}
/* .chip: the earlier shadow rule was outranked by a later flat declaration */
span.chip,.chiplist .chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(27,42,94,.10)}
[data-theme="dark"] span.chip,[data-theme="dark"] .chiplist .chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.30)}
/* the Rice Selection Advisor has its own scoped chip styles, so the sitewide
   chip shadow never reached them */
.chips .chip,.adv-section .chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(27,42,94,.10)}
[data-theme="dark"] .chips .chip,[data-theme="dark"] .adv-section .chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 6px rgba(0,0,0,.30)}
.chips .chip:active,.adv-section .chip:active{
  box-shadow:inset 0 2px 5px rgba(120,105,70,.28)}

/* ── Trade Account reachable on mobile ────────────────────────────────────────
   The CTA lived only inside the hamburger panel, so on a phone the main call to
   action was two taps away. A compact version now sits in the header row. The
   wordmark is trimmed just enough to make room — same font, same gold, and the
   full-size button inside the panel is unchanged. */
@media(max-width:980px){
  header.nav .container{gap:8px}
  header.nav .brand{flex:0 1 auto;min-width:0}
  header.nav .brand-name{font-size:.6rem;letter-spacing:.03em;line-height:1.22;white-space:normal;overflow:hidden;max-width:13ch;word-spacing:-.02em;text-wrap:balance}
  header.nav .logo-img{width:34px;height:34px}
  .nav-cta-mobile{display:inline-flex;align-items:center;justify-content:center;flex:none;
    margin-inline-start:auto;padding:9px 13px;border-radius:999px;
    font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    text-decoration:none;color:#002366;white-space:nowrap;
    background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.14) 17%,rgba(255,255,255,0) 44%,rgba(0,0,0,.07) 76%,rgba(0,0,0,.14) 100%),
               linear-gradient(135deg,#F7E7A9,#D4AF37 48%,#8A6817);
    border:1px solid rgba(247,231,169,.55);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -2px 4px rgba(90,66,10,.30),
               0 3px 10px rgba(212,175,55,.26)}
  .nav-cta-mobile:active{box-shadow:inset 0 2px 6px rgba(90,66,10,.45),inset 0 1px 0 rgba(255,255,255,.22)}
}
@media(max-width:360px){
  
  .nav-cta-mobile{padding:8px 10px;font-size:.55rem}
}
@media(min-width:981px){.nav-cta-mobile{display:none}}

/* The header CTA was a plain pill next to the sculpted buttons. It now carries
   the same sheen sweep as the rest, a little more presence, and the panel's
   duplicate button is hidden on mobile so there is only one call to action. */
@media(max-width:980px){
  .nav-cta-mobile{padding:12px 18px;font-size:.68rem;letter-spacing:.07em;
    position:relative;overflow:hidden;isolation:isolate;
    transition:box-shadow .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}
  .nav-cta-mobile::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-140%;width:120%;
    pointer-events:none;
    background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.34) 48%,rgba(255,255,255,.55) 52%,transparent 100%);
    transform:skewX(-18deg);animation:safiaSweep 4.6s ease-in-out infinite}
  .nav-cta-mobile>span{position:relative;z-index:2}
  .nav-cta-mobile:hover{transform:translateY(-1px)}
  .nav-cta-mobile:active{transform:translateY(1px);
    box-shadow:inset 0 2px 6px rgba(90,66,10,.45),inset 0 1px 0 rgba(255,255,255,.22)}
  /* one CTA is enough — the panel copy is redundant now */
  nav.menu>.btn{display:none}
}
@media(max-width:360px){.nav-cta-mobile{padding:10px 13px;font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.nav-cta-mobile::after{animation:none}}
@media(max-width:360px){header.nav .brand-name{font-size:.5rem;letter-spacing:.01em;max-width:14ch}}

/* Tapping a group gives its link focus, and .navdrop:focus-within had no mobile
   override — so translateX(-50%) still applied and pushed the submenu half its
   own width to the left, outside the panel, cutting every label. Every state
   that can open a submenu is now neutralised inside the compact panel. */
@media(max-width:980px){
  .navdrop:focus-within .navdrop-menu,
  .navdrop:focus-within>.navdrop-menu,
  .navdrop.open .navdrop-menu,
  .navdrop.open>.navdrop-menu,
  .navdrop:active .navdrop-menu,
  nav.menu .navdrop-menu{transform:none;inset-inline-start:auto;left:auto;right:auto}
}

/* ── Accessibility: skip-link target no longer lands behind the sticky header ──
   #main previously had no scroll-margin, so activating "Skip to content" scrolled
   its top edge to y=0 while the sticky topbar+header (measured ~120px) still
   covered it — the target was technically focused but visually hidden. This
   affects every page; it changes no visible layout, only where the browser
   stops scrolling. */
#main{scroll-margin-top:136px}

@media (hover:hover) and (pointer:fine){.btn-gold.safia-animated-cta:hover,.btn-gold.safia-animated-cta:focus-visible,.safia-gold-cta.safia-animated-cta:hover,.safia-gold-cta.safia-animated-cta:focus-visible,.nav-cta-mobile.safia-animated-cta:hover,.nav-cta-mobile.safia-animated-cta:focus-visible,#themeBtn.lang-toggle:hover{background:rgba(212,175,55,.22);-webkit-backdrop-filter:blur(10px) saturate(1.35);backdrop-filter:blur(10px) saturate(1.35);border-color:rgba(247,231,169,.85);transform:translateY(-2px);}.btn-navy.safia-animated-cta:hover,.btn-navy.safia-animated-cta:focus-visible{background:rgba(27,42,94,.32);-webkit-backdrop-filter:blur(10px) saturate(1.35);backdrop-filter:blur(10px) saturate(1.35);border-color:rgba(212,175,55,.55);transform:translateY(-2px);}[data-theme="dark"] .btn-navy.safia-animated-cta:hover,[data-theme="dark"] .btn-navy.safia-animated-cta:focus-visible{background:rgba(21,33,71,.42);}.btn-line:hover,.btn-line-light:hover,.btn-line.safia-animated-cta:hover{-webkit-backdrop-filter:blur(10px) saturate(1.35);backdrop-filter:blur(10px) saturate(1.35);transform:translateY(-2px);}#toTop:hover,.chat-close:hover,.ar-btn:hover,.map-pin-link:hover,.map-links a:hover,.cookie-bar button:hover,.nav-lang:hover,.lang-toggle:hover,.btn-line.dl:hover{-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);}#toTop:hover,.map-pin-link:hover,.cookie-bar button:hover,.nav-lang:hover,.lang-toggle:hover,.btn-line.dl:hover{transform:translateY(-2px);}}.btn-line.dl,.chat-close,.map-links a,.cookie-bar button,.nav-lang{position:relative;overflow:hidden;}#toTop,.chat-close,.map-pin-link,.map-links a,.cookie-bar button,.nav-lang,.btn-line.dl{overflow:hidden;}.btn-line.dl::after,#toTop::after,.chat-close::after,.map-pin-link::after,.map-links a::after,.cookie-bar button::after,.nav-lang::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-140%;width:120%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.42) 48%,rgba(255,255,255,.62) 52%,transparent 100%);transform:skewX(-18deg);opacity:0;transition:opacity .2s;}@media (hover:hover) and (pointer:fine){.btn-line.dl:hover::after,.btn-line.dl:focus-visible::after,#toTop:hover::after,#toTop:focus-visible::after,.chat-close:hover::after,.chat-close:focus-visible::after,.map-pin-link:hover::after,.map-pin-link:focus-visible::after,.map-links a:hover::after,.map-links a:focus-visible::after,.cookie-bar button:hover::after,.cookie-bar button:focus-visible::after,.nav-lang:hover::after,.nav-lang:focus-visible::after{opacity:1;animation:safiaSweep .78s cubic-bezier(.16,1,.3,1);}}.btn-gold.safia-animated-cta,.btn-navy.safia-animated-cta,.nav-cta-mobile.safia-animated-cta,.btn-line,.btn-line-light,#themeBtn.lang-toggle,#toTop,.chat-close,.map-pin-link,.map-links a,.cookie-bar button,.nav-lang,.lang-toggle,.btn-line.dl{transition-property:background,background-color,border-color,color,box-shadow,transform,backdrop-filter,-webkit-backdrop-filter,opacity;transition-duration:.28s;transition-timing-function:var(--ease,cubic-bezier(.16,1,.3,1));}@media (prefers-reduced-motion:reduce){.btn-gold.safia-animated-cta:hover,.btn-navy.safia-animated-cta:hover,.nav-cta-mobile.safia-animated-cta:hover,.btn-line:hover,.btn-line-light:hover,#themeBtn.lang-toggle:hover,#toTop:hover,.chat-close:hover,.map-pin-link:hover,.map-links a:hover,.cookie-bar button:hover,.nav-lang:hover,.lang-toggle:hover,.btn-line.dl:hover{transform:none;}.btn-line.dl::after,#toTop::after,.chat-close::after,.map-pin-link::after,.map-links a::after,.cookie-bar button::after,.nav-lang::after{display:none;}}
@media (hover:hover) and (pointer:fine){a.btn-gold.safia-animated-cta:hover,a.btn-gold.safia-animated-cta:focus-visible,button.btn-gold.safia-animated-cta:hover,button.btn-gold.safia-animated-cta:focus-visible,a.safia-gold-cta.safia-animated-cta:hover,a.safia-gold-cta.safia-animated-cta:focus-visible,button.safia-gold-cta.safia-animated-cta:hover,button.safia-gold-cta.safia-animated-cta:focus-visible,a.nav-cta-mobile.safia-animated-cta:hover,a.nav-cta-mobile.safia-animated-cta:focus-visible{background:rgba(212,175,55,.22);-webkit-backdrop-filter:blur(10px) saturate(1.35);backdrop-filter:blur(10px) saturate(1.35);border-color:rgba(247,231,169,.85);}a.btn-navy.safia-animated-cta:hover,a.btn-navy.safia-animated-cta:focus-visible,button.btn-navy.safia-animated-cta:hover,button.btn-navy.safia-animated-cta:focus-visible{background:rgba(27,42,94,.32);-webkit-backdrop-filter:blur(10px) saturate(1.35);backdrop-filter:blur(10px) saturate(1.35);border-color:rgba(212,175,55,.55);}[data-theme="dark"] a.btn-navy.safia-animated-cta:hover,[data-theme="dark"] a.btn-navy.safia-animated-cta:focus-visible,[data-theme="dark"] button.btn-navy.safia-animated-cta:hover,[data-theme="dark"] button.btn-navy.safia-animated-cta:focus-visible{background:rgba(21,33,71,.42);}}
/* ═══ SAFIA premium loader ═══ */
#safiaLoader{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:rgba(250,249,246,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;pointer-events:auto;transition:opacity .28s ease}
[data-theme="dark"] #safiaLoader{background:rgba(10,18,45,.45)}
#safiaLoader.sl-out{opacity:0;pointer-events:none}
html.loader-lock{overflow:hidden}
.sl-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 70%);opacity:0;animation:slGlowIn .3s ease forwards}
[data-theme="dark"] .sl-glow{background:radial-gradient(circle,rgba(212,175,55,.28),transparent 70%)}
.sl-mark{position:relative;width:76px;height:76px;display:grid;place-items:center}
.sl-logo{width:64px;height:64px;border-radius:50%;opacity:0;transform:scale(.72);animation:slLogoIn .35s cubic-bezier(.22,1,.36,1) .05s forwards;position:relative;z-index:2;display:block}
.sl-ring{position:absolute;inset:0;width:76px;height:76px;transform:rotate(-90deg);z-index:1}
.sl-ring circle{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:214;opacity:0;animation:slRingIn .38s cubic-bezier(.16,1,.3,1) .12s forwards}
.sl-mark::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 48%,rgba(255,255,255,.75) 52%,transparent 70%);opacity:0;transform:translateX(-120%);animation:slShimmer .3s ease .35s 1;pointer-events:none}
.sl-bar{width:84px;height:3px;border-radius:3px;background:rgba(212,175,55,.18);overflow:hidden;opacity:0;animation:slBarIn .15s ease .15s forwards}
.sl-bar span{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft));animation:slBarMove .9s cubic-bezier(.45,0,.55,1) .15s infinite}
.sl-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes slGlowIn{to{opacity:1}}
@keyframes slLogoIn{to{opacity:1;transform:scale(1)}}
@keyframes slRingIn{to{opacity:1;stroke-dashoffset:0}}
@keyframes slShimmer{0%{opacity:0;transform:translateX(-120%)}35%{opacity:1}100%{opacity:0;transform:translateX(120%)}}
@keyframes slBarIn{to{opacity:1}}
@keyframes slBarMove{0%{transform:translateX(-100%)}50%{transform:translateX(140%)}100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){
#safiaLoader{transition:opacity .2s linear}
.sl-glow,.sl-ring,.sl-bar{display:none}
.sl-logo{opacity:1;transform:none;animation:none}
.sl-mark::after{display:none}
}
/* Spices & Pulses image cards on phones: the image is 120px high there, so the emoji badge sits inside it instead of covering the title */
@media(max-width:560px){#p-spices .pcard.has-img .em{top:80px}}