/* R173 · 5-second homepage. Who, what, why and how in the first screen. */
.h173-hero{background:linear-gradient(180deg,#f3f7ff 0%,#fff 100%);padding:44px 0 28px}
.h173-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
.h173-eyebrow{margin:0;font:800 14px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#12805c}
.h173-hero h1{margin:12px 0 16px;font:800 clamp(38px,5.2vw,62px)/1.04 Manrope,system-ui,sans-serif;letter-spacing:-.02em;color:#101b42;max-width:13ch}
.h173-sub{margin:0;max-width:36em;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:#2b3550}
.h173-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:24px 0 14px}
.h173-ctas .button.h173-start{min-height:54px;padding:14px 26px;font-size:17px;border-radius:14px}
.h173-play{display:inline-flex;line-height:0;border-radius:10px}
.h173-play img{height:78px;width:auto;margin:-12px -10px}
.h173-how{font:800 16px Manrope,system-ui,sans-serif;color:#1261ef;text-decoration:none}
.h173-how:hover,.h173-how:focus-visible{text-decoration:underline}
.h173-ios{display:none;margin:0 0 10px;font-size:15px;color:#5b6582}
.h173-qr{font-size:14px;color:#5b6582}.h173-qr a{color:#1261ef;font-weight:700}
.h173-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:6px 0 0;padding:0;list-style:none;font-size:15px;color:#5b6582}
.h173-trust li::before{content:"✓ ";color:#12805c;font-weight:800}
html.is-android .h173-ctas{flex-direction:row}
html.is-android .h173-play{order:-1}
html.is-ios .h173-play{display:none}
html.is-ios .h173-ios{display:block}
html.is-mobile .h173-qr{display:none}
.h173-shot{position:relative;justify-self:center;width:min(300px,80vw)}
.h173-phone{border-radius:40px;background:#0d1530;padding:11px;box-shadow:0 30px 60px rgba(16,27,66,.25)}
.h173-phone img{display:block;width:100%;height:auto;aspect-ratio:540/1106;max-height:580px;object-fit:cover;object-position:top;border-radius:30px}
.h173-chip{position:absolute;width:220px;padding:11px 13px;background:#fff;border:1px solid #e3e8f4;border-radius:14px;box-shadow:0 12px 30px rgba(16,27,66,.15);font-size:14px;line-height:1.35;color:#2b3550}
.h173-chip b{display:block;font:800 13px Manrope,system-ui,sans-serif;margin-bottom:2px}
.h173-chip.c1{left:-120px;top:70px}.h173-chip.c1 b{color:#1261ef}
.h173-chip.c2{right:-110px;top:270px}.h173-chip.c2 b{color:#6d3fd1}
.h173-chip.c3{left:-100px;bottom:40px}.h173-chip.c3 b{color:#12805c}
.h173-cap{margin:12px 0 0;text-align:center;font-size:12.5px;color:#5b6582}
.h173-five{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0 0;border:1px solid #e3e8f4;border-radius:18px;overflow:hidden;background:#fff}
.h173-five div{padding:16px 18px;border-right:1px solid #e3e8f4}.h173-five div:last-child{border-right:0}
.h173-five dt{font:800 12px Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5b6582}
.h173-five dd{margin:4px 0 0;font:700 16.5px/1.35 Manrope,system-ui,sans-serif;color:#101b42}
.h173-do{padding:40px 0 10px}
.h173-do h2,.h173-diff h2{margin:0 0 6px;font:800 clamp(28px,3vw,36px)/1.15 Manrope,system-ui,sans-serif;color:#101b42}
.h173-do .h173-lede{margin:0 0 18px;color:#5b6582;font-size:17px}
.h173-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.h173-card{display:flex;flex-direction:column;padding:22px;border:1px solid #e3e8f4;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(16,27,66,.05)}
.h173-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:12px;color:#fff}
.h173-ic svg{width:24px;height:24px}
.h173-card h3{margin:0 0 6px;font:800 21px/1.25 Manrope,system-ui,sans-serif;color:#101b42}
.h173-card p{margin:0 0 14px;font-size:16px;line-height:1.5;color:#2b3550;flex:1}
.h173-card a{font:800 16px Manrope,system-ui,sans-serif;color:#1261ef;text-decoration:none}
.h173-card a:hover,.h173-card a:focus-visible{text-decoration:underline}
.h173-diff{padding:30px 0 40px}
.h173-diff .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.h173-box{padding:22px;border-radius:20px}
.h173-box h3{margin:0 0 8px;font:800 19px Manrope,system-ui,sans-serif;color:#101b42}
.h173-box ul{margin:0;padding-left:20px}.h173-box li{margin:7px 0 0;font-size:16px;line-height:1.4}
.h173-before{background:#fff4f2;border:1px solid #f6d5cf}.h173-after{background:#effaf5;border:1px solid #c9ecd9}
.h173-founder{display:flex;flex-direction:column;justify-content:space-between;gap:12px;margin:0;padding:22px;border-radius:20px;background:#101b42;color:#fff}
.h173-founder blockquote{margin:0;font:700 18px/1.45 Manrope,system-ui,sans-serif}
.h173-founder figcaption{display:flex;align-items:center;gap:12px;font-size:15px;opacity:.92}
.h173-av{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1261ef,#6d3fd1);font:800 16px Manrope,system-ui,sans-serif}
.h173-founder a{color:#fff;font-weight:700}
.h173-every{padding:8px 0 30px}
.h173-every p{max-width:52em;color:#2b3550}
@media(max-width:1180px){.h173-chip.c1{left:-60px}.h173-chip.c2{right:-40px}.h173-chip.c3{left:-50px}}
@media(max-width:960px){
 .h173-hero{padding:22px 0 18px}
 .h173-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .h173-hero h1{max-width:none;margin:8px 0 10px}
 .h173-ctas{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 10px}
 .h173-ctas .button.h173-start{width:100%;justify-content:center}
 .h173-play{justify-content:center;overflow:hidden;border-radius:12px}
 .h173-play img{height:74px;margin:-11px 0}
 .h173-how{text-align:center}
 .h173-trust{display:grid;gap:2px}
 .h173-chip{display:none}
 .h173-five{grid-template-columns:1fr 1fr}.h173-five div:nth-child(2){border-right:0}.h173-five div:nth-child(-n+2){border-bottom:1px solid #e3e8f4}
 .h173-cards,.h173-diff .grid{grid-template-columns:1fr}
}
@media(max-width:480px){.h173-five{grid-template-columns:1fr}.h173-five div{border-right:0;border-bottom:1px solid #e3e8f4}.h173-five div:last-child{border-bottom:0}}
@media(max-width:960px){.h173-qr{display:none}}
.h173-grid>*{min-width:0}
.h173-trust li{margin:0;padding:0;line-height:1.5}
.h173-ctas .button.h173-start{box-sizing:border-box;max-width:100%}
@media(max-width:960px){.h173-trust{display:flex;gap:2px 14px;font-size:14.5px}}
.h173-card{margin:0}
.site-footer .gcs-g{color:#0756ee!important}.site-footer .gcs-c{color:#6722a7!important}.site-footer .gcs-s{color:#087a47!important}
/* R173b: gentle floating art, same motion as the old homepage */
@keyframes h173-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes h173-chip-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.h173-phone{animation:h173-drift 9s ease-in-out infinite}
.h173-chip{animation:h173-chip-drift 8s ease-in-out infinite}
.h173-chip.c2{animation-delay:-3s}.h173-chip.c3{animation-delay:-5s}
.h173-motion{display:flex;justify-content:center;align-items:center;gap:7px;margin:6px 0 0;min-height:28px;font-size:12px;color:#53627d;cursor:pointer}
.h173-motion input{width:14px;height:14px;margin:0;accent-color:#2859dc;cursor:pointer}
.h173-shot.is-paused .h173-phone,.h173-shot.is-paused .h173-chip{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.h173-phone,.h173-chip{animation:none}.h173-motion{display:none}}
.r175-web{margin:-4px 0 10px;font-size:15px;color:#5b6582}.r175-web a{color:#1261ef;font-weight:700}
