.lw-page-process{--step-teal: var(--lw-teal-main, #05F2C7);--step-purple: var(--lw-purple-main, #C105F5);--step-gold: var(--lw-gold, #FFB800);--step-orange: var(--lw-orange-main, #FF4502);--card-bg: var(--lw-neon-void, #1E1919);--divider-height: 3.2px}.lw-section{padding:clamp(4rem,10vh,8rem) clamp(1rem,5vw,4rem);max-width:75rem;margin:0 auto;position:relative}.lw-section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;max-width:600px;height:var(--divider-height);background:linear-gradient(90deg,transparent 0%,var(--lw-purple-main, #C105F5) 20%,var(--lw-teal-main, #05F2C7) 50%,var(--lw-purple-main, #C105F5) 80%,transparent 100%);opacity:.5}.lw-section:last-of-type:after{display:none}.process-hero{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;align-items:center;padding:10vh 0 6vh;position:relative;overflow:hidden;max-width:none;width:100vw;margin-left:calc(-50vw + 50%);background:transparent}.hero-content{max-width:90rem;width:100%;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem);position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:0}.hero-headline{font-family:"Noto Serif",Georgia,serif;font-weight:700;line-height:.95;margin:0 0 2rem;display:flex;flex-direction:column;align-items:flex-start;gap:0;letter-spacing:-.02em;text-align:left}.hero-line{display:block;width:100%}.hero-line:first-child{font-size:clamp(4rem,18vw,12rem);color:var(--lw-white, #F5F5F5);text-shadow:none;position:relative;--wght: 400;font-variation-settings:"wght" var(--wght)}.hero-line:last-child{font-size:clamp(3.5rem,16vw,10rem);color:var(--step-teal, #05F2C7);margin-left:clamp(2rem,8vw,8rem);position:relative}.hero-word{display:inline}.hero-word.hero-accent{color:inherit;text-shadow:none}.hero-line:first-child:before{content:"5 STEPS";position:absolute;top:50%;right:0;transform:translateY(-50%);font-family:var(--lw-font-body);font-size:clamp(.7rem,1.5vw,1rem);font-weight:600;letter-spacing:.2em;color:var(--lw-gray-500, #737373);writing-mode:vertical-rl;text-orientation:mixed;opacity:.6}.hero-subhead{font-family:var(--lw-font-body);font-size:clamp(1rem,2vw,1.25rem);color:var(--lw-gray-300, #D4D4D4);font-weight:400;line-height:1.5;max-width:36ch;text-align:left;margin:0 0 3rem;margin-left:clamp(2rem,8vw,8rem);padding-top:1.5rem;border-top:1px solid rgba(115,115,115,.3)}.hero-intro{max-width:50ch;margin:0 0 2.5rem;margin-left:clamp(2rem,8vw,8rem);color:var(--lw-gray-400, #A3A3A3);font-size:1rem;line-height:1.7;text-align:left}.hero-intro p{margin-bottom:.75rem}.hero-intro p:last-child{margin-bottom:0}.hero-intro strong{color:var(--lw-white, #F5F5F5);font-weight:600}.hero-cta{margin-left:clamp(2rem,8vw,8rem);display:inline-flex;font-size:1.1rem;padding:1rem 2.5rem;justify-self:start;width:auto!important}@media(max-width:768px){.process-hero{padding:8vh 0 5vh;min-height:auto}.hero-headline{align-items:flex-start}.hero-line:first-child{font-size:clamp(2.8rem,14vw,5rem)}.hero-line:last-child{font-size:clamp(2.4rem,12vw,4.5rem);margin-left:1rem}.hero-line:first-child:before{display:none}.hero-subhead,.hero-intro,.hero-cta{margin-left:1rem}.hero-subhead{max-width:100%}}.steps-section{max-width:900px}.timeline-container{position:relative;padding-left:60px}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:4px;background:var(--lw-gray-600, #262626);border-radius:2px;overflow:hidden}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--step-teal) 0%,var(--step-purple) 50%,var(--step-gold) 100%);transition:height .1s ease-out}.timeline-step{position:relative;margin-bottom:3rem;opacity:1;transform:translate(0)}.timeline-step:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-52px;top:1.5rem;width:24px;height:24px;border-radius:50%;background:var(--lw-gray-600, #262626);border:3px solid var(--lw-gray-500, #525252);z-index:2;transition:all .3s ease}.step-1 .timeline-marker{background:var(--step-teal);border-color:var(--step-teal);box-shadow:0 0 10px #05f2c74d}.step-2 .timeline-marker{background:var(--step-purple);border-color:var(--step-purple);box-shadow:0 0 10px #c105f54d}.step-3 .timeline-marker{background:var(--step-gold);border-color:var(--step-gold);box-shadow:0 0 10px #ffb8004d}.step-4 .timeline-marker{background:var(--step-orange);border-color:var(--step-orange);box-shadow:0 0 10px #ff45024d}.step-5 .timeline-marker{background:var(--step-teal);border-color:var(--step-teal);box-shadow:0 0 10px #05f2c74d}.timeline-step.active .timeline-marker{background:var(--step-teal);border-color:var(--step-teal);box-shadow:0 0 20px #05f2c780}.timeline-step.step-1.active .timeline-marker{background:var(--step-teal);border-color:var(--step-teal)}.timeline-step.step-2.active .timeline-marker{background:var(--step-purple);border-color:var(--step-purple)}.timeline-step.step-3.active .timeline-marker{background:var(--step-gold);border-color:var(--step-gold)}.timeline-step.step-4.active .timeline-marker{background:var(--step-orange);border-color:var(--step-orange)}.timeline-step.step-5.active .timeline-marker{background:var(--step-teal);border-color:var(--step-teal)}.step-card{background:var(--card-bg);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;box-shadow:0 4px 6px #0000004d,0 1px 3px #0003}.timeline-step.active .step-card{border-color:#05f2c74d;transform:translateY(-4px);box-shadow:0 8px 25px #0006,0 0 30px #05f2c71a}.timeline-step.step-2.active .step-card{border-color:#c105f54d}.timeline-step.step-3.active .step-card{border-color:#ffb8004d}.timeline-step.step-4.active .step-card{border-color:#ff45024d}.step-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:1rem}.step-header h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(1.4rem,4vw,1.8rem);font-weight:600;color:var(--lw-white, #F5F5F5);margin:0}.step-badge{display:inline-block;padding:.3rem .8rem;font-size:.8rem;font-weight:600;border-radius:20px;background:#05f2c726;color:var(--step-teal);text-transform:uppercase;letter-spacing:.05em}.step-2 .step-badge{background:#c105f526;color:var(--step-purple)}.step-3 .step-badge{background:#ffb80026;color:var(--step-gold)}.step-4 .step-badge{background:#ff450226;color:var(--step-orange)}.step-5 .step-badge{background:#05f2c726;color:var(--step-teal)}.step-content{color:var(--lw-gray-300, #A3A3A3);line-height:1.7}.step-content p{margin-bottom:1rem}.step-content p:last-child{margin-bottom:0}.step-content strong{color:var(--lw-white, #F5F5F5)}.step-note{font-size:.95rem;color:var(--lw-gray-400, #737373)}.step-note a{color:var(--step-teal);text-decoration:none;transition:color .2s}.step-note a:hover{color:var(--step-purple)}.step-deliverables{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.step-deliverables h4{font-size:1rem;color:var(--step-gold);margin-bottom:.75rem}.step-deliverables ul{list-style:none;padding:0;margin:0}.step-deliverables li{position:relative;padding-left:1.5rem;margin-bottom:1rem}.step-deliverables li:before{content:"→";position:absolute;left:0;color:var(--step-gold)}.tech-callout{margin-top:1.5rem;padding:1.5rem;background:#ff450214;border-left:3px solid var(--step-orange);border-radius:0 8px 8px 0}.tech-callout h4{font-size:1rem;color:var(--step-orange);margin-bottom:.75rem}.tech-callout p:last-child{margin-bottom:0}.handoff-details{display:grid;gap:1.5rem;margin-top:1.5rem}.handoff-item{padding:1.25rem;background:#05f2c70d;border-radius:8px;border-left:3px solid var(--step-teal)}.handoff-item h4{font-size:1rem;color:var(--step-teal);margin-bottom:.5rem}.handoff-item.hosting-option{background:#ffb80014;border-left-color:var(--step-gold)}.handoff-item.hosting-option h4{color:var(--step-gold)}.copy-first-section .section-content{max-width:700px;margin:0 auto}.copy-first-section h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--lw-white, #F5F5F5);margin-bottom:2rem;text-align:center}.philosophy-text{color:var(--lw-gray-300, #A3A3A3);line-height:1.8}.philosophy-text p{margin-bottom:1.25rem}.philosophy-text p:last-child{margin-bottom:0}.philosophy-text strong{color:var(--lw-white, #F5F5F5)}.lead-quote{font-size:1.2rem;color:var(--lw-white, #F5F5F5);padding-left:1.5rem;border-left:3px solid var(--step-purple);margin-bottom:1.5rem!important}.two-people-section .section-content{max-width:1000px;margin:0 auto}.two-people-section h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(2rem,5vw,3rem);font-weight:600;color:var(--lw-white, #F5F5F5);margin-bottom:.5rem;text-align:center}.section-subtitle{font-size:1.2rem;color:var(--lw-gray-400, #737373);text-align:center;margin-bottom:3rem}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.person-card{background:var(--card-bg);border-radius:16px;padding:2rem;border:2px solid transparent;transition:all .3s ease;perspective:1000px}.person-card.translator{border-color:#05f2c74d}.person-card.architect{border-color:#ff45024d}.person-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.person-card.translator:hover{box-shadow:0 12px 40px #05f2c726}.person-card.architect:hover{box-shadow:0 12px 40px #ff450226}.person-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.person-icon{font-size:2.5rem;transition:transform .3s ease}.person-card:hover .person-icon{transform:scale(1.1) rotate(5deg)}.person-header h3{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:1.4rem;font-weight:600;color:var(--lw-white, #F5F5F5);margin:0}.person-content{color:var(--lw-gray-300, #A3A3A3);line-height:1.7}.person-content p{margin-bottom:1rem}.person-content p:last-child{margin-bottom:0}.person-content em{color:var(--lw-gray-400, #737373);font-style:italic}.no-trap-section .section-content{max-width:700px;margin:0 auto}.no-trap-section h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(2rem,5vw,2.5rem);font-weight:600;color:var(--step-gold);margin-bottom:2rem;text-align:center}.faq-section .section-content{max-width:800px;margin:0 auto}.faq-section h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(2rem,5vw,2.5rem);font-weight:600;color:var(--lw-white, #F5F5F5);margin-bottom:2.5rem;text-align:center}.cta-section{text-align:center;padding-bottom:clamp(6rem,15vh,10rem)}.cta-content{max-width:600px;margin:0 auto}.cta-section h2{font-family:var(--lw-font-display, "Noto Serif", Georgia, serif);font-size:clamp(2rem,6vw,3rem);font-weight:700;color:var(--lw-white, #F5F5F5);margin-bottom:1rem}.cta-subtitle{font-size:1.3rem;color:var(--step-teal);margin-bottom:1.5rem}.cta-body{color:var(--lw-gray-300, #A3A3A3);margin-bottom:1rem;font-size:1.1rem}.cta-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.cta-primary{font-size:1.1rem;padding:1rem 2.5rem}.cta-secondary{color:var(--step-teal);font-size:1rem;text-decoration:none;transition:color .2s}.cta-secondary:hover{color:var(--step-purple)}.lw-btn--manga-primary{display:inline-block;padding:.9rem 2rem;font-family:var(--lw-font-body, system-ui, sans-serif);font-weight:600;font-size:1rem;color:var(--lw-void, #0A0A0A);background:var(--step-purple);border:none;border-radius:8px;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px color-mix(in srgb,var(--step-purple) 70%,black),0 6px color-mix(in srgb,var(--step-purple) 50%,black),0 8px 20px #c105f54d}.lw-btn--manga-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px color-mix(in srgb,var(--step-purple) 70%,black),0 8px color-mix(in srgb,var(--step-purple) 50%,black),0 12px 30px #c105f566}.lw-btn--manga-primary:active{transform:translateY(2px) scale(.98);transition-duration:.1s;box-shadow:0 2px color-mix(in srgb,var(--step-purple) 70%,black),0 3px color-mix(in srgb,var(--step-purple) 50%,black),0 4px 10px #c105f54d}@media(max-width:768px){.timeline-container{padding-left:40px}.timeline-line{left:12px;width:3px}.timeline-marker{left:-36px;width:20px;height:20px}.step-card{padding:1.5rem}.step-header{flex-direction:column;align-items:flex-start;gap:.5rem}.people-grid{grid-template-columns:1fr}.cta-buttons{width:100%}.cta-primary{width:100%;max-width:300px}}@media(max-width:480px){.process-hero{min-height:60dvh;padding-top:5rem}.hero-intro{font-size:1rem}.timeline-container{padding-left:30px}.timeline-line{left:8px}.timeline-marker{left:-26px;width:16px;height:16px}.step-card{padding:1.25rem}.step-header h2{font-size:1.25rem}.step-deliverables,.tech-callout,.handoff-details{padding:1rem}}@media(prefers-reduced-motion:reduce){.timeline-step,.person-card,.lw-btn--manga-primary,.timeline-progress,.person-icon{transition:none!important}}.scroll-depth-indicator{position:fixed;right:0;top:0;bottom:0;width:4px;z-index:9999;pointer-events:none}.scroll-depth-track{position:absolute;inset:0;background:#ffffff0d}.scroll-depth-fill{position:absolute;top:0;left:0;right:0;height:0%;background:var(--lw-teal-main, #05F2C7);box-shadow:0 0 10px var(--lw-teal-main, #05F2C7);transition:height .15s ease-out}@media(max-width:768px){.scroll-depth-indicator{display:none}}@media(max-width:1024px){.step-card,.step-content,.timeline-step,.process-content,main,section{touch-action:pan-y}[data-gsap-anim],.step-card,.timeline-step{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}}
