@font-face{font-family:Inter;src:url('/hero-laptop-preview/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.home1.laptop-preview{--rd-ink:#070707;--ink:#070707;--rd-muted:#363b42;color:#070707;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:auto}
.home1.laptop-preview :is(.story-copy,.workspace-copy,.faq-intro,.closing-copy) p{color:#363b42}
.home1.laptop-preview .hero{position:relative;width:100%;margin:0;min-height:0;border-radius:0;background:linear-gradient(180deg,#fff 0%,#fff 14%,#e8f0fa 28%,#8aa9d0 52%,#183b69 100%);overflow:hidden;padding:0 36px 62px}
.home1.laptop-preview .hero::before,.home1.laptop-preview .hero::after{display:none}
.home1.laptop-preview .hero-inner{display:block;width:min(1320px,100%);min-height:0;padding:0;margin:auto}
.home1.laptop-preview .hero-copy{width:100%;max-width:1110px;margin:auto;padding:64px 0 84px;text-align:center;transform:none;color:#070707}
.home1.laptop-preview .hero-copy h1{max-width:1060px;margin:auto;color:#050505;font-size:clamp(44px,4.25vw,68px);font-weight:650;line-height:1.09;letter-spacing:-.052em;text-wrap:balance}
.home1.laptop-preview .hero-copy h1 span{color:#050505}
.home1.laptop-preview .hero-copy>p{display:block;max-width:825px;margin:25px auto 0;color:#30343a;font-size:19px;line-height:1.55;letter-spacing:-.018em;text-wrap:balance}
.home1.laptop-preview .hero-actions{justify-content:center;gap:12px;margin-top:27px;flex-direction:row}
.home1.laptop-preview .hero-actions .button{flex:none;min-height:50px;border-radius:999px;padding:14px 25px;font-size:14px;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s}
.home1.laptop-preview .hero-actions .button-primary{background:#080b10;border:1px solid #080b10;color:#fff}
.home1.laptop-preview .hero-actions .button-secondary{background:#fff;border:1px solid #20252c;color:#080b10}
.home1.laptop-preview .hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #172c4615}
.home1.laptop-preview .hero-device{position:relative;display:block;width:min(1240px,calc(100% - 96px));max-width:none;aspect-ratio:auto;margin:0 auto;transform:none;pointer-events:auto;isolation:isolate;flex:none}
.laptop-computer{position:relative;left:0;top:0;width:79%;filter:drop-shadow(0 26px 20px #06183330)}
.laptop-lid{position:relative;padding:12px 12px 32px;border-radius:25px 25px 3px 3px;background:linear-gradient(110deg,#08090a,#121314 57%,#08090a);border:1px solid #8b8d90;box-shadow:inset 0 0 0 2px #383a3c,inset 0 0 0 4px #050607,0 0 0 1px #1a1c20}
.laptop-camera{position:absolute;z-index:2;top:8px;left:45.35%;width:9.3%;height:21px;border-radius:0 0 4px 4px;background:#030405;box-shadow:0 1px 1px #050607}.laptop-camera::after{content:"";position:absolute;left:calc(50% - 2px);bottom:6px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#162c53,#060812 70%)}
.laptop-viewport{position:relative;aspect-ratio:1512/982;overflow:hidden;border-radius:9px 9px 1px 1px;background:#fff;border:1px solid #030508}
.laptop-browser{display:flex;position:relative;align-items:center;gap:5px;height:26px;padding:0 12px;border-radius:9px 9px 0 0;background:#e6e8eb;color:#59626e;font-size:8px}.laptop-browser i{width:5px;height:5px;border-radius:50%;background:#bd6b66}.laptop-browser i:nth-child(2){background:#c7ae5d}.laptop-browser i:nth-child(3){background:#709777}.laptop-browser span{position:absolute;left:67%;width:25%;text-align:center;border-radius:4px;background:#f5f6f8;line-height:18px}.laptop-browser+.laptop-viewport{border-radius:0 0 1px 1px}
.device-screen iframe{position:absolute;left:0;top:0;display:block;border:0;max-width:none;transform:scale(var(--screen-scale,.64));transform-origin:top left;background:#fff}
.laptop-chin{display:none}
.laptop-base{position:relative;width:112%;height:36px;margin-left:-6%;border-radius:0 0 12px 12px/0 0 10px 10px;background:linear-gradient(90deg,#d7d9dc 0%,#989b9e .5%,#3f4144 1.4%,transparent 3.2%,transparent 96.8%,#494c50 98.6%,#a9adb1 99.5%,#d5d8dc 100%),linear-gradient(180deg,#777b80 0%,#2a2c2f 5%,#222426 14%,#1c1e21 62%,#383c40 75%,#848a91 88%,#40474e 97%,#1a1e24 100%);box-shadow:inset 0 1px 0 #a9adb2,inset 0 -1px 1px #090b0e,0 7px 10px #07182e35}
.laptop-base::before{content:"";position:absolute;top:0;left:42.5%;width:15%;height:10px;border-radius:0 0 12px 12px/0 0 9px 9px;background:linear-gradient(90deg,#b4b8bc,#55595d 7%,#64686d 50%,#565a5e 93%,#b8bdc2);box-shadow:inset 0 -1px 1px #c7cbd0,0 1px 1px #0b0d10}
.laptop-base::after{content:"";position:absolute;bottom:4px;left:1%;right:1%;height:2px;border-radius:50%;background:linear-gradient(90deg,#c3c7cc20,#bac0c780 8%,#757c8550 45%,#a9b0b975 90%,#c3c7cc20)}.laptop-foot{position:absolute;bottom:-5px;left:4%;width:6%;height:5px;border-radius:0 0 5px 5px;background:linear-gradient(#14171b 10%,#7c8289 45%,#343b43 80%);box-shadow:0 1px 2px #08142255}.laptop-foot:last-child{left:auto;right:4%}
.marketing-phone{position:absolute;z-index:3;right:0;bottom:42px;width:20.5%;padding:7px;background:linear-gradient(130deg,#969b9f,#252a31 15%,#0d1014 75%,#717a84);border:1px solid #adb4bc;border-radius:43px;box-shadow:inset 0 0 0 2px #11151a,0 20px 40px #071a3940,2px 2px 2px #eef4ff40}
.marketing-phone::before,.marketing-phone::after{content:"";position:absolute;left:-3px;width:2px;background:#80868e;border-radius:2px;top:17%;height:7%}.marketing-phone::after{top:27%;height:9%}
.phone-screen{position:relative;width:100%;aspect-ratio:390/844;overflow:hidden;background:#fff;border-radius:35px}
.phone-island{position:absolute;z-index:8;top:9px;left:50%;transform:translateX(-50%);width:30%;height:16px;border-radius:20px;background:#040508;box-shadow:inset 0 1px 1px #ffffff0c;pointer-events:none}
.phone-island::after{content:"";position:absolute;right:9px;top:5px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#283e61,#090d16)}
.phone-home{position:absolute;z-index:8;left:33%;bottom:7px;width:34%;height:3px;background:#18212c;border-radius:4px;pointer-events:none}
.home1.laptop-preview .hero-device .demo-navigation{position:absolute;z-index:10;left:-56px;right:-56px;top:46%;bottom:auto;display:flex;align-items:center;justify-content:space-between;transform:none;width:auto;height:40px;margin:0;pointer-events:none}
.home1.laptop-preview .hero-device .demo-navigation button{position:static;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #122c5055;border-radius:50%;background:#ffffffde;color:#10233c;font:400 28px/1 Arial;cursor:pointer;pointer-events:auto;transition:transform .18s,background .18s;box-shadow:0 3px 10px #0a24521a}
.home1.laptop-preview .hero-device .demo-navigation button:hover{transform:scale(1.1);background:#fff}.home1.laptop-preview .hero-device .demo-navigation button:focus-visible{outline:2px solid #102d50;outline-offset:4px}
.home1.laptop-preview .demo-control,.home1.laptop-preview .demo-scenario{display:none}
.home1.laptop-preview .demo-toast{position:absolute;z-index:7;top:auto;bottom:18%;right:24%;width:233px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid #dce6ed;border-radius:13px;background:#fff;color:#162735;box-shadow:0 12px 34px #071e3e30;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .22s,transform .3s;pointer-events:none}
.home1.laptop-preview .demo-toast.is-visible{opacity:1;transform:none}.home1.laptop-preview .demo-toast b{font-size:12px}.home1.laptop-preview .demo-toast div>span{font-size:10px;color:#536679}
@media(min-width:1800px){.home1.laptop-preview .hero-copy{padding-top:75px}.home1.laptop-preview .hero-copy h1{font-size:72px}}
@media(max-width:1000px){.home1.laptop-preview .hero{padding:0 26px 42px}.home1.laptop-preview .hero-copy{padding:45px 0 64px}.home1.laptop-preview .hero-copy h1{font-size:50px}.home1.laptop-preview .hero-device{width:calc(100% - 56px)}.laptop-lid{padding:9px 9px 24px;border-radius:18px 18px 3px 3px}.laptop-camera{top:6px;height:16px}.laptop-camera::after{bottom:4px;width:3px;height:3px}.laptop-base{height:25px}.laptop-base::before{height:7px}.laptop-foot{height:4px;bottom:-4px}.laptop-chin{bottom:6px;font-size:6px}.marketing-phone{bottom:29px;padding:5px;border-radius:31px}.phone-screen{border-radius:26px}.phone-island{top:8px;height:12px}.phone-island::after{top:3px;width:5px;height:5px;right:7px}.phone-home{bottom:5px;height:2px}.home1.laptop-preview .hero-device .demo-navigation{left:-37px;right:-37px}.home1.laptop-preview .hero-device .demo-navigation button{width:30px;height:30px;font-size:24px}}
@media(max-width:650px){.home1.laptop-preview .hero{padding:0 17px 30px}.home1.laptop-preview .hero-copy{padding:39px 0 50px}.home1.laptop-preview .hero-copy h1{font-size:clamp(33px,7.8vw,43px);line-height:1.12;letter-spacing:-.047em}.home1.laptop-preview .hero-copy h1 br{display:none}.home1.laptop-preview .hero-copy>p{font-size:16px;line-height:1.6;margin-top:19px;max-width:480px}.home1.laptop-preview .hero-actions{margin-top:22px;gap:9px}.home1.laptop-preview .hero-actions .button{min-height:46px;padding:12px 17px;font-size:12px}.home1.laptop-preview .hero-device{width:100%;aspect-ratio:auto}.laptop-computer{width:87%;top:0;left:1%}.marketing-phone{width:30%;bottom:0;right:0;padding:3px;border-radius:20px}.phone-screen{border-radius:16px}.phone-island{top:5px;height:8px;width:32%}.phone-island::after{top:2px;right:4px;width:3px;height:3px}.phone-home{bottom:3px;width:30%;height:2px}.laptop-lid{padding:5px 5px 13px;border-radius:10px 10px 2px 2px}.laptop-viewport{border-radius:5px 5px 0 0}.laptop-camera{top:3px;height:7px;border-radius:0 0 2px 2px}.laptop-camera::after{bottom:2px;left:calc(50% - 1px);width:2px;height:2px}.laptop-chin{font-size:4px;bottom:4px}.laptop-base{height:13px;border-radius:0 0 5px 5px}.laptop-base::before{height:4px;border-radius:0 0 4px 4px}.laptop-base::after{bottom:1px;height:1px}.laptop-foot{height:2px;bottom:-2px}.home1.laptop-preview .hero-device .demo-navigation{left:0;right:0;top:auto;bottom:2px;height:25px;justify-content:flex-start;gap:8px}.home1.laptop-preview .hero-device .demo-navigation button{width:25px;height:25px;font-size:21px;border-color:#ffffff60;background:#ffffffdc}.home1.laptop-preview .demo-toast{width:180px;right:31%;bottom:9%;padding:9px;gap:6px}.home1.laptop-preview .demo-toast b{font-size:10px}.home1.laptop-preview .demo-toast div>span{font-size:8px}.home1.laptop-preview .demo-toast-check{width:24px;height:24px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.laptop-preview .hero *{transition:none!important;animation:none!important}}
@media(max-width:1000px){.laptop-browser{height:20px;font-size:6px}.laptop-browser span{line-height:13px}}
@media(max-width:650px){.laptop-browser{height:12px;font-size:4px;padding:0 5px;gap:3px}.laptop-browser i{width:3px;height:3px}.laptop-browser span{line-height:8px}}