/* Theme Name: SecureBusinessEmail Theme URI: https://www.securebusinessemail.com/ Author: Secure Business Email Description: Block theme for securebusinessemail.com. Obsidian and brass identity with an editorial serif display voice. Carries two original figures: the email trust architecture (SPF, DKIM, DMARC evaluation) and the alignment and policy flow. No external requests. Version: 2.3.10 Requires at least: 6.5 Tested up to: 7.1 Requires PHP: 8.1 License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: securebusinessemail */ /* 1. Tokens (theme.json is the source of record; this keeps hand-written markup in step) */ :root{ --sbe-night:#0b0a09; --sbe-panel:#151311; --sbe-raise:#1c1916; --sbe-hair:#2e2a24; --sbe-hair2:#4a443a; --sbe-text:#f2ece0; --sbe-muted:#b0a99c; --sbe-indigo:#7c85ff; --sbe-brass:#d9b872; --sbe-brass-d:#b8974f; --sbe-quar:#b08cff; --sbe-violet:#b08cff; --sbe-threat:#f0707f; --sbe-pass:#4fd1a1; --sbe-serif:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua','URW Palladio L',Georgia,'Times New Roman',serif; --sbe-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono','Courier New',monospace; --sbe-sans:Inter,'Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif; --sbe-gut:clamp(1rem,4vw,2.5rem); } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{margin:0;background:var(--sbe-night);color:var(--sbe-text);font-family:var(--sbe-sans);overflow-x:hidden} img,svg{max-width:100%;height:auto} .screen-reader-text,.sbe-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* 2. Focus, skip link */ :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--sbe-brass);outline-offset:3px;border-radius:2px} .sbe-skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--sbe-brass);color:var(--sbe-night);padding:.75rem 1rem;border-radius:6px;font-weight:600;text-decoration:none} .sbe-skip:focus{top:1rem} a{color:var(--sbe-brass);text-underline-offset:.22em;text-decoration-thickness:1px} /* 3. Header and footer */ .sbe-head{position:sticky;top:0;z-index:50;background:rgba(11,10,9,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sbe-hair);padding:.3rem var(--sbe-gut)} .sbe-head__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 2rem;max-width:88rem;margin:0 auto} .sbe-brand{display:inline-flex;align-items:center;gap:.75rem;min-height:48px;color:var(--sbe-text);text-decoration:none} .sbe-brand svg{flex:none} .sbe-brand__name{font-weight:600;letter-spacing:.16em;font-size:.75rem;text-transform:uppercase;line-height:1.15} .sbe-nav ul{display:flex;flex-wrap:wrap;gap:0 .15rem;list-style:none;margin:0;padding:0} .sbe-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 .75rem;color:var(--sbe-muted);text-decoration:none;font-size:.875rem;letter-spacing:.02em;border-bottom:1px solid transparent} .sbe-nav a:hover{color:var(--sbe-text);border-bottom-color:var(--sbe-brass)} .sbe-foot{border-top:1px solid var(--sbe-hair);background:var(--sbe-panel);padding:4rem var(--sbe-gut) 2.5rem;color:var(--sbe-muted);font-size:.9375rem;margin-top:0} .sbe-foot__in{max-width:88rem;margin:0 auto;display:grid;gap:2.5rem;grid-template-columns:1.5fr 1fr 1fr} .sbe-foot h2{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sbe-brass);margin:0 0 .75rem;font-family:var(--sbe-sans)} .sbe-foot ul{list-style:none;margin:0;padding:0} .sbe-foot li a{display:inline-flex;min-height:44px;align-items:center;color:var(--sbe-text);text-decoration-color:var(--sbe-hair2)} .sbe-foot p{margin:.4rem 0;max-width:48ch} .sbe-foot .sbe-foot__legal{max-width:88rem;margin:2.5rem auto 0;padding-top:1.25rem;border-top:1px solid var(--sbe-hair);font-size:.8125rem} @media (max-width:820px){.sbe-foot__in{grid-template-columns:1fr}} /* 4. Text, supporting pages and article template */ main{display:block} .sbe-main>*{margin-block:0!important} .sbe-in{max-width:80rem;margin:0 auto;padding-inline:var(--sbe-gut)} .sbe-in--wide{max-width:88rem} .sbe-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sbe-brass);margin:0 0 1rem;display:flex;align-items:center;gap:.8rem} .sbe-eyebrow::before{content:"";width:2rem;height:1px;background:var(--sbe-brass);flex:none} .wp-block-post-terms.sbe-eyebrow a{color:var(--sbe-brass);text-decoration:none} .sbe-phead{position:relative;border-bottom:1px solid var(--sbe-hair);background: radial-gradient(60rem 22rem at 85% -30%,rgba(124,133,255,.16),transparent 70%), radial-gradient(40rem 16rem at 10% 120%,rgba(217,184,114,.07),transparent 70%),var(--sbe-night); padding:clamp(2.5rem,7vw,5.5rem) var(--sbe-gut) clamp(2rem,5vw,3.5rem)} .sbe-phead>*{max-width:56rem;margin-inline:auto!important} .sbe-phead--wide>*{max-width:80rem} .wp-block-post-title,.sbe-phead h1{font-family:var(--sbe-serif);font-weight:400;font-size:clamp(2.2rem,1.1rem + 3.6vw,4.25rem);letter-spacing:-.022em;line-height:1.05;margin:0 0 1rem;color:var(--sbe-text);text-wrap:balance} .wp-block-post-excerpt.sbe-stand p{font-family:var(--sbe-serif);font-size:clamp(1.15rem,1rem + .6vw,1.5rem);line-height:1.5;color:var(--sbe-muted);max-width:44rem;margin:0} .sbe-crumbs{font-size:.8125rem;color:var(--sbe-muted);margin-bottom:1.75rem;letter-spacing:.02em} .sbe-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem} .sbe-crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--sbe-hair2)} .sbe-crumbs a{color:var(--sbe-muted);text-decoration-color:var(--sbe-hair2)} .sbe-crumbs [aria-current]{color:var(--sbe-text)} .sbe-body{padding:clamp(2.25rem,5vw,4rem) var(--sbe-gut) clamp(3rem,7vw,5.5rem)} .sbe-body .wp-block-post-content{font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.72} .wp-block-post-content>*+*{margin-top:1.2em} .wp-block-post-content h2{font-family:var(--sbe-serif);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.35rem);letter-spacing:-.015em;line-height:1.15;margin-top:2.6em;padding-top:1.2em;border-top:1px solid var(--sbe-hair);text-wrap:balance} .wp-block-post-content h2:first-child{margin-top:0;padding-top:0;border-top:0} .wp-block-post-content h3{font-size:1.25rem;font-weight:600;letter-spacing:-.005em;margin-top:2em;color:var(--sbe-text)} .wp-block-post-content p,.wp-block-post-content li{max-width:68ch} .wp-block-post-content li+li{margin-top:.4em} .wp-block-post-content li::marker{color:var(--sbe-brass)} .wp-block-post-content a{color:var(--sbe-brass);text-decoration-color:rgba(217,184,114,.45)} .wp-block-post-content a:hover{color:var(--sbe-text)} .wp-block-post-content strong{font-weight:600} .sbe-audience{border:1px solid var(--sbe-hair);border-left:3px solid var(--sbe-brass);background:var(--sbe-panel);padding:1.1rem 1.35rem;border-radius:0 12px 12px 0;margin:1.5rem 0} .sbe-audience p{margin:0} .sbe-note{border:1px solid var(--sbe-hair2);background:var(--sbe-panel);border-radius:14px;padding:1.25rem 1.5rem} .sbe-note h2{margin:0 0 .5rem!important;padding:0!important;border:0!important;font-size:1.5rem!important} .sbe-note p{margin:.4rem 0} .sbe-warn{border:1px solid var(--sbe-hair);border-left:3px solid var(--sbe-threat);background:var(--sbe-panel);padding:1.1rem 1.35rem;border-radius:0 12px 12px 0} .sbe-warn p{margin:0} code,kbd,samp{font-family:var(--sbe-mono);font-size:.88em} :not(pre)>code{background:var(--sbe-raise);border:1px solid var(--sbe-hair);padding:.08em .38em;border-radius:5px;overflow-wrap:anywhere} .wp-block-code,pre{font-family:var(--sbe-mono);font-size:.875rem;line-height:1.6;background:var(--sbe-panel);border:1px solid var(--sbe-hair);border-left:3px solid var(--sbe-brass);border-radius:0 12px 12px 0;padding:1.1rem 1.3rem;overflow-x:auto;color:var(--sbe-text);max-width:100%} .wp-block-code code,pre code{background:none;border:0;padding:0;font-size:inherit;white-space:pre} .wp-block-table{overflow-x:auto;max-width:100%} .wp-block-table table{border-collapse:collapse;width:100%;font-size:.9375rem} .wp-block-table th,.wp-block-table td{border:1px solid var(--sbe-hair);padding:.7rem .9rem;text-align:left;vertical-align:top} .wp-block-table th{background:var(--sbe-panel);color:var(--sbe-text);font-weight:600} .wp-block-button__link{min-height:44px;display:inline-flex;align-items:center;text-decoration:none} .wp-block-post-excerpt{color:var(--sbe-muted)} .sbe-page{max-width:76rem;margin:0 auto;padding:2.5rem var(--sbe-gut) 0} /* article end call to action */ .sbe-endcta{border-top:1px solid var(--sbe-hair);background:linear-gradient(180deg,var(--sbe-panel),var(--sbe-night));padding:clamp(2.5rem,6vw,4.5rem) var(--sbe-gut)} .sbe-endcta__in{max-width:56rem;margin:0 auto;display:grid;gap:1.25rem 3rem;grid-template-columns:minmax(0,1fr) auto;align-items:center} .sbe-endcta h2{font-family:var(--sbe-serif);font-weight:400;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);letter-spacing:-.015em;line-height:1.15;margin:0 0 .5rem;border:0;padding:0} .sbe-endcta p{margin:0;color:var(--sbe-muted);max-width:42rem} @media (max-width:700px){.sbe-endcta__in{grid-template-columns:1fr}} /* archive and search rows */ .sbe-list{max-width:56rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--sbe-gut) clamp(3rem,7vw,5rem)} .sbe-list .wp-block-post-template{list-style:none;margin:0;padding:0;border-top:1px solid var(--sbe-hair)} .sbe-list .wp-block-post-template>li{border-bottom:1px solid var(--sbe-hair);padding:1.75rem 0;margin:0} .sbe-list .wp-block-post-title{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem);margin:0 0 .5rem} .sbe-list .wp-block-post-title a{color:var(--sbe-text);text-decoration:none} .sbe-list .wp-block-post-title a:hover{color:var(--sbe-brass)} .sbe-list .wp-block-post-excerpt{margin:0;max-width:60ch} .sbe-list .wp-block-query-pagination{margin-top:2rem;gap:1rem} .wp-block-search__input{background:var(--sbe-panel);color:var(--sbe-text);border:1px solid var(--sbe-hair2);border-radius:8px;min-height:44px;padding:0 .9rem} .wp-block-search__button{min-height:44px;border-radius:8px;border:0;background:var(--sbe-brass);color:var(--sbe-night);font-weight:600;padding:0 1.2rem} .sbe-404 .sbe-big{font-family:var(--sbe-serif);font-size:clamp(5rem,3rem + 12vw,12rem);line-height:.9;letter-spacing:-.04em;margin:0 0 1rem;color:transparent;-webkit-text-stroke:1px var(--sbe-brass)} /* 5. Buttons */ .sbe-cta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center} .sbe-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:0 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;font-size:.9375rem;letter-spacing:.01em;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s,transform .2s} .sbe-btn--primary{background:var(--sbe-brass);color:#15110a} .sbe-btn--primary:hover{background:#ecd091;color:#15110a} .sbe-btn--ghost{border-color:var(--sbe-hair2);color:var(--sbe-text);background:rgba(255,255,255,.02)} .sbe-btn--ghost:hover{border-color:var(--sbe-brass);color:var(--sbe-text)} .sbe-btn::after{content:"\2192";transition:transform .2s} .sbe-btn:hover::after{transform:translateX(3px)} /* 6. Homepage: hero (copy left, vertical envelope-through-the-gates figure right) */ .sbe-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--sbe-hair);padding:clamp(1.25rem,3vw,3rem) 0} .sbe-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none; background: radial-gradient(60rem 34rem at 12% 0%,rgba(217,184,114,.13),transparent 65%), radial-gradient(44rem 30rem at 100% 100%,rgba(217,184,114,.08),transparent 70%), linear-gradient(180deg,#0b0a09 0%,#0d0b09 100%)} .sbe-hero__bg::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(242,236,224,.035) 0 1px,transparent 1px 120px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)} .sbe-hero__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sbe-brass),transparent);opacity:.5} .sbe-hero__grid{display:grid;gap:1.25rem clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "lead" "cta" "note" "fig";align-items:start} .sbe-hero__note{grid-area:note}.sbe-hero__head{grid-area:head}.sbe-hero__lead{grid-area:lead}.sbe-hero__cta{grid-area:cta}.sbe-fig--hero{grid-area:fig} @media (min-width:1280px){.sbe-hero__grid{grid-template-columns:minmax(0,1fr) 40rem;grid-template-areas:". fig" "head fig" "lead fig" "cta fig" "note fig" ". fig";grid-template-rows:1fr auto auto auto auto 1fr}.sbe-fig--hero{align-self:center}} @media (max-width:640px){.sbe-hero__grid{grid-template-areas:"head" "cta" "fig" "lead" "note";gap:1rem}} .sbe-kicker{font:600 .78rem var(--sbe-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sbe-muted);margin:0 0 1.1rem} .sbe-hero h1{font-family:var(--sbe-serif);font-size:clamp(2rem,1.2rem + 2.4vw,3.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance} .sbe-h1-lead{display:block;font-family:var(--sbe-serif);font-variant-caps:all-small-caps;font-weight:600;letter-spacing:.09em;color:var(--sbe-brass);font-size:.62em;line-height:1.1;margin:0 0 .4em;padding-bottom:.45em;border-bottom:1px solid var(--sbe-hair2);text-wrap:balance} .sbe-hero__lead{font-size:clamp(1rem,.95rem + .25vw,1.15rem);line-height:1.6;color:var(--sbe-muted);margin:0;max-width:34rem} .sbe-hero__cta{margin:.4rem 0 0} @media (max-width:640px){.sbe-hero__lead{font-size:.95rem}.sbe-hero .sbe-btn{min-height:48px;width:100%}.sbe-hero__cta{margin:0}} /* figure frame (shared) */ .sbe-fig{margin:0;position:relative} .sbe-fig__frame{background:linear-gradient(180deg,#1c1916,#151311);border:1px solid var(--sbe-hair2);border-radius:18px;padding:clamp(.7rem,1.6vw,1.1rem);box-shadow:0 30px 80px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.04)} .sbe-fig figcaption{font-size:.8125rem;line-height:1.55;color:var(--sbe-muted);margin:.9rem .25rem 0;max-width:62rem} .sbe-fig svg{display:block;width:100%;height:auto} .sbe-fig .fv,.sbe-fig .av{display:none;max-width:30rem;margin:0 auto} .sbe-fig--hero .fh{max-width:40rem;margin:0 auto} @media (max-width:680px){.sbe-fig .fh{display:none}.sbe-fig .fv{display:block}} @media (max-width:1279px){.sbe-fig .ah{display:none}.sbe-fig .av{display:block}.sbe-fig:not(.sbe-fig--hero){max-width:34rem;margin-inline:auto}} @media (max-width:1279px){.sbe-fig--hero{max-width:42rem;margin-inline:auto;width:100%}} .sbe-fig__bar{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;margin-top:.9rem} .sbe-fig__bar figcaption{margin:0;flex:1 1 30rem} .sbe-fig__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;margin:0 0 .5rem} .sbe-fig__tag{font:600 .78rem var(--sbe-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sbe-brass)} .sbe-fig__frame>figcaption{margin:.8rem .1rem 0;padding-top:.8rem;border-top:1px solid var(--sbe-hair)} .sbe-pause{display:none;min-height:40px;padding:0 1rem;border-radius:999px;border:1px solid var(--sbe-hair2);background:transparent;color:var(--sbe-muted);font:600 .75rem var(--sbe-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer} .sbe-pause:hover{color:var(--sbe-text);border-color:var(--sbe-brass)} @media (prefers-reduced-motion:no-preference){.sbe-js .sbe-pause{display:inline-flex;align-items:center}} /* 7. Sections */ .sbe-sec{position:relative;padding:clamp(4rem,9vw,8rem) 0} .sbe-sec+.sbe-sec{border-top:1px solid var(--sbe-hair)} .sbe-sec h2{font-family:var(--sbe-serif);font-size:clamp(1.9rem,1.1rem + 2.8vw,3.6rem);font-weight:400;letter-spacing:-.022em;line-height:1.06;margin:0 0 1.1rem;text-wrap:balance} .sbe-sec__intro{color:var(--sbe-muted);max-width:40rem;margin:0 0 1.5rem;font-size:1.0625rem} .sbe-split{display:grid;gap:2.5rem clamp(2rem,6vw,6rem);grid-template-columns:minmax(0,1fr)} @media (min-width:980px){.sbe-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.sbe-sticky{position:sticky;top:6rem;align-self:start}} .sbe-big-rule{font-family:var(--sbe-serif);font-size:clamp(1.35rem,1rem + 1.6vw,2.15rem);line-height:1.25;letter-spacing:-.01em;margin:0 0 2rem;max-width:56rem;color:var(--sbe-text)} .sbe-big-rule em{color:var(--sbe-brass);font-style:italic} /* DNS record ledger */ .sbe-ledger{display:grid;gap:1rem} .sbe-rec{position:relative;border:1px solid var(--sbe-hair);border-radius:16px;background:linear-gradient(180deg,var(--sbe-raise),var(--sbe-panel));padding:1.4rem 1.5rem 1.4rem 1.5rem;overflow:hidden} .sbe-rec::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sbe-brass);opacity:.8} .sbe-rec__k{display:flex;align-items:baseline;gap:.9rem;margin:0 0 .8rem} .sbe-rec__k b{font-family:var(--sbe-serif);font-size:1.9rem;font-weight:400;letter-spacing:-.01em} .sbe-rec__k span{font:600 .78rem var(--sbe-mono);letter-spacing:.14em;color:var(--sbe-brass)} .sbe-rec__v{font-family:var(--sbe-mono);font-size:.84rem;line-height:1.6;color:var(--sbe-text);overflow-wrap:anywhere;margin:0 0 .8rem;background:rgba(0,0,0,.35);border:1px solid var(--sbe-hair);border-radius:10px;padding:.8rem 1rem} .sbe-rec__n{color:var(--sbe-muted);font-size:.95rem;margin:0;max-width:60ch} .sbe-rec__n+.sbe-rec__n{margin-top:.5rem} .tok-pass{color:var(--sbe-pass)} .tok-warn{color:var(--sbe-brass)} .tok-bad{color:var(--sbe-threat)} .sbe-budget{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.9rem;font-size:.85rem;color:var(--sbe-muted)} .sbe-budget i{display:inline-block;width:1.1rem;height:.45rem;border-radius:2px;border:1px solid var(--sbe-brass-d);margin-right:2px} .sbe-budget .row{display:inline-flex} .sbe-fine{margin-top:1.5rem;color:var(--sbe-muted);max-width:46rem;font-size:.95rem} /* Scenario list under the alignment figure */ .sbe-scn{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--sbe-hair);counter-reset:sc} .sbe-scn li{counter-increment:sc;display:grid;grid-template-columns:2.2rem minmax(0,15rem) minmax(0,1fr);gap:.25rem 1.5rem;padding:1.05rem 0;border-bottom:1px solid var(--sbe-hair);align-items:baseline} .sbe-scn li::before{content:counter(sc);font-family:var(--sbe-serif);font-size:1.5rem;color:var(--sbe-brass)} .sbe-scn b{font-weight:600} .sbe-scn span{color:var(--sbe-muted);font-size:.95rem} @media (max-width:760px){.sbe-scn li{grid-template-columns:2rem minmax(0,1fr)}.sbe-scn li span{grid-column:2}} .sbe-pol3{display:grid;gap:1px;background:var(--sbe-hair);border:1px solid var(--sbe-hair);border-radius:16px;overflow:hidden;margin-top:2.5rem;grid-template-columns:minmax(0,1fr)} @media (min-width:820px){.sbe-pol3{grid-template-columns:repeat(3,minmax(0,1fr))}} .sbe-pol3>div{background:var(--sbe-panel);padding:1.35rem 1.5rem} .sbe-pol3 h3{margin:0 0 .4rem;font:600 1.05rem var(--sbe-mono)} .sbe-pol3 p{margin:0;color:var(--sbe-muted);font-size:.95rem} .sbe-pol3 .a h3{color:var(--sbe-muted)} .sbe-pol3 .b h3{color:var(--sbe-quar)} .sbe-pol3 .c h3{color:var(--sbe-threat)} .sbe-sec--align{background:linear-gradient(180deg,#100e0b,#0d0b09)} /* Rollout sequence */ .sbe-seq{list-style:none;margin:0;padding:0;counter-reset:s;position:relative} .sbe-seq::before{content:"";position:absolute;left:1.55rem;top:.6rem;bottom:.6rem;width:1px;background:var(--sbe-hair2)} .sbe-seq::after{content:"";position:absolute;left:1.55rem;top:.6rem;bottom:.6rem;width:1px;background:var(--sbe-brass);transform-origin:top;transform:scaleY(var(--prog,1));box-shadow:0 0 12px rgba(217,184,114,.6)} .sbe-seq li{position:relative;padding:0 0 2.1rem 4.75rem;counter-increment:s;max-width:none} .sbe-seq li:last-child{padding-bottom:0} .sbe-seq li::before{content:counter(s,decimal-leading-zero);z-index:1;position:absolute;left:0;top:-.15rem;width:3.1rem;height:3.1rem;border-radius:50%;background:var(--sbe-night);border:1px solid var(--sbe-brass-d);color:var(--sbe-brass);font-family:var(--sbe-mono);font-size:.85rem;display:grid;place-items:center} .sbe-seq h3{margin:0 0 .35rem;font-family:var(--sbe-serif);font-size:clamp(1.25rem,1.05rem + .8vw,1.6rem);font-weight:400;letter-spacing:-.01em;line-height:1.2} .sbe-seq p{margin:0;color:var(--sbe-muted);max-width:56ch} .sbe-seq a{color:var(--sbe-brass)} .sbe-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:3rem;border:1px solid var(--sbe-hair);border-radius:16px;overflow:hidden;background:var(--sbe-panel)} .sbe-stage>div{padding:1.1rem 1.25rem;border-left:1px solid var(--sbe-hair);position:relative} .sbe-stage>div:first-child{border-left:0} .sbe-stage h3{margin:0 0 .3rem;font:600 1rem var(--sbe-mono)} .sbe-stage p{margin:0;font-size:.875rem;color:var(--sbe-muted)} .sbe-stage .a h3{color:var(--sbe-muted)} .sbe-stage .b h3{color:var(--sbe-quar)} .sbe-stage .c h3{color:var(--sbe-threat)} .sbe-stage>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px} .sbe-stage .a::after{background:var(--sbe-muted)} .sbe-stage .b::after{background:var(--sbe-quar)} .sbe-stage .c::after{background:var(--sbe-threat)} @media (max-width:640px){.sbe-stage{grid-template-columns:1fr}.sbe-stage>div{border-left:0;border-top:1px solid var(--sbe-hair)}.sbe-stage>div:first-child{border-top:0}} .sbe-stage__cap{margin:.75rem 0 0;font-size:.8125rem;color:var(--sbe-muted)} /* Topic index */ .sbe-topics{list-style:none;margin:0;padding:0;border-top:1px solid var(--sbe-hair2);counter-reset:t} .sbe-topics li{border-bottom:1px solid var(--sbe-hair);counter-increment:t} .sbe-topics a{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr) 1.5rem;gap:.25rem 2rem;align-items:center;padding:1.35rem .25rem;text-decoration:none;color:var(--sbe-text);min-height:44px;transition:background .25s,padding .25s} .sbe-topics a::before{content:counter(t,decimal-leading-zero);font-family:var(--sbe-mono);font-size:.8rem;color:var(--sbe-brass)} .sbe-topics a::after{content:"\2192";color:var(--sbe-brass);opacity:.4;transition:opacity .25s,transform .25s} .sbe-topics a:hover{background:linear-gradient(90deg,rgba(217,184,114,.07),transparent);padding-left:.9rem} .sbe-topics a:hover::after{opacity:1;transform:translateX(4px)} .sbe-topics b{font-family:var(--sbe-serif);font-weight:400;font-size:clamp(1.3rem,1.05rem + 1vw,1.85rem);letter-spacing:-.01em;line-height:1.15} .sbe-topics span{color:var(--sbe-muted);font-size:.95rem} @media (max-width:820px){.sbe-topics a{grid-template-columns:2.2rem minmax(0,1fr) 1.2rem;gap:.2rem 1rem}.sbe-topics span{grid-column:2}.sbe-topics a::after{grid-row:1;grid-column:3}} /* Closing band + boundaries */ .sbe-close{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4rem,9vw,7.5rem) 0;border-top:1px solid var(--sbe-hair);background: radial-gradient(50rem 24rem at 15% 120%,rgba(217,184,114,.16),transparent 70%), radial-gradient(50rem 24rem at 90% -20%,rgba(124,133,255,.2),transparent 70%),#0d0b09} .sbe-close h2{font-family:var(--sbe-serif);font-size:clamp(2rem,1.1rem + 3.4vw,4.2rem);font-weight:400;letter-spacing:-.025em;line-height:1.04;margin:0 0 1.2rem;max-width:18ch;text-wrap:balance} .sbe-close h2 em{font-style:italic;color:var(--sbe-brass)} .sbe-close p{color:var(--sbe-muted);max-width:40rem;font-size:1.0625rem;margin:0 0 1.75rem} .sbe-not{border:1px solid var(--sbe-hair);border-radius:16px;padding:1.75rem 2rem;background:var(--sbe-panel)} .sbe-not h2{font-family:var(--sbe-serif);font-size:1.6rem;font-weight:400;margin:0 0 .75rem;letter-spacing:-.01em} .sbe-not ul{margin:.5rem 0 0;padding-left:1.2rem;color:var(--sbe-muted)} .sbe-not li::marker{color:var(--sbe-brass)} .sbe-sec--not{padding:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,6vw,5rem)} /* scroll reveal (JS-gated; the base state is visible) */ @media (prefers-reduced-motion:no-preference){ .sbe-js .sbe-rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)} .sbe-js .sbe-rv.in{opacity:1;transform:none} .sbe-js .sbe-rv.d1{transition-delay:.08s}.sbe-js .sbe-rv.d2{transition-delay:.16s}.sbe-js .sbe-rv.d3{transition-delay:.24s} } /* 8. Assessment tool */ .sbe-tool{background:var(--sbe-panel);border:1px solid var(--sbe-hair);border-radius:16px;padding:clamp(1rem,3vw,2rem)} .sbe-tool fieldset{border:0;border-top:1px solid var(--sbe-hair);margin:1.75rem 0 0;padding:1rem 0 0;min-width:0} .sbe-tool fieldset.sbe-sect:first-of-type{border-top:0;margin-top:.5rem} .sbe-tool legend{font-family:var(--sbe-serif);font-size:1.45rem;font-weight:400;padding:0;margin-bottom:.5rem;letter-spacing:-.01em} .sbe-q{margin:1.25rem 0 0;padding:0;border:0 !important;min-width:0} .sbe-q legend{font-family:var(--sbe-sans);font-weight:600;margin:0 0 .15rem;font-size:1rem;letter-spacing:0} .sbe-q__h{color:var(--sbe-muted);font-size:.9375rem;margin:0 0 .5rem;max-width:62ch} .sbe-opt{display:flex;align-items:flex-start;gap:.7rem;min-height:44px;padding:.55rem .6rem;border-radius:10px;cursor:pointer} .sbe-opt:hover{background:rgba(217,184,114,.1)} .sbe-opt input{flex:none;width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--sbe-brass)} .sbe-opt span{font-size:.9375rem} .sbe-tool select,.sbe-tool textarea{width:100%;background:var(--sbe-night);color:var(--sbe-text);border:1px solid var(--sbe-hair2);border-radius:10px;padding:.7rem .8rem;font:inherit;min-height:44px} .sbe-tool textarea{font-family:var(--sbe-mono);font-size:.875rem;min-height:7rem} .sbe-tool label.sbe-lbl{display:block;font-weight:600;margin:0 0 .35rem} .sbe-tool button{min-height:48px;padding:0 1.4rem;border-radius:999px;border:1px solid var(--sbe-hair2);background:transparent;color:var(--sbe-text);font:inherit;font-weight:600;cursor:pointer} .sbe-tool button.primary{background:var(--sbe-brass);border-color:var(--sbe-brass);color:#15110a} .sbe-tool button:hover{border-color:var(--sbe-brass)} .sbe-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem} .sbe-result{margin-top:1.5rem;border-top:2px solid var(--sbe-brass);padding-top:1.25rem} .sbe-result{scroll-margin-top:5rem} .sbe-result:empty{display:none} .sbe-meter{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap} .sbe-meter b{font-family:var(--sbe-serif);font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight:400;line-height:1.1;flex:1 0 100%}.sbe-meter span{font-size:.9rem;color:var(--sbe-muted)} .sbe-bar{height:10px;border-radius:5px;background:var(--sbe-night);border:1px solid var(--sbe-hair2);overflow:hidden;margin:.6rem 0 1rem} .sbe-bar i{display:block;height:100%;background:var(--sbe-brass)} .sbe-gap{border:1px solid var(--sbe-hair);border-left:4px solid var(--sbe-muted);border-radius:0 12px 12px 0;padding:.9rem 1.1rem;margin:.75rem 0;background:var(--sbe-night)} .sbe-gap--now{border-left-color:var(--sbe-threat)} .sbe-gap--next{border-left-color:var(--sbe-brass)} .sbe-gap h3,.sbe-gap h4{margin:0 0 .25rem;font-size:1rem;font-weight:600} .sbe-gap p{margin:.25rem 0;font-size:.9375rem} .sbe-tag{font-family:var(--sbe-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sbe-muted)} .sbe-out{width:100%} .sbe-findings{list-style:none;margin:1rem 0 0;padding:0} .sbe-findings li{padding:.6rem .9rem;margin:.4rem 0;border-left:4px solid var(--sbe-muted);background:var(--sbe-night);border-radius:0 8px 8px 0;font-size:.9375rem} .sbe-findings .f-bad{border-left-color:var(--sbe-threat)} .sbe-findings .f-warn{border-left-color:var(--sbe-brass)} .sbe-findings .f-ok{border-left-color:var(--sbe-pass)} .sbe-findings b{font-family:var(--sbe-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.5rem} @media print{body{background:#fff;color:#000}.sbe-head,.sbe-foot,.sbe-actions,.sbe-skip{display:none}.sbe-tool{border:0;background:#fff}} /* 9. Figure internals (both figures). The static state (no animation) is the END state of each loop, so reduced-motion visitors see a complete, labelled result. */ .sbe-fig text{font-family:var(--sbe-sans);fill:var(--sbe-text)} .sbe-fig .cap{font-size:13px;font-weight:600;letter-spacing:.11em;fill:var(--sbe-muted)} .sbe-fig .cap-b{fill:var(--sbe-brass)} .sbe-fig .encl{fill:rgba(217,184,114,.035);stroke:rgba(217,184,114,.35);stroke-width:1.5;stroke-dasharray:2 7} .sbe-fig .gate{fill:rgba(11,10,9,.55);stroke:var(--sbe-hair2);stroke-width:1.5} .sbe-fig .gt{font-family:var(--sbe-serif);font-size:27px;fill:var(--sbe-text)} .sbe-fig .gt.s{font-size:15px;letter-spacing:.04em;font-family:var(--sbe-sans);font-weight:600;fill:var(--sbe-brass)} .sbe-fig .gs{font-size:14px;fill:var(--sbe-muted)} .sbe-fig .band{fill:rgba(255,255,255,.014)} .sbe-fig .track{stroke:var(--sbe-hair2);stroke-width:1.5;stroke-dasharray:2 6;fill:none} .sbe-fig .trace{stroke:var(--sbe-brass);stroke-width:2.5;fill:none;stroke-dashoffset:0;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(217,184,114,.7))} .sbe-fig .card{fill:var(--sbe-panel);stroke:var(--sbe-hair2);stroke-width:1.5} .sbe-fig .tiny{font-size:13px;font-weight:600;letter-spacing:.12em;fill:var(--sbe-brass)} .sbe-fig .addr{font-family:var(--sbe-mono);font-size:17px;fill:var(--sbe-text)} .sbe-fig .sm{font-size:14px;fill:var(--sbe-muted)} .sbe-fig .chip-bg{stroke-width:1.2} .sbe-fig .chip-bg.t-ok{fill:rgba(79,209,161,.12);stroke:rgba(79,209,161,.55)} .sbe-fig .chip-bg.t-bad{fill:rgba(240,112,127,.12);stroke:rgba(240,112,127,.55)} .sbe-fig .chip-bg.t-warn{fill:rgba(217,184,114,.12);stroke:rgba(217,184,114,.55)} .sbe-fig .chip-bg.t-mute{fill:rgba(176,169,156,.08);stroke:rgba(176,169,156,.35)} .sbe-fig .verd{font-family:var(--sbe-mono);font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.06em} .sbe-fig .verd.s{font-size:15px} .sbe-fig .verd.big{font-size:30px} .sbe-fig .t-ok{fill:var(--sbe-pass)} .sbe-fig .t-bad{fill:var(--sbe-threat)} .sbe-fig .t-warn{fill:var(--sbe-brass)} .sbe-fig .t-mute{fill:var(--sbe-muted)} .sbe-fig .chip-bg.t-ok,.sbe-fig .chip-bg.t-bad,.sbe-fig .chip-bg.t-warn,.sbe-fig .chip-bg.t-mute{} .sbe-fig .dsm{font-size:13.5px;fill:var(--sbe-muted)} .sbe-fig .dsm.s{font-size:13px} .sbe-fig .out{--oc:var(--sbe-pass)} .sbe-fig .o-q{--oc:var(--sbe-quar)} .sbe-fig .o-bad{--oc:var(--sbe-threat)} .sbe-fig .ocard{stroke:var(--oc)} .sbe-fig .obar{fill:var(--oc)} .sbe-fig .ot{font-family:var(--sbe-serif);font-size:27px;fill:var(--oc)} .sbe-fig .ot.s{font-size:16px;font-family:var(--sbe-sans);font-weight:600} .sbe-fig .os{font-size:14.5px;fill:var(--sbe-text)} .sbe-fig .os.s{font-size:13px;fill:var(--sbe-muted);font-family:var(--sbe-mono)} .sbe-fig .dimm{fill:var(--sbe-muted)} .sbe-fig .tok{fill:var(--sbe-night);stroke:currentColor;stroke-width:2.5;stroke-linejoin:round} .sbe-fig .tokf{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round} .sbe-fig .l1 .tk{color:var(--sbe-pass)} .sbe-fig .l2 .tk{color:var(--sbe-quar)} .sbe-fig .l3 .tk{color:var(--sbe-threat)} .sbe-fig .rejx path{stroke:var(--sbe-threat);stroke-width:3;stroke-linecap:round;fill:none} /* alignment figure */ .sbe-fig .nb{fill:var(--sbe-panel);stroke:var(--sbe-hair2);stroke-width:1.5} .sbe-fig .nb-from{stroke:var(--sbe-brass)} .sbe-fig .nb-dm{stroke:var(--sbe-indigo)} .sbe-fig .ln{stroke:var(--sbe-hair2);stroke-width:1.5;fill:none} .sbe-fig .flowl{stroke:var(--sbe-indigo);stroke-width:2;fill:none;stroke-dasharray:5 11;opacity:.8} .sbe-fig .rung{fill:var(--sbe-panel);stroke:var(--sbe-hair2);stroke-width:1.5} .sbe-fig .rt{font-family:var(--sbe-mono);font-size:19px;font-weight:600;fill:var(--sbe-text)} .sbe-fig .rt.s{font-size:16px} .sbe-fig .rs{font-size:14px;fill:var(--sbe-muted)} .sbe-fig .val{font-family:var(--sbe-mono);font-size:19px;fill:var(--sbe-text)} .sbe-fig .val.s{font-size:14.5px} .sbe-fig .hl{fill-opacity:.13;stroke-width:2} .sbe-fig .hl-ok{fill:var(--sbe-pass);stroke:var(--sbe-pass)} .sbe-fig .hl-bad{fill:var(--sbe-threat);stroke:var(--sbe-threat)} .sbe-fig .hl-q{fill:var(--sbe-quar);stroke:var(--sbe-quar)} .sbe-fig .hl-mute{fill:var(--sbe-muted);stroke:var(--sbe-muted)} .sbe-fig .cn{font-family:var(--sbe-serif);font-style:italic;font-size:21px;fill:var(--sbe-brass)} /* static end states: alignment figure shows scenario 2 only */ .sbe-fig .sc:not(.sc1){display:none} @media (prefers-reduced-motion:no-preference){ .sbe-fig .sc:not(.sc1){display:inline} .sbe-fig .flow,.sbe-fig .flowl{animation:sbe-flow 2s linear infinite} @keyframes sbe-flow{to{stroke-dashoffset:-32}} .sbe-fig.is-paused *,.sbe-fig.is-off *{animation-play-state:paused!important} } @media (prefers-reduced-motion:reduce){.sbe-pause{display:none!important}} /* round 2 additions */ .sbe-fig .ph{fill:none;stroke:var(--sbe-hair2);stroke-width:1.2;stroke-dasharray:3 4} .sbe-fig .oidle .card{stroke:var(--sbe-hair2)} .sbe-fig .ot.idle{fill:var(--sbe-muted)} .sbe-fig .os.idle{fill:var(--sbe-muted)} .sbe-fig .oact .ocard{fill:#1c1916} .sbe-fig .fh .ot{font-size:24px} .sbe-fig .fh .os{font-size:13.5px} .sbe-fig .fh .gt{font-size:22px} .sbe-fig .fh .tiny{font-size:13px} .sbe-fig .fh .addr{font-size:14.5px} .sbe-fig .fh .sm{font-size:13px} .sbe-fig .cn.s{font-size:15px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;font-family:var(--sbe-sans);font-weight:600;fill:var(--sbe-muted)} .sbe-fig .av .cn,.sbe-fig .ah .cn{} .sbe-fig .sc:not(.sc1) .st{} .sbe-fig .oact{--oc:var(--sbe-pass)} .sbe-fig .oact.o-q{--oc:var(--sbe-quar)} .sbe-fig .oact.o-bad{--oc:var(--sbe-threat)} /* mobile menu (JS-enhanced; without JS the full nav simply wraps) */ .sbe-menu-btn{display:none;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--sbe-hair2);background:transparent;color:var(--sbe-text);font:600 .8rem var(--sbe-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.6rem} .sbe-menu-btn::after{content:"";width:.55rem;height:.55rem;border-right:2px solid var(--sbe-brass);border-bottom:2px solid var(--sbe-brass);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s} .sbe-menu-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translate(-2px,-2px)} @media (max-width:900px){ .sbe-menu-btn{display:inline-flex} .sbe-head__in{flex-wrap:wrap} .sbe-nav{display:none;width:100%;padding:.5rem 0 1rem} .sbe-nav.is-open{display:block} .sbe-nav ul{display:block;margin:0} .sbe-nav li{border-top:1px solid var(--sbe-hair)} .sbe-nav a{display:flex;width:100%;min-height:52px;padding:0 .25rem;font-size:1rem;color:var(--sbe-text);border-bottom:0} } /* supporting pages: right-hand rail */ .sbe-phead>*{max-width:66rem} .sbe-phead--wide>*{max-width:60rem} .sbe-body--rail{display:grid;grid-template-columns:minmax(0,46rem) 16rem;gap:2rem 4rem;justify-content:center;align-items:start;max-width:calc(66rem + 2 * var(--sbe-gut));margin:0 auto} .sbe-body--rail>.sbe-body__main{min-width:0} .sbe-rail{position:sticky;top:6rem;font-size:.9rem;border-left:1px solid var(--sbe-hair2);padding-left:1.4rem} .sbe-rail h2{font:600 .78rem var(--sbe-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--sbe-brass);margin:0 0 .7rem} .sbe-rail nav+nav{margin-top:2rem} .sbe-rail ol,.sbe-rail ul{list-style:none;margin:0;padding:0} .sbe-rail a{display:block;padding:.4rem 0;color:var(--sbe-muted);text-decoration:none;line-height:1.35} .sbe-rail a:hover,.sbe-rail a[aria-current]{color:var(--sbe-text)} .sbe-toc[hidden]{display:none} @media (max-width:1000px){.sbe-body--rail{grid-template-columns:minmax(0,1fr)}.sbe-rail{position:static;border-left:0;border-top:1px solid var(--sbe-hair2);padding:1.5rem 0 0}.sbe-toc{display:none}} .sbe-phead::after{content:"";display:block;width:min(66rem,100%);height:2px;background:linear-gradient(90deg,var(--sbe-brass) 0 4rem,transparent 4rem);margin:1.75rem auto 0} .sbe-phead--wide::after{width:min(60rem,100%)} .sbe-phead{padding-top:clamp(2.5rem,6vw,5rem)} .sbe-phead>.wp-block-post-title,.sbe-phead>h1{max-width:66rem} .sbe-fig .fh .gt,.sbe-fig .fh .gs,.sbe-fig .fh .cap-b{paint-order:stroke;stroke:#181512;stroke-width:7px;stroke-linejoin:round} .sbe-fig .fh .os{font-size:13.5px} /* round 3 */ .sbe-fig .fv .tiny,.sbe-fig .av .cap{font-size:13.5px} .sbe-fig .fv .sm{font-size:13.5px} .sbe-fig .fv .addr{font-size:16px} .sbe-fig .chip-base{fill:#181512} .sbe-fig .pend{font-family:var(--sbe-mono);font-size:13px;fill:var(--sbe-muted);letter-spacing:.06em} .sbe-fig .pend.s{font-size:13px} .sbe-fig .titles text{paint-order:stroke;stroke:#181512;stroke-width:7px;stroke-linejoin:round} @media (prefers-reduced-motion:reduce){.sbe-fig .phg{display:none}} .sbe-body .wp-block-post-content,.sbe-body__main .wp-block-post-content{padding-inline:0!important} .sbe-phead--wide>.wp-block-post-title,.sbe-phead--wide>h1{max-width:60rem} .sbe-audience p,.sbe-warn p,.sbe-note p{max-width:none!important} .sbe-result .sbe-meter::after{content:"A reading of your own answers, not a security grade.";flex:1 0 100%;font:600 .78rem var(--sbe-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sbe-brass);margin-top:.25rem} /* round 4: pending slots more present; paragraphs hug the left edge of the content column (the 68ch cap was being centred by WP's auto margins) */ .sbe-fig .ph{fill:#221f1a;stroke:#6f675a;stroke-width:1.4;stroke-dasharray:4 4} .sbe-fig .pend{fill:#d9d2c3;font-size:14px;font-weight:500} .sbe-fig .pend.s{font-size:13px} .wp-block-post-content.is-layout-constrained>p,.wp-block-post-content.is-layout-constrained>ul,.wp-block-post-content.is-layout-constrained>ol{margin-left:0!important;margin-right:auto!important} @media (max-width:1279px){.sbe-fig--hero{margin-inline:auto}} @media (max-width:920px){.sbe-fig:not(.sbe-fig--hero){margin-inline:0}} /* 10. Generated figure keyframes (see build/gen.py in the mission output) */ @media (prefers-reduced-motion:no-preference){ @keyframes hh-tk1{0%{opacity:0;transform:translate(30px,244px);color:var(--sbe-brass)}2.143%{opacity:0;transform:translate(30px,244px);color:var(--sbe-brass)}5.486%{opacity:0;transform:translate(30px,244px);color:var(--sbe-brass)}8.086%{opacity:0;transform:translate(30px,244px);color:var(--sbe-brass)}9.286%{opacity:1;transform:translate(30px,244px);color:var(--sbe-brass)}11.429%{opacity:1;transform:translate(30px,244px);color:var(--sbe-brass)}12.629%{opacity:0;transform:translate(30px,244px);color:var(--sbe-brass)}14.514%{opacity:0;transform:translate(30px,356px);color:var(--sbe-brass)}15.714%{opacity:1;transform:translate(30px,356px);color:var(--sbe-brass)}17.857%{opacity:1;transform:translate(30px,356px);color:var(--sbe-brass)}19.057%{opacity:0;transform:translate(30px,356px);color:var(--sbe-brass)}20.943%{opacity:0;transform:translate(30px,468px);color:var(--sbe-brass)}22.143%{opacity:1;transform:translate(30px,468px);color:var(--sbe-brass)}24.286%{opacity:1;transform:translate(30px,468px);color:var(--sbe-brass)}25%{opacity:1;transform:translate(30px,468px);color:var(--sbe-pass)}26.2%{opacity:0;transform:translate(30px,468px);color:var(--sbe-pass)}29.514%{opacity:0;transform:translate(30px,615px);color:var(--sbe-pass)}30.714%{opacity:1;transform:translate(30px,615px);color:var(--sbe-pass)}88.571%{opacity:1;transform:translate(30px,615px);color:var(--sbe-pass)}92.857%{opacity:0;transform:translate(30px,615px);color:var(--sbe-pass)}100%{opacity:0;transform:translate(30px,615px);color:var(--sbe-pass)}} .sbe-fig .fh .l1 .tk{animation:hh-tk1 14s linear infinite} @keyframes hh-tr1{0%{opacity:0;stroke-dashoffset:475}4.286%{opacity:.9;stroke-dashoffset:475}9.286%{opacity:.9;stroke-dashoffset:371}11.429%{opacity:.9;stroke-dashoffset:371}15.714%{opacity:.9;stroke-dashoffset:259}17.857%{opacity:.9;stroke-dashoffset:259}22.143%{opacity:.9;stroke-dashoffset:147}24.286%{opacity:.9;stroke-dashoffset:147}30.714%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fh .l1 .trace{animation:hh-tr1 14s linear infinite} @keyframes hh-c1spf{0%{opacity:0;transform:translateY(6px);}10.357%{opacity:0;transform:translateY(6px);}12.143%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l1 .c-spf{animation:hh-c1spf 14s linear infinite} @keyframes hh-p1spf{0%{opacity:1}10%{opacity:1}10.357%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l1 .p-spf{animation:hh-p1spf 14s linear infinite} @keyframes hh-c1dkim{0%{opacity:0;transform:translateY(6px);}16.786%{opacity:0;transform:translateY(6px);}18.571%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l1 .c-dkim{animation:hh-c1dkim 14s linear infinite} @keyframes hh-p1dkim{0%{opacity:1}16.429%{opacity:1}16.786%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l1 .p-dkim{animation:hh-p1dkim 14s linear infinite} @keyframes hh-c1dm{0%{opacity:0;transform:translateY(6px);}23.214%{opacity:0;transform:translateY(6px);}25%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l1 .c-dm{animation:hh-c1dm 14s linear infinite} @keyframes hh-p1dm{0%{opacity:1}22.857%{opacity:1}23.214%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l1 .p-dm{animation:hh-p1dm 14s linear infinite} @keyframes hh-o1{0%{opacity:0;}31.429%{opacity:0;}33.214%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fh .l1 .oact{animation:hh-o1 14s linear infinite} @keyframes hh-i1{0%{opacity:1}30.714%{opacity:1}31.071%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l1 .oidle{animation:hh-i1 14s linear infinite} @keyframes hh-tk2{0%{opacity:0;transform:translate(243px,244px);color:var(--sbe-brass)}7.857%{opacity:0;transform:translate(243px,244px);color:var(--sbe-brass)}11.2%{opacity:0;transform:translate(243px,244px);color:var(--sbe-brass)}13.8%{opacity:0;transform:translate(243px,244px);color:var(--sbe-brass)}15%{opacity:1;transform:translate(243px,244px);color:var(--sbe-brass)}17.143%{opacity:1;transform:translate(243px,244px);color:var(--sbe-brass)}18.343%{opacity:0;transform:translate(243px,244px);color:var(--sbe-brass)}20.229%{opacity:0;transform:translate(243px,356px);color:var(--sbe-brass)}21.429%{opacity:1;transform:translate(243px,356px);color:var(--sbe-brass)}23.571%{opacity:1;transform:translate(243px,356px);color:var(--sbe-brass)}24.771%{opacity:0;transform:translate(243px,356px);color:var(--sbe-brass)}26.657%{opacity:0;transform:translate(243px,468px);color:var(--sbe-brass)}27.857%{opacity:1;transform:translate(243px,468px);color:var(--sbe-brass)}30%{opacity:1;transform:translate(243px,468px);color:var(--sbe-brass)}30.714%{opacity:1;transform:translate(243px,468px);color:var(--sbe-quar)}31.914%{opacity:0;transform:translate(243px,468px);color:var(--sbe-quar)}35.229%{opacity:0;transform:translate(243px,615px);color:var(--sbe-quar)}36.429%{opacity:1;transform:translate(243px,615px);color:var(--sbe-quar)}88.571%{opacity:1;transform:translate(243px,615px);color:var(--sbe-quar)}92.857%{opacity:0;transform:translate(243px,615px);color:var(--sbe-quar)}100%{opacity:0;transform:translate(243px,615px);color:var(--sbe-quar)}} .sbe-fig .fh .l2 .tk{animation:hh-tk2 14s linear infinite} @keyframes hh-tr2{0%{opacity:0;stroke-dashoffset:475}10%{opacity:.9;stroke-dashoffset:475}15%{opacity:.9;stroke-dashoffset:371}17.143%{opacity:.9;stroke-dashoffset:371}21.429%{opacity:.9;stroke-dashoffset:259}23.571%{opacity:.9;stroke-dashoffset:259}27.857%{opacity:.9;stroke-dashoffset:147}30%{opacity:.9;stroke-dashoffset:147}36.429%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fh .l2 .trace{animation:hh-tr2 14s linear infinite} @keyframes hh-c2spf{0%{opacity:0;transform:translateY(6px);}16.071%{opacity:0;transform:translateY(6px);}17.857%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l2 .c-spf{animation:hh-c2spf 14s linear infinite} @keyframes hh-p2spf{0%{opacity:1}15.714%{opacity:1}16.071%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l2 .p-spf{animation:hh-p2spf 14s linear infinite} @keyframes hh-c2dkim{0%{opacity:0;transform:translateY(6px);}22.5%{opacity:0;transform:translateY(6px);}24.286%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l2 .c-dkim{animation:hh-c2dkim 14s linear infinite} @keyframes hh-p2dkim{0%{opacity:1}22.143%{opacity:1}22.5%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l2 .p-dkim{animation:hh-p2dkim 14s linear infinite} @keyframes hh-c2dm{0%{opacity:0;transform:translateY(6px);}28.929%{opacity:0;transform:translateY(6px);}30.714%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l2 .c-dm{animation:hh-c2dm 14s linear infinite} @keyframes hh-p2dm{0%{opacity:1}28.571%{opacity:1}28.929%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l2 .p-dm{animation:hh-p2dm 14s linear infinite} @keyframes hh-o2{0%{opacity:0;}37.143%{opacity:0;}38.929%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fh .l2 .oact{animation:hh-o2 14s linear infinite} @keyframes hh-i2{0%{opacity:1}36.429%{opacity:1}36.786%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l2 .oidle{animation:hh-i2 14s linear infinite} @keyframes hh-tk3{0%{opacity:0;transform:translate(456px,244px);color:var(--sbe-brass)}13.571%{opacity:0;transform:translate(456px,244px);color:var(--sbe-brass)}16.914%{opacity:0;transform:translate(456px,244px);color:var(--sbe-brass)}19.514%{opacity:0;transform:translate(456px,244px);color:var(--sbe-brass)}20.714%{opacity:1;transform:translate(456px,244px);color:var(--sbe-brass)}22.857%{opacity:1;transform:translate(456px,244px);color:var(--sbe-brass)}24.057%{opacity:0;transform:translate(456px,244px);color:var(--sbe-brass)}25.943%{opacity:0;transform:translate(456px,356px);color:var(--sbe-brass)}27.143%{opacity:1;transform:translate(456px,356px);color:var(--sbe-brass)}29.286%{opacity:1;transform:translate(456px,356px);color:var(--sbe-brass)}30.486%{opacity:0;transform:translate(456px,356px);color:var(--sbe-brass)}32.371%{opacity:0;transform:translate(456px,468px);color:var(--sbe-brass)}33.571%{opacity:1;transform:translate(456px,468px);color:var(--sbe-brass)}35.714%{opacity:1;transform:translate(456px,468px);color:var(--sbe-brass)}36.429%{opacity:1;transform:translate(456px,468px);color:var(--sbe-threat)}37.629%{opacity:0;transform:translate(456px,468px);color:var(--sbe-threat)}40.943%{opacity:0;transform:translate(456px,615px);color:var(--sbe-threat)}42.143%{opacity:1;transform:translate(456px,615px);color:var(--sbe-threat)}88.571%{opacity:1;transform:translate(456px,615px);color:var(--sbe-threat)}92.857%{opacity:0;transform:translate(456px,615px);color:var(--sbe-threat)}100%{opacity:0;transform:translate(456px,615px);color:var(--sbe-threat)}} .sbe-fig .fh .l3 .tk{animation:hh-tk3 14s linear infinite} @keyframes hh-tr3{0%{opacity:0;stroke-dashoffset:475}15.714%{opacity:.9;stroke-dashoffset:475}20.714%{opacity:.9;stroke-dashoffset:371}22.857%{opacity:.9;stroke-dashoffset:371}27.143%{opacity:.9;stroke-dashoffset:259}29.286%{opacity:.9;stroke-dashoffset:259}33.571%{opacity:.9;stroke-dashoffset:147}35.714%{opacity:.9;stroke-dashoffset:147}42.143%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fh .l3 .trace{animation:hh-tr3 14s linear infinite} @keyframes hh-c3spf{0%{opacity:0;transform:translateY(6px);}21.786%{opacity:0;transform:translateY(6px);}23.571%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l3 .c-spf{animation:hh-c3spf 14s linear infinite} @keyframes hh-p3spf{0%{opacity:1}21.429%{opacity:1}21.786%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l3 .p-spf{animation:hh-p3spf 14s linear infinite} @keyframes hh-c3dkim{0%{opacity:0;transform:translateY(6px);}28.214%{opacity:0;transform:translateY(6px);}30%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l3 .c-dkim{animation:hh-c3dkim 14s linear infinite} @keyframes hh-p3dkim{0%{opacity:1}27.857%{opacity:1}28.214%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l3 .p-dkim{animation:hh-p3dkim 14s linear infinite} @keyframes hh-c3dm{0%{opacity:0;transform:translateY(6px);}34.643%{opacity:0;transform:translateY(6px);}36.429%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(6px);}100%{opacity:0;transform:translateY(6px);}} .sbe-fig .fh .l3 .c-dm{animation:hh-c3dm 14s linear infinite} @keyframes hh-p3dm{0%{opacity:1}34.286%{opacity:1}34.643%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l3 .p-dm{animation:hh-p3dm 14s linear infinite} @keyframes hh-o3{0%{opacity:0;}42.857%{opacity:0;}44.643%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fh .l3 .oact{animation:hh-o3 14s linear infinite} @keyframes hh-i3{0%{opacity:1}42.143%{opacity:1}42.5%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fh .l3 .oidle{animation:hh-i3 14s linear infinite} @keyframes hh-x3{0%{opacity:0;}42.857%{opacity:0;}44.643%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fh .l3 .rejx{animation:hh-x3 14s linear infinite} @keyframes hv-tk1{0%{opacity:0;transform:translate(26px,92px);color:var(--sbe-brass)}2.143%{opacity:0;transform:translate(26px,92px);color:var(--sbe-brass)}4.286%{opacity:1;transform:translate(26px,92px);color:var(--sbe-brass)}5.486%{opacity:0;transform:translate(26px,92px);color:var(--sbe-brass)}8.086%{opacity:0;transform:translate(62px,92px);color:var(--sbe-brass)}9.286%{opacity:1;transform:translate(62px,92px);color:var(--sbe-brass)}11.429%{opacity:1;transform:translate(62px,92px);color:var(--sbe-brass)}12.629%{opacity:0;transform:translate(62px,92px);color:var(--sbe-brass)}14.514%{opacity:0;transform:translate(180px,92px);color:var(--sbe-brass)}15.714%{opacity:1;transform:translate(180px,92px);color:var(--sbe-brass)}17.857%{opacity:1;transform:translate(180px,92px);color:var(--sbe-brass)}19.057%{opacity:0;transform:translate(180px,92px);color:var(--sbe-brass)}20.943%{opacity:0;transform:translate(298px,92px);color:var(--sbe-brass)}22.143%{opacity:1;transform:translate(298px,92px);color:var(--sbe-brass)}24.286%{opacity:1;transform:translate(298px,92px);color:var(--sbe-brass)}25%{opacity:1;transform:translate(298px,92px);color:var(--sbe-pass)}26.2%{opacity:0;transform:translate(298px,92px);color:var(--sbe-pass)}27.371%{opacity:0;transform:translate(340px,92px);color:var(--sbe-pass)}28.571%{opacity:1;transform:translate(340px,92px);color:var(--sbe-pass)}30%{opacity:0;transform:translate(340px,92px);color:var(--sbe-pass)}30.714%{opacity:0;transform:translate(34px,201px);color:var(--sbe-pass)}32.143%{opacity:1;transform:translate(34px,201px);color:var(--sbe-pass)}88.571%{opacity:1;transform:translate(34px,201px);color:var(--sbe-pass)}92.857%{opacity:0;transform:translate(34px,201px);color:var(--sbe-pass)}100%{opacity:0;transform:translate(34px,201px);color:var(--sbe-pass)}} .sbe-fig .fv .l1 .tk{animation:hv-tk1 14s linear infinite} @keyframes hv-tr1{0%{opacity:0;stroke-dashoffset:318}4.286%{opacity:.9;stroke-dashoffset:318}9.286%{opacity:.9;stroke-dashoffset:278}11.429%{opacity:.9;stroke-dashoffset:278}15.714%{opacity:.9;stroke-dashoffset:160}17.857%{opacity:.9;stroke-dashoffset:160}22.143%{opacity:.9;stroke-dashoffset:42}24.286%{opacity:.9;stroke-dashoffset:42}28.571%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fv .l1 .trace{animation:hv-tr1 14s linear infinite} @keyframes hv-c1spf{0%{opacity:0;transform:translateY(5px);}10.357%{opacity:0;transform:translateY(5px);}12.143%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l1 .c-spf{animation:hv-c1spf 14s linear infinite} @keyframes hv-p1spf{0%{opacity:1}10%{opacity:1}10.357%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l1 .p-spf{animation:hv-p1spf 14s linear infinite} @keyframes hv-c1dkim{0%{opacity:0;transform:translateY(5px);}16.786%{opacity:0;transform:translateY(5px);}18.571%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l1 .c-dkim{animation:hv-c1dkim 14s linear infinite} @keyframes hv-p1dkim{0%{opacity:1}16.429%{opacity:1}16.786%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l1 .p-dkim{animation:hv-p1dkim 14s linear infinite} @keyframes hv-c1dm{0%{opacity:0;transform:translateY(5px);}23.214%{opacity:0;transform:translateY(5px);}25%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l1 .c-dm{animation:hv-c1dm 14s linear infinite} @keyframes hv-p1dm{0%{opacity:1}22.857%{opacity:1}23.214%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l1 .p-dm{animation:hv-p1dm 14s linear infinite} @keyframes hv-o1{0%{opacity:0;}32.857%{opacity:0;}34.643%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fv .l1 .oact{animation:hv-o1 14s linear infinite} @keyframes hv-i1{0%{opacity:1}32.143%{opacity:1}32.5%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l1 .oidle{animation:hv-i1 14s linear infinite} @keyframes hv-tk2{0%{opacity:0;transform:translate(26px,326px);color:var(--sbe-brass)}7.857%{opacity:0;transform:translate(26px,326px);color:var(--sbe-brass)}10%{opacity:1;transform:translate(26px,326px);color:var(--sbe-brass)}11.2%{opacity:0;transform:translate(26px,326px);color:var(--sbe-brass)}13.8%{opacity:0;transform:translate(62px,326px);color:var(--sbe-brass)}15%{opacity:1;transform:translate(62px,326px);color:var(--sbe-brass)}17.143%{opacity:1;transform:translate(62px,326px);color:var(--sbe-brass)}18.343%{opacity:0;transform:translate(62px,326px);color:var(--sbe-brass)}20.229%{opacity:0;transform:translate(180px,326px);color:var(--sbe-brass)}21.429%{opacity:1;transform:translate(180px,326px);color:var(--sbe-brass)}23.571%{opacity:1;transform:translate(180px,326px);color:var(--sbe-brass)}24.771%{opacity:0;transform:translate(180px,326px);color:var(--sbe-brass)}26.657%{opacity:0;transform:translate(298px,326px);color:var(--sbe-brass)}27.857%{opacity:1;transform:translate(298px,326px);color:var(--sbe-brass)}30%{opacity:1;transform:translate(298px,326px);color:var(--sbe-brass)}30.714%{opacity:1;transform:translate(298px,326px);color:var(--sbe-quar)}31.914%{opacity:0;transform:translate(298px,326px);color:var(--sbe-quar)}33.086%{opacity:0;transform:translate(340px,326px);color:var(--sbe-quar)}34.286%{opacity:1;transform:translate(340px,326px);color:var(--sbe-quar)}35.714%{opacity:0;transform:translate(340px,326px);color:var(--sbe-quar)}36.429%{opacity:0;transform:translate(34px,435px);color:var(--sbe-quar)}37.857%{opacity:1;transform:translate(34px,435px);color:var(--sbe-quar)}88.571%{opacity:1;transform:translate(34px,435px);color:var(--sbe-quar)}92.857%{opacity:0;transform:translate(34px,435px);color:var(--sbe-quar)}100%{opacity:0;transform:translate(34px,435px);color:var(--sbe-quar)}} .sbe-fig .fv .l2 .tk{animation:hv-tk2 14s linear infinite} @keyframes hv-tr2{0%{opacity:0;stroke-dashoffset:318}10%{opacity:.9;stroke-dashoffset:318}15%{opacity:.9;stroke-dashoffset:278}17.143%{opacity:.9;stroke-dashoffset:278}21.429%{opacity:.9;stroke-dashoffset:160}23.571%{opacity:.9;stroke-dashoffset:160}27.857%{opacity:.9;stroke-dashoffset:42}30%{opacity:.9;stroke-dashoffset:42}34.286%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fv .l2 .trace{animation:hv-tr2 14s linear infinite} @keyframes hv-c2spf{0%{opacity:0;transform:translateY(5px);}16.071%{opacity:0;transform:translateY(5px);}17.857%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l2 .c-spf{animation:hv-c2spf 14s linear infinite} @keyframes hv-p2spf{0%{opacity:1}15.714%{opacity:1}16.071%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l2 .p-spf{animation:hv-p2spf 14s linear infinite} @keyframes hv-c2dkim{0%{opacity:0;transform:translateY(5px);}22.5%{opacity:0;transform:translateY(5px);}24.286%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l2 .c-dkim{animation:hv-c2dkim 14s linear infinite} @keyframes hv-p2dkim{0%{opacity:1}22.143%{opacity:1}22.5%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l2 .p-dkim{animation:hv-p2dkim 14s linear infinite} @keyframes hv-c2dm{0%{opacity:0;transform:translateY(5px);}28.929%{opacity:0;transform:translateY(5px);}30.714%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l2 .c-dm{animation:hv-c2dm 14s linear infinite} @keyframes hv-p2dm{0%{opacity:1}28.571%{opacity:1}28.929%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l2 .p-dm{animation:hv-p2dm 14s linear infinite} @keyframes hv-o2{0%{opacity:0;}38.571%{opacity:0;}40.357%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fv .l2 .oact{animation:hv-o2 14s linear infinite} @keyframes hv-i2{0%{opacity:1}37.857%{opacity:1}38.214%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l2 .oidle{animation:hv-i2 14s linear infinite} @keyframes hv-tk3{0%{opacity:0;transform:translate(26px,560px);color:var(--sbe-brass)}13.571%{opacity:0;transform:translate(26px,560px);color:var(--sbe-brass)}15.714%{opacity:1;transform:translate(26px,560px);color:var(--sbe-brass)}16.914%{opacity:0;transform:translate(26px,560px);color:var(--sbe-brass)}19.514%{opacity:0;transform:translate(62px,560px);color:var(--sbe-brass)}20.714%{opacity:1;transform:translate(62px,560px);color:var(--sbe-brass)}22.857%{opacity:1;transform:translate(62px,560px);color:var(--sbe-brass)}24.057%{opacity:0;transform:translate(62px,560px);color:var(--sbe-brass)}25.943%{opacity:0;transform:translate(180px,560px);color:var(--sbe-brass)}27.143%{opacity:1;transform:translate(180px,560px);color:var(--sbe-brass)}29.286%{opacity:1;transform:translate(180px,560px);color:var(--sbe-brass)}30.486%{opacity:0;transform:translate(180px,560px);color:var(--sbe-brass)}32.371%{opacity:0;transform:translate(298px,560px);color:var(--sbe-brass)}33.571%{opacity:1;transform:translate(298px,560px);color:var(--sbe-brass)}35.714%{opacity:1;transform:translate(298px,560px);color:var(--sbe-brass)}36.429%{opacity:1;transform:translate(298px,560px);color:var(--sbe-threat)}37.629%{opacity:0;transform:translate(298px,560px);color:var(--sbe-threat)}38.8%{opacity:0;transform:translate(340px,560px);color:var(--sbe-threat)}40%{opacity:1;transform:translate(340px,560px);color:var(--sbe-threat)}41.429%{opacity:0;transform:translate(340px,560px);color:var(--sbe-threat)}42.143%{opacity:0;transform:translate(34px,669px);color:var(--sbe-threat)}43.571%{opacity:1;transform:translate(34px,669px);color:var(--sbe-threat)}88.571%{opacity:1;transform:translate(34px,669px);color:var(--sbe-threat)}92.857%{opacity:0;transform:translate(34px,669px);color:var(--sbe-threat)}100%{opacity:0;transform:translate(34px,669px);color:var(--sbe-threat)}} .sbe-fig .fv .l3 .tk{animation:hv-tk3 14s linear infinite} @keyframes hv-tr3{0%{opacity:0;stroke-dashoffset:318}15.714%{opacity:.9;stroke-dashoffset:318}20.714%{opacity:.9;stroke-dashoffset:278}22.857%{opacity:.9;stroke-dashoffset:278}27.143%{opacity:.9;stroke-dashoffset:160}29.286%{opacity:.9;stroke-dashoffset:160}33.571%{opacity:.9;stroke-dashoffset:42}35.714%{opacity:.9;stroke-dashoffset:42}40%{opacity:.9;stroke-dashoffset:0}88.571%{opacity:.9;stroke-dashoffset:0}92.857%{opacity:0;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}} .sbe-fig .fv .l3 .trace{animation:hv-tr3 14s linear infinite} @keyframes hv-c3spf{0%{opacity:0;transform:translateY(5px);}21.786%{opacity:0;transform:translateY(5px);}23.571%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l3 .c-spf{animation:hv-c3spf 14s linear infinite} @keyframes hv-p3spf{0%{opacity:1}21.429%{opacity:1}21.786%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l3 .p-spf{animation:hv-p3spf 14s linear infinite} @keyframes hv-c3dkim{0%{opacity:0;transform:translateY(5px);}28.214%{opacity:0;transform:translateY(5px);}30%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l3 .c-dkim{animation:hv-c3dkim 14s linear infinite} @keyframes hv-p3dkim{0%{opacity:1}27.857%{opacity:1}28.214%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l3 .p-dkim{animation:hv-p3dkim 14s linear infinite} @keyframes hv-c3dm{0%{opacity:0;transform:translateY(5px);}34.643%{opacity:0;transform:translateY(5px);}36.429%{opacity:1;transform:translateY(0);}88.571%{opacity:1;transform:translateY(0);}90.357%{opacity:0;transform:translateY(5px);}100%{opacity:0;transform:translateY(5px);}} .sbe-fig .fv .l3 .c-dm{animation:hv-c3dm 14s linear infinite} @keyframes hv-p3dm{0%{opacity:1}34.286%{opacity:1}34.643%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l3 .p-dm{animation:hv-p3dm 14s linear infinite} @keyframes hv-o3{0%{opacity:0;}44.286%{opacity:0;}46.071%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fv .l3 .oact{animation:hv-o3 14s linear infinite} @keyframes hv-i3{0%{opacity:1}43.571%{opacity:1}43.929%{opacity:0}90.357%{opacity:0}92.5%{opacity:1}100%{opacity:1}} .sbe-fig .fv .l3 .oidle{animation:hv-i3 14s linear infinite} @keyframes hv-x3{0%{opacity:0;}44.286%{opacity:0;}46.071%{opacity:1;}88.571%{opacity:1;}90.357%{opacity:0;}100%{opacity:0;}} .sbe-fig .fv .l3 .rejx{animation:hv-x3 14s linear infinite} @keyframes ad-s0-id{0%{opacity:0;}0.75%{opacity:0;}1.625%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-id{animation:ad-s0-id 40s linear infinite} @keyframes ad-s0-chk{0%{opacity:0;}3.25%{opacity:0;}4.125%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-chk{animation:ad-s0-chk 40s linear infinite} @keyframes ad-s0-aln{0%{opacity:0;}6%{opacity:0;}6.875%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-aln{animation:ad-s0-aln 40s linear infinite} @keyframes ad-s0-dm{0%{opacity:0;}8.5%{opacity:0;}9.375%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-dm{animation:ad-s0-dm 40s linear infinite} @keyframes ad-s0-pol{0%{opacity:0;}10.5%{opacity:0;}11.375%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-pol{animation:ad-s0-pol 40s linear infinite} @keyframes ad-s0-cap{0%{opacity:0;}0.25%{opacity:0;}1.125%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc0 .st-cap{animation:ad-s0-cap 40s linear infinite} @keyframes ad-s1-id{0%{opacity:0;}20.75%{opacity:0;}21.625%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-id{animation:ad-s1-id 40s linear infinite} @keyframes ad-s1-chk{0%{opacity:0;}23.25%{opacity:0;}24.125%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-chk{animation:ad-s1-chk 40s linear infinite} @keyframes ad-s1-aln{0%{opacity:0;}26%{opacity:0;}26.875%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-aln{animation:ad-s1-aln 40s linear infinite} @keyframes ad-s1-dm{0%{opacity:0;}28.5%{opacity:0;}29.375%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-dm{animation:ad-s1-dm 40s linear infinite} @keyframes ad-s1-pol{0%{opacity:0;}30.5%{opacity:0;}31.375%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-pol{animation:ad-s1-pol 40s linear infinite} @keyframes ad-s1-cap{0%{opacity:0;}20.25%{opacity:0;}21.125%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc1 .st-cap{animation:ad-s1-cap 40s linear infinite} @keyframes ad-s2-id{0%{opacity:0;}40.75%{opacity:0;}41.625%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-id{animation:ad-s2-id 40s linear infinite} @keyframes ad-s2-chk{0%{opacity:0;}43.25%{opacity:0;}44.125%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-chk{animation:ad-s2-chk 40s linear infinite} @keyframes ad-s2-aln{0%{opacity:0;}46%{opacity:0;}46.875%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-aln{animation:ad-s2-aln 40s linear infinite} @keyframes ad-s2-dm{0%{opacity:0;}48.5%{opacity:0;}49.375%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-dm{animation:ad-s2-dm 40s linear infinite} @keyframes ad-s2-pol{0%{opacity:0;}50.5%{opacity:0;}51.375%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-pol{animation:ad-s2-pol 40s linear infinite} @keyframes ad-s2-cap{0%{opacity:0;}40.25%{opacity:0;}41.125%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc2 .st-cap{animation:ad-s2-cap 40s linear infinite} @keyframes ad-s3-id{0%{opacity:0;}60.75%{opacity:0;}61.625%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-id{animation:ad-s3-id 40s linear infinite} @keyframes ad-s3-chk{0%{opacity:0;}63.25%{opacity:0;}64.125%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-chk{animation:ad-s3-chk 40s linear infinite} @keyframes ad-s3-aln{0%{opacity:0;}66%{opacity:0;}66.875%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-aln{animation:ad-s3-aln 40s linear infinite} @keyframes ad-s3-dm{0%{opacity:0;}68.5%{opacity:0;}69.375%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-dm{animation:ad-s3-dm 40s linear infinite} @keyframes ad-s3-pol{0%{opacity:0;}70.5%{opacity:0;}71.375%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-pol{animation:ad-s3-pol 40s linear infinite} @keyframes ad-s3-cap{0%{opacity:0;}60.25%{opacity:0;}61.125%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .ah .sc3 .st-cap{animation:ad-s3-cap 40s linear infinite} @keyframes ad-s4-id{0%{opacity:0;}80.75%{opacity:0;}81.625%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-id{animation:ad-s4-id 40s linear infinite} @keyframes ad-s4-chk{0%{opacity:0;}83.25%{opacity:0;}84.125%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-chk{animation:ad-s4-chk 40s linear infinite} @keyframes ad-s4-aln{0%{opacity:0;}86%{opacity:0;}86.875%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-aln{animation:ad-s4-aln 40s linear infinite} @keyframes ad-s4-dm{0%{opacity:0;}88.5%{opacity:0;}89.375%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-dm{animation:ad-s4-dm 40s linear infinite} @keyframes ad-s4-pol{0%{opacity:0;}90.5%{opacity:0;}91.375%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-pol{animation:ad-s4-pol 40s linear infinite} @keyframes ad-s4-cap{0%{opacity:0;}80.25%{opacity:0;}81.125%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .ah .sc4 .st-cap{animation:ad-s4-cap 40s linear infinite} @keyframes am-s0-id{0%{opacity:0;}0.75%{opacity:0;}1.625%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-id{animation:am-s0-id 40s linear infinite} @keyframes am-s0-chk{0%{opacity:0;}3.25%{opacity:0;}4.125%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-chk{animation:am-s0-chk 40s linear infinite} @keyframes am-s0-aln{0%{opacity:0;}6%{opacity:0;}6.875%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-aln{animation:am-s0-aln 40s linear infinite} @keyframes am-s0-dm{0%{opacity:0;}8.5%{opacity:0;}9.375%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-dm{animation:am-s0-dm 40s linear infinite} @keyframes am-s0-pol{0%{opacity:0;}10.5%{opacity:0;}11.375%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-pol{animation:am-s0-pol 40s linear infinite} @keyframes am-s0-cap{0%{opacity:0;}0.25%{opacity:0;}1.125%{opacity:1;}19.375%{opacity:1;}20.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc0 .st-cap{animation:am-s0-cap 40s linear infinite} @keyframes am-s1-id{0%{opacity:0;}20.75%{opacity:0;}21.625%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-id{animation:am-s1-id 40s linear infinite} @keyframes am-s1-chk{0%{opacity:0;}23.25%{opacity:0;}24.125%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-chk{animation:am-s1-chk 40s linear infinite} @keyframes am-s1-aln{0%{opacity:0;}26%{opacity:0;}26.875%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-aln{animation:am-s1-aln 40s linear infinite} @keyframes am-s1-dm{0%{opacity:0;}28.5%{opacity:0;}29.375%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-dm{animation:am-s1-dm 40s linear infinite} @keyframes am-s1-pol{0%{opacity:0;}30.5%{opacity:0;}31.375%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-pol{animation:am-s1-pol 40s linear infinite} @keyframes am-s1-cap{0%{opacity:0;}20.25%{opacity:0;}21.125%{opacity:1;}39.375%{opacity:1;}40.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc1 .st-cap{animation:am-s1-cap 40s linear infinite} @keyframes am-s2-id{0%{opacity:0;}40.75%{opacity:0;}41.625%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-id{animation:am-s2-id 40s linear infinite} @keyframes am-s2-chk{0%{opacity:0;}43.25%{opacity:0;}44.125%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-chk{animation:am-s2-chk 40s linear infinite} @keyframes am-s2-aln{0%{opacity:0;}46%{opacity:0;}46.875%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-aln{animation:am-s2-aln 40s linear infinite} @keyframes am-s2-dm{0%{opacity:0;}48.5%{opacity:0;}49.375%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-dm{animation:am-s2-dm 40s linear infinite} @keyframes am-s2-pol{0%{opacity:0;}50.5%{opacity:0;}51.375%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-pol{animation:am-s2-pol 40s linear infinite} @keyframes am-s2-cap{0%{opacity:0;}40.25%{opacity:0;}41.125%{opacity:1;}59.375%{opacity:1;}60.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc2 .st-cap{animation:am-s2-cap 40s linear infinite} @keyframes am-s3-id{0%{opacity:0;}60.75%{opacity:0;}61.625%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-id{animation:am-s3-id 40s linear infinite} @keyframes am-s3-chk{0%{opacity:0;}63.25%{opacity:0;}64.125%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-chk{animation:am-s3-chk 40s linear infinite} @keyframes am-s3-aln{0%{opacity:0;}66%{opacity:0;}66.875%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-aln{animation:am-s3-aln 40s linear infinite} @keyframes am-s3-dm{0%{opacity:0;}68.5%{opacity:0;}69.375%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-dm{animation:am-s3-dm 40s linear infinite} @keyframes am-s3-pol{0%{opacity:0;}70.5%{opacity:0;}71.375%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-pol{animation:am-s3-pol 40s linear infinite} @keyframes am-s3-cap{0%{opacity:0;}60.25%{opacity:0;}61.125%{opacity:1;}79.375%{opacity:1;}80.125%{opacity:0;}100%{opacity:0;}} .sbe-fig .av .sc3 .st-cap{animation:am-s3-cap 40s linear infinite} @keyframes am-s4-id{0%{opacity:0;}80.75%{opacity:0;}81.625%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-id{animation:am-s4-id 40s linear infinite} @keyframes am-s4-chk{0%{opacity:0;}83.25%{opacity:0;}84.125%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-chk{animation:am-s4-chk 40s linear infinite} @keyframes am-s4-aln{0%{opacity:0;}86%{opacity:0;}86.875%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-aln{animation:am-s4-aln 40s linear infinite} @keyframes am-s4-dm{0%{opacity:0;}88.5%{opacity:0;}89.375%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-dm{animation:am-s4-dm 40s linear infinite} @keyframes am-s4-pol{0%{opacity:0;}90.5%{opacity:0;}91.375%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-pol{animation:am-s4-pol 40s linear infinite} @keyframes am-s4-cap{0%{opacity:0;}80.25%{opacity:0;}81.125%{opacity:1;}99.375%{opacity:1;}100%{opacity:0;}100.125%{opacity:0;}} .sbe-fig .av .sc4 .st-cap{animation:am-s4-cap 40s linear infinite} } /* 14. MISSION-012 refinement: atmosphere, section transitions, supporting pages */ .sbe-hero{padding:clamp(1.5rem,4vw,4.5rem) 0} .sbe-hero__bg{background: radial-gradient(64rem 36rem at 8% 6%,rgba(217,184,114,.15),transparent 66%), radial-gradient(46rem 32rem at 100% 100%,rgba(124,133,255,.09),transparent 70%), radial-gradient(30rem 20rem at 55% 40%,rgba(217,184,114,.05),transparent 70%), linear-gradient(180deg,#0b0a09 0%,#0e0c0a 100%)} .sbe-hero__rings{position:absolute;left:0;bottom:0;width:100%;height:100%;color:rgba(217,184,114,.2);-webkit-mask-image:linear-gradient(90deg,#000 10%,transparent 70%);mask-image:linear-gradient(90deg,#000 10%,transparent 70%)} .sbe-hero__sweep{position:absolute;top:0;bottom:0;left:-26%;width:26%;background:linear-gradient(100deg,transparent,rgba(217,184,114,.055) 50%,transparent);pointer-events:none} @media (prefers-reduced-motion:no-preference){.sbe-hero__sweep{animation:sbe-sweep 22s linear infinite}} @keyframes sbe-sweep{from{transform:translateX(0)}to{transform:translateX(520%)}} .sbe-kicker{display:flex;align-items:center;gap:.7rem;color:var(--sbe-brass)} .sbe-kicker::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--sbe-brass);box-shadow:0 0 0 4px rgba(217,184,114,.16),0 0 14px rgba(217,184,114,.6)} .sbe-hero h1{font-size:clamp(2.1rem,1.1rem + 3vw,4rem);letter-spacing:-.025em;line-height:1.06} .sbe-hero__lead{font-size:clamp(1.02rem,.95rem + .35vw,1.22rem)} .sbe-hero__note{list-style:none;margin:1.6rem 0 0;padding:1.1rem 0 0;max-width:34rem;border-top:1px solid var(--sbe-hair);display:grid;gap:.55rem} .sbe-hero__note li{display:flex;gap:.9rem;align-items:baseline;font-size:.875rem;line-height:1.45;color:var(--sbe-muted)} .sbe-hero__note b{font:600 .75rem var(--sbe-mono);color:var(--sbe-brass);letter-spacing:.08em;flex:none} @media (max-width:640px){.sbe-hero__note{margin-top:1.25rem}} .sbe-fig__frame{background:linear-gradient(180deg,#1f1b17,#141210);box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(217,184,114,.07),0 0 90px -20px rgba(217,184,114,.12),inset 0 1px 0 rgba(255,255,255,.06)} /* section transitions: a brass tick on each hairline, plus tonal atmosphere per section */ .sbe-sec+.sbe-sec::before,.sbe-close::before{content:"";position:absolute;top:-1px;left:max(var(--sbe-gut),calc((100% - 88rem)/2 + var(--sbe-gut)));width:6rem;height:2px;background:linear-gradient(90deg,var(--sbe-brass),transparent)} .sbe-sec--rec{background:radial-gradient(48rem 30rem at 0% 20%,rgba(217,184,114,.07),transparent 70%)} .sbe-sec--roll{background:radial-gradient(44rem 30rem at 100% 40%,rgba(124,133,255,.09),transparent 70%),linear-gradient(180deg,#0b0a09,#0d0b09)} .sbe-sec--top{background:linear-gradient(180deg,#0d0b09,#0b0a09 40%),repeating-linear-gradient(90deg,rgba(242,236,224,.025) 0 1px,transparent 1px 120px)} .sbe-sec--align{background:radial-gradient(60rem 26rem at 50% 0%,rgba(217,184,114,.07),transparent 70%),linear-gradient(180deg,#100e0b,#0d0b09)} .sbe-rec{box-shadow:0 20px 50px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .3s,transform .3s} .sbe-rec:hover{border-color:var(--sbe-hair2)} .sbe-rec__k b{font-size:2.15rem} .sbe-sec h2{font-size:clamp(2rem,1.1rem + 3vw,3.9rem)} .sbe-sec__intro{font-size:1.125rem;line-height:1.65} .sbe-close{background:radial-gradient(50rem 24rem at 12% 120%,rgba(217,184,114,.2),transparent 70%),radial-gradient(50rem 26rem at 92% -20%,rgba(124,133,255,.22),transparent 70%),#0d0b09} .sbe-close::after{content:"";position:absolute;right:-8rem;bottom:-14rem;width:34rem;height:34rem;border-radius:50%;z-index:-1;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(217,184,114,.1) 38px 39px)} .sbe-not{background:linear-gradient(180deg,var(--sbe-raise),var(--sbe-panel));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} /* supporting pages: header atmosphere */ .sbe-phead{overflow:hidden;isolation:isolate;border-bottom-color:var(--sbe-hair)} .sbe-phead::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 100% 0,transparent 0 54px,rgba(217,184,114,.075) 54px 55px);-webkit-mask-image:linear-gradient(270deg,#000,transparent 65%);mask-image:linear-gradient(270deg,#000,transparent 65%)} .sbe-phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--sbe-brass),transparent);opacity:.4} .sbe-404 .sbe-big{background:linear-gradient(180deg,rgba(217,184,114,.18),transparent 85%);-webkit-background-clip:text;background-clip:text} /* where-next routes */ .sbe-routes{border-top:1px solid var(--sbe-hair);background:linear-gradient(180deg,var(--sbe-panel),var(--sbe-night));padding:clamp(2.5rem,6vw,4.5rem) var(--sbe-gut)} .sbe-routes__in{max-width:66rem;margin:0 auto} .sbe-routes ul{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1px;background:var(--sbe-hair);border:1px solid var(--sbe-hair);border-radius:16px;overflow:hidden;grid-template-columns:minmax(0,1fr)} @media (min-width:820px){.sbe-routes ul{grid-template-columns:repeat(3,minmax(0,1fr))}} .sbe-routes li{margin:0;background:var(--sbe-panel)} .sbe-routes a{display:grid;gap:.4rem;padding:1.5rem 1.6rem 1.7rem;text-decoration:none;color:var(--sbe-text);height:100%;position:relative;transition:background .25s} .sbe-routes a::after{content:"\2192";position:absolute;right:1.4rem;top:1.4rem;color:var(--sbe-brass);opacity:.5;transition:opacity .25s,transform .25s} .sbe-routes a:hover{background:linear-gradient(180deg,rgba(217,184,114,.08),var(--sbe-panel))} .sbe-routes a:hover::after{opacity:1;transform:translateX(4px)} .sbe-routes .n{font:600 .8rem var(--sbe-mono);color:var(--sbe-brass);letter-spacing:.08em} .sbe-routes b{font-family:var(--sbe-serif);font-weight:400;font-size:1.5rem;letter-spacing:-.01em;line-height:1.15} .sbe-routes .d{color:var(--sbe-muted);font-size:.95rem;line-height:1.55} /* 404: body aligned to the header column (root cause: a constrained 46rem group centres itself) */ .sbe-body--404{max-width:calc(66rem + 2*var(--sbe-gut));margin-inline:auto} .sbe-body--404>*{max-width:46rem;margin-left:0;margin-right:0} /* 15. MISSION-012 round 2: no rule or arc may pass behind text. Grid rules and rings live only in the right-hand (figure) half of the hero on wide screens and are removed where the text spans the width. */ .sbe-hero__bg::before{-webkit-mask-image:linear-gradient(90deg,transparent 52%,#000 78%),linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(90deg,transparent 52%,#000 78%),linear-gradient(180deg,#000,transparent 85%);-webkit-mask-composite:source-in;mask-composite:intersect} .sbe-hero__rings{transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,#000 20%,transparent 52%);mask-image:linear-gradient(90deg,#000 20%,transparent 52%)} @media (max-width:1279px){.sbe-hero__bg::before,.sbe-hero__rings{display:none}} .sbe-hero__sweep{display:none} @media (min-width:1280px){.sbe-hero__sweep{display:block;left:52%;width:20%;opacity:.9}} @media (min-width:1280px) and (prefers-reduced-motion:no-preference){.sbe-hero__sweep{animation:sbe-sweep2 22s linear infinite}} @keyframes sbe-sweep2{from{transform:translateX(0);opacity:0}15%{opacity:.9}85%{opacity:.9}to{transform:translateX(160%);opacity:0}} /* figure 2: labelled "evaluating" state while the DMARC result is pending (animation only; the static end state shows no label) */ .sbe-fig .evl{font-family:var(--sbe-mono);font-size:14px;letter-spacing:.06em;fill:var(--sbe-muted);opacity:0} @media (prefers-reduced-motion:no-preference){.sbe-fig .ah .evl,.sbe-fig .av .evl{animation:sbe-evl 40s linear infinite}} @keyframes sbe-evl{0%{opacity:0}3%{opacity:0}3.6%{opacity:1}8.3%{opacity:1}8.8%{opacity:0}23%{opacity:0}23.6%{opacity:1}28.3%{opacity:1}28.8%{opacity:0}43%{opacity:0}43.6%{opacity:1}48.3%{opacity:1}48.8%{opacity:0}63%{opacity:0}63.6%{opacity:1}68.3%{opacity:1}68.8%{opacity:0}83%{opacity:0}83.6%{opacity:1}88.3%{opacity:1}88.8%{opacity:0}100%{opacity:0}} /* 16. round 3: tablet figure fills the column */ @media (min-width:641px) and (max-width:1279px){.sbe-fig--hero{max-width:46rem}.sbe-fig--hero .fh{max-width:none}} /* rendered label floor: 12px at every width */ .sbe-fig .fh .cap{font-size:13.5px} .sbe-fig .fv .dsm.s,.sbe-fig .fv .dsm{font-size:13.4px} .sbe-fig .fh .tiny,.sbe-fig .fh .sm{font-size:13.5px} .sbe-fig .fv .os,.sbe-fig .fv .os.s,.sbe-fig .fv .os.idle.s{font-size:13.4px} /* 17. round 4: mobile hero figure text floor of 12px rendered down to 360px wide */ .sbe-fig .fv .tiny,.sbe-fig .fv .sm,.sbe-fig .fv .dsm,.sbe-fig .fv .dsm.s,.sbe-fig .fv .os,.sbe-fig .fv .os.s,.sbe-fig .fv .os.idle.s,.sbe-fig .fv .pend,.sbe-fig .fv .pend.s{font-size:13.8px} @media (max-width:420px){.sbe-fig--hero{margin-inline:-.4rem;width:calc(100% + .8rem)}.sbe-fig--hero .sbe-fig__frame{padding:.35rem}} /* the small-caps lead must always fit on one line */ .sbe-h1-lead{font-size:.5em} @media (max-width:640px){.sbe-h1-lead{font-size:.58em}} @media (max-width:420px){ .sbe-fig:not(.sbe-fig--hero){margin-inline:-.4rem;width:calc(100% + .8rem);max-width:none} .sbe-fig:not(.sbe-fig--hero) .sbe-fig__frame{padding:.35rem} .sbe-fig .av .cap{font-size:13.8px;letter-spacing:.07em} .sbe-fig .av .rs.s,.sbe-fig .av .evl,.sbe-fig .av .val.s{font-size:13.8px} } /* 18. round 7: stacked hero (641-1279) - text and figure share one centred column and one left edge */ @media (min-width:641px) and (max-width:1279px){.sbe-hero__grid{max-width:calc(46rem + 2*var(--sbe-gut));margin-inline:auto}.sbe-hero__lead,.sbe-hero__note{max-width:none}}