:where(.article_page){--ink:#e8eef7;--ink-muted:#b6c2d4;--ink-dim:#8b9bb4;--accent:#0096fa;--accent-bright:#4db8ff;--band-base:#0c121f;--band-raised:#111a2b;--prose-width:72ch}:where(.article_page) .main_page{background-color:#0c121f}body:has(:where(.article_page)){background-color:#0c121f}:is(body:has(:where(.article_page)),:where(.article_page) main,:where(.article_page) h1,:where(.article_page) h2,:where(.article_page) h3,:where(.article_page) h4,:where(.article_page) p,:where(.article_page) ul,:where(.article_page) ol,:where(.article_page) li,:where(.article_page) a,:where(.article_page) button,:where(.article_page) table,:where(.article_page) time,:where(.article_page) span,:where(.article_page) dl,:where(.article_page) figcaption,:where(.article_page) blockquote){font-family:"Exo 2",sans-serif!important}:where(.article_page) *,:where(.article_page) :before,:where(.article_page) :after{box-sizing:border-box}:where(.article_page) .logo{width:70px;height:70px;margin-right:10px}:where(.article_page) .logo_container{align-items:center;padding-top:15px;padding-bottom:7vh;display:flex}:where(.article_page) .logo_container p{vertical-align:middle;color:#fff;align-content:center;padding-top:10px;font-size:18px}:where(.article_page) .main_header{align-items:center;margin:0 auto;padding:20px}:where(.article_page) .main_header header{z-index:100;width:100vw;box-shadow:none;background:#0c121f;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0}:where(.article_page) .navigation{display:flex;position:absolute;right:3%}:where(.article_page) .navigation nav a{margin:0 3px}:where(.article_page) .desktop-nav{display:flex}:where(.article_page) .mobile-burger{display:none}:where(.article_page) .nav_btn{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}:where(.article_page) .nav_btn:active{transform:scale(.95)}:where(.article_page) .nav_btn:before{content:"";z-index:-2;background:#42455a;transition:inset .35s;position:absolute;inset:-3px 50px}:where(.article_page) .nav_btn:hover:before{background:#00c2cb;inset:-20px 0}:where(.article_page) .nav_btn:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}:where(.article_page) .overlay{z-index:1000;background-color:#0c172ee6;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}:where(.article_page) .overlay-content{text-align:center;width:100%;position:relative;top:25%}:where(.article_page) .overlay a{color:#818181;padding:8px;font-size:36px;text-decoration:none;transition:all .3s;display:block}:where(.article_page) .overlay a:hover{color:#f1f1f1}:where(.article_page) .overlay .closebtn{font-size:50px;position:absolute;top:20px;right:35px}:where(.article_page) main{width:100%;color:var(--ink);padding-top:96px;display:block}:where(.article_page) .article-hero{background:radial-gradient(120% 90% at 50% -10%, #0096fa26 0%, transparent 62%), var(--band-base);text-align:center;border-bottom:1px solid #ffffff12;padding:8vh 6vw 10vh}:where(.article_page) .article-hero__eyebrow{color:var(--accent-bright);letter-spacing:.09em;text-transform:uppercase;background:#0096fa1f;border:1px solid #0096fa4d;border-radius:999px;margin:0 0 22px;padding:6px 16px;font-size:.78rem;display:inline-block}:where(.article_page) .article-hero h1{color:#fff;text-wrap:balance;max-width:20ch;margin:0 auto;font-size:clamp(2rem,1.25rem + 3.4vw,4rem);font-weight:500;line-height:1.12}:where(.article_page) .article-hero__standfirst{max-width:62ch;color:var(--ink-muted);text-wrap:pretty;margin:28px auto 0;font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.6}:where(.article_page) .article-hero__meta{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:32px;font-size:.9rem;display:flex}:where(.article_page) .article-hero__meta>:not(:first-child):before{content:"•";color:#ffffff3d;margin-right:22px}:where(.article_page) .article-band{padding:9vh 6vw}:where(.article_page) .article-band--base{background:var(--band-base)}:where(.article_page) .article-band--brand{background:linear-gradient(#0f1930 0%,#101c33 100%);border-block:1px solid #ffffff12}:where(.article_page) .article-band--trust{background:radial-gradient(90% 70% at 12% 0,#00c2cb1f 0%,#0000 60%),#0a1524;border-block:1px solid #00c2cb2e}:where(.article_page) .article-band--engineering{background:var(--band-raised);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px,64px 64px;border-block:1px solid #ffffff12}:where(.article_page) .article-band--proof{background:#141d2f;border-block:1px solid #ffffff1a}:where(.article_page) .article-band--finale{text-align:center;background:radial-gradient(100% 120% at 50% 120%,#0096fa33 0%,#0000 65%),linear-gradient(#0c121f 0%,#0a1a30 100%);border-top:1px solid #0096fa3d}:where(.article_page) .article-band__inner{width:min(var(--prose-width), 100%);margin:0 auto}:where(.article_page) .article-band h2{color:#fff;text-wrap:balance;margin:0 0 28px;font-size:clamp(1.6rem,1.3rem + 1.3vw,2.35rem);font-weight:500;line-height:1.22}:where(.article_page) .article-band h3{color:var(--accent-bright);margin:44px 0 14px;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);font-weight:600;line-height:1.3}:where(.article_page) .article-band p{color:var(--ink-muted);text-wrap:pretty;margin:0 0 20px;font-size:1.05rem;line-height:1.75}:where(.article_page) .article-band p:last-child{margin-bottom:0}:where(.article_page) .article-band strong{color:var(--ink);font-weight:600}:where(.article_page) .article-band a{color:var(--accent-bright);border-bottom:1px solid #4db8ff59;text-decoration:none;transition:color .3s,border-color .3s}:where(.article_page) .article-band a:hover{color:#8ed2ff;border-bottom-color:#8ed2ff}:where(.article_page) .article-lede{color:var(--ink)!important;font-size:1.18rem!important;line-height:1.65!important}:where(.article_page) blockquote{border-left:3px solid var(--accent);color:var(--ink);margin:36px 0;padding:6px 0 6px 26px;font-size:1.18rem;font-style:italic;line-height:1.6}:where(.article_page) blockquote p{margin:0;color:inherit!important;font-size:inherit!important}:where(.article_page) .article-band ul.article-points{margin:0 0 20px;padding:0;list-style:none}:where(.article_page) .article-band ul.article-points li{color:var(--ink-muted);margin-bottom:12px;padding-left:26px;line-height:1.65;position:relative}:where(.article_page) .article-band ul.article-points li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:4px}:where(.article_page) ol.article-steps{counter-reset:article-step;margin:30px 0 0;padding:0;list-style:none}:where(.article_page) ol.article-steps li{color:var(--ink-muted);counter-increment:article-step;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:14px;padding:16px 20px 16px 62px;line-height:1.6;position:relative}:where(.article_page) ol.article-steps li:before{content:counter(article-step);width:30px;height:30px;color:var(--accent-bright);background:#0096fa26;border:1px solid #0096fa66;border-radius:50%;place-items:center;font-size:.9rem;font-weight:600;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}:where(.article_page) .article-rule{width:min(var(--prose-width), 100%);background:linear-gradient(90deg,#0000,#ffffff2e 22% 78%,#0000);border:0;height:1px;margin:8vh auto}:where(.article_page) .article-figure{text-align:center;width:100%;margin:42px auto}:where(.article_page) .article-image{max-width:100%;height:auto;margin:0 auto;display:block}:where(.article_page) .article-figure--wide{width:min(1100px,88vw);margin-left:calc(50% - min(550px,44vw))}:where(.article_page) .image-slot{background:repeating-linear-gradient(-45deg,#ffffff05 0 12px,#0000 12px 24px),#0f1728;border:2px dashed #ffffff2e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:34px 30px;display:flex}:where(.article_page) .image-slot__badge{color:var(--accent-bright);letter-spacing:.1em;text-transform:uppercase;background:#0096fa1f;border:1px solid #0096fa59;border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:600}:where(.article_page) .image-slot__filename{word-break:break-all;color:var(--ink)!important;margin:4px 0 0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:.9rem!important}:where(.article_page) .image-slot__content{color:var(--ink-muted)!important;margin:0!important;font-size:.95rem!important;line-height:1.55!important}:where(.article_page) .image-slot__meta{grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;font-size:.82rem;line-height:1.5;display:grid}:where(.article_page) .image-slot__meta dt{color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase;font-weight:600}:where(.article_page) .image-slot__meta dd{color:var(--ink-dim);margin:0}:where(.article_page) .article-figure figcaption{color:var(--ink-dim);text-align:center;margin-top:12px;font-size:.88rem;font-style:italic;line-height:1.5}:where(.article_page) .article-table-wrap{border:1px solid #ffffff1a;border-radius:12px;margin:32px 0;overflow-x:auto}:where(.article_page) table.article-metrics{border-collapse:collapse;width:100%;font-size:.98rem}:where(.article_page) table.article-metrics caption{color:var(--ink-dim);letter-spacing:.04em;text-align:left;text-transform:uppercase;border-bottom:1px solid #ffffff14;padding:16px 20px;font-size:.85rem}:where(.article_page) table.article-metrics th,:where(.article_page) table.article-metrics td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 20px}:where(.article_page) table.article-metrics thead th{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;font-size:.8rem;font-weight:600}:where(.article_page) table.article-metrics tbody th{color:var(--ink-muted);font-weight:400}:where(.article_page) table.article-metrics thead th:last-child,:where(.article_page) table.article-metrics td:last-child{text-align:right;white-space:nowrap}:where(.article_page) table.article-metrics td:last-child{color:#fff;font-variant-numeric:tabular-nums;font-weight:600}:where(.article_page) table.article-metrics tbody tr:last-child th,:where(.article_page) table.article-metrics tbody tr:last-child td{border-bottom:0}:where(.article_page) .article-next{border:1px solid #ffffff1a;border-left:3px solid var(--accent);background:#ffffff08;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:34px 0 0;padding:20px 24px;display:flex}:where(.article_page) .article-next p{color:var(--ink)!important;margin:0!important;font-size:1rem!important}:where(.article_page) .article-next span{color:var(--ink-dim);white-space:nowrap;font-size:.85rem;font-style:italic}:where(.article_page) .article-actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}:where(.article_page) .article-hero .article-actions,:where(.article_page) .article-band--finale .article-actions{justify-content:center}:where(.article_page) a.article-btn{border:1px solid #0000;border-radius:12px;padding:14px 30px;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s,color .25s;display:inline-block}:where(.article_page) a.article-btn:hover{transform:translateY(-2px)}:where(.article_page) a.article-btn--primary{background:var(--accent);color:#05121f;font-weight:600}:where(.article_page) a.article-btn--primary:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:#05121f;box-shadow:0 10px 26px #0096fa4d}:where(.article_page) a.article-btn--secondary{color:var(--ink);background:0 0;border-color:#ffffff3d}:where(.article_page) a.article-btn--secondary:hover{border-color:var(--accent-bright);color:#fff;background:#ffffff0f}:where(.article_page) .article-band--finale h2{text-align:center}:where(.article_page) .article-band--finale .article-flagship{letter-spacing:.02em;text-align:center;color:#fff!important;margin-top:30px!important;font-size:1.05rem!important}:where(.article_page) .article-audience{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px;display:grid}:where(.article_page) .article-audience>div{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:24px}:where(.article_page) .article-audience h3{margin:0 0 12px;font-size:1.05rem}:where(.article_page) .links_container{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;padding:8vh 0 20px;display:flex}:where(.article_page) .links_container ul{gap:30px;margin:0;padding:0;display:flex}:where(.article_page) .links_container ul li{list-style:none}:where(.article_page) .links_container ul li a{text-align:center;color:#666;background:#0c121f;border-bottom:0;border-radius:50%;width:60px;height:60px;font-size:30px;line-height:63px;transition:all .5s;display:block;position:relative}:where(.article_page) .links_container ul li a:before{content:"";z-index:-1;background:#0c121f;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}:where(.article_page) .links_container ul li a:hover:before{transform:scale(1.1);box-shadow:0 0 15px #0096fa}:where(.article_page) .links_container ul li a:hover{color:#0096fa;text-shadow:0 0 5px #0096fa;box-shadow:0 0 5px #0096fa}:where(.article_page) footer{color:var(--ink-dim);text-align:center;padding:10px 0 30px}@media (max-width:768px){:where(.article_page) .desktop-nav{display:none}:where(.article_page) .mobile-burger{z-index:1;color:#14a7cc;padding:20px;display:block;position:absolute;top:20px;right:20px}:where(.article_page) .overlay a{font-size:28px}:where(.article_page) .overlay .closebtn{font-size:40px}:where(.article_page) .logo{width:40.8px;height:40.8px;margin-right:8px}:where(.article_page) main{padding-top:80px;overflow-x:hidden}:where(.article_page) .article-hero{padding:6vh 7vw 7vh}:where(.article_page) .article-band{padding:7vh 7vw}:where(.article_page) .article-figure--wide{width:100%;max-width:100%;margin-left:auto;margin-right:auto}:where(.article_page) .image-slot{padding:26px 20px}:where(.article_page) ol.article-steps li{padding:14px 16px 14px 56px}:where(.article_page) .article-actions a.article-btn{text-align:center;width:100%}:where(.article_page) .article-next{flex-direction:column;align-items:flex-start}}
