@font-face{font-family:"MylanT Display";src:local("Georgia"),local("Times New Roman");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"MylanT Sans";src:local("Aptos"),local("Segoe UI");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"MylanT Mono";src:local("Consolas"),local("Courier New");font-style:normal;font-weight:400 700;font-display:swap}
:root{--ink:#f4f0e8;--paper:#192b3c;--muted:#78828c;--line:rgba(25,43,60,.16);--acid:#e36f4f;--serif:"MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;--sans:"MylanT Sans","Segoe UI",Arial,sans-serif;--mono:"MylanT Mono",Consolas,"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}.site-shell{max-width:1600px;margin:auto;overflow:hidden}.site-header{height:84px;padding:0 6.1%;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--paper);font:600 12px var(--mono);letter-spacing:.08em;text-decoration:none;white-space:nowrap}.brand-mark{width:24px;height:24px;border:1px solid var(--acid);border-radius:50%;display:flex;justify-content:center;align-items:center;gap:2px;transform:rotate(-35deg)}.brand-mark i{display:block;width:2px;background:var(--acid);border-radius:3px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:8px}.main-nav{display:flex;gap:38px;margin:auto}.nav-link{color:#96988f;font-size:12px;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--paper)}.nav-count{font:10px var(--mono);color:var(--acid);margin-left:4px}.arrow{margin-left:4px}.header-cta{border:1px solid var(--line);padding:11px 15px;border-radius:2px;color:var(--paper);font-size:11px;text-decoration:none}.header-cta span{color:var(--acid);margin-left:16px}.menu-toggle{display:none}.hero{min-height:660px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 9.5% 92px;gap:5%;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow{font:10px var(--mono);letter-spacing:.11em;color:#697783;text-transform:uppercase;margin:0 0 24px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #e36f4f66}h1,h2,h3,p{margin-top:0}.hero h1,.docs-heading h1{font:500 clamp(58px,7.2vw,104px)/.94 var(--serif);letter-spacing:-.07em;margin:0 0 28px}.hero h1 span,.about-strip h2 span{color:var(--acid)}.hero-description{max-width:390px;color:#697783;font-size:15px;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:27px;padding:14px 17px;text-decoration:none;font-size:11px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--ink);background:var(--acid)}.button-primary span{font-size:15px}.text-link{color:var(--paper);font-size:11px;text-decoration:none;border-bottom:1px solid #77796f;padding:0 0 5px}.text-link span{color:var(--acid);margin-left:7px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:69px;color:#78828c;font:9px var(--mono);letter-spacing:.1em}.meta-line{width:34px;height:1px;background:#52554d}.hero-art{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#192b3c08 1px,transparent 1px),linear-gradient(90deg,#192b3c08 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000 15%,transparent 73%)}.art-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#62b5bd13;filter:blur(60px)}.art-frame{position:relative;width:min(370px,80%);height:350px;border:1px solid #192b3c2c;background:linear-gradient(145deg,#192b3c09,#192b3c01);overflow:hidden;box-shadow:0 22px 90px #0007}.art-frame:before,.art-frame:after{content:"";position:absolute;background:#192b3c22}.art-frame:before{width:100%;height:1px;top:43px}.art-frame:after{width:1px;height:100%;left:26px}.art-top,.art-bottom{position:absolute;left:18px;right:17px;display:flex;justify-content:space-between;color:#697783;font:8px var(--mono);letter-spacing:.08em}.art-top{top:16px}.art-bottom{bottom:15px}.art-index{color:var(--acid)}.orb{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1}.orb-back{width:210px;background:linear-gradient(145deg,#55574c,#181a15 65%);box-shadow:inset -20px -15px 34px #0008,0 0 60px #e36f4f15}.orb-front{width:150px;border:1px solid #e36f4f93;transform:translate(-50%,-50%) rotateX(64deg) rotate(-24deg);box-shadow:0 0 24px #e36f4f33}.orb-core{width:36px;background:var(--acid);box-shadow:0 0 45px 12px #e36f4f54}.art-crosshair{position:absolute;top:48%;left:70%;font:24px var(--mono);color:var(--acid)}.floating-note{position:absolute;right:-12px;bottom:44px;display:flex;gap:12px;align-items:center;padding:12px 16px;background:#fffdf8;border:1px solid var(--line);box-shadow:0 12px 40px #0008}.note-icon{color:var(--acid);font-size:20px}.floating-note small,.floating-note strong{display:block}.floating-note small{font:8px var(--mono);color:#7d8077;margin-bottom:4px}.floating-note strong{font:10px var(--mono);letter-spacing:.04em}.art-caption{position:absolute;left:0;bottom:12px;color:#65685f;font:8px var(--mono);letter-spacing:.08em}.hero-bottom{position:absolute;bottom:0;left:9.5%;right:9.5%;height:46px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#696c63;font:8px var(--mono);letter-spacing:.1em}.hero-bottom a{color:#697783;text-decoration:none}.hero-bottom a span{color:var(--acid);margin-left:9px}.section-pad{padding-left:9.5%;padding-right:9.5%}.featured{padding-top:110px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font:500 clamp(36px,4vw,55px)/1 var(--serif);letter-spacing:-.055em;margin:0}.heading-period{color:var(--acid)}.section-side-note{font-size:11px;color:#78828c;padding-bottom:5px}.feature-card{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);min-height:370px}.feature-visual{position:relative;overflow:hidden;min-height:340px;background:radial-gradient(ellipse at 50% 48%,#383b2d 0,#1a1d17 39%,#141612 73%)}.feature-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 49.8%,#192b3c0c 50%,transparent 50.2%);background-size:48px 48px}.visual-noise{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#c0d98e 0.5px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(transparent,#000)}.visual-label,.visual-coordinate{position:absolute;z-index:1;color:#697783;font:8px var(--mono);letter-spacing:.1em}.visual-label{top:22px;left:24px}.visual-coordinate{right:20px;bottom:18px;text-align:right;line-height:1.7}.feature-shape{position:absolute;z-index:1;left:50%;top:51%;border-radius:50%;transform:translate(-50%,-50%)}.shape-a{width:205px;height:205px;background:linear-gradient(135deg,#e36f4f,#657346 38%,#20251b 75%);box-shadow:inset -26px -14px 38px #080a08b5,0 20px 80px #0009}.shape-b{width:245px;height:125px;border:1px solid #e36f4f9c;transform:translate(-50%,-50%) rotate(-25deg) rotateX(64deg);box-shadow:0 0 28px #e36f4f24}.shape-c{width:274px;height:274px;border:1px solid #192b3c24}.feature-info{padding:37px 40px;display:flex;flex-direction:column;justify-content:space-between;background:#ebe5da}.feature-kicker,.feature-footer{display:flex;align-items:center;justify-content:space-between}.pill{font:8px var(--mono);padding:7px 9px;color:var(--ink);background:var(--acid);letter-spacing:.08em}.mono{font:8px var(--mono);letter-spacing:.08em;color:#78828c}.feature-info h3{font:500 30px var(--serif);letter-spacing:-.04em;margin:0 0 11px}.feature-info p{font-size:12px;line-height:1.7;color:#697783;max-width:300px;margin:0}.feature-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;gap:10px}.button-dark{background:#e5ddd0;color:var(--paper);white-space:nowrap}.button-dark span{color:var(--acid)}.assets-section{padding-top:90px;padding-bottom:118px;background:#ebe5da}.assets-section .section-heading{margin-bottom:40px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.asset-card{min-width:0}.asset-art{height:220px;position:relative;overflow:hidden;display:block;text-decoration:none;border:1px solid #192b3c12;background:#ebe5da}.asset-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#192b3c0a 1px,transparent 1px),linear-gradient(90deg,#192b3c0a 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}.art-violet{background:radial-gradient(circle at 50% 55%,#5a514c,#26231f 52%,#1b1b18)}.art-blue{background:radial-gradient(circle at 50% 55%,#314a50,#202a2c 52%,#171c1c)}.art-orange{background:radial-gradient(circle at 50% 55%,#60462e,#2c241d 52%,#1d1a17)}.art-green{background:radial-gradient(circle at 50% 55%,#445137,#252b20 52%,#1a1e18)}.asset-art-label,.asset-art-footer{position:absolute;z-index:2;left:13px;right:13px;display:flex;justify-content:space-between;color:#526473;font:8px var(--mono);letter-spacing:.08em}.asset-art-label{top:13px}.asset-art-footer{bottom:13px;color:#192b3c}.asset-art-footer span{color:var(--acid);font-size:13px}.asset-orbit{position:absolute;top:50%;left:50%;border:1px solid #e36f4f66;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg)}.orbit-one{width:135px;height:75px}.orbit-two{width:155px;height:110px;transform:translate(-50%,-50%) rotate(57deg);border-color:#192b3c32}.asset-cube{position:absolute;top:50%;left:50%;width:59px;height:59px;background:linear-gradient(135deg,#e36f4f,#7e9148 55%,#353d2c);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 12px 35px #0009,0 0 45px #e36f4f1a}.art-blue .asset-cube{background:linear-gradient(135deg,#a1e1d7,#4e8784 55%,#2c464b)}.art-orange .asset-cube{background:linear-gradient(135deg,#f1c389,#b27845 55%,#523d29)}.art-green .asset-cube{background:linear-gradient(135deg,#d0e994,#8b9c56 55%,#36402e)}.asset-card-info{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.asset-category{font:8px var(--mono);letter-spacing:.1em;color:#898c80;margin-bottom:8px}.asset-card h3{font:500 17px var(--serif);letter-spacing:-.02em;margin:0}.card-arrow{height:28px;width:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--acid);text-decoration:none;font-size:13px;transition:background .2s}.card-arrow:hover{background:#192b3c13}.asset-description{margin:10px 0 0;color:#888b81;font-size:11px;line-height:1.65;max-width:260px}.about-strip{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:55px 1fr 1fr 42px;gap:28px;align-items:center;border-bottom:1px solid var(--line)}.about-mark{font-size:34px;color:var(--acid);align-self:start}.about-strip .eyebrow{margin-bottom:16px}.about-strip h2{font:500 clamp(30px,4vw,48px)/1.05 var(--serif);letter-spacing:-.055em;margin:0}.about-copy{font-size:12px;line-height:1.8;color:#96998e;max-width:330px;justify-self:center}.round-link{height:42px;width:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--acid);text-decoration:none}.site-footer{min-height:86px;padding:20px 6.1%;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-copy{color:#78828c;font:8px var(--mono);letter-spacing:.08em}.footer-links{display:flex;gap:20px}.footer-links a{font-size:10px;color:#9da095;text-decoration:none}.docs-main{padding:50px 9.5% 100px;min-height:calc(100vh - 170px)}.docs-breadcrumb{display:flex;gap:12px;font:8px var(--mono);letter-spacing:.08em;color:#71746b}.docs-breadcrumb a{color:#a4a69d;text-decoration:none}.docs-breadcrumb span:nth-child(2){color:var(--acid)}.docs-heading{display:flex;justify-content:space-between;align-items:end;margin-top:85px;padding-bottom:37px;border-bottom:1px solid var(--line)}.docs-heading .eyebrow{margin-bottom:19px}.docs-heading h1{font-size:clamp(48px,6vw,78px);margin:0}.docs-select-label{position:relative;width:205px;padding:0 0 12px;border-bottom:1px solid #71746a;color:#8b8e84;font:8px var(--mono);letter-spacing:.1em}.docs-select-label span{float:right;color:var(--acid)}.docs-select-label select{display:block;width:100%;margin-top:8px;padding:0 20px 0 0;border:0;outline:0;appearance:none;background:transparent;color:var(--paper);font:14px var(--sans);cursor:pointer}.docs-select-label option{background:var(--ink)}.docs-empty{height:350px;border:1px solid var(--line);border-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-symbol{width:45px;height:45px;border:1px solid #e36f4f55;border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:21px;margin-bottom:23px}.docs-empty .eyebrow{margin-bottom:10px}.docs-empty h2{font:500 28px var(--serif);margin:0 0 7px}.docs-empty p:not(.eyebrow){font-size:12px;color:#78828c;margin:0}.empty-rule{width:30px;height:1px;background:var(--acid);margin:23px 0 16px}.docs-empty .mono{font-size:8px}.docs-nav{margin-right:auto;margin-left:auto}@media(max-width:950px){.site-header{padding:0 5%}.hero{padding-left:7%;padding-right:7%;gap:2%}.hero h1{font-size:clamp(58px,8vw,80px)}.hero-art{height:370px}.section-pad{padding-left:7%;padding-right:7%}.asset-grid{grid-template-columns:repeat(2,1fr);row-gap:34px}.asset-art{height:260px}.feature-info{padding:28px}.about-strip{grid-template-columns:40px 1fr 1fr 42px;gap:16px}.docs-main{padding-left:7%;padding-right:7%}}@media(max-width:680px){.site-header{height:70px;padding:0 22px}.brand{font-size:10px}.brand-mark{width:21px;height:21px}.header-cta{margin-left:auto;margin-right:13px;padding:9px 10px;font-size:9px}.header-cta span{margin-left:7px}.menu-toggle{display:flex;width:30px;height:30px;padding:7px 3px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:1px;background:var(--paper);width:20px}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;margin:0;padding:22px;background:#ebe5da;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.main-nav.nav-open{display:flex}.docs-nav{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:69px 24px 74px;gap:10px}.hero-copy{order:0}.hero .eyebrow{margin-bottom:21px}.hero h1{font-size:clamp(60px,16vw,88px)}.hero-description{font-size:13px;max-width:330px}.hero-actions{gap:17px}.button{padding:13px 12px;gap:12px;font-size:10px}.text-link{font-size:10px}.hero-meta{margin-top:38px}.hero-art{height:310px;margin:6px 0 16px}.art-frame{height:260px;width:75%}.orb-back{width:160px}.orb-front{width:118px}.orb-core{width:28px}.floating-note{right:0;bottom:20px;padding:10px}.art-caption{bottom:-3px}.hero-bottom{left:24px;right:24px}.hero-bottom span:last-child{display:none}.section-pad{padding-left:24px;padding-right:24px}.featured{padding-top:76px;padding-bottom:76px}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:38px}.section-side-note{max-width:130px;font-size:10px;line-height:1.5}.feature-card{grid-template-columns:1fr}.feature-visual{min-height:260px}.feature-info{min-height:290px;padding:25px}.feature-info h3{font-size:27px}.feature-footer{align-items:start;flex-direction:column}.assets-section{padding-top:70px;padding-bottom:80px}.assets-section .section-heading{align-items:end}.asset-grid{gap:29px 12px}.asset-art{height:180px}.asset-art-label,.asset-art-footer{font-size:7px;left:9px;right:9px}.asset-card h3{font-size:15px}.asset-description{font-size:10px}.asset-category{font-size:7px}.asset-orbit.orbit-one{width:112px;height:63px}.asset-orbit.orbit-two{width:125px;height:90px}.asset-cube{width:48px;height:48px}.about-strip{padding-top:68px;padding-bottom:68px;grid-template-columns:32px 1fr 38px;gap:14px}.about-strip h2{font-size:34px}.about-copy{grid-column:2/4;justify-self:start;margin:0;max-width:390px}.about-mark{font-size:27px}.round-link{grid-column:3;grid-row:1;width:36px;height:36px}.site-footer{padding:23px 22px;flex-wrap:wrap;min-height:110px}.footer-copy{order:3;width:100%}.footer-links{gap:12px}.footer-links a{font-size:9px}.docs-main{padding:33px 22px 70px;min-height:calc(100vh - 180px)}.docs-heading{margin-top:65px;align-items:start;flex-direction:column;gap:32px}.docs-heading h1{font-size:51px}.docs-select-label{width:100%}.docs-empty{height:310px;padding:20px}.docs-empty h2{font-size:25px}}


/* MylanT Studio — warm editorial palette */
body{background:var(--ink);color:var(--paper)}.site-header,.hero-bottom,.about-strip,.site-footer{border-color:var(--line)}.brand{color:var(--paper)}.nav-link{color:#78828c}.nav-link:hover,.nav-link.active{color:var(--paper)}.header-cta,.round-link,.card-arrow{border-color:var(--line);color:var(--paper)}.hero-description,.about-copy,.asset-description,.feature-info p{color:#697783}.hero-art .art-frame{background:linear-gradient(145deg,#ffffffa8,#ffffff30);border-color:#192b3c33;box-shadow:0 22px 90px #192b3c20}.art-frame:before,.art-frame:after{background:#192b3c22}.art-grid{background-image:linear-gradient(#192b3c0c 1px,transparent 1px),linear-gradient(90deg,#192b3c0c 1px,transparent 1px)}.art-glow{background:#62b5bd30}.orb-back{background:linear-gradient(145deg,#d7e7e6,#789da0 65%,#3f6770);box-shadow:inset -20px -15px 34px #192b3c35,0 0 60px #62b5bd30}.orb-front{border-color:#e36f4f;box-shadow:0 0 24px #e36f4f33}.floating-note{background:#fffdf8;border-color:var(--line);box-shadow:0 12px 40px #192b3c18}.feature-visual{background:radial-gradient(ellipse at 50% 48%,#f2d7c9 0,#d9e4e6 39%,#c8d9dc 73%)}.feature-visual:after{background-image:linear-gradient(135deg,transparent 49.8%,#192b3c0c 50%,transparent 50.2%)}.visual-noise{background-image:radial-gradient(#4a7680 0.5px,transparent .6px)}.shape-a{background:linear-gradient(135deg,#e36f4f,#f2b08e 38%,#c74f3a 75%);box-shadow:inset -26px -14px 38px #192b3c35,0 20px 80px #192b3c25}.shape-b{border-color:#192b3c66;box-shadow:0 0 28px #e36f4f24}.shape-c{border-color:#192b3c24}.asset-art{border-color:#192b3c18}.asset-art:before{background-image:linear-gradient(#192b3c0a 1px,transparent 1px),linear-gradient(90deg,#192b3c0a 1px,transparent 1px)}.art-violet{background:radial-gradient(circle at 50% 55%,#dec5c8,#f0e7df 52%,#e3dbd0)}.art-blue{background:radial-gradient(circle at 50% 55%,#b8d7d7,#dce9e6 52%,#cddfdf)}.art-orange{background:radial-gradient(circle at 50% 55%,#e7c09e,#ede0d0 52%,#dfd2c1)}.art-green{background:radial-gradient(circle at 50% 55%,#c8d4ad,#e2e6d8 52%,#d3dbc8)}.asset-orbit{border-color:#e36f4f99}.orbit-two{border-color:#192b3c32}.asset-cube{background:linear-gradient(135deg,#e36f4f,#ed9a78 55%,#b8503c);box-shadow:0 12px 35px #192b3c28,0 0 45px #e36f4f26}.art-blue .asset-cube{background:linear-gradient(135deg,#8bc9c6,#4e9699 55%,#356d78)}.art-orange .asset-cube{background:linear-gradient(135deg,#f1c389,#b27845 55%,#805433)}.art-green .asset-cube{background:linear-gradient(135deg,#c5d889,#8b9c56 55%,#596c3a)}.assets-section{background:#ebe5da}.feature-info{background:#ebe5da}.docs-select-label select{color:var(--paper)}.docs-select-label option{background:#f4f0e8}.docs-empty{border-color:var(--line)}.empty-symbol{border-color:#e36f4f77}.main-nav.nav-open{background:#ebe5da;border-color:var(--line)}.footer-links a{color:#697783}.hero-bottom a,.text-link{color:#526473}.meta-line{background:#aab3b4}.status-dot{box-shadow:0 0 12px #e36f4f55}@media(max-width:680px){.site-footer{background:#f4f0e8}}
/* Interactive feedback */
:where(a,button,select){-webkit-tap-highlight-color:transparent}
.button,.header-cta,.round-link,.card-arrow,.menu-toggle{transition:transform .22s cubic-bezier(.2,.75,.25,1),background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.button-primary:hover{background:#d85f40;box-shadow:0 8px 22px #e36f4f38}
.button-dark:hover,.header-cta:hover{background:#e36f4f;color:#fffdf8;border-color:#e36f4f;box-shadow:0 7px 18px #192b3c16}
.button span,.header-cta span,.text-link span,.round-link,.card-arrow{transition:transform .22s cubic-bezier(.2,.75,.25,1),color .22s ease,background-color .22s ease}
.button:hover span,.header-cta:hover span,.text-link:hover span{transform:translate(3px,-2px)}
.button:active,.header-cta:active,.round-link:active,.card-arrow:active{transform:translateY(1px) scale(.96)}
.text-link{transition:color .2s ease,border-color .2s ease}
.text-link:hover{color:var(--acid);border-color:var(--acid)}
.round-link:hover,.card-arrow:hover{transform:translateY(-3px);background:var(--acid);border-color:var(--acid);color:#fffdf8}
.nav-link{position:relative;transition:color .2s ease}
.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--acid);transition:right .22s ease}
.nav-link:hover:after,.nav-link.active:after{right:0}
.footer-links a{transition:color .2s ease,transform .2s ease}
.footer-links a:hover{color:var(--acid);transform:translateY(-2px)}
.brand-mark{transition:transform .35s cubic-bezier(.2,.75,.25,1),background-color .22s ease}
.brand:hover .brand-mark{transform:rotate(55deg);background:#e36f4f12}
.asset-art{transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease}
.asset-card:hover .asset-art{transform:translateY(-5px);box-shadow:0 14px 30px #192b3c18}
.asset-card:hover .asset-cube{animation:cube-bob .7s ease-in-out infinite alternate}
.menu-toggle span{transition:transform .22s ease,opacity .18s ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.main-nav.nav-open{animation:menu-enter .22s ease both}
:where(a,button,select):focus-visible{outline:2px solid var(--acid);outline-offset:4px}
@keyframes cube-bob{to{transform:translate(-50%,-57%) rotate(52deg)}}
@keyframes menu-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.brand-logo{display:block;width:30px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #192b3c18)}
.brand:hover .brand-logo{transform:scale(1.06);transition:transform .25s ease}
@media(max-width:680px){.brand-logo{width:27px;height:27px}}

/* Dark aurora theme inspired by the supplied reference */
:root{--ink:#101117;--paper:#f4f3fb;--muted:#a9abc2;--line:rgba(210,211,239,.16);--acid:#9a7bff}
body{background:#101117;color:var(--paper)}
.site-shell{background:radial-gradient(ellipse 60% 38% at 78% 8%,#3f37804a,transparent 72%),radial-gradient(ellipse 40% 30% at 6% 72%,#007c7350,transparent 75%),#101117}
.site-header{background:rgba(12,13,20,.94);border-bottom:1px solid rgba(224,222,255,.14);backdrop-filter:blur(16px)}
.brand{color:#fff}.brand-logo{filter:brightness(0) invert(1) drop-shadow(0 0 8px #ffffff22)}
.main-nav.nav-open{background:#151620;border-color:var(--line)}
.nav-link,.footer-links a{color:#a9abc2}.nav-link:hover,.nav-link.active,.footer-links a:hover{color:#fff}
.header-cta,.round-link,.card-arrow{color:#f4f3fb;border-color:#ffffff35;background:#ffffff08}
.header-cta:hover,.button-dark:hover{background:#9a7bff;color:white;border-color:#9a7bff}
.hero,.about-strip{border-color:var(--line)}
.hero-description,.about-copy,.asset-description,.feature-info p{color:#b4b5c9}
.hero-meta,.footer-copy,.section-side-note,.mono,.asset-category{color:#9294ad}
.meta-line{background:#77788e}
.art-grid{background-image:linear-gradient(#e5e3ff0b 1px,transparent 1px),linear-gradient(90deg,#e5e3ff0b 1px,transparent 1px)}
.art-glow{background:#6854ff38}
.art-frame{background:linear-gradient(145deg,#ffffff12,#ffffff03);border-color:#d5d2ff38;box-shadow:0 22px 90px #0009}
.art-frame:before,.art-frame:after{background:#ffffff20}
.art-top,.art-bottom,.art-caption{color:#a4a6bd}
.orb-back{background:linear-gradient(145deg,#8170c4,#343050 65%,#161722);box-shadow:inset -20px -15px 34px #0009,0 0 60px #7962ff30}
.orb-front{border-color:#a58cff;box-shadow:0 0 24px #9a7bff55}
.floating-note{background:#191a28;border-color:#ffffff25;box-shadow:0 12px 40px #0008}
.feature-visual{background:radial-gradient(ellipse at 50% 48%,#51477f 0,#252438 45%,#14151e 78%)}
.feature-visual:after{background-image:linear-gradient(135deg,transparent 49.8%,#ffffff0c 50%,transparent 50.2%)}
.visual-noise{background-image:radial-gradient(#aaa0ff 0.5px,transparent .6px)}
.visual-label,.visual-coordinate{color:#c1bddb}
.shape-a{background:linear-gradient(135deg,#bba8ff,#745ed6 42%,#28253f 82%);box-shadow:inset -26px -14px 38px #080811b5,0 20px 80px #0009}
.shape-b{border-color:#b19affaa;box-shadow:0 0 28px #9a7bff40}.shape-c{border-color:#ffffff2c}
.feature-info,.assets-section{background:rgba(22,23,33,.86)}
.feature-card{border-color:var(--line)}
.pill{color:#fff;background:#8c68ff}
.button-primary{color:#fff;background:#8c68ff}.button-primary:hover{background:#a187ff;box-shadow:0 8px 25px #8c68ff55}
.button-dark{background:#29283b;color:#f4f3fb}
.text-link,.hero-bottom a{color:#dedbef;border-color:#79778d}
.asset-art{border-color:#ffffff24;background:#1c1c29}
.asset-art:before{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px)}
.art-violet{background:radial-gradient(circle at 50% 55%,#50456e,#252434 52%,#191a23)}
.art-blue{background:radial-gradient(circle at 50% 55%,#31566a,#202b39 52%,#171b25)}
.art-orange{background:radial-gradient(circle at 50% 55%,#694b55,#332633 52%,#1d1a24)}
.art-green{background:radial-gradient(circle at 50% 55%,#35584e,#202c2a 52%,#171d21)}
.asset-art-label{color:#c3c3d6}.asset-art-footer{color:#eeeefa}
.asset-orbit{border-color:#a58cff99}.orbit-two{border-color:#ffffff42}
.asset-cube{background:linear-gradient(135deg,#b7a4ff,#7962dc 55%,#40336f);box-shadow:0 12px 35px #0009,0 0 45px #9a7bff32}
.art-blue .asset-cube{background:linear-gradient(135deg,#90d8ec,#4787a0 55%,#2b4c67)}.art-orange .asset-cube{background:linear-gradient(135deg,#f0b3ba,#ba687e 55%,#643a5b)}.art-green .asset-cube{background:linear-gradient(135deg,#a5dfbd,#579c83 55%,#315f58)}
.asset-card:hover .asset-art{box-shadow:0 14px 30px #0006}
.docs-empty{border-color:var(--line);background:#151620}.docs-select-label{color:#a9abc2;border-color:#77778f}.docs-select-label select{color:#f4f3fb}.docs-select-label option{background:#151620}.docs-empty p:not(.eyebrow){color:#a9abc2}.empty-symbol{border-color:#9a7bff77;color:#b29aff}
.main-nav.nav-open{background:#151620;border-color:var(--line)}
.footer-links a{color:#adaec4}.site-footer{background:transparent}
@media(max-width:680px){.site-footer{background:transparent}}
/* Headings and copy use a cleaner, more deliberate hierarchy */
body{font-family:"MylanT Sans",sans-serif;letter-spacing:-.012em}
h1,h2,h3,.docs-heading h1{font-family:"MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.055em}
.eyebrow,.mono,.asset-category,.footer-copy,.hero-meta,.hero-bottom,.art-top,.art-bottom,.asset-art-label,.asset-art-footer,.visual-label,.visual-coordinate,.art-caption{font-family:"MylanT Mono",monospace;letter-spacing:.09em}
.hero h1{font-size:clamp(62px,7.4vw,108px);line-height:.92;font-weight:600}
.section-heading h2{font-weight:600;letter-spacing:-.06em}
.feature-info h3,.asset-card h3,.docs-empty h2{font-family:"MylanT Sans",sans-serif;font-weight:600;letter-spacing:-.035em}
.hero-description,.about-copy,.feature-info p,.asset-description{font-size:13px;line-height:1.8;letter-spacing:0}
.nav-link,.header-cta,.button,.text-link{font-weight:600;letter-spacing:.01em}
@media(max-width:680px){.hero h1{font-size:clamp(60px,16vw,88px)}}
.hero-meta{display:none}
.hero-bottom{justify-content:center}
.hero-bottom>span{display:none}
.about-strip .eyebrow{display:none}
.hero-description{max-width:470px;font-size:12px;line-height:1.75;color:#b4b5c9}
.hero h1{font-size:clamp(62px,7.4vw,108px);line-height:.96}

/* Cyan accents and liquid-glass controls */
:root{--acid:#55c7f3}
.hero h1 span,.about-strip h2 span,.nav-count,.header-cta span,.text-link span,.art-index,.note-icon,.asset-art-footer span,.heading-period,.empty-rule{color:#55c7f3}
.status-dot,.brand-mark{background-color:#55c7f3;border-color:#55c7f3}
.orb-front,.asset-orbit{border-color:#55c7f3aa}.shape-b{border-color:#55c7f3aa}
.art-glow{background:#279ce94d}.orb-back{box-shadow:inset -20px -15px 34px #0009,0 0 60px #33c5ed44}
.feature-visual{background:radial-gradient(ellipse at 50% 48%,#294e75 0,#202b43 45%,#14151e 78%)}
.shape-a{background:linear-gradient(135deg,#8fe8ff,#3ca9e2 42%,#243b67 82%)}
.asset-cube{background:linear-gradient(135deg,#a3edff,#45b7e9 55%,#25618d);box-shadow:0 12px 35px #0009,0 0 45px #45b7e944}
.empty-symbol{border-color:#55c7f377;color:#55c7f3}
.button,.header-cta,.round-link,.card-arrow{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b9eaff55;border-radius:999px;background:linear-gradient(135deg,#c5edff28,#8fd7ff0c 45%,#e2f8ff1b);color:#f7fcff;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #ffffff10,0 8px 24px #02071238}
.button:before,.header-cta:before,.round-link:before,.card-arrow:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 15%,#ffffff38 34%,transparent 52%);transform:translateX(-130%);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.button:hover:before,.header-cta:hover:before,.round-link:hover:before,.card-arrow:hover:before{transform:translateX(130%)}
.button-primary,.button-dark,.header-cta{background-color:#55c7f31c;border-color:#8fe5ff80}
.button-primary:hover,.button-dark:hover,.header-cta:hover,.round-link:hover,.card-arrow:hover{background-color:#55c7f348;border-color:#a8efff;color:#fff;box-shadow:inset 0 1px 0 #ffffff70,0 0 22px #55c7f34a,0 10px 28px #02071255}
.button:active,.header-cta:active,.round-link:active,.card-arrow:active{transform:scale(.96);box-shadow:inset 0 2px 8px #02071255,0 2px 8px #02071233}
.button span,.header-cta span{color:#a7edff}
@media(prefers-reduced-transparency:reduce){.button,.header-cta,.round-link,.card-arrow{backdrop-filter:none;-webkit-backdrop-filter:none;background:#172638;border-color:#55c7f388}}

.hero-title-row{display:flex;align-items:center;gap:clamp(18px,3vw,38px);margin:0 0 28px}
.hero-title-row h1{margin:0}
.hero-logo{width:clamp(76px,10vw,132px);height:clamp(76px,10vw,132px);object-fit:contain;flex:none;filter:brightness(0) invert(1) drop-shadow(0 0 22px #55c7f344)}
/* Raise the smallest supporting labels for easier reading */
.eyebrow,.mono,.asset-category,.footer-copy,.hero-meta,.hero-bottom,.art-top,.art-bottom,.asset-art-label,.asset-art-footer,.visual-label,.visual-coordinate,.art-caption{font-size:10px}
.floating-note small,.floating-note strong{font-size:10px}
.section-side-note,.header-cta,.button,.text-link,.nav-link,.footer-links a{font-size:12px}
.docs-breadcrumb,.docs-select-label,.docs-empty .mono{font-size:10px}
@media(max-width:680px){.hero-title-row{gap:14px}.hero-logo{width:68px;height:68px}.eyebrow,.mono,.asset-category,.footer-copy,.hero-bottom,.art-top,.art-bottom,.asset-art-label,.asset-art-footer,.visual-label,.visual-coordinate,.art-caption{font-size:9px}.header-cta,.button,.text-link,.nav-link,.footer-links a{font-size:11px}.asset-art-label,.asset-art-footer{font-size:8px}}

.hero-description{max-width:620px;font-size:16px;line-height:1.8;margin-top:4px;margin-bottom:32px}
.assets-heading{position:relative;justify-content:center;text-align:center;margin-bottom:46px}
.assets-heading h2{font-size:clamp(38px,5vw,62px)}
.assets-heading>.text-link{position:absolute;right:0;bottom:5px}
@media(max-width:680px){.hero-description{font-size:14px;line-height:1.75}.assets-heading{padding-bottom:34px;margin-bottom:28px}.assets-heading>.text-link{right:auto;bottom:0}}

.hero-eyebrow{display:none}
.asset-art.has-cover{background-image:linear-gradient(0deg,#080a12d9 0%,#080a1240 28%,transparent 64%),var(--asset-cover);background-position:center;background-size:cover;background-repeat:no-repeat}
.asset-art.has-cover:before{inset:0;background:linear-gradient(0deg,#080a126e,transparent 72%);mask-image:none;opacity:1}
.asset-art.has-cover .asset-orbit,.asset-art.has-cover .asset-cube{display:none}
.asset-art.has-cover .asset-art-label,.asset-art.has-cover .asset-art-footer{color:#fff;text-shadow:0 1px 8px #000}

/* Centered asset catalog cards with fully visible cover art */
#asset-grid.asset-grid{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),340px));justify-content:center;align-items:stretch;gap:26px}
.asset-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(155deg,#1d2031,#151722 72%);box-shadow:0 16px 42px #0003;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.asset-card:hover{transform:translateY(-5px);border-color:#55c7f366;box-shadow:0 22px 48px #0005,0 0 22px #55c7f315}
.asset-card .asset-art{display:flex;width:100%;height:auto;aspect-ratio:16/9;align-items:center;justify-content:center;margin:0;border:0;border-bottom:1px solid #ffffff18;border-radius:0;background:#101522;overflow:hidden}
.asset-card .asset-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#101522;transition:transform .35s ease}
.asset-card:hover .asset-art img{transform:scale(1.025)}
.asset-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:20px 21px 18px}
.asset-card-body .asset-category{margin:0 0 9px;color:#8da3b6;font-size:10px;letter-spacing:.09em}
.asset-card-body h3{margin:0 0 9px;color:#f4f3fb;font-size:19px;line-height:1.3}
.asset-card-body .asset-description{margin:0 0 20px;color:#b4b9c9;font-size:13px;line-height:1.65}
.asset-view-link{display:inline-flex;align-items:center;gap:18px;margin-top:auto;padding:10px 15px;border:1px solid #ffffff27;border-radius:999px;background:linear-gradient(135deg,#c5edff24,#8fd7ff0a);color:#f6f8ff;font-size:12px;font-weight:600;text-decoration:none;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}
.asset-view-link span{color:#55c7f3}.asset-view-link:hover{transform:translateY(-2px);background:#55c7f333;border-color:#55c7f388}
@media(max-width:680px){#asset-grid.asset-grid{grid-template-columns:minmax(0,390px);gap:20px}.asset-card-body{padding:18px}.asset-card-body h3{font-size:18px}}
.asset-card-bottom{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #ffffff18}
.asset-price{display:flex;min-width:0;flex-direction:column;gap:4px}
.asset-price strong{color:#f4f3fb;font-size:16px;font-weight:600;white-space:nowrap}
.asset-price small{color:#9299af;font-size:10px;line-height:1.35}
@media(max-width:420px){.asset-card-bottom{align-items:flex-start;flex-direction:column}.asset-view-link{align-self:flex-end}}

/* Rotating asset showcase in the hero */
#hero-showcase.hero-art{height:420px;min-width:0;padding:22px 8px 32px}
.showcase-card{display:flex;width:min(100%,410px);height:100%;flex-direction:column;overflow:hidden;border:1px solid #ffffff2b;border-radius:20px;background:linear-gradient(145deg,#ffffff14,#ffffff05);box-shadow:0 24px 70px #0008,0 0 38px #55c7f31a;text-decoration:none;backdrop-filter:blur(14px);animation:showcase-in .55s cubic-bezier(.2,.75,.25,1) both}
.showcase-cover{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:14px;background:radial-gradient(ellipse,#2a3c55 0,#171b28 73%)}
.showcase-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 22px #0005)}
.showcase-caption{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-top:1px solid #ffffff22;background:#111522bd;color:#f4f3fb}
.showcase-caption>span{display:flex;min-width:0;flex-direction:column;gap:6px}
.showcase-caption small{color:#a8b4c7;font:10px "MylanT Mono",monospace;letter-spacing:.09em}
.showcase-caption strong{overflow:hidden;color:#f4f3fb;font:600 15px/1.35 "MylanT Sans",sans-serif;text-overflow:ellipsis}
.showcase-caption b{flex:none;color:#9ce5ff;font:600 15px "MylanT Sans",sans-serif}
.showcase-dots{position:absolute;right:50%;bottom:4px;display:flex;gap:7px;transform:translateX(50%)}
.showcase-dots i{width:6px;height:6px;border-radius:99px;background:#ffffff48;transition:width .25s,background .25s}
.showcase-dots i.active{width:20px;background:#55c7f3}
@keyframes showcase-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){#hero-showcase.hero-art{height:310px;padding:10px 8px 26px}.showcase-caption{min-height:70px;padding:11px 13px}.showcase-caption strong{font-size:13px}.showcase-caption b{font-size:13px}.showcase-cover{padding:10px}}

/* Gold featured asset card */
#hero-showcase.hero-art{height:460px;min-width:0;padding:15px}
.featured-asset-card{position:relative;display:flex;width:min(100%,420px);height:100%;flex-direction:column;overflow:hidden;border:1px solid #e6c66b99;border-radius:20px;background:linear-gradient(145deg,#2b2619 0%,#171822 60%);box-shadow:0 22px 70px #0009,0 0 42px #d8ae4930,inset 0 1px 0 #fff2c233}
.featured-asset-card:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffe8a317,transparent 42%,#c28b2520)}
.featured-asset-label{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:15px 18px;color:#f3d98c;font:10px "MylanT Mono",monospace;letter-spacing:.16em}
.featured-asset-label i{height:1px;flex:1;background:linear-gradient(90deg,#d6ae50aa,transparent)}
.featured-asset-cover{position:relative;z-index:1;display:flex;min-height:0;flex:1;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse,#443a23 0,#171822 72%)}
.featured-asset-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 24px #0008)}
.featured-asset-details{position:relative;z-index:1;padding:16px 19px 18px;border-top:1px solid #d6b65a55;background:linear-gradient(180deg,#1d1b1b,#14151e)}
.featured-asset-details>p{margin:0 0 6px;color:#c5a85e;font:10px "MylanT Mono",monospace;letter-spacing:.11em}
.featured-asset-details h2{margin:0;color:#fff9e9;font:600 17px/1.35 "MylanT Sans",sans-serif;letter-spacing:-.025em}
.featured-asset-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid #ffffff1b}
.featured-asset-footer>strong{color:#f0d27b;font:600 18px "MylanT Sans",sans-serif}
.featured-asset-footer>a{display:inline-flex;align-items:center;gap:14px;padding:9px 14px;border:1px solid #e0c269a1;border-radius:999px;background:linear-gradient(135deg,#efd88932,#b3852918);color:#fff4ce;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.featured-asset-footer>a:hover{transform:translateY(-2px);background:#d6ae5045;box-shadow:0 0 18px #d6ae5044}
.featured-asset-footer>a span{color:#f3d98c}
@media(max-width:680px){#hero-showcase.hero-art{height:360px;padding:10px 7px 15px}.featured-asset-label{padding:11px 14px}.featured-asset-details{padding:13px 15px}.featured-asset-details h2{font-size:15px}}
.featured-asset-card{overflow:hidden}
.featured-asset-label{position:absolute;z-index:3;top:24px;right:-43px;width:170px;justify-content:center;gap:0;padding:9px 12px;border:1px solid #ffe9a0a6;background:linear-gradient(135deg,#f4db89,#b9852f);box-shadow:0 5px 22px #0008;color:#282014;font-size:10px;font-weight:700;letter-spacing:.12em;text-align:center;transform:rotate(38deg);transform-origin:center}
.featured-asset-label i{display:none}
@media(max-width:680px){.featured-asset-label{top:22px;right:-48px;width:165px;padding:8px 10px}}

/* Full hero video background behind the studio identity and featured asset */
.hero{isolation:isolate;overflow:hidden;background:#101117}
.hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.48;filter:brightness(.58) saturate(.82)}
.hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#101117c9 0%,#1011178c 44%,#10111770 100%),linear-gradient(0deg,#101117dc 0%,transparent 26%,#10111742 100%)}
.hero-copy,.hero-art,.hero-bottom{z-index:2}
.hero-video::-webkit-media-controls{display:none!important}
@media(max-width:680px){.hero-video{object-position:center;opacity:.4}.hero:before{background:linear-gradient(180deg,#101117b8 0%,#10111778 45%,#101117e6 100%)}}

/* Keep the layout fluid instead of visually cropping content at wide screens */
.site-shell{width:100%;max-width:none;overflow-x:clip}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy,.hero-art{min-width:0}
.section-pad{max-width:1440px;margin-left:auto;margin-right:auto}
.site-header{width:100%}
.hero-video{opacity:.72;filter:brightness(.82) saturate(1.04)}
.hero:before{background:linear-gradient(90deg,#1011179c 0%,#10111758 45%,#10111740 100%),linear-gradient(0deg,#101117a8 0%,transparent 30%,#10111720 100%)}
@media(max-width:680px){.hero-video{opacity:.65;filter:brightness(.86) saturate(1.03)}.hero:before{background:linear-gradient(180deg,#10111780 0%,#10111745 48%,#101117b8 100%)}}

/* Center and tighten content while backgrounds continue edge to edge */
.site-shell{width:100%;max-width:none;overflow-x:clip}
.site-header{width:100%;max-width:1600px;margin:0 auto}
.hero{width:100%;max-width:1600px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.section-pad{max-width:1320px;margin-left:auto;margin-right:auto}
.hero-video{filter:brightness(.76) saturate(1.04)}
@media(max-width:680px){.hero-video{filter:brightness(.81) saturate(1.03)}}

/* Full-bleed page and video backgrounds; centered bounded content */
.site-shell{width:100%;max-width:none;margin:0;overflow-x:clip;background:radial-gradient(ellipse 60% 38% at 78% 8%,#3f37804a,transparent 72%),radial-gradient(ellipse 40% 30% at 6% 72%,#007c7350,transparent 75%),#101117}
.site-header{width:100%;max-width:none;margin:0}
.hero{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-video{width:100%;max-width:none;left:0;right:0}
.section-pad{max-width:1320px;margin-left:auto;margin-right:auto}

/* Three evenly stretched asset cards per desktop row */
#asset-grid.asset-grid{max-width:1240px;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:28px}
@media(max-width:900px){#asset-grid.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:620px){#asset-grid.asset-grid{grid-template-columns:minmax(0,1fr);max-width:420px}}

/* Larger asset cards */
#asset-grid.asset-grid{max-width:1380px;gap:32px}
.asset-card .asset-art{aspect-ratio:1.48/1}
.asset-card-body{padding:24px 25px 22px}
.asset-card-body h3{font-size:21px}
.asset-card-body .asset-description{font-size:14px;line-height:1.75}
.asset-price strong{font-size:18px}
.asset-view-link{padding:11px 17px;font-size:13px}
@media(max-width:900px){#asset-grid.asset-grid{gap:24px}}
@media(max-width:620px){.asset-card-body{padding:20px}.asset-card-body h3{font-size:19px}}

/* Development blog */
.blog-main{width:100%;max-width:1120px;min-height:calc(100vh - 170px);margin:0 auto;padding:48px 32px 110px}
.blog-heading{max-width:760px;margin:82px auto 54px;text-align:center}
.blog-heading .eyebrow{margin-bottom:18px}
.blog-heading h1{margin:0;color:#f4f3fb;font:600 clamp(54px,8vw,94px)/.95 "MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.065em}
.blog-heading h1 span{color:#55c7f3}
.blog-heading>p:last-child{margin:20px 0 0;color:#a9abc2;font-size:15px;line-height:1.7}
.blog-post{position:relative;max-width:800px;margin:0 auto;padding:34px 38px 38px;border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#ffffff0c,#ffffff04 65%),#171923;box-shadow:0 24px 70px #0005}
.blog-post:before{content:"";position:absolute;top:-1px;left:38px;width:82px;height:3px;border-radius:99px;background:linear-gradient(90deg,#55c7f3,#8be4fb)}
.blog-post-meta{display:flex;justify-content:space-between;gap:18px;color:#9ba5bb;font:10px "MylanT Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.blog-post h2{margin:29px 0 14px;color:#f4f3fb;font:600 clamp(28px,4vw,40px)/1.1 "MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.045em}
.blog-post>p{max-width:680px;margin:0;color:#b9bdcc;font-size:15px;line-height:1.8}
.blog-post-link{display:inline-flex;align-items:center;gap:14px;margin-top:25px;padding:10px 15px;border:1px solid #55c7f366;border-radius:999px;background:#55c7f316;color:#f4f3fb;font-size:12px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}
.blog-post-link span{color:#55c7f3}.blog-post-link:hover{transform:translateY(-2px);background:#55c7f333}
@media(max-width:680px){.blog-main{padding:32px 22px 75px}.blog-heading{margin:65px auto 38px}.blog-post{padding:28px 22px 26px}.blog-post-meta{font-size:9px}.blog-post>p{font-size:14px}}

/* New featured product and launch discount */
.asset-card.is-featured{border-color:#e6c66b99;box-shadow:0 18px 46px #d0a23d24,0 0 24px #d6ae5014}
.asset-card.is-featured:hover{border-color:#f3d98c;box-shadow:0 24px 52px #d0a23d33,0 0 30px #d6ae5024}
.asset-card-badge,.asset-new-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #ffe9a0a6;border-radius:999px;background:linear-gradient(135deg,#f4db89,#b9852f);box-shadow:0 4px 14px #0006;color:#282014;font:700 10px "MylanT Mono",monospace;letter-spacing:.1em}
.asset-card-badge{position:absolute;top:14px;right:14px}
.asset-new-badge{margin-left:8px;padding:3px 7px;font-size:9px;vertical-align:middle}
.asset-price{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}
.asset-price del,.featured-price del{color:#9998a7;font-size:12px}
.asset-price>span,.featured-price>span{padding:4px 7px;border-radius:999px;background:#37c97b24;color:#72e7a6;font-size:10px;font-weight:700;letter-spacing:.04em}
.asset-view-link.is-disabled,.featured-coming-soon{cursor:default;opacity:.68}
.featured-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
.featured-coming-soon{padding:9px 14px;border:1px solid #e0c26977;border-radius:999px;color:#e9d59b;font-size:11px;font-weight:600}
.featured-asset-details>p .asset-new-badge{font-family:"MylanT Mono",monospace}

/* Red release labels and featured border */
.featured-asset-card{border-color:#ef5366b8;box-shadow:0 22px 70px #0009,0 0 38px #ed415333,inset 0 1px 0 #ffd9df33}
.featured-asset-card:before{background:linear-gradient(135deg,#ff687417,transparent 42%,#d9254320)}
.featured-asset-label{border-color:#ffb0b8;background:linear-gradient(135deg,#ff6b78,#bc1e38);color:#fff}
.featured-asset-details>p .asset-new-badge,.asset-new-badge,.asset-card-badge{border-color:#ff9ca8;background:linear-gradient(135deg,#ff6878,#c51f3c);color:#fff}
.asset-price>span,.featured-price>span{background:#e63a4d;color:#fff}
.asset-card.is-featured{border-color:#ef5366b8;box-shadow:0 18px 46px #ed415324,0 0 24px #ed415319}
.asset-card.is-featured:hover{border-color:#ff7786;box-shadow:0 24px 52px #ed41533d,0 0 30px #ed41532a}

/* Assets dropdown navigation */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>summary{display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.dropdown-caret{display:inline-flex;width:14px;height:14px;flex:none;align-items:center;justify-content:center;margin-left:3px;color:#a9abc2;font-size:14px;line-height:1;transform-origin:50% 50%;transition:transform .2s}
.nav-dropdown[open] .dropdown-caret{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;z-index:20;top:calc(100% + 18px);left:-18px;display:grid;min-width:250px;gap:2px;padding:8px;border:1px solid #ffffff24;border-radius:12px;background:#151722f5;box-shadow:0 18px 42px #0008;backdrop-filter:blur(18px)}
.nav-dropdown-menu a{padding:10px 12px;border-radius:7px;color:#e8eaf5;font-size:12px;line-height:1.4;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#55c7f322;color:#9ce5ff}
/* Documentation catalog and individual asset guides */
.docs-intro{max-width:280px;margin:0;color:#a9abc2;font-size:13px;line-height:1.7}
.docs-asset-list{display:grid;max-width:900px;margin:34px auto 0;gap:12px}
.docs-asset-card{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:19px 22px;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(120deg,#ffffff0c,#ffffff04);color:#f4f3fb;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.docs-asset-card:hover{transform:translateY(-2px);border-color:#55c7f366;background:#55c7f30c}
.docs-asset-number{color:#55c7f3;font:600 18px "MylanT Mono",monospace}
.docs-asset-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:5px}
.docs-asset-card strong{font:600 15px/1.4 "MylanT Sans",sans-serif}
.docs-asset-card small{color:#9fa6bb;font-size:12px}
.docs-asset-card>b{color:#55c7f3;font-size:18px}
.docs-asset-featured{border-color:#e7526688}
.asset-doc-main{width:100%;max-width:1200px;min-height:calc(100vh - 170px);margin:0 auto;padding:44px 30px 90px}
.asset-doc-heading{max-width:900px;margin:70px auto 34px}
.asset-doc-heading .eyebrow{margin-bottom:18px}
.asset-doc-heading h1{margin:0 0 16px;color:#f4f3fb;font:600 clamp(44px,7vw,78px)/.98 "MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.06em}
.asset-doc-heading h1 span{color:#55c7f3}
.asset-doc-heading>p:not(.eyebrow){max-width:680px;color:#b4b9c9;font-size:15px;line-height:1.75}
.asset-doc-actions{display:flex;align-items:center;gap:22px;margin-top:24px}
.doc-pdf-frame{display:block;width:100%;height:min(88vh,1100px);min-height:650px;border:1px solid #ffffff25;border-radius:14px;background:#151722}
.asset-doc-coming{max-width:900px;margin:30px auto 0;padding:34px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff08}
.asset-doc-coming h2{margin:0 0 8px;color:#f4f3fb;font-size:22px}
.asset-doc-coming p{margin:0;color:#a9abc2;font-size:14px}
@media(max-width:680px){.nav-dropdown-menu{left:0;min-width:230px}.docs-intro{max-width:none;margin-top:20px}.docs-asset-card{grid-template-columns:34px minmax(0,1fr) 20px;gap:11px;padding:16px}.docs-asset-card strong{font-size:13px}.docs-asset-card small{font-size:11px}.asset-doc-main{padding:30px 20px 65px}.asset-doc-heading{margin:55px auto 26px}.asset-doc-heading>p:not(.eyebrow){font-size:14px}.doc-pdf-frame{height:72vh;min-height:480px}.asset-doc-coming{padding:24px}}

/* Interactive, searchable-feeling tabbed asset manual */
.manual-shell{max-width:1100px;margin:0 auto}
.manual-content{min-height:0}
.manual-panel{padding:30px 34px 38px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(145deg,#ffffff09,#ffffff03),#151722;box-shadow:0 20px 55px #0004;animation:manual-panel-in .22s ease both}
.manual-kicker{margin:0 0 11px;color:#6bd6ff;font:10px "MylanT Mono",monospace;letter-spacing:.13em}
.manual-panel h2{margin:0 0 12px;color:#f4f3fb;font:600 clamp(25px,4vw,36px)/1.15 "MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.045em}
.manual-panel h3{margin:27px 0 12px;color:#eef1fa;font:600 18px "MylanT Sans",sans-serif;letter-spacing:-.02em}
.manual-panel p,.manual-panel li{color:#c2c6d4;font-size:14px;line-height:1.75}
.manual-panel p{margin:0 0 16px}
.manual-panel ul{margin:12px 0 20px;padding-left:22px}
.manual-panel li+li{margin-top:7px}
.manual-panel code{padding:2px 5px;border:1px solid #ffffff13;border-radius:5px;background:#090b13;color:#9de5ff;font:12px "MylanT Mono",monospace}
.manual-panel pre{overflow-x:auto;margin:14px 0 23px;padding:20px;border:1px solid #ffffff16;border-radius:12px;background:#090b13;color:#d5e2fa;line-height:1.65;tab-size:4}
.manual-panel pre code{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:12px/1.65 "MylanT Mono",monospace;white-space:pre}
.manual-table-wrap{overflow-x:auto;margin:15px 0 23px;border:1px solid #ffffff19;border-radius:10px}
.manual-panel table{width:100%;border-collapse:collapse;color:#c5c9d7;font-size:13px;line-height:1.55}
.manual-panel th,.manual-panel td{padding:11px 13px;border-bottom:1px solid #ffffff14;text-align:left;vertical-align:top}
.manual-panel tr:last-child td{border-bottom:0}
.manual-panel th{background:#55c7f316;color:#a9e9ff;font:600 11px "MylanT Mono",monospace;letter-spacing:.04em}
.manual-panel td:first-child{color:#f0f2fa}
.manual-callout{margin:18px 0;padding:15px 17px;border:1px solid #55c7f355;border-left:3px solid #55c7f3;border-radius:10px;background:#55c7f30d;color:#c6d8e6;font-size:13px;line-height:1.7}
.manual-callout.warning{border-color:#f1ad5055;border-left-color:#f1ad50;background:#f1ad500d}
.manual-steps{display:grid;gap:10px;margin:22px 0 30px;padding:0;list-style:none;counter-reset:guide-step}
.manual-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:14px;border:1px solid #ffffff17;border-radius:10px;background:#ffffff06;counter-increment:guide-step}
.manual-steps li:before{grid-row:span 2;content:counter(guide-step,decimal-leading-zero);color:#63d2ff;font:600 15px "MylanT Mono",monospace}
.manual-steps b{color:#f4f3fb;font-size:14px}
.manual-steps span{color:#bfc4d4;font-size:13px;line-height:1.6}
.manual-steps.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.manual-steps.compact li{grid-template-columns:28px minmax(0,1fr)}
.manual-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.manual-node-list article{padding:16px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff06}
.manual-node-list article h3{margin:0 0 8px;color:#91e2ff}
.manual-node-list article p,.manual-node-list article li{font-size:13px}
.manual-node-list article ul{padding-left:18px}
@keyframes manual-panel-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.manual-panel{padding:23px 18px 28px}.manual-panel p,.manual-panel li{font-size:13px}.manual-panel h3{font-size:16px}.manual-panel th,.manual-panel td{padding:9px;font-size:11px}.manual-panel pre{padding:14px}.manual-panel pre code{font-size:11px}.manual-node-list{grid-template-columns:1fr}.manual-steps.compact{grid-template-columns:1fr}.manual-steps li{grid-template-columns:30px minmax(0,1fr)}}
.manual-resource-list{max-width:none;margin:20px 0 0}
.manual-shell{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px;max-width:1260px;margin:0 auto}
.manual-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:18px 14px;border:1px solid #ffffff1c;border-radius:14px;background:#11131beF;scrollbar-width:thin;scrollbar-color:#55c7f355 transparent}
.manual-sidebar-title{margin:0 0 10px;color:#78d8fa;font:10px "MylanT Mono",monospace;letter-spacing:.12em}
.manual-sidebar-nav{display:grid;gap:3px}
.manual-sidebar-nav a{display:block;padding:8px 9px;border-radius:7px;color:#abb2c4;font-size:12px;line-height:1.4;text-decoration:none;transition:background .18s,color .18s}
.manual-sidebar-nav a:hover,.manual-sidebar-nav a:focus-visible,.manual-sidebar-nav a[aria-current="location"]{background:#55c7f31c;color:#b7efff;outline:none}
.manual-content{display:grid;min-height:0;gap:16px}
.manual-section{scroll-margin-top:22px;animation:none}
.asset-card-actions,.featured-asset-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.asset-card-actions .asset-view-link{margin-top:0}
.asset-guide-link{display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #55c7f355;border-radius:999px;background:#55c7f310;color:#b8edff;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.asset-guide-link span{color:#55c7f3}
.asset-guide-link:hover{transform:translateY(-2px);border-color:#55c7f399;background:#55c7f324}
.featured-asset-actions>a{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e0c26988;border-radius:999px;background:linear-gradient(135deg,#efd88925,#b3852915);color:#fff4ce;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.featured-asset-actions>a:hover{transform:translateY(-2px);background:#d6ae5040}
.featured-asset-actions>span{color:#aeb3c6;font-size:11px}
.contact-message{grid-column:1/-1}
body:has(.manual-shell) .site-shell{overflow:visible}
.footer-links{flex-wrap:wrap;row-gap:8px}
.footer-links .email-contact-text{color:#697783;font-size:11px;line-height:1.5;white-space:nowrap}
.main-nav .email-contact-text{color:#78828c;font-size:11px;white-space:nowrap}
.contact-nav-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid #55c7f366;border-radius:999px;background:#55c7f314;color:#d8f5ff!important;transition:background .2s,border-color .2s,transform .2s}
.contact-nav-button:hover{border-color:#55c7f3;background:#55c7f329;transform:translateY(-1px)}
.contact-section{padding:100px 9.5%;border-top:1px solid #ffffff18;background:radial-gradient(ellipse at 50% 0%,#55c7f30d,transparent 55%),#101117}
.contact-inner{max-width:780px;margin:0 auto;text-align:center}
.contact-inner .eyebrow{margin-bottom:16px}
.contact-inner h2{margin:0;color:#f4f3fb;font:600 clamp(38px,5vw,60px)/1 "MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;letter-spacing:-.045em}
.contact-intro{margin:18px auto 32px;color:#a9abc2;font-size:14px;line-height:1.7}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}
.contact-option{padding:20px 22px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(145deg,#ffffff0d,#ffffff05),#171923}
.contact-option span{display:block;margin-bottom:9px;color:#9ba5bb;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.contact-option p{margin:0;color:#f4f3fb;font-size:15px;font-weight:600}
.site-footer{justify-content:center;min-height:76px;padding:20px;text-align:center}
.site-footer .footer-copy{order:0;width:auto;margin:0;color:#78828c;font:10px var(--mono);letter-spacing:.08em}
@media(max-width:680px){.site-footer{min-height:65px;padding:18px}.site-footer .footer-copy{order:0;width:auto}.contact-section{padding:76px 24px}.contact-options{grid-template-columns:1fr}.main-nav .contact-nav-button{align-self:flex-start}}
@media(max-width:850px){.manual-shell{grid-template-columns:1fr;gap:14px}.manual-sidebar{top:0;max-height:none;padding:12px;border-radius:0 0 12px 12px}.manual-sidebar-nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.manual-sidebar-nav a{flex:none;white-space:nowrap}}
@media(max-width:680px){.footer-links{width:100%;justify-content:flex-start}}
@media(max-width:520px){.asset-card-bottom{align-items:stretch;flex-direction:column}.asset-card-actions{justify-content:space-between;width:100%}.asset-card-actions .asset-view-link{margin-top:0}}
.contact-inner h2{font-family:"MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;font-weight:700}
body{letter-spacing:.005em}
h1,h2,h3,.docs-heading h1,.blog-heading h1,.blog-post h2,.asset-doc-heading h1,.manual-panel h2,.manual-panel h3{font-family:"MylanT Sans","Aptos","Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.025em}
.hero h1{letter-spacing:-.03em}
.main-nav{align-items:center}
.main-nav>.nav-link,.main-nav>.nav-dropdown{align-self:center}
.contact-section{background:radial-gradient(ellipse at 50% 0%,#55c7f30d,transparent 55%),#101117;border-top-color:#ffffff18}
.contact-inner h2{color:#f4f3fb}
.contact-intro{color:#a9abc2}
.contact-option{background:linear-gradient(145deg,#ffffff0d,#ffffff05),#171923;border-color:#ffffff20}
.contact-option span{color:#9ba5bb}
.contact-option p{color:#f4f3fb}
/* Documentation: warm graphite, parchment, copper, moss and honey accents */
body:has(.manual-shell),body:has(.docs-main){background:#e8e2d7;color:#24231f}
body:has(.manual-shell) .site-shell,body:has(.docs-main) .site-shell{background:#e8e2d7}
body:has(.manual-shell) .site-header,body:has(.docs-main) .site-header{background:#1d211f;border-color:#454740}
body:has(.manual-shell) .brand,body:has(.docs-main) .brand{color:#f1ece3}
.asset-doc-main,.docs-main{color:#292923}
.docs-breadcrumb{color:#706d62}.docs-breadcrumb a{color:#6b7762}.docs-breadcrumb span:nth-child(2){color:#bd754e}
.asset-doc-heading h1,.docs-heading h1{color:#272820}
.asset-doc-heading h1 span,.heading-period{color:#bd754e}
.asset-doc-heading>p:not(.eyebrow),.docs-intro{color:#68675d}
.docs-asset-card{border-color:#cfc7b8;border-radius:4px;background:#f1ece3;color:#292923;box-shadow:0 8px 24px #2929230a}
.docs-asset-card:hover{border-color:#a67b47;background:#f8f3e9}
.docs-asset-number,.docs-asset-card>b{color:#a87937}
.docs-asset-card small{color:#777367}
.docs-asset-featured{border-color:#ba7652}
.manual-shell{gap:20px}
.manual-sidebar{border:1px solid #cbc2af;border-radius:4px;background:#d8d1c4;box-shadow:0 12px 32px #28251d12;scrollbar-color:#a77b42 transparent}
.manual-sidebar-title{color:#986a35}
.manual-sidebar-nav a{border-radius:3px;color:#55564d}
.manual-sidebar-nav a:hover,.manual-sidebar-nav a:focus-visible,.manual-sidebar-nav a[aria-current="location"]{background:#a8793722;color:#6f4c26}
.manual-panel{border:1px solid #45483e;border-radius:5px;background:linear-gradient(135deg,#282b26,#20231f 72%);box-shadow:0 18px 44px #16171324}
.manual-kicker{color:#d9ad66}
.manual-panel h2{color:#f0eadc}
.manual-panel h3{color:#d9ad66}
.manual-panel p,.manual-panel li{color:#d0ccbf;line-height:1.65}
.manual-panel code{border-color:#bf874342;background:#403b30;color:#e7bc72}
.manual-panel pre{border:1px solid #62604e;border-radius:5px;background:#151815;color:#d6d4ca;box-shadow:inset 3px 0 #bd754e}
.manual-panel pre code{color:#d6d4ca}
.manual-panel th,.manual-panel td{border-color:#ffffff18}
.manual-panel th{background:#a879372b;color:#e7c27d}
.manual-panel td:first-child{color:#f0eadc}
.manual-callout{border-color:#b8894b66;border-left-color:#d9ad66;background:#d9ad6612;color:#e2d7c3}
.manual-callout a{color:#e8c783}
.manual-callout.warning{border-color:#c277575c;border-left-color:#c27757;background:#c2775714}
.manual-steps li{border-color:#ffffff1b;border-radius:4px;background:#ffffff07}
.manual-steps li:before{color:#d9ad66}
.manual-steps b{color:#f0eadc}
.manual-steps span{color:#cfcbbe}
.manual-node-list article{border-color:#ffffff1b;border-radius:4px;background:#ffffff07}
.manual-node-list article h3{color:#d7ac69}
.manual-sidebar-nav a:hover,.manual-sidebar-nav a[aria-current="location"]{box-shadow:inset 2px 0 #bd754e}
.syntax-keyword,.syntax-preprocessor{color:#dba95b;font-weight:600}
.syntax-string{color:#a8c18b}
.syntax-comment{color:#8b9382;font-style:italic}
.syntax-type{color:#d78b6d}
.syntax-method{color:#8fc6be}
.syntax-number{color:#c9a2ce}
.syntax-attribute{color:#e2c16d}
.manual-panel pre code.syntax-highlighted{color:#dedbcc}
.asset-doc-actions .button-primary{background:#bb7757;color:#1e211e}
.asset-doc-actions .text-link{color:#726c5e;border-color:#a99c83}
.manual-resource-list .docs-asset-card{background:#f1ece3;color:#292923}
.asset-doc-main,.manual-shell,.manual-content,.manual-section{min-width:0;max-width:100%}
.manual-shell{width:100%;grid-template-columns:minmax(190px,210px) minmax(0,1fr);align-items:start}
.manual-content{display:grid;grid-template-columns:minmax(0,1fr);}
.manual-panel,.manual-panel *{min-width:0}
.manual-panel pre{width:100%;max-width:100%;min-width:0;white-space:pre;overflow-x:auto;overflow-wrap:normal}
.manual-panel pre code{display:block;width:max-content;min-width:100%;max-width:none;white-space:pre;overflow-wrap:normal}
.manual-panel pre code span{white-space:pre}
/* Visual Studio-style C# colors on the warm graphite code surface */
.manual-panel pre .syntax-keyword{color:#569cd6}
.manual-panel pre .syntax-string{color:#ce9178}
.manual-panel pre .syntax-comment{color:#6a9955}
.manual-panel pre .syntax-type{color:#4ec9b0}
.manual-panel pre .syntax-method{color:#dcdcaa}
.manual-panel pre .syntax-number{color:#b5cea8}
.manual-panel pre .syntax-attribute{color:#9cdcfe}
.manual-panel pre .syntax-preprocessor{color:#c586c0}
@media(max-width:850px){.manual-shell{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){.manual-sidebar{background:#d8d1c4}}

.main-nav{align-items:center}.main-nav>.nav-link,.main-nav>.nav-dropdown{align-self:center}