section{padding-inline:var(--gutter)}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding-block:56px 80px}.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.02}.hero h1 em{color:var(--yarn)}.lede{margin-top:22px;font-size:19px;color:var(--mute);max-width:34em}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}.demo{margin:0}.demo-top{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:8px;font-size:14.5px;color:var(--mute)}.board{position:relative;aspect-ratio:1400 / 760;border-radius:18px;overflow:hidden;background:#bcd3d6;box-shadow:var(--shadow)}.board canvas,.board svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 90px #3a2a1440;border-radius:inherit}#demoYarn{pointer-events:none}.yarn{fill:none;stroke:var(--yarn);stroke-width:4;stroke-linecap:round}.tether{stroke:#3a2a14;stroke-width:2;stroke-dasharray:3 5;opacity:.5}.spot{fill:#3a2a14;opacity:.75;stroke:#fffdf8;stroke-width:2}.yarn-shadow{fill:none;stroke:#0004;stroke-width:6;stroke-linecap:round;transform:translate(2px,4px);opacity:.35}.dpol{position:absolute;width:17%;padding:0;border:0;background:none;transform:translate(-50%,-6%) rotate(var(--rot, 0deg));transform-origin:50% 0;transition:transform .2s;filter:drop-shadow(0 4px 6px #0004)}.dpol .frame{display:block;padding:4.5% 4.5% 0;background:var(--paper);margin-top:7px}.dpol img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.dpol .cap{display:block;padding:3px 0 4px;font:700 clamp(11px,1.5vw,17px)/1.2 var(--hand);color:#2b2118;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpol .pin{position:absolute;left:50%;top:0;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffa 0,#fffa 14%,#d33a2c 42%,#6e1217);box-shadow:1px 3px 3px #0006}.dpol .num{position:absolute;right:-8px;top:8px;min-width:22px;height:22px;border-radius:11px;background:var(--yarn);color:#fff;font:700 12px/22px var(--ui);text-align:center;border:2px solid var(--paper);transform:scale(0);transition:transform .25s}.dpol.on .num{transform:scale(1)}.dpol:hover{transform:translate(-50%,-6%) rotate(0) scale(1.08);z-index:5}.dpol.sel{transform:translate(-50%,-6%) rotate(0) scale(1.12);z-index:6}.demo-bottom{min-height:118px;margin-top:12px}.route{font:700 26px/1.2 var(--hand);color:var(--yarn);min-height:32px}.route.blue{color:var(--blue);font-size:20px;font-style:normal}.stop-card{display:flex;gap:14px;align-items:center;margin-top:8px;padding:10px;background:var(--panel);border-radius:14px;box-shadow:var(--shadow);animation:pop .3s ease-out}.stop-card img{width:96px;height:72px;object-fit:cover;border:4px solid var(--paper);box-shadow:0 2px 6px #0003;transform:rotate(-2deg)}.stop-card b{display:block;font:700 24px/1.1 var(--hand)}.stop-card span{display:block;font-size:13px;color:var(--mute)}.stop-card p{margin-top:4px;font-size:14.5px}@keyframes pop{0%{transform:translateY(8px);opacity:0}}.how{padding-block:70px;border-top:1px solid var(--line)}.how .eyebrow{margin-bottom:10px}.how h2,.final h2{font-size:clamp(34px,4.4vw,56px);line-height:1.05}.steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step{padding:22px;background:var(--panel);border-radius:20px;box-shadow:var(--shadow)}.step h3{margin-top:18px;font-size:32px}.step p{margin-top:8px;color:var(--mute)}.art{position:relative;height:130px;border-radius:14px;background:var(--panel-2);overflow:hidden}.pol-mini{position:absolute;width:58px;height:68px;background:var(--paper);box-shadow:0 4px 10px #0003;border-radius:2px}.pol-mini:before{content:"";position:absolute;top:6px;right:6px;bottom:18px;left:6px;background:linear-gradient(#8fb8e6,#e7f0ee 60%,#6d9b63 60%)}.art-pin .pol-mini{left:50%;top:30px;transform:translate(-50%) rotate(-4deg);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.tack{position:absolute;left:50%;top:24px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffa 0,#fffa 14%,#d33a2c 42%,#6e1217);box-shadow:1px 3px 3px #0006;transition:transform .4s}.step:hover .art-pin .pol-mini{transform:translate(-50%) translateY(-6px) rotate(3deg)}.step:hover .tack{transform:translateY(-6px) scale(1.15)}.art-string .pol-mini{top:28px}.art-string .a{left:14%;transform:rotate(-5deg)}.art-string .b{left:44%;top:40px;transform:rotate(3deg)}.art-string .c{left:74%;transform:rotate(-2deg)}.art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.art-string path,.art-share path{fill:none;stroke:var(--yarn);stroke-width:3;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1s ease}.art-share path{stroke:var(--blue);stroke-dasharray:120;stroke-dashoffset:120}.step:hover .art path,.step.hot .art path{stroke-dashoffset:0}.ava{position:absolute;top:40px;left:22%;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:#231f19;font-weight:700;box-shadow:0 3px 8px #0003}.ava.b{left:auto;right:22%;background:var(--blue);color:#fff}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:80px;border-top:1px solid var(--line)}.split h2,.friends h2{font-size:clamp(32px,4vw,50px);line-height:1.06}.split-copy p,.friends-copy p{margin-top:16px;color:var(--mute);font-size:17px;max-width:34em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.check{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:15px}.camera-demo{margin:0;padding:18px 18px 22px;background:var(--panel-2);border-radius:22px;box-shadow:var(--shadow)}.photo-frame{position:relative;padding:14px 14px 46px;background:var(--paper);box-shadow:0 6px 24px #0003;transform:rotate(-1.5deg)}.photo-frame img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:filter .3s}.stamp{position:absolute;right:30px;bottom:62px;font:30px var(--mono);color:#ff9a2e;text-shadow:0 0 6px #ff6a00aa;letter-spacing:.06em}.camera-demo figcaption{margin-top:18px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px}.so-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.camera-demo b{display:block;font-size:17px}.so-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.so-chips i{font:18px/1.3 var(--mono);font-style:normal;padding:0 9px;border-radius:6px;background:var(--panel)}.look-digicam{filter:contrast(1.12) saturate(1.3) brightness(1.05)}.look-film{filter:sepia(.28) contrast(1.08) saturate(1.12) hue-rotate(-8deg)}.look-bw{filter:grayscale(1) contrast(1.1)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:56px;border-top:1px solid var(--line)}.features h3{font-size:28px}.features p{margin-top:8px;color:var(--mute)}.friends{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:80px;border-top:1px solid var(--line)}.ticks{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.ticks li{position:relative;padding-left:28px}.ticks li:before{content:"";position:absolute;left:4px;top:6px;width:7px;height:12px;border:solid var(--blue);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}.people-card{padding:10px 20px 18px;background:var(--panel);border-radius:22px;box-shadow:var(--shadow)}.p-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.p-row>div{flex:1;min-width:0}.p-row .ava{position:static;flex:none;width:44px;height:44px;background:var(--panel-2);color:var(--ink);box-shadow:none}.p-row .ava.b{background:var(--blue);color:#fff}.p-row b{display:block;font-weight:500}.p-row small{display:block;color:var(--mute)}.people-card .fine{margin-top:14px}.final{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:90px 100px;text-align:center;border-top:1px solid var(--line)}.final h2{max-width:16em}@media (max-width: 900px){.hero,.split,.friends{grid-template-columns:minmax(0,1fr);gap:36px}.steps,.features{grid-template-columns:minmax(0,1fr)}.hero{padding-block:30px 56px}.dpol{width:24%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.community{padding-block:70px;border-top:1px solid var(--line)}.community-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}.community h2{font-size:clamp(34px,4.4vw,56px);line-height:1.05}.strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px}.strip .tile{margin:0}.strip .tile img{aspect-ratio:4 / 3;object-fit:cover}.community .fine{max-width:38em}.more-link{margin-top:16px}.more-link a{color:var(--yarn);font-weight:500;text-decoration:none}.more-link a:hover{text-decoration:underline}.live{margin-top:10px;font-weight:500;color:var(--ink)}.featured{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;padding-block:70px;border-top:1px solid var(--line)}.featured h2{font-size:clamp(34px,4.4vw,56px);line-height:1.05}.featured .route{margin:14px 0 22px}.featured-map{position:relative;aspect-ratio:1400 / 760;border-radius:18px;overflow:hidden;background:#bcd3d6;box-shadow:var(--shadow)}.travel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:80px;border-top:1px solid var(--line)}.travel h2{font-size:clamp(32px,4vw,50px);line-height:1.06}.travel-copy p{margin-top:16px;color:var(--mute);font-size:17px;max-width:34em}.travel-copy .btn{margin-top:22px}.travel-card{padding:22px;background:var(--panel);border-radius:22px;box-shadow:var(--shadow)}.tc-stat{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:17px}.tc-stat b{font:56px/1 var(--display)}.tc-stat small{color:var(--mute)}.tc-bar{height:9px;border-radius:99px;background:var(--panel-2);overflow:hidden;margin:10px 0 16px}.tc-bar i{display:block;width:7%;min-width:24px;height:100%;background:var(--accent);border-radius:inherit}.tc-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tc-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2)}.tc-list li.done span{text-decoration:line-through;color:var(--mute)}.tc-list small{color:var(--mute);white-space:nowrap}.features:has(article:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}@media (max-width: 900px){.featured,.travel{grid-template-columns:minmax(0,1fr);gap:32px}}