.lanol-pro{--pro-pink:var(--color-coral);--pro-ground:var(--color-ink);--pro-surface:var(--color-ink-2);--pro-text:var(--color-cream);--pro-muted:var(--color-cream-2);--pro-rule:var(--color-line);--pro-light:#f5f5fa;--pro-metal:#a2a8b4;--pro-shadow:#8b94a4;--pro-reflection:#e79ec6;--pro-radius:16px;background:var(--pro-ground);color:var(--pro-text);overflow:clip}.pro-layout{max-width:1152px;margin:0 auto;padding:0 24px}.pro-layout h1,.pro-layout h2,.pro-layout h3{font-family:var(--font-display);letter-spacing:-.035em;font-weight:600}.pro-layout h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.12}.pro-layout h2{font-size:clamp(1.8rem,3.3vw,2.9rem);line-height:1.2}.pro-layout h3{font-size:1.2rem;line-height:1.45}.pro-hero{isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:88px 0 100px;display:grid;position:relative}.pro-chrome-canvas{pointer-events:none;width:100%;height:100%;display:block}.pro-hero-background{z-index:-1;pointer-events:none;position:absolute;inset:0 calc(50% - 50vw)}.pro-hero-background:after{content:"";background:linear-gradient(90deg, var(--pro-ground) 5%, #0a0a0cf5 30%, #0a0a0c50 62%, #0a0a0c20), linear-gradient(0deg, var(--pro-ground), transparent 28%, transparent 76%, var(--pro-ground));position:absolute;inset:0}.pro-material-specimen{isolation:isolate;border-radius:var(--pro-radius);background:var(--pro-ground);height:340px;margin-top:34px;position:relative;overflow:hidden}.pro-material-specimen .pro-chrome-canvas{position:absolute;inset:0}.pro-material-specimen:after{content:"";background:linear-gradient(90deg,#0a0a0cd9,#0a0a0c66 40%,#0000 75%),linear-gradient(#0000 40%,#0a0a0cd9);position:absolute;inset:0}.pro-material-word{z-index:1;font:800 clamp(4.5rem,10vw,7rem)/1 var(--font-display);letter-spacing:-.04em;position:absolute;bottom:62px;left:32px}.pro-material-caption{z-index:1;color:var(--pro-text);font-size:.85rem;position:absolute;bottom:28px;left:36px}.pro-hero h1 span{color:var(--pro-pink)}.pro-hero-copy>p:first-of-type{color:var(--pro-muted);max-width:30rem;margin:26px 0;font-size:1.1rem;line-height:1.8}.pro-hero-price{align-items:center;gap:16px;margin:34px 0 24px;display:flex}.pro-hero-price strong{font-family:var(--font-display);white-space:nowrap;font-size:2rem}.pro-hero-price span{color:var(--pro-muted);max-width:10rem;font-size:.8rem;line-height:1.6}.pro-button{background:var(--pro-pink);min-height:48px;color:var(--pro-ground);border-radius:8px;justify-content:center;align-items:center;gap:18px;padding:14px 20px;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.pro-button:hover{background:var(--pro-light);transform:translateY(-2px)}.pro-text-link{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:.88rem;font-weight:600;display:inline-flex}.pro-text-link:hover{text-decoration:underline}.pro-hero-copy>.pro-text-link{margin:10px 0 0 20px}.pro-beta-note{max-width:26rem;color:var(--color-muted);margin:20px 0 0;font-size:.78rem;line-height:1.7}.pro-showcase{min-width:0}.pro-pass{isolation:isolate;color:var(--pro-ground);border-radius:var(--pro-radius);aspect-ratio:1.5;background:linear-gradient(125deg,var(--pro-light),var(--pro-metal) 32%,var(--pro-reflection) 52%,var(--pro-shadow) 90%);padding:22px 28px;position:relative;overflow:hidden;rotate:-4deg}.pro-pass-top,.pro-pass-bottom{justify-content:space-between;font-size:.72rem;font-weight:800;display:flex}.pro-pass-word{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(4.5rem,9vw,8.2rem);font-weight:800;line-height:1.2;position:absolute;top:22%;left:6%}.pro-pass img{object-fit:contain;width:46%;height:65%;position:absolute;top:19%;right:0;transform:rotate(7deg)}.pro-pass-bottom{align-items:end;line-height:1.5;position:absolute;bottom:22px;left:28px;right:28px}.pro-demo{border-radius:var(--pro-radius);background:var(--pro-surface);border:1px solid var(--pro-rule);margin:-6px 14px 0;padding:22px;position:relative}.pro-demo-heading{justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;font-weight:700;display:flex}.pro-toggle{background:var(--pro-ground);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.pro-toggle button{min-height:44px;color:var(--pro-muted);cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:700}.pro-toggle button[aria-pressed=true]{background:var(--pro-light);color:var(--pro-ground)}.pro-demo-goals{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 20px;min-height:144px;padding:20px 0;display:grid}.pro-demo-goals:not(.is-pro){grid-template-columns:1fr}.pro-demo-goal{color:var(--pro-muted);font-size:.7rem;animation:.22s ease-out both pro-goal-enter}.pro-demo-track{background:var(--color-ink-3);border-radius:6px;height:5px;margin-top:8px;overflow:hidden}.pro-demo-track i{background:var(--pro-pink);border-radius:inherit;height:100%;display:block}.pro-demo>p{min-height:2.6em;font-size:.78rem;line-height:1.5}.pro-demo small{color:var(--color-muted);font-size:.66rem;line-height:1.5;display:block}.pro-section{border-top:1px solid var(--pro-rule);padding:80px 0;scroll-margin-top:80px}.pro-section-intro{color:var(--pro-muted);max-width:42rem;margin:24px 0 38px;font-size:1rem;line-height:1.8}.pro-benefits>h2{margin-bottom:42px}.pro-benefit{border-bottom:1px solid var(--pro-rule);grid-template-columns:32px 1fr 180px;align-items:start;gap:24px;padding:32px 0;display:grid}.pro-benefit>svg{color:var(--pro-pink);margin-top:6px}.pro-benefit p{color:var(--pro-muted);max-width:37rem;margin-top:12px;font-size:.95rem;line-height:1.8}.pro-benefit>strong{color:var(--pro-metal);text-align:right;padding-top:6px;font-size:.85rem}.pro-clips{background:var(--pro-surface);border-radius:var(--pro-radius);grid-template-columns:1fr 240px;gap:48px;margin-top:42px;padding:32px;display:grid}.pro-clips h3{margin:16px 0}.pro-clips p{color:var(--pro-muted);font-size:.9rem;line-height:1.8}.pro-clips .pro-test-note{color:var(--color-muted);align-self:center;font-size:.8rem}.pro-compare-heading{border-block:1px solid var(--pro-rule);grid-template-columns:50% 25% 25%;align-items:center;padding:20px 16px;display:grid}.pro-compare-heading>:last-child{justify-self:start}.pro-compare-group{padding-top:28px}.pro-compare-group h3{padding:10px 16px;font-size:1rem}.pro-comparison table{table-layout:fixed;border-collapse:collapse;width:100%}.pro-comparison th{text-align:left;width:50%;font-weight:500}.pro-comparison th,.pro-comparison td{border-bottom:1px solid var(--pro-rule);vertical-align:top;overflow-wrap:anywhere;padding:15px 16px;font-size:.85rem;line-height:1.6}.pro-comparison td{width:25%;color:var(--color-muted)}.pro-comparison td:last-child{color:var(--pro-light);background:color-mix(in srgb,var(--pro-pink) 5%,transparent)}.pro-comparison td svg{color:var(--pro-pink);margin-top:3px}.pro-compare-note{color:var(--color-muted);max-width:50rem;margin:12px 16px;font-size:.76rem;line-height:1.7}.pro-pricing{background:var(--pro-pink);color:var(--pro-ground);border-radius:var(--pro-radius);grid-template-columns:1fr 1fr;gap:64px;padding:56px;scroll-margin-top:90px;display:grid}.pro-pricing p{max-width:28rem;margin-top:22px;line-height:1.7}.pro-price-details{align-self:center}.pro-pricing .pro-price{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2}.pro-price span{font-family:var(--font-sans);margin-left:8px;font-size:1rem;font-weight:500}.pro-price-details>p:not(.pro-price){font-size:.88rem}.pro-toggle--price{background:color-mix(in srgb,var(--pro-ground) 10%,transparent);flex-wrap:wrap;margin-top:28px}.pro-toggle--price button{color:var(--pro-ground);font-size:.8rem}.pro-pricing .pro-button{color:var(--pro-text);background:var(--pro-ground);margin-top:24px}.pro-pricing .pro-button:hover{background:var(--pro-light);color:var(--pro-ground)}.pro-pricing .pro-price-note{font-size:.76rem}.pro-terms{grid-template-columns:1fr 1fr;gap:64px;margin-top:80px;display:grid}.pro-terms ul{gap:20px;font-size:.9rem;line-height:1.7;display:grid}.pro-terms li{align-items:start;gap:14px;display:flex}.pro-terms li svg{color:var(--pro-pink);flex-shrink:0;margin-top:4px}.pro-faq h2{margin-bottom:30px}.pro-faq details{border-bottom:1px solid var(--pro-rule)}.pro-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:1rem;font-weight:700;list-style:none;display:flex}.pro-faq summary::-webkit-details-marker{display:none}.pro-faq summary svg{flex-shrink:0;transition:transform .18s}.pro-faq details[open] summary svg{transform:rotate(180deg)}.pro-faq details p{max-width:48rem;color:var(--pro-muted);padding-bottom:24px;line-height:1.8}.pro-bottom{flex-wrap:wrap;align-items:center;gap:28px;padding:50px 0 90px;display:flex}.pro-bottom>p{font-family:var(--font-display);margin-right:auto;font-size:1.4rem;line-height:1.6}.pro-bottom strong{color:var(--pro-pink);font-weight:inherit}.lanol-pro :is(a,button,summary):focus-visible{outline:3px solid var(--pro-light);outline-offset:5px}.pro-pricing :is(a,button):focus-visible{outline-color:var(--pro-ground)}.pro-kit{padding-top:70px}.pro-kit-specimen{background:var(--pro-surface);border-radius:var(--pro-radius);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;margin-bottom:70px;padding:50px 24px;display:flex}.pro-kit-word{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(4rem,12vw,9rem);font-weight:800}.pro-swatches{grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0;display:grid}.pro-swatches>div>div{border-radius:12px;height:110px}.pro-swatches strong,.pro-swatches code{margin-top:12px;font-size:.8rem;display:block}.pro-swatches code{color:var(--color-muted)}.pro-kit .pro-section>p,.pro-kit-rules p,.pro-kit-rules li{color:var(--pro-muted);margin-top:20px;line-height:1.8}.pro-kit-rules{grid-template-columns:1fr 1fr;gap:64px;display:grid}.pro-kit-examples{align-content:center;gap:16px;display:grid}.pro-kit-examples>div{background:var(--pro-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.pro-kit-examples>.pro-kit-light{background:var(--pro-light);color:var(--pro-ground)}.pro-kit-motion{max-width:450px;margin:55px auto}.pro-kit-rules .pro-kit-type{font-family:var(--font-display);color:var(--pro-text);font-size:2rem;line-height:1.4}@keyframes pro-goal-enter{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=760px){.pro-layout{padding-inline:20px}.pro-hero{grid-template-columns:1fr;gap:50px;padding:44px 0 64px}.pro-hero-background{top:38%}.pro-material-specimen{height:290px}.pro-hero-copy>.pro-text-link{margin-left:0;display:flex}.pro-hero-copy>p:first-of-type{margin-block:20px}.pro-pass-word{font-size:clamp(5rem,18vw,8rem)}.pro-showcase{width:100%;max-width:520px;margin-inline:auto}.pro-pass{margin:8px}.pro-section{padding:54px 0}.pro-benefit{grid-template-columns:24px 1fr;gap:16px;padding:26px 0}.pro-benefit>strong{text-align:left;grid-column:2;padding:0}.pro-benefit h3{font-size:1rem}.pro-benefit p{font-size:.88rem}.pro-clips{grid-template-columns:1fr;gap:18px;padding:24px}.pro-compare-heading{display:none}.pro-comparison tbody tr{border-bottom:1px solid var(--pro-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:16px;display:grid}.pro-comparison tbody th{grid-column:1/-1}.pro-comparison th,.pro-comparison td{border:0;width:auto;padding:8px 12px;font-size:.875rem;display:block}.pro-comparison tbody th{font-size:1rem;font-weight:600}.pro-comparison td:before{content:attr(data-plan);color:var(--pro-text);margin-bottom:4px;font-weight:700;display:block}.pro-compare-group h3{padding-inline:12px}.pro-pricing{grid-template-columns:1fr;gap:32px;padding:28px 22px}.pro-terms,.pro-kit-rules{grid-template-columns:1fr;gap:28px}.pro-terms{margin-top:54px}.pro-swatches{grid-template-columns:repeat(2,1fr)}.pro-bottom{gap:20px;padding-bottom:60px}.pro-bottom>p{flex-basis:100%}.pro-demo{margin-inline:12px;padding:18px}.pro-demo-heading{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.lanol-pro *,.lanol-pro :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.pro-pass{transform:rotate(0)}}
