@font-face{font-family:Raleway-regular;src:url(/_next/static/media/Raleway-Regular.eb5d8667.ttf)}@font-face{font-family:Raleway-Semiblod;src:url(/_next/static/media/Raleway-SemiBold.1c30e442.ttf)}@font-face{font-family:Opensans-regular;src:url(/_next/static/media/OpenSans-Regular.a1ea4e6e.ttf)}@font-face{font-family:Roboto-regular;src:url(/_next/static/media/Roboto-Regular.8ff69652.ttf)}:root{--primary-font:"Opensans-regular";--primary-font-bold:"Opensans-Blod";--secondary-font:"Raleway-regular";--secondary-font-bold:"Raleway-Blod";--secondary-font-semibold:"Raleway-Semiblod";--Roboto-font:"Roboto-regular";--white-color:#fff;--color-gray:#a5a1a1;--btn-gradient:linear-gradient(135deg,#eb00ff,#00a3ff 84.87%)}body{margin:0!important;font-family:var(--secondary-font);overflow:hidden;height:100vh;width:100vw}.cls-logo-3{fill:#3c9a63}.cls-logo-2{fill:#fff}.magic_mock_body .footer{font-weight:400!important;font-size:12px;position:absolute;bottom:0;color:var(--white-color)}.magic_mock_body .footer .foot_logo{display:flex;align-items:center;justify-content:center;font-size:12px}.magic_mock_body .footer .foot_logo svg{padding-left:15px}.foot_logo svg{width:130px;height:30px}.footer{text-align:center;padding:10px 0;background-color:none;color:#fff;font-size:12px;position:relative;width:100%}.magic_mock_body{background:linear-gradient(135deg,var(--theme-gradient-start) 0,var(--theme-gradient-mid) 50%,var(--theme-gradient-end) 100%);background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.magic_mock_body .mock_box{text-align:center;color:var(--white-color)}.magic_mock_body .mock_box h2{color:var(--white-color);font-size:50px;font-family:Raleway-regular;margin:0;font-weight:500;max-width:590px}.magic_mock_body .mock_box h2 span{font-family:var(--secondary-font-semibold)}.magic_mock_body .mock_box h3{color:var(--white-color);font-size:1.35rem;font-family:Raleway-regular;font-weight:400;max-width:720px;margin:0 auto;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3)}.magic_mock_body .mock_box p{font-family:var(--primary-font)}.magic_mock_body .mock_box form input{background-color:var(--white-color);color:#000;border:1px solid var(--color-gray);border-radius:5px;margin-bottom:23px;width:312px;height:43px;padding:0 25px;font-size:16px}.magic_mock_body .mock_box form input::placeholder{color:#999}.agent_overlay_sec button.submit,.magic_mock_body .mock_box form button.submit{background:var(--btn-gradient);color:var(--white-color);font-family:var(--Roboto-font);width:360px;height:64px;border-radius:5px;font-size:18px;display:flex;justify-content:center;align-items:center;margin:0 auto;cursor:pointer;border:none!important}.agent_overlay_sec button.submit:hover,.magic_mock_body .mock_box form button.submit:hover{background:var(--theme-button-primary-hover)}.agent_overlay_sec button.submit img,.magic_mock_body .mock_box form button.submit img{width:24px;height:24px}.thumbnail_sec{display:inline-block;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative}.thumbnail_sec .web_thumb_img img{display:block;width:390px;height:263px;border-radius:15px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.1)}.checklist_points{display:flex;align-items:center;justify-content:center}.checklist_points ul{text-align:left;list-style-type:disc}.checklist_points ul li{line-height:34px;font-size:15px}li::marker{color:#3f9b63;font-size:1.5em}.magic_mock_ai_body{background:url(/_next/static/media/Magic_page_bg.1b3cafe3.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;font-size:12px;position:relative}.mock-ai-ready{position:absolute;z-index:2}.preview-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.preview-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);z-index:1}.preview-screen h1{font-size:48px;margin-bottom:30px}.preview-screen h1,.try-button{color:var(--white-color);z-index:2}.try-button{background:var(--btn-gradient);font-size:18px;font-family:var(--Roboto-font);width:360px;height:64px;border-radius:5px;cursor:pointer;border:none;margin-top:20px}.try-button:hover{background:#1976d2}.full-screen-iframe{top:0;left:0;width:100%;height:735px;border:none;z-index:0;overflow:hidden;margin-block-start:90px;margin-block-end:60px}.magic_mock_ai_body .ai_agent_header{color:var(--white-color);display:flex;justify-content:space-between;padding:20px 40px;width:100%;position:absolute;top:0}.magic_mock_ai_body .ai_agent_footer{color:var(--white-color);position:absolute;bottom:60px;padding:20px 40px;width:100%}.magic_mock_ai_body .ai_agent_header .foot_logo{display:flex;align-items:center;justify-content:flex-start;font-size:12px;margin:0}.magic_mock_ai_body .ai_agent_header .foot_logo svg{padding-left:15px}.magic_mock_ai_body .ai_agent_header button{border:2px solid #3f9b63;width:175px;height:50px;color:var(--white-color);font-size:16px;font-family:var(--primary-font);cursor:pointer;border-radius:4px!important}.magic_mock_ai_body .ai_agent_header button:hover{background-color:#32755a}.magic_mock_ai_body .ai_agent_header .btn_dark{background-color:#3f9b63;margin-right:20px}.magic_mock_ai_body .ai_agent_header .btn_light{background-color:transparent}.magic_mock_ai_body .ai_agent_sec iframe{width:100%;height:calc(100vh - 150px);border:none;overflow:hidden}.magic_mock_ai_body .actions{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;gap:10px;padding:10px;background-color:#036;z-index:2}.magic_mock_ai_body .actions .action-button{background:var(--btn-gradient);color:var(--white-color);font-family:var(--Roboto-font);width:150px;height:45px;border-radius:5px;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none}.magic_mock_ai_body .actions .action-button:hover{background:#1976d2}.status_container{width:100%;display:flex;justify-content:center;margin-top:20px}.status-list{list-style:none;padding:0;margin:0;text-align:left}.status-item{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#b0b0b0;padding-left:15px}.bullet{display:inline-block;width:10px;height:10px;margin-right:15px;border-radius:50%;border:2px solid #b0b0b0;background-color:transparent;animation:lightUp 2s forwards;opacity:0}.status-item.active .bullet{opacity:1;animation:lightUp 1s forwards}@keyframes lightUp{0%{background-color:transparent;border-color:#b0b0b0}to{background-color:#3f9b63;border-color:#3f9b63}}.map-chat-container{display:flex;flex-direction:row;height:calc(100% - 80px);overflow:hidden}.map-container{flex:1;overflow:hidden}.chat-container{width:300px;min-width:300px;background:#f5f5f5;border-left:1px solid #ddd;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}.scan-bar{position:absolute;top:0;left:-7px;width:calc(100% + 14px);height:6px;background-color:hsla(0,0%,83%,.5);animation:scan 6s linear infinite,glow 3s linear infinite;box-shadow:0 0 10px hsla(0,0%,100%,.5)}@keyframes scan{0%{top:0}50%{top:calc(100% - 35px)}to{top:0}}@keyframes glow{0%,to{box-shadow:0 0 10px hsla(0,0%,100%,.5)}50%{box-shadow:0 0 20px #fff,0 0 40px hsla(0,0%,100%,.7)}}:root{--page-background:#f4f4f4;--text-background:#fff;--button-background:#1863dc;--button-hover-background:#1454b8;--header-text-color:#00234c;--subheading-text-color:#858585;--text-color:#212121;--theme-primary:#1863dc;--theme-secondary:#00234c;--theme-accent:#f48d03;--theme-gradient-start:#00234c;--theme-gradient-mid:#1863dc;--theme-gradient-end:#f48d03;--theme-text-primary:#212121;--theme-text-secondary:#858585;--theme-text-light:#fff;--theme-bg-primary:#fff;--theme-bg-secondary:#f4f4f4;--theme-bg-dark:#00234c;--theme-button-primary:#1863dc;--theme-button-primary-hover:#1454b8;--theme-button-secondary:#f48d03;--theme-button-secondary-hover:#d97a03;--theme-border-light:#ebebeb;--theme-border-medium:#ccc}*{box-sizing:border-box}body{background:var(--page-background);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:var(--text-color);padding:0;margin:0}.container{font-size:15px;display:flex;align-items:center;justify-content:center}.ai-orb{width:12em;height:12em;position:relative;transform:scale(.5)}.ai-orb,.ai-orb__circle{border-radius:50%;background:var(--theme-primary)}.ai-orb__circle{width:100%;height:100%;animation:inhale 2s ease-in 0s infinite forwards;position:absolute;inset:0;z-index:1}.circle2{animation-delay:.67s}.circle3{animation-delay:1.32s}.ai-orb__bg-wrap{overflow:hidden;z-index:10}.ai-orb__bg,.ai-orb__bg-wrap{width:100%;height:100%;border-radius:50%;position:absolute;inset:0}.ai-orb__bg{background:radial-gradient(var(--theme-accent),transparent 80%);animation:scale-bg 2s ease-in-out 0s infinite alternate}.ai-orb svg{width:100%;height:100%;position:absolute;padding:2em;z-index:20;left:0}.small-star{animation:twinkle 1s ease-in-out .5s infinite alternate;transform-origin:20% 20%}.big-star{animation:twinkle 1s ease-in-out 0s infinite alternate}.big-star,.particle{transform-origin:center}.particle{width:.8em;height:.8em;border-radius:50%;position:absolute;background:var(--theme-primary);z-index:15;opacity:0;animation:ingestion 2s cubic-bezier(.32,0,.67,0) 0s infinite forwards}.particle1{bottom:0;right:3em;offset-path:path("M31 69.5L0.999924 0.499929")}.particle2{top:-1em;left:-2em;offset-path:path("M0.5 0.5L69.5 69.5");background:var(--theme-accent);animation-delay:.5s;transform:scale(.75)}.particle3{bottom:0;left:-1em;offset-path:path("M1 70L31 1");animation-delay:.3s;transform:scale(.6)}.particle4{top:-1em;left:0;offset-path:path("M0.5 0.5L69.5 69.5");animation-delay:1.3s;background:var(--theme-secondary);transform:scale(.6)}.particle-set{width:100%;height:100%;position:absolute;inset:0;transform-origin:center}.set2{transform:rotate(90deg)}.set2 .particle1{animation-delay:1.6s;background:var(--theme-accent);bottom:2em;right:2em}.set2 .particle2{animation-delay:.6s;transform:scale(1)}.set2 .particle3{animation-delay:1.5s;left:1em;bottom:3em}.set2 .particle4{animation-delay:.3s}.set3{transform:rotate(120deg)}.set3 .particle1{animation-delay:1s;transform:scale(.6)}.set3 .particle2{animation-delay:1s;background:var(--theme-primary)}.set3 .particle3{animation-delay:1s;transform:scale(1)}@keyframes scale-bg{0%{transform:scale(.3);opacity:0}to{transform:scale(1.5);opacity:1}}@keyframes inhale{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes twinkle{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes ingestion{0%{opacity:0;width:.3em;height:.3em;offset-distance:0}30%{opacity:1;width:.8em;height:.8em}80%{opacity:1}to{opacity:0;offset-distance:100%}}