@layer components{.landing-hero{background:radial-gradient(ellipse 55% 60% at 88% 18%, #e9d6b073, transparent 70%), radial-gradient(ellipse 60% 50% at 0% 100%, #f1ebdfe6, transparent 70%), var(--color-cream)}.landing-phone{background:#16130f;border-radius:2.5rem;padding:.45rem;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px 6px #1c19152e,0 40px 80px -30px #1c191573}.landing-phone-screen{background:#fff;border-radius:2.05rem;overflow:hidden}.landing-chip{border:1px solid var(--color-line);background:#fffdf9f7;box-shadow:0 2px 4px #1c19150f,0 18px 36px -18px #1c191559}.landing-marquee-track{animation:70s linear infinite landing-marquee}.landing-marquee:hover .landing-marquee-track{animation-play-state:paused}.landing-arch{border:1px solid var(--color-line);border-radius:999px 999px 1.25rem 1.25rem;position:relative;overflow:hidden}.landing-arch:before{content:"";pointer-events:none;z-index:1;border:1px solid #1c191514;border-radius:999px 999px .8rem .8rem;position:absolute;inset:.6rem}.landing-swatch{background:linear-gradient(135deg, var(--bg) 50%, var(--accent) 50%)}@media not (min-width:40rem){.landing-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.875rem;margin-inline:-1rem;padding:.25rem 1rem 1.25rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.landing-rail::-webkit-scrollbar{display:none}.landing-rail>*{scroll-snap-align:start;flex:none}}.landing-card{border:1px solid var(--color-line);background:#fbf8f2;border-radius:1.75rem}.landing-envelope{aspect-ratio:1.6;perspective:1400px;width:100%;position:relative}.landing-envelope-back{background:#e6dcc9;border-radius:3px;position:absolute;inset:0;box-shadow:0 30px 70px -30px #000000bf}.landing-envelope-card{background:#fffcf6;border-radius:2px;position:absolute;inset:6%;box-shadow:0 1px 2px #00000014}.landing-envelope-pocket{clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(to top right,#efe7d8 50%,#0000 50.2%) 0 100%/50.4% 100% no-repeat,linear-gradient(to top left,#ebe2d1 50%,#0000 50.2%) 100% 100%/50.4% 100% no-repeat,linear-gradient(#f1e9db 0%,#f4ede0 100%) bottom/100% 52% no-repeat;border-radius:3px;position:absolute;inset:0}.landing-envelope-flap{transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:visible;background:linear-gradient(#f3ecdf,#e9dfcc);height:62%;position:absolute;top:0;left:0;right:0}.landing-seal{background:radial-gradient(circle at 35% 30%,#f1d9a6 0%,#d2ad6a 45%,#9d7a3e 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000040,0 6px 14px #00000059}.landing-ring{border:1px solid #1c19151a;border-radius:999px}.night .landing-ring{border-color:#f8f4ec14}}@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landing-float{0%,to{translate:0}50%{translate:0 -8px}}.landing-mask{vertical-align:top;margin:-.06em -.1em -.16em;padding:.06em .1em .16em;display:inline-block;overflow:hidden}.landing-mask-in{display:inline-block}@keyframes landing-word{0%{transform:translateY(108%)}}@keyframes landing-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes landing-fade{0%{opacity:0}}@keyframes landing-fan-l{0%{opacity:0;transform:translate(45%,8%)rotate(0)}}@keyframes landing-fan-r{0%{opacity:0;transform:translate(-45%,8%)rotate(0)}}@keyframes landing-fan-c{0%{opacity:0;transform:translateY(10%)}}@keyframes landing-pop{0%{opacity:0;transform:translateY(10px)scale(.95)}}@keyframes landing-ring{0%{opacity:0;scale:.92}}@media (prefers-reduced-motion:no-preference){.landing-float{animation:6s ease-in-out infinite landing-float}.landing-float-late{animation:7s ease-in-out 1.5s infinite landing-float}.landing-hero .landing-mask-in{animation:landing-word .9s var(--ease-soft) calc(50ms + var(--i,0) * 70ms) backwards}.landing-hero .landing-enter{animation:landing-enter .8s var(--ease-soft) var(--d,0s) backwards}.landing-hero .landing-ring{animation:landing-ring 1.4s var(--ease-soft) .1s backwards}.landing-hero .landing-fan-c{animation:landing-fan-c 1.1s var(--ease-soft) .2s backwards}.landing-hero :is(.landing-fan-l,.landing-fan-r){animation:1.2s var(--ease-soft) .38s backwards}.landing-hero .landing-fan-l{animation-name:landing-fan-l}.landing-hero .landing-fan-r{animation-name:landing-fan-r}.landing-hero .landing-float{animation:landing-pop .6s var(--ease-soft) 1s backwards, landing-float 6s ease-in-out 1.6s infinite}.landing-hero .landing-float-late{animation:landing-pop .6s var(--ease-soft) 1.45s backwards, landing-float 7s ease-in-out 2.1s infinite}}@media (prefers-reduced-motion:reduce){.landing-marquee-track{animation:none}.landing-hero :is(.landing-enter,.landing-fan-l,.landing-fan-r,.landing-fan-c,.landing-float,.landing-float-late){animation:landing-fade .6s ease var(--d,.2s) backwards}}[data-scroll-reveal]{transition:opacity .7s var(--ease-soft) var(--reveal-delay,0s), translate .7s var(--ease-soft) var(--reveal-delay,0s)}[data-scroll-reveal][data-scroll-pending]{opacity:0;translate:0 24px}@media (prefers-reduced-motion:reduce){[data-scroll-reveal][data-scroll-pending]{translate:none}}@media (hover:hover) and (pointer:fine){.landing-card{transition:opacity .7s var(--ease-soft) var(--reveal-delay,0s), translate .7s var(--ease-soft) var(--reveal-delay,0s), transform .25s var(--ease-soft), box-shadow .25s var(--ease-soft)}.landing-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px #1c191559}}.dash-pane{display:none}:is(.dash-demo:has(details[data-pane=panou][open]) .dash-pane[data-pane=panou],.dash-demo:has(details[data-pane=raspunsuri][open]) .dash-pane[data-pane=raspunsuri],.dash-demo:has(details[data-pane=mese][open]) .dash-pane[data-pane=mese],.dash-demo:has(details[data-pane=sarcini][open]) .dash-pane[data-pane=sarcini],.dash-demo:has(details[data-pane=planificator][open]) .dash-pane[data-pane=planificator],.dash-demo:has(details[data-pane=telefon][open]) .dash-pane[data-pane=telefon],.dash-demo:has(details[data-pane=album][open]) .dash-pane[data-pane=album],.dash-demo:not(:has(.dash-item[open])) .dash-pane[data-pane=panou]){transition:opacity .2s cubic-bezier(.23,1,.32,1),translate .2s cubic-bezier(.23,1,.32,1);display:block}@starting-style{:is(.dash-demo:has(details[data-pane=panou][open]) .dash-pane[data-pane=panou],.dash-demo:has(details[data-pane=raspunsuri][open]) .dash-pane[data-pane=raspunsuri],.dash-demo:has(details[data-pane=mese][open]) .dash-pane[data-pane=mese],.dash-demo:has(details[data-pane=sarcini][open]) .dash-pane[data-pane=sarcini],.dash-demo:has(details[data-pane=planificator][open]) .dash-pane[data-pane=planificator],.dash-demo:has(details[data-pane=telefon][open]) .dash-pane[data-pane=telefon],.dash-demo:has(details[data-pane=album][open]) .dash-pane[data-pane=album],.dash-demo:not(:has(.dash-item[open])) .dash-pane[data-pane=panou]){opacity:0;translate:0 6px}}:is(.dash-demo:has(details[data-pane=panou][open]) .dash-tab[data-tab=Panou],.dash-demo:has(details[data-pane=telefon][open]) .dash-tab[data-tab=Panou],.dash-demo:not(:has(.dash-item[open])) .dash-tab[data-tab=Panou],.dash-demo:has(details[data-pane=raspunsuri][open]) .dash-tab[data-tab=Răspunsuri],.dash-demo:has(details[data-pane=mese][open]) .dash-tab[data-tab=Mese],.dash-demo:has(details[data-pane=sarcini][open]) .dash-tab[data-tab=Sarcini],.dash-demo:has(details[data-pane=planificator][open]) .dash-tab[data-tab=Planificator],.dash-demo:has(details[data-pane=album][open]) .dash-tab[data-tab=Album]){border-color:var(--color-ink);color:var(--color-ink)}.dash-item[open]{border-color:var(--color-line-strong);background:#fff}.dash-chevron{transition:rotate .2s cubic-bezier(.23,1,.32,1)}.dash-item[open] .dash-chevron{rotate:180deg}@media (prefers-reduced-motion:reduce){@starting-style{.dash-demo .dash-pane{translate:none}}}
