.hero.hero-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding:150px max(40px,calc((100% - var(--content-width))/2)) 88px;background:#fafafa;overflow:visible}
.hero-split .hero-copy{text-align:left;min-width:0}
.hero-split h1{font-size:clamp(48px,4.5vw,64px);line-height:1.07;letter-spacing:-.055em;margin:0;max-width:none;padding:0;font-weight:500}
.hero-split h1 br{display:block}
.hero-split .actions{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:40px}
.app-store-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.app-store-placeholder>small{font:10px Mono,monospace;color:#80837d}
.app-store-button{display:inline-flex;align-items:center;gap:11px;background:#191a19;color:#fff;border:1px solid #343634;border-radius:10px;padding:11px 20px;text-align:left;min-height:59px;font-family:Plex,sans-serif;cursor:default}
.app-store-button svg{height:31px;width:27px;fill:currentColor}.app-store-button small{display:block;font-size:11px;line-height:1.1}.app-store-button strong{display:block;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.02em}
.hero-stage.hero-journey{display:flex;justify-content:center;position:relative;width:100%;height:auto;margin:0;padding:0;min-width:0}
.hero-phone{position:relative;width:min(350px,100%);padding:7px;border:2px solid #656970;border-radius:52px;background:linear-gradient(125deg,#7c8088,#111319 28%,#30333a 80%,#91949c);box-shadow:0 36px 65px -18px #20253540,0 10px 18px -5px #20253525,inset 0 0 0 2px #afb2b63b}
.hero-phone:before,.hero-phone:after{content:'';position:absolute;width:3px;background:#575b61;border-radius:3px;left:-4px;top:110px;height:55px}.hero-phone:after{left:auto;right:-4px;top:150px;height:70px}
.hero-phone-display{container-type:inline-size;position:relative;aspect-ratio:402/874;overflow:hidden;border-radius:42px;background:#eee;color:#1d1d1d;isolation:isolate}
.hero-phone-status{height:11.44cqw;display:flex;align-items:center;justify-content:space-between;padding:0 7cqw;font:600 3.5cqw Plex,sans-serif;background:linear-gradient(#fafafa,#eee);position:relative;z-index:3}
.hero-phone-island{position:absolute;left:50%;transform:translateX(-50%);top:2.5cqw;width:28cqw;height:7cqw;border-radius:8cqw;background:#080808}
.hero-phone-signal{display:flex;gap:1.5cqw;align-items:center}.hero-phone-signal svg{width:4cqw;height:3.5cqw;fill:currentColor}.hero-phone-battery{width:6.2cqw;height:3cqw;background:#1d1d1d;border-radius:.8cqw;position:relative}.hero-phone-battery:after{content:'';position:absolute;right:-.7cqw;top:1cqw;width:.5cqw;height:1cqw;background:#888}
.hero-phone-viewport{position:absolute;top:11.44cqw;left:0;right:0;height:201cqw;overflow:hidden}
.hero-phone-viewport iframe{display:block;width:402px;height:808px;max-width:none;border:0;transform-origin:top left;background:#eee}
.hero-phone-home{position:absolute;bottom:2cqw;left:33%;width:34%;height:1.2cqw;background:#222;border-radius:3cqw;z-index:4}
@media(max-width:1000px){.hero.hero-split{gap:36px;padding-inline:32px}.hero-split h1{font-size:52px}.hero-phone{width:min(320px,100%)}}
@media(max-width:760px){.hero.hero-split{grid-template-columns:1fr;padding:136px 24px 70px;gap:52px}.hero-split h1{font-size:clamp(40px,8.5vw,60px)}.hero-split .actions{margin-top:28px}.hero-phone{width:min(340px,100%)}.hero-stage.hero-journey{padding:0 8px}}
@media(max-width:380px){.hero.hero-split{padding-inline:20px}.hero-split h1{font-size:38px}.hero-phone{padding:6px;border-radius:43px}.hero-phone-display{border-radius:34px}}

/* Quiet polish: a stronger promise and a restrained seven-second light sweep. */
.hero-split .hero-promise{font:400 clamp(24px,2vw,28px)/1.5 Plex,sans-serif;color:#666a65;letter-spacing:-.025em;margin:30px 0 0;max-width:540px}
.hero-split .hero-promise strong{font-weight:500;color:#242724}
.hero-split .actions{margin-top:30px}
.app-store-placeholder{gap:15px}
.app-store-placeholder>small{font:400 12px/1.5 Plex,sans-serif;color:#797e77;letter-spacing:0}
.app-store-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,#292b29 0%,#191a19 58%,#171817 100%);border-color:#2f322f;box-shadow:inset 0 1px 0 #ffffff29,0 3px 5px #1820190c,0 12px 22px -9px #1820194a;transition:transform 220ms ease,box-shadow 220ms ease}
.app-store-button::after{content:'';position:absolute;inset:-45% auto -45% 0;width:38%;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04) 22%,rgba(255,255,255,.19) 50%,rgba(255,255,255,.04) 78%,transparent);transform:translateX(-180%) skewX(-20deg);animation:store-shimmer 7s ease-in-out 2s infinite}
@keyframes store-shimmer{0%{transform:translateX(-180%) skewX(-20deg);opacity:0}2%{opacity:1}19%{transform:translateX(420%) skewX(-20deg);opacity:0}100%{transform:translateX(420%) skewX(-20deg);opacity:0}}
@media(hover:hover){.app-store-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff33,0 5px 8px #18201910,0 16px 25px -10px #18201955}}
.app-store-button:focus-visible{outline:2px solid #3546d6;outline-offset:5px}
@media(max-width:760px){.hero-split .hero-promise{font-size:22px;line-height:1.5;margin-top:24px}.hero-split .hero-promise br{display:block}.hero-split .actions{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.app-store-button::after{animation:none;display:none}.app-store-button{transition:none}.app-store-button:hover{transform:none}}

/* A compact maker's note, with a blue pencil mark on the lived-in detail. */
.founder-note{margin-top:38px;padding:20px 0 0;border-top:1px solid #dedfdb;max-width:390px;text-align:left}
.hero-split .founder-audience{margin:0;font:500 19px/1.4 Plex,sans-serif;letter-spacing:-.02em;color:#282b28}
.hero-split .founder-story{margin:12px 0 0;font:400 15px/1.85 Plex,sans-serif;color:#71766f;letter-spacing:0}
.founder-number{position:relative;display:inline-block;font-weight:600;color:#3546d6;margin:0 6px 0 3px;isolation:isolate}
.founder-number svg{position:absolute;inset:-5px -8px;width:calc(100% + 16px);height:calc(100% + 10px);overflow:visible;pointer-events:none;transform:rotate(-7deg);stroke:#3546d6;stroke-width:1.6;stroke-linecap:round}
@media(max-width:760px){.founder-note{margin-top:30px;padding-top:19px;max-width:360px}.hero-split .founder-audience{font-size:18px}.hero-split .founder-story{font-size:14px;line-height:1.85}}