.landing-page{--lp-bg:#0e0b07;--lp-bg2:#161108;--lp-bg3:#1e1810;--lp-parch:#ede8df;--lp-parch2:#d4ccbe;--lp-ink:#ede8dff5;--lp-ink2:#ede8df99;--lp-ink3:#ede8df52;--lp-ink4:#ede8df29;--lp-earth:#6aaa40;--lp-water:#4a9fd4;--lp-fire:#d4602a;--lp-air:#d4b840;--lp-stroke:#ede8df1a;background:var(--lp-bg);color:var(--lp-ink);font-family:var(--font-body);min-height:100dvh;overflow-x:hidden}.landing-page *{box-sizing:border-box}.lp-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-stroke);background:#0e0b07e0;align-items:center;gap:16px;height:56px;padding:0 clamp(20px,5vw,60px);display:flex;position:fixed;top:0;left:0;right:0}.lp-nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.lp-nav-mark{background:var(--lp-bg3);border:1px solid #6aaa4066;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lp-nav-mark-inner{border:1.5px solid #6aaa40b3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.lp-nav-mark-inner:before{content:"";background:var(--lp-earth);border-radius:50%;width:5px;height:5px}.lp-nav-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--lp-ink);font-size:.82rem;font-weight:600}.lp-nav-sep{flex:1}.lp-nav-links{gap:24px;display:flex}.lp-nav-link{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-ink3);font-size:.62rem;font-weight:500;text-decoration:none;transition:color .15s}.lp-nav-link:hover{color:var(--lp-ink2)}.lp-nav-cta{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:var(--lp-earth);color:#0e0b07;cursor:pointer;border:none;border-radius:5px;align-items:center;min-height:34px;padding:7px 16px;font-size:.62rem;font-weight:600;text-decoration:none;transition:filter .15s;display:flex}.lp-nav-cta:hover{filter:brightness(1.15)}.lp-nation-bar{background:linear-gradient(to right, var(--lp-water) 0%, var(--lp-earth) 33%, var(--lp-fire) 66%, var(--lp-air) 100%);opacity:.6;height:2px;position:absolute;top:56px;left:0;right:0}.lp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:100px clamp(20px,6vw,80px) 80px;display:flex;position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;background:radial-gradient(70% 55% at 50% 45%,#4a7a2e14 0%,#0000 70%),radial-gradient(90% 60% at 50% 100%,#4a7a2e0d 0%,#0000 60%);position:absolute;inset:0}.lp-hero-bg:after{content:"";opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.lp-hero-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-earth);justify-content:center;align-items:center;gap:10px;margin-bottom:20px;font-size:.65rem;display:flex}.lp-hero-eyebrow-dot{background:var(--lp-earth);border-radius:50%;width:5px;height:5px}.lp-hero-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--lp-ink);margin-bottom:8px;font-size:clamp(2.8rem,8vw,6rem);font-weight:700;line-height:1.05}.lp-hero-title .lp-accent{color:var(--lp-earth)}.lp-hero-sub-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ink3);margin-bottom:28px;font-size:clamp(.9rem,2vw,1.2rem);font-weight:400}.lp-hero-desc{color:var(--lp-ink2);text-wrap:pretty;max-width:560px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.15rem);font-style:italic;line-height:1.75}.lp-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.lp-btn-primary{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:var(--lp-earth);color:#0e0b07;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:8px;min-height:50px;padding:14px 32px;font-size:.72rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex}.lp-btn-primary:hover{filter:brightness(1.15)}.lp-btn-primary:active{transform:scale(.98)}.lp-btn-secondary{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--lp-stroke);min-height:50px;color:var(--lp-ink2);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:14px 32px;font-size:.72rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.lp-btn-secondary:hover{color:var(--lp-ink);border-color:#ede8df47}.lp-hero-preview{border:1px solid var(--lp-stroke);border-radius:16px;width:100%;max-width:780px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 60px #000000b3,0 0 0 1px #6aaa401f}.lp-preview-bar{border-bottom:1px solid var(--lp-stroke);background:#161108f2;align-items:center;gap:7px;height:32px;padding:0 12px;display:flex}.lp-preview-dot{border-radius:50%;width:10px;height:10px}.lp-preview-bar-title{flex:1;justify-content:center;align-items:center;display:flex}.lp-preview-bar-title span{font-family:var(--font-mono);color:var(--lp-ink3);letter-spacing:.04em;font-size:.58rem}.lp-preview-body{background:var(--lp-bg2);grid-template-columns:200px 1fr 220px;height:320px;display:grid}@media (max-width:600px){.lp-preview-body{grid-template-columns:1fr;height:auto}.lp-preview-col:not(:nth-child(2)){display:none}}.lp-preview-col{border-right:1px solid var(--lp-stroke);flex-direction:column;display:flex;overflow:hidden}.lp-preview-col:last-child{border-right:none}.lp-preview-col-header{border-bottom:1px solid var(--lp-stroke);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-ink3);padding:10px 12px;font-size:.55rem;font-weight:600}.lp-preview-col-body{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex}.lp-preview-npc-row{border:1px solid var(--lp-stroke);background:#ffffff0a;border-radius:5px;align-items:center;gap:8px;padding:7px 8px;display:flex}.lp-preview-avatar{border:1px solid var(--lp-stroke);width:26px;height:32px;font-family:var(--font-display);color:var(--lp-ink3);background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.5rem;display:flex}.lp-preview-npc-info{flex:1}.lp-preview-npc-name{font-family:var(--font-display);color:var(--lp-ink2);letter-spacing:.04em;font-size:.6rem;font-weight:600}.lp-preview-npc-role{color:var(--lp-ink3);margin-top:1px;font-size:.55rem}.lp-preview-scene-art{aspect-ratio:16/7;border-bottom:1px solid var(--lp-stroke);background:repeating-linear-gradient(-30deg,#ffffff05,#ffffff05 4px,#0000 4px 8px);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lp-preview-scene-dq{font-family:var(--font-body);color:#ede8dfb3;text-shadow:0 1px 3px #000000b3;font-size:.62rem;font-style:italic;line-height:1.4;position:absolute;top:8px;left:10px;right:10px}.lp-preview-scene-portraits{gap:5px;display:flex;position:absolute;bottom:6px;left:8px;right:8px}.lp-preview-pc-slot{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.lp-preview-pc-face{width:28px;height:28px;font-family:var(--font-display);border:1px solid;border-radius:3px;justify-content:center;align-items:center;font-size:.6rem;display:flex}.lp-preview-pc-name{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.42rem}.lp-preview-trigger{border:1px solid var(--lp-stroke);border-left:3px solid var(--lp-air);color:var(--lp-ink3);background:#ffffff08;border-radius:0 5px 5px 0;padding:7px 8px;font-size:.58rem;font-style:italic;line-height:1.4}.lp-preview-trigger mark{color:var(--lp-air);background:#a8902040;font-style:normal}.lp-preview-trigger-head{justify-content:space-between;margin-bottom:4px;display:flex}.lp-preview-trigger-move{font-family:var(--font-display);color:var(--lp-ink2);letter-spacing:.04em;font-size:.6rem;font-weight:600}.lp-preview-trigger-conf{font-family:var(--font-mono);color:var(--lp-air);font-size:.55rem}.lp-preview-trigger-btns{gap:4px;margin-top:5px;display:flex}.lp-preview-tbtn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;border:1px solid;border-radius:3px;flex:1;padding:3px;font-size:.55rem;font-weight:600}.lp-preview-tbtn.c{background:var(--lp-earth);border-color:var(--lp-earth);color:#0e0b07}.lp-preview-tbtn.d{border-color:var(--lp-stroke);color:var(--lp-ink3);background:0 0}.lp-preview-emergency{background:#d4602a14;border:1px solid #d4602a4d;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.lp-preview-emergency-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#d4602ae6;font-size:.6rem;font-weight:600}.lp-preview-emergency-sub{font-family:var(--font-mono);color:#d4602a80;font-size:.52rem}.lp-preview-sub-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--lp-ink4);font-size:.52rem;font-weight:600}.lp-preview-hook{color:var(--lp-ink3);border:1px solid var(--lp-stroke);background:#ffffff08;border-radius:4px;padding:5px 7px;font-size:.62rem;line-height:1.45}.lp-section{max-width:1100px;margin:0 auto;padding:100px clamp(20px,6vw,80px)}.lp-section-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lp-earth);align-items:center;gap:12px;margin-bottom:16px;font-size:.65rem;display:flex}.lp-section-label:after{content:"";background:#6aaa4033;flex:1;height:1px}.lp-section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--lp-ink);margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;line-height:1.15}.lp-section-sub{color:var(--lp-ink2);text-wrap:pretty;max-width:520px;font-size:1.05rem;font-style:italic;line-height:1.7}.lp-principles-grid{border:1px solid var(--lp-stroke);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;margin-top:56px;display:grid;overflow:hidden}.lp-principle-card{background:var(--lp-bg2);padding:32px 28px;position:relative;overflow:hidden}.lp-principle-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.lp-principle-card:first-child:before{background:var(--lp-water)}.lp-principle-card:nth-child(2):before{background:var(--lp-earth)}.lp-principle-card:nth-child(3):before{background:var(--lp-fire)}.lp-principle-num{font-family:var(--font-mono);color:var(--lp-ink4);letter-spacing:.08em;margin-bottom:12px;font-size:.62rem}.lp-principle-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--lp-ink);margin-bottom:12px;font-size:1.05rem;font-weight:600;line-height:1.3}.lp-principle-body{color:var(--lp-ink2);text-wrap:pretty;font-size:.88rem;line-height:1.7}.lp-surfaces-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:48px;display:grid}.lp-surface-card{background:var(--lp-bg2);border:1px solid var(--lp-stroke);border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.lp-surface-card:hover{border-color:#6aaa404d;transform:translateY(-3px);box-shadow:0 8px 32px #0006}.lp-surface-thumb{border-bottom:1px solid var(--lp-stroke);justify-content:center;align-items:center;height:100px;display:flex}.lp-surface-body{padding:14px 16px}.lp-surface-name{font-family:var(--font-display);letter-spacing:.05em;color:var(--lp-ink);margin-bottom:5px;font-size:.8rem;font-weight:600}.lp-surface-desc{color:var(--lp-ink2);font-size:.78rem;line-height:1.55}.lp-surface-tag{font-family:var(--font-mono);color:var(--lp-ink3);letter-spacing:.04em;margin-top:8px;font-size:.58rem}.lp-philosophy-section{background:var(--lp-bg2);border-top:1px solid var(--lp-stroke);border-bottom:1px solid var(--lp-stroke)}.lp-philosophy-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:0 auto;padding:100px clamp(20px,6vw,80px);display:grid}@media (max-width:700px){.lp-philosophy-inner{grid-template-columns:1fr;gap:40px}}.lp-philosophy-quote{font-family:var(--font-body);color:var(--lp-ink2);text-wrap:pretty;border-left:3px solid var(--lp-earth);padding-left:24px;font-size:clamp(1.3rem,3vw,1.9rem);font-style:italic;line-height:1.6}.lp-philosophy-quote cite{font-style:normal;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink3);margin-top:16px;font-size:.65rem;display:block}.lp-philosophy-list{flex-direction:column;gap:20px;display:flex}.lp-philosophy-item{gap:14px;display:flex}.lp-philosophy-item-dot{background:var(--lp-earth);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.lp-philosophy-item-text{color:var(--lp-ink2);font-size:.9rem;line-height:1.7}.lp-philosophy-item-text strong{font-family:var(--font-display);letter-spacing:.05em;color:var(--lp-ink);margin-bottom:3px;font-size:.78rem;font-weight:600;display:block}.lp-steps-grid{border:1px solid var(--lp-stroke);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;margin-top:56px;display:grid;overflow:hidden}.lp-step-card{border-right:1px solid var(--lp-stroke);background:var(--lp-bg2);padding:28px 24px;position:relative}.lp-step-card:last-child{border-right:none}.lp-step-num{font-family:var(--font-mono);color:var(--lp-ink4);letter-spacing:.08em;margin-bottom:10px;font-size:.62rem}.lp-step-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--lp-ink);margin-bottom:8px;font-size:.82rem;font-weight:600}.lp-step-body{color:var(--lp-ink2);font-size:.8rem;line-height:1.65}.lp-cta-section{text-align:center;padding:120px clamp(20px,6vw,80px);position:relative;overflow:hidden}.lp-cta-section:before{content:"";pointer-events:none;background:radial-gradient(60% 50%,#4a7a2e12 0%,#0000 70%);position:absolute;inset:0}.lp-cta-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--lp-ink);margin-bottom:16px;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700;line-height:1.15}.lp-cta-sub{color:var(--lp-ink2);max-width:440px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.05rem;font-style:italic}.lp-cta-note{font-family:var(--font-mono);color:var(--lp-ink4);letter-spacing:.04em;margin-top:20px;font-size:.62rem;line-height:1.8}.lp-footer{border-top:1px solid var(--lp-stroke);flex-wrap:wrap;align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:40px clamp(20px,6vw,80px);display:flex}.lp-footer-logo{font-family:var(--font-display);letter-spacing:.08em;color:var(--lp-ink2);font-size:.72rem;font-weight:600}.lp-footer-logo .lp-accent{color:var(--lp-earth)}.lp-footer-sep{flex:1}.lp-footer-links{flex-wrap:wrap;gap:20px;display:flex}.lp-footer-link{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink3);font-size:.6rem;font-weight:500;text-decoration:none;transition:color .15s}.lp-footer-link:hover{color:var(--lp-ink2)}.lp-footer-legal{width:100%;font-family:var(--font-mono);color:var(--lp-ink4);letter-spacing:.03em;font-size:.58rem;line-height:1.8}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-anim-1{animation:.6s .1s both lp-fadeUp}.lp-anim-2{animation:.6s .2s both lp-fadeUp}.lp-anim-3{animation:.6s .28s both lp-fadeUp}.lp-anim-4{animation:.6s .34s both lp-fadeUp}.lp-anim-5{animation:.6s .42s both lp-fadeUp}.lp-anim-6{animation:.7s .5s both lp-fadeUp}