.skin-appy{--ink:#0F172A;--muted:#667085;--bg:#FFFFFF;--surface:#F6F8FB;--border:#E6E8EB;--radius:14px;--shadow:0 10px 30px rgba(2,6,23,.07);--h1:clamp(2.2rem, 1.4rem + 2.6vw, 3.2rem);--h2:clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);--h3:clamp(1.25rem, 1.1rem + 0.8vw, 1.6rem);--lede:clamp(1rem, .95rem + .4vw, 1.15rem);--hero-card-bg-on-hero:#101A33A0;--hero-card-border-on-hero:#1B2A4F;--on-hero-text:#EAF1FF;--on-hero-muted:#C5D0EA;--on-hero-chip-bg:rgba(255,255,255,.09);--on-hero-chip-edge:rgba(255,255,255,.22)}.skin-appy{font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.skin-appy .heading,.skin-appy h1,.skin-appy h2,.skin-appy h3{font-family:Hind,"Open Sans",system-ui,sans-serif;letter-spacing:.2px}.skin-appy h1{font-size:var(--h1);line-height:1.15;margin:0 0 .4rem 0}.skin-appy h2{font-size:var(--h2);line-height:1.2;margin:0 0 .35rem 0}.skin-appy h3{font-size:var(--h3);line-height:1.3;margin:0 0 .3rem 0}.skin-appy .lede{font-size:var(--lede);color:var(--muted)}.skin-appy .site-header{background:color-mix(in oklab,var(--bg),transparent 8%);border-bottom:1px solid var(--border);backdrop-filter:saturate(120%) blur(6px)}.skin-appy .brand-text{font-family:Hind;font-weight:600}.skin-appy .nav-link{font-weight:600;opacity:.9}.skin-appy .nav-link:hover{color:var(--brand)}.skin-appy .btn{border-radius:999px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.skin-appy .btn::after{content:"";position:absolute;top:0;left:-50%;height:100%;width:0%;background:rgba(0,0,0,.15);transform:skew(50deg);transform-origin:top left;transition:width .6s cubic-bezier(.25,1,.5,1);pointer-events:none}.skin-appy .btn:hover::after{width:150%}.skin-appy .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.skin-appy .btn-ghost{background:0 0;border-color:transparent}.skin-appy .hero{background:linear-gradient(180deg,#0b1324 0,#0f1a31 60%,#0f1a31 100%);color:#fff;position:relative;overflow:hidden}.skin-appy .hero h1{color:#fff}.skin-appy .hero .lede{color:#c5d0ea}.skin-appy .hero .hero-card{background:var(--hero-card-bg-on-hero);border:1.5px solid var(--hero-card-border-on-hero);border-radius:16px;padding:1.5rem;box-shadow:none}.skin-appy .hero .myth-reality{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;row-gap:.6rem;align-items:center;max-width:44rem;color:var(--on-hero-text);background:var(--hero-card-bg-on-hero);border:1.5px solid var(--hero-card-border-on-hero);border-radius:12px;backdrop-filter:saturate(110%) blur(2px);box-shadow:none;margin-top:1rem;margin-bottom:var(--space-4);padding:.75rem .9rem}.skin-appy .myth-reality .myth,.skin-appy .myth-reality .reality{color:var(--on-hero-text);font-style:normal;margin:0}.skin-appy .feature-card__body .chip,.skin-appy .feature-card__header .chip,.skin-appy .myth-reality .chip{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.2rem .5rem;border-radius:999px;color:var(--on-hero-text);background:var(--on-hero-chip-bg);border:1px solid var(--on-hero-chip-edge)}html[data-theme=dark] .skin-appy{--bg:#0B1324;--surface:#0F1A31;--ink:#EEF2FF;--muted:#90A4C6;--border:#1E293B;--shadow:0 10px 30px rgba(0,0,0,.35)}.skin-appy .btn:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 40%,white 60%);outline-offset:2px}.skin-appy .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(-35deg,color-mix(in oklab,var(--hero-line,#fff),transparent 75%) 0,color-mix(in oklab,var(--hero-line,#fff),transparent 75%) 2px,transparent 2px,transparent 26px),radial-gradient(circle at 20% 30%,color-mix(in oklab,var(--hero-glow,var(--brand)) 40%,transparent) 0,transparent 55%),radial-gradient(circle at 80% 70%,color-mix(in oklab,var(--hero-glow,var(--brand)) 28%,transparent) 0,transparent 60%);opacity:.35}