/* Warm surfaces, the original connection story, and recognisable iPhone shells. */
body{--paper:#fcfaf6;--line:#e7e2d9;--muted:#5c605f;background:var(--paper)}
.header{border-bottom-color:#deddd6}
.hero{padding-block:66px 62px;gap:56px}
.hero-overline{font-size:11px;font-weight:700;letter-spacing:2.4px;color:var(--blue);margin:0 0 25px}
.hero-copy>.eyebrow{color:#626761;font-size:9px;letter-spacing:1px;margin-bottom:22px}
.hero-copy .dot{background:#c88848;box-shadow:0 0 0 4px #c8884816}
.app-landing h1{font-size:clamp(45px,4.55vw,68px);line-height:1.06;letter-spacing:-3px}
.hero .intro{max-width:490px;font-size:16px;margin-block:26px}
.button{border-radius:9px;box-shadow:0 5px 15px #1769e014}
.hero-note{margin-top:28px}
.connection-story{border-radius:24px;background:radial-gradient(ellipse at 5% 0%,#8e664447,transparent 58%),radial-gradient(ellipse at 95% 90%,#1769e040,transparent 60%),#17283b;box-shadow:0 22px 50px #38331d16;border:1px solid #ffffff24}
.connection-story .diagram-label{padding:26px 25px 0;color:#f1e8db;font-size:9px;letter-spacing:1px}
.connection-story .diagram-number{color:#b8c5d1;font-size:8px;letter-spacing:.4px}
.connection-story .diagram{margin-top:5px}
.connection-story .track{stroke:#57728a;stroke-width:2}
.connection-story .signal{stroke:#91c7ff;stroke-width:3.5;stroke-dasharray:10 90;animation:connection-flow 3.4s linear infinite}
.connection-story .signal-b{animation-delay:-1.7s}
.connection-story.paused .signal{animation-play-state:paused}
@keyframes connection-flow{to{stroke-dashoffset:-100}}
.connection-story .car{filter:drop-shadow(0 5px 6px #00000030)}
.connection-story .diagram-footer{margin-inline:25px;font-size:10px;padding-block:16px;color:#e1e9ee}
.connection-story .blue-dot{background:#e8b377}
.connection-story .schema-note{color:#b5c3cf;font-size:8px;line-height:1.7;padding:0 25px 18px;letter-spacing:.1px}
.motion-toggle{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center}
.motion-icon{position:relative;width:10px;height:11px;display:block}
.motion-icon:before,.motion-icon:after{content:'';position:absolute;top:0;width:3px;height:11px;background:currentColor;border-radius:1px}
.motion-icon:before{left:0}.motion-icon:after{right:0}
.is-paused .motion-icon:before{width:0;height:0;top:0;left:1px;border-left:9px solid currentColor;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;background:transparent;border-radius:0}
.is-paused .motion-icon:after{display:none}
.platform-strip{border-radius:0;padding-block:25px}
.platform-strip>div>span{color:#4a5361}
.customer-section{border-top:0;padding-block:62px 68px}
.app-links{gap:12px}
.app-links>a{background:#fff;border-color:#e5e2da;border-radius:12px;min-height:85px;padding:19px 22px;box-shadow:0 5px 14px #4f4b3610}
.app-links>a:hover{background:#f6f9ff;box-shadow:0 8px 20px #1c4e9b10}
.app-links small{color:#657080;font-size:9px}
.process{gap:90px;padding-block:74px 85px;border-top:1px solid var(--line)}
.process-views{padding:30px;background:radial-gradient(ellipse at 0 100%,#f0dcc8,transparent 65%),#f0f1ec;border:1px solid #e8e1d7;border-radius:22px}
.process-view-grid{gap:24px;align-items:start}
.process-view-grid figure{display:flex;flex-direction:column;align-items:center}
.process-view-grid figcaption{font-size:13px;text-align:center;margin-top:20px}
.process-views>span{font-size:9px;text-align:center;margin-top:25px}
.iphone-device{position:relative;width:100%;max-width:198px;padding:4px;border:1px solid #adb0b3;border-radius:34px;background:linear-gradient(110deg,#c7c8c9,#737b85 45%,#d7d8da 70%,#858c97);box-shadow:0 14px 25px #322d2024,0 2px 3px #0002;flex-shrink:0}
.iphone-device:before{content:'';position:absolute;left:-3px;top:70px;width:2px;height:16px;background:#888e98;border-radius:1px;box-shadow:0 25px #888e98,0 46px #888e98}
.iphone-side{position:absolute;right:-3px;top:102px;width:2px;height:32px;background:#888e98;border-radius:1px}
.iphone-screen{position:relative;overflow:hidden;border:5px solid #101114;border-radius:29px;padding:23px 0 14px;background:#fafafa}
.iphone-screen img{display:block;width:100%;height:auto;border:0;border-radius:0}
.iphone-island{position:absolute;left:32%;top:7px;width:36%;height:11px;border-radius:9px;background:#111214;z-index:1}
.iphone-island:after{content:'';position:absolute;right:6px;top:3px;width:5px;height:5px;border-radius:50%;background:#233044;box-shadow:inset 0 0 1px #3e5067}
.iphone-screen:after{content:'';position:absolute;bottom:5px;left:33%;width:34%;height:3px;border-radius:5px;background:#22252a}
.service-paths{padding-block:55px 64px}
.service-path-links{gap:18px}
.service-path-links>a{padding:24px 20px;background:#fff;border:1px solid #e6e2d9;border-radius:12px;transition:background .2s,border-color .2s}
.service-path-links>a:hover{border-color:#aac5eb;background:#f6f9ff}
.service-path-links>a>span:first-child{color:#a06a32;font-weight:700}
.guide-index{padding-block:52px 62px}
.guide-index-links{background:#f1f2ed;border:1px solid #e0e2d7;border-radius:14px}
.guide-index-links>a{padding:26px}
.guide-index-links>a:hover{background:#ebf0ec;border-radius:14px}
.about-brand{gap:70px;position:relative;padding-block:65px 52px}
.about-brand .eyebrow{color:#9b6331}
.brand-contact{flex-direction:row;flex-wrap:wrap;gap:14px 22px;font-size:12px}
.brand-contact>a:first-child{padding:14px 18px;background:#eaf1e9;border:1px solid #d1decf;border-radius:9px;color:#2d5a40;display:inline-flex;align-items:center;gap:8px}
.brand-contact>a:last-child{display:inline-flex;align-items:center;gap:8px}
.landing-faq{gap:70px;padding-block:15px 66px}
.user-help{background:#e8eee4;border-block:1px solid #d9e1d3}
.user-help h2{color:#243c2c}
.user-help .eyebrow{color:#4c6f50}
.user-help p:not(.eyebrow){color:#576452}
.user-help .partner-link{color:#344f3b}
.user-help .partner-link:hover{color:var(--blue)}
.coder-entry{padding-block:45px}
.link-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.link-decoration{display:inline-flex;align-items:center;flex-shrink:0}
.platform-icon{width:23px;height:23px;fill:currentColor;display:block}
.text-link .link-icon,.button .link-icon{width:18px;height:18px}
.sequence-arrow{width:7px;height:7px;display:block;border-top:1.5px solid #88b8ff;border-right:1.5px solid #88b8ff;transform:rotate(45deg)}
.checklist li:before{content:'';width:10px;height:6px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);top:6px}
.app-shot-sequence{background:#f1f2ed;border:1px solid #e3e5da;border-radius:15px;gap:23px}
.app-shot-sequence .iphone-device{margin-inline:auto}
.app-shot-sequence figcaption{font-size:11px}
.guide-note,.guide-help,.guide-preflight{background:#f3f2eb}
.guide-hero-number{color:#e1e6db}
.guide-hero .intro{color:var(--muted)}
@media(max-width:1100px){.hero{gap:30px}.app-landing h1{font-size:48px;letter-spacing:-2.5px}.connection-story .diagram-label{font-size:8px}.connection-story .diagram-number{font-size:7px}.process{gap:45px}.process-views{padding:23px}.process-view-grid{gap:18px}.about-brand,.landing-faq{gap:45px}.service-path-links>a{padding-inline:16px}}
@media(max-width:760px){
  .hero{padding-block:36px 36px;gap:30px}
  .hero-overline{font-size:10px;margin-bottom:19px;letter-spacing:2px}
  .hero-copy>.eyebrow{font-size:8px;letter-spacing:.55px;margin-bottom:19px}
  .app-landing h1{font-size:clamp(37px,10vw,57px);line-height:1.05;letter-spacing:-1.8px}
  .hero .intro{font-size:14px;line-height:1.75;margin-block:22px;max-width:470px}
  .hero-actions{gap:20px}.hero-actions .button{min-height:50px;padding-inline:19px}
  .hero-note{margin-top:22px;font-size:9px;line-height:1.7}
  .connection-story{border-radius:20px;max-width:560px}
  .connection-story .diagram-label{padding:21px 19px 0;font-size:8px;letter-spacing:.45px}
  .connection-story .diagram-number{font-size:6.5px;letter-spacing:0}
  .connection-story .diagram-footer{margin-inline:19px;font-size:9px;line-height:1.6;gap:12px}
  .connection-story .schema-note{padding:0 19px 16px;font-size:7px;line-height:1.7}
  .connection-story .diagram-text{font-size:15px}
  .connection-story .diagram-text text[font-size]{font-size:13px}
  .connection-story .diagram-number{display:none}
  .platform-strip{gap:15px;padding-block:20px}.platform-strip p{font-size:10px}
  .platform-strip>a{width:auto;margin-left:auto;gap:0}
  .customer-section{padding-block:38px 44px}.customer-section h2{font-size:32px}
  .app-links>a{padding:19px 20px;min-height:80px;font-size:15px;gap:0}
  .app-links>a>span:not(.app-icon):not(.link-decoration){margin-left:0}
  .app-links small{font-size:9px;margin-bottom:7px}
  .process{gap:29px;padding-block:46px}.process h2{font-size:34px}
  .process-views{padding:23px 20px;border-radius:18px}.process-view-grid{gap:20px}
  .process-view-grid figcaption{font-size:11px;line-height:1.7}
  .iphone-device{max-width:190px;border-radius:28px;padding:3px}
  .iphone-screen{border-width:4px;border-radius:24px;padding-top:20px;padding-bottom:13px}
  .iphone-island{height:10px;top:6px}.iphone-island:after{width:4px;height:4px;top:3px;right:5px}
  .iphone-screen:after{height:2.5px;bottom:5px}
  .service-path-links>a{gap:17px;padding:23px 19px}.service-path-links a+a{border-top:1px solid #e6e2d9;margin-top:10px}
  .service-paths{padding-block:38px 43px}
  .guide-index{padding-block:38px 44px}.guide-index-links>a{padding:23px;gap:0}
  .guide-index-links strong{font-size:17px}
  .about-brand,.landing-faq{grid-template-columns:1fr;gap:24px}
  .about-brand{padding-block:41px 35px}.about-brand>div:last-child>p{font-size:13px}
  .brand-contact{font-size:12px}.brand-contact>a:first-child{padding:14px 15px}
  .landing-faq{padding-block:12px 42px}
  .app-shot-sequence{padding:18px;gap:17px;grid-template-columns:repeat(3,minmax(150px,1fr))}
  .app-shot-sequence .iphone-device{max-width:170px}
  /* No arrow glyphs, platform pictograms or emoji beside mobile destinations. */
  a .link-decoration,a .link-icon,.app-links .app-icon,.guide-mark{display:none!important}
}
@media(max-width:360px){.connection-story .diagram-footer{font-size:8px}.hero-copy>.eyebrow{font-size:7px}.process-view-grid{gap:15px}.process-views{padding:20px 17px}}
@media(prefers-reduced-motion:reduce){.connection-story .signal{animation:none}.motion-toggle{display:none}.service-path-links>a,.app-links>a{transition:none}}
@media print{body{background:white}.iphone-device{box-shadow:none;max-width:140px}.iphone-screen{padding-top:15px}.iphone-island{top:4px;height:8px}.iphone-island:after{top:2px;width:4px;height:4px}.app-shot-sequence{background:white}}