:root{--bg:#f7f9fc;--ink:#111827;--muted:#657084;--line:#dbe3ef;--blue:#087df5;--blue-dark:#0758c8;--white:#fff;--green:#1fbf75;--shadow:0 28px 70px #192c4d24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{background:radial-gradient(circle at 12% 20%,#087df529,#0000 28%),linear-gradient(#fff 0%,#edf5ff 100%);min-height:100svh;padding:16px 24px 0}.nav{justify-content:space-between;align-items:center;gap:16px;width:min(1160px,100%);margin:0 auto;display:flex}.navLinks{align-items:center;gap:34px;margin-left:auto;display:flex}.navLinks>a:not(.appStoreBadge){color:var(--ink);font-size:15px;font-weight:760}.brand,.appStoreBadge,.secondaryButton{white-space:nowrap;justify-content:center;align-items:center;gap:10px;display:inline-flex}.brand{letter-spacing:0;min-width:0;font-size:15px;font-weight:750}.brandIcon{background:var(--white);border-radius:9px;flex:none;width:34px;height:34px;overflow:hidden;box-shadow:0 14px 28px #087df542}.brandIcon img{width:100%;height:100%;display:block}.appStoreBadge{border-radius:8px;width:210px;height:auto;box-shadow:0 18px 36px #1118272e}.appStoreBadge img{width:100%;height:auto;display:block}.navBadge{width:154px}.heroGrid{grid-template-columns:minmax(0,.9fr) minmax(420px,.82fr);align-items:center;gap:70px;width:min(1160px,100%);margin:0 auto;padding:clamp(36px,6vh,72px) 0 28px;display:grid}.heroCopy{max-width:640px}.eyebrow{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0;font-size:clamp(50px,7vw,90px);line-height:.88}.headline{color:var(--blue);margin:14px 0 0;font-size:clamp(24px,3vw,38px);font-weight:820;line-height:1.04}.lede{max-width:575px;color:var(--muted);margin:18px 0 0;font-size:clamp(16px,1.7vw,19px);line-height:1.48}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.secondaryButton{border:1px solid var(--line);background:var(--white);min-height:54px;color:var(--ink);border-radius:8px;padding:0 20px;font-size:15px;font-weight:780}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:22px;display:grid}.metrics div{border:1px solid var(--line);background:#ffffffad;border-radius:8px;padding:13px 14px}.metrics strong,.metrics span{display:block}.metrics strong{font-size:20px}.metrics span{color:var(--muted);margin-top:3px;font-size:13px;font-weight:650}.heroVisual{perspective:1400px;place-items:center;min-height:650px;display:grid}.showcaseStack{aspect-ratio:368/800;isolation:isolate;width:min(306px,100%);position:relative}.showcaseStack:before{content:"";z-index:0;filter:blur(22px);background:radial-gradient(circle at 44% 24%,#087df542,#0000 40%),radial-gradient(circle at 58% 78%,#1fbf751f,#0000 34%);border-radius:40px;position:absolute;inset:6% 3% 4%}.showcaseCard{object-fit:cover;border:1px solid #ffffffc7;border-radius:28px;width:100%;height:auto;position:absolute;box-shadow:0 34px 72px #0f285433,0 6px 18px #087df524}.showcaseCard.solo{z-index:2;bottom:0;left:0;transform:translateZ(70px)}.section,.gallery,.cta{width:min(1120px,100% - 48px);margin:0 auto}.strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stripItem{border:1px solid var(--line);background:var(--white);color:#263244;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:0 16px;font-size:14px;font-weight:720;display:flex;box-shadow:0 16px 34px #192c4d12}.stripItem svg,.feature svg{color:var(--blue);flex:none}.sectionHeader{max-width:680px;margin-bottom:28px}#features{padding-top:56px}.sectionHeader h2,.cta h2{color:#334155;letter-spacing:0;margin:0;font-size:clamp(24px,3vw,38px);font-weight:680;line-height:1.16}.featureGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature{border:1px solid var(--line);background:var(--white);border-radius:8px;min-height:224px;padding:22px}.feature h3{letter-spacing:0;margin:22px 0 10px;font-size:20px;line-height:1.1}.feature p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.gallery{padding:72px 0 84px}.workflow{padding:0 0 90px}.workflow .sectionHeader{margin-bottom:20px}.screenshotGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.shot{margin:0}.shot img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:8px;display:block}.reviews{padding:18px 0 92px}.reviewGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.review{background:linear-gradient(180deg, #fffffff5, #f8fbfff5), var(--white);border:1px solid #dbe3efe0;border-radius:8px;flex-direction:column;min-height:286px;padding:23px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 48px #192c4d1a,inset 0 1px #ffffffe6}.review:before{content:"";background:linear-gradient(90deg, var(--blue), var(--green));height:3px;position:absolute;inset:0 0 auto}.reviewTop{align-items:center;display:flex}.stars{color:#f5a524;gap:3px;display:flex}.review h3{letter-spacing:0;margin:18px 0 8px;font-size:clamp(19px,1.85vw,24px);line-height:1.14}.reviewMeta{color:var(--muted);margin:0;font-size:15px;font-weight:670}.reviewText{z-index:1;color:#263244;margin:26px 0 0;font-size:16px;line-height:1.62;position:relative}.cta{background:linear-gradient(135deg, #087df51a, #1fbf751a), var(--white);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:24px;padding:44px;display:grid}.cta p:not(.eyebrow){max-width:610px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.55}@media (max-width:940px){.hero{min-height:auto}.heroGrid{grid-template-columns:1fr;gap:34px;padding-top:34px}.navLinks>a:not(.appStoreBadge){display:none}.heroCopy{max-width:none}.heroVisual{min-height:560px}.showcaseStack{width:min(284px,76vw)}.strip,.featureGrid,.screenshotGrid,.reviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{grid-template-columns:1fr;padding:34px}.cta .appStoreBadge{width:fit-content}}@media (max-width:620px){.hero{padding:14px 18px 0}.nav{gap:10px}.navLinks{display:none}.brand span:last-child{text-overflow:ellipsis;max-width:138px;overflow:hidden}.heroGrid{text-align:center;gap:24px;padding:28px 0 24px}.heroCopy{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex;overflow:hidden}.heroCopy .eyebrow{text-align:center;width:min(100%,30ch);line-height:1.4}h1{text-wrap:balance;max-width:8ch;font-size:clamp(44px,14vw,56px);line-height:.96}.headline{text-wrap:balance;width:min(100%,12ch);margin-top:12px;font-size:clamp(25px,8vw,34px)}.lede{width:min(100%,29ch);margin-top:16px;font-size:16px;line-height:1.52}.actions{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%}.actions .appStoreBadge{width:190px;max-width:100%}.secondaryButton{width:min(100%,190px);min-height:48px}.metrics{grid-template-columns:1fr;gap:8px;width:100%;margin-top:20px}.metrics div{padding:11px 14px}.heroVisual{align-items:start;min-height:360px}.showcaseStack{width:min(190px,58vw)}.showcaseCard{border-radius:21px}.showcaseCard.solo{left:0}.section,.gallery,.cta{width:min(100% - 36px,1120px)}#features{padding-top:46px}.sectionHeader{margin-bottom:20px}.sectionHeader h2,.cta h2{font-size:26px;line-height:1.18}.strip,.featureGrid,.screenshotGrid,.reviewGrid{grid-template-columns:1fr}.strip{gap:10px}.feature{min-height:auto;padding:20px}.gallery{padding:52px 0 58px}.workflow{padding-bottom:66px}.reviews{padding-bottom:70px}.review{min-height:auto;padding:20px}.reviewText{margin-top:22px;font-size:16px}.cta{justify-items:start;padding:28px 20px}.cta .appStoreBadge{width:190px}}
