:root{--blue:#2165f5;--ink:#17263e;--muted:#748098}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efb64c;outline-offset:5px}.header{max-width:1304px;height:106px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.logo{text-decoration:none;color:var(--ink);font-size:43px;font-weight:800;letter-spacing:-2px;line-height:.85}.logo-dot{color:var(--blue)}.logo small{display:block;font-size:9px;letter-spacing:5px;margin:10px 0 0 5px;font-weight:750}.header nav{display:flex;gap:35px;margin-left:78px}.header nav button{border:0;background:none;color:#566176;font-size:13px;font-weight:650;padding:12px 0}.header nav button:hover{color:var(--blue)}.contact{border:1px solid #dce4ef;background:white;border-radius:28px;padding:14px 20px;font-size:12px;font-weight:750}.contact span{margin-left:17px;color:var(--blue);font-size:18px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 52%,#fdf8f7 0,transparent 56%),radial-gradient(ellipse at 86% 48%,#dceaff 0,transparent 65%),#f5f8fe}.hero-inner{max-width:1304px;margin:auto;padding:0 32px;min-height:655px;display:grid;grid-template-columns:1.03fr 1fr;position:relative}.copy{z-index:2;padding-top:71px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:2px;color:#6b7e9c}.eyebrow>span{background:#2b75fa;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 5px #e6eefe}h1{font-size:clamp(44px,4.5vw,64px);line-height:1.16;letter-spacing:-2.7px;margin:28px 0 22px;font-weight:800}h1>span{color:var(--blue)}.intro{font-size:15px;line-height:1.9;color:#728097;margin:0}.actions{display:flex;align-items:center;gap:25px;margin-top:31px}.primary{background:var(--blue);color:white;border:0;border-radius:29px;padding:18px 23px;font-size:13px;font-weight:750;box-shadow:0 8px 20px #2165f51a;transition:transform .2s,background .2s}.primary:hover{background:#1454df;transform:translateY(-2px)}.primary>span{font-size:20px;margin-left:23px;line-height:0}.how{background:transparent;border:0;padding:0;color:#536178;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.play{border:1px solid #d7e0ee;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:15px;color:var(--blue)}.micro{margin-top:25px;color:#8b95a5;font-size:10px;display:flex;align-items:center;gap:8px}.micro>span{color:#6990ce;font-size:20px}.visual{position:relative;min-width:0;height:655px}.circle{position:absolute;width:480px;height:480px;border-radius:50%;background:linear-gradient(150deg,#e5edff,#c9dbfa);top:106px;left:12px}.orbit{position:absolute;border:1px solid #c9d9f1;border-radius:50%;width:526px;height:526px;top:81px;left:-11px}.orbit-two{width:567px;height:567px;top:60px;left:-32px;border-color:#dbe5f4}.person{position:absolute;height:641px;width:445px;object-fit:cover;object-position:top;bottom:0;left:50px;z-index:1}.float{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #fff;border-radius:15px;padding:17px 20px;box-shadow:0 14px 40px #31476b12;backdrop-filter:blur(10px)}.float strong{display:block;font-size:11px;font-weight:800}.float small{display:block;color:#8290a5;font-size:9px;margin-top:5px}.float-top{top:103px;left:-27px}.float-icon{color:var(--blue);background:#eaf1ff;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:22px}.float-bottom{bottom:57px;right:0}.check{width:31px;height:31px;background:#eaf7ef;color:#36945d;display:grid;place-items:center;border-radius:50%;font-weight:800}.star{position:absolute;z-index:2;color:#6798f9}.star-one{font-size:34px;top:49px;right:52px}.star-two{font-size:20px;bottom:130px;left:-8px}.vertical-label{position:absolute;right:-14px;top:290px;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px;color:#8ba3c6}.hero-bottom{max-width:1240px;margin:auto;border-top:1px solid #dce4f1;min-height:91px;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;z-index:4}.bottom-note{font-size:9px;letter-spacing:1.4px;color:#8c97a9;font-weight:750}.tags{display:flex;gap:40px}.tags>span{display:flex;align-items:center;gap:9px;color:#64738d;font-size:11px}.tags svg{width:18px;height:18px;fill:none;stroke:#497ded;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}dialog{border:1px solid #e1e8f5;border-radius:24px;padding:38px;max-width:680px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #142a5433}dialog::backdrop{background:#12254766;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;color:#748098}dialog h2{font-size:28px;letter-spacing:-1px}dialog p{line-height:1.8;color:#748098;font-size:14px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.direction-grid article{border:1px solid #e3eaf6;border-radius:12px;padding:16px}.direction-grid strong{font-size:13px}.direction-grid p{font-size:12px;margin-bottom:0}.dialog-label{font-size:10px;letter-spacing:2px;color:var(--blue)}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-list button{padding:16px;border:1px solid #e3eaf6;background:#f6f9ff;border-radius:12px;text-align:left}
@media(min-width:1600px){.hero-inner{min-height:710px}.copy{padding-top:98px}.visual{height:710px}.person{height:686px;width:477px}.circle{top:140px}.orbit-one{top:116px}.orbit-two{top:95px}.float-top{top:140px}.float-bottom{bottom:70px}.star-one{top:80px}}
@media(max-width:1100px){.header nav{gap:19px;margin-left:0}.hero-inner{padding:0 35px}.hero-bottom{margin:0 35px}.tags{gap:18px}.bottom-note{max-width:200px;line-height:1.8}.person{left:0;width:420px}.float-top{left:-10px}.float-bottom{right:-10px}.vertical-label{display:none}.circle{left:-30px}.orbit-one{left:-53px}.orbit-two{left:-74px}.actions{gap:15px}h1{font-size:53px}.copy{padding-top:78px}.visual{margin-left:15px}.intro{font-size:14px}}
@media(max-width:760px){.header{height:86px;padding:0 23px}.logo{font-size:35px}.logo small{font-size:8px;letter-spacing:4px;margin-top:8px}.header nav,.contact{display:none}.mobile-menu{display:block;border:1px solid #dce4ef;background:white;width:40px;height:40px;border-radius:50%;font-size:18px;color:var(--ink)}.hero-inner{display:flex;flex-direction:column;padding:0 24px}.copy{padding-top:43px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:46px;letter-spacing:-2px;margin-top:23px}.intro{font-size:14px}.desktop{display:none}.actions{gap:19px;flex-wrap:wrap;margin-top:25px}.primary{padding:17px 20px}.how{font-size:11px}.micro{font-size:9px;margin-top:17px}.visual{height:430px;width:100%;max-width:440px;align-self:center;margin:26px 0 0}.person{height:442px;width:307px;left:50%;transform:translateX(-50%)}.circle{width:330px;height:330px;top:61px;left:50%;transform:translateX(-50%)}.orbit-one{width:356px;height:356px;top:48px;left:50%;transform:translateX(-50%)}.orbit-two{width:382px;height:382px;top:35px;left:50%;transform:translateX(-50%)}.float{padding:12px;gap:8px;border-radius:12px}.float strong{font-size:9px}.float small{font-size:8px}.float-top{top:46px;left:-4px}.float-icon{width:27px;height:27px;font-size:18px}.float-bottom{right:-4px;bottom:23px}.check{width:25px;height:25px}.star-one{top:7px;right:25px}.star-two{bottom:86px;left:9px}.hero-bottom{margin:0 24px;padding:22px 0;flex-direction:column;align-items:flex-start;gap:16px}.bottom-note{max-width:none;font-size:8px}.tags{gap:14px;flex-wrap:wrap}.tags>span{font-size:9px;gap:5px}.tags svg{width:15px;height:15px}.direction-grid{grid-template-columns:1fr}dialog{padding:28px}dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}