:root{--primary-500: #F4A261;--primary-600: #DB8F55;--primary-700: #C27C49;--primary-200: #F9D9BA;--primary-100: #FCEFE7;--accent-500: #2A9D8F;--accent-600: #25897C;--accent-700: #1F7569;--accent-200: #B9E7E1;--accent-100: #E3F6F4;--gold: #E9C46A;--coral: #E76F51;--error: #D62828;--bg: #FBF2E9;--surface: #FFFFFF;--text: #1A1A1A;--text-secondary: #5C5C5C;--hairline: rgba(26, 26, 26, 0.10);--cat-stay: #116682;--cat-stay-tint: #BDE9FF;--cat-eat: #8F4B3A;--cat-eat-tint: #FFDAD2;--cat-activity: #47672F;--cat-activity-tint: #C8EEA8;--radius: 10px;--radius-lg: 18px;--shadow-card: 0 8px 24px rgba(0, 0, 0, 0.08);--shadow-float: 0 18px 50px rgba(0, 0, 0, 0.14);--maxw: 1120px;--font-display: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.1;margin:0;letter-spacing:-0.01em}p{margin:0}a{color:var(--accent-600);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;font-size:16px;padding:13px 22px;border-radius:var(--radius);border:1.5px solid transparent;cursor:pointer;transition:transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent-500);color:#fff;box-shadow:0 6px 16px rgba(42,157,143,0.28)}.btn-primary:hover{background:var(--accent-600);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--primary-700);border-color:var(--primary-200)}.btn-ghost:hover{background:var(--primary-100);transform:translateY(-1px)}.badges{display:flex;flex-wrap:wrap;gap:12px}.badge{display:inline-flex;align-items:center;gap:11px;background:var(--text);color:#fff;padding:11px 18px;border-radius:var(--radius);transition:transform 0.15s ease, box-shadow 0.15s ease}.badge:hover{transform:translateY(-2px);text-decoration:none;box-shadow:var(--shadow-card)}.badge svg{width:24px;height:24px;flex:none}.badge .b-small{font-size:11px;line-height:1;opacity:0.8;letter-spacing:0.02em}.badge .b-large{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.15}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}:focus-visible{outline:3px solid var(--accent-500);outline-offset:2px;border-radius:4px}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,242,233,0.82);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--hairline)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--primary-700);letter-spacing:-0.02em}.wordmark:hover{text-decoration:none}.pin{width:22px;height:22px;flex:none}.nav{display:flex;align-items:center;gap:28px}.nav a{color:var(--text);font-weight:500;font-size:15px}.nav a:hover{color:var(--accent-700);text-decoration:none}.nav-links{display:flex;gap:28px}@media (max-width: 720px){.nav-links{display:none}}.site-footer{background:var(--text);color:rgba(255,255,255,0.72);padding:52px 0 40px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.site-footer .wordmark{color:var(--primary-500)}.foot-links{display:flex;gap:26px;flex-wrap:wrap}.foot-links a{color:rgba(255,255,255,0.8);font-weight:500;font-size:15px}.foot-links a:hover{color:#fff}.foot-domain{font-size:14px;opacity:0.7;width:100%}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--primary-700);margin:0 0 14px}.hero{position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 82% 8%, rgba(233,196,106,0.3), transparent 70%),radial-gradient(70% 60% at 5% 90%, rgba(42,157,143,0.14), transparent 65%);pointer-events:none}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:88px}.hero h1{font-size:clamp(38px, 5.4vw, 60px);max-width:15ch}.hero h1 .u{color:var(--primary-700);background-image:linear-gradient(var(--accent-500), var(--accent-500));background-repeat:no-repeat;background-position:0 92%;background-size:100% 5px;padding-bottom:2px}.hero-sub{font-size:19px;color:var(--text-secondary);margin:22px 0 30px;max-width:44ch}.hero-cta{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.hero-note{font-size:14px;color:var(--text-secondary)}.hero-note strong{color:var(--text);font-weight:600}.phone-stage{display:flex;justify-content:center}.phone{position:relative;width:300px;background:#0f0f0f;border-radius:42px;padding:12px;box-shadow:var(--shadow-float)}.phone-screen{background:var(--bg);border-radius:32px;overflow:hidden;height:600px}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:108px;height:26px;background:#0f0f0f;border-radius:0 0 14px 14px;z-index:3}.app-top{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;padding:40px 20px 20px}.app-top .kicker{font-size:12px;letter-spacing:0.12em;text-transform:uppercase;opacity:0.85}.app-top .trip-name{font-family:var(--font-display);font-weight:700;font-size:23px;margin-top:3px}.app-top .trip-dates{font-size:13px;opacity:0.9;margin-top:2px}.avatars{display:flex;align-items:center;margin-top:14px}.avatars span{width:28px;height:28px;border-radius:50%;border:2px solid var(--primary-600);margin-left:-8px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff}.avatars span:first-child{margin-left:0}.avatars .a1{background:var(--accent-500)}.avatars .a2{background:var(--gold);color:#4a3a12}.avatars .a3{background:var(--coral)}.avatars .shared{margin-left:10px;font-size:12px;opacity:0.92;border:none;width:auto;height:auto}.route{position:relative;padding:22px 20px 14px 20px}.route::before{content:"";position:absolute;left:33px;top:34px;bottom:58px;width:2px;background-image:linear-gradient(var(--primary-600) 60%, transparent 0);background-size:2px 9px;background-repeat:repeat-y}.stop{position:relative;display:flex;gap:14px;padding:7px 0}.dot{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;z-index:1;box-shadow:0 0 0 4px var(--bg)}.dot svg{width:15px;height:15px}.dot.stay{background:var(--cat-stay)}.dot.eat{background:var(--cat-eat)}.dot.activity{background:var(--cat-activity)}.stop-card{flex:1;background:var(--surface);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.06);padding:9px 12px}.stop-card .s-type{font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.stop-card.stay .s-type{color:var(--cat-stay)}.stop-card.eat .s-type{color:var(--cat-eat)}.stop-card.activity .s-type{color:var(--cat-activity)}.stop-card .s-name{font-weight:600;font-size:14px;color:var(--text);line-height:1.25}.stop-card .s-meta{font-size:12px;color:var(--text-secondary)}.app-total{margin:4px 20px 20px;background:var(--accent-100);border:1px solid var(--accent-200);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.app-total .t-label{font-size:13px;color:var(--accent-700);font-weight:500}.app-total .t-amount{font-family:var(--font-display);font-weight:700;color:var(--accent-700);font-size:18px}section{padding:84px 0}.section-head{max-width:620px;margin:0 auto 52px;text-align:center}.section-head h2{font-size:clamp(28px, 3.6vw, 40px)}.section-head p{color:var(--text-secondary);margin-top:14px;font-size:18px}.features{background:linear-gradient(180deg, transparent, rgba(255,255,255,0.5))}.feature-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:22px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:26px 24px;transition:transform 0.18s ease, box-shadow 0.18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}.card .icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}.card .icon svg{width:24px;height:24px}.icon.route-i{background:var(--primary-100);color:var(--primary-700)}.icon.stay-i{background:var(--cat-stay-tint);color:var(--cat-stay)}.icon.eat-i{background:var(--cat-eat-tint);color:var(--cat-eat)}.icon.activity-i{background:var(--cat-activity-tint);color:var(--cat-activity)}.icon.share-i{background:var(--accent-100);color:var(--accent-700)}.icon.money-i{background:rgba(233,196,106,0.28);color:#9a7b1f}.card h3{font-size:19px}.card p{color:var(--text-secondary);margin-top:9px;font-size:15.5px}.card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.chip{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px}.chip.stay{background:var(--cat-stay-tint);color:var(--cat-stay)}.chip.eat{background:var(--cat-eat-tint);color:var(--cat-eat)}.chip.activity{background:var(--cat-activity-tint);color:var(--cat-activity)}@media (max-width: 940px){.feature-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 520px){.feature-grid{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px;position:relative}.step{position:relative}.step .num{width:44px;height:44px;border-radius:50%;background:var(--accent-500);color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 0 0 6px var(--accent-100);position:relative;z-index:1}.step h3{font-size:20px}.step p{color:var(--text-secondary);margin-top:8px;font-size:15.5px}.steps::before{content:"";position:absolute;top:22px;left:15%;right:15%;height:2px;background-image:linear-gradient(90deg, var(--primary-600) 55%, transparent 0);background-size:10px 2px;z-index:0}@media (max-width: 780px){.steps{grid-template-columns:1fr;gap:30px}.steps::before{display:none}}.pricing{background:linear-gradient(180deg, rgba(255,255,255,0.55), transparent)}.price-card{max-width:500px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:40px 36px;text-align:center;border-top:5px solid var(--primary-500)}.price-tag{font-family:var(--font-display);font-weight:700;font-size:52px;color:var(--text);margin:6px 0}.price-tag small{font-size:18px;color:var(--text-secondary);font-weight:500}.price-badge{display:inline-block;background:var(--gold);color:#4a3a12;font-weight:600;font-size:13px;padding:5px 14px;border-radius:999px;margin-bottom:10px}.price-list{list-style:none;padding:0;margin:24px 0 30px;text-align:left;display:inline-block}.price-list li{display:flex;gap:11px;align-items:flex-start;padding:7px 0;color:var(--text)}.price-list li svg{width:20px;height:20px;flex:none;color:var(--accent-600);margin-top:2px}.price-sub{font-size:14px;color:var(--text-secondary);margin-top:18px}@media (max-width: 900px){.hero .wrap{grid-template-columns:1fr;gap:40px;text-align:center;padding-bottom:64px}.hero h1{max-width:none;margin:0 auto}.hero-sub{margin-left:auto;margin-right:auto}.hero-cta{align-items:center}.badges{justify-content:center}}.page-main{padding:56px 0 96px}.prose{max-width:760px;margin:0 auto}.prose>h1{font-size:clamp(30px, 4vw, 44px);color:var(--text);margin-bottom:6px}.prose h2{font-size:24px;color:var(--primary-700);margin:42px 0 10px}.prose h3{font-size:19px;margin:30px 0 8px}.prose p{margin:15px 0;color:var(--text)}.prose ul,.prose ol{margin:15px 0;padding-left:24px}.prose li{margin:7px 0}.prose a{color:var(--accent-600);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--accent-700)}.prose strong{font-weight:600}.prose hr{border:none;border-top:1px solid var(--hairline);margin:34px 0}.prose code{background:var(--primary-100);padding:2px 6px;border-radius:6px;font-size:0.92em}.prose blockquote{border-left:3px solid var(--primary-200);margin:18px 0;padding:4px 18px;color:var(--text-secondary)}
