.landing-page{--landing-max: 1320px;--landing-pad-left: 120px;--landing-pad-right: 48px;--landing-rail: 40px;position:relative;background-color:var(--surface-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.018 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E");background-size:160px 160px;background-blend-mode:multiply}.landing-page:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:calc(max(0px,(100% - var(--landing-max)) / 2) + var(--landing-rail));width:1px;background:var(--surface-divide)}.landing-page>*{position:relative;z-index:1}.landing-page .container{max-width:var(--landing-max);padding-left:var(--landing-pad-left);padding-right:var(--landing-pad-right)}:root:has(.landing-page) .nav-header{background-color:var(--surface-base);-webkit-backdrop-filter:none;backdrop-filter:none}:root:has(.landing-page) .nav-header .container{max-width:1320px;padding-left:120px;padding-right:48px}@media(min-width:1024px)and (max-width:1279px){:root:has(.landing-page) .nav-header .container{padding-left:88px;padding-right:40px}}@media(max-width:1023px){:root:has(.landing-page) .nav-header .container{padding-left:24px;padding-right:24px}}.landing-page .container.max-w-xl{max-width:36rem;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:1024px)and (max-width:1279px){.landing-page{--landing-pad-left: 88px;--landing-pad-right: 40px;--landing-rail: 32px}}@media(max-width:1023px){.landing-page{--landing-pad-left: 24px;--landing-pad-right: 24px}.landing-page:before{display:none}}.landing-eyebrow{position:relative}.landing-chapter{display:none}@media(min-width:1024px){.landing-eyebrow .landing-chapter{display:block;position:absolute;right:calc(100% + 32px);top:0;color:var(--ink-subtle);font-variant-numeric:tabular-nums slashed-zero;white-space:nowrap}.landing-eyebrow--inverse .landing-chapter{color:#ffffff6b}}.paper-surface{background-color:var(--surface-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.0385 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E");background-size:160px 160px;background-blend-mode:multiply}.hero-stage{position:relative;perspective:1400px;perspective-origin:52% 32%;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;perspective:1200px;perspective-origin:50% 30%}.hero-bg-sheet{position:absolute;background:#fcfcfa;border:1px solid #e7e7e2;border-radius:9px;box-shadow:0 50px 110px -60px #1c1b1652;transform-style:preserve-3d;will-change:transform}.hero-bg-sheet--left{left:-470px;top:200px;width:400px;height:550px;opacity:.7;animation:heroDriftLeft 34s ease-in-out infinite alternate}.hero-bg-sheet--right{right:-120px;top:300px;width:480px;height:620px;opacity:.8;animation:heroDriftRight 27s ease-in-out infinite alternate}@keyframes heroDriftLeft{0%{transform:translate3d(-8px,10px,-360px) rotate(-9deg) rotateY(12deg)}to{transform:translate3d(8px,-8px,-300px) rotate(-7deg) rotateY(8deg)}}@keyframes heroDriftRight{0%{transform:translate3d(10px,6px,-240px) rotate(6deg) rotateY(-11deg)}to{transform:translate3d(-8px,-10px,-190px) rotate(4.5deg) rotateY(-7deg)}}.hero-float{perspective:1400px;perspective-origin:52% 32%;animation:heroFloat 13s ease-in-out infinite alternate}@keyframes heroFloat{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.hero-bg-sheet,.hero-float{animation:none}}.hero-stage:after{content:"";position:absolute;z-index:-1;left:8%;right:0;bottom:0;height:48%;border-radius:50%;background:radial-gradient(ellipse at 48% 46%,rgba(28,27,22,.22),rgba(28,27,22,.06) 46%,transparent 72%);filter:blur(26px);transform:translateY(26px) rotate(-1.5deg)}.hero-stack{position:relative;transform-style:preserve-3d;transform:rotateX(var(--hero-rx, 9deg)) rotateY(var(--hero-ry, -12deg)) rotate(var(--hero-rz, 1.6deg));transform-origin:55% 72%;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}.hero-back{position:absolute;z-index:0;inset:-86px 34px -12px -30px;overflow:hidden;padding:18px 24px;border:1px solid var(--surface-divide);border-radius:7px;box-shadow:0 16px 44px -28px #1c1b1652;transform:translateZ(-48px) rotate(-3.6deg);transform-origin:72% 100%}.hero-back-stamp{display:inline-block;flex-shrink:0;padding:4px 8px;border:1.5px solid var(--status-paid);border-radius:2px;color:var(--status-paid);font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase;transform:rotate(-7deg)}.hero-sheet{position:relative;z-index:1;border-radius:6px;box-shadow:0 1px 1px #1c1b160d,0 3px 6px -2px #1c1b160f,0 16px 28px -18px #1c1b1642,0 52px 88px -40px #1c1b165c;transform:translateZ(20px)}.app-sheet{overflow:hidden;border:1px solid var(--surface-divide);border-radius:10px;box-shadow:0 50px 120px -30px #0000009e;transform:rotate(1.1deg)}@media(max-width:1023px){.hero-bg{display:none}}@media(max-width:639px){.hero-stage,.hero-float{perspective:1200px;perspective-origin:55% 30%}.hero-back{top:-46px;left:-8px;right:8px;padding:15px 18px}.hero-stack{transform:rotateX(4deg) rotateY(-5deg) rotate(1.2deg)}.app-sheet{transform:none}}@keyframes solkoFade{0%{opacity:0}to{opacity:1}}
