@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500&display=swap";:root{--primary: #384232;--primary-light: #4a5742;--secondary: #8F9D8F;--accent: #E8ECE8;--background: #ffffff;--surface: #f8f9fa;--text: #1a1a1a;--text-light: #555555;--border: #e0e0e0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: 16px;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}[data-theme=dark]{--primary: #5c6b54;--primary-light: #7a8b70;--secondary: #8F9D8F;--accent: #2A332A;--background: #121212;--surface: #1e1e1e;--text: #e0e0e0;--text-light: #aaaaaa;--border: #333333;--shadow: 0 4px 20px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--background);color:var(--text);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:var(--font-heading)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 28px;border-radius:50px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3842324d}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #38423266}.btn-secondary{background-color:var(--accent);color:var(--primary)}.btn-secondary:hover{background-color:var(--secondary);color:#fff}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background-color:var(--primary);color:#fff}.section{padding:100px 0}.card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative}.card:hover{transform:translateY(-8px);box-shadow:0 20px 30px -10px #0000001a;border-color:var(--secondary)}.glass-panel{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}[data-theme=dark] .glass-panel{background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1)}.icon-btn{color:var(--text);transition:color .3s ease,transform .2s ease;border-radius:50%}.icon-btn:hover{color:var(--primary);background-color:var(--accent);transform:rotate(15deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.hidden{display:none}.app-journey{position:relative;overflow:clip;padding:130px 0;color:#f4f6f1;background:radial-gradient(circle at 84% 8%,rgba(143,157,143,.19),transparent 28%),linear-gradient(145deg,#182019,#293329,#151b16)}.app-journey-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.app-journey-glow-one{width:420px;height:420px;top:28%;right:-260px;border:1px solid rgba(216,225,211,.12);box-shadow:0 0 100px #8f9d8f17 inset}.app-journey-glow-two{width:260px;height:260px;bottom:5%;left:-160px;background:#8f9d8f14}.app-journey-container{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);align-items:start;gap:clamp(50px,8vw,120px)}.app-journey-intro{position:sticky;top:130px;padding-top:28px}.journey-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:#c6d2c3;font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.app-journey-intro h2{max-width:470px;margin-bottom:24px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em}.app-journey-intro h2 em{color:#aebaab;font-family:Georgia,serif;font-weight:400}.app-journey-intro>p{max-width:430px;color:#f4f6f1b3;font-size:1.1rem}.journey-progress{display:flex;align-items:center;gap:16px;margin-top:52px}.journey-progress span{display:block;width:74px;height:1px;background:#aebaab}.journey-progress small{color:#f4f6f180;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.app-journey-list{display:grid;gap:110px}.journey-mobile-guide,.journey-image-swipe-cue{display:none}.journey-step{position:relative}.journey-copy{position:relative;z-index:2;display:grid;grid-template-columns:52px 1fr;gap:22px;max-width:540px;margin:0 0 32px 4%}.journey-number{padding-top:4px;color:#aebaab;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.12em}.journey-eyebrow{display:block;margin-bottom:8px;color:#aebaab;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.journey-copy h3{max-width:460px;margin-bottom:12px;color:#fff;font-size:clamp(1.65rem,2.8vw,2.35rem);letter-spacing:-.025em}.journey-copy p{max-width:475px;color:#f4f6f19e;line-height:1.7}.journey-device-wrap{position:relative;display:flex;justify-content:center;padding:28px}.journey-device-aura{position:absolute;inset:12% 4% 8%;border-radius:48%;background:radial-gradient(circle,rgba(168,185,164,.2),transparent 68%);filter:blur(28px)}.journey-device{position:relative;width:min(100%,520px);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:#eaf5f4;box-shadow:0 45px 80px #00000059,0 8px 24px #00000040;transform:perspective(1000px) rotateY(-2deg)}.journey-device:after{position:absolute;inset:0;content:"";border-radius:inherit;box-shadow:inset 0 0 0 7px #ffffff0a;pointer-events:none}.journey-device img{display:block;width:100%;height:auto}.journey-step:nth-child(2n) .journey-device{transform:perspective(1000px) rotateY(2deg)}@media(min-width:861px){.app-journey-list{gap:90px}.journey-device-wrap{padding:18px 28px}.journey-device{width:min(100%,340px,calc((100vh - 270px)*.463))}}@media(max-width:860px){.app-journey{padding:90px 0 80px}.app-journey .container{width:100%;padding:0}.app-journey-container{display:block}.app-journey-intro{position:relative;top:auto;padding:0 24px}.app-journey-intro h2{max-width:620px;font-size:clamp(2.7rem,11vw,4rem)}.journey-progress{margin-top:34px}.journey-mobile-guide{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin:48px 24px 0;color:#f4f6f1a6}.journey-swipe-label{display:flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.journey-swipe-label svg{animation:journey-swipe-arrow 1.8s ease-in-out infinite}.journey-dots{display:flex;align-items:center;gap:5px}.journey-dots span{width:5px;height:5px;border-radius:999px;background:#f4f6f140;transition:width .3s ease,background-color .3s ease}.journey-dots span.is-active{width:20px;background:#c6d2c3}.journey-count{color:#f4f6f173;font-size:.66rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}.app-journey-list{display:flex;gap:18px;margin-top:24px;padding:0 24px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;scrollbar-width:none}.app-journey-list::-webkit-scrollbar{display:none}.journey-step{flex:0 0 min(78vw,430px);scroll-snap-align:start}.journey-copy{grid-template-columns:38px 1fr;gap:10px;min-height:235px;margin:0}.journey-copy h3{font-size:1.65rem}.journey-device-wrap{padding:0}.journey-device,.journey-step:nth-child(2n) .journey-device{border-radius:26px;transform:none}.journey-image-swipe-cue{position:absolute;z-index:3;top:18px;right:14px;display:inline-flex;align-items:center;gap:2px;padding:7px 9px 7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#f4f6f1;background:#182019c7;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.65rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;animation:journey-cue-pulse 2.4s ease-in-out 3}@keyframes journey-swipe-arrow{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(5px);opacity:1}}@keyframes journey-cue-pulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}}@media(max-width:480px){.container{width:100%;padding:0 20px}.section{padding:76px 0}.app-journey-intro{padding:0 20px}.app-journey-list{padding-right:20px;padding-left:20px;scroll-padding-left:20px}.journey-mobile-guide{gap:12px;margin-right:20px;margin-left:20px}.journey-step{flex-basis:78vw}.journey-copy{min-height:260px}}@media(prefers-reduced-motion:reduce){.journey-device,.journey-step:nth-child(2n) .journey-device{transform:none}.journey-swipe-label svg,.journey-image-swipe-cue{animation:none}}