:root{--night:#0d0b17;--night2:#17122d;--lav:#eeeaff}.site-head{background:transparent;border-color:transparent;transition:.3s ease}.site-head.scrolled{background:#fffffff0;border-color:var(--line);box-shadow:0 8px 30px #1e17340a}.hero{min-height:calc(100svh - 72px);display:grid;align-items:center;background:radial-gradient(circle at 18% 22%,#d9faff 0,transparent 28%),radial-gradient(circle at 82% 16%,#ded8ff 0,transparent 30%),linear-gradient(180deg,#fff,#f4f2fb);position:relative}.hero:after{content:"TRAIL";position:absolute;inset:auto 0 -5vw;text-align:center;font:900 clamp(100px,19vw,280px)/.7 Arial;color:#19112405;pointer-events:none}.hero-grid{perspective:1200px}.hero h1{font-size:clamp(54px,6.6vw,94px);letter-spacing:-.055em}.hero p{font-size:clamp(17px,1.5vw,21px)}.hero .loyalty-card{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-2deg);transition:transform .18s ease;box-shadow:0 45px 100px #30206f35;min-height:360px}.hero .trail:after{content:"";position:absolute;top:17px;right:16px;width:78%;height:2px;background:linear-gradient(90deg,var(--cyan),#9d8cff);transform-origin:right;animation:drawtrail 1.4s .45s both}.hero .stamp{opacity:0;animation:stampin .45s both}.hero .stamp:nth-child(1){animation-delay:.55s}.hero .stamp:nth-child(2){animation-delay:.7s}.hero .stamp:nth-child(3){animation-delay:.85s}.hero .stamp:nth-child(4){animation-delay:1s}.hero .stamp:nth-child(5){animation-delay:1.15s}.hero .stamp:nth-child(6){animation-delay:1.3s}.story-dark{background:var(--night);color:#fff;position:relative;overflow:hidden}.story-dark:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #7867db55;border-radius:50%;left:-280px;top:-300px;box-shadow:0 0 120px #7564db22}.story-dark .section-head p,.story-dark p{color:#ffffffa5}.problem-stage{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.friction-stack{position:relative;min-height:410px}.friction{position:absolute;width:min(440px,90%);padding:25px;border:1px solid #ffffff18;border-radius:22px;background:#ffffff08;backdrop-filter:blur(15px);font-size:20px}.friction:nth-child(1){top:0;right:0;transform:rotate(3deg)}.friction:nth-child(2){top:105px;left:0;transform:rotate(-4deg)}.friction:nth-child(3){top:215px;right:5%;transform:rotate(2deg)}.solution-line{font-size:clamp(27px,3vw,46px);line-height:1.45}.journey{background:#fff}.journey-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.journey-copy{display:grid;gap:20px}.journey-step{padding:24px;border-right:3px solid var(--line);opacity:.5;transition:.35s}.journey-step.seen{border-color:var(--cyan);opacity:1;transform:translateX(-8px)}.journey-step b{font-size:13px;color:var(--violet)}.journey-step h3{font-size:29px;margin:6px 0}.journey-visual{position:sticky;top:110px;height:570px;border-radius:36px;background:linear-gradient(145deg,#171329,#5744bd);overflow:hidden;padding:35px;color:#fff}.journey-phone{width:52%;height:82%;margin:auto;border:7px solid #29243b;border-radius:35px;background:#fafafa;color:var(--ink);padding:22px;box-shadow:0 28px 50px #0004;transform:rotate(4deg)}.qr-mini{width:128px;height:128px;margin:25px auto;background:repeating-conic-gradient(#171329 0 25%,#fff 0 50%) 50%/22px 22px;border:10px solid #fff}.mini-trail{display:flex;gap:6px;direction:rtl;justify-content:center}.mini-trail i{width:24px;height:24px;border-radius:50%;border:2px solid #ccc}.mini-trail i.on{background:var(--cyan);border-color:var(--cyan)}.showcase{background:linear-gradient(180deg,var(--night),#21184c);color:#fff}.showcase .section-head p{color:#ffffff9c}.interface-stage{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.dashboard-shot{border-radius:28px;background:#f6f6fa;color:var(--ink);padding:22px;min-height:490px;transform:rotate(1.5deg);box-shadow:0 40px 80px #0005}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-metrics span{background:#fff;padding:17px;border-radius:15px;font-size:12px}.dash-metrics strong{display:block;font-size:25px}.dash-main{margin-top:15px;background:#fff;border-radius:18px;padding:18px}.dash-row{height:58px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.dash-row i{width:32px;height:32px;border-radius:50%;background:var(--lav)}.screen-stack{display:grid;gap:14px}.screen-card{border:1px solid #ffffff1b;background:#ffffff0b;border-radius:22px;padding:20px;min-height:145px}.benefit-editorial{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.benefit-big{grid-column:span 7;min-height:300px}.benefit-small{grid-column:span 5}.benefit-editorial article{position:relative;overflow:hidden}.benefit-editorial article:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--lav);left:-55px;bottom:-80px}.benefit-editorial h3{font-size:clamp(26px,3vw,42px)}.sectors-rail{display:flex;gap:12px;overflow-x:auto;padding:12px 0 20px;scroll-snap-type:x mandatory}.sector-pill{flex:0 0 220px;scroll-snap-align:start;border-radius:22px;padding:25px;background:#fff;border:1px solid var(--line)}.activation-path{display:grid;grid-template-columns:repeat(7,1fr);position:relative;gap:10px}.activation-path:before{content:"";position:absolute;top:22px;right:5%;left:5%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.activation-path div{position:relative;text-align:center;font-size:12px}.activation-path i{width:44px;height:44px;background:#fff;border:2px solid var(--violet);border-radius:50%;display:grid;place-items:center;margin:auto auto 12px;font-style:normal;font-weight:900}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.seen{opacity:1;transform:none}.btn{transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #37277b16}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@keyframes drawtrail{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stampin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.hero{min-height:auto}.problem-stage,.journey-shell,.interface-stage{grid-template-columns:1fr}.journey-visual{position:relative;top:auto;height:500px}.activation-path{grid-template-columns:repeat(4,1fr);row-gap:28px}.benefit-big,.benefit-small{grid-column:span 6}.hero .loyalty-card{transform:rotate(-1deg)}}@media(max-width:560px){body{padding-bottom:env(safe-area-inset-bottom)}.site-head{padding-top:env(safe-area-inset-top)}.hero{min-height:calc(100svh - 64px);padding-top:28px}.hero-grid{gap:24px}.hero h1{font-size:43px;line-height:1.12}.hero .loyalty-card{min-height:250px}.friction-stack{min-height:330px}.friction{font-size:16px;padding:18px}.journey-visual{height:430px;padding:20px}.journey-phone{width:88%;height:86%;padding:16px}.interface-stage{display:block}.dashboard-shot{min-height:390px;padding:14px;margin-bottom:15px}.dash-metrics{grid-template-columns:1fr 1fr}.dash-metrics span:nth-child(3){display:none}.benefit-editorial{display:block}.benefit-editorial article{margin-bottom:12px;min-height:220px}.activation-path{grid-template-columns:repeat(2,1fr)}.activation-path:before{display:none}.section-head{text-align:right}.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero .stamp{opacity:1;animation:none}.hero .trail:after{animation:none}}