:root{--orange:#ff9800;--orange2:#ff7200;--beige:#fff8e8;--brown:#3e2723;--muted:#745f57;--white:#fff;--shadow:0 22px 65px rgba(87,53,20,.13);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--brown);background:var(--beige);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.progress{position:fixed;z-index:1001;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#ffd36d,var(--orange2))}.nav-wrap{position:fixed;z-index:1000;top:0;left:0;right:0;padding:15px 0;transition:.3s}.nav-wrap.scrolled{background:rgba(255,248,232,.8);backdrop-filter:blur(18px);box-shadow:0 5px 30px rgba(62,39,35,.08);padding:9px 0}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 7px 20px #ff980055}.nav-menu{display:flex;align-items:center;gap:25px}.nav-menu>a:not(.play-btn){position:relative;font-size:13px;font-weight:600}.nav-menu>a:not(.play-btn):after{content:"";position:absolute;height:2px;border-radius:5px;background:var(--orange);left:50%;right:50%;bottom:-8px;transition:.25s}.nav-menu>a:hover:after,.nav-menu>a.active:after{left:0;right:0}.play-btn{display:inline-flex;align-items:center;gap:12px;background:var(--brown);color:white;padding:11px 20px;border-radius:14px;box-shadow:0 12px 26px rgba(62,39,35,.22);transition:.25s;overflow:hidden;position:relative}.play-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(62,39,35,.3)}.play-btn>span{font-size:22px}.play-btn small{line-height:1.05;font-size:8px;letter-spacing:.5px}.play-btn b{font-size:16px;letter-spacing:0}.play-btn.compact{padding:8px 14px}.play-btn.compact b{font-size:13px}.menu-toggle{display:none;background:none;border:0;padding:7px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--brown);margin:5px;transition:.3s}.hero{position:relative;min-height:850px;padding:135px 0 0;background:linear-gradient(135deg,#fff8e8 0%,#fff1ce 53%,#ffb648 100%);overflow:hidden}.hero:before{content:"";position:absolute;width:750px;height:750px;border-radius:50%;right:-230px;top:-170px;background:radial-gradient(circle,#ff8a00,#ff980000 68%);opacity:.45}.route-lines{position:absolute;inset:0;background-image:radial-gradient(#ff9800 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent);opacity:.16}.pin{position:absolute;color:#fff;font-size:24px;border:8px solid #ffffff55;border-radius:50%;animation:float 4s ease-in-out infinite}.p1{right:9%;top:20%}.p2{right:45%;top:45%;animation-delay:1s}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--orange2);background:#ff980018;border:1px solid #ff980035;padding:8px 13px;border-radius:30px}.hero-logo{display:flex;align-items:center;gap:12px;margin:24px 0 12px;font-size:19px}.brand-mark.large{width:55px;height:55px;font-size:26px;border-radius:17px}.hero h1{font-size:clamp(43px,5vw,69px);line-height:1.08;letter-spacing:-3px;margin:10px 0 22px}.hero h1 span,.section-head h2 span,.about h2 span{color:var(--orange2)}.hero-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:14px;margin:30px 0}.btn{display:inline-flex;padding:16px 24px;border-radius:14px;font-weight:600}.btn.ghost{border:1px solid #3e27232d;background:#fff5}.trust{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--beige);margin-left:-7px;font-style:normal;font-weight:700;color:var(--orange2)}.hero-visual{height:570px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:410px;height:410px;border-radius:50%;background:#fff7;filter:blur(5px)}.phone{position:relative;width:285px;height:575px;padding:9px;border:7px solid #2e2220;border-radius:42px;background:#1e1715;box-shadow:0 35px 70px #5f351e48;z-index:2}.phone:after{content:"";position:absolute;inset:0;border-radius:34px;box-shadow:inset 0 0 0 1px #ffffff55;pointer-events:none}.speaker{position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);width:72px;height:20px;border-radius:20px;background:#201a18}.screen{height:100%;border-radius:29px;overflow:hidden;background:#fff}.app-screen{padding:44px 15px 16px;background:linear-gradient(#fff3d8,#fff 45%);font-size:11px}.app-head{display:flex;align-items:center;gap:8px}.app-head>div{display:flex;flex-direction:column}.app-head small{color:#8d7369}.app-head i{margin-left:auto}.mini-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;background:var(--orange);font-weight:800}.search-card{position:relative;margin:22px 0 18px;background:#fff;padding:15px;border-radius:18px;box-shadow:0 10px 30px #5f351e1c}.search-card label{font-size:7px;color:#9b8980;letter-spacing:1px}.search-card>div{font-weight:600;padding:4px 0 9px;border-bottom:1px solid #eee}.search-card button,.saved-screen button{width:100%;border:0;border-radius:10px;padding:11px;color:#fff;background:linear-gradient(90deg,var(--orange),var(--orange2));font-weight:700}.swap{position:absolute;right:13px;top:48px;background:#fff1d2;padding:6px;border-radius:50%}.near{display:flex;justify-content:space-between;margin:10px 2px}.near span{color:var(--orange)}.bus-result{display:flex;align-items:center;gap:8px;background:white;border:1px solid #f3eee9;border-radius:14px;padding:10px;margin:8px 0}.bus-result i{font-size:19px}.bus-result div{display:flex;flex-direction:column}.bus-result small{font-size:7px;color:#87746d}.bus-result strong{margin-left:auto;font-size:9px;color:#39a66c}.bottom-nav{position:absolute;bottom:20px;width:calc(100% - 42px);display:flex;justify-content:space-around;border-top:1px solid #eee;padding-top:10px}.bottom-nav span{display:flex;flex-direction:column;align-items:center;font-size:17px;color:var(--orange)}.bottom-nav small{font-size:7px;color:#77645c}.hero-phone{transform:rotate(4deg);animation:phonefloat 5s ease-in-out infinite}.float-card{position:absolute;z-index:3;background:#fffc;backdrop-filter:blur(15px);border:1px solid #fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);font-size:12px;animation:float 4s ease-in-out infinite}.float-card span{font-size:22px}.float-card b{font-size:14px}.float-card small{display:block;color:#836b62}.fc1{left:0;top:100px}.fc2{right:-25px;top:165px;animation-delay:.5s}.fc3{left:5px;bottom:100px;animation-delay:1s}.hero-stats{position:relative;margin-top:45px;height:110px;background:#fff;border-radius:24px 24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -10px 45px #593c2110}.hero-stats div{display:grid;place-content:center;text-align:center;border-right:1px solid #eee}.hero-stats div:last-child{border:0}.hero-stats strong{font-size:25px;color:var(--orange2)}.hero-stats span{font-size:11px;color:var(--muted)}.section{padding:110px 0}.section-head{text-align:center;max-width:670px;margin:0 auto 55px}.section-head h2,.about h2,.download h2,.dev-copy h2{font-size:clamp(32px,4vw,49px);line-height:1.2;letter-spacing:-1.8px;margin:18px 0 12px}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #fff;border-radius:var(--radius);padding:28px;box-shadow:0 10px 40px #5e3a1910;transition:.3s}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#ff980040}.feature-card i,.soon-card>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#fff2d7;font-style:normal;font-size:24px;margin-bottom:20px}.feature-card h3{font-size:17px;margin:0 0 8px}.feature-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.feature-card.wide{grid-column:2/4;display:flex;gap:20px;align-items:center;background:linear-gradient(100deg,#fff,#fff4d8)}.feature-card.wide i{flex:0 0 50px;margin:0}.feature-showcase{background:#fff}.show-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:120px;margin:60px auto 140px;max-width:920px}.show-row.reverse .phone{order:2}.show-row.reverse .show-copy{order:1}.phone.small{width:245px;height:500px;margin:auto;transform:rotate(-3deg)}.show-row.reverse .phone{transform:rotate(3deg)}.route-screen,.timeline-screen,.list-screen,.saved-screen{padding:42px 13px 16px;font-size:10px;background:#fffdf9}.topbar{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:20px}.mini-search{line-height:2;background:#fff2d5;padding:12px;border-radius:13px}.mini-search hr{border:0;border-top:1px solid #eedbb7}.route-screen>p{display:flex;justify-content:space-between}.route-screen>p b{color:var(--orange2)}.route-item{display:flex;gap:10px;align-items:center;padding:10px 7px;background:#fff;border:1px solid #eee;border-radius:12px;margin:8px 0}.route-item>strong{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--orange);color:#fff}.route-item div{display:flex;flex-direction:column}.route-item small{font-size:7px;color:#8b7770}.number{font-size:60px;font-weight:800;color:#ff98001c;line-height:1}.show-copy h3{font-size:34px;margin:5px 0 15px}.show-copy>p{color:var(--muted);line-height:1.8}.show-copy ul{padding:0;list-style:none;line-height:2.1;font-size:13px;font-weight:600}.show-copy li::first-letter{color:var(--orange)}.route-title{background:#fff2d5;border-radius:12px;padding:12px;display:flex;justify-content:space-between}.timeline{padding:12px 20px}.timeline p{position:relative;margin:0;padding:0 0 27px 25px;border-left:2px solid #ffd38f}.timeline p:before{content:"";position:absolute;left:-6px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--orange)}.timeline p.done:before{background:var(--orange)}.timeline small{display:block;color:#a38b80}.screenshots{overflow:hidden}.carousel{overflow:hidden;padding:30px 0}.carousel-track{display:flex;gap:30px;width:max-content;animation:slide 28s linear infinite}.carousel:hover .carousel-track{animation-play-state:paused}.shot{width:240px;height:485px;padding:7px;background:#27201e;border-radius:37px;box-shadow:0 25px 50px #40271830;transition:.3s}.shot:hover{transform:scale(1.04)}.shot .screen{border-radius:30px}.orange-screen{display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#ffb326,var(--orange2));padding:20px}.orange-screen .brand-mark{background:white;color:var(--orange);margin:auto}.orange-screen h3{font-size:24px;margin:15px 0 2px}.orange-screen p{font-size:11px}.app-screen.mini{padding-top:50px}.list-screen h4{margin:30px 0 10px}.saved-screen{text-align:center}.saved-screen .heart{font-size:50px;color:var(--orange);margin:100px 0 12px}.saved-screen p{color:var(--muted);margin-bottom:25px}.carousel-dots{text-align:center}.carousel-dots i{display:inline-block;width:7px;height:7px;border-radius:10px;background:#d4c8bf;margin:3px}.carousel-dots i.active{width:25px;background:var(--orange)}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{position:relative;height:480px;border-radius:32px;background:linear-gradient(145deg,#ffd378,#ff8a00);overflow:hidden;box-shadow:var(--shadow)}.city{font-size:150px;text-align:center;padding-top:60px;filter:drop-shadow(0 20px 20px #8b501c33)}.road{position:absolute;bottom:0;left:-10%;width:120%;height:150px;background:#4b3932;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}.road:after{content:"";position:absolute;width:100%;top:80px;border-top:4px dashed #fff6}.road span{position:absolute;z-index:2;font-size:70px;left:45%;top:10px;transform:rotate(-7deg)}.map-pin{position:absolute;right:50px;top:45px;font-size:50px;animation:float 3s infinite}.about-copy>p{line-height:1.8;color:var(--muted)}.mission{display:flex;gap:15px;background:var(--beige);border-left:4px solid var(--orange);padding:20px;border-radius:0 18px 18px 0;margin-top:25px}.mission i{font-size:25px;color:var(--orange)}.mission p{margin:5px 0;font-size:12px}.soon{background:linear-gradient(#fff8e8,#fff3d7)}.soon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.soon-card{position:relative;background:#fff;padding:25px 20px;border-radius:20px;box-shadow:0 8px 30px #5f351e10;transition:.3s;overflow:hidden}.soon-card:hover{transform:translateY(-7px)}.soon-card em{position:absolute;right:-30px;top:17px;transform:rotate(40deg);width:120px;text-align:center;background:var(--orange);color:#fff;font-size:7px;text-transform:uppercase;font-style:normal;padding:4px}.soon-card h3{font-size:15px}.soon-card p{font-size:11px;color:var(--muted);line-height:1.6}.download{padding:70px 0;background:#fff}.download-box{min-height:480px;border-radius:36px;padding:70px 80px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;color:#fff;background:linear-gradient(125deg,#ffad1f,#f46600);overflow:hidden;box-shadow:0 30px 70px #ff80004a}.eyebrow.light{color:#fff;background:#fff2;border-color:#fff5}.download h2{max-width:550px;font-size:52px}.download p{opacity:.85}.play-btn.white{background:white;color:var(--brown);margin:15px 0}.free{display:block;opacity:.7}.download-art{position:relative;height:330px}.phone.tilted{position:absolute;top:-50px;left:40px;width:215px;height:435px;transform:rotate(10deg)}.orbit{position:absolute;padding:12px;background:#fff4;border:1px solid #fff7;border-radius:14px;font-size:25px;backdrop-filter:blur(10px);animation:float 3s infinite}.o1{left:-25px;top:30px}.o2{right:-10px;top:60px;animation-delay:.7s}.o3{left:-5px;bottom:10px;animation-delay:1.2s}.developer{background:#fff}.dev-card{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding:55px;background:linear-gradient(145deg,#fff8e8aa,#fff);border:1px solid #fff;box-shadow:var(--shadow);border-radius:30px}.avatar-wrap{display:grid;place-content:center;text-align:center}.avatar{display:grid;place-items:center;width:260px;height:300px;border-radius:130px 130px 35px 35px;background:linear-gradient(#ffd887,#ff9800);font-size:120px}.avatar-wrap span{display:inline-block;margin:-18px auto 0;z-index:2;background:#fff;padding:10px 18px;border-radius:20px;box-shadow:0 8px 25px #4b302522;font-size:10px;color:#278a58}.avatar-wrap span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ac675;margin-right:7px}.dev-copy h2{margin-bottom:6px}.dev-copy h3{font-size:24px;margin:8px 0 2px}.role{color:var(--orange2);font-size:13px}.dev-copy>p{color:var(--muted);font-size:13px;line-height:1.75}.tech{display:flex;flex-wrap:wrap;gap:8px}.tech span{font-size:10px;font-weight:600;background:#fff1d5;padding:7px 12px;border-radius:20px}.dev-copy blockquote{margin:20px 0;padding-left:16px;border-left:3px solid var(--orange);font-size:13px;font-style:italic}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:38px;height:38px;background:var(--brown);color:#fff;border-radius:11px;font-size:12px;font-weight:700;transition:.2s}.socials a:hover{background:var(--orange);transform:translateY(-3px)}footer{background:#2d1e1a;color:#fff;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px}.footer-grid p,.footer-grid a{display:block;color:#cdbfba;font-size:12px;line-height:2}.footer-grid h4{color:#ffad2d}.disclaimer{margin-top:45px;padding:20px;border:1px solid #ffffff12;border-radius:14px;color:#9e8e88;font-size:10px;line-height:1.6}.copyright{display:flex;justify-content:space-between;color:#8f7e78;font-size:10px;padding-top:20px}.to-top{position:fixed;z-index:500;right:22px;bottom:22px;width:45px;height:45px;border:0;border-radius:14px;background:var(--orange);color:#fff;box-shadow:0 10px 25px #ff980066;opacity:0;transform:translateY(20px);transition:.3s;cursor:pointer}.to-top.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-14px)}}@keyframes phonefloat{50%{transform:rotate(2deg) translateY(-12px)}}@keyframes slide{to{transform:translateX(-50%)}}
@media(max-width:950px){.menu-toggle{display:block;z-index:5}.nav-menu{position:absolute;top:70px;left:20px;right:20px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fffdf8f5;backdrop-filter:blur(20px);padding:18px;border-radius:20px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}.nav-menu.open{opacity:1;visibility:visible;transform:none}.nav-menu>a:not(.play-btn){padding:13px}.nav-menu .play-btn{justify-content:center;margin-top:10px}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust,.hero-logo{justify-content:center}.hero-visual{margin-top:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.wide{grid-column:auto}.soon-grid{grid-template-columns:repeat(3,1fr)}.show-row{gap:50px}.download-box{padding:55px 45px}.about-grid{gap:45px}.dev-card{grid-template-columns:1fr}.avatar-wrap{margin-bottom:10px}}
@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.section{padding:80px 0}.hero{min-height:auto}.hero h1{font-size:42px;letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{justify-content:center}.hero-visual{height:505px;transform:scale(.88);margin:-20px -20px}.fc2{right:-5px}.hero-stats{grid-template-columns:repeat(2,1fr);height:auto;padding:15px}.hero-stats div{padding:15px;border-bottom:1px solid #eee}.feature-grid,.show-row,.about-grid,.download-box,.footer-grid{grid-template-columns:1fr}.feature-card.wide{display:block}.feature-card.wide i{margin-bottom:20px}.show-row{gap:35px;margin:30px auto 100px}.show-row.reverse .phone{order:1}.show-row.reverse .show-copy{order:2}.show-copy{text-align:center}.show-copy ul{text-align:left;display:inline-block}.soon-grid{display:flex;overflow:auto;padding:0 14px 20px;margin:0 -14px}.soon-card{min-width:210px}.about-art{height:360px}.city{font-size:110px}.download-box{padding:45px 25px;text-align:center}.download h2{font-size:38px}.download-art{height:360px}.phone.tilted{left:50%;transform:translateX(-50%) rotate(8deg)}.orbit.o2{right:0}.dev-card{padding:30px 20px}.avatar{width:210px;height:240px;font-size:90px}.tech,.socials{justify-content:center}.dev-copy{text-align:center}.footer-grid{gap:25px}.copyright{flex-direction:column;gap:8px}.carousel-track{animation-duration:24s}.shot{width:210px;height:425px}.float-card{font-size:10px}.fc1{left:-3px}.section-head{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Real MakkalBus app artwork inside the existing premium device frames. */
.brand-mark{background:none;box-shadow:none;padding:0;overflow:visible}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.image-phone .screen,.shot .screen{position:relative;background:#120d0a}
.about-art{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0}
.about-art>img{display:block;width:100%;height:auto;margin:0;object-fit:contain;object-position:center}
.image-phone .screen>img,.shot .screen>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .65s ease}
.image-phone:hover .screen>img,.shot:hover .screen>img{transform:none}
.hero-image-slider>img{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 1.1s ease}
.hero-image-slider>img.active{opacity:1;transform:scale(1)}
.hero-image-slider>img:not(.active){pointer-events:none}
.shot .screen:after,.image-phone .screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff2,transparent 28%);border-radius:inherit}

/* Direct screenshot presentation: no device frame, crop, stretch, zoom, or overlay. */
.hero-image-slider{position:relative;z-index:2;width:min(100%,500px);height:500px;margin:auto;border-radius:24px;filter:drop-shadow(0 28px 45px rgba(62,39,35,.24))}
.hero-image-slider>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:24px;opacity:0;transform:none;transition:opacity .8s ease}
.hero-image-slider>img.active{opacity:1;transform:none}
.hero-image-slider:hover>img{transform:none}
.fc4{right:0;bottom:85px;animation-delay:1.5s}
.hero-stats{grid-template-columns:repeat(4,1fr)}
.shot{display:grid;place-items:center;width:min(360px,78vw);height:auto;aspect-ratio:1/1;padding:0;background:transparent;border-radius:22px;box-shadow:0 25px 50px #40271830;overflow:hidden;align-self:center}
.shot>img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:center;border-radius:22px;transition:none}
.shot:hover{transform:translateY(-6px)}
.shot:hover>img{transform:none}
@media(max-width:650px){.hero-image-slider{width:min(100%,430px);height:430px}.fc4{right:0;bottom:55px}.hero-stats{grid-template-columns:repeat(2,1fr)}.shot{width:min(330px,82vw)}}

.avatar{overflow:hidden;padding:0;box-shadow:0 18px 42px rgba(62,39,35,.24);transition:transform .55s ease,box-shadow .55s ease}
.avatar img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;transform:none;border-radius:inherit;filter:drop-shadow(0 8px 16px rgba(62,39,35,.12))}
.avatar-wrap:hover .avatar{transform:translateY(-5px);box-shadow:0 23px 48px rgba(62,39,35,.27)}
@media(prefers-reduced-motion:reduce){.avatar-wrap:hover .avatar{transform:none}}

/* Frame-free screenshots in premium glass cards. */
.screenshot-card{padding:10px;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:rgba(255,255,255,.42);backdrop-filter:blur(16px);box-shadow:0 24px 55px rgba(62,39,35,.18);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.screenshot-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}
.screenshot-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px rgba(62,39,35,.24)}
.feature-shot{width:min(100%,390px);margin:auto}
.show-row.reverse .feature-shot{order:2}
.feature-grid>.feature-card.wide{grid-column:1/-1;width:calc(66.6667% - 6px);justify-self:center}
.download-shot{position:absolute;top:-30px;left:35px;width:300px;transform:rotate(4deg)}
.download-shot:hover{transform:rotate(2deg) translateY(-7px)}
@media(max-width:950px){.feature-grid>.feature-card.wide{grid-column:1/-1;width:calc(50% - 9px)}}
@media(max-width:650px){.show-row.reverse .feature-shot{order:1}.show-row.reverse .show-copy{order:2}.feature-shot{width:min(100%,360px)}.download-shot{left:50%;width:280px;transform:translateX(-50%) rotate(3deg)}.download-shot:hover{transform:translateX(-50%) rotate(1deg) translateY(-7px)}}
@media(max-width:650px){.feature-grid>.feature-card.wide{width:100%}}
#features{padding-bottom:0}
.screenshots{padding-top:50px}

/* Keep the journey carousel automatic while allowing direct manual browsing. */
.carousel{overflow-x:auto;overflow-y:hidden;cursor:grab;touch-action:pan-x;-ms-overflow-style:none;scrollbar-width:none}
.carousel::-webkit-scrollbar{display:none}
.carousel:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.carousel.dragging{cursor:grabbing;user-select:none}
.carousel:focus .carousel-track,.carousel.dragging .carousel-track{animation-play-state:paused}
.carousel-track{animation:none}