/* Page-contained integration styles. Do not combine with the standalone CSS. */
@font-face{font-family:ClickcaseBuilderCairo;src:url('assets/landing/fonts/cairo-variable-latin.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
.mb-builder-landing{color-scheme:dark;--mb-bg:#050a17;--mb-white:#f7f5f8;--mb-muted:#b5bdce;--mb-red:#ff1269;--mb-line:#becde326;--mb-gutter:clamp(24px,5.8vw,100px)}
.mb-builder-landing, .mb-builder-landing *{box-sizing:border-box}
.mb-builder-landing{scroll-behavior:smooth}
.mb-builder-landing{margin:0;font:350 17px/1.6 ClickcaseBuilderCairo,Arial,sans-serif;background:var(--mb-bg);color:var(--mb-white);-webkit-font-smoothing:antialiased}
.mb-builder-landing h1,.mb-builder-landing h2,.mb-builder-landing h3,.mb-builder-landing p,.mb-builder-landing figure{margin:0}
.mb-builder-landing button,.mb-builder-landing input{font:inherit}
.mb-builder-landing button{cursor:pointer;color:inherit}
.mb-builder-landing button,.mb-builder-landing a,.mb-builder-landing summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mb-builder-landing a{color:inherit;text-decoration:none}
.mb-builder-landing img{display:block;max-width:100%;height:auto}
.mb-builder-landing button:focus-visible,.mb-builder-landing a:focus-visible,.mb-builder-landing summary:focus-visible{outline:2px solid #ff1768;outline-offset:6px}
.mb-builder-landing input:focus-visible{outline:none}
.mb-builder-landing [hidden]{display:none!important}
.mb-builder-landing ::selection{background:#ab1756;color:white}
.mb-builder-landing em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.mb-builder-landing button{border:0}
.mb-builder-landing .mb-main{max-width:1600px;margin:auto}
.mb-builder-landing .mb-skip{position:fixed;top:-100px;left:20px;padding:12px 20px;z-index:100;color:#050a17;background:#fff}
.mb-builder-landing .mb-skip:focus{top:16px}
.mb-builder-landing .mb-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 91% 25%,#15325537,transparent 46%),radial-gradient(ellipse at 86% 60%,#af004333,transparent 45%),radial-gradient(ellipse at 13% 25%,#18385326,transparent 54%),radial-gradient(1px 1px at 13% 19%,#ccdcff75,transparent),radial-gradient(1px 1px at 65% 63%,#ccdcff6a,transparent),radial-gradient(1px 1px at 87% 14%,#ff17686a,transparent);background-size:auto,auto,auto,371px 397px,503px 613px,739px 487px}
.mb-builder-landing .mb-header{height:100px;margin:0 auto;padding:0 var(--mb-gutter);max-width:1600px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.mb-builder-landing .mb-header:after{content:'';position:absolute;left:var(--mb-gutter);right:var(--mb-gutter);bottom:0;height:1px;background:linear-gradient(90deg,#cad9f533,#cad9f511)}
.mb-builder-landing .mb-header>img{width:160px}
.mb-builder-landing .mb-header>div{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:350;letter-spacing:.12em;color:#cad1df}
.mb-builder-landing .mb-dot{width:5px;height:5px;border-radius:50%;background:var(--mb-red);box-shadow:0 0 15px #ff1768}
.mb-builder-landing .mb-prototype-tag{margin-left:10px;padding:5px 10px;border:1px solid #becde326;border-radius:100px;font-size:9px;color:#9ca8bb;letter-spacing:.08em}
.mb-builder-landing .mb-hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:clamp(16px,3vw,50px);padding:68px var(--mb-gutter) 62px;position:relative}
.mb-builder-landing .mb-copy{position:relative;z-index:3;min-width:0}
.mb-builder-landing .mb-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:350;line-height:1.6;color:#b8c2d0}
.mb-builder-landing .mb-copy h1{font-weight:300;line-height:1.08;letter-spacing:-.045em;margin:24px 0 28px}
.mb-builder-landing .mb-copy h1>span{display:block;font-size:clamp(34px,3.65vw,59px);white-space:nowrap}
.mb-builder-landing .mb-copy h1 em{display:block;font-size:clamp(65px,6.25vw,98px);line-height:1.15;letter-spacing:-.068em;background:linear-gradient(115deg,#ff2460,#ff0070 82%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 5px 48px #ff006121}
.mb-builder-landing .mb-intro{font-size:17px;line-height:1.8;color:#c2c8d4;max-width:560px}
.mb-builder-landing .mb-entry{margin-top:32px}
.mb-builder-landing .mb-entry-dock>label{display:block;font-size:15px;font-weight:400;margin-bottom:12px;color:#e1e4ed}
.mb-builder-landing .mb-entry-glass{position:relative;display:flex;align-items:center;padding:8px 8px 8px 21px;border:1px solid #e1ebff61;border-radius:23px;isolation:isolate;background:radial-gradient(ellipse at var(--mx,14%) var(--my,0%),#d7edff14,transparent 63%),linear-gradient(128deg,#a6d4ff0b,transparent 56%,#ff00611c),#10192b2e;backdrop-filter:blur(9px) saturate(145%);box-shadow:inset 0 1px 1px #ffffffa8,inset 0 -1px 1px #ff126980,0 3px 0 #142338b3,0 5px 0 #010711a6,0 20px 50px -15px #000b;transition:border-color .25s,box-shadow .25s}
.mb-builder-landing .mb-entry-glass:focus-within{border-color:#ff1768;box-shadow:inset 0 1px 1px #ffffffa8,inset 0 -1px 1px #ff126980,0 0 0 4px #ff126919,0 20px 50px -15px #000b}
.mb-builder-landing .mb-url-icon{font-size:25px;font-weight:200;color:#a9bcd5;margin-right:12px}
.mb-builder-landing .mb-entry-glass input{min-width:0;width:100%;border:0;padding:11px 4px;color:white;background:transparent;font-size:17px;font-weight:350}
.mb-builder-landing .mb-entry-glass input::placeholder{color:#a1abc0;opacity:1}
.mb-builder-landing .mb-start{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:19px;background:linear-gradient(112deg,#fb1363,#d90062);border-radius:16px;padding:14px 20px;border:1px solid #ff176899;font-size:15px;font-weight:450;box-shadow:inset 0 1px 1px #fff7,inset 0 -2px 3px #8f003a80,0 5px 25px #fc006237;transition:filter .2s,transform .2s}
.mb-builder-landing .mb-start>span{font-size:23px;line-height:1;font-weight:300}
.mb-builder-landing .mb-start:hover{filter:brightness(1.14);transform:translateY(-1px)}
.mb-builder-landing .mb-permission{display:flex;gap:9px;margin-top:17px;font-size:12px;color:#aab4c5;line-height:1.65;max-width:565px}
.mb-builder-landing .mb-permission>span{color:#98d5bf}
.mb-builder-landing .mb-error{color:#ff456b;font-size:14px;margin:12px 0 0}
.mb-builder-landing .mb-entry-glass:has([aria-invalid=true]){border-color:#ff124d}
.mb-builder-landing .mb-alternatives{margin-top:27px}
.mb-builder-landing .mb-auto{margin-top:20px;max-width:500px}
.mb-builder-landing .mb-auto summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;min-height:35px;font-size:13px;color:#aab4c5}
.mb-builder-landing .mb-auto summary::-webkit-details-marker{display:none}
.mb-builder-landing .mb-auto summary>span{font-size:20px;color:#ff1269;transition:transform .2s}
.mb-builder-landing .mb-auto[open] summary>span{transform:rotate(45deg)}
.mb-builder-landing .mb-auto>div{border-left:1px solid #ff126957;margin-top:13px;padding:0 0 0 17px;font-size:14px;color:#b9c0ce}
.mb-builder-landing .mb-auto button{background:transparent;color:#ff1768;font-size:14px;font-weight:400;padding:15px 0 6px}
.mb-builder-landing .mb-auto button>span{margin-left:12px}
.mb-builder-landing .mb-visual{position:relative;min-width:0;min-height:560px;perspective:1200px}
.mb-builder-landing .mb-projection{position:absolute;left:5%;right:-8%;top:14%;bottom:10%;background:radial-gradient(ellipse at 68% 46%,#b808514f,transparent 60%),radial-gradient(ellipse at 22% 25%,#3e76c92b,transparent 62%);filter:blur(28px);transform:rotate(-18deg);pointer-events:none}
.mb-builder-landing .mb-signal{position:absolute;inset:-9% -12% 0 -10%;width:120%;height:118%;pointer-events:none;stroke:url(#mb-signal-color);stroke-width:1;opacity:.6}
.mb-builder-landing .mb-signal-pulse{stroke:#ff4989;stroke-width:1.5;stroke-dasharray:35 1400;filter:drop-shadow(0 0 5px #fa0064);animation:mb-transit 14s linear infinite}
.mb-builder-landing .mb-design-stack{position:relative;height:390px;margin-top:50px;perspective:1200px}
.mb-builder-landing .mb-design{position:absolute;width:90%;top:10%;left:4%;overflow:hidden;border-radius:18px;border:1px solid #d2e7ff6b;background:#0e1a2b;box-shadow:0 26px 65px -18px #000d,0 2px 0 #dce8f022,0 5px 0 #162032b3;transition:transform .7s cubic-bezier(.22,.68,.21,1),opacity .7s,filter .7s;pointer-events:none}
.mb-builder-landing .mb-design img{width:100%;aspect-ratio:1.6;object-fit:cover}
.mb-builder-landing .mb-browser{height:31px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;font-size:9px;letter-spacing:.02em;font-weight:350;color:#d5dfec;background:linear-gradient(165deg,#d9e9ff1a,transparent 60%),#111d30}
.mb-builder-landing .mb-browser-dots{display:flex;gap:4px}
.mb-builder-landing .mb-browser-dots i{display:block;width:4px;height:4px;background:#7996b366;border-radius:50%}
.mb-builder-landing .mb-browser-dots i:first-child{background:#fd418299}
.mb-builder-landing .mb-browser>span:last-child{font-size:14px}
.mb-builder-landing .mb-design-1{transform:translate3d(-3%,6%,60px) rotateY(-11deg) rotateX(5deg) rotateZ(-6deg);z-index:3}
.mb-builder-landing .mb-design-2{transform:translate3d(6%,-13%,0) rotateY(-11deg) rotateX(5deg) rotateZ(4deg);z-index:2;filter:brightness(.55);opacity:.78}
.mb-builder-landing .mb-design-3{transform:translate3d(11%,-24%,-60px) rotateY(-11deg) rotateX(5deg) rotateZ(10deg);z-index:1;filter:brightness(.4);opacity:.62}
.mb-builder-landing .mb-design-stack:has([data-design=wang].is-front) .mb-design-1,.mb-builder-landing .mb-design-stack:has([data-design=rova].is-front) .mb-design-1{transform:translate3d(6%,-13%,0) rotateY(-11deg) rotateX(5deg) rotateZ(4deg);z-index:2;filter:brightness(.55);opacity:.78}
.mb-builder-landing .mb-design-stack .is-front{transform:translate3d(-3%,6%,60px) rotateY(-11deg) rotateX(5deg) rotateZ(-6deg);z-index:3;filter:none;opacity:1}
.mb-builder-landing .mb-glass-sheet{position:absolute;right:-1%;top:305px;width:219px;min-height:165px;padding:23px 23px 20px;z-index:4;border-radius:24px;transform:rotate(7deg);border:1px solid #ff166b91;background:radial-gradient(ellipse at 87% 110%,#ff005b2e,transparent 67%),radial-gradient(ellipse at var(--mx,15%) var(--my,0%),#ffffff10,transparent 54%),linear-gradient(135deg,#ffffff06,transparent 46%,#ff005a0f),#070b1333;backdrop-filter:blur(8px) saturate(150%);box-shadow:inset 0 1px 1px #ffff,inset 0 -1px 2px #ff1269b3,inset 0 -7px 14px #3900164d,0 4px 0 #4d072399,0 6px 0 #080a1280,0 24px 44px -13px #000c,7px 10px 32px -12px #ff005a80}
.mb-builder-landing .mb-sheet-kicker{font-size:9px;letter-spacing:.12em;color:#ecedf7}
.mb-builder-landing .mb-sheet-line{display:block;height:1px;background:linear-gradient(90deg,#fff5,transparent);margin:12px 0}
.mb-builder-landing .mb-glass-sheet p{font-size:24px;line-height:1.3;font-weight:350;letter-spacing:-.02em}
.mb-builder-landing .mb-glass-sheet em{color:var(--mb-red);font-size:26px;text-shadow:0 0 15px #ff005a80,0 0 32px #ff006540}
.mb-builder-landing .mb-sheet-corner{position:absolute;right:18px;bottom:15px;font-size:29px;font-weight:200;color:var(--mb-red);text-shadow:0 0 14px #ff126970}
.mb-builder-landing .mb-design-control{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 6px}
.mb-builder-landing .mb-design-control>span{font-size:10px;letter-spacing:.1em;color:#b8c2d0}
.mb-builder-landing .mb-design-control>div{display:flex;gap:5px}
.mb-builder-landing .mb-design-control button{width:38px;height:38px;border:1px solid transparent;background:transparent;border-radius:50%;color:#8495ae;font-size:11px}
.mb-builder-landing .mb-design-control button[aria-pressed=true]{background:linear-gradient(135deg,#fff1,#f4005f21);border-color:#ff1269b3;color:#fff;box-shadow:inset 0 1px #ff176866}
.mb-builder-landing .mb-design-control button:hover{color:#fff}
.mb-builder-landing .mb-design-caption{position:absolute;bottom:-2px;left:6px;font-size:11px;color:#919eb4}
.mb-builder-landing .mb-optics{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:5;overflow:hidden}
.mb-builder-landing .mb-optics:after{content:'';position:absolute;inset:4px;border:1px solid #d8eaff18;border-radius:inherit;box-shadow:inset 0 2px 5px #eef5ff12,inset 0 -2px 4px #ff126947}@supports(mask-composite:exclude) or (-webkit-mask-composite:xor){
.mb-builder-landing .mb-optics:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 132deg at var(--mx,20%) var(--my,15%),#ff1269c2,#ffffff08 16%,#f3f8ffbf 33%,#fffffff0 40%,#ff176824 52%,#ff126916 69%,#ff005bb3 87%,#ff1269c2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}}
.mb-builder-landing .mb-design>.mb-optics:before{padding:1px}
.mb-builder-landing .mb-next{position:relative;margin:0 var(--mb-gutter);padding:36px 0 35px;border-top:1px solid var(--mb-line);display:grid;grid-template-columns:1fr 2.07fr;gap:55px}
.mb-builder-landing .mb-next:before{content:'';position:absolute;left:0;top:-1px;width:74px;height:1px;background:#ff2874;box-shadow:0 0 16px #ff176899}
.mb-builder-landing .mb-next-intro h2{font-size:25px;line-height:1.32;font-weight:350;letter-spacing:-.025em;margin:13px 0 14px}
.mb-builder-landing .mb-next-intro h2 em{font-size:1.08em;color:#e6edf5}
.mb-builder-landing .mb-next-intro>p:last-child{font-size:12px;color:#a8b5ca;max-width:275px;line-height:1.7}
.mb-builder-landing .mb-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.mb-builder-landing .mb-steps li{min-width:0}
.mb-builder-landing .mb-step-number{display:block;font-size:12px;color:#ff1768;font-weight:350;margin-bottom:14px}
.mb-builder-landing .mb-steps h3{font-size:18px;font-weight:350;line-height:1.35;letter-spacing:-.015em;margin-bottom:12px}
.mb-builder-landing .mb-steps p{font-size:14px;color:#a8b5ca;line-height:1.7}
.mb-builder-landing .mb-footer{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px var(--mb-gutter);font-size:10px;color:#8898af;border-top:1px solid #bbcff411}
.mb-builder-landing .mb-footer p{font-size:11px}
.mb-builder-landing .mb-footer button{font-size:11px;display:flex;gap:10px;align-items:center;padding:8px 0;background:none;color:#a7b5cb}
.mb-builder-landing .mb-footer button>span{color:#ff1768}
.mb-builder-landing .mb-dialog{width:min(480px,calc(100% - 40px));border:1px solid #dde8f761;border-radius:26px;padding:42px;background:radial-gradient(ellipse at 0 0,#a0cfff14,transparent 65%),#111a2bad;color:var(--mb-white);box-shadow:inset 0 1px #fff7,0 32px 100px #000b}
.mb-builder-landing .mb-dialog::backdrop{background:#010512b3;backdrop-filter:blur(8px)}
.mb-builder-landing .mb-close{position:absolute;top:14px;right:18px;background:none;font-size:28px;font-weight:200;padding:0 8px;line-height:1.4}
.mb-builder-landing .mb-dialog h2{font-size:38px;font-weight:300;line-height:1.18;letter-spacing:-.035em;margin:21px 0}
.mb-builder-landing .mb-dialog h2 em{color:#ff1768}
.mb-builder-landing .mb-dialog>p:not(.mb-eyebrow){color:#bfcbdd;font-size:16px;line-height:1.7}
.mb-builder-landing .mb-dialog .mb-dialog-note{margin:22px 0;font-size:13px!important;color:#aab7cd!important}
.mb-builder-landing .mb-dismiss{padding:12px 18px;border:1px solid #ff126999;border-radius:13px;background:#f0005d3b;font-size:15px;display:flex;gap:26px}
.mb-builder-landing .mb-dismiss>span{color:#ff1768}
.mb-builder-landing.mb-motion-paused *,.mb-builder-landing.mb-motion-paused *:before,.mb-builder-landing.mb-motion-paused *:after{animation-play-state:paused!important;transition:none!important}@keyframes mb-transit{to{stroke-dashoffset:-1435}}
/* The angled artwork may extend beyond its stage, never the page viewport. */
.mb-builder-landing .mb-main{overflow-x:clip}
@media(min-width:1500px){
.mb-builder-landing .mb-hero{padding-top:90px;padding-bottom:85px}
.mb-builder-landing .mb-visual{min-height:585px}
.mb-builder-landing .mb-design-stack{margin-top:52px}
.mb-builder-landing .mb-glass-sheet{top:342px;right:0}
.mb-builder-landing .mb-intro{font-size:18px}
.mb-builder-landing .mb-header{height:110px}
.mb-builder-landing .mb-next{padding-top:41px;padding-bottom:41px}}
@media(max-width:1100px){
.mb-builder-landing .mb-hero{gap:20px;grid-template-columns:1.2fr 1fr;padding-top:56px}
.mb-builder-landing .mb-copy h1>span{white-space:normal;font-size:45px;max-width:370px}
.mb-builder-landing .mb-copy h1 em{font-size:69px}
.mb-builder-landing .mb-entry-glass{flex-wrap:wrap;padding:13px}
.mb-builder-landing .mb-url-icon{margin-left:7px}
.mb-builder-landing .mb-entry-glass input{width:calc(100% - 50px)}
.mb-builder-landing .mb-start{width:100%;margin-top:6px;justify-content:space-between;padding:12px 18px}
.mb-builder-landing .mb-visual{min-height:540px}
.mb-builder-landing .mb-design-stack{margin-top:70px}
.mb-builder-landing .mb-glass-sheet{width:190px;top:273px;right:-1%;padding:19px}
.mb-builder-landing .mb-glass-sheet p{font-size:22px}
.mb-builder-landing .mb-next{grid-template-columns:1fr;gap:27px}
.mb-builder-landing .mb-next-intro{display:grid;grid-template-columns:1fr 2fr;gap:10px 35px;align-items:start}
.mb-builder-landing .mb-next-intro>.mb-eyebrow{grid-column:1}
.mb-builder-landing .mb-next-intro h2{grid-column:2;grid-row:1/3;margin:0}
.mb-builder-landing .mb-next-intro>p:last-child{grid-column:1;grid-row:2}
.mb-builder-landing .mb-steps{gap:32px}
.mb-builder-landing .mb-footer{flex-wrap:wrap}}
@media(max-width:900px){
.mb-builder-landing{--mb-gutter:25px}
.mb-builder-landing .mb-header{height:83px;gap:15px}
.mb-builder-landing .mb-header>img{width:132px}
.mb-builder-landing .mb-header>div{font-size:9px;letter-spacing:.08em;gap:7px}
.mb-builder-landing .mb-prototype-tag{display:none}
.mb-builder-landing .mb-hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:31px;gap:10px}
.mb-builder-landing .mb-copy h1{margin:21px 0 25px}
.mb-builder-landing .mb-copy h1>span{font-size:clamp(34px,7.5vw,51px);max-width:none;white-space:normal}
.mb-builder-landing .mb-copy h1 em{font-size:clamp(59px,12.2vw,85px);line-height:1.2}
.mb-builder-landing .mb-eyebrow{font-size:10px;letter-spacing:.12em}
.mb-builder-landing .mb-intro{font-size:16px;line-height:1.75;max-width:580px}
.mb-builder-landing .mb-entry{margin-top:26px}
.mb-builder-landing .mb-entry-dock>label{font-size:14px}
.mb-builder-landing .mb-entry-glass{padding:10px;border-radius:21px;backdrop-filter:blur(7px) saturate(140%)}
.mb-builder-landing .mb-entry-glass input{font-size:16px;padding:10px 4px}
.mb-builder-landing .mb-start{padding:13px 18px;font-size:16px;border-radius:13px;min-height:51px}
.mb-builder-landing .mb-permission{font-size:12px;margin-top:16px;line-height:1.7}
.mb-builder-landing .mb-alternatives{margin-top:21px}
.mb-builder-landing .mb-auto{margin-top:12px}
.mb-builder-landing .mb-auto summary{font-size:13px;min-height:40px}
.mb-builder-landing .mb-visual{width:min(520px,100%);margin:10px auto 0;min-height:425px}
.mb-builder-landing .mb-design-stack{margin-top:45px;height:295px}
.mb-builder-landing .mb-design{width:89%;left:3%;border-radius:13px}
.mb-builder-landing .mb-browser{height:25px;font-size:8px;padding:0 9px}
.mb-builder-landing .mb-glass-sheet{top:208px;right:0;width:170px;min-height:137px;padding:16px 18px;border-radius:20px;backdrop-filter:blur(7px) saturate(145%)}
.mb-builder-landing .mb-sheet-kicker{font-size:8px;letter-spacing:.09em}
.mb-builder-landing .mb-sheet-line{margin:9px 0}
.mb-builder-landing .mb-glass-sheet p{font-size:20px}
.mb-builder-landing .mb-glass-sheet em{font-size:23px}
.mb-builder-landing .mb-sheet-corner{font-size:24px;right:13px;bottom:10px}
.mb-builder-landing .mb-design-control{bottom:27px;padding:0}
.mb-builder-landing .mb-design-control>span{font-size:9px;letter-spacing:.07em}
.mb-builder-landing .mb-design-control button{width:40px;height:40px}
.mb-builder-landing .mb-design-caption{left:0;bottom:0;font-size:11px}
.mb-builder-landing .mb-signal{inset:-15% -3% 0 -3%;width:106%}
.mb-builder-landing .mb-next{padding:28px 0 30px;gap:29px}
.mb-builder-landing .mb-next-intro{display:block}
.mb-builder-landing .mb-next-intro h2{font-size:29px;line-height:1.3;margin:13px 0 15px}
.mb-builder-landing .mb-next-intro>p:last-child{font-size:13px;max-width:none}
.mb-builder-landing .mb-steps{grid-template-columns:1fr;gap:24px}
.mb-builder-landing .mb-steps li{display:flex;gap:21px}
.mb-builder-landing .mb-step-number{padding-top:3px;font-size:13px;margin:0;width:22px;flex-shrink:0}
.mb-builder-landing .mb-steps h3{font-size:19px;margin:0 0 6px}
.mb-builder-landing .mb-steps p{font-size:15px;line-height:1.7;max-width:390px}
.mb-builder-landing .mb-footer{padding-top:20px;padding-bottom:23px;gap:9px 15px}
.mb-builder-landing .mb-footer>span{font-size:10px;order:2}
.mb-builder-landing .mb-footer>p{flex-basis:100%;font-size:11px;order:1}
.mb-builder-landing .mb-footer>button{order:3;margin-left:auto;min-height:42px}
.mb-builder-landing .mb-dialog{padding:34px 26px}
.mb-builder-landing .mb-dialog h2{font-size:35px}}
@media(max-width:370px){
.mb-builder-landing{--mb-gutter:20px}
.mb-builder-landing .mb-header>img{width:117px}
.mb-builder-landing .mb-header>div{font-size:8px}
.mb-builder-landing .mb-copy h1>span{font-size:33px}
.mb-builder-landing .mb-copy h1 em{font-size:49px}
.mb-builder-landing .mb-visual{min-height:385px}
.mb-builder-landing .mb-glass-sheet{top:182px;width:153px}
.mb-builder-landing .mb-design-control>span{font-size:8px}
.mb-builder-landing .mb-design-control>div{gap:2px}
.mb-builder-landing .mb-design-control button{width:36px}}
@media(prefers-reduced-motion:reduce){
.mb-builder-landing{scroll-behavior:auto}
.mb-builder-landing, .mb-builder-landing *,.mb-builder-landing *:before,.mb-builder-landing *:after{animation:none!important;transition:none!important}
.mb-builder-landing #mb-motion{display:none}}
@media(prefers-reduced-transparency:reduce){
.mb-builder-landing .mb-entry-glass,.mb-builder-landing .mb-glass-sheet,.mb-builder-landing .mb-dialog{background:#152033;backdrop-filter:none}
.mb-builder-landing .mb-optics{display:none}
.mb-builder-landing .mb-dialog::backdrop{backdrop-filter:none}}
@media(forced-colors:active){
.mb-builder-landing .mb-atmosphere,.mb-builder-landing .mb-projection,.mb-builder-landing .mb-signal,.mb-builder-landing .mb-optics{display:none}
.mb-builder-landing .mb-copy h1 em{color:CanvasText;background:none}
.mb-builder-landing .mb-entry-glass,.mb-builder-landing .mb-glass-sheet,.mb-builder-landing .mb-start,.mb-builder-landing .mb-dialog{background:Canvas;border:1px solid CanvasText;color:CanvasText;box-shadow:none;backdrop-filter:none}
.mb-builder-landing .mb-design-control button[aria-pressed=true]{outline:2px solid Highlight}
.mb-builder-landing .mb-dialog::backdrop{backdrop-filter:none}}
/* Put the no-obligation reassurance directly beside the free website action. */
.mb-builder-landing .mb-reassurance{margin-top:13px;color:#eef0f7;font-size:15px;font-weight:400;line-height:1.55}
.mb-builder-landing .mb-reassurance span{color:#c8cfdd}
.mb-builder-landing .mb-reassurance+.mb-error:not([hidden]){margin-top:10px}
.mb-builder-landing .mb-permission{margin-top:10px}
.mb-builder-landing .mb-glass-sheet p{font-size:22px}
.mb-builder-landing .mb-glass-sheet p em{display:inline-block;margin-top:3px;font-size:30px}
@media(max-width:900px){
.mb-builder-landing .mb-reassurance{font-size:14px}
.mb-builder-landing .mb-glass-sheet p{font-size:19px}
.mb-builder-landing .mb-glass-sheet p em{font-size:26px}}
@media(max-width:370px){
.mb-builder-landing .mb-glass-sheet p{font-size:17px}
.mb-builder-landing .mb-glass-sheet p em{font-size:24px}}
.mb-builder-landing .mb-glass-sheet p,.mb-builder-landing .mb-sheet-kicker{text-shadow:0 2px 12px #0009}

.mb-builder-landing{position:relative;isolation:isolate;width:100%;min-height:100svh;box-sizing:border-box;text-align:left}

/* Keep the real website entry in reach while mobile visitors explore the page. */
@media(max-width:700px){
.mb-builder-landing{padding-bottom:calc(var(--mb-entry-dock-height,190px) + 32px + env(safe-area-inset-bottom,0px))}
.mb-builder-landing .mb-entry{margin-top:20px}
.mb-builder-landing .mb-entry-dock{position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--mb-entry-keyboard-inset,0px));z-index:30;max-width:520px;margin-inline:auto;padding:10px;border:1px solid #c7d9f526;border-radius:28px;background:linear-gradient(140deg,#111c2ee6,#100b1ae6);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 -8px 38px #02061166,0 14px 44px #0008}
.mb-builder-landing .mb-entry-dock>label{font-size:12px;line-height:1.45;margin:0 7px 7px;color:#d1d9e7}
.mb-builder-landing .mb-entry-dock .mb-entry-glass{padding:7px;border-radius:20px}
.mb-builder-landing .mb-entry-dock .mb-entry-glass input{padding-block:7px}
.mb-builder-landing .mb-entry-dock .mb-start{min-height:48px;padding-block:10px;margin-top:4px}
.mb-builder-landing .mb-entry-dock .mb-error{margin:9px 7px 2px;font-size:13px;line-height:1.45;color:#ff7da1}
.mb-builder-landing .mb-reassurance{margin-top:0}
}
@media(max-width:700px) and (prefers-reduced-transparency:reduce){
.mb-builder-landing .mb-entry-dock{background:#101827;backdrop-filter:none}
}
@media(max-width:700px) and (forced-colors:active){
.mb-builder-landing .mb-entry-dock{background:Canvas;color:CanvasText;border:1px solid CanvasText;backdrop-filter:none;box-shadow:none}
.mb-builder-landing .mb-entry-dock>label,.mb-builder-landing .mb-entry-dock .mb-error{color:CanvasText}
}