:root{color-scheme:light;--ink:#182133;--muted:#7f899c;--border:#e1e7ef;--accent:#536ef5;--accent-dark:#3f57d5;--radius:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#f4f6f9;color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.page-shell{width:min(1120px,calc(100% - 72px));margin:0 auto}
.site-header{height:109px;display:flex;align-items:center;justify-content:space-between}
.site-brand{display:inline-flex;align-items:center;gap:11px;font-size:16px;letter-spacing:-.045em;font-weight:760}
.brand-square{display:flex;align-items:center;justify-content:center;align-self:center;width:35px;height:35px;border-radius:10px;background:#19253a;color:white;font-size:21px;line-height:1;letter-spacing:-.12em;padding-right:3px}
.brand-square span{color:#8194ff}
.header-caption{font-size:12px;color:#8c94a1;letter-spacing:.025em}
.main-panel{min-height:626px;display:grid;grid-template-columns:44.7% 55.3%;background:#fff;border:1px solid #e7ebf1;border-radius:var(--radius);box-shadow:0 20px 48px rgba(28,43,70,.055),0 3px 10px rgba(28,43,70,.025);overflow:hidden}
.intro{background:#19253b;color:#fff;position:relative;overflow:hidden}
.intro:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(82,107,202,.22),rgba(82,107,202,0) 66%);bottom:-380px;right:-300px;pointer-events:none}
.intro-inner{position:relative;z-index:1;height:100%;padding:54px 47px 42px;display:flex;flex-direction:column}
.availability{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-size:11px;letter-spacing:.16em;font-weight:750;color:#c4cde2}
.availability-dot{width:7px;height:7px;border-radius:50%;background:#80cda9;box-shadow:0 0 0 4px rgba(128,205,169,.105)}
.intro-text{margin:auto 0;transform:translateY(-3px)}
.intro-domain{font-size:clamp(25px,3vw,38px);font-weight:760;letter-spacing:-.055em;line-height:1.2;margin:0 0 29px;overflow-wrap:anywhere}
.intro-domain span{color:#b1bdd4}
.intro h1{font-size:clamp(35px,3.5vw,48px);line-height:1.12;font-weight:720;letter-spacing:-.058em;margin:0 0 22px}
.intro h1 span{color:#a9b7ff}
.intro-description{max-width:310px;font-size:14px;line-height:1.85;color:#b9c4d5;margin:0}
.intro-bottom{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.035em;color:#74839d}
.intro-line{height:1px;width:42px;background:#66768e}
.contact{display:flex;justify-content:center;align-items:center;padding:40px 38px}
.contact-content{width:min(100%,445px)}
.contact-heading{margin-bottom:33px}
.form-overline{display:block;color:#667be4;letter-spacing:.155em;font-size:10px;font-weight:800;margin-bottom:11px}
.contact h2{font-size:30px;font-weight:750;line-height:1.18;letter-spacing:-.055em;margin:0 0 8px}
.heading-dot{color:var(--accent)}
.contact-heading p{margin:0;font-size:13px;color:#8490a1;line-height:1.7}
form{display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:grid;gap:7px;min-width:0}
.field label{font-size:12.5px;font-weight:660;color:#36445a}
.field label span{font-weight:700;color:#667be4}
.field input,.field textarea{display:block;width:100%;min-width:0;border:1px solid var(--border);background:#fbfcfe;color:#1c2535;outline:none;border-radius:9px;padding:13px 14px;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:0 1px 1px rgba(30,45,65,.015)}
.field input{height:49px}
.field textarea{min-height:131px;max-height:280px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#adb5c2;opacity:1}
.field input:hover,.field textarea:hover{border-color:#c7d1e1}
.field input:focus,.field textarea:focus{background:#fff;border-color:#7f92ef;box-shadow:0 0 0 3px rgba(83,110,245,.1)}
.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#d67a76}
.submit-button{display:flex;align-items:center;justify-content:space-between;gap:24px;height:51px;background:#536ef5;color:#fff;border:0;border-radius:9px;padding:0 17px 0 21px;cursor:pointer;font-size:13.5px;font-weight:730;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 6px 13px rgba(83,110,245,.19)}
.submit-button svg{width:20px;height:20px;flex-shrink:0}
.submit-button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 8px 18px rgba(83,110,245,.22)}
.submit-button:focus-visible{outline:3px solid #aab6fc;outline-offset:3px}
.submit-button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.form-footnote{font-size:11px;color:#a3acb9;margin:14px 0 0}
.notice{font-size:13px;line-height:1.6;margin:0;min-height:0;overflow-wrap:anywhere}
.notice:empty{display:none}
.notice[data-state="success"]{color:#167a52;background:#ebf8f1;border:1px solid #cdeedf;border-radius:8px;padding:10px 12px}
.notice[data-state="error"]{color:#b42318;background:#fff3f2;border:1px solid #f8d7d5;border-radius:8px;padding:10px 12px}
.hp{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;opacity:0!important;left:-9999px!important;pointer-events:none!important}
.site-footer{padding:25px 2px 35px;display:flex;justify-content:space-between;gap:20px;color:#a2aab7;font-size:11px}
@media(min-width:1000px){.main-panel{min-height:640px}.contact{padding:48px 50px}.intro-inner{padding:58px 52px 43px}}
@media(max-width:820px){.page-shell{width:min(670px,calc(100% - 44px))}.site-header{height:86px}.main-panel{grid-template-columns:1fr}.intro-inner{min-height:292px;padding:29px 34px 30px}.intro-text{margin:34px 0 24px;transform:none}.intro-domain{font-size:30px;margin:0 0 12px}.intro h1{font-size:37px;margin:0 0 13px}.intro h1 span{display:inline}.intro-description{font-size:13px;max-width:480px}.intro-bottom{display:none}.contact{padding:37px 34px 39px}.contact-content{max-width:none}.contact-heading{margin-bottom:25px}}
@media(max-width:500px){.page-shell{width:calc(100% - 28px)}.site-header{height:73px}.site-brand{font-size:14px;gap:8px}.brand-square{width:31px;height:31px;border-radius:9px;font-size:19px}.header-caption{display:none}.main-panel{border-radius:16px}.intro-inner{min-height:250px;padding:26px 23px 26px}.availability{font-size:10px}.intro-text{margin:28px 0 0}.intro-domain{font-size:27px;margin-bottom:13px}.intro h1{font-size:31px;line-height:1.19;margin-bottom:13px}.intro-description{line-height:1.65;font-size:12.5px}.contact{padding:29px 21px 31px}.contact-heading{margin-bottom:23px}.contact h2{font-size:27px}.contact-heading p{font-size:12px}.form-row{grid-template-columns:1fr;gap:16px}form{gap:16px}.field input{height:47px}.field textarea{min-height:113px}.submit-button{width:100%}.site-footer{padding:20px 2px 28px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
