/* One visual system for every owned page. Layouts, order and content stay intact. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/manrope-400.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/manrope-500.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/manrope-600.woff2') format('woff2')}
.site-relay-root{color-scheme:dark;--relay-bg:#030503;--relay-surface:rgba(13,23,14,.65);--relay-text:#f2f4ee;--relay-muted:#a7b49b;--relay-accent:#c4f648;--relay-line:rgba(221,244,192,.14);--relay-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--acid:#c4f648;--black:#030503;--line:rgba(221,244,192,.14)}
.site-relay-home-root,.site-relay-article-root{--paper:#f2f4ee}
.site-relay-guide-root[data-education-theme],.site-relay-utility-root{--paper:#030503;--ink:#f2f4ee;--muted:#a7b49b;--accent:#c4f648;--line:rgba(221,244,192,.14)}
.site-relay{isolation:isolate;background:var(--relay-bg);color:var(--relay-text);font-family:Manrope,Arial,sans-serif;font-weight:400}
.site-relay :is(button,input,textarea,select){font-family:Manrope,Arial,sans-serif}
.site-relay :is(h1,h2,h3,h4){font-family:Manrope,Arial,sans-serif;font-variation-settings:normal}
.site-relay ::selection{background:#c4f648;color:#142007}
.site-relay :is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #c4f648;outline-offset:4px}
.site-relay :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#c4f648}
.site-relay a:hover{opacity:1}
.site-relay-atmosphere{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#5a7a221a,transparent 58%),#030503}
.site-relay-atmosphere canvas{display:block;width:100%;height:100%;opacity:.72}
.site-relay-atmosphere>span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 60%)}
.site-relay-guide .site-relay-atmosphere canvas,.site-relay-utility .site-relay-atmosphere canvas{opacity:.30}
.site-relay-article .site-relay-atmosphere canvas{opacity:.40}
.site-relay> :where(main,article,section,footer,.wrap,.ue,.page-frame,.utility-nav,.shell){position:relative;z-index:1}
.site-relay .lime{color:#c4f648}
.site-relay :is(.eyebrow,.utility-kicker,.section-label>p,.blog-kicker){font-family:var(--relay-mono);color:#bad29c;letter-spacing:.06em}
.site-relay .reference-nav:not(.education-reference-nav){background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-relay .reference-nav :is(.reference-menu a,.reference-actions a){font-family:Manrope,Arial,sans-serif}
.site-relay .reference-nav:not(.education-reference-nav) .reference-menu{background:rgba(12,23,12,.56);border-color:#d8f0bb26;box-shadow:inset 0 1px #ffffff08}
.site-relay .reference-nav .nav-glider{background:#c4f64815;border-color:#c4f6483d;box-shadow:inset 0 1px #e6ffc012}
.site-relay .reference-nav .reference-menu a[aria-current],.site-relay .reference-nav .reference-menu a:hover{color:#d7ff95}
.site-relay .reference-nav .reference-actions .telegram{background:#c4f648;color:#101908;border-color:#c4f648}
.site-relay .reference-nav .reference-actions .telegram:hover{background:#d8ff7c}
.site-relay .reference-nav .reference-actions .cg-social{color:#d9ebc8;background:#14211188;border-color:#c4f64844}
.site-relay .reference-nav .reference-actions .lang-switch{color:#dceccc}
.site-relay-home .stage.reference-stage{border-color:#d5edb72b;background:#050b06}
.site-relay-home .stage.reference-stage::after{background:linear-gradient(180deg,rgba(4,10,5,.45),rgba(2,7,3,.66) 45%,rgba(3,9,4,.70))}
.site-relay-home .stage.reference-stage .reference-copy h1.hero-intro{font-family:Manrope,Arial,sans-serif;font-weight:500;color:#f2f5eb}
.site-relay-home .stage.reference-stage .reference-copy .hero-support{font-family:Manrope,Arial,sans-serif;color:#c5d1b9}
.site-relay-home .section-label{border-color:var(--relay-line)}
.site-relay-home .section-label h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.04}
.site-relay-home :is(.project,.blog-feature,.skill,.quote,.museum-cover){border:1px solid var(--relay-line);box-shadow:inset 0 1px #efffdb0a}
.site-relay-home :is(.blog-feature,.skill){background:linear-gradient(140deg,rgba(24,36,19,.58),rgba(7,16,9,.75));backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}
.site-relay-home .project{background:#091008}
.site-relay-home .project span{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.site-relay-home .project .role{background:#c4f648;color:#142008;font-family:var(--relay-mono);letter-spacing:0}
.site-relay-home .blog-feature h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.site-relay-home .blog-feature p{color:#afbea1}
.site-relay-home .blog-feature .blog-kicker{color:#c4f648}
.site-relay-home .blog-link{color:#152208;background:#c4f648;border:1px solid #d6fa9d44;font-family:Manrope,Arial,sans-serif}
.site-relay-home .museum-cover{background:radial-gradient(ellipse at 75% 70%,#5b773e45,transparent 70%),rgba(11,24,14,.65);color:#f0f6e8}
.site-relay-home .museum-cover b{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.04em}
.site-relay-home .museum-cover :is(span,small){font-family:var(--relay-mono);font-weight:400;letter-spacing:.06em}
.site-relay-home .skill{color:#edf5e4;transition:background .2s,border-color .2s}
.site-relay-home .skill h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.025em;line-height:1.16}
.site-relay-home .skill p{color:#b5c3a7;line-height:1.65}
.site-relay-home .skill:is(:hover,.is-active){background:#c4f648;color:#132006;border-color:#c4f648}
.site-relay-home .skill:is(:hover,.is-active) p{color:#344e1c}
.site-relay-home .quote{background:#091009}
.site-relay-home .quote h2{font-family:Manrope,Arial,sans-serif;color:#f1f7e9;font-weight:500;letter-spacing:-.035em}
.site-relay-home .contact{background:linear-gradient(130deg,#cef96a,#bced3f);color:#152009}
.site-relay-home .contact h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.08;color:#142007}
.site-relay-home .contact>a{background:#142007;color:#e0ffad;border-color:#142007}
.site-relay-home .footer{background:rgba(7,15,8,.86);color:#bdcba9;border-color:#d7efbb24;font-family:var(--relay-mono);font-weight:400}
.site-relay-home .education-topic-links{color:#afbf9c}
.site-relay-home .education-topic-links a:hover{color:#d6ff95}
.site-relay :is(.media-dialog,.privacy-dialog,.course-program-dialog,.waitlist-dialog){background:rgba(9,20,11,.94);color:#f2f6eb;border-color:#bedb9645;box-shadow:0 25px 100px #0008,inset 0 1px #efffdb12;backdrop-filter:blur(30px) saturate(1.08);-webkit-backdrop-filter:blur(30px) saturate(1.08)}
.site-relay :is(.media-dialog,.privacy-dialog,.course-program-dialog,.waitlist-dialog)::backdrop{background:rgba(0,7,2,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-relay :is(.dialog-close,.course-program-close,.waitlist-close){background:rgba(22,36,17,.92);color:#e7f9d4;border-color:#c4e89844;font-family:Manrope,Arial,sans-serif}
.site-relay :is(.dialog-close,.course-program-close,.waitlist-close):hover{background:#c4f648;color:#172207}
.site-relay .privacy-copy h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.12;letter-spacing:-.035em}
.site-relay .privacy-copy p{color:#b6c6a7;line-height:1.8}
.site-relay .course-program-header{background:rgba(26,39,18,.42);border-color:#d9efbd1c}
.site-relay .course-program-header h2{font-weight:500;color:#f2f6eb}
.site-relay .course-program-header p{font-family:var(--relay-mono);color:#c4ed90;font-size:12px}
.site-relay .course-program-body :is(.program-route,.module,.website-bonus),.site-relay .course-program-source:target{background:rgba(18,30,15,.68);color:#eef6e4;border-color:#d5edb226;box-shadow:inset 0 1px #ffffff07}
.site-relay .course-program-body .module{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-relay .course-program-body :is(.module-heading,.module-title,.program-route-intro){color:#e6f4d7}
.site-relay .course-program-body :is(p,li){color:#b7c8a8;line-height:1.8}
.site-relay .course-program-body :is(strong,.route-context,.step){color:#c5ee91}
.site-relay .course-program-body :is(.timeline,.module-body){border-color:#d0edaa26}
.site-relay .program-fallback-close{background:#101d0e;color:#c4f648}
.site-relay .waitlist-dialog :is(.waitlist-intro,.waitlist-consent,.waitlist-contact){color:#b7c9a7}
.site-relay .waitlist-dialog :is(.waitlist-course,.waitlist-field){color:#eff7e6}
.site-relay .waitlist-dialog .waitlist-field input{background:rgba(3,12,5,.86);color:#edf6e5;border-color:#c2df9e47;border-radius:12px}
.site-relay .waitlist-dialog .waitlist-field input::placeholder{color:#8c9c7e}
.site-relay .waitlist-dialog .cta{background:#c4f648;color:#142107;border-color:#c4f648}
.site-relay .waitlist-consent input{accent-color:#c4f648}
.site-relay-education .course-modes button[aria-pressed=true]{background:#2b3e1b;color:#dcffa5}
.site-relay-education .course-modes button:hover{color:#e6ffc1}
.site-relay-education .course-program-plus{background:rgba(21,36,16,.4);border-color:#d0efaa35;color:#d5f7a4}
.site-relay-education .course-program-open:hover .course-program-plus{background:#c4f648;color:#182407}
.site-relay .utility-nav{background:linear-gradient(110deg,rgba(18,32,16,.6),rgba(4,12,6,.65));border-color:#d0ebb522;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-relay .utility-brand{color:#f2f7e9;font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.04em}
.site-relay .utility-actions{color:#c3d2b3;font-family:Manrope,Arial,sans-serif}
.site-relay .utility-actions a:hover{color:#d6ff96}
.site-relay .utility-actions a[aria-label]{color:#c4f648;font-family:var(--relay-mono)}
.site-relay .utility-main h1,.site-relay .seo-heading h1{color:#f1f6e9;font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.16}
.site-relay .utility-main h2,.site-relay .seo-copy h2,.site-relay .seo-related h2{color:#eaf5dd;font-weight:500;letter-spacing:-.025em}
.site-relay .utility-main :is(p,li){color:#b7c5aa;line-height:1.85}
.site-relay .utility-main :is(a:not(.utility-cta)){color:#d1efaa;text-underline-offset:4px}
.site-relay .utility-main .utility-kicker{color:#bad996;font:11px/1.7 var(--relay-mono);letter-spacing:.08em}
.site-relay .utility-main :is(strong,b){color:#e4f5ce;font-weight:600}
.site-relay .utility-footer{color:#9fb38d;border-color:#d4edb51f;font-family:var(--relay-mono);font-size:11px}
.site-relay .utility-footer a:hover{color:#d8ff9a}
.site-relay .utility-cta{background:#c4f648;color:#162309;border:1px solid #c4f648;border-radius:99px;font-family:Manrope,Arial,sans-serif;transition:background .2s,border-color .2s}
.site-relay .utility-cta:hover{background:#d8ff7b;border-color:#d8ff7b}
.site-relay .utility-error .utility-kicker{font:600 80px/1 Manrope,Arial,sans-serif;color:#c4f648;text-shadow:0 0 50px #b9ee4122}
.site-relay .seo-breadcrumbs{color:#98ae83;font-family:var(--relay-mono);font-size:11px}
.site-relay .seo-breadcrumbs a{color:#bfd69e}
.site-relay .seo-lead{color:#b3c3a4;line-height:1.8}
.site-relay .seo-copy :is(p,li){color:#b9c9ac;line-height:1.9}
.site-relay .seo-copy a{color:#d1f99e;text-decoration:underline;text-decoration-color:#b8e47d55;text-underline-offset:4px}
.site-relay .seo-copy .seo-note{color:#98af83}
.site-relay .seo-copy .seo-sources{border-color:#d5efb41f}
.site-relay .seo-aside{background:linear-gradient(135deg,rgba(28,42,20,.58),rgba(7,18,9,.75));border:1px solid #c7e69e2b;border-radius:20px;padding:20px;box-shadow:inset 0 1px #efffd90a;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}
.site-relay .seo-aside nav p{font:10px/1.7 var(--relay-mono);letter-spacing:.06em;color:#c8e5a5}
.site-relay .seo-aside nav a{color:#aaba9a;transition:color .2s}
.site-relay .seo-aside nav a:hover{color:#d3ff95}
.site-relay .seo-related{border-color:#d0efae22}
.site-relay .seo-related>div>a{display:block;padding:14px 16px;border:1px solid #c5e49c20;border-radius:14px;background:rgba(14,28,14,.55);color:#cadfb4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .2s,background .2s}
.site-relay .seo-related>div>a:hover{background:#243b18a6;border-color:#c4f64870}
.site-relay .seo-cta{background:linear-gradient(125deg,#c9f85d,#b6ec3c);color:#172409;border-color:#c4f648;box-shadow:inset 0 1px #e7ffb1}
.site-relay .seo-cta h2{color:#152108;font-weight:500;letter-spacing:-.035em}
.site-relay .seo-cta p{color:#354d1d}
.site-relay .seo-cta .utility-cta{background:#152309;color:#dcffa4;border-color:#152309}
.site-relay .seo-cta .utility-cta:hover{background:#29441a}
.site-relay-article>.nav{background:rgba(9,21,11,.62);border-color:#d4efb225;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-relay-article .nav .back{color:#c9f28f;font-family:var(--relay-mono);font-weight:400}
.site-relay-article .nav .mail{color:#d6e9c3;border-color:#c8e99c3d;background:rgba(18,34,16,.6);font-family:Manrope,Arial,sans-serif}
.site-relay-article .nav .lang{background:#c4f648;color:#172209;border-color:#c4f648}
.site-relay-article .hero h1{font-family:Manrope,Arial,sans-serif;font-weight:500;font-variation-settings:normal;letter-spacing:-.035em;line-height:1.08}
.site-relay-article .hero .lead{color:#bdcdb0;line-height:1.6}
.site-relay-article .facts{color:#a1b68c;border-color:#cde7af24;font-family:var(--relay-mono);font-size:11px;font-weight:400}
.site-relay-article .article :is(h2,h3){font-family:Manrope,Arial,sans-serif;font-weight:500;font-variation-settings:normal;letter-spacing:-.025em;line-height:1.15}
.site-relay-article .article :is(p,li){color:#bdcdb0;line-height:1.8}
.site-relay-article .article strong{color:#d2f99b;font-weight:600}
.site-relay-article :is(.pull,.dialogue,.metrics>div){background:linear-gradient(135deg,rgba(27,42,18,.6),rgba(8,20,11,.72));border-color:#c4f64855;box-shadow:inset 0 1px #efffd909;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-relay-article .pull{color:#e4f3d2;font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.4}
.site-relay-article :is(.hero-media,.article-visual,.article-gallery figure,.story-media figure,.film){border-color:#c7e9a12b;box-shadow:0 18px 60px #0003,inset 0 1px #ffffff08}
.site-relay-article :is(.article-gallery figure,.story-media figure,.film){background:rgba(7,16,9,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-relay-article :is(figcaption,.media-note){font-family:var(--relay-mono);color:#a4b991!important;font-size:11px;line-height:1.7}
.site-relay-article .metrics b{color:#c4f648;font-family:Manrope,Arial,sans-serif;font-weight:500}
.site-relay-article .metrics span{color:#afc29e}
.site-relay-article .end{border-color:#d5ecb923}
.site-relay-article .end h2{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.035em}
.site-relay-article .end a{background:#c4f648;color:#172408;border:1px solid #c4f648;font-family:Manrope,Arial,sans-serif}
.site-relay-article .end a:hover{background:#d9ff7b}
.site-relay .cgd-consent{background:rgba(8,22,11,.96);color:#e7f3db;border:1px solid #c6e79948;box-shadow:0 18px 70px #0007,inset 0 1px #efffd710;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);font-family:Manrope,Arial,sans-serif}
.site-relay .cgd-consent h2{color:#f1f8e9;font-weight:500;letter-spacing:-.035em}
.site-relay .cgd-consent p{color:#b6caa4}
.site-relay .cgd-consent-actions button{background:#c4f648;border-color:#c4f648;color:#172408;font-family:Manrope,Arial,sans-serif}
.site-relay .cgd-consent-actions button[data-consent=reject]{background:rgba(30,48,20,.6);border-color:#badc8c55;color:#d9efc4}
.site-relay .cgd-consent-actions button:hover{background:#d7ff78;color:#152108}
.site-relay .cgd-consent-settings{color:inherit;font-family:var(--relay-mono)}
.site-relay .cg-chat{--cg-bg:#0b180d;--cg-text:#edf6e5;--cg-line:rgba(201,230,165,.18);font-family:Manrope,Arial,sans-serif}
.site-relay .cg-chat-toggle{background:rgba(13,31,15,.86);color:#d9f4bb;border-color:#c4f64855;box-shadow:0 10px 35px #0004,inset 0 1px #efffd710;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.site-relay .cg-chat-panel{background:rgba(7,20,10,.95);border-color:#c4df9e3d;box-shadow:0 20px 80px #0008;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.site-relay .cg-chat-heading{background:rgba(33,50,20,.35);border-color:#c8e5a41f}
.site-relay .cg-chat :is(.cg-chat-heading span,.cg-chat-intro,.cg-chat-contact span,.cg-chat-consent,.cg-chat-activity,.cg-chat-unavailable){color:#b7c9a5}
.site-relay .cg-chat-row{background:#24391b;color:#e9f5dd}
.site-relay .cg-chat-row.is-visitor{background:#c4f648;color:#172408}
.site-relay .cg-chat :is(input:not([type=checkbox]),textarea){background:rgba(3,14,6,.86);color:#edf7e4;border-color:#c5e49d33}
.site-relay .cg-chat input::placeholder,.site-relay .cg-chat textarea::placeholder{color:#8da57a}
.site-relay .cg-chat-badge,.site-relay .cg-chat-send-row button{background:#c4f648;color:#172408}
.site-relay .cg-chat-contacts{color:#d2e8bc;border-color:#c8e6a320}
.site-relay-motion{position:fixed;z-index:40;left:12px;bottom:12px;min-height:32px;max-width:180px;padding:8px 12px;border:1px solid #c3e39a33;border-radius:99px;background:#071407e0;color:#b9d2a1;font:9px/1.4 var(--relay-mono);cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-relay-motion:hover{color:#e1f9c4;border-color:#c4f64888}
@media(max-width:700px){.site-relay :is(.blog-feature,.skill,.seo-aside,.seo-related>div>a,.pull,.metrics>div){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-relay-article .nav .back{font-size:9px;letter-spacing:0}.site-relay .seo-aside{padding:18px}.site-relay .seo-related>div>a{padding:12px 14px}.site-relay .seo-heading h1{overflow-wrap:normal;word-break:normal}.site-relay-motion{font-size:8px;max-width:156px;left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.site-relay-root{scroll-behavior:auto}.site-relay-motion{display:none}.site-relay :is(.skill,.utility-cta,.seo-aside nav a,.seo-related>div>a){transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-relay :is(.seo-aside,.blog-feature,.skill,.cgd-consent,.cg-chat-panel,.waitlist-dialog,.course-program-dialog){background-color:#0b190d}}

/* v1.0.118: keep the home navigation comfortably inside the hero frame. */
.site-relay-home .reference-nav{top:calc(32px + env(safe-area-inset-top,0px))}
@media(max-width:600px){.site-relay-home .reference-nav{top:calc(20px + env(safe-area-inset-top,0px))}}
