:root { --ink:#101e38; --blue:#317cc8; --line:#dfe8f1; --panel:#fff; --page:#f4f8fc; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; color:var(--ink); background:var(--page); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:100px; } body { margin:0; min-width:320px; } a { color:inherit; text-decoration:none; }
.site-header { position:fixed; z-index:200; inset:22px 6.7% auto; display:flex; justify-content:space-between; align-items:center; pointer-events:none; }.brand,.site-header nav { pointer-events:auto; background:rgba(255,255,255,.88); border:1px solid rgba(212,221,230,.9); box-shadow:0 9px 24px rgba(35,58,83,.15); backdrop-filter:blur(10px); }.brand { display:flex; align-items:center; gap:12px; border-radius:22px; padding:11px 18px 11px 12px; font-size:18px; font-weight:700; }.brand img { width:34px; height:34px; object-fit:contain; }.site-header nav { position:relative; display:flex; align-items:center; gap:5px; border-radius:26px; padding:6px; }.site-header nav a { padding:12px 22px; font-size:15px; font-weight:600; color:#2b3542; transition:background .25s,color .25s,transform .25s; }.site-header nav a:hover { color:#146bbb; transform:translateY(-1px); }.site-header nav .login-link { border-radius:22px; background:#142a4d; color:#fff; padding-inline:24px; }
.mobile-menu-toggle,.mobile-menu { display:none; }
.hero { position:relative; isolation:isolate; min-height:790px; overflow:hidden; display:flex; align-items:center; padding:130px max(8.7vw,32px) 72px; }.hero-backdrop { position:absolute; inset:0; z-index:-2; background:url("static-assets/hero-tech-wide-v2.webp") center/cover no-repeat; transform:scale(1.035); animation:backdrop-settle 1.4s cubic-bezier(.22,1,.36,1) both; }.hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(239,244,249,.94) 0%,rgba(239,244,249,.81) 33%,rgba(239,244,249,.18) 62%,rgba(239,244,249,.03) 100%); pointer-events:none; }
.hero-copy { width:min(50vw,780px); animation:copy-in .85s .13s cubic-bezier(.16,1,.3,1) both; }.association { display:inline-flex; align-items:center; gap:9px; border:1px solid #aebfd3; border-radius:999px; padding:8px 14px; color:#3b78b7; font-size:14px; font-weight:600; }.association span { width:8px; height:8px; border-radius:50%; background:#e7974c; box-shadow:0 0 0 3px rgba(231,151,76,.15); }.association b { margin-left:2px; font-size:18px; font-weight:400; }.hero h1 { margin:23px 0 12px; font-size:clamp(44px,4vw,64px); letter-spacing:-.08em; line-height:1.08; white-space:nowrap; }.hero-subtitle { margin:0; font-size:clamp(20px,1.55vw,26px); color:#313947; letter-spacing:.015em; }.hero-slogan { margin:26px 0 35px; color:#337dc4; font-size:21px; font-weight:700; }.hero-description { max-width:630px; margin:0 0 33px; color:#556477; font-size:16px; line-height:2; }.address-row { max-width:745px; display:flex; justify-content:space-between; align-items:center; padding:17px 22px; border-radius:17px; color:#f5f7fb; background:rgba(8,13,20,.91); box-shadow:0 12px 22px rgba(12,25,43,.15); }.address-row code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:17px; letter-spacing:.025em; }.copy-button { border:0; padding:4px 0; color:#d4d9df; background:none; font:inherit; cursor:pointer; transition:color .2s; }.copy-button:hover { color:#fff; }.copy-button span { display:inline-block; margin-left:6px; font-size:18px; transform:rotate(-30deg); }.hero-actions { display:flex; gap:17px; margin-top:21px; }.button { display:inline-flex; align-items:center; gap:16px; border:1px solid transparent; border-radius:18px; padding:18px 25px; font-size:17px; font-weight:700; transition:transform .25s,box-shadow .25s,background .25s; }.button:hover { transform:translateY(-3px); }.button-dark { background:#080b0f; color:#fff; box-shadow:0 11px 17px rgba(15,28,45,.18); }.button-light { background:rgba(255,255,255,.94); border-color:#d9e0e8; color:#17223a; }.button span { font-size:24px; line-height:0; }
.feature-stage { position:absolute; z-index:4; width:min(49vw,800px); height:610px; right:4.5%; top:184px; }.feature-card { position:absolute; overflow:hidden; border:8px solid rgba(249,252,255,.79); border-radius:30px; background:#fff; box-shadow:0 22px 48px rgba(19,47,82,.2); transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s; }.feature-card img { display:block; width:100%; height:100%; object-fit:cover; }.feature-card:hover { transform:translateY(-13px) rotate(-.6deg) !important; box-shadow:0 31px 58px rgba(18,47,80,.28); }.feature-primary { z-index:2; width:76%; height:405px; top:70px; left:0; animation:card-primary-in 1s .36s cubic-bezier(.16,1,.3,1) both; }.feature-secondary { z-index:1; width:72%; height:330px; right:0; bottom:0; animation:card-secondary-in 1s .5s cubic-bezier(.16,1,.3,1) both; }.card-caption { position:absolute; inset:auto 0 0; display:flex; justify-content:space-between; align-items:center; padding:15px 20px; color:#fff; background:linear-gradient(transparent,rgba(3,17,39,.72)); opacity:0; transform:translateY(9px); transition:opacity .35s,transform .35s; }.feature-card:hover .card-caption { opacity:1; transform:none; }.card-caption span { font-size:13px; }.card-caption strong { font-size:17px; }
.page-section { width:min(1720px,86vw); margin:0 auto; padding:95px 0 10px; }.section-heading p { margin:0 0 12px; color:#a47b22; font-size:14px; font-weight:700; letter-spacing:.09em; }.section-heading h2 { margin:0; font-size:40px; letter-spacing:-.06em; }.recommended { display:grid; grid-template-columns:410px 1fr auto; align-items:center; gap:44px; min-height:285px; margin-top:32px; padding:45px 50px; border:1px solid #e2cd95; border-radius:30px; background:rgba(255,255,255,.84); box-shadow:0 18px 43px rgba(39,64,88,.08); transition:transform .35s,box-shadow .35s; }.recommended:hover { transform:translateY(-5px); box-shadow:0 24px 48px rgba(39,64,88,.13); }.recommended img { width:100%; height:180px; border-radius:18px; object-fit:cover; }.recommended p { margin:0 0 10px; color:#757e88; font-size:14px; }.recommended h3 { margin:0 0 13px; font-size:44px; letter-spacing:-.07em; }.recommended span { color:#586477; font-size:19px; }.recommended>b { font-size:28px; color:#a47b22; }.directory { padding-bottom:120px; }.application-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; }.application-item { min-height:222px; display:grid; grid-template-columns:290px 1fr; align-items:center; gap:28px; padding:25px 35px; border:1px solid #e3e8ed; border-radius:22px; background:rgba(255,255,255,.8); transition:transform .3s,box-shadow .3s,border-color .3s; }.application-item:hover { transform:translateY(-4px); border-color:#b4cce5; box-shadow:0 18px 38px rgba(35,66,96,.09); }.application-item img { width:100%; height:150px; object-fit:cover; border-radius:13px; }.application-item h3 { margin:0 0 10px; font-size:23px; }.application-item p { margin:0; color:#5f6d7e; font-size:15px; line-height:1.8; }
footer { padding:40px 30px; border-top:1px solid #dbe4ec; color:#718196; background:#eff5fa; text-align:center; font-size:14px; line-height:2.1; } footer p { margin:0; } footer a { color:#357dc1; } [data-reveal] { opacity:0; transform:translateY(25px); transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1); } [data-reveal].is-visible { opacity:1; transform:none; }
@keyframes backdrop-settle { from { transform:scale(1.09); } to { transform:scale(1.035); } } @keyframes copy-in { from { transform:translateY(24px); } to { transform:none; } } @keyframes card-primary-in { from { transform:translate(55px,28px) rotate(2deg); } to { transform:none; } } @keyframes card-secondary-in { from { transform:translate(42px,55px) rotate(-2deg); } to { transform:none; } }
@media (max-width:980px) { .site-header { inset:16px 20px auto; }.brand span { display:none; }.site-header nav a { padding:9px 10px; font-size:13px; }.hero { min-height:890px; align-items:flex-start; padding:145px 28px 40px; }.hero-copy { width:100%; }.hero:after { background:linear-gradient(180deg,rgba(241,246,250,.96),rgba(241,246,250,.78) 53%,rgba(241,246,250,.15)); }.feature-stage { position:relative; top:auto; right:auto; width:100%; height:390px; margin-top:35px; }.feature-primary { height:255px; }.feature-secondary { height:215px; }.page-section { width:min(100% - 40px,720px); padding-top:70px; }.recommended { grid-template-columns:1fr; gap:18px; padding:25px; }.recommended img { height:190px; }.application-grid { grid-template-columns:1fr; }.application-item { grid-template-columns:150px 1fr; padding:22px; }.application-item img { height:100px; }.address-row { max-width:100%; }.hero h1 { font-size:55px; } }
@media (max-width:560px) { .site-header nav a:not(.login-link) { display:none; }.brand { border-radius:16px; }.hero { min-height:830px; }.hero h1 { font-size:clamp(34px,11vw,47px); line-height:1.15; white-space:normal; }.hero h1 span { display:block; }.hero-subtitle { font-size:19px; }.hero-description { font-size:14px; }.address-row code { font-size:13px; }.copy-button { font-size:12px; }.button { padding:15px 17px; font-size:14px; }.feature-stage { height:320px; }.feature-card { border-width:5px; border-radius:21px; }.feature-primary { width:82%; height:210px; top:25px; }.feature-secondary { width:78%; height:175px; }.section-heading h2 { font-size:34px; }.application-item { grid-template-columns:1fr; gap:13px; }.application-item img { height:140px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }

/* Association-owned application content uses the existing visual system. */
.recommended h3 { font-size:clamp(30px,2.7vw,44px); }
.recommended span { font-size:18px; line-height:1.7; }
.recommended + .recommended { margin-top:28px; }
.recommended-bpm-image { object-position:right center; }
.hero h1 { font-size:clamp(38px,3vw,52px); }
@media (max-width:560px) { .hero h1 { font-size:clamp(34px,10vw,40px); } .hero h1 span { white-space:nowrap; } }
.address-row { width:min(31vw,520px); max-width:100%; padding:6px 14px; border-radius:12px; }
.address-row code { font-size:15px; line-height:1.25; }
.copy-button { display:inline-flex; align-items:center; gap:6px; flex:none; font-size:13px; }
.copy-button img { width:16px; height:16px; opacity:.88; }
@media (max-width:980px) { .address-row { width:100%; padding:7px 13px; } .address-row code { font-size:13px; } }
@media (max-width:560px) { .copy-button { font-size:12px; } }
.button { gap:11px; padding:10px 19px; border-radius:14px; font-size:13px; line-height:1.2; white-space:nowrap; }
.button .button-label { font-size:inherit; line-height:inherit; }
.button .button-arrow { font-size:17px; line-height:1; }
@media (max-width:560px) { .hero-actions { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; } .hero-actions .button { min-width:0; justify-content:center; gap:7px; padding:10px 8px; font-size:12px; } .hero-actions .button .button-arrow { font-size:15px; } }
@media (max-width:980px) { .hero { flex-direction:column; } .hero-copy { flex:none; } .hero h1 { font-size:clamp(42px,5.6vw,55px); } }
@media (max-width:560px) { .hero h1 { font-size:clamp(34px,10vw,40px); } .hero-copy,.hero-actions,.feature-stage { width:calc(100vw - 56px); } .address-row { width:100%; } }
.recommended h3 { font-size:clamp(19px,1.6vw,26px); letter-spacing:-.05em; white-space:nowrap; }
@media (max-width:560px) { .recommended h3 { font-size:clamp(14px,4.1vw,17px); } }

.join-section { width:min(1320px,88vw); margin:0 auto; padding:72px 0 84px; }
.join-layout { display:grid; grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr); align-items:center; gap:58px; }
.join-copy { min-width:0; }
.join-section h2 { margin:0 0 22px; font-size:clamp(32px,2.5vw,40px); line-height:1.1; letter-spacing:-.05em; }
.join-card { margin:0; padding:8px 30px; border:1px solid #dce6ef; border-radius:24px; background:rgba(255,255,255,.88); box-shadow:0 20px 46px rgba(38,65,94,.09); backdrop-filter:blur(8px); }
.join-row { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:center; min-height:76px; column-gap:18px; border-bottom:1px solid #e4eaf0; }
.join-row:last-child { border-bottom:0; }
.join-row dt,.join-row dd { margin:0; }
.join-row dt { color:#66788f; font-size:15px; }
.join-row dd { color:#11203b; font-size:clamp(17px,1.35vw,21px); font-weight:700; letter-spacing:-.025em; white-space:nowrap; }
.join-row a { color:#2854c5; transition:color .25s ease,transform .25s ease; }
.join-row a:hover { color:#17439f; text-decoration:underline; text-underline-offset:5px; }
.join-row a:focus-visible { outline:2px solid #317cc8; outline-offset:5px; border-radius:3px; }
.join-visual { position:relative; isolation:isolate; min-width:0; height:470px; }
.join-network { position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; }
.join-network line { stroke:rgba(15,15,15,.2); stroke-width:1; stroke-dasharray:3 3; vector-effect:non-scaling-stroke; }
.join-network circle { fill:#0a0a0a; vector-effect:non-scaling-stroke; }
.join-art { position:absolute; z-index:2; margin:0; filter:drop-shadow(0 22px 32px rgba(20,20,20,.18)); transition:transform .5s ease-out,filter .5s ease-out; will-change:transform; }
.join-art img { display:block; width:100%; height:auto; }
.join-art:hover { filter:drop-shadow(0 40px 58px rgba(15,15,15,.34)); }
.join-art-qa { z-index:3; left:-10%; top:3%; width:65%; transform:rotate(-1.6deg); }
.join-art-qa:hover { transform:rotate(0deg) scale(1.04) translateY(-10px); }
.join-art-whitepaper { z-index:3; right:-8%; top:6%; width:64%; transform:rotate(1.6deg); }
.join-art-whitepaper:hover { transform:rotate(0deg) scale(1.04) translateY(-10px); }
.join-art-category { z-index:4; left:-5%; bottom:8%; width:45%; transform:rotate(-2deg); }
.join-art-category:hover { transform:rotate(0deg) scale(1.05) translateY(-10px); }
.join-art-embossed { z-index:6; left:27%; bottom:14%; width:45%; transform:rotate(1.4deg); }
.join-art-embossed:hover { transform:rotate(0deg) scale(1.05) translateY(-12px); }
.join-art-code { z-index:5; right:-6%; bottom:10%; width:45%; transform:rotate(-1.4deg); }
.join-art-code:hover { transform:rotate(0deg) scale(1.05) translateY(-10px); }
@media (max-width:1100px) { .join-layout { grid-template-columns:1fr; gap:34px; } .join-copy { width:min(620px,100%); } .join-visual { width:min(680px,100%); height:500px; margin:0 auto; } }
@media (max-width:720px) { .join-section { width:calc(100% - 40px); padding:60px 0 66px; } .join-layout { gap:28px; } .join-section h2 { margin-bottom:18px; font-size:30px; } .join-card { padding:6px 20px; border-radius:22px; } .join-row { grid-template-columns:82px minmax(0,1fr); min-height:68px; column-gap:12px; } .join-row dt { font-size:13px; } .join-row dd { font-size:15px; } .join-visual { width:min(100%,340px); height:360px; } .join-network { display:none; } .join-art-qa { left:5%; top:10%; width:44%; } .join-art-whitepaper { right:5%; top:12%; width:46%; } .join-art-category { left:2%; bottom:14%; width:32%; } .join-art-embossed { left:22%; bottom:16%; width:40%; } .join-art-code { right:-3%; bottom:8%; width:36%; } }

/* Exact motion primitives transferred from the original homepage. */
@keyframes ping { 75%,to { opacity:0; transform:scale(2); } }
@keyframes hero-fade-up { 0% { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes hero-float { 0%,to { transform:translateY(0); } 50% { transform:translateY(-10px); } }
@keyframes hero-float-soft { 0%,to { transform:translate(0); } 50% { transform:translateY(-7px); } }
@keyframes hero-float-soft-delayed { 0%,to { transform:translate(0); } 50% { transform:translateY(-10px); } }
@keyframes sheen-return { 0% { transform:translate(-125%); } 42% { transform:translate(125%); } 58% { transform:translate(125%); } to { transform:translate(-125%); } }
@keyframes icon-nudge { 0%,to { transform:translate(0) rotate(0); } 35% { transform:translate(1px,-1px) rotate(-4deg); } 65% { transform:translate(-1px) rotate(3deg); } }
.hero-copy { animation:hero-fade-up .8s cubic-bezier(.18,.89,.32,1.02) both; }
.feature-primary { animation:card-primary-in 1s .36s cubic-bezier(.16,1,.3,1) both,hero-float-soft 7.5s ease-in-out infinite; }
.feature-secondary { animation:card-secondary-in 1s .5s cubic-bezier(.16,1,.3,1) both,hero-float-soft-delayed 8.5s 1.2s ease-in-out infinite; }
.brand { position:relative; overflow:hidden; transition:background-color .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1); }
.brand:hover { border-color:rgba(163,173,183,.9); background:#fff; box-shadow:0 14px 30px -8px rgba(15,15,15,.28),0 1px 2px rgba(0,0,0,.04); }
.brand>img,.brand-label { position:relative; z-index:1; }
.brand-label { white-space:nowrap; }
.site-header nav { transition:box-shadow .3s ease-out,border-color .3s ease-out; }
.site-header nav:hover { border-color:rgba(163,173,183,.9); box-shadow:0 10px 26px -10px rgba(15,15,15,.22),0 1px 2px rgba(0,0,0,.04); }
.site-header nav a:not(.login-link) { position:relative; isolation:isolate; display:inline-flex; height:36px; align-items:center; overflow:hidden; border:0; border-radius:999px; padding:0 14px; font-family:inherit; font-size:14px; font-weight:500; line-height:1.2; letter-spacing:-.01em; color:#2b3542; outline:none; transition:color .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1); }
.site-header nav a:not(.login-link):hover { transform:translateY(-1px); color:#171d27; box-shadow:0 6px 16px -8px rgba(15,15,15,.22); }
.site-header nav a:not(.login-link):active { transform:translateY(0) scale(.98); }
.site-header nav a:not(.login-link):focus-visible { box-shadow:0 0 0 2px rgba(91,113,141,.8),0 0 0 4px rgba(245,244,242,.8); }
.nav-hover-fill { position:absolute; inset:0; z-index:-1; transform-origin:left; transform:scaleX(0); border-radius:999px; background:rgba(229,232,236,.9); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.site-header nav a:not(.login-link):hover .nav-hover-fill { transform:scaleX(1); }
.nav-label { position:relative; z-index:1; display:inline-flex; align-items:center; }
.nav-nudge { position:relative; z-index:1; flex:none; margin-left:4px; transform:translateX(-6px); opacity:0; transition:transform .3s ease-out,opacity .3s ease-out; }
.site-header nav a:not(.login-link):hover .nav-nudge { transform:translateX(0); opacity:1; }
.sheen-return-hover--logo,.sheen-return-hover--docs-pill,.sheen-return-hover--changelog-pill,.sheen-return-hover--guide-pill,.sheen-return-hover--copy { position:absolute; inset:0; pointer-events:none; background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent); transform:translate(-125%); }
.address-row { position:relative; overflow:hidden; background:#1a1a1a; box-shadow:0 14px 30px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06); outline:1px solid rgba(0,0,0,.2); transition:background .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),outline-color .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1); }
.address-row:hover { background:#222; box-shadow:0 20px 40px -12px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1); }
.address-row code,.address-row .copy-button { position:relative; z-index:1; }
.address-row.is-copied { outline-color:rgba(52,211,153,.6); }
.address-row.is-copied::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(120% 80% at 50% 100%,rgba(52,211,153,.22),transparent 60%); }
.copy-button { display:inline-flex; align-items:center; gap:6px; flex:none; border:0; padding:1px 0; line-height:1.2; color:#a8b0bc; background:none; cursor:pointer; transition:color .3s; }
.address-row:hover .copy-button { color:#e5e7eb; }
.copy-button img { transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .5s cubic-bezier(.34,1.56,.64,1); }
.address-row:hover .copy-button img { transform:translateY(-1px) rotate(-8deg) scale(1.12); }
.copy-button.is-copied { color:#34d399; }
.copy-button.is-copied img { transform:scale(.5); opacity:0; }
.copy-button.is-copied::after { content:"✓"; position:absolute; right:0; color:#34d399; font-size:18px; font-weight:700; }
.button { position:relative; overflow:hidden; transition:box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease-out,background .3s ease-out; }
.button-dark { box-shadow:0 14px 32px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14); outline:1px solid rgba(0,0,0,.3); }
.button-dark:hover { box-shadow:0 24px 44px -10px rgba(255,107,0,.35),0 18px 40px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2); }
.button-light { box-shadow:0 3px 10px -2px rgba(0,0,0,.06); }
.button-light:hover { border-color:#a3a3a3; background:#fafafa; box-shadow:0 10px 22px -6px rgba(0,0,0,.12); transform:none; }
.button:active { transform:scale(.98); }
.button-label,.button-arrow { position:relative; z-index:1; }
.button-label { transition:transform .5s cubic-bezier(.16,1,.3,1); }
.button-arrow { transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .3s ease-out; }
.button-dark:hover .button-label { transform:translateX(-2px); }
.button-dark:hover .button-arrow { transform:translateX(4px); }
.button-light:hover .button-arrow { transform:translateX(2px); color:#17223a; }
.button-sheen { position:absolute; inset:0; pointer-events:none; transform:translateX(-100%); background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent); transition:transform .7s ease-out; }
.button-dark:hover .button-sheen { transform:translateX(100%); }
.button-highlight { position:absolute; inset:0; pointer-events:none; border-radius:inherit; opacity:0; background:radial-gradient(140% 90% at 50% 0%,rgba(255,255,255,.16),transparent 60%); transition:opacity .5s; }
.button-dark:hover .button-highlight { opacity:1; }
footer a { transition:color .25s ease; }
footer a:hover { color:#0c5da7; text-decoration:underline; }
[data-reveal] { transition-delay:var(--reveal-delay,0ms); }
@media (prefers-reduced-motion:no-preference) { [data-micro-sheen="logo"]:hover .sheen-return-hover--logo,[data-micro-sheen="docs-pill"]:hover .sheen-return-hover--docs-pill,[data-micro-sheen="changelog-pill"]:hover .sheen-return-hover--changelog-pill,[data-micro-sheen="guide-pill"]:hover .sheen-return-hover--guide-pill,[data-micro-sheen="copy"]:hover .sheen-return-hover--copy { animation:sheen-return 1.05s cubic-bezier(.33,1,.68,1) forwards; } [data-micro-nudge="nav"]:hover .nav-nudge { animation:icon-nudge .5s cubic-bezier(.34,1.56,.64,1) both; } }
@media (prefers-reduced-motion:reduce) { .hero-copy,.feature-primary,.feature-secondary { animation:none !important; } .sheen-return-hover--logo,.sheen-return-hover--docs-pill,.sheen-return-hover--changelog-pill,.sheen-return-hover--guide-pill,.sheen-return-hover--copy,.nav-nudge { animation:none !important; } }
@media (max-width:560px) {
  .site-header { inset:12px 12px auto; }
  .brand { min-width:0; gap:6px; padding:7px 9px 7px 7px; }
  .brand img { width:24px; height:24px; flex:none; }
  .brand .brand-label { display:block; font-size:clamp(11px,2.7vw,14px); line-height:1; letter-spacing:-.04em; }
  .site-header nav { gap:4px; }
  .site-header nav>a:not(.login-link) { display:none; }
  .site-header nav .login-link { display:inline-flex; height:36px; align-items:center; padding:0 17px; white-space:nowrap; }
  .mobile-menu-toggle { position:relative; display:inline-flex; width:32px; height:32px; flex:none; align-items:center; justify-content:center; border:1px solid #dce3ea; border-radius:50%; color:#17223a; background:#fff; cursor:pointer; transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease; }
  .mobile-menu-toggle:hover { background:#f7f9fb; box-shadow:0 8px 18px -12px rgba(15,15,15,.2); }
  .mobile-menu-toggle:active { transform:scale(.95); }
  .mobile-menu-toggle>span { position:absolute; left:8px; right:8px; height:2px; border-radius:2px; background:currentColor; transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease; }
  .mobile-menu-toggle>span:nth-child(1) { top:9px; }
  .mobile-menu-toggle>span:nth-child(2) { top:15px; }
  .mobile-menu-toggle>span:nth-child(3) { bottom:9px; }
  .mobile-menu-toggle[aria-expanded="true"]>span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .mobile-menu-toggle[aria-expanded="true"]>span:nth-child(2) { opacity:0; transform:scaleX(0); }
  .mobile-menu-toggle[aria-expanded="true"]>span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .mobile-menu { position:absolute; right:0; top:calc(100% + 10px); display:grid; min-width:132px; padding:6px; border:1px solid rgba(212,221,230,.9); border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 18px 38px -14px rgba(15,15,15,.22),0 1px 2px rgba(0,0,0,.04); backdrop-filter:blur(10px); opacity:0; transform:translateY(-4px) scale(.95); transform-origin:top right; pointer-events:none; transition:opacity .2s ease,transform .2s ease; }
  .mobile-menu.is-open { opacity:1; transform:none; pointer-events:auto; }
  .site-header nav .mobile-menu a { display:flex; align-items:center; min-height:38px; border-radius:11px; padding:0 12px; font-size:14px; font-weight:500; color:#2b3542; }
  .site-header nav .mobile-menu a:hover { color:#17223a; background:#edf1f5; transform:translateY(-1px); }
}
@media (max-width:340px) {
  .brand { gap:4px; padding:6px; }
  .brand img { width:21px; height:21px; }
  .brand .brand-label { font-size:10px; }
  .site-header nav { padding:4px; }
  .site-header nav .login-link { height:32px; padding:0 10px; font-size:12px; }
  .mobile-menu-toggle { width:30px; height:30px; }
  .mobile-menu-toggle>span { left:7px; right:7px; }
}