/* Match fallback widths and font metrics while the local web fonts load. */
@font-face{font-family:'Instrument Fallback';src:local('Georgia');font-style:normal;font-weight:400;size-adjust:76.93%;ascent-override:128.69%;descent-override:40.30%;line-gap-override:0%}
@font-face{font-family:'Instrument Fallback';src:local('Georgia Italic');font-style:italic;font-weight:400;size-adjust:78.14%;ascent-override:126.70%;descent-override:39.67%;line-gap-override:0%}
@font-face{font-family:'Inter Fallback';src:local('Arial');font-weight:100 900;size-adjust:107.04%;ascent-override:90.53%;descent-override:22.61%;line-gap-override:0%}
:root{--bg:#080e17;--panel:#111925;--white:#f7f4ed;--muted:#a8b1be;--gold:#ffb638;--line:#ffffff20;--serif:'Instrument Serif','Instrument Fallback',Georgia,serif;--sans:'Inter','Inter Fallback',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.025em}h1{font-size:clamp(58px,5.8vw,88px)}h2{font-size:clamp(40px,4vw,55px)}em{font-weight:400;color:var(--gold)}p{color:var(--muted)}strong{font-weight:600}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--gold);line-height:1.6}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--gold);color:var(--bg);padding:12px}.skip-link:focus{top:12px}
.entry-header{position:sticky;top:0;z-index:10;background:#080e17f5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}.header-logo{width:179px}.header-row nav{display:flex;align-items:center;gap:32px;font-size:12px}.header-row nav a{padding-block:10px}.header-row nav a:hover{color:var(--gold)}.header-row .nav-login{border:1px solid #ffffff38;border-radius:99px;padding:10px 22px}.nav-login span,.nav-company span{margin-left:14px;color:var(--gold)}
.entry-hero{overflow:hidden;background:radial-gradient(ellipse at 82% 35%,#57321835,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:66px;align-items:center;padding-block:80px 88px}.hero-copy>.eyebrow{margin-bottom:25px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}.hero-description{font-size:15px;line-height:1.85;max-width:475px;margin-top:26px}.hero-description strong{color:#dfe4e9}.access-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:32px;max-width:470px}.access-card{display:block;padding:16px 21px;border:1px solid var(--line);border-radius:10px;transition:transform .18s,border-color .18s,background .18s}.access-card:hover{transform:translateY(-2px)}.student{background:var(--gold);color:var(--bg);border-color:var(--gold)}.student:hover{background:#ffcb70}.company{background:#ffffff04}.company:hover{border-color:var(--gold);background:#ffffff09}.access-label{display:block;font-size:9px;letter-spacing:.13em;line-height:1.5;opacity:.72;margin-bottom:5px}.access-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.5}.access-title>span{font-size:23px;font-weight:400}.instructor{font-size:11px;margin-top:21px;color:#909ba9}.course-preview{position:relative;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px;gap:20px}.preview-heading>span:first-child{font-size:9px;letter-spacing:.17em;color:#d2b389}.preview-number{font:76px/.8 var(--serif);color:#ffffff15}.preview-frame{border:1px solid #ffffff28;border-radius:14px;overflow:hidden;box-shadow:0 32px 75px #0006;background:#0b1018}.screen-tabs{display:flex;border-bottom:1px solid #ffffff12;padding:0 20px;gap:24px;background:#141b25}.screen-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9eabba;font-size:11px;padding:17px 0;min-height:50px}.screen-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.screen-link{display:block;position:relative;overflow:hidden;cursor:zoom-in}.screen-link img{width:100%;height:auto}.zoom-label{position:absolute;right:14px;bottom:14px;padding:8px 12px;border:1px solid #ffffff35;border-radius:99px;background:#080e17ee;font-size:10px;color:var(--white);line-height:1.5}.screen-link:hover .zoom-label{background:var(--gold);color:var(--bg)}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin-top:22px;padding-left:15px;border-left:2px solid var(--gold)}.preview-caption>span:last-child{font-size:8px;letter-spacing:.12em;white-space:nowrap;color:#c9aa80}
.legacy-section{background:#f1eee6;color:#10211c;padding:57px 0}.legacy-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:95px;align-items:center}.legacy-number{border-right:1px solid #17382726;padding-right:36px}.legacy-number .eyebrow{color:#82633e;font-size:9px}.legacy-number>strong{display:block;font:clamp(58px,6.4vw,86px)/1.2 var(--serif);letter-spacing:-.045em;margin-top:10px;white-space:nowrap}.legacy-number>strong>span{font-family:var(--sans);font-size:.43em;color:#a26a2d;vertical-align:top;display:inline-block;margin:12px 0 0 9px}.legacy-number>p{font-size:12px;line-height:1.6;color:#4d5b52;margin-top:9px}.legacy-copy h2{font-size:clamp(35px,3.2vw,45px)}.legacy-copy em{color:#9e6429}.legacy-copy p{font-size:13px;line-height:1.85;color:#606a63;max-width:540px;margin-top:20px}
.method-section{padding:83px 0}.method-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:72px;align-items:center}.method-copy .eyebrow{font-size:9px;margin-bottom:20px}.method-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-top:20px;max-width:300px}.method-steps{padding:0;margin:24px 0 0;list-style:none}.method-steps li{display:flex;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0e;font-size:13px}.method-steps li>span{font-size:10px;color:var(--gold);width:20px}.method-image{min-width:0}.method-image>a{border:1px solid var(--line);border-radius:12px}.method-image figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px;max-width:490px}.closing-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;background:#ffffff02}.closing-row{display:flex;justify-content:space-between;align-items:center;gap:40px}.closing-row h2{font-size:43px}.closing-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:99px;padding:16px 21px;min-height:54px;font-size:12px;font-weight:500;border:1px solid transparent}.button>span{font-size:19px}.button-primary{background:var(--gold);color:var(--bg)}.button-primary:hover{background:#ffcb70}.button-outline{border-color:#ffffff40}.button-outline:hover{border-color:var(--gold);color:var(--gold)}.entry-footer{padding:27px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:10px}.triadps-signature{display:flex;align-items:center;gap:22px}.triadps-signature img{width:95px}.triadps-signature span{color:var(--muted);font-size:9px}.footer-row>a:last-child:hover{color:var(--gold)}
dialog{width:min(1400px,96vw);max-width:none;max-height:94dvh;background:var(--bg);color:var(--white);border:1px solid #ffffff30;border-radius:14px;padding:0;box-shadow:0 25px 80px #000a}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;border-bottom:1px solid var(--line)}.dialog-bar h2{font:16px/1.4 var(--sans);letter-spacing:0}.dialog-bar button{flex:none;border:1px solid #ffffff30;color:var(--white);background:transparent;border-radius:99px;padding:8px 16px;font-size:12px}.dialog-bar button span{margin-left:14px}.dialog-image{max-height:calc(94dvh - 80px);overflow:auto}.dialog-image img{width:100%;min-width:780px}
@media(min-width:1500px){.hero-grid{padding-block:90px 104px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:35px;padding-block:60px 65px;grid-template-columns:1fr 1fr}h1{font-size:64px}.hero-description{font-size:13px}.preview-caption>span:last-child{display:none}.legacy-grid{gap:50px}.legacy-number>strong{font-size:68px}.method-grid{gap:42px;grid-template-columns:.8fr 1.2fr}.closing-actions{flex-direction:column;gap:10px}.closing-row h2{font-size:43px}.triadps-signature span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-row{min-height:72px;gap:15px}.header-logo{width:140px}.header-row nav{gap:20px;font-size:11px}.nav-method{display:none}.header-row .nav-login{padding:9px 15px}.nav-company span{display:none}.nav-login span{margin-left:6px}.hero-grid{grid-template-columns:1fr;gap:43px;padding-block:44px 47px}.hero-copy{max-width:570px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(57px,9.5vw,72px)}.hero-description{font-size:14px;line-height:1.85;max-width:520px;margin-top:23px}.access-options{grid-template-columns:1fr 1fr;max-width:none;margin-top:26px;gap:11px}.access-card{padding:15px}.access-title{font-size:13px;align-items:start;gap:8px}.access-title>span{font-size:19px}.access-label{font-size:8px}.instructor{font-size:10px;margin-top:19px}.preview-number{font-size:55px}.preview-heading{margin-bottom:16px}.preview-caption{font-size:11px;margin-top:17px}.preview-caption>span:last-child{display:block}.legacy-section{padding:38px 0}.legacy-grid{grid-template-columns:1fr;gap:26px}.legacy-number{border-right:0;border-bottom:1px solid #17382726;padding:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-items:center}.legacy-number .eyebrow{grid-column:1/-1;font-size:8px}.legacy-number>strong{font-size:67px;margin:0}.legacy-number>strong>span{margin-top:9px}.legacy-number>p{font-size:11px;margin-top:0}.legacy-copy h2{font-size:42px}.legacy-copy p{font-size:13px;margin-top:17px}.method-section{padding:49px 0}.method-grid{grid-template-columns:1fr;gap:30px}.method-copy h2{font-size:47px}.method-copy>p:not(.eyebrow){max-width:100%;font-size:13px}.method-steps{display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:20px}.method-steps li{font-size:12px;border-bottom:0;padding:4px 0;gap:8px}.method-steps li>span{width:auto}.method-image figcaption{font-size:10px}.closing-section{padding:36px 0}.closing-row{align-items:flex-start;flex-direction:column;gap:27px}.closing-row h2{font-size:42px}.closing-actions{width:100%;flex-direction:row;gap:10px}.closing-actions .button{flex:1;font-size:11px;padding:12px 15px;gap:10px}.footer-row{flex-wrap:wrap;gap:20px;font-size:9px}.triadps-signature{width:100%}.triadps-signature span{display:block}.dialog-bar{padding:12px 14px;gap:12px}.dialog-bar h2{font-size:12px}.dialog-bar button{font-size:11px;padding:7px 12px}.dialog-image img{min-width:740px}}
@media(max-width:440px){.header-logo{width:122px}.header-row nav{gap:13px;font-size:10px}.header-row .nav-login{padding:8px 12px}.hero-grid{padding-top:35px;gap:35px}h1{font-size:59px}.hero-description{font-size:13px}.access-options{grid-template-columns:1fr}.access-card{padding:14px 18px}.access-title{font-size:14px;align-items:center}.access-label{font-size:8px}.preview-heading>span:first-child{font-size:8px}.preview-caption>span:last-child{display:none}.screen-tabs{gap:22px;padding-inline:15px}.screen-tabs button{font-size:10px;padding-block:13px;min-height:44px}.zoom-label{font-size:8px;right:9px;bottom:9px;padding:6px 9px}.legacy-number{gap:10px}.legacy-number>strong{font-size:58px}.legacy-number>p{font-size:10px}.legacy-copy h2{font-size:36px}.legacy-copy p{font-size:12px}.closing-actions{flex-direction:column}.closing-actions .button{font-size:12px}.method-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep the two preview panels the same size while the hidden image loads. */
.preview-frame [role="tabpanel"]{aspect-ratio:1578/889}.preview-frame .screen-link{height:100%}.preview-frame .screen-link img{height:100%;object-fit:contain;background:#0b1018}