@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--cream:#f7f5ef;--dark:#11120f;--lime:#bcff24;--gray:#e9e8e1;--muted:#5c5d56;--radius:20px;--shadow:0 35px 75px rgba(0,0,0,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--cream);color:var(--dark);font:400 16px/1.55 Manrope,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
strong{font-weight:800}
::selection{background:var(--lime);color:var(--dark)}
:focus-visible{outline:3px solid #4d8c11;outline-offset:4px}
.container{width:min(100% - 88px,1392px);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-90px;z-index:2000;padding:10px 18px;background:var(--dark);color:#fff;border-radius:5px}.skip-link:focus{top:16px}
.site-header{height:92px;border-bottom:1px solid rgba(18,19,15,.12);background:rgba(247,245,239,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--dark);border-radius:50%;background:var(--lime);overflow:hidden}.brand-mark img{width:43px;height:43px;object-fit:contain}
.brand-name{font-weight:800;letter-spacing:-.085em;font-size:23px;line-height:1}
.brand-dot,.period{color:#82c900}
.nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:auto}
.nav a{font-size:12px;font-weight:800;white-space:nowrap;transition:opacity .2s}.nav a:hover{opacity:.56}
.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:99px;font-size:13px;line-height:1.25;font-weight:800;border:2px solid transparent;padding:13px 21px;text-align:center;white-space:nowrap;transition:transform .22s,background .22s,box-shadow .22s;cursor:pointer}
.button:hover{transform:translateY(-3px);box-shadow:0 9px 18px rgba(0,0,0,.13)}
.button-dark{background:var(--dark);color:#fff}.button-dark:hover{background:#34362f}
.button-lime{background:var(--lime);color:var(--dark)}.button-lime:hover{background:#dcff9f}
.button-xl{padding:19px 28px;min-height:62px;font-size:14px}
.header-cta{margin-left:auto}
.menu-toggle{display:none;background:transparent;padding:10px;border:0;cursor:pointer;width:42px;height:42px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{height:2px;width:24px;background:var(--dark);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.hero{overflow:hidden}
.hero-grid{min-height:740px;display:grid;grid-template-columns:49% 51%;gap:0}
.hero-content{padding:77px 50px 64px 0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:27px}
.status-dot{width:9px;height:9px;border-radius:50%;background:#7cc200;box-shadow:0 0 0 5px rgba(125,194,0,.15)}
.eyebrow-divider{height:12px;width:1px;background:#bbbcb5}
.hero h1{font-size:clamp(82px,8.3vw,137px);line-height:.91;letter-spacing:-.097em;font-weight:800;margin:0 0 27px}
.hero h1 .title-highlight{display:block}
.period{color:#86c600}
.hero-description{max-width:485px;font-size:16px;line-height:1.8;margin:0 0 28px;color:#3d3f39}
.hero-buttons{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.telegram-symbol{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#111;background:var(--lime);font-size:21px}
.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #7e8173;padding-bottom:6px;white-space:nowrap}
.hero-footnote{display:flex;gap:12px;align-items:center;color:#6c6e64;font-size:11px;font-weight:700;margin-top:50px}.footnote-line{width:30px;height:1px;background:#96988f}
.hero-visual{position:relative;isolation:isolate;min-height:740px;background:var(--lime);overflow:hidden}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(circle at 60% 46%,#000,transparent 85%);opacity:.6}
.hero-visual::before{content:"";position:absolute;width:700px;height:700px;left:20%;top:8%;border:1px solid rgba(0,0,0,.22);border-radius:50%}
.hero-visual::after{content:"";position:absolute;width:530px;height:530px;left:32%;top:20%;border:1px solid rgba(0,0,0,.17);border-radius:50%}
.visual-top-tag{position:absolute;top:25px;left:30px;font:800 10px/1.5 Manrope,sans-serif;letter-spacing:.14em;z-index:4}
.route-art{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.36}
.phone{border:10px solid #111;border-radius:37px;background:#111;box-shadow:0 32px 55px rgba(0,0,0,.29);overflow:hidden}
.phone-screen{background:#f7f5ef;border-radius:27px;overflow:hidden;height:100%}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.hero-phone{position:absolute;width:265px;height:574px;z-index:3}
.phone-front{left:16%;top:14%;transform:rotate(-9deg)}
.phone-behind{right:8%;top:24%;transform:rotate(12deg);filter:drop-shadow(0 6px 9px rgba(0,0,0,.12));z-index:2}
.hero-sticker{position:absolute;right:8%;bottom:5%;width:160px;z-index:5;transform:rotate(11deg);display:grid;justify-items:center}
.hero-sticker img{width:115px;height:115px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(0,0,0,.18))}
.hero-sticker span{background:#111;color:#fff;padding:7px 14px;border-radius:10px;font-weight:800;line-height:1.2;text-align:center;letter-spacing:.03em;font-size:11px}
.hero-visual-caption{position:absolute;bottom:18px;left:30px;font-size:11px;font-weight:800;letter-spacing:.09em;z-index:5}
.ticker-wrap{background:var(--dark);color:#f7f5ef;overflow:hidden;border-top:2px solid #111}
.ticker-track{min-width:max-content;display:flex;align-items:center;justify-content:center;gap:50px;padding:19px 22px;font-weight:800;letter-spacing:.08em;font-size:12px}
.ticker-star{font-size:23px;color:var(--lime)}
.section-space{padding:115px 0}
.section-kicker{font-weight:800;font-size:11px;letter-spacing:.1em;margin-bottom:22px;display:flex;gap:12px;align-items:center}
.kicker-num{color:#88907f}
h2{font-weight:800;font-size:clamp(48px,5.4vw,83px);line-height:1.09;letter-spacing:-.08em;margin:0}
.intro-grid{display:grid;grid-template-columns:170px 1.24fr .76fr;gap:45px;align-items:start}
.intro-grid .section-kicker{margin-top:9px}
.outline-text{color:transparent;-webkit-text-stroke:1.6px var(--dark)}
.intro-description{font-size:15px;line-height:1.95;padding-top:6px;max-width:360px}.intro-description p{margin:0 0 15px}
.route-demo{margin-top:76px;display:flex;align-items:center;padding:22px 28px;background:#ecebe4;border-radius:15px;border:1px solid #deddd5}
.route-point{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.route-point i{display:block;width:11px;height:11px;background:var(--lime);border:2px solid #111;border-radius:100%}
.route-line{flex:1;position:relative;border-top:2px dashed #8d9086;margin:0 32px;height:1px}
.route-line-label{position:absolute;left:50%;transform:translateX(-50%);bottom:11px;color:#63665e;font-weight:700;font-size:10px;letter-spacing:.11em;white-space:nowrap}
.route-arrow{position:absolute;right:-5px;top:-18px;font-size:24px;line-height:1}
.roles-section{background:#edebe5}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}
.section-head p{max-width:305px;font-size:14px;line-height:1.9;margin:0 0 9px}
.italic{font-style:italic}
.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.role-card{min-height:650px;overflow:hidden;border:2px solid #111;position:relative;border-radius:19px;padding:34px;background:var(--lime)}
.role-traveler{background:#151612;color:#fff}
.role-card-content{position:relative;z-index:3;max-width:62%}
.role-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px}
.badge{font-weight:800;border:1.5px solid #111;padding:8px 13px;border-radius:30px;font-size:10px;letter-spacing:.07em;white-space:nowrap}
.badge-light{border-color:#fff}
.role-icon{font-weight:800;font-size:26px}
.role-card h3{font-weight:800;letter-spacing:-.078em;font-size:clamp(42px,4.5vw,68px);line-height:1.04;margin:0 0 22px}
.role-card p{font-size:14px;line-height:1.82;max-width:340px;margin:0 0 28px}
.role-link{display:inline-flex;gap:27px;align-items:center;border-bottom:2px solid currentColor;font-size:12px;font-weight:800;padding:0 0 8px}
.role-image{position:absolute;width:252px;height:545px;border:8px solid #111;border-radius:34px;overflow:hidden;background:#f7f5ef;box-shadow:var(--shadow);z-index:1}
.role-image img{height:100%;width:100%;object-fit:cover;object-position:top}
.customer-image{right:-38px;bottom:-85px;transform:rotate(14deg)}
.traveler-image{right:-19px;bottom:-66px;transform:rotate(-11deg)}
.how-section{background:var(--cream)}
.how-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}
.how-heading h2 span{color:#7a7d73}
.how-heading p{font-size:14px;line-height:1.95;max-width:292px;margin:0 0 9px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:70px}
.step-num{font-size:60px;font-weight:800;letter-spacing:-.08em;display:flex;justify-content:space-between;align-items:start;line-height:1}.step-num span{font-size:19px;letter-spacing:0;color:#63665d;margin-top:12px}
.step-rule{border-bottom:2px solid var(--dark);margin:19px 0 30px;position:relative}.step-rule:before{content:"";position:absolute;left:0;bottom:-7px;width:11px;height:11px;border:2px solid #111;background:var(--lime);border-radius:50%}
.step h3{font-weight:800;font-size:21px;line-height:1.25;letter-spacing:-.05em;margin:0 0 12px}.step p{font-size:13px;line-height:1.85;color:#53564d;max-width:250px}
.step-note{display:inline-flex;align-items:center;gap:13px;margin-top:56px;background:#e8e8df;border-radius:12px;font-size:12px;line-height:1.7;padding:15px 21px;max-width:710px}.asterisk{font-size:25px;line-height:1;color:#72aa00}
.inside-section{background:#181a15;color:#fff}
.inside-head p{color:#c0c1b9}
.screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.screen-card{margin:0;border-radius:18px;overflow:hidden;background:#2a2b25;padding:25px 25px 20px;min-width:0}
.screen-card-lime{background:var(--lime);color:var(--dark)}
.screen-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:800;margin-bottom:18px}.screen-caption span{font-size:11px;opacity:.7}
.screen-image{height:370px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;border:1px solid rgba(0,0,0,.19);border-radius:18px 18px 9px 9px;background:#f8f7f2;position:relative}
.screen-image img{width:75%;height:auto;max-width:255px;border:7px solid #0e0e0e;border-radius:25px 25px 0 0;margin-top:21px;box-shadow:0 17px 22px rgba(0,0,0,.22)}
.screen-card figcaption{margin-top:20px;font-size:12px;line-height:1.65;opacity:.78;min-height:20px}
.inside-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.inside-actions>span{font-size:12px;color:#b8bab1}
.cta-section{background:var(--lime);overflow:hidden}
.cta-layout{display:grid;grid-template-columns:1.2fr .8fr;min-height:560px;align-items:center;gap:40px}
.cta-copy{padding:80px 0;position:relative;z-index:2}
.cta-kicker{letter-spacing:.14em;margin-bottom:25px}
.cta-copy h2{font-size:clamp(62px,7.7vw,125px);line-height:.96}
.cta-copy h2 .period{color:var(--dark)}
.cta-copy p{font-size:15px;line-height:1.8;max-width:450px;margin:28px 0}
.cta-mascot{position:relative;display:grid;place-items:center;min-height:500px}
.cta-mascot img{width:min(100%,410px);object-fit:contain;position:relative;z-index:2;transform:rotate(-13deg);filter:drop-shadow(13px 18px 0 rgba(0,0,0,.10))}
.cta-orbit{width:630px;height:630px;border:1.4px solid rgba(0,0,0,.25);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-2{width:470px;height:470px}
.mascot-stamp{position:absolute;right:5%;bottom:11%;z-index:3;background:#111;color:#fff;border-radius:50%;height:95px;width:95px;display:grid;place-items:center;transform:rotate(14deg);font-size:13px;font-weight:800;border:4px double var(--lime)}
.faq-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:10%}
.faq-left p{margin-top:28px;color:#5b5c55;font-size:14px}
.faq-items{border-top:1px solid #afafa6}
.faq-items details{border-bottom:1px solid #afafa6;padding:0 0}
.faq-items summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;font-weight:800;letter-spacing:-.02em;font-size:16px;padding:24px 0}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary span{font-size:26px;font-weight:400;line-height:1;transition:transform .2s}
.faq-items details[open] summary span{transform:rotate(45deg)}
.faq-items details p{color:#585b52;line-height:1.9;font-size:14px;max-width:560px;margin:0 0 27px}
.faq-items details p a{text-decoration:underline;text-underline-offset:3px}
.footer{background:#0e100c;color:#f8f8f4;padding:45px 0 34px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:70px}
.footer-brand{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:800;letter-spacing:-.08em}.footer-brand img{background:var(--lime);border-radius:50%;width:45px;height:45px}
.footer-links{display:flex;gap:35px;flex-wrap:wrap}.footer-links a{font-size:12px;font-weight:800}.footer-links a:hover,.footer-bottom a:hover{color:var(--lime)}
.footer-bottom{border-top:1px solid #42443e;display:flex;justify-content:space-between;gap:30px;padding-top:22px;color:#a7aaa0;font-size:11px;line-height:1.9}.footer-bottom p{margin:0}.footer-bottom a{color:#fff;font-weight:800}
@media(max-width:1220px){
 .container{width:min(100% - 62px,1190px)}
 .nav{gap:15px}.nav a{font-size:11px}.brand-name{font-size:20px}
 .hero h1{font-size:clamp(74px,8vw,114px)}.hero-grid,.hero-visual{min-height:690px}
 .hero-content{padding-right:30px}.hero-phone{width:233px;height:503px}.phone-front{left:11%;top:17%}.phone-behind{right:5%;top:26%}
 .role-image{width:225px;height:488px}
 .role-card-content{max-width:65%}.intro-grid{grid-template-columns:130px 1fr .85fr;gap:30px}
}
@media(max-width:920px){
 .site-header{height:76px}.container{width:min(100% - 48px,840px)}.header-inner{gap:16px}
 .header-cta{padding:11px 15px;font-size:11px}.brand-name{font-size:19px}.brand-mark{width:40px;height:40px}.brand-mark img{width:37px;height:37px}
 .menu-toggle{display:flex}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cream);padding:22px 24px 35px;box-shadow:0 25px 35px #0002;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #dad9d0}.nav.is-open{display:flex}.nav a{font-size:16px;padding:15px 0;border-bottom:1px solid #dddcd3}
 .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-content{padding:60px 0 57px}.hero h1{font-size:clamp(75px,13vw,118px);margin-bottom:22px}.hero-description{max-width:640px}
 .hero-visual{height:625px;min-height:625px}.phone-front{left:22%}.phone-behind{right:12%;top:21%}
 .intro-grid{grid-template-columns:1fr 1fr;gap:26px}.intro-grid .section-kicker{grid-column:1/-1}.intro-description{padding-top:0}
 .section-space{padding:90px 0}.role-card{padding:26px;min-height:590px}.role-card-content{max-width:68%}.role-card h3{font-size:49px}.role-card p{font-size:12px}.role-image{width:190px;height:415px;right:-65px}.role-topline{margin-bottom:50px}.badge{font-size:9px}
 .screens-grid{gap:12px}.screen-card{padding:17px}.screen-image{height:300px}.screen-image img{width:86%}
 .step h3{font-size:18px}.step-num{font-size:47px}.steps-grid{gap:14px}
 .cta-layout{grid-template-columns:1.15fr .85fr}.cta-mascot img{width:300px}.cta-copy h2{font-size:70px}
}
@media(max-width:650px){
 .container{width:calc(100% - 36px)}
 .site-header{height:70px}.nav{top:70px}.brand{gap:8px}.brand-mark{width:36px;height:36px}.brand-mark img{height:32px;width:32px}.brand-name{font-size:19px}
 .header-cta{display:none}.menu-toggle{margin-left:auto}
 .hero-content{padding:45px 0 44px}.eyebrow{font-size:9px;gap:8px;margin-bottom:25px}.hero h1{font-size:clamp(70px,14.8vw,103px);line-height:.91;letter-spacing:-.095em}.hero-description{font-size:14px;line-height:1.8;max-width:460px;margin-bottom:22px}
 .hero-buttons{gap:20px}.button-xl{font-size:12px;padding:17px 19px;min-height:56px;white-space:normal}.hero-buttons .button-xl{width:100%}.text-link{font-size:12px}.hero-footnote{margin-top:30px}
 .hero-visual{height:540px;min-height:540px;margin:0 -18px}.hero-phone{width:205px;height:449px;border-width:8px;border-radius:31px}.phone-front{left:9%;top:12%}.phone-behind{right:5%;top:18%}.phone-screen{border-radius:22px}.hero-sticker{right:5%;bottom:7%;width:112px}.hero-sticker img{width:85px;height:85px}.hero-sticker span{font-size:9px}
 .ticker-track{font-size:9px;gap:24px;padding:14px 8px}.ticker-star{font-size:18px}
 .section-space{padding:74px 0}.section-kicker{margin-bottom:14px}.intro-grid{grid-template-columns:1fr}.intro-grid .section-kicker{grid-column:auto}.intro-grid h2,.roles-section h2,.inside-section h2,.faq-left h2{font-size:clamp(47px,10.8vw,65px)}.intro-description{font-size:14px;margin-top:4px}.route-demo{margin-top:35px;padding:19px 15px}.route-point{font-size:9px;gap:6px}.route-point i{height:8px;width:8px}.route-line{margin:0 12px}.route-line-label{font-size:8px}
 .section-head{display:block;margin-bottom:28px}.section-head p{margin-top:16px;margin-bottom:0}
 .roles-grid{grid-template-columns:1fr;gap:14px}.role-card{min-height:560px;padding:24px}.role-card h3{font-size:58px}.role-card-content{max-width:68%}.role-card p{font-size:13px}.role-image{width:204px;height:444px;right:-47px;bottom:-72px}.role-topline{margin-bottom:43px}
 .how-heading{display:block}.how-heading h2{font-size:58px}.how-heading p{margin-top:22px}.steps-grid{grid-template-columns:1fr 1fr;gap:30px 15px;margin-top:48px}.step-num{font-size:45px}.step-rule{margin:12px 0 20px}.step h3{font-size:17px}.step p{font-size:12px}.step-note{margin-top:39px;align-items:flex-start;font-size:11px}
 .screens-grid{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;margin-right:-18px;padding-right:18px;scrollbar-width:thin}.screen-card{min-width:270px;max-width:270px;scroll-snap-align:center}.screen-image{height:340px}.screen-image img{max-width:225px}
 .inside-actions{flex-wrap:wrap;gap:15px}.inside-actions .button{width:100%}
 .cta-layout{display:block;min-height:initial}.cta-copy{padding:76px 0 25px}.cta-copy h2{font-size:clamp(60px,13vw,89px)}.cta-mascot{min-height:280px}.cta-mascot img{width:240px}.cta-orbit{width:430px;height:430px}.orbit-2{width:330px;height:330px}.mascot-stamp{right:12%;bottom:10%}
 .faq-grid{grid-template-columns:1fr;gap:35px}.faq-left p{margin-top:15px}.faq-items summary{font-size:14px;padding:21px 0}.faq-items details p{font-size:13px}
 .footer{padding:40px 0 25px}.footer-top{display:block;padding-bottom:40px}.footer-links{gap:18px 25px;margin-top:28px}.footer-bottom{flex-direction:column;gap:18px}
}
@media(max-width:395px){
 .hero h1{font-size:66px}.hero-visual{height:490px;min-height:490px}.hero-phone{width:180px;height:395px}.phone-front{left:7%}.phone-behind{right:2%}.hero-sticker{right:2%}
 .role-card{min-height:560px}.role-image{width:187px;height:408px;right:-65px}.role-card-content{max-width:75%}.role-card h3{font-size:51px}.role-card p{max-width:180px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}