:root{--blue-bg:#f6fbff;--blue-soft:#eaf5ff;--blue-line:#d8e9f7;--blue:#3788d8;--blue-strong:#1768b4;--blue-ink:#172b42;--blue-muted:#60758a;--blue-shadow:0 28px 80px rgba(43,111,172,.14)}
.home-blue{background:#fff;color:var(--blue-ink)}
.home-blue .site-header{background:rgba(255,255,255,.88);border-color:var(--blue-line);backdrop-filter:blur(18px);position:sticky;top:0}
.home-blue .brand strong{color:var(--blue-ink)}
.home-blue .site-nav a:not(.nav-admin):after{background:var(--blue)}
.home-blue .site-footer{background:var(--blue-bg);border-color:var(--blue-line)}
.blue-hero{background:linear-gradient(180deg,#fff 0%,var(--blue-bg) 100%);overflow:hidden}
.blue-hero-grid{min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;gap:5vw;align-items:center;padding-block:72px 86px}
.blue-kicker{color:var(--blue);font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.blue-hero h1{font-family:var(--sans);font-size:clamp(54px,6vw,86px);line-height:1.02;letter-spacing:-.065em;margin:24px 0 30px;text-wrap:balance}
.blue-hero-copy>p{max-width:610px;font-size:18px;line-height:1.9;color:var(--blue-muted);text-wrap:pretty}
.blue-actions{display:flex;gap:12px;margin-top:36px}
.blue-button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-weight:700;border-radius:12px;transition:transform .22s,box-shadow .22s,background .22s}
.blue-button:hover{transform:translateY(-2px)}.blue-button:active{transform:translateY(0) scale(.98)}
.blue-button-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(55,136,216,.22)}
.blue-button-primary:hover{background:var(--blue-strong)}
.blue-button-secondary{background:#fff;border:1px solid var(--blue-line);color:var(--blue-ink)}
.blue-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;color:var(--blue-muted);font-size:12px}
.blue-proof span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#69b5f2;margin-right:8px;vertical-align:1px}
.product-hero{height:590px;position:relative;display:flex;align-items:center;justify-content:center}
.product-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#d7edff 0%,rgba(234,245,255,.2) 68%,transparent 72%)}
.real-shot{position:absolute;margin:0;overflow:hidden;background:#fff;border:1px solid rgba(129,178,218,.22);box-shadow:var(--blue-shadow)}
.real-shot img{display:block;width:100%;height:100%;object-fit:cover}
.real-shot-primary{width:280px;height:570px;border-radius:42px;left:17%;top:8px;transform:rotate(-4deg)}
.real-shot-primary img{object-position:center top}
.real-shot-secondary{width:228px;height:496px;border-radius:38px;right:11%;bottom:4px;transform:rotate(5deg)}
.real-shot-secondary img{object-position:center top}
.real-label{position:absolute;right:1%;top:58px;background:#fff;border:1px solid var(--blue-line);border-radius:14px;padding:13px 16px;box-shadow:0 12px 32px rgba(54,112,164,.11);display:grid}
.real-label strong{font-size:13px}.real-label span{font-size:10px;color:var(--blue-muted);margin-top:2px}
.platform-strip{background:#fff;border-block:1px solid var(--blue-line)}
.platform-strip-inner{display:grid;grid-template-columns:repeat(5,1fr)}
.platform-strip a{padding:25px 22px;border-right:1px solid var(--blue-line);display:grid;gap:2px;transition:background .2s}
.platform-strip a:first-child{border-left:1px solid var(--blue-line)}.platform-strip a:hover{background:var(--blue-bg)}
.platform-strip strong{font-size:14px}.platform-strip span{font-size:10px;color:var(--blue-muted)}
.blue-section{padding-block:120px}
.section-heading{max-width:850px}.section-heading>span,.story-index{color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.section-heading h2{font-family:var(--sans);font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.055em;margin:18px 0 24px;text-wrap:balance}
.section-heading p{max-width:670px;color:var(--blue-muted);font-size:17px;line-height:1.9}
.product-story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding-top:130px}
.product-story-copy h3{font-family:var(--sans);font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.12;margin:18px 0 22px;text-wrap:balance}
.product-story-copy p{color:var(--blue-muted);font-size:16px;line-height:1.9;max-width:550px}
.product-story-copy a{display:inline-flex;gap:28px;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--blue);color:var(--blue-strong);font-weight:700;font-size:13px}
.product-stage{margin:0;background:linear-gradient(145deg,var(--blue-soft),#fff);border:1px solid var(--blue-line);min-height:600px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 28px 80px rgba(48,112,168,.1)}
.product-stage img{display:block;max-width:90%;max-height:570px;object-fit:contain;object-position:center bottom}
.product-stage-phone{border-radius:38px 38px 14px 14px}.product-stage-phone img{width:330px}
.product-stage-library{min-height:460px;border-radius:18px;align-items:center}.product-stage-library img{width:90%;max-width:640px;border-radius:22px;box-shadow:0 25px 55px rgba(43,77,119,.16)}
.product-stage-stats{border-radius:38px 38px 14px 14px}.product-stage-stats img{width:300px}
.open-source-blue{background:var(--blue-soft);color:var(--blue-ink);padding-block:105px;margin-top:20px;border-block:1px solid var(--blue-line)}
.open-source-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}
.open-source-blue h2{font-family:var(--sans);font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-.05em;margin:18px 0}
.open-source-links{display:grid}.open-source-links a{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid rgba(55,136,216,.22)}
.open-source-links span{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.open-source-links strong{font-size:15px}.open-source-links i{font-style:normal;color:var(--blue)}
.blue-sister{margin-block:110px;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:38px;background:var(--blue-bg);border:1px solid var(--blue-line);border-radius:28px;padding:42px 48px}
.blue-sister>img{width:96px;height:96px;border-radius:24px;object-fit:cover}.blue-sister>div>span{color:var(--blue);font-size:11px;font-weight:700}.blue-sister h2{font-family:var(--sans);font-size:30px;letter-spacing:-.03em;margin:8px 0}.blue-sister p{color:var(--blue-muted);margin:0;max-width:700px}.blue-sister>a{white-space:nowrap;color:var(--blue-strong);font-weight:700}
@media(max-width:980px){.blue-hero-grid{grid-template-columns:1fr;min-height:auto}.product-hero{height:620px}.real-shot-primary{left:22%}.real-shot-secondary{right:17%}.product-story{gap:45px}.blue-sister{grid-template-columns:76px 1fr}.blue-sister>img{width:76px;height:76px}.blue-sister>a{grid-column:2}}
@media(max-width:700px){.blue-hero-grid{padding-block:56px 65px}.blue-hero h1{font-size:49px}.blue-hero-copy>p{font-size:16px}.blue-actions{flex-direction:column}.blue-button{width:100%}.product-hero{height:490px}.real-shot-primary{width:220px;height:450px;left:4%}.real-shot-secondary{width:170px;height:370px;right:1%}.real-label{display:none}.platform-strip-inner{grid-template-columns:1fr 1fr}.platform-strip a{border-bottom:1px solid var(--blue-line);padding:18px 14px}.blue-section{padding-block:78px}.section-heading h2{font-size:40px}.product-story{grid-template-columns:1fr;padding-top:85px}.product-story-library .product-stage{order:2}.product-stage{min-height:480px}.product-stage-library{min-height:320px}.open-source-grid{grid-template-columns:1fr}.open-source-links{margin-top:25px}.blue-sister{margin-block:65px;grid-template-columns:58px 1fr;padding:25px 20px;gap:20px}.blue-sister>img{width:58px;height:58px;border-radius:16px}.blue-sister h2{font-size:24px}.blue-sister>a{grid-column:1/-1}.home-blue .site-footer{padding-top:50px}}