@layer components{.lp{--lp-stage:#030406;--lp-ink:var(--dono-ink);--lp-edge:color-mix(in oklab, var(--dono-light) 12%, transparent);--lp-dim:color-mix(in oklab, var(--dono-light) 64%, transparent);--lp-gold:var(--dono-accent);--lp-gold-soft:var(--dono-accent-soft);--lp-glass:color-mix(in oklab, var(--lp-ink) 62%, transparent);--lp-ease:cubic-bezier(.16, 1, .3, 1);--lp-ease-io:cubic-bezier(.65, 0, .35, 1);--lp-gutter:clamp(1rem, 4vw, 2.5rem);--lp-max:76rem;background-color:var(--lp-stage);color:var(--dono-light);font-family:var(--font-inter), system-ui, sans-serif;font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;overflow-x:clip}.lp ::selection{background-color:var(--lp-gold);color:var(--lp-stage)}.lp a:focus-visible,.lp button:focus-visible{outline:2px solid var(--lp-gold-soft);outline-offset:4px}html:has(.lp){scrollbar-color:color-mix(in oklab, var(--dono-accent) 55%, #000) #030406;background-color:#030406}@media (prefers-reduced-motion:no-preference){html:has(.lp){scroll-behavior:smooth}}.lp-wrap{max-width:var(--lp-max);padding-inline:var(--lp-gutter);margin-inline:auto}.lp-display{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.6rem,min(6.4vw,8.4vh),5.5rem);font-weight:650;line-height:1.02}.lp-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.1rem,5vw,4.25rem);font-weight:650;line-height:1.05}.lp-lede{color:var(--lp-dim);letter-spacing:-.01em;text-wrap:pretty;max-width:40rem;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:450;line-height:1.5}.lp-body{color:var(--lp-dim);text-wrap:pretty;max-width:34rem;font-size:1.0625rem;line-height:1.65}.lp-dim-strong{color:color-mix(in oklab, var(--dono-light) 62%, transparent)}.lp-gold{color:var(--lp-gold-soft)}.lp-wordmark{font-family:var(--font-playfair), Georgia, serif;letter-spacing:-.01em;font-weight:700}.lp-cta{background-color:var(--lp-gold);color:var(--lp-stage);min-height:3.25rem;transition:background-color .4s var(--lp-ease), transform .5s var(--lp-ease), box-shadow .5s var(--lp-ease);box-shadow:0 10px 30px -12px color-mix(in oklab, var(--dono-accent) 70%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding-inline:1.75rem;font-size:1.0625rem;font-weight:600;display:inline-flex}.lp-cta:hover{background-color:var(--lp-gold-soft);box-shadow:0 18px 40px -14px color-mix(in oklab, var(--dono-accent) 80%, transparent);transform:translateY(-2px)}.lp-cta:active{transform:translateY(0)scale(.98)}.lp-more{color:var(--lp-gold-soft);text-underline-offset:.3em;min-height:2.75rem;transition:text-decoration-color .3s var(--lp-ease);align-items:center;gap:.25rem;font-size:1.0625rem;font-weight:500;text-decoration-line:underline;text-decoration-color:#0000;display:inline-flex}.lp-more:hover{text-decoration-color:currentColor}.lp-more svg{transition:transform .4s var(--lp-ease)}.lp-more:hover svg{transform:translate(3px)}.lp-nav{inset-inline:0;z-index:50;transition:background-color .5s var(--lp-ease), border-color .5s var(--lp-ease);border-bottom:1px solid #0000;position:fixed;top:0}.lp[data-scrolled=true] .lp-nav{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background-color:var(--lp-glass);border-bottom-color:var(--lp-edge)}.lp-nav-link{color:color-mix(in oklab, var(--dono-light) 78%, transparent);transition:color .3s var(--lp-ease);font-size:.875rem}.lp-nav-link:hover{color:var(--dono-light)}.lp-nav-enter{background-color:var(--lp-gold);color:var(--lp-stage);transition:background-color .3s var(--lp-ease);border-radius:999px;padding:.4rem 1rem;font-size:.875rem;font-weight:600}.lp-nav-enter:hover{background-color:var(--lp-gold-soft)}.lp[data-motion=on] [data-reveal]:not([data-shown]){filter:blur(14px);opacity:0;transform:translateY(28px)scale(.985)}.lp[data-motion=on] [data-reveal]{transition:opacity 1.1s var(--lp-ease), filter 1.1s var(--lp-ease), transform 1.3s var(--lp-ease);transition-delay:calc(var(--d,0) * 90ms)}.lp-hero{isolation:isolate;padding-top:clamp(5.5rem,11vh,8rem);position:relative}.lp-hero-glow{background:radial-gradient(60% 50% at 50% 0%, color-mix(in oklab, var(--dono-accent) 22%, transparent), transparent 70%), radial-gradient(40% 40% at 85% 30%, #3a4d7866, transparent 70%);pointer-events:none;z-index:-1;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.lp-hero-glow{background:radial-gradient(60% 50% at 50% 0%, color-mix(in oklab, var(--dono-accent) 22%, transparent), transparent 70%), radial-gradient(40% 40% at 85% 30%, lab(32.7012% 2.46829 -27.258/.4), transparent 70%)}}.lp-word{display:inline-block}.lp[data-motion=on] .lp-word{animation:lp-word-in 1.4s var(--lp-ease) both;animation-delay:calc(.12s + var(--i) * 70ms)}@keyframes lp-word-in{0%{filter:blur(18px);opacity:0;transform:translateY(.35em)}to{filter:blur();opacity:1;transform:none}}.lp[data-motion=on] .lp-hero-after{animation:lp-fade-up 1.4s var(--lp-ease) both;animation-delay:calc(.7s + var(--d,0) * .12s)}@keyframes lp-fade-up{0%{filter:blur(10px);opacity:0;transform:translateY(18px)}to{filter:blur();opacity:1;transform:none}}.lp-device-stage{perspective:1800px}.lp-device{transform-origin:50% 100%}.lp[data-motion=on] .lp-device{transform:rotateX(calc((1 - var(--p,1)) * 26deg)) scale(calc(.9 + var(--p,1) * .1));will-change:transform}.lp[data-motion=on] .lp-device-shine{opacity:calc(1 - var(--p,1))}.lp-laptop-screen{border:1px solid color-mix(in oklab, var(--dono-light) 16%, transparent);box-shadow:0 50px 120px -40px color-mix(in oklab, var(--dono-accent) 45%, transparent), 0 30px 60px -30px #000;background:#0b0d12;border-radius:1.25rem 1.25rem .5rem .5rem;padding:clamp(.4rem,1vw,.75rem)}.lp-laptop-base{background:linear-gradient(#2a2f3a 0%,#12151c 60%,#0a0c10 100%);border-radius:0 0 1.25rem 1.25rem;height:clamp(.6rem,1.4vw,1.1rem);margin-inline:-4%}.lp-pin-stage{position:relative}.lp[data-motion=on] .lp-pin{height:var(--track,300vh)}.lp[data-motion=on] .lp-pin-stage{height:100svh;position:sticky;top:0;overflow-x:clip}.lp-lit{--w:1}.lp[data-motion=on] .lp-lit{--w:clamp(0, calc(var(--p,0) * var(--n) * 1.3 - var(--i) + .6), 1);filter:blur(calc((1 - var(--w)) * 2.5px));opacity:calc(.14 + .86 * var(--w));transition:opacity .25s linear}.lp-photo{isolation:isolate;position:relative;overflow:hidden}.lp-photo-img{inset-inline:0;z-index:-2;width:100%;height:120%;position:absolute;top:-10%}.lp[data-motion=on] .lp-photo-img{transform:translateY(calc((var(--p,.5) - .5) * -14%)) scale(calc(1.08 - var(--p,.5) * .06));will-change:transform}.lp-photo-veil{z-index:-1;position:absolute;inset:0}.lp-method-rose{width:min(26vh,16rem)}@media (min-width:64rem){.lp-method-rose{width:min(58vh,30rem)}}.lp-rose-needle{transform-origin:50%;transition:transform 1.4s var(--lp-ease)}.lp-rose-arc{transition:stroke .8s var(--lp-ease), stroke-width .8s var(--lp-ease), opacity .8s var(--lp-ease)}.lp-rose-dot{transition:fill .8s var(--lp-ease), r .8s var(--lp-ease)}.lp-group-panels{gap:3rem;display:grid}.lp[data-motion=on] .lp-group-panels{gap:0;display:grid}.lp[data-motion=on] .lp-group-panel{filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .9s var(--lp-ease), filter .9s var(--lp-ease), transform 1.1s var(--lp-ease);grid-area:1/1;transform:translateY(24px)}.lp-chain-row{gap:1.25rem;display:grid}.lp[data-motion=on] .lp-chain-row{transform:translateX(calc(50% - var(--card) / 2 - var(--step-i,0) * (var(--card) + var(--gap))));transition:transform 1.2s var(--lp-ease-io);--card:min(34rem, 82vw);--gap:clamp(1rem, 3vw, 2.5rem);gap:clamp(1rem,3vw,2.5rem);display:flex}.lp[data-motion=on] .lp-chain-card{flex:0 0 var(--card);filter:blur(6px);opacity:.32;transition:opacity 1s var(--lp-ease), filter 1s var(--lp-ease), transform 1.2s var(--lp-ease);transform:scale(.92)}.lp-chain-caption{display:none}.lp[data-motion=on] .lp-chain-caption{filter:blur(8px);opacity:0;transition:opacity .8s var(--lp-ease), filter .8s var(--lp-ease);grid-area:1/1;display:block}.lp-chain-progress{background:color-mix(in oklab, var(--dono-light) 12%, transparent);border-radius:999px;height:2px;overflow:hidden}.lp-chain-progress>span{background:var(--lp-gold);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.lp[data-motion=on] .lp-chain-progress>span{transform:scaleX(var(--p,0))}.lp[data-motion=on] [data-step="0"] [data-at="0"],.lp[data-motion=on] [data-step="1"] [data-at="1"],.lp[data-motion=on] [data-step="2"] [data-at="2"],.lp[data-motion=on] [data-step="3"] [data-at="3"],.lp[data-motion=on] [data-step="4"] [data-at="4"],.lp[data-motion=on] [data-step="5"] [data-at="5"]{filter:blur();opacity:1;pointer-events:auto;transform:none}.lp [data-step="0"]{--step-i:0}.lp [data-step="1"]{--step-i:1}.lp [data-step="2"]{--step-i:2}.lp [data-step="3"]{--step-i:3}.lp [data-step="4"]{--step-i:4}.lp [data-step="5"]{--step-i:5}.lp[data-motion=on] [data-step] .lp-rose-arc{opacity:.28}.lp[data-motion=on] [data-step="0"] .lp-rose-arc[data-at="0"],.lp[data-motion=on] [data-step="1"] .lp-rose-arc[data-at="1"],.lp[data-motion=on] [data-step="2"] .lp-rose-arc[data-at="2"],.lp[data-motion=on] [data-step="3"] .lp-rose-arc[data-at="3"],.lp[data-motion=on] [data-step="4"] .lp-rose-arc[data-at="4"],.lp[data-motion=on] [data-step="5"] .lp-rose-arc[data-at="5"]{opacity:1;stroke:var(--lp-gold);stroke-width:3.2px}.lp[data-motion=on] [data-step="0"] .lp-rose-dot[data-at="0"],.lp[data-motion=on] [data-step="1"] .lp-rose-dot[data-at="1"],.lp[data-motion=on] [data-step="2"] .lp-rose-dot[data-at="2"],.lp[data-motion=on] [data-step="3"] .lp-rose-dot[data-at="3"],.lp[data-motion=on] [data-step="4"] .lp-rose-dot[data-at="4"],.lp[data-motion=on] [data-step="5"] .lp-rose-dot[data-at="5"]{fill:var(--lp-gold-soft)}.lp [data-step="0"] .lp-rose-needle{transform:rotate(var(--a0))}.lp [data-step="1"] .lp-rose-needle{transform:rotate(var(--a1))}.lp [data-step="2"] .lp-rose-needle{transform:rotate(var(--a2))}.lp [data-step="3"] .lp-rose-needle{transform:rotate(var(--a3))}.lp [data-step="4"] .lp-rose-needle{transform:rotate(var(--a4))}.lp [data-step="5"] .lp-rose-needle{transform:rotate(var(--a5))}.lp-phone{border:1px solid color-mix(in oklab, var(--dono-light) 18%, transparent);box-shadow:0 40px 90px -30px #000, 0 0 0 6px #14171e, 0 0 0 7px color-mix(in oklab, var(--dono-light) 14%, transparent);background:#0b0d12;border-radius:2.75rem;padding:.6rem}.lp-check{transition:background-color .6s var(--lp-ease), border-color .6s var(--lp-ease)}.lp-check svg{stroke-dasharray:24;stroke-dashoffset:0}.lp[data-motion=on] [data-reveal]:not([data-shown]) .lp-check{background-color:#0000;border-color:#b9b4a7}.lp[data-motion=on] [data-reveal]:not([data-shown]) .lp-check svg{stroke-dashoffset:24px}.lp[data-motion=on] .lp-check svg{transition:stroke-dashoffset .7s var(--lp-ease) 1.4s}.lp[data-motion=on] .lp-check{transition-delay:1.3s}.lp[data-motion=on] [data-reveal] .lp-toast{transition:opacity .9s var(--lp-ease) 2.1s, transform .9s var(--lp-ease) 2.1s, filter .9s var(--lp-ease) 2.1s}.lp[data-motion=on] [data-reveal]:not([data-shown]) .lp-toast{filter:blur(8px);opacity:0;transform:translateY(12px)}.lp-route-line{background:var(--lp-gold);transform-origin:0;height:1px}.lp[data-motion=on] .lp-route-line{transform:scaleX(clamp(0, calc(var(--p,1) * 2.2 - .5), 1))}.lp-route-line-v{background:var(--lp-gold);transform-origin:top;width:1px}.lp[data-motion=on] .lp-route-line-v{transform:scaleY(clamp(0, calc(var(--p,1) * 2 - .45), 1))}.lp[data-motion=on] .lp-portrait{transform:translateY(calc((var(--p,.5) - .5) * -60px));will-change:transform}}
