@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#050d20;--panel:#0c1830;--line:#24395c;--text:#f7f8ff;--muted:#b6c4df;--cyan:#18d7f5;--purple:#7c3cff;--pink:#ed22df;--blue:#078bff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 72% 12%,#10295b 0,transparent 30%),radial-gradient(ellipse at 12% 48%,#101b43 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#193058 1px,transparent 1px),linear-gradient(90deg,#193058 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1240px,calc(100% - 56px));margin-inline:auto}.ambient{position:absolute;z-index:-1;filter:blur(70px);opacity:.32;border-radius:50%;animation:float 9s ease-in-out infinite alternate}.ambient-a{width:340px;height:340px;top:110px;right:12%;background:#6027ff}.ambient-b{width:270px;height:270px;top:650px;left:-100px;background:#007cff;animation-delay:-4s}@keyframes float{to{transform:translate(30px,-28px) scale(1.12)}}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #18294a;position:relative;z-index:5}.brand{font-size:24px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.logo{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:7px;color:#061329;font-size:21px;background:linear-gradient(135deg,#12d8f8,#8c40ff 65%,#ff27cb);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}nav{display:flex;gap:25px;color:#d8e2f8;font-size:12px}nav a{transition:color .2s}nav a:hover{color:#27d8ff}.nav-actions{display:flex;align-items:center;gap:12px}.login,.btn-ghost{border:1px solid #8ca1c7;background:#0b1530b5}.login{padding:11px 18px;border-radius:12px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;border:0;border-radius:12px;color:#fff;font-size:13px;font-weight:750;background:linear-gradient(105deg,#078dff,#7a25f8 65%,#ed20df);box-shadow:0 8px 28px #5727fa36;transition:transform .25s,filter .25s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);filter:brightness(1.16)}.btn:after{content:"";position:absolute;top:-60%;left:-40%;height:220%;width:22%;background:#ffffff30;transform:rotate(25deg);transition:left .6s}.btn:hover:after{left:130%}.btn.small{padding:10px 16px;font-size:12px;border-radius:10px}.btn-ghost{box-shadow:none}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;border-radius:9px;padding:8px}.hero{min-height:350px;display:grid;grid-template-columns: .95fr 1.05fr;align-items:center;gap:15px;padding-top:35px;padding-bottom:25px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #3861a7;background:#112448a8;color:#e1eaff;border-radius:30px;padding:7px 12px;font-size:11px;letter-spacing:.1px}.eyebrow span{color:#39dcff}h1{font-size:clamp(38px,4.3vw,60px);line-height:.99;letter-spacing:-2.5px;margin:19px 0 16px;font-weight:900}h1 span{background:linear-gradient(90deg,#ec3be7,#348fff 70%);background-clip:text;color:transparent}p{color:var(--muted);line-height:1.65}.hero-copy>p{max-width:520px;font-size:14px;margin-bottom:22px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.play{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;background:#fff;color:#17233c;font-size:10px}.checks{display:flex;gap:17px;flex-wrap:wrap;margin-top:23px;color:#d5e1f7;font-size:10px}.checks span:first-letter{color:#32e2f2}.device-stage{height:340px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.glow{position:absolute;width:78%;height:55%;background:linear-gradient(90deg,#004fff,#d11dff);filter:blur(55px);opacity:.48;animation:pulse 5s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.8;transform:scale(1.08)}}.laptop{position:absolute;left:3%;top:12%;width:82%;height:75%;padding:9px;border-radius:17px 17px 8px 8px;background:linear-gradient(145deg,#101a2e,#020611);border:2px solid #3b6ce0;box-shadow:0 20px 45px #020611a8;transform:rotateY(-7deg) rotateX(2deg);animation:rise 1s both}.laptop:after{content:"";position:absolute;bottom:-12px;left:-7%;width:114%;height:13px;border-radius:2px 2px 16px 16px;background:linear-gradient(#3e69c8,#101b36);box-shadow:0 12px 20px #020612}.screen{height:100%;overflow:hidden;border-radius:8px;background:#eaf2ff;color:#0b1730}.editor-top{height:30px;background:#08152e;color:#dbe8ff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:9px}.editor-top i{color:#26d9ff}.editor-top button,.site-preview button,.phone-art button{border:0;border-radius:5px;padding:5px 9px;background:linear-gradient(90deg,#007fff,#9b2bff);color:#fff;font-size:8px}.editor{display:grid;grid-template-columns:75px 1fr;height:calc(100% - 30px)}.editor aside{background:#0c1b36;color:#b9c9e8;padding:13px 9px;font-size:8px}.site-preview{padding:0 10px 10px;background:#f7f9ff}.mini-nav{height:22px;font-size:7px;color:#3d5277;padding:7px}.mountain{height:70%;min-height:120px;padding:20px 12%;background:linear-gradient(180deg,#0c2a57a8,#121a35a0),url('cp-builder-homepage-concept.png') center 30%/cover;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:white}.mountain small{font-size:7px;letter-spacing:1px}.mountain h2{font-size:clamp(13px,2vw,25px);line-height:1.05;margin:7px 0}.mini-cards{display:flex;gap:8px;margin-top:7px}.mini-cards span{padding:7px;background:#fff;border-radius:5px;box-shadow:0 3px 8px #1232;font-size:7px;flex:1}.phone{position:absolute;right:3%;top:28%;height:230px;width:119px;border:4px solid #111b2c;outline:1px solid #4978df;border-radius:23px;background:#f7faff;color:#10203d;z-index:2;transform:rotate(7deg);box-shadow:0 14px 30px #0008;overflow:hidden;padding:9px 6px}.phone-notch{position:absolute;top:3px;left:35px;width:43px;height:8px;border-radius:8px;background:#10192b}.phone-brand{display:flex;justify-content:space-between;font-size:7px;font-weight:800;padding:7px 2px}.phone-art{height:100px;border-radius:8px;padding:12px 8px;color:white;background:linear-gradient(#132d4e77,#15203f77),url('cp-builder-homepage-concept.png') center/cover;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.phone-art small{font-size:5px}.phone-art h3{font-size:13px;line-height:1.1;margin:6px 0}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px}.phone-grid span{padding:8px 3px;background:#e7edfa;border-radius:5px;text-align:center;color:#177de2;font-size:12px}.phone-grid small{display:block;font-size:6px;color:#344763}.scribble{position:absolute;right:-1%;top:1%;font-size:13px;line-height:1.4;color:#d7d9ff;transform:rotate(7deg);font-style:italic}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:5px}.feature{padding:15px 10px 13px;border:1px solid #23395c;border-radius:13px;background:linear-gradient(145deg,#101e38d9,#09152ad9);text-align:center;transition:transform .25s,border-color .25s}.feature:hover,.template-card:hover{transform:translateY(-5px);border-color:#5974f5}.ficon{display:grid;place-items:center;margin:0 auto 9px;width:43px;height:43px;border-radius:13px;color:#fff;font-size:23px;background:linear-gradient(135deg,#087dff,#8e27ff);box-shadow:0 5px 20px #562bff40}.ficon.blue{background:linear-gradient(135deg,#136dff,#9c22ff)}.ficon.violet{background:linear-gradient(135deg,#ff26d5,#7e24ff)}.ficon.teal{background:linear-gradient(135deg,#06d9d2,#009d85)}.ficon.pink{background:linear-gradient(135deg,#fa38c9,#ff1475)}.ficon.purple{background:linear-gradient(135deg,#712cff,#4515d4)}.ficon.orange{background:linear-gradient(135deg,#ffb52f,#ff3e6c)}.feature h3{font-size:12px;margin:8px 0 5px}.feature p{font-size:10px;margin:0;line-height:1.5}.template-panel{margin-top:17px;padding:20px;display:grid;grid-template-columns:230px 1fr;gap:20px;border:1px solid #344a78;border-radius:15px;background:linear-gradient(120deg,#111b39e8,#08162be8)}h2{font-size:27px;line-height:1.08;letter-spacing:-.8px;margin:13px 0 10px}.section-intro p{font-size:11px;line-height:1.55}.template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center}.template-card{text-align:center;font-size:10px;transition:transform .25s}.template-art{height:140px;border-radius:8px;padding:10px 7px;box-shadow:0 8px 18px #0004}.mock-window{height:100%;background:#f4f6ff;border-radius:4px;padding:12px 7px;text-align:left;color:#10203b;box-shadow:0 2px 10px #0013}.mock-window b{font-size:8px}.mock-window div{height:15px;margin-top:9px;border-radius:3px;background:linear-gradient(90deg,#c6d5ed,#e7ecf8)}.mock-window .mock-pill{width:60%;height:20px;background:linear-gradient(90deg,#078bff,#a124ff)}.template-card strong{display:block;margin-top:8px}.steps{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;padding:24px 5px}.step-list{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.step-list article{text-align:center;max-width:135px}.step-list article>b{display:grid;place-items:center;margin:auto;width:39px;height:39px;border-radius:50%;font-size:18px;background:linear-gradient(135deg,#008eff,#7134ff);box-shadow:0 0 0 7px #16305a}.step-list h3{font-size:12px;margin:16px 0 6px}.step-list p{font-size:10px;line-height:1.5;margin:0}.step-list>i{margin-top:12px;color:#cbdcff}.promo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promo-card{min-height:170px;border:1px solid #5c3bce;border-radius:15px;padding:20px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.mobile-promo{background:radial-gradient(circle at 80% 45%,#6a29dd,#24126a 70%)}.dev-promo{background:radial-gradient(circle at 85% 35%,#064a9e,#071e49 75%);border-color:#175db3}.promo-card .ficon{display:inline-grid;vertical-align:middle;width:34px;height:34px;margin:0 8px 0 0;font-size:18px}.promo-card h2{display:inline-block;font-size:18px;vertical-align:middle;margin:0 0 12px}.promo-card p{font-size:12px;max-width:270px;margin:0 0 12px}.mini-phones{display:flex;gap:8px;align-items:center;transform:rotate(-7deg)}.mini-phones div{width:68px;height:125px;border:3px solid #080e1d;border-radius:13px;background:#f7f9ff;color:#26436b;padding:15px 6px;font-size:10px;box-shadow:0 10px 25px #0005}.mini-phones div+div{transform:rotate(12deg) translateY(5px)}.code-window{width:42%;height:130px;border:1px solid #315c9c;border-radius:9px;background:#071125e8;padding:12px;font:9px monospace;color:#54ddf6;box-shadow:0 10px 25px #0004}.code-window b{color:#fb5bbd}.code-window p{font:inherit;color:#6bdbff;white-space:nowrap}.code-window .code-last{color:#7bffba}.stats{display:flex;justify-content:space-around;gap:15px;padding:25px 0;border-bottom:1px solid #21324e}.stats div{display:flex;flex-direction:column;align-items:center;gap:5px}.stats b{font-size:20px;color:#32dafa}.stats span{font-size:10px;color:#d8e4f8}.pricing{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:12px;padding-top:24px;padding-bottom:24px;align-items:stretch}.pricing-intro h2{font-size:25px}.pricing-intro p{font-size:11px}.billing{display:inline-flex;border:1px solid #334c79;border-radius:12px;padding:3px;margin-top:8px}.billing button{border:0;background:transparent;color:#dbe8ff;border-radius:9px;padding:9px 12px;font-size:10px}.billing button.active{background:linear-gradient(100deg,#078dff,#a52aff)}.billing small{display:block;font-size:8px;color:#a5e8ff}.plan{position:relative;border:1px solid #2b4165;border-radius:12px;padding:17px 17px 12px;background:linear-gradient(145deg,#101c34,#08152a);display:flex;flex-direction:column}.plan.popular{border-color:#c12cff;box-shadow:0 0 24px #8128ff25}.popular-tag{position:absolute;top:-11px;left:30%;border-radius:20px;padding:5px 12px;background:linear-gradient(90deg,#7634ff,#ed20df);font-size:9px}.plan h3{font-size:15px;margin:0 0 4px}.plan>p{font-size:10px;margin:0}.price{font-size:14px;margin:10px 0}.price strong{font-size:23px}.price small{font-size:10px;color:var(--muted)}.plan ul{padding:0;list-style:none;margin:0 0 15px;flex:1}.plan li{font-size:11px;margin:6px 0;color:#27e1f1}.plan li span{color:#e0e8f8;margin-left:7px}.plan .btn{width:100%;padding:9px}.reviews{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:12px;padding-bottom:28px}.reviews h2{font-size:25px}.reviews>div p{font-size:11px}.review{border:1px solid #2b4165;border-radius:12px;background:#0d1a30;padding:13px}.stars{color:#ffbe25;letter-spacing:2px}.review p{font-size:10px;line-height:1.55;min-height:45px}.review b,.review small{display:block;font-size:10px}.review small{color:var(--muted);margin-top:4px}.final-cta{position:relative;overflow:hidden;background:linear-gradient(110deg,#09285c,#21145b 65%,#32106a);border-top:1px solid #293c83}.final-cta:before{content:"";position:absolute;inset:auto -5% -70px;height:120px;background:linear-gradient(90deg,#087dff,#6a22ff,#f02add);filter:blur(35px);opacity:.65}.final-cta .wrap{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.final-cta h2{font-size:20px;margin:0 0 5px}.final-cta p{font-size:11px;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;color:#9fb1d2;font-size:10px}.footer .brand{font-size:17px;color:#fff}.footer .logo{width:27px;height:27px;font-size:15px}
@media(max-width:1000px){nav{gap:13px}.hero{grid-template-columns:1fr 1fr}.features{grid-template-columns:repeat(3,1fr)}.template-panel{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(6,1fr)}.template-art{height:120px}.pricing{grid-template-columns:repeat(3,1fr)}.pricing-intro{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pricing-intro h2{margin:0}.pricing-intro p{max-width:180px}.billing{margin:0}.reviews{grid-template-columns:repeat(3,1fr)}.reviews>div{grid-column:1/-1}.steps{grid-template-columns:1fr}.steps>div:first-child h2 br{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}.nav{height:68px}.brand{font-size:20px}nav{display:none;position:absolute;top:66px;left:0;right:0;padding:20px;background:#09152df7;border:1px solid var(--line);border-radius:12px;flex-direction:column}.nav.open nav{display:flex}.login{display:none}.menu-toggle{display:block}.nav-actions{gap:8px}.hero{grid-template-columns:1fr;padding-top:28px}.hero h1{font-size:42px}.hero-copy>p{font-size:13px}.device-stage{height:285px;margin-top:0}.laptop{left:0;width:90%;height:70%}.phone{right:0;height:205px;width:105px;top:30%}.scribble{right:0;top:0;font-size:10px}.checks{gap:10px}.features{grid-template-columns:repeat(2,1fr);gap:9px}.feature{padding:13px 7px}.template-panel{padding:14px}.template-grid{grid-template-columns:repeat(3,1fr)}.template-art{height:130px}.steps{padding:25px 0;gap:18px}.step-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.step-list>i{display:none}.step-list article{max-width:none}.promo{grid-template-columns:1fr}.promo-card{padding:15px;min-height:165px}.promo-card h2{font-size:15px}.promo-card p{font-size:11px;max-width:220px}.mini-phones div{width:55px;height:108px}.code-window{width:38%;font-size:8px;padding:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px}.stats b{font-size:18px}.pricing{grid-template-columns:1fr;padding-top:25px}.pricing-intro{display:block}.pricing-intro h2{margin:12px 0}.pricing-intro p{max-width:none}.billing{margin-top:8px}.plan{min-height:245px}.reviews{grid-template-columns:1fr}.reviews>div{grid-column:auto}.review p{min-height:auto}.final-cta .wrap{padding:22px 0;align-items:flex-start;flex-direction:column}.final-cta h2{font-size:19px}.footer{flex-wrap:wrap}.footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* CP Builder v1.0.3 exact-nav and hero refinement */
.main-nav{display:flex;align-items:center;gap:22px}
.main-nav>a,.nav-drop-trigger{font-size:12px;color:#dbe5fa;white-space:nowrap}
.nav-drop-trigger{border:0;background:transparent;padding:10px 0}
.nav-dropdown{position:relative}
.nav-drop-trigger span{color:#8ca6d6;margin-left:4px}
.dropdown-menu,.language-menu{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:190px;padding:8px;background:#0b1730f7;border:1px solid #334b7b;border-radius:12px;box-shadow:0 18px 45px #0008;z-index:30;backdrop-filter:blur(18px)}
.nav-dropdown.open .dropdown-menu,.language-wrap.open .language-menu{display:block;animation:dropIn .18s ease-out}
.dropdown-menu a{display:block;padding:11px;border-radius:8px;font-size:11px;color:#dce8ff}
.dropdown-menu a:hover{background:#192c52;color:#38dcff}
.language-wrap{position:relative}
.language-trigger{border:0;background:transparent;color:#edf3ff;padding:9px 5px;font-size:12px;white-space:nowrap}
.language-menu{min-width:205px}
#language-select{width:100%;padding:10px;border:1px solid #2f4771;border-radius:8px;background:#09152b;color:#e9f0ff;font-size:12px;margin-top:5px}
.goog-te-gadget{font-size:0!important;color:transparent!important}
.goog-te-gadget .goog-te-combo{width:100%;margin:4px 0!important;padding:9px;background:#09152b;color:#e9f0ff;border:1px solid #2f4771;border-radius:8px;font-size:12px}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}
body{top:0!important}
.hero-image-stage{height:355px;overflow:visible}
.hero-render{position:relative;z-index:1;width:112%;max-width:none;height:115%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 32px #05081799);animation:heroFloat 6s ease-in-out infinite}
.hero-image-stage .glow{width:85%;height:65%;filter:blur(75px);opacity:.55}
.hero-image-stage .scribble{z-index:2;right:-2%;top:0}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes dropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.main-nav{gap:12px}.main-nav>a,.nav-drop-trigger{font-size:11px}.hero-image-stage{height:300px}}
@media(max-width:700px){.main-nav{display:none;position:absolute;top:66px;left:0;right:0;padding:16px;background:#09152df7;border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch;gap:4px}.nav.open .main-nav{display:flex}.main-nav>a,.nav-drop-trigger{display:block;width:100%;text-align:left;padding:11px}.nav-dropdown{width:100%}.dropdown-menu{position:static;margin:2px 0 6px;box-shadow:none}.language-wrap{margin-right:3px}.hero-image-stage{height:250px;margin-top:5px}.hero-render{width:115%;height:112%;margin-left:-7%}.hero-image-stage .scribble{font-size:9px;right:0;top:-4px}}

/* Compact animated auth screens */
body:has(.auth){min-height:100vh;background:radial-gradient(ellipse at 15% 20%,#142e6b 0,transparent 38%),radial-gradient(ellipse at 90% 70%,#40126c 0,transparent 38%),#050d20}
body:has(.auth):after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 20%,#287bff0c 48%,#e52cff10 65%,transparent 80%);background-size:200% 200%;animation:authGlow 9s ease infinite}
@keyframes authGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.auth-top{width:min(1120px,calc(100% - 36px));margin:20px auto 0;display:flex;align-items:center;justify-content:space-between}
.auth-home{font-size:12px;color:#c8d8f5;border:1px solid #2d4775;border-radius:10px;padding:9px 13px}
.auth-home span{font-size:16px;margin-right:5px;color:#32d8ff}
.auth{width:min(410px,calc(100% - 30px));margin:4vh auto 24px;padding:25px 27px 22px;border:1px solid #344c7c;border-radius:20px;background:linear-gradient(145deg,#101e3beF,#08142cf5);box-shadow:0 25px 70px #0006,0 0 35px #6533ff12;animation:authEnter .65s cubic-bezier(.2,.7,.2,1) both;position:relative;overflow:hidden}
.auth:before{content:"";position:absolute;left:-40px;top:-65px;width:180px;height:180px;background:#702aff33;filter:blur(45px);pointer-events:none}
@keyframes authEnter{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#078bff,#872dff,#ed22df);font-size:22px;box-shadow:0 8px 25px #782cff55;margin-top:17px}
.auth-title{font-size:27px!important;line-height:1.15;margin:14px 0 5px!important;letter-spacing:-.8px}
.auth-subtitle{font-size:12px;margin:0 0 17px}
.auth form{position:relative}
.auth-field{display:flex;align-items:center;gap:10px;margin:10px 0;padding:0 12px;border:1px solid #2d456e;border-radius:10px;background:#061126;transition:border-color .2s,box-shadow .2s}
.auth-field:focus-within{border-color:#7d53ff;box-shadow:0 0 0 3px #6e37ff20}
.auth-field>span{color:#45d7ff;font-size:16px;min-width:17px;text-align:center}
.auth .auth-field input{width:100%;min-width:0;padding:12px 0;margin:0;border:0;outline:0;background:transparent;color:#f3f6ff;font-size:12px}
.auth .auth-field input::placeholder{color:#8297ba}
.auth .btn{width:100%;margin-top:7px;padding:12px}
.auth>p:not(.auth-subtitle){font-size:11px}
.auth-footer{width:min(1120px,calc(100% - 36px));margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8196ba;font-size:10px}
.auth-footer span:first-child{font-size:12px;color:#dbe7ff;font-weight:700}
.auth-footer a{color:#c8d8f5}
@media(max-width:500px){.auth{padding:22px 19px;margin-top:3vh}.auth-footer{flex-wrap:wrap;justify-content:center}.auth-footer span:nth-child(2){display:none}.auth-title{font-size:25px!important}}

/* v1.0.4 layout hotfix: prevent hero artwork intrinsic width from squeezing headline */
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.hero-copy,.device-stage{min-width:0}
.hero-image-stage{width:100%;max-width:100%;overflow:hidden}
.hero-render{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0;transform-origin:center}
@media(min-width:1001px){.hero-image-stage{height:330px}.hero h1{font-size:clamp(38px,4.05vw,58px)}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.hero-image-stage{height:250px}}
/* Keep the original Google Translate widget hidden; the CP Builder dropdown is the only visible selector */
#google_translate_element,.goog-te-gadget,.goog-te-banner-frame,.skiptranslate iframe{display:none!important}
body{top:0!important}

/* v1.0.5 hard overrides: constrain hero art and keep Google Translate UI hidden */
.hero.wrap{
  display:grid!important;
  grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr)!important;
  align-items:center!important;
  gap:clamp(18px,2.2vw,34px)!important;
}
.hero-copy{width:100%!important;min-width:0!important;max-width:100%!important;position:relative;z-index:2}
.hero-copy h1{max-width:100%;font-size:clamp(34px,3.8vw,54px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;overflow-wrap:normal}
.hero-image-stage{width:100%!important;min-width:0!important;max-width:100%!important;height:clamp(260px,28vw,360px)!important;overflow:hidden!important;position:relative!important}
.hero-image-stage .hero-render{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;transform:none!important}
.hero-image-stage .scribble{font-size:11px!important;right:2%!important;top:2%!important;max-width:120px;text-align:center}
.nav.wrap{display:flex!important;gap:clamp(10px,1.4vw,20px)!important}
.main-nav{flex:1 1 auto!important;min-width:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(10px,1.3vw,20px)!important}
.main-nav>a,.main-nav .nav-drop-trigger{font-size:clamp(10px,.85vw,12px)!important;white-space:nowrap!important}
.nav-actions{flex:0 0 auto!important;gap:clamp(7px,.9vw,12px)!important}
.nav-dropdown{position:relative!important;flex:0 0 auto!important}
.nav-dropdown .dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;min-width:205px!important;width:max-content!important;max-width:240px!important;padding:7px!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;background:#0a1630!important;border:1px solid #344d7a!important;border-radius:12px!important;box-shadow:0 18px 45px #0009!important;z-index:999!important}
.nav-dropdown.open .dropdown-menu{display:flex!important}
.nav-dropdown .dropdown-menu a{display:block!important;width:100%!important;padding:10px 12px!important;line-height:1.4!important;white-space:normal!important;font-size:11px!important;border-radius:8px!important}
.nav-drop-trigger{display:inline-flex!important;align-items:center!important;gap:5px!important;background:transparent!important;border:0!important;color:#e2ebff!important;padding:8px 0!important}
.language-wrap{flex:0 0 auto!important;position:relative!important}
.language-trigger{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#eaf2ff!important;background:transparent!important;border:0!important;padding:8px 3px!important}
.language-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:205px!important;min-width:205px!important;padding:10px!important;background:#0a1630!important;border:1px solid #344d7a!important;border-radius:12px!important;box-shadow:0 18px 45px #0009!important;z-index:1000!important}
.language-wrap.open .language-menu{display:block!important}
#language-select{display:block!important;appearance:none!important;-webkit-appearance:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 30px 10px 11px!important;color:#edf4ff!important;background:#0b1a35!important;border:1px solid #344d7a!important;border-radius:8px!important;font:12px Inter,system-ui,sans-serif!important;outline:none!important}
#language-select option{background:#0b1a35!important;color:#edf4ff!important}
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
#google_translate_element *,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-menu-frame,.goog-te-banner-frame,.goog-te-balloon-frame,.skiptranslate iframe{visibility:hidden!important;display:none!important;opacity:0!important;pointer-events:none!important}
body{top:0!important}
@media(max-width:1100px){
 .nav.wrap{gap:10px!important}.brand{font-size:20px!important}.brand .logo{width:30px;height:30px}
 .main-nav{gap:9px!important}.main-nav>a,.main-nav .nav-drop-trigger{font-size:10px!important}
 .nav-actions{gap:6px!important}.login{padding:9px 12px!important}.nav-actions>.btn{padding:10px 12px!important}
}
@media(max-width:850px){
 .nav.wrap{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 0}
 .main-nav{order:4;flex-basis:100%;justify-content:flex-start!important;flex-wrap:wrap;display:none!important}
 .nav.open .main-nav{display:flex!important}
 .nav-actions{margin-left:auto}
 .hero.wrap{grid-template-columns:minmax(0,1fr)!important}
 .hero-copy h1{font-size:clamp(36px,7vw,52px)!important}
 .hero-image-stage{height:clamp(230px,54vw,350px)!important}
}
@media(max-width:520px){
 .nav-actions .login{padding:8px 10px!important}.nav-actions>.btn{font-size:11px!important;padding:9px 10px!important}
 .language-trigger{font-size:11px!important}.hero.wrap{padding-top:24px}
 .hero-image-stage .scribble{display:none}
}

/* CP Builder v1.1.0: layout stabilization after translation and on narrow screens */
.nav{position:relative;z-index:100;display:flex;flex-wrap:nowrap;align-items:center;gap:18px;min-width:0}
.nav .brand{flex:0 0 auto}
.nav .main-nav{display:flex!important;align-items:center;gap:clamp(8px,1.4vw,20px);flex:1 1 auto;min-width:0;white-space:nowrap}
.nav .main-nav>a,.nav .nav-drop-trigger{display:inline-flex!important;align-items:center;white-space:nowrap!important;line-height:1.2!important}
.nav .nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}
.nav .nav-dropdown{position:relative;display:block;flex:0 0 auto}
.nav .dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;min-width:210px!important;width:max-content!important;max-width:260px!important;padding:7px!important;white-space:normal!important;background:#0a1730!important;border:1px solid #304c7b!important;border-radius:12px!important;box-shadow:0 18px 45px #000a!important;z-index:9999!important}
.nav .nav-dropdown.open>.dropdown-menu{display:block!important}
.nav .dropdown-menu a{display:block!important;width:100%!important;white-space:normal!important;line-height:1.45!important;padding:10px 11px!important;border-radius:7px!important}
.nav .language-wrap{position:relative;flex:0 0 auto}
.nav .language-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;min-width:180px!important;width:180px!important;background:#0a1730!important;border:1px solid #304c7b!important;border-radius:12px!important;padding:9px!important;z-index:10000!important}
.nav .language-wrap.open>.language-menu{display:block!important}
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
iframe.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,body>.skiptranslate,body>iframe.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame{display:none!important;visibility:hidden!important;height:0!important;width:0!important;max-height:0!important;pointer-events:none!important}
html body{top:0!important;position:relative!important}
body{overflow-x:hidden!important}
.hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:clamp(14px,2vw,28px)!important}
.hero-copy{min-width:0!important;width:100%!important}
.hero h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;overflow-wrap:normal!important;word-break:normal!important;max-width:100%!important}
.hero-image-stage{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;height:clamp(250px,32vw,390px)!important}
.hero-image-stage .hero-render{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:1050px){.nav{gap:10px}.nav .main-nav{gap:9px}.nav .main-nav>a,.nav .nav-drop-trigger{font-size:10px}.nav .brand{font-size:18px}.nav .btn.small{padding:9px 10px}}
@media(max-width:760px){.nav{flex-wrap:wrap}.nav .main-nav{display:none!important;position:absolute!important;top:65px!important;left:0!important;right:0!important;padding:12px!important;background:#07142df7!important;border:1px solid #2c4268!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;white-space:normal!important}.nav.open .main-nav{display:flex!important}.nav .main-nav>a,.nav .nav-drop-trigger{display:flex!important;width:100%!important;padding:10px!important}.nav .dropdown-menu{position:static!important;max-width:none!important;width:100%!important;margin:4px 0!important}.nav .nav-actions{margin-left:auto}.hero{grid-template-columns:minmax(0,1fr)!important}.hero h1{font-size:clamp(34px,9vw,48px)!important}.hero-image-stage{height:250px!important}}

/* v1.1.1: sketch-matched full-bleed hero and reliable navigation menus */
.nav{position:relative;z-index:500;overflow:visible!important}
.nav .main-nav{position:relative;z-index:502}
.nav .nav-dropdown{position:relative!important}
.nav .nav-drop-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:34px}
.nav .dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;right:auto;min-width:225px;width:max-content;max-width:280px;padding:8px;background:rgba(7,18,42,.98);border:1px solid #314d80;border-radius:13px;box-shadow:0 22px 55px #000b;z-index:99999;backdrop-filter:blur(18px)}
.nav .nav-dropdown.open>.dropdown-menu{display:block!important;animation:cpDropIn .16s ease-out}
.nav .dropdown-menu a{display:block!important;padding:11px 12px!important;white-space:normal;line-height:1.4;border-radius:8px;color:#dce8ff}
.nav .dropdown-menu a:hover{background:#162c52;color:#fff}
@keyframes cpDropIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.nav .account-dropdown{position:relative;z-index:9999;flex:0 0 auto}
.nav .account-trigger{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #3a5b91;border-radius:11px;background:#0b1a35;color:#f3f7ff;font-size:11px;cursor:pointer;white-space:nowrap}
.account-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#05a9ff,#9a24ff);font-weight:800;color:white}
.account-caret{color:#69dfff}
.account-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:8px;background:rgba(7,18,42,.99);border:1px solid #314d80;border-radius:14px;box-shadow:0 22px 55px #000c;z-index:99999;backdrop-filter:blur(18px)}
.account-dropdown.open .account-menu{display:block;animation:cpDropIn .16s ease-out}
.account-summary{padding:10px 11px 12px;border-bottom:1px solid #263d63;margin-bottom:5px;display:flex;flex-direction:column;gap:4px}
.account-summary strong{font-size:12px;color:#fff}.account-summary small{font-size:10px;color:#92a9d1;max-width:205px;overflow:hidden;text-overflow:ellipsis}
.account-menu>a{display:block;padding:10px 11px;border-radius:8px;font-size:11px;color:#dce8ff}
.account-menu>a:hover{background:#162c52}.account-menu .account-signout{margin-top:5px;border-top:1px solid #263d63;border-radius:0;color:#ffb8d3}
.hero.wrap{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;align-items:center;gap:20px!important;width:min(1240px,calc(100% - 64px));max-width:1240px;min-height:480px;padding-top:38px;padding-bottom:36px;overflow:visible!important}
.hero.wrap:before{content:"";position:absolute;z-index:-2;inset:-18px -35px -20px;border-radius:28px;background:radial-gradient(ellipse at 75% 35%,#173a91a8 0,transparent 48%),radial-gradient(ellipse at 48% 95%,#7618cf32 0,transparent 43%),linear-gradient(110deg,#061126 4%,#07132b 55%,#0b1031 100%);pointer-events:none}
.hero.wrap:after{content:"";position:absolute;z-index:-1;inset:-18px -35px -20px;border-radius:28px;background:linear-gradient(115deg,transparent 20%,#1c8dff10 44%,#c81cff12 72%,transparent 90%);background-size:210% 210%;animation:cpHeroGlow 11s ease-in-out infinite;pointer-events:none}
@keyframes cpHeroGlow{0%,100%{background-position:0 50%;opacity:.6}50%{background-position:100% 50%;opacity:1}}
.hero-copy{position:relative;z-index:3;min-width:0;width:100%;max-width:610px}
.hero-copy h1{font-size:clamp(40px,4.25vw,62px)!important;line-height:.99!important;letter-spacing:-2.3px!important;margin:20px 0 18px!important;max-width:640px}
.hero-copy>p{max-width:540px!important;line-height:1.65!important}
.hero-image-stage{position:relative!important;z-index:1;height:390px!important;min-height:0!important;width:100%!important;min-width:0!important;overflow:visible!important;display:flex!important;align-items:center;justify-content:center}
.hero-image-stage .hero-render{display:block!important;width:calc(100% + 45px)!important;max-width:none!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin-left:-28px!important;border-radius:0!important;filter:drop-shadow(0 22px 40px #02071570);animation:cpDeviceFloat 7s ease-in-out infinite}
.hero-image-stage .glow{position:absolute;inset:15% 4%;background:radial-gradient(ellipse,#3457ff50 0,transparent 67%);filter:blur(22px);animation:cpGlowPulse 5s ease-in-out infinite}
@keyframes cpDeviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes cpGlowPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
.hero-image-stage .scribble{position:absolute;right:0;top:0;z-index:2;color:#e3dcff;font-size:13px;line-height:1.2;transform:rotate(7deg);text-shadow:0 0 14px #b34cff90;pointer-events:none}
@media(min-width:1450px){.hero.wrap{min-height:510px}.hero-image-stage{height:440px!important}.hero-copy h1{font-size:64px!important}}
@media(max-width:980px){.nav .main-nav{gap:9px}.nav .main-nav>a,.nav .nav-drop-trigger{font-size:10px}.hero.wrap{width:min(100% - 36px,900px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;min-height:410px}.hero-copy h1{font-size:clamp(34px,4.6vw,46px)!important}.hero-image-stage{height:320px!important}.nav .account-label{display:none}}
@media(max-width:720px){.hero.wrap{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding-top:28px;min-height:0}.hero-copy h1{font-size:clamp(37px,9vw,52px)!important}.hero-image-stage{height:260px!important;margin-top:8px}.hero-image-stage .hero-render{width:100%!important;margin-left:0!important}.hero-image-stage .scribble{right:6px;top:4px;font-size:10px}.nav .account-trigger{padding:6px}.nav .account-menu{right:0}.nav .dropdown-menu{position:static;min-width:0;width:100%;max-width:none;margin:4px 0}.nav .nav-dropdown.open{width:100%}}

/* v1.1.2 hotfix: keep the navigation stable when Google Translate expands text */
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
#google_translate_element .goog-te-gadget,
#google_translate_element .goog-te-gadget-simple,
#google_translate_element .goog-te-menu-value,
#google_translate_element .goog-te-gadget-icon,
#google_translate_element font{display:none!important;visibility:hidden!important}
.nav .language-menu{width:180px!important;min-width:180px!important;max-width:180px!important}
.nav .language-menu #google_translate_element{display:block!important;position:fixed!important;left:-10000px!important;top:0!important}
.nav .language-menu #language-select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;background:#0b1a35!important;color:#eaf1ff!important;border:1px solid #314d80!important;border-radius:8px!important;padding:9px 10px!important;font:inherit!important;font-size:11px!important}
.nav .nav-actions{gap:10px;flex:0 0 auto}
.nav .main-nav{min-width:0}
.nav .brand{white-space:nowrap}
.nav .menu-toggle{display:none}
@media(max-width:1180px){
 .nav{gap:14px!important}
 .nav .main-nav{gap:clamp(7px,1vw,13px)!important}
 .nav .main-nav>a,.nav .nav-drop-trigger{font-size:10px!important}
 .nav .brand{font-size:18px!important}
}
@media(max-width:1080px){
 .nav .main-nav{display:none!important}
 .nav .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border:1px solid #35517d;border-radius:10px;background:#0b1a35;color:#fff;cursor:pointer}
 .nav.open .main-nav{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:12px!important;background:rgba(5,15,35,.99)!important;border:1px solid #314d80!important;border-radius:14px!important;box-shadow:0 20px 45px #000b!important;z-index:100000!important;white-space:normal!important}
 .nav.open .main-nav>a,.nav.open .main-nav>.nav-dropdown>.nav-drop-trigger{display:flex!important;width:100%!important;box-sizing:border-box!important;padding:10px 11px!important;font-size:12px!important;white-space:normal!important}
 .nav.open .main-nav .nav-dropdown{width:100%!important}
 .nav.open .main-nav .dropdown-menu{position:static!important;display:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:4px 0 8px!important;box-sizing:border-box!important}
 .nav.open .main-nav .nav-dropdown.open>.dropdown-menu{display:block!important}
}
@media(max-width:720px){
 .nav{gap:8px!important}
 .nav .brand{font-size:17px!important}
 .nav .nav-actions{gap:7px!important}
 .nav .language-trigger{font-size:10px!important;padding:7px 8px!important}
 .nav .account-trigger{padding:5px 7px!important}
 .nav .account-label{display:none!important}
 .nav .account-menu{right:0!important;max-width:calc(100vw - 32px)!important}
}
/* Google Translate adds these body classes when page content is translated.
   Use the same compact menu on desktop because translated labels can be much longer. */
body.translated-ltr .nav .main-nav,
body.translated-rtl .nav .main-nav{display:none!important}
body.translated-ltr .nav .menu-toggle,
body.translated-rtl .nav .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border:1px solid #35517d;border-radius:10px;background:#0b1a35;color:#fff;cursor:pointer}
body.translated-ltr .nav.open .main-nav,
body.translated-rtl .nav.open .main-nav{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:12px!important;background:rgba(5,15,35,.99)!important;border:1px solid #314d80!important;border-radius:14px!important;box-shadow:0 20px 45px #000b!important;z-index:100000!important;white-space:normal!important}
body.translated-ltr .nav.open .main-nav>a,
body.translated-rtl .nav.open .main-nav>a,
body.translated-ltr .nav.open .main-nav>.nav-dropdown>.nav-drop-trigger,
body.translated-rtl .nav.open .main-nav>.nav-dropdown>.nav-drop-trigger{display:flex!important;width:100%!important;box-sizing:border-box!important;padding:10px 11px!important;font-size:12px!important;white-space:normal!important}
body.translated-ltr .nav.open .main-nav .nav-dropdown,
body.translated-rtl .nav.open .main-nav .nav-dropdown{width:100%!important}
body.translated-ltr .nav.open .main-nav .dropdown-menu,
body.translated-rtl .nav.open .main-nav .dropdown-menu{position:static!important;display:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:4px 0 8px!important;box-sizing:border-box!important}
body.translated-ltr .nav.open .main-nav .nav-dropdown.open>.dropdown-menu,
body.translated-rtl .nav.open .main-nav .nav-dropdown.open>.dropdown-menu{display:block!important}

/* CP Builder v1.1.3 critical repair: valid hero asset + resilient header */
.nav.wrap{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:180px minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:18px!important;row-gap:8px!important;
  min-height:76px!important;overflow:visible!important;position:relative!important;
  z-index:5000!important;width:min(1240px,calc(100% - 64px))!important;
}
.nav .brand{grid-column:1;grid-row:1;white-space:nowrap!important;min-width:0!important}
.nav .main-nav{
  grid-column:2;grid-row:1;display:flex!important;flex-wrap:nowrap!important;
  justify-content:center!important;align-items:center!important;gap:clamp(7px,.85vw,13px)!important;
  min-width:0!important;overflow:visible!important;white-space:nowrap!important;
}
.nav .main-nav>a,.nav .nav-drop-trigger{
  font-size:clamp(9px,.78vw,11px)!important;white-space:nowrap!important;
  letter-spacing:-.1px!important;padding:7px 0!important;line-height:1.15!important;
}
.nav .nav-actions{
  grid-column:3;grid-row:1;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:8px!important;min-width:0!important;white-space:nowrap!important;
}
.nav .nav-dropdown{position:relative!important;flex:0 0 auto!important}
.nav .dropdown-menu{
  display:none!important;position:absolute!important;top:calc(100% + 8px)!important;
  left:0!important;right:auto!important;width:230px!important;min-width:200px!important;
  max-width:calc(100vw - 30px)!important;white-space:normal!important;
  background:#07142df7!important;border:1px solid #38578a!important;border-radius:12px!important;
  box-shadow:0 18px 45px #000c!important;z-index:99999!important;padding:8px!important;
}
.nav .nav-dropdown.open>.dropdown-menu{display:block!important}
.nav .dropdown-menu a{display:block!important;white-space:normal!important;line-height:1.45!important;padding:10px!important;color:#eaf1ff!important}
.nav .account-dropdown{position:relative!important;display:block!important;flex:0 0 auto!important;z-index:100000!important}
.nav .account-trigger{
  appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;
  gap:7px!important;padding:7px 10px!important;border:1px solid #355589!important;border-radius:10px!important;
  background:#0b1a35!important;color:#f3f7ff!important;font:600 11px/1.2 inherit!important;
  cursor:pointer!important;white-space:nowrap!important;box-shadow:none!important;max-width:150px!important;
}
.nav .account-avatar{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:8px!important;background:linear-gradient(135deg,#05a9ff,#9a24ff)!important;color:white!important}
.nav .account-menu{
  display:none!important;position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;
  width:225px!important;min-width:225px!important;max-width:calc(100vw - 24px)!important;
  padding:8px!important;background:#07142dfc!important;border:1px solid #355589!important;
  border-radius:13px!important;box-shadow:0 20px 48px #000d!important;z-index:100001!important;
  white-space:normal!important;flex-direction:column!important;align-items:stretch!important;
}
.nav .account-dropdown.open>.account-menu{display:flex!important}
.nav .account-summary{display:flex!important;flex-direction:column!important;gap:4px!important;padding:10px!important;border-bottom:1px solid #263d63!important;margin-bottom:5px!important}
.nav .account-menu>a{display:block!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;border-radius:8px!important;color:#eaf1ff!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important}
.nav .account-menu>a:hover{background:#172d53!important}
.nav .language-wrap{position:relative!important;flex:0 0 auto!important}
.nav .language-trigger{appearance:none!important;background:#0b1a35!important;color:#eaf1ff!important;border:1px solid #355589!important;border-radius:9px!important;padding:8px!important;font-size:10px!important;white-space:nowrap!important}
.hero.wrap{width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:22px!important;overflow:visible!important}
.hero-image-stage{width:100%!important;min-width:0!important;height:clamp(300px,32vw,430px)!important;overflow:hidden!important;position:relative!important}
.hero-image-stage .hero-render{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important}
#google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1180px){
 .nav.wrap{grid-template-columns:170px minmax(0,1fr) auto!important;column-gap:10px!important;width:calc(100% - 36px)!important}
 .nav .main-nav{gap:7px!important}
 .nav .main-nav>a,.nav .nav-drop-trigger{font-size:9px!important}
 .nav .main-nav>a:nth-child(2){display:none!important}
 .nav .account-label{display:none!important}
 .nav .account-trigger{padding:6px!important}
}
@media(max-width:920px){
 .nav.wrap{grid-template-columns:1fr auto!important;min-height:68px!important}
 .nav .brand{grid-column:1;grid-row:1}
 .nav .nav-actions{grid-column:2;grid-row:1}
 .nav .main-nav{grid-column:1/-1;grid-row:2;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;white-space:normal!important;padding:10px!important;background:#07142df7!important;border:1px solid #29446f!important;border-radius:12px!important}
 .nav.open .main-nav{display:flex!important}
 .nav .main-nav>a,.nav .nav-drop-trigger{display:flex!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;font-size:12px!important;white-space:normal!important}
 .nav .nav-dropdown{width:100%!important}
 .nav .dropdown-menu{position:static!important;width:100%!important;max-width:none!important;margin:4px 0!important;box-sizing:border-box!important}
 .hero.wrap{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 32px)!important}
 .hero-image-stage{height:clamp(230px,55vw,360px)!important}
}
@media(max-width:480px){
 .nav.wrap{width:calc(100% - 24px)!important}
 .nav .language-trigger{padding:6px!important}
 .nav .account-menu{right:0!important}
 .hero-copy h1{font-size:clamp(34px,10vw,44px)!important}
}

/* CP Builder v1.1.4: single language selector, normalized typography and animated pill navigation */
:root{--cp-cyan:#39d9ff;--cp-blue:#268bff;--cp-violet:#863cff;--cp-pink:#ef32d5;--cp-border:#294a7c}
html{font-size:16px!important;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:14px!important;line-height:1.6!important;letter-spacing:0!important}
p,li,label,input,select,textarea,button{font-size:inherit}
p{line-height:1.65!important}
h1,h2,h3,h4{line-height:1.18!important;letter-spacing:-.025em}
h2{font-size:clamp(24px,2.5vw,34px)!important}
h3{font-size:clamp(16px,1.5vw,20px)!important}
small,.small,.hint,.muted{line-height:1.5!important}
.nav.wrap{min-height:78px!important;grid-template-columns:180px minmax(0,1fr) auto!important;column-gap:14px!important}
.nav .main-nav{gap:clamp(5px,.65vw,10px)!important}
.nav .main-nav>a,.nav .nav-drop-trigger{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;padding:10px 11px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:#dbe8ff!important;font-size:clamp(10px,.77vw,12px)!important;font-weight:650!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease!important;
  text-decoration:none!important;white-space:nowrap!important;
}
.nav .main-nav>a:hover,.nav .nav-drop-trigger:hover,.nav .nav-dropdown.open>.nav-drop-trigger{
  color:#fff!important;border-color:#4389ff!important;
  background:linear-gradient(120deg,#087bff30,#873bff36,#e52fd52b)!important;
  box-shadow:0 0 0 1px #7d52ff25,0 6px 20px #172e7440,inset 0 0 18px #328bff12!important;
  transform:translateY(-1px)!important;
}
.nav .main-nav>a:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--cp-cyan),var(--cp-violet),var(--cp-pink));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav .main-nav>a:hover:after{transform:scaleX(1)}
.nav .nav-dropdown{position:relative!important}
.nav .dropdown-menu{border:1px solid #3972bb!important;background:linear-gradient(145deg,#08172ffb,#15123af9)!important;border-radius:14px!important;padding:8px!important}
.nav .dropdown-menu a{font-size:12px!important;line-height:1.5!important;border:1px solid transparent!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.nav .dropdown-menu a:hover{background:linear-gradient(90deg,#087bff30,#963bff36)!important;border-color:#4b68a6!important;transform:translateX(2px)!important}
.nav .nav-actions{gap:9px!important}
.nav .language-wrap{position:relative!important;display:flex!important;align-items:center!important;gap:4px!important;padding:4px 7px!important;border:1px solid #31578d!important;border-radius:12px!important;background:#0a1a35!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.nav .language-wrap:focus-within,.nav .language-wrap:hover{border-color:#448eff!important;box-shadow:0 0 18px #246dff35!important}
.nav .language-icon{font-size:14px!important;color:#6fe8ff!important;line-height:1!important}
.nav #language-select{
  display:block!important;appearance:auto!important;-webkit-appearance:auto!important;
  width:104px!important;max-width:110px!important;margin:0!important;padding:5px 2px!important;
  border:0!important;outline:0!important;border-radius:6px!important;background:transparent!important;
  color:#edf4ff!important;font-size:11px!important;font-weight:650!important;line-height:1.3!important;cursor:pointer!important;
}
.nav #language-select option{background:#09162d!important;color:#edf4ff!important}
.nav .language-menu{display:none!important}
.nav #google_translate_element{position:fixed!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.nav .account-trigger,.nav .login,.nav .nav-actions>.btn{
  border-radius:12px!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important
}
.nav .account-trigger:hover,.nav .login:hover,.nav .nav-actions>.btn:hover{transform:translateY(-1px)!important;box-shadow:0 7px 22px #4e38c640!important}
.nav .account-menu{border-radius:14px!important}
.nav .account-menu>a{font-size:12px!important;line-height:1.5!important}
.nav .account-summary strong{font-size:13px!important}.nav .account-summary small{font-size:11px!important}
@keyframes cpNavGlow{0%,100%{box-shadow:0 0 0 #2b72ff00}50%{box-shadow:0 0 16px #2b72ff18}}
.nav .main-nav>a,.nav .nav-drop-trigger{animation:cpNavGlow 5s ease-in-out infinite}
.nav .main-nav>a:nth-child(2){animation-delay:.3s}.nav .main-nav>a:nth-child(3){animation-delay:.6s}.nav .main-nav>a:nth-child(4){animation-delay:.9s}
@media(max-width:1180px){.nav.wrap{grid-template-columns:160px minmax(0,1fr) auto!important;column-gap:7px!important}.nav .main-nav{gap:3px!important}.nav .main-nav>a,.nav .nav-drop-trigger{padding:8px 7px!important;font-size:10px!important}.nav #language-select{width:83px!important}}
@media(max-width:920px){.nav.wrap{grid-template-columns:minmax(0,1fr) auto!important}.nav .main-nav{gap:4px!important}.nav .main-nav>a,.nav .nav-drop-trigger{justify-content:flex-start!important;padding:10px 12px!important;font-size:12px!important}.nav .language-wrap{padding:4px 6px!important}.nav #language-select{width:90px!important}}
@media(max-width:480px){body{font-size:13px!important}.nav #language-select{width:75px!important}.nav .nav-actions{gap:5px!important}}

/* v1.1.5: sketch fidelity pass — compact clean top nav and cinematic split hero */
.nav.wrap{
 width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important;
 min-height:70px!important;display:flex!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:space-between!important;gap:20px!important;
 padding:0!important;border-bottom:1px solid #182b4a!important;
}
.nav .brand{flex:0 0 auto!important;font-size:clamp(19px,1.8vw,26px)!important;letter-spacing:-.8px!important}
.nav .logo{display:inline-grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:9px!important;background:linear-gradient(135deg,#00d4ff,#365cff 52%,#d329ff)!important;color:#061127!important;box-shadow:0 0 18px #542aff55!important}
.nav .main-nav{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(7px,1.1vw,18px)!important;min-width:0!important;white-space:nowrap!important}
.nav .main-nav>a,.nav .nav-drop-trigger{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 position:relative!important;padding:10px 0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;transform:none!important;
 color:#e5edff!important;font-size:clamp(10px,.85vw,12px)!important;font-weight:550!important;line-height:1.3!important;
 transition:color .18s ease!important;white-space:nowrap!important;
}
.nav .main-nav>a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:5px;background:linear-gradient(90deg,#00d9ff,#476cff,#df24ff);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav .main-nav>a:hover,.nav .nav-drop-trigger:hover,.nav .nav-dropdown.open>.nav-drop-trigger{color:#fff!important}
.nav .main-nav>a:hover:after,.nav .main-nav>a.nav-home:after{transform:scaleX(1)}
.nav .nav-dropdown{flex:0 0 auto!important}
.nav .nav-drop-trigger span{color:#91a7d4!important;font-size:10px!important}
.nav .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex:0 0 auto!important}
.nav .language-wrap{display:flex!important;align-items:center!important;gap:4px!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.nav .language-icon{font-size:15px!important;color:#dce9ff!important}
.nav #language-select{width:54px!important;max-width:58px!important;padding:5px 0!important;border:0!important;background:transparent!important;color:#eaf1ff!important;font-size:11px!important;font-weight:600!important}
.nav #language-select option{background:#09162d!important;color:#edf4ff!important}
.nav .login{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:63px!important;padding:10px 16px!important;border:1px solid #8198c8!important;border-radius:10px!important;background:#07142b!important;color:#fff!important;font-size:11px!important;font-weight:650!important}
.nav .nav-actions>.btn,.nav .nav-actions>a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 18px!important;border:0!important;border-radius:11px!important;background:linear-gradient(105deg,#078dff,#543cff 52%,#e10eea)!important;color:white!important;font-size:11px!important;font-weight:750!important;box-shadow:0 0 24px #652bff44!important;white-space:nowrap!important}
.nav .login:hover,.nav .nav-actions>.btn:hover{transform:translateY(-1px)!important;box-shadow:0 7px 25px #542aff55!important}
.nav .dropdown-menu{top:calc(100% + 8px)!important;min-width:205px!important;width:220px!important;background:#07132df7!important;border:1px solid #2a4777!important;border-radius:12px!important;padding:7px!important;box-shadow:0 20px 50px #000b!important}
.nav .dropdown-menu a{padding:10px!important;font-size:11px!important}
.nav .account-trigger{border-radius:10px!important}
.hero.wrap{
 position:relative!important;isolation:isolate!important;
 width:min(1240px,calc(100% - 64px))!important;max-width:1240px!important;
 display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
 align-items:center!important;gap:24px!important;
 min-height:410px!important;padding-top:24px!important;padding-bottom:24px!important;
 margin-top:0!important;margin-bottom:12px!important;overflow:visible!important;
}
.hero.wrap:before{inset:-8px -24px -10px!important;border-radius:0!important;background:radial-gradient(circle at 51% 48%,#4213b955 0,transparent 25%),radial-gradient(ellipse at 78% 44%,#0c318d66 0,transparent 46%),linear-gradient(110deg,#061126 0%,#06132b 56%,#080d28 100%)!important}
.hero.wrap:after{inset:-8px -24px -10px!important;border-radius:0!important}
.hero-copy{max-width:560px!important;min-width:0!important}
.hero-copy .eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 12px!important;border:1px solid #315a98!important;border-radius:999px!important;background:#0b1c3c!important;font-size:10px!important;line-height:1.3!important}
.hero-copy h1{font-size:clamp(37px,3.65vw,54px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;margin:14px 0 14px!important;max-width:560px!important}
.hero-copy h1 span{background:linear-gradient(95deg,#db40ed,#4a76ff 70%,#28a5ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy>p{font-size:13px!important;line-height:1.55!important;max-width:530px!important;margin:0 0 18px!important;color:#d1dcf2!important}
.hero-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.hero-actions .btn{min-height:42px!important;padding:12px 22px!important;border-radius:11px!important;font-size:12px!important}
.hero-actions .btn:not(.btn-ghost){background:linear-gradient(100deg,#078eff,#6137ff 56%,#e113ed)!important;box-shadow:0 8px 25px #4029df35!important}
.hero-actions .btn-ghost{background:#07152b!important;border:1px solid #8296c2!important}
.hero .checks{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin-top:18px!important;font-size:10px!important;line-height:1.4!important;color:#e2eafa!important}
.hero .checks span:before{color:#35e4f3!important}
.hero-image-stage{height:clamp(300px,29vw,390px)!important;min-height:0!important;width:100%!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hero-image-stage .hero-render{width:calc(100% + 30px)!important;max-width:none!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin-left:-12px!important;border-radius:0!important;filter:drop-shadow(0 18px 30px #02071570)!important;animation:cpDeviceFloat 7s ease-in-out infinite!important}
.hero-image-stage .glow{inset:10% 4%!important;background:radial-gradient(ellipse,#4226ff66 0,transparent 67%)!important;filter:blur(25px)!important}
.hero-image-stage .scribble{right:-2px!important;top:2px!important;font-size:12px!important;line-height:1.15!important;color:#f1eaff!important;transform:rotate(7deg)!important}
@media(min-width:1500px){.hero.wrap{min-height:455px!important}.hero-image-stage{height:420px!important}.hero-copy h1{font-size:57px!important}}
@media(max-width:1120px){.nav.wrap{width:calc(100% - 36px)!important;gap:12px!important}.nav .main-nav{gap:10px!important}.nav .main-nav>a,.nav .nav-drop-trigger{font-size:10px!important}.nav .brand{font-size:20px!important}.nav .nav-actions{gap:8px!important}.nav .login{padding:9px 12px!important}.nav .nav-actions>.btn{padding:10px 13px!important}.hero.wrap{width:calc(100% - 36px)!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important}.hero-copy h1{font-size:clamp(36px,4vw,46px)!important}}
@media(max-width:850px){.nav.wrap{width:calc(100% - 28px)!important;flex-wrap:wrap!important;min-height:66px!important;padding:10px 0!important}.nav .brand{margin-right:auto!important}.nav .main-nav{order:3!important;display:none!important;flex:0 0 100%!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:10px!important;border:1px solid #243e68!important;border-radius:14px!important;background:#07142df7!important}.nav.open .main-nav{display:flex!important}.nav .main-nav>a,.nav .nav-drop-trigger{width:100%!important;justify-content:flex-start!important;padding:10px!important;font-size:12px!important}.nav .nav-dropdown{width:100%!important}.nav .dropdown-menu{position:static!important;width:100%!important;max-width:none!important;margin-top:4px!important;box-sizing:border-box!important}.hero.wrap{width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding-top:28px!important}.hero-copy h1{font-size:clamp(38px,7vw,52px)!important}.hero-image-stage{height:clamp(240px,52vw,350px)!important;margin-top:12px!important}.hero-image-stage .hero-render{width:100%!important;margin-left:0!important}.hero-image-stage .scribble{right:7px!important;font-size:10px!important}.hero .checks{gap:9px!important}}
@media(max-width:480px){.nav.wrap{width:calc(100% - 22px)!important}.nav .brand{font-size:18px!important}.nav .logo{width:28px!important;height:28px!important}.nav .nav-actions{gap:5px!important}.nav .language-wrap{gap:2px!important}.nav #language-select{width:44px!important;font-size:10px!important}.nav .login{min-width:48px!important;padding:8px!important}.nav .nav-actions>.btn{padding:9px 10px!important;font-size:10px!important}.hero.wrap{width:calc(100% - 26px)!important}.hero-copy h1{font-size:clamp(34px,9.5vw,44px)!important;letter-spacing:-1.2px!important}.hero-copy>p{font-size:12px!important}.hero-actions .btn{padding:11px 14px!important}}