@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#082452;--muted:#637899;--blue:#0866f5;--navy:#073573;--line:#d8e5f5;--soft:#f3f7fd;--cyan:#20c5d6;--yellow:#f1d43c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}h1,h2,b{font-family:'Manrope',sans-serif}a{text-decoration:none;color:inherit}.site-header{height:82px;padding:0 clamp(24px,5vw,82px);display:flex;align-items:center;gap:36px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e3ebf6}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{width:44px;height:44px;border-radius:12px;object-fit:contain}.brand span{display:grid}.brand b{font-size:18px}.brand small{font-size:10px;color:#158daf}.site-header nav{display:flex;gap:26px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.head-actions{display:flex;align-items:center;gap:12px}.language{border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:flex;gap:5px}.language select{border:0;background:transparent;font-weight:700;color:var(--ink);outline:0}.login-link{font-weight:700;font-size:14px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;font-weight:700}.primary{color:white;background:linear-gradient(135deg,#0876ff,#084cc5);box-shadow:0 14px 34px rgba(8,102,245,.22)}.primary.compact{min-height:42px;font-size:13px}.secondary{border:1px solid #bdd4f3;background:white;color:var(--blue)}.hero{min-height:710px;padding:100px clamp(24px,6vw,110px) 80px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:64px;background:radial-gradient(circle at 87% 8%,#d9edff 0 13%,transparent 33%),linear-gradient(135deg,#fff 52%,#f0f7ff)}.eyebrow{font:800 13px/1 'Manrope';letter-spacing:.14em;color:var(--blue)}.hero h1{font-size:clamp(48px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 28px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p,.section-intro p,.product-copy>p,.academy p,.cta p{font-size:19px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#58708f;font-size:13px}.trust span{display:flex;gap:7px}.trust span::first-letter{color:#12a675}.hero-visual{position:relative;padding:34px 0 60px}.hero-visual>img{width:112%;max-width:none;margin-left:-5%;border-radius:20px;border:1px solid #c6d8ef;box-shadow:0 35px 80px rgba(26,61,111,.24);position:relative}.glow{position:absolute;inset:4% 5% 16%;background:#75b8ff;filter:blur(65px);opacity:.25}.sync-card{position:absolute;left:5%;right:0;bottom:5px;margin:auto;max-width:590px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:12px;align-items:center;box-shadow:0 15px 40px rgba(8,36,82,.15)}.sync-card>span:not(.sync-logo){display:grid}.sync-card small{color:var(--muted)}.sync-card i{color:var(--blue);font-style:normal;font-size:22px}.sync-logo{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#fff}.sync-logo img{max-width:36px;max-height:36px}.proof{max-width:1400px;margin:-25px auto 0;position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 50px rgba(20,52,96,.1)}.proof article{padding:28px 34px;border-right:1px solid var(--line);display:grid}.proof article:last-child{border:0}.proof b{font-size:30px;color:var(--blue)}.proof span{color:var(--muted)}.section{padding:130px clamp(24px,7vw,130px)}.section-intro{max-width:780px;margin:0 auto 65px;text-align:center}.section-intro h2,.product h2,.academy h2,.cta h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;line-height:1.08;margin:18px 0}.flow-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:20px;align-items:center;max-width:1400px;margin:auto}.flow-line article{min-height:200px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9ff)}.flow-line article span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:var(--blue);font-weight:800}.flow-line article b{display:block;font-size:18px;margin:24px 0 9px}.flow-line article p{color:var(--muted);line-height:1.5}.flow-line>i{font-style:normal;color:var(--blue);font-size:26px}.product{padding:120px clamp(24px,6vw,110px);display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.product-caf{background:#f5f8fd}.product-myflow{grid-template-columns:1.3fr .7fr;background:linear-gradient(135deg,#eef6ff,#fff)}.product-logo{display:flex;align-items:center;gap:11px;margin-bottom:35px;font-size:25px}.product-logo img{width:50px;height:50px;border-radius:13px;object-fit:contain}.product-logo.my img{background:#073573}.product-copy ul{padding:0;list-style:none;margin:28px 0 34px;display:grid;gap:14px}.product-copy li{font-weight:600}.product-copy li:before{content:'✓';color:#0da66d;margin-right:11px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery .shot{border:1px solid var(--line);background:white;padding:13px;border-radius:12px;color:var(--muted);font-weight:700;cursor:pointer}.gallery .shot.active{border-color:var(--blue);color:var(--blue);background:#eaf3ff}.gallery figure{grid-column:1/-1;margin:0;border-radius:22px;overflow:hidden;border:1px solid #c7d8ec;box-shadow:0 30px 60px rgba(11,52,111,.17)}.gallery figure img{width:100%;display:block}.myflow-preview{position:relative;padding:0 70px 70px 0}.myflow-preview>img{width:100%;border-radius:22px;border:1px solid var(--line);box-shadow:0 28px 70px rgba(8,53,115,.2)}.mini-shot{position:absolute;width:52%;right:0;bottom:0;border:8px solid white;border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(8,53,115,.22)}.mini-shot img{width:100%;display:block}.academy{margin:90px clamp(24px,6vw,110px);padding:65px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px;background:linear-gradient(120deg,#072e6b,#0964e9);color:#fff;border-radius:34px;overflow:hidden}.academy .eyebrow{color:#58e5ed}.academy p{color:#d5e5fb}.academy>img{width:115%;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.secondary.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}.cta{text-align:center;padding:120px 24px;color:#fff;background:linear-gradient(135deg,#061f4d,#0866f5)}.cta .eyebrow{color:#65edf1}.cta p{color:#d9e8fb}.cta>div{display:flex;justify-content:center;gap:12px;margin-top:30px}.primary.inverse{background:#fff;color:var(--blue)}footer{padding:36px clamp(24px,6vw,110px);display:flex;align-items:center;gap:40px;border-top:1px solid var(--line)}footer p{margin-left:auto;color:var(--muted)}footer>span{color:var(--muted);font-size:13px}@media(max-width:1050px){.site-header nav{display:none}.hero,.product,.product-myflow,.academy{grid-template-columns:1fr}.hero{padding-top:60px}.proof{margin:20px;grid-template-columns:repeat(2,1fr)}.flow-line{grid-template-columns:1fr 1fr}.flow-line>i{display:none}.product-myflow .myflow-preview{order:2}.academy>img{width:100%}}@media(max-width:700px){.site-header{height:70px;padding:0 16px}.head-actions .login-link,.primary.compact,.brand small{display:none}.hero{padding:60px 20px;min-height:auto}.hero h1{font-size:48px}.hero-visual>img{width:100%;margin:0}.sync-card{position:relative;left:auto;bottom:auto;margin-top:15px;grid-template-columns:auto 1fr}.sync-card i{display:none}.proof{grid-template-columns:1fr 1fr}.proof article{padding:20px}.section,.product{padding:80px 20px}.flow-line{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr 1fr}.academy{margin:40px 20px;padding:36px 24px}.cta h2{font-size:38px}.cta>div{flex-direction:column}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}}

body{overflow-x:hidden}.reveal{opacity:0;transform:translate3d(0,46px,0);filter:blur(7px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .82s cubic-bezier(.2,.8,.2,1),filter .72s ease;will-change:opacity,transform}.reveal.from-left{transform:translate3d(-72px,18px,0)}.reveal.from-right{transform:translate3d(72px,18px,0)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}.flow-line article.reveal,.proof article.reveal{transition-delay:var(--reveal-delay,0ms)}.flow-line article.reveal:hover,.proof article.reveal:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(13,60,125,.12)}.gallery figure{position:relative}.gallery figure::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.7) 48%,transparent 70%);transform:translateX(-130%);pointer-events:none}.gallery figure.is-switching::after{animation:shotSweep .62s ease}.gallery figure img{transition:opacity .25s ease,transform .48s cubic-bezier(.2,.75,.2,1)}.gallery figure.is-switching img{opacity:.22;transform:scale(.985) translateX(14px)}.primary,.secondary,.shot{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.primary:hover,.secondary:hover{transform:translateY(-2px)}@keyframes shotSweep{to{transform:translateX(130%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.from-left,.reveal.from-right{opacity:1;transform:none;filter:none;transition:none}.gallery figure::after{display:none}.gallery figure img,.primary,.secondary,.shot{transition:none}}