/* Skillrz application skin, using Cadence's template tokens and hero/device anatomy. */
html[data-design=cadence],html[data-design=cadence].dark{color-scheme:dark;--background:#08090b;--foreground:#eef2f5;--card:#0f1216;--card-foreground:#eef2f5;--popover:#14181d;--popover-foreground:#eef2f5;--primary:#4cc4ea;--primary-foreground:#031219;--secondary:#1a1f25;--secondary-foreground:#eef2f5;--muted:#14181d;--muted-foreground:#a9b3bc;--accent:#4cc4ea;--accent-foreground:#031219;--border:rgba(226,236,245,.12);--input:rgba(226,236,245,.2);--ring:#4cc4ea;--radius:.65rem;--promo-banner-height:0px!important;background:var(--bg)}
html[data-design=cadence] body{background:var(--bg);color:var(--text);font-family:Geist,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
html[data-design=cadence] :is(button,input,select,textarea){font-family:inherit}
html[data-design=cadence] :is(h1,h2){background:linear-gradient(180deg,#77828c 0%,#c6ced5 34%,#f3f6f8 62%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.035em}
html[data-design=cadence] :is(a,button,input,textarea,select):focus-visible{outline:2px solid #4cc4ea;outline-offset:4px}
html[data-design=cadence] :is(button,a){-webkit-tap-highlight-color:transparent}
html[data-design=cadence] button:active,.cd-button:active{transform:scale(.97)}
html[data-design=cadence] button:disabled{cursor:not-allowed;opacity:.5}
.cd-ground{background-color:var(--bg)!important}.cd-ink{color:var(--text)!important}
html[data-design=cadence] [class*="dark:text-[#121313]"],html[data-design=cadence] [class*="dark:text-black"]{color:var(--text)!important}
html[data-design=cadence] [class*="bg-white"]{background-color:var(--surface)!important}
html[data-design=cadence] :is(a,button)[class*="dark:bg-white"]{background:var(--accent)!important;color:var(--accent-ink)!important;border-radius:10px}
html[data-design=cadence] a[class*="bg-[linear-gradient"]{background:linear-gradient(160deg,#171d24,#0d1014)!important}
html[data-design=cadence] [class*="border-black"],html[data-design=cadence] [class*="border-white"]{border-color:var(--line-2)!important}
html[data-design=cadence] [class*="text-black"],html[data-design=cadence] [class*="text-white/"]{color:var(--text-2)!important}
html[data-design=cadence] [class*="bg-[#f4ff"],html[data-design=cadence] [class*="bg-[#f0ff"],html[data-design=cadence] .cd-accent{background:var(--accent)!important;color:var(--accent-ink)!important}
html[data-design=cadence] [class*="text-[#f4ff"],html[data-design=cadence] [class*="text-[#c8f"]{color:var(--accent-text)!important}
html[data-design=cadence] [data-testid=pro-plan-banner]{display:none!important}
html[data-design=cadence] [data-testid=storefront-header]{position:sticky;top:14px;margin:14px auto 30px;width:calc(100% - 40px);max-width:1320px;border:1px solid var(--line-2);border-radius:999px;background:rgba(15,18,22,.9)!important;box-shadow:var(--inset);backdrop-filter:blur(22px);transition:transform .3s var(--ease-out);z-index:40}
html[data-design=cadence] [data-testid=storefront-header] nav{min-height:64px;padding:8px 20px}
html[data-design=cadence] [data-testid=storefront-header] a:hover{color:var(--accent-text)}
html[data-design=cadence] [data-testid=storefront-home-link]{color:var(--text)!important;font-weight:650}
html[data-design=cadence] [data-testid=storefront-header] input{background:transparent!important}
html[data-design=cadence] :is([data-testid=storefront-home-search],[data-testid=skills-directory-search-header]){background:var(--surface-2)!important;border-color:var(--line-2)!important}
html[data-design=cadence] [data-testid=storefront-footer]{border-top:1px solid var(--line-2);background:var(--bg-raise)!important;margin-top:60px}
html[data-design=cadence] :is(.local-dialog,.local-menu,[role=dialog],[data-slot=sheet-content]){background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line-2)!important;box-shadow:var(--shadow-2)}
html[data-design=cadence] :is(.local-action,.primary,[data-testid^=pricing-cta-],[data-testid=skill-detail-buy]){background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent-line)!important;border-radius:10px;box-shadow:inset 0 1px #ffffff40}
html[data-design=cadence] .local-chip-active{color:var(--accent-text)!important;background:var(--accent-soft)!important}
html[data-design=cadence] .local-toast{background:var(--surface-3);color:var(--text);border:1px solid var(--line-2)}
html[data-design=cadence] :is(.local-dialog,input,textarea,select){accent-color:var(--accent)}
html[data-design=cadence] [data-testid=skills-directory-filters]{background:var(--bg-raise)!important;border-right:1px solid var(--line-2);top:104px}
html[data-design=cadence] [data-testid=skills-directory-heading]{margin-bottom:26px;padding-top:10px}
html[data-design=cadence] [data-testid=skills-directory-heading] h1{font-size:clamp(26px,3vw,38px)}
html[data-design=cadence] [data-testid=skill-grid]{gap:24px 20px}
html[data-design=cadence] [data-testid=directory-skill-card]{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#14181d,#0d1013);padding:8px;min-width:0;transition:border-color .18s,transform .18s}
html[data-design=cadence] [data-testid=directory-skill-card]:hover{border-color:var(--line-3);transform:translateY(-3px)}
html[data-design=cadence] [data-testid=skill-card]{border-radius:12px;overflow:hidden}
html[data-design=cadence] [data-testid=skill-card-caption]{padding:8px 5px 4px}
html[data-design=cadence] [data-testid=skill-detail-action-panel]{border:1px solid var(--line-2);background:linear-gradient(150deg,#14181d,#0f1216)!important;box-shadow:var(--inset);border-radius:22px}
html[data-design=cadence] [data-testid=skill-detail-backdrop]{opacity:.13}
html[data-design=cadence] [data-testid=skill-detail-subscribe]{background:var(--accent-soft)!important;border-color:var(--accent-line)!important;color:var(--accent-text)!important;border-radius:12px}
html[data-design=cadence] [data-testid=pricing-plans-section]{padding-top:70px;padding-bottom:70px}
html[data-design=cadence] #pricing-plans-title{font-size:clamp(40px,6vw,76px);line-height:1.08;max-width:950px;margin:auto}
html[data-design=cadence] #pricing-plans-title span{text-decoration:none!important;text-decoration-color:transparent!important}
html[data-design=cadence] [data-testid=pricing-plan]{border:1px solid var(--line-2)!important;border-radius:18px;background:linear-gradient(160deg,#161b21,#0d1014)!important;box-shadow:var(--inset)}
html[data-design=cadence] [data-testid=pricing-plan]:has([data-testid=pricing-cta-yearly]){border-color:var(--accent-line)!important}
html[data-design=cadence] [data-payment-test-mode]{background:var(--accent-soft)!important;color:var(--accent-text)!important;border-bottom:1px solid var(--accent-line);font-size:13px}
html[data-design=cadence] label:has(>input[type=checkbox]:checked)>span>span[aria-hidden=true]{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
/* Home: adapted directly from the template's hero, device and card geometry. */
.cadence-home{line-height:1.6;overflow:clip}.cadence-home *{box-sizing:border-box}.cadence-home .wrap{width:min(calc(100% - 2 * var(--gutter)),1240px);margin-inline:auto}.cadence-home p{color:var(--text-2)}
.cadence-home .hero{position:relative;padding-top:38px;overflow:hidden}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.cadence-home .hero h1{max-width:64rem;padding:1.5rem 0;font-size:var(--fs-display);font-weight:600;line-height:1.05;letter-spacing:-.045em;margin:0}.cadence-home .lead{margin:1rem auto 0;max-width:48rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.6}.hero-ctas{margin-top:2.5rem}.cd-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:10px 24px;background:var(--accent);color:var(--accent-ink)!important;border:1px solid #ffffff30;border-radius:10px;font-weight:600;box-shadow:inset 0 1px #ffffff40,0 7px 22px #4cc4ea15;transition:background .18s,transform .18s}.cd-button:hover{background:var(--accent-hi)}
.cd-shafts{position:absolute;inset:-180px -100px 0;pointer-events:none;background:linear-gradient(118deg,transparent 18%,#c6ced508 18.2%,transparent 30%),linear-gradient(118deg,transparent 43%,#c6ced508 43.2%,transparent 53%),linear-gradient(118deg,transparent 65%,#c6ced505 65.2%,transparent 76%)}
.cadence-home .stage{position:relative;z-index:1;perspective:1000px;padding-top:70px;padding-bottom:30px}.tilt-card{position:relative;margin:auto;width:100%;max-width:72rem;padding:8px;border-radius:26px;background:linear-gradient(180deg,#15191e,#0b0d10);border:1px solid var(--line-2);box-shadow:var(--inset),var(--shadow-cine);transform-origin:50% 50%;overflow:hidden}.cd-product-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line-2);font-size:12px}.cd-product-bar>span:first-child{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.cd-mono{font:11px/1.6 'Geist Mono',monospace;letter-spacing:.07em;color:var(--text-3)}.cd-product-body{display:grid;grid-template-columns:165px 1fr}.cd-product-body aside{padding:30px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:12px}.cd-product-body aside>a{padding:9px 12px;border-radius:7px;color:var(--text-2)}.cd-product-body aside>a:hover,.cd-product-body aside .selected{background:var(--accent-soft);color:var(--accent-text)}.cd-side-note{margin-top:auto;padding:40px 10px 10px;color:var(--text-3);font-family:'Geist Mono',monospace;font-size:11px}.cd-side-note small{font-family:Geist,sans-serif}.cd-library{padding:25px;min-width:0}.cd-library-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cd-library-heading h2{font-size:23px!important;line-height:1.4}.cd-library-heading p,.cd-library-heading>a{font-size:12px;margin-top:4px}.cd-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cd-home-grid [data-testid=skill-card-caption]{font-size:11px}.cd-home-grid [data-testid=skill-card-tool-logos]{display:none}.cd-home-grid .cd-home-card{contain:none!important;content-visibility:visible!important}
.cd-section{padding-block:110px}.cd-section h2{font-size:var(--fs-h2);font-weight:540;line-height:1.1;letter-spacing:-.035em;margin:16px 0 22px}.cd-section-head{margin-bottom:40px}.cd-section-head p{max-width:520px}.cd-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.cd-feature{grid-column:span 3;position:relative;display:block;border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(160deg,#14181d,#0b0d10);overflow:hidden;box-shadow:var(--inset);transition:border-color .2s}.cd-feature:hover{border-color:var(--accent-line)}.cd-feature-web{grid-column:span 4}.cd-feature-slides{grid-column:span 2}.cd-feature-art{height:240px;display:flex;align-items:center;justify-content:center;padding:36px;overflow:hidden;border-bottom:1px solid var(--line)}.cd-feature-copy{padding:28px}.cd-feature h3{font-size:22px;font-weight:560;letter-spacing:-.02em;margin:12px 0 8px}.cd-feature p{font-size:14px;max-width:90%}.cd-arrow{position:absolute;right:24px;bottom:24px;color:var(--accent-text);font-size:24px}.cd-mini-browser{width:85%;height:210px;border:1px solid var(--line-3);border-radius:12px;padding:18px;background:var(--surface);transform:rotate(-4deg) translateY(28px);box-shadow:var(--shadow-2)}.cd-mini-browser>i{display:inline-block;width:5px;height:5px;margin-right:4px;background:var(--text-3);border-radius:50%}.cd-mini-browser strong{display:block;font-size:clamp(16px,2vw,27px);font-weight:550;line-height:1.2;padding:20px 0}.cd-mini-browser>span{display:inline-block;background:var(--accent-soft);border:1px solid var(--accent-line);width:28%;height:45px;margin-right:4%;border-radius:6px}.cd-mini-slides{padding:20px;width:210px;height:160px;border:1px solid var(--line-3);border-radius:10px;transform:rotate(7deg);background:linear-gradient(135deg,#18242b,#0e151a);box-shadow:-12px 12px 0 #11171c,-13px 13px 0 #ffffff22}.cd-mini-slides span{font:9px 'Geist Mono',monospace;color:var(--accent-text)}.cd-mini-slides strong{display:block;font-size:28px;line-height:1.1;margin-top:22px;font-weight:500}.cd-wave{display:flex;align-items:center;justify-content:center;gap:9px;width:80%;height:130px}.cd-wave i{height:var(--bar);width:8px;background:linear-gradient(var(--accent),#254653);border-radius:5px;transform:scaleY(.85);transition:transform .5s}.cd-feature:hover .cd-wave i{transform:scaleY(1)}.cd-orbit{position:relative;width:170px;height:170px;transform:rotate(-28deg)}.cd-orbit i{position:absolute;inset:0;border:1px solid var(--accent-line);border-radius:50%;background:linear-gradient(135deg,#4cc4ea20,transparent)}.cd-orbit i:nth-child(2){inset:20px -30px;transform:rotate(60deg)}.cd-orbit i:nth-child(3){inset:40px -60px;transform:rotate(120deg)}.cd-workflow{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.cd-workflow ol{list-style:none;margin:0;padding:0}.cd-workflow li{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line-2)}.cd-workflow li:first-child{padding-top:0}.cd-workflow li>.cd-mono{padding-top:6px;color:var(--accent-text)}.cd-workflow h3{font-size:20px;font-weight:550;margin:0 0 10px}.cd-workflow p{font-size:15px}.cd-text-link{display:inline-block;margin-top:25px;color:var(--accent-text);font-size:14px}.cd-final{text-align:center;border-top:1px solid var(--line)}.cd-final .cd-button{margin-top:35px}.cd-final .cd-text-link{display:block}.cd-final h2{font-size:clamp(38px,5vw,68px)}
/* Publishing and managed detail pages use the same surfaces and controls. */
html[data-design=cadence] .sidebar,html[data-design=cadence] :is(.panel,.table-wrap,dialog){background:var(--surface);color:var(--text);border-color:var(--line-2)}
html[data-design=cadence] :is(th,td,header,.panel-heading){border-color:var(--line-2)}
html[data-design=cadence] :is(th,.cover-placeholder){background:var(--surface-2)}
html[data-design=cadence] .brand{color:var(--text)}html[data-design=cadence] .nav.active{background:var(--accent-soft);color:var(--accent-text)}
html[data-design=cadence] .eyebrow{color:var(--accent-text)}
html[data-design=cadence] :is(input,textarea,select){background-color:var(--surface)!important;color:var(--text);border-color:var(--line-2)}
html[data-design=cadence] :is(.button,button:not([class])){background-color:var(--surface-2);color:var(--text);border-color:var(--line-2)}
html[data-design=cadence] .cd-auth-art{background:linear-gradient(145deg,#141b22,#0b0d10)!important;color:var(--text)!important;border:1px solid var(--line-2);box-shadow:var(--inset)}
.cd-auth-art>.pointer-events-none{display:none}.cd-auth-art>div:last-child{opacity:.4}.cd-auth-art h1{font-size:clamp(36px,4vw,64px)!important}.cd-auth-art p{color:var(--text-2)!important}
html[data-design=cadence] [data-testid=skills-directory-filters]>div{background-color:var(--bg-raise)!important}
@media(min-width:1400px){html[data-design=cadence] [data-testid=storefront-header].cd-scrolled{transform:scale(.98)}}
@media(max-width:1279px){html[data-design=cadence] [data-testid=storefront-header]{border-radius:24px}}
@media(max-width:1024px){.cd-product-body{grid-template-columns:135px 1fr}.cd-library{padding:18px}.cd-home-grid{gap:10px}.cd-workflow{gap:40px}.cd-feature-art{padding:24px}.cd-feature-slides,.cd-feature-web{grid-column:span 3}}
@media(max-width:767px){html[data-design=cadence] [data-testid=storefront-header]{width:calc(100% - 24px);top:8px;margin-top:8px;margin-bottom:22px;border-radius:22px}html[data-design=cadence] [data-testid=storefront-header] nav{padding:9px 12px}.cadence-home .hero{padding-top:28px}.cadence-home .hero h1{font-size:clamp(40px,7.2vw,60px)}.cadence-home .stage{padding-top:45px}.cd-product-body{display:block}.cd-product-body aside{display:none}.cd-product-bar>.cd-mono{display:none}.cd-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-home-grid>div:nth-child(n+5){display:none}.cd-library-heading h2{font-size:19px!important}.cd-section{padding-block:70px}.cd-bento{grid-template-columns:1fr 1fr}.cd-feature,.cd-feature-web,.cd-feature-slides{grid-column:auto}.cd-feature-art{height:180px;padding:20px}.cd-feature-copy{padding:20px}.cd-feature h3{font-size:19px}.cd-workflow{grid-template-columns:1fr}.cd-product-bar{padding:12px}.cd-product-bar a{font-size:11px}.cd-mono{font-size:10px}}
@media(max-width:480px){.cd-bento{grid-template-columns:1fr}.cd-feature-art{height:200px}.cd-library{padding:14px 8px}.cd-library-heading{gap:8px}.cd-library-heading h2{font-size:17px!important}.cd-home-grid [data-testid=skill-card-caption]{font-size:10px}.cd-home-grid [data-testid=directory-skill-card]{padding:4px}.cd-product-bar{padding:10px 8px}.cd-library-heading p{font-size:11px}.cd-library-heading>a{display:none}.cd-wave{width:100%}.cd-section h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html[data-design=cadence] *,html[data-design=cadence] *::before,html[data-design=cadence] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tilt-card{transform:none!important}}