:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17353d;background:#f6f9f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#087866}a:focus-visible{outline:3px solid #10b99d;outline-offset:3px}.site-header{background:#102c36;color:white}.header-inner{max-width:1480px;margin:auto;padding:14px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.55rem;letter-spacing:-.055em;font-weight:800;color:white;text-decoration:none;white-space:nowrap}.brand img{width:37px;height:48px;object-fit:contain}.brand span span{color:#2fdbb5}.site-header nav{display:flex;gap:clamp(11px,2vw,28px);align-items:center}.site-header nav a{color:#d7e9e8;text-decoration:none;font-size:.86rem;font-weight:700}.site-header nav a:hover{text-decoration:underline;color:white}.site-header nav .header-login{border:1px solid #73cdb6;border-radius:9px;padding:10px 16px;color:white}.hero{min-height:570px;display:grid;grid-template-columns:1.08fr .92fr}.hero-copy{padding:clamp(55px,7vw,105px) 30px clamp(55px,7vw,105px) max(clamp(24px,7vw,110px),calc((100vw - 1360px)/2));align-self:center}.eyebrow{color:#11947c;font-size:.74rem;font-weight:800;letter-spacing:.14em;margin:0 0 12px}.hero h1{font-size:clamp(2.7rem,5.15vw,5.1rem);line-height:1.07;letter-spacing:-.065em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#0b987e}.intro{font-size:1.1rem;line-height:1.65;color:#597078;max-width:580px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0 13px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:13px 19px;text-decoration:none;font-weight:750;white-space:nowrap}.primary{background:#16bea0;color:#09352f}.primary:hover{background:#4addbf}.outline{border:1px solid #a2d5c9;color:#096e5e;background:#f3faf7}.outline:hover{background:#e3f6ee}.trust-note{color:#71848a;font-size:.85rem}.hero-art{min-height:510px;background:radial-gradient(circle at 55% 35%,#286e77,#15434d 52%,#102e3a);position:relative;overflow:hidden;display:grid;place-items:center}.hero-art>.grid{position:absolute;inset:0;background-image:linear-gradient(#a7f2d81b 1px,transparent 1px),linear-gradient(90deg,#a7f2d81b 1px,transparent 1px);background-size:54px 54px;transform:rotate(-13deg) scale(1.5)}.hero-art>.route{width:52%;height:52%;position:absolute;border:2px dashed #61d2ac77;border-radius:46% 40% 60% 31%;transform:rotate(-25deg)}.hero-art>.pulse{width:205px;height:205px;position:absolute;border:1px solid #75e6c088;box-shadow:0 0 0 38px #82e6bb11,0 0 0 78px #82e6bb0a;border-radius:50%}.hero-art>img{position:relative;width:125px;height:160px;object-fit:contain;filter:drop-shadow(0 15px 18px #071e2799)}.floating-card{position:absolute;bottom:13%;left:14%;background:white;border-radius:13px;padding:14px 18px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 20px 50px #03192055}.floating-card strong,.floating-card small{display:block}.floating-card small{color:#627c81;margin-top:4px}.dot{width:10px;height:10px;border-radius:50%;background:#15bf92;margin-top:4px}.section{max-width:1480px;margin:auto;padding:82px clamp(20px,6vw,105px)}.section-head{max-width:700px;margin-bottom:32px}.section-head h2,.band h2,.final-cta h2{font-size:clamp(2rem,3.3vw,3.3rem);letter-spacing:-.055em;line-height:1.13;margin:0 0 14px}.section-head>p:last-child,.band p{color:#60777c;line-height:1.65;margin:0}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.features article,.plan{background:white;border:1px solid #dce9e5;border-radius:17px;padding:25px;box-shadow:0 9px 30px #183b3d08}.glyph{font-size:2rem;color:#098e73}.features h3,.faq h3{margin:13px 0 7px;font-size:1.09rem}.features article p,.faq article p{line-height:1.6;color:#657a7d;font-size:.91rem;margin:0}.band{background:#e7f4ef}.band-inner{max-width:1480px;margin:auto;padding:76px clamp(20px,6vw,105px);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.band .eyebrow{color:#0b927b}.band .note{margin-top:18px;font-size:.87rem}.band ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.band li{display:flex;gap:16px;align-items:center;background:white;border-radius:13px;padding:16px 20px;color:#294850;font-weight:700}.band li strong{display:grid;place-items:center;border-radius:50%;background:#d8f4e9;color:#087363;width:32px;height:32px;flex:none}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.plan.featured{background:#f2fcf8;border:2px solid #17b996}.plan h3{font-size:1.36rem;margin:0}.plan .price{font-size:2.25rem;letter-spacing:-.055em;font-weight:800}.price small{font-size:.86rem;letter-spacing:0;color:#698087;font-weight:600}.plan p{margin:0;color:#60777c;line-height:1.55}.plan strong{margin-top:auto;color:#1f554d}.plan .button{width:100%;margin-top:8px}.pricing-note{color:#6b7f83;line-height:1.6;font-size:.86rem;margin-top:20px}.faq{background:#eef6f3}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.faq article{border-top:1px solid #c7dfd7;padding-top:15px}.faq h3{margin-top:0}.final-cta{background:#123943;color:white;text-align:center;padding:75px 20px}.final-cta p{color:#c2dcda;margin:0 0 23px}footer{background:#102c36;color:#abc5c6}footer>div{max-width:1480px;margin:auto;padding:24px clamp(20px,6vw,105px);display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:.82rem}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#d1e8e5;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{padding:60px 35px}.hero-art{min-height:400px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.band-inner{gap:30px}}@media(max-width:680px){.header-inner{padding:10px 16px}.brand{font-size:1.22rem}.brand img{width:28px;height:38px}.site-header nav{gap:12px}.site-header nav a:not(.header-login){display:none}.hero-copy{padding:48px 22px}.hero-art{min-height:300px}.hero-art>img{width:95px;height:125px}.floating-card{bottom:7%;left:6%;font-size:.82rem}.section,.band-inner{padding:58px 20px}.features-grid,.plan-grid,.faq-grid,.band-inner{grid-template-columns:1fr}.features article,.plan{padding:21px}footer>div{flex-direction:column;align-items:flex-start}}

.workspace-showcase{background:#f3f9f7}.showcase-inner{max-width:1280px;margin:auto;padding:75px clamp(20px,6vw,105px)}.showcase-inner .section-head{margin-bottom:34px}.showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,210px);align-items:center;gap:24px;min-width:0}.showcase-grid figure{margin:0;min-width:0;max-width:100%}.showcase-grid img{display:block;width:100%;max-width:100%;height:auto;background:#f5f9fa;border:1px solid #d5e5e2;box-shadow:0 20px 48px #113c351c}.showcase-desktop img{border-radius:16px}.showcase-mobile img{max-width:210px;margin:0 auto;border-radius:24px}.showcase-grid figcaption{margin-top:12px;font-weight:700;text-align:center;color:#395b5b}.showcase-note{margin:22px 0 0;text-align:center;color:#64817c;font-size:.85rem}@media(max-width:760px){.showcase-inner{padding:58px 20px}.showcase-grid{grid-template-columns:minmax(0,1fr);gap:30px}.showcase-mobile img{max-width:210px}}

/* Keep decorative art and image shadows from enabling sideways scrolling. */
body{overflow-x:clip}.hero,.workspace-showcase,.showcase-inner{min-width:0}.showcase-grid img{object-fit:contain}

/* SnapMap pin colors: blue anchors the site, green retains the existing CTA. */
:root{--snap-blue:#5c88c5;--snap-green:#0ba14b;--snap-red:#ed1c24;--snap-yellow:#fddc4f;--snap-mint:#16bea0}
.site-header,footer{background:#234d7b}
.final-cta{background:#234d7b}
.site-header .brand span span{color:var(--snap-yellow)}
.site-header nav .header-login{border-color:var(--snap-yellow)}
.hero h1 em{color:#376eaf}
.hero-art{background:radial-gradient(circle at 55% 35%,#7298ca,#4674b2 53%,#234d7b)}
.hero-art>.grid{background-image:linear-gradient(#e6efff26 1px,transparent 1px),linear-gradient(90deg,#e6efff26 1px,transparent 1px)}
.hero-art>.route{border-color:#fddc4f99}
.hero-art>.pulse{border-color:#fddc4f99;box-shadow:0 0 0 38px #fddc4f18,0 0 0 78px #fddc4f0e}
.dot{background:var(--snap-green)}
.band{background:#edf3fa}
.band li strong{background:#dae7f8;color:#234d7b}
.workspace-showcase{background:#f3f7fc}
.showcase-grid img{border-color:#d6e2f1}
.features article:nth-child(4n+1) .glyph{color:#376eaf}
.features article:nth-child(4n+2) .glyph{color:#0b8d42}
.features article:nth-child(4n+3) .glyph{color:#c7252c}
.features article:nth-child(4n) .glyph{color:#a97900}
.plan.featured{border-color:#5c88c5;background:#f5f8fd}
.faq{background:#f0f5fb}
.faq article{border-color:#cad9eb}
/* Workspace previews: native touch swipe and keyboard scroll with optional controls. */
.showcase-carousel{min-width:0;max-width:100%;overflow:hidden}.showcase-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.showcase-track::-webkit-scrollbar{display:none}.showcase-slide{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;padding:8px 12px}.showcase-slide img{display:block;width:auto;max-width:100%;height:auto;max-height:540px;object-fit:contain;background:#f5f9fa;border:1px solid #d6e2f1;box-shadow:0 20px 48px #113c351c}.showcase-slide.showcase-desktop img{width:100%;border-radius:16px}.showcase-slide.showcase-mobile img{max-width:min(280px,80%);border-radius:24px}.showcase-slide figcaption{font-weight:700;text-align:center;color:#395b5b}.showcase-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0 0}.showcase-arrow{border:1px solid #c4d8dc;border-radius:50%;width:42px;height:42px;background:white;color:#234d7b;font-size:28px;line-height:1;cursor:pointer}.showcase-arrow:disabled{opacity:.4;cursor:default}.showcase-arrow:focus-visible,.showcase-dot:focus-visible,.showcase-track:focus-visible{outline:3px solid #087d60;outline-offset:3px}.showcase-dots{display:flex;gap:12px;align-items:center}.showcase-dot{width:13px;height:13px;border-radius:50%;border:1px solid #456d82;background:#fff;cursor:pointer;padding:0}.showcase-dot.active{background:#087d60;border-color:#087d60}@media(max-width:760px){.showcase-slide{min-height:425px;padding:8px}.showcase-slide img{max-height:390px}.showcase-slide.showcase-mobile img{max-width:min(190px,70%)}}
@media(prefers-reduced-motion:reduce){.showcase-track{scroll-behavior:auto}}