/* Hallmark v4 | original product compositions | P4 H4 E4 S4 R4 V4 | 2026-09-08 */
/* Hallmark: product-led narrative. Actual SaleSmartly media, layered demonstration, shared four-locale design. */
:root{--section:64px;--story-ink:#111624;--story-muted:#586272}.hero{padding-top:40px;background:radial-gradient(ellipse 55% 30% at 24% 72%,#d2dcff77,transparent 90%),radial-gradient(ellipse 50% 35% at 87% 70%,#d3ebe977,transparent 85%),#f7f9fc}.hero h1,.market-id .hero h1{font-size:54px;max-width:860px}.hero .lead{max-width:740px}.hero-visual{width:1160px;max-width:calc(100% + 32px);padding:12px 0 0}.hero-visual-glow{display:none}.official-workspace{position:relative;isolation:isolate}.official-crop{position:relative;aspect-ratio:2555/1170;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%)}.official-dashboard{width:100%;height:auto;max-width:none;display:block}.product-focus{position:absolute;pointer-events:none;opacity:0;border:2px solid #5cccbe;border-radius:16px;box-shadow:0 0 0 1000px #13234808,0 0 24px #00ceb522;background:#5cccbe08}.local-channel-dock{display:flex;width:max-content;max-width:90%;margin:-18px auto 0;gap:16px;align-items:center;justify-content:center;position:relative;z-index:3;border:1px solid #fff;background:#ffffffd9;box-shadow:0 12px 40px -25px #3a508544,inset 0 1px 0 #fff;border-radius:100px;padding:12px 24px;backdrop-filter:blur(16px)}.local-channel-dock .channel-icon{width:34px;height:34px}.local-channel-dock .api-mark{font-size:7px}.product-controls{display:flex;justify-content:center;gap:8px;margin:17px 0 0;flex-wrap:wrap}.product-hotspot{font-family:inherit;font-size:11px;color:#586272;border:1px solid #d7e0ee;border-radius:30px;background:#fff8;min-height:40px;padding:9px 16px;transition:background .2s,color .2s,box-shadow .2s}.product-hotspot:hover,.product-hotspot[aria-pressed=true]{color:#333bfa;background:#fff;border-color:#333bfa66;box-shadow:0 4px 12px -8px #333bfa77}.hero-visual>figcaption{margin:2px 0 0;font-size:10px;gap:12px}.logo-section{padding-top:20px;padding-bottom:38px}.logo-strip{margin-top:22px}.logo-strip img{filter:none;opacity:1}.logo-strip>div{height:43px}.problem-section{padding:40px 0 44px;background:#fff}.problem-section .section-head{max-width:800px}.problem-grid{gap:22px}.problem-card{border:0;border-radius:22px;background:#f4f6fb;box-shadow:none;overflow:hidden}.problem-grid:before{display:none}.problem-art{height:260px;padding:0;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#dbe4fc,#edf4f7)!important}.pain-product{width:100%;height:100%;position:relative;overflow:hidden}.pain-product-image{position:absolute;max-width:none!important;object-fit:contain}.pain-product-0 .pain-product-image{width:205%;left:-4%;top:-75px}.pain-product-1 .pain-product-image{width:146%;left:-23%;top:-50px}.pain-product-2 .pain-product-image{width:160%;left:-58%;top:-38px}.pain-context{position:absolute;left:15px;bottom:18px;padding:7px 12px;border:1px solid #fff9;border-radius:9px;background:#ffffffdf;backdrop-filter:blur(16px);color:#34415f;font-size:10px;box-shadow:0 6px 20px -10px #31446a33}.problem-copy{background:#fff!important;border-top:0;padding:20px 4px 8px;gap:13px}.problem-copy h3{font-size:16px;font-weight:500;line-height:1.55}.problem-copy .mini-number{color:#6c7da1}.example-label{font-size:8px;right:12px;bottom:5px;color:#47556e;background:#f8faffbb;padding:2px 5px;border-radius:3px}.bridge{margin:24px auto 0;max-width:900px;padding:0}.bridge p{font-size:14px}.bridge .brand-dot{background:#eaf0ff;color:#4054d5}
.journey{width:100%;max-width:none;color:#f3f6ff;background:radial-gradient(ellipse 70% 18% at 100% 18%,#23285660,transparent),#0c101b;padding:54px 0 46px}.journey>.container{width:min(1200px,calc(100% - 64px))}.journey .section-head{max-width:780px;margin-bottom:30px}.journey .section-head .eyebrow{color:#91a4ff}.journey .section-head h2{font-size:34px;line-height:1.22}.journey-index{position:sticky;top:94px;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px;gap:4px;padding:6px;background:#1b2231db;backdrop-filter:blur(18px);border:1px solid #ffffff15;border-radius:16px}.journey-index a{display:flex;align-items:center;gap:10px;color:#aeb8ce;padding:12px 14px;min-height:48px;font-size:10px;font-weight:500;white-space:normal;line-height:1.5;border-radius:10px}.journey-index b{color:#7292ed;font-size:11px;font-weight:500}.journey-index a:hover,.journey-index a[aria-current]{color:white;background:#354b832d}.journey-index a[aria-current] b{color:#9bb7ff}.journey-step,.journey-step:nth-child(even){display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);padding:28px 28px 18px;gap:30px;background:linear-gradient(135deg,#1a2030cc,#12172388);border:1px solid #ffffff0b;border-radius:27px;margin:16px 0;align-items:center;scroll-margin-top:170px}.journey-step .step-copy{order:0;grid-column:auto;padding:0 12px}.journey-step .scene{order:1;grid-column:auto}.journey-step:nth-child(even) .step-copy{order:0}.journey-step:nth-child(even) .scene{order:1}.step-copy .step-number{background:#364d8333;border-color:#5e78be44;color:#a2b4ed;border-radius:10px;font-size:12px;margin-bottom:18px}.step-copy .eyebrow{color:#88a6fa;letter-spacing:.08em;font-size:10px;margin-bottom:15px}.step-copy h3{font-size:29px;line-height:1.23;font-weight:500;max-width:380px}.product-pills{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}.product-pills li{font-size:10px;line-height:1.4;color:#b9c9e8;border:1px solid #6d8fb333;background:#1e2b4655;padding:7px 10px;border-radius:30px}.product-pills li:before{content:'✓';color:#80baa9;margin-right:6px}.step-copy .text-link{color:#d3ddfa;margin-top:25px;font-size:12px}.product-scene{min-width:0;width:100%;margin:0;background:transparent!important;border:0;border-radius:0;overflow:visible;backdrop-filter:none;box-shadow:none}.product-scene .scene-content{height:auto;width:100%;max-width:none;padding:0;overflow:visible}.raster-composite{position:relative;width:100%;aspect-ratio:8/7;isolation:isolate}.raster-2{aspect-ratio:2880/2232}.raster-3{aspect-ratio:4/3}.raster-piece{position:absolute;inset:0;will-change:transform,opacity}.raster-piece img{width:100%;height:100%;object-fit:contain}.raster-focus{display:none}.product-scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:#ffffff04;border-radius:12px;padding:5px 10px;color:#c3cce0;min-height:48px;margin-top:6px}.scene-status{display:flex;gap:12px;align-items:center;font-size:10px;min-width:0;line-height:1.5}.scene-status .phase-number{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#8ca9ee;font-weight:500}.scene-status .phase-description{color:#c4cfe8;font-size:10px}.product-scene .scene-play{background:#ffffff09;color:#c5d6ff;border:1px solid #60769f44;border-radius:10px;min-height:40px;padding:9px 12px;font-size:10px;white-space:nowrap;margin:0}.product-scene .scene-play:hover{background:#44567744}.scene-progress{height:2px;background:#ffffff09;width:calc(100% - 20px);margin:0 auto 5px;overflow:hidden;border-radius:2px}.scene-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#7496ee}.source-caption{font-size:9px;line-height:1.5;color:#8c98b4;text-align:center;margin-top:7px}.integrations{padding:46px 0;background:#f8faff}.integration-layout{background:radial-gradient(ellipse at 20% 30%,#dbe3ff66,transparent),#f4f7fc;border-color:#e5eaf6;box-shadow:none}.channel-card{background:#fff;border:1px solid #e5eaf2;box-shadow:0 3px 10px -7px #30416b33}.channel-card .channel-icon{width:29px;height:29px}.original-demo{border-color:#e2e8f5;border-radius:18px}.security{padding:44px 0}.cert-grid{background:#fff;border:1px solid #e2e8f1;box-shadow:none}.cert-card img{width:64px;height:70px}.testimonials{padding:44px 0;background:#f1f5fb}.quote-card{background:#fff;border:1px solid #e4eaf4;box-shadow:none}.quote-card blockquote{font-size:13px;line-height:1.8}.quote-card .quote-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.closing{background:linear-gradient(120deg,#e6ecff,#e8f5f2);box-shadow:none;border-color:#dce7f0}.market-id .closing-person{mask-image:none;width:31%;height:290px;object-fit:contain;object-position:bottom}.dialog-scroll{padding:0;overflow:auto}dialog{width:min(1300px,calc(100vw - 30px))}.dialog-scroll .official-workspace{min-width:750px}.dialog-scroll .official-crop{mask-image:linear-gradient(#000 88%,transparent 100%)}.dialog-scroll .local-channel-dock{margin-top:-18px}.dialog-heading h2{font-size:18px}
@media(max-width:1023px){.hero h1,.market-id .hero h1{font-size:46px}.hero-visual{max-width:calc(100% + 28px)}.journey>.container{width:calc(100% - 40px)}.journey-index{top:83px}.journey-index a{padding:9px;font-size:9px;gap:7px}.journey-step,.journey-step:nth-child(even){gap:16px;padding:22px 18px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.step-copy h3{font-size:25px}.product-pills{margin-top:16px;gap:5px}.product-pills li{font-size:9px;padding:6px 8px}.step-copy .text-link{margin-top:18px}.local-channel-dock{gap:12px;padding:10px 20px}.local-channel-dock .channel-icon{height:27px;width:27px}.problem-art{height:235px}.pain-product-0 .pain-product-image{top:-40px}.pain-product-1 .pain-product-image{top:-10px}.pain-product-2 .pain-product-image{top:-10px}.scene-status{gap:7px}.scene-status .phase-description{font-size:9px}.product-scene figcaption{padding:4px 6px;gap:6px}.product-scene .scene-play{font-size:9px;padding:8px}.source-caption{font-size:8px}}
@media(max-width:767px){.hero{padding-top:28px}.hero h1,.market-id .hero h1{font-size:34px}.hero-visual{max-width:calc(100% + 20px);padding-top:8px}.official-crop{aspect-ratio:2555/1180}.local-channel-dock{max-width:95%;width:max-content;gap:9px;padding:9px 12px;margin-top:-10px;border-radius:30px}.local-channel-dock .channel-icon{width:21px;height:21px}.local-channel-dock .api-mark{font-size:5px;padding:0 1px}.product-controls{gap:6px;margin-top:12px}.product-hotspot{font-size:9px;padding:8px 11px;min-height:40px}.hero-visual>figcaption{font-size:8px;gap:8px;flex-wrap:wrap}.logo-section{padding-top:20px;padding-bottom:24px}.problem-section{padding:27px 0}.problem-grid{gap:20px}.problem-card{border-radius:18px}.problem-art{height:235px}.problem-copy{padding:17px 3px 2px}.problem-copy h3{font-size:15px}.pain-product-0 .pain-product-image{width:185%;top:-70px;left:0}.pain-product-1 .pain-product-image{width:125%;top:-35px;left:-12%}.pain-product-2 .pain-product-image{width:150%;top:-40px;left:-50%}.pain-context{font-size:10px;left:12px;bottom:18px}.example-label{font-size:7px}.journey{padding:32px 0}.journey>.container{width:calc(100% - 24px)}.journey .section-head{padding-inline:10px;margin-bottom:20px}.journey .section-head h2{font-size:26px}.journey-index{position:sticky;top:82px;display:flex;overflow-x:auto;justify-content:flex-start;gap:4px;padding:5px;max-width:100%;border-radius:12px;margin-bottom:14px;scrollbar-width:none}.journey-index a{flex:0 0 auto;font-size:8px;min-height:40px;padding:9px;gap:6px;max-width:145px;white-space:normal}.journey-index b{font-size:9px}.journey-step,.journey-step:nth-child(even){display:flex;flex-direction:column;gap:16px;padding:22px 12px 14px;border-radius:22px;margin:14px 0;align-items:stretch;scroll-margin-top:145px}.journey-step .step-copy{padding:0 10px 0 46px;position:relative}.step-copy .step-number{position:absolute;left:5px;top:0;margin:0;font-size:10px;padding:8px}.step-copy .eyebrow{font-size:8px;margin-bottom:8px;padding:0}.step-copy h3{font-size:23px;max-width:none;line-height:1.25}.product-pills{margin-top:13px;gap:5px}.product-pills li{font-size:8px;line-height:1.4;padding:5px 7px}.product-pills li:before{margin-right:4px}.step-copy .text-link{margin-top:12px;font-size:10px;min-height:36px}.product-scene .scene-content{padding:0;height:auto;width:100%}.product-scene figcaption{margin-top:4px;padding:4px 6px;gap:6px;flex-wrap:nowrap}.scene-status{display:flex;align-items:flex-start;gap:6px;flex-direction:column}.scene-status .phase-number{font-size:8px}.scene-status .phase-description{font-size:9px;max-width:180px}.product-scene .scene-play{font-size:9px;min-height:44px;padding:9px}.source-caption{font-size:8px;margin-top:6px}.integrations{padding:30px 0}.channel-card .channel-icon{width:24px;height:24px}.security{padding:28px 0}.cert-card img{width:46px;height:58px}.testimonials{padding:30px 0}.quote-card blockquote{font-size:13px}.closing-wrap{padding:28px 0}.market-id .closing-person{width:180px;height:225px;margin-top:18px;object-position:bottom}.dialog-scroll .official-workspace{min-width:720px}.dialog-heading h2{font-size:15px}}
@media(max-width:359px){.hero h1,.market-id .hero h1{font-size:30px}.local-channel-dock{gap:7px;padding:8px 10px}.local-channel-dock .channel-icon{width:19px;height:19px}.product-hotspot{font-size:8px;padding:8px 10px}.problem-art{height:215px}.pain-product-0 .pain-product-image{top:-53px}.pain-product-1 .pain-product-image{top:-15px}.pain-product-2 .pain-product-image{top:-24px}.step-copy h3{font-size:21px}.product-pills li{font-size:7px}.scene-status .phase-description{max-width:150px}.product-scene .scene-play{font-size:8px;padding:8px}.journey-index a{font-size:7px;max-width:125px}}
@media(prefers-reduced-motion:reduce){.raster-piece{will-change:auto}.scene-progress{display:none}.product-focus,.product-hotspot{transition:none}}

@media(min-width:768px){.journey .journey-step:nth-child(n)>.step-copy{grid-column:1;grid-row:1;order:0}.journey .journey-step:nth-child(n)>.product-scene{grid-column:2;grid-row:1;order:1}}