:root{--blue:#2378f5;--ink:#15223b;--muted:#788399;--pale:#f4f8ff;--line:#e7edf6;--skeleton:#dfe5ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:16px;background:#fff}.site-header{height:76px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;color:white;font-family:Arial;font-size:18px;font-weight:700;background:linear-gradient(140deg,#57adff,#1767e6)}nav{display:flex;gap:31px;margin-left:108px}nav a,footer a{font-size:13px;text-decoration:none;color:#58647a}
.header-cta,.primary-cta,.white-cta{border-radius:6px;text-decoration:none;font-weight:700;transition:.2s}.header-cta{background:var(--blue);color:#fff;padding:12px 20px;font-size:13px}
.header-cta:hover,.primary-cta:hover{filter: brightness(1.3);text-decoration: none;color: #fff;}
.white-cta:hover {background:#d9e6ff;text-decoration: none;color:var(--blue);}

.section-shell{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.hero{min-height:625px;display:grid;grid-template-columns:44% 56%;align-items:center;padding-top:52px;padding-bottom:76px;overflow:hidden}.eyebrow,.label{font-size:14px;font-weight:700;letter-spacing:1.6px;color:var(--blue)}.apple{font-size:15px;vertical-align:-1px;margin-right:4px}
.hero h1{margin:20px 0 23px}.hero h1 span{color: #2378f5;}.skeleton{display:block;background:var(--skeleton);border-radius:4px}.title-line{height:40px;margin:8px 0;background:#d7dee9;border-radius:5px}.title-line.long{width:390px}.title-line.short{width:255px}.hero-description{display:flex;flex-direction:column;gap:9px;width:350px}.hero-description .skeleton{height:12px;width:100%}.hero-description .small{width:76%}.primary-cta{display:inline-flex;gap:18px;align-items:center;margin-top:31px;padding:15px 21px;background:var(--blue);color:#fff;font-size:14px;box-shadow:0 12px 22px #2378f533}.primary-cta span{font-size:21px;line-height:12px}.microcopy{font-size:11px;color:#8792a5;margin-top:17px}.check{color:var(--blue);font-weight:bold}.dot{padding:0 6px}.hero-art{height:430px;position:relative}.blue-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:340px;height:340px;background:#eef5ff;right:15px;top:29px}.orb-two{width:125px;height:125px;background:#d3e6ff;left:0;bottom:15px}.laptop{position:absolute;right:0;top:37px;width:580px;filter:drop-shadow(0 23px 16px #21376b24)}.screen{height:331px;background:#fff;border:6px solid #182e51;border-radius:14px 14px 5px 5px;overflow:hidden}.window-top{height:37px;padding:0 13px;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;gap:13px}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;border-radius:50%;background:#ff6158}.traffic i:nth-child(2){background:#f7bd2d}.traffic i:nth-child(3){background:#31c655}.screen-logo{font-size:8px;color:#6d7c94;font-weight:700}.screen-logo b{color:#267df5;font-size:10px}.screen-avatar{margin-left:auto;width:14px;height:14px;background:#dce8fb;border-radius:50%}.app-content{padding:14px}.url-bar{height:30px;background:#f5f7fa;border:1px solid #e5ebf3;border-radius:5px;display:flex;align-items:center;padding-left:10px;gap:8px}.url-placeholder{height:5px;width:180px;border-radius:99px;background:#dbe2ea}.paste-icon{color:#3181f6;font-size:13px}.url-bar button{margin-left:auto;border:0;background:#287bf3;color:#fff;font-size:8px;border-radius:4px;height:22px;padding:0 10px}.screen-tools{margin:13px 0 10px;display:flex;justify-content:flex-end;gap:11px}.screen-tools span{width:44px;height:6px;border-radius:99px;background:#e3e8ee}.screen-tools span:nth-child(2){width:32px}.tab-row{border-bottom:1px solid #e6ebf0;padding-bottom:8px;display:flex;gap:19px;font-size:8px;color:#9ba6b6}.tab-row b{color:#247af5}.video-card{height:82px;padding:11px 0;border-bottom:1px solid #edf0f5;display:flex;gap:12px}.video-thumb{width:110px;background:#1c2e47;border-radius:5px;position:relative;overflow:hidden}.video-thumb:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#1b3354,#182638 55%,#275993);opacity:.8}.video-thumb em{z-index:1;position:absolute;left:43px;top:27px;font-style:normal;color:#fff;border:1px solid #fff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:8px}.video-thumb i{z-index:1;position:absolute;width:5px;height:5px;border-radius:50%;background:#44a5f8}.video-thumb i:nth-of-type(1){top:9px;left:13px}.video-thumb i:nth-of-type(2){right:14px;bottom:10px}.video-thumb i:nth-of-type(3){right:21px;top:12px}.video-info{padding:2px 0;flex:1}.video-title,.video-meta{height:6px;background:#dce3ec;border-radius:99px;display:block;width:86%;margin-bottom:7px}.video-title.w60{width:54%}.video-meta{width:32%;height:4px;background:#edf0f4;margin-top:9px}.video-info div{display:flex;gap:5px}.video-info b{width:12px;height:4px;border-radius:5px;background:#e9edf3}.faded{opacity:.65}.laptop-base{height:14px;background:linear-gradient(90deg,#142641,#48617e,#142641);margin:-1px -19px 0;border-radius:0 0 20px 20px}.download-bubble{position:absolute;right:31px;bottom:6px;z-index:2;background:#fff;border-radius:13px;padding:10px 13px;display:flex;gap:8px;align-items:center;box-shadow:0 9px 24px #17325b24}.download-bubble>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eaf3ff;color:var(--blue);font-size:19px;font-weight:bold}.download-bubble b{font-size:7px;letter-spacing:.6px;color:#75839a}.download-bubble i{display:block;width:42px;height:4px;border-radius:9px;background:#dce3ec;margin-top:4px}.play-bubble{position:absolute;left:48px;top:55px;z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 8px 22px #17325b1d;display:grid;place-items:center;font-size:16px;padding-left:2px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 20px;text-align:center;color:#68758a;font-size:13px}.trust div{display:flex;justify-content:center;align-items:center;gap:14px}.trust i{height:18px;width:1px;background:#dce3eb;margin:0 24px}.spark{color:var(--blue);font-size:15px}.features{padding-top:118px;padding-bottom:132px}.section-intro h2,.use-copy h2,.center-heading h2{font-size:40px;line-height:1.34;letter-spacing:-1.8px;margin:13px 0 23px}.text-bars{display:flex;flex-direction:column;gap:8px}.text-bars span,.card-bars span{height:8px;border-radius:9px;background:#dfe5ed;width:265px}.text-bars span:nth-child(2){width:195px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:54px}.feature-card{min-height:340px;background:#f8faff;border:1px solid #edf1f7;border-radius:18px;padding:27px;overflow:hidden;position:relative}.feature-card.blue-card{background:#eaf3ff}.feature-icon{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:26px;box-shadow:0 4px 12px #2c559119;font-weight:600}.folder-icon{font-size:31px}.play-icon{font-size:18px}.feature-card h3{font-size:18px;margin:21px 0 13px;letter-spacing:-.6px}.card-bars{display:flex;flex-direction:column;gap:7px}.card-bars span{height:6px;width:70%}.card-bars span:nth-child(2){width:43%}.mini-window{width:210px;height:105px;border-radius:10px;background:#fff;position:absolute;right:-5px;bottom:17px;padding:13px;box-shadow:0 10px 22px #23517c19}.mini-window i{display:inline-block;width:5px;height:5px;background:#fb716c;border-radius:50%;margin-right:3px}.mini-window i:nth-child(2){background:#ffd159}.mini-window i:nth-child(3){background:#54c878}.mini-window b{display:block;height:10px;background:#e5effd;border-radius:4px;margin-top:14px}.folder-art{position:absolute;width:160px;height:106px;right:24px;bottom:19px;border-radius:13px;background:#d9eaff}.folder-art b{position:absolute;left:17px;top:21px;width:86px;height:62px;border-radius:7px;background:#4e9dfb;transform:rotate(-10deg)}.folder-art i{position:absolute;left:30px;top:32px;width:88px;height:60px;border-radius:7px;background:#fff;transform:rotate(5deg)}.folder-art em{position:absolute;left:65px;top:48px;width:25px;height:18px;background:#ecf4ff;border-radius:3px}.player-art{position:absolute;bottom:24px;right:23px;width:168px;height:103px;background:linear-gradient(135deg,#4db1fb,#1f65dd);border-radius:14px}.player-art span{position:absolute;left:61px;top:31px;color:#fff;background:#ffffff36;width:43px;height:43px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:15px}.player-art i{position:absolute;bottom:13px;left:18px;right:18px;height:3px;background:#ffffff92}.player-art b{position:absolute;bottom:12px;left:48px;width:7px;height:7px;border-radius:50%;background:#fff}.use-case{background:#f4f8ff}.use-inner{min-height:570px;display:grid;grid-template-columns:50% 50%;align-items:center}.people-art{height:340px;position:relative}.blob{width:310px;height:270px;position:absolute;left:44px;top:35px;background:#dcecff;border-radius:43% 57% 61% 39%/44% 42% 58% 56%}.person{position:absolute;bottom:28px;width:105px;height:180px}.person i{position:absolute;width:47px;height:47px;border-radius:50%;top:0;left:27px;background:#273f6a;border:7px solid #f7c9ab}.person b{position:absolute;bottom:0;left:0;width:105px;height:142px;border-radius:48px 48px 14px 14px;background:#247af4}.p1{left:60px;transform:scale(.87)}.p1 i{background:#1d2d49;border-color:#bd714c}.p1 b{background:#f3a63c}.p2{left:176px}.plant{position:absolute;bottom:23px;left:330px;width:65px;height:120px;background:#fff;border-radius:10px 10px 18px 18px}.plant i{position:absolute;bottom:108px;width:34px;height:68px;border-radius:100% 0;background:#5ba879;transform:rotate(27deg)}.plant i:nth-child(2){left:26px;transform:rotate(-18deg);background:#87c691}.plant i:nth-child(3){left:10px;bottom:91px;background:#3c925e;transform:rotate(-55deg)}.phone{position:absolute;left:117px;bottom:35px;width:55px;height:101px;border:6px solid #1c3150;border-radius:11px;background:#fff;color:#3e8afa;display:grid;place-items:center;font-size:22px}.wide span{width:310px}.wide span:nth-child(2){width:265px}.wide span:nth-child(3){width:186px}.use-copy ul{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:12px;font-size:14px;color:#536076}.use-copy li span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;margin-right:9px;background:#dcebff;color:var(--blue);font-size:11px;font-weight:bold}
.steps,.faq{padding:90px 0;}.center-heading{text-align:center}.centered{align-items:center}.centered span{width:264px}.centered span:nth-child(2){width:190px}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:59px}.step-grid article{text-align:center;position:relative}.step-num{font-size:12px;font-weight:700;color:var(--blue)}.step-illustration{height:170px;margin-top:16px;border-radius:16px;background:#f3f8ff;position:relative}.browser-i b{position:absolute;top:25px;left:39px;width:200px;height:111px;border:4px solid #2b456a;border-radius:8px;background:#fff}.browser-i b:before{content:"";display:block;height:20px;border-bottom:1px solid #e2e9f3;background:radial-gradient(circle at 12px 10px,#fa655b 3px,transparent 4px),radial-gradient(circle at 22px 10px,#ffcc42 3px,transparent 4px),radial-gradient(circle at 32px 10px,#46c66b 3px,transparent 4px)}.browser-i i{position:absolute;top:61px;left:67px;width:144px;height:52px;border-radius:5px;background:linear-gradient(135deg,#5ab4f9,#2467df)}.browser-i em{position:absolute;z-index:1;top:75px;left:129px;font-style:normal;color:#fff;border:1px solid #fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:10px}.paste-i b{position:absolute;top:38px;left:46px;width:197px;height:43px;padding:14px;text-align:left;font-size:11px;background:#fff;border:1px solid #dce6f3;border-radius:7px;color:#8a97aa}.paste-i i{position:absolute;top:91px;right:41px;border-radius:6px;background:#277bf5;color:white;font-size:12px;font-style:normal;padding:10px 15px}.done-i b{position:absolute;left:103px;top:32px;width:92px;height:92px;border-radius:50%;background:#e0efff;color:#2b7ef4;display:grid;place-items:center;font-size:45px}.done-i i{position:absolute;left:154px;bottom:23px;width:44px;height:8px;background:#d5e5f7;border-radius:50%}.step-grid h3{font-size:16px;margin:21px 0 13px}.step-text{height:6px;width:140px;margin:auto}.windows-switch{background:#f8faff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.windows-switch-inner{min-height:188px;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:21px}.windows-icon{width:58px;height:58px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px;border-radius:14px;background:#e6f1ff}.windows-icon i{background:#247af5}.windows-switch p{font-size:13px;color:#66738a;margin:0 0 5px}.windows-switch h2{font-size:23px;letter-spacing:-.7px;margin:0}.windows-text{width:180px;height:6px;margin-top:13px}
.windows-link{border:1px solid #b7d4ff;border-radius:6px;padding:13px 17px;color:#2378f5;text-decoration:none;font-size:13px;font-weight:700}
.windows-link:hover{background:#fff;text-decoration: none;color:var(--blue);}
.windows-link b{font-size:17px;margin-left:10px}.download-section{padding:90px 32px 180px;background:#fff}.cta-card{height:357px;max-width:1096px;margin:auto;border-radius:22px;background:linear-gradient(115deg,#1263e8,#329bfa);color:#fff;position:relative;text-align:center;padding:66px;overflow:hidden}.cta-shape{position:absolute;border:1px solid #ffffff32;border-radius:50%;width:500px;height:500px}.cta-shape.one{left:-260px;top:-278px}.cta-shape.two{right:-260px;bottom:-350px}.label.light{color:#d7ebff;position:relative}.cta-card h2{margin:19px auto}.white-bar{height:25px;background:#fff;border-radius:4px;margin:8px auto}.white-bar.one{width:350px}.white-bar.two{width:200px}.cta-text span{display:block;width:235px;height:7px;background:#b6dcff;border-radius:9px;margin:8px auto}.cta-text span:nth-child(2){width:166px}.white-cta{display:inline-flex;gap:16px;align-items:center;background:#fff;color:#2175f3;font-size:14px;padding:15px 22px;margin-top:23px;position:relative}.white-cta b{font-size:19px}.cta-note{margin:12px 0 0;color:#d9edff;font-size:11px;position:relative}footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:25px 32px 35px;display:flex;align-items:center;gap:25px}footer .brand{font-size:16px}footer .brand-mark{width:21px;height:21px;font-size:14px}footer span:nth-child(2){font-size:11px;color:#99a2b1;margin-left:auto}footer a:last-child{font-size:11px}
@media (max-width:800px){.site-header{height:66px;padding:0 20px}.site-header nav{display:none}.primary-cta{font-size:12px;padding:10px 13px}.section-shell{padding-left:24px;padding-right:24px}.hero{display:flex;flex-direction:column;align-items:flex-start;padding-top:45px;min-height:auto}.title-line.long{width:min(350px,86vw)}.hero-art{width:100%;height:318px;margin-top:23px}.laptop{width:470px;right:-133px;top:25px;transform:scale(.78);transform-origin:top right}.orb-one{width:250px;height:250px;right:10px}.download-bubble{right:7px;bottom:15px;transform:scale(.8)}.play-bubble{left:10px}.trust{padding:16px}.trust div{gap:8px;font-size:10px}.trust i{margin:0 3px}.features,.steps{padding-top:75px;padding-bottom:76px}.section-intro h2,.use-copy h2,.center-heading h2{font-size:31px}.feature-grid,.step-grid{grid-template-columns:1fr;gap:15px;margin-top:36px}.feature-card{min-height:280px}.use-inner{grid-template-columns:1fr;padding-top:59px;padding-bottom:55px}.people-art{transform:scale(.85);transform-origin:left center;margin-bottom:-25px}.use-copy{margin-top:8px}.windows-switch-inner{min-height:250px;grid-template-columns:58px 1fr;gap:16px;padding-top:30px;padding-bottom:30px}
.windows-link{grid-column:1/-1;text-align:center}
.download-section{padding:67px 20px}.cta-card{height:340px;padding:53px 20px}.white-bar.one{width:270px}.white-bar.two{width:165px}
footer{padding:20px;gap:12px;flex-wrap:wrap}footer span:nth-child(2){margin-left:0;order:3;width:100%}}


/* Copy revisions: visible text outside the app mockup. */
.hero{display:block;min-height:0;padding-top:70px;padding-bottom:88px}.hero-heading{width:100%;margin-bottom:30px}.hero h1{width:100%;max-width:100%;margin:13px 0 0;font-size:48px;line-height:1.25;letter-spacing:-2.4px;color:#172946;font-weight:700}.hero-content{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px}.hero-copy{width:100%}.hero-description{max-width:510px}.hero-features{display:grid;gap:8px;padding:0;margin:22px 0 25px;list-style:none;color:#425571;font-size:14px;line-height:1.65}.hero-features li{position:relative;padding-left:22px}.hero-features li::before{content:"✓";position:absolute;top:1px;left:0;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e5f1ff;color:#2378f5;font-size:10px;font-weight:700}.campaign-note{display:block;margin:14px 0 5px;padding:0;background:none;color:#172946;font-size:13px;font-weight:700}.hero-copy .microcopy{margin:6px 0 0;color:#73829a;font-size:12px;line-height:1.6}.hero-copy .windows-text-link{color:#2378f5;font-weight:700}
.hero-description,.section-description{color:#66738a;font-size:15px;line-height:1.75;margin:0}
.feature-card>p,.step-grid article>p{margin:0;color:#68758a;font-size:13px;line-height:1.7}
.step-grid article>p{padding:0 15px}
.cta-card h2{font-size:34px;line-height:1.35;letter-spacing:-1.2px}
.cta-text{color:#d9edff;font-size:14px;margin:0}
.windows-copy{font-size:13px;color:#69768b;margin:9px 0 0}
.windows-text,.card-bars,.step-text,.white-bar,.cta-text span{display:none}
.brand img{display:block;width:151px;height:auto}.site-header .brand{gap:0}.site-header .brand img{width:151px}footer .brand img{width:112px}
.site-header nav a{display:inline-flex;align-items:center;gap:6px;font-weight:700}.site-header nav a::before{content:"✦";color:var(--blue);font-size:13px;line-height:1}.site-header nav a:hover{color:var(--blue)}
.trust b{display:inline-flex;align-items:center;gap:8px}.trust b::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8f2ff;color:var(--blue);font-size:11px;font-weight:700}
.people-art{height:365px;overflow:hidden}.people-art .blob{width:366px;height:290px;left:15px;top:38px;background:#d9ebff;border-radius:44% 56% 60% 40%/47% 44% 56% 53%}.scene-window{position:absolute;top:53px;left:80px;width:117px;height:84px;padding:10px;border:7px solid #fff;border-radius:12px;background:#9fd4ff;box-shadow:0 8px 18px #4d8ec71f}.scene-window:before{content:"";position:absolute;bottom:0;left:0;border-style:solid;border-width:0 0 53px 53px;border-color:transparent transparent #79b9e8 transparent}.scene-window i{position:absolute;border-radius:50%;background:#fff}.scene-window i:first-child{width:22px;height:22px;top:14px;right:17px}.scene-window i:last-child{width:38px;height:12px;top:37px;right:13px}.scene-sofa{position:absolute;bottom:35px;left:58px;width:258px;height:121px;background:#397fd9;border-radius:52px 54px 17px 17px;box-shadow:inset 0 -14px #2e6fc4}.scene-sofa:before{content:"";position:absolute;left:15px;top:-30px;width:166px;height:65px;border-radius:40px 42px 0 0;background:#4c94eb}.scene-sofa i{position:absolute;right:27px;top:19px;width:55px;height:55px;border-radius:15px;background:#63a7f7;border-left:2px solid #8ac0ff}.scene-plant{position:absolute;left:335px;bottom:35px;width:54px;height:105px;border-radius:9px 9px 18px 18px;background:#fff;z-index:2}.scene-plant i{position:absolute;bottom:89px;width:31px;height:64px;border-radius:100% 0;background:#4d9d6d;transform:rotate(30deg)}.scene-plant i:nth-child(2){left:21px;bottom:87px;background:#7dbe86;transform:rotate(-17deg)}.scene-plant i:nth-child(3){left:7px;bottom:76px;background:#368357;transform:rotate(-55deg)}.relaxing-person{position:absolute;left:158px;bottom:75px;width:166px;height:176px;z-index:3}.person-head{position:absolute;left:48px;top:8px;width:49px;height:49px;border-radius:50%;background:#f6c8a7}.person-hair{position:absolute;left:44px;top:4px;width:53px;height:38px;border-radius:50% 50% 36% 36%;background:#273f6a}.person-body{position:absolute;left:33px;top:49px;width:101px;height:91px;border-radius:44px 46px 20px 24px;background:#f4a53a;transform:rotate(-9deg)}.person-leg{position:absolute;left:85px;bottom:3px;width:99px;height:38px;border-radius:28px 11px 11px 27px;background:#263f6f;transform:rotate(12deg)}.person-arm{position:absolute;left:98px;top:75px;width:66px;height:19px;border-radius:15px;background:#f6c8a7;transform:rotate(17deg)}.scene-laptop{position:absolute;left:256px;top:161px;width:95px;height:67px;padding:5px;border:5px solid #20395f;border-bottom-width:9px;border-radius:8px 8px 5px 5px;background:#fff;z-index:5;transform:rotate(7deg);box-shadow:0 10px 16px #1b42702a}.scene-laptop i{display:grid;place-items:center;width:100%;height:100%;border-radius:3px;background:linear-gradient(135deg,#54b5fb,#2b78e4);color:#fff;font-style:normal;font-size:18px}.offline-badge{position:absolute;top:41px;right:14px;display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;background:#fff;color:#4782cd;box-shadow:0 8px 18px #1a427c1f;font-size:8px;letter-spacing:.6px;z-index:4}.offline-badge i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e7f2ff;color:#2580f4;font-size:11px;font-style:normal}.offline-badge b{font-size:8px}
.people-art{height:332px;border-radius:18px;background:#eaf4ff;box-shadow:0 14px 30px #376ca21f}.people-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.step-grid h3 .step-num{display:inline;color:var(--blue);font-size:16px;font-weight:700;margin:0}
.step-illustration{overflow:hidden;background:#eef6ff}.step-illustration img{display:block;width:100%;height:100%;object-fit:cover}
.hero-art{height:auto!important;margin:0;overflow:visible}.hero-art img{display:block;width:100%;max-width:none;height:auto;max-height:440px;margin:0;border:0;object-fit:contain;clip-path:inset(2px)}
.feature-grid-single{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}.feature-grid-single .feature-card{min-height:280px;padding:38px;display:flex;align-items:flex-start}.feature-grid-single .feature-content{max-width:390px;margin-left:17px}.feature-grid-single .feature-icon{flex:none}.feature-grid-single .feature-card h3{margin:1px 0 12px}.feature-grid-single .feature-card>p{display:none}.feature-grid-single .feature-content p{margin:0;color:#68758a;font-size:14px;line-height:1.8}.feature-grid-single .mini-window{width:285px;height:142px;right:35px;bottom:32px}.feature-grid-single .mini-window b{height:15px;margin-top:22px}.use-description{max-width:380px;margin:0;color:#66738a;font-size:15px;line-height:1.8}
.use-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px}
.mobile-promo{margin-top:25px;padding:18px 20px;border:1px solid #cfe1fb;border-radius:12px;background:#fff}.mobile-promo p{margin:0 0 10px;color:#263b5a;font-size:15px;line-height:1.6}.mobile-promo a{color:#2378f5;font-size:13px;text-decoration:none}.mobile-promo a:hover{text-decoration:underline}
.use-case{padding:64px 0}
.cta-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.cta-card>.cta-shape{position:absolute}.cta-card>.label,.cta-card>h2,.cta-card>.cta-text,.cta-card>.white-cta,.cta-card>.cta-note{margin:0}.cta-card>.white-cta{margin-top:4px}
.cta-note strong{font-weight:700;color:#fff}
.hero-copy .windows-text-link,.hero-copy .windows-text-link a{color:#2378f5;font-weight:400;text-decoration:none}.hero-copy .windows-text-link a:hover{text-decoration:underline}
.faq-inner{display:block}.faq-title{text-align:center;margin-bottom:38px}.faq-title h2{font-size:40px;line-height:1.34;letter-spacing:-1.8px;margin:13px 0 12px;color:#172946}.faq-title>p:last-child{max-width:none;margin:0;color:#66738a;font-size:14px;line-height:1.75;text-wrap:pretty}.faq-list{display:grid;gap:10px;max-width:1096px;margin:0 auto;border-top:0}.faq-list details{padding:0 22px;border:1px solid #dfe8f3;border-radius:12px;background:#fff;transition:border-color .2s}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;color:#263b5a;font-size:15px;font-weight:700;line-height:1.6}.faq-list summary span{float:none;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8f2ff;color:#2378f5;font-size:18px;line-height:1}.faq-list details[open]{border-color:#bcd9ff;box-shadow:none}.faq-list details[open] summary{color:#2378f5}.faq-list details[open] summary span{font-size:0}.faq-list details[open] summary span::before{content:"−";font-size:18px}.faq-answer{padding:16px 34px 21px 0;border-top:1px solid #e9eff7}.faq-answer p{margin:0;max-width:none;color:#5c6d84;font-size:14px;line-height:1.85;text-wrap:pretty;word-break:normal;overflow-wrap:normal}

.faq-list details[open] .faq-answer{margin:0 -22px 0;padding:16px 22px 22px;border-top:1px solid #e1ebf7;border-radius:0 0 11px 11px;background:#f4f8ff}

@media (max-width:800px){.people-art{height:285px;transform:none;margin-bottom:0}.people-art img{object-position:center}.feature-grid-single .feature-card{display:block;min-height:350px;padding:27px}.feature-grid-single .feature-content{margin:18px 0 0}.feature-grid-single .mini-window{width:210px;height:105px;right:18px;bottom:20px}.feature-grid-single .mini-window b{height:10px;margin-top:14px}.use-case{padding:0}.use-inner{padding-top:60px!important;padding-bottom:60px!important}}

@media (max-width:980px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:52px;padding-bottom:64px}
  .hero-copy{width:100%}
  .hero-art{width:100%;height:380px;margin-top:30px}
  .laptop{right:0;left:auto}
}

@media (max-width:800px){
  .hero h1{font-size:36px}
  .cta-card h2{font-size:29px}
}

@media (max-width:980px){
  .hero{display:block;padding-top:52px;padding-bottom:64px}
  .hero-heading{margin-bottom:24px}
  .hero-content{grid-template-columns:1fr;gap:26px}
  .hero-art{width:100%;height:auto;margin:0!important}
  .hero-art img{max-height:none}
}

@media (max-width:800px){
  .hero h1{font-size:34px;letter-spacing:-1.6px}
  .hero-features{font-size:13px}
  .campaign-note{font-size:11px}
  .faq{padding:75px 0}.faq-title h2{font-size:31px;letter-spacing:-1.2px}.faq-title>p:last-child{max-width:none}.faq-list details{padding:0 17px}.faq-answer{padding-right:0}.faq-list summary{font-size:14px}
}