body.u-night.builder-easy[data-realm="land"] .canvas-welcome{display:flex;flex-direction:column;width:100%;max-width:1440px;padding:0;gap:44px;text-align:left}
body.builder-easy .wa{--accent:#dbc290;isolation:isolate;position:relative;width:100%;min-height:590px;border:1px solid #b4a58342;border-radius:24px;background:radial-gradient(ellipse at 72% 44%,#55452c70,transparent 55%),#101311;color:#f2ede1;overflow:hidden;padding:40px;box-shadow:inset 0 1px #ffffff10}
.wa-grid{position:absolute;inset:-40%;z-index:-1;background-image:linear-gradient(#ddcfa017 1px,transparent 1px),linear-gradient(90deg,#ddcfa017 1px,transparent 1px);background-size:90px 90px;transform:perspective(600px) rotateX(57deg) rotateZ(-12deg);mask-image:radial-gradient(ellipse,#0008,transparent 65%)}
.wa-heading{position:relative;z-index:2;width:43%;pointer-events:none}
.wa-heading>span{font:10px var(--mono);letter-spacing:.19em;color:#d5c39b}
body.u-night.builder-easy[data-realm="land"] .wa-heading h2{font:500 clamp(35px,4.2vw,64px)/1.02 var(--serif);letter-spacing:-.055em;max-width:12ch;color:#f2ede1;margin:38px 0 22px}
.wa-heading h2 em{font-weight:500;color:var(--accent)}
.wa-heading p{max-width:25ch;font:14px/1.7 var(--sans);color:#c8c7bc}
.wa-scene{position:absolute;inset:50px -20px 80px 40%;perspective:1200px;pointer-events:none}
.wa-stack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,-3deg));transition:transform .45s ease-out}
.wa-browser{position:absolute;top:55px;left:5%;width:88%;border:1px solid #decca760;border-radius:12px;overflow:hidden;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-5deg);box-shadow:0 45px 75px #0009;background:#24251f}
.wa-browserbar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#d9d4c2;font:7px var(--mono);letter-spacing:.08em}.wa-browserbar>span:first-child{color:#a7956b;letter-spacing:3px}
.wa-page{position:relative;aspect-ratio:1.65;background:#171813;overflow:hidden}.wa-page>img{position:absolute;width:100%;height:100%;object-fit:cover}.wa-pagecopy{position:absolute;top:22%;left:7%;width:49%;color:#f9efd9}.wa-pagecopy small{font:7px var(--mono);letter-spacing:.13em}.wa-pagecopy strong{display:block;white-space:pre-line;font:500 clamp(22px,3vw,43px)/1.02 var(--serif);letter-spacing:-.04em;margin:16px 0 22px}.wa-pagecopy>span{font:6px var(--mono);letter-spacing:.06em;padding-bottom:7px;border-bottom:1px solid #d5c092}.wa-pagefoot{position:absolute;bottom:0;left:0;right:0;background:#e8dfcc;color:#35352b;padding:12px 7%;font:9px var(--serif)}
.wa-backplate{position:absolute;inset:40px 30px 80px 55px;border:1px solid #d2ba7b30;border-radius:14px;transform:rotate(-11deg);background:#bc9c5720}
.wa-phone{position:absolute;right:7%;bottom:0;width:24%;aspect-ratio:.51;background:#ede5d2;border:5px solid #252a24;border-radius:27px;box-shadow:0 25px 40px #0009;overflow:hidden;transform:translateZ(45px) rotate(8deg);color:#29291f}.wa-phone>img{width:100%;height:76%;object-fit:cover}.wa-island{position:absolute;z-index:2;top:7px;left:33%;width:34%;height:9px;background:#242720;border-radius:8px}.wa-phone>b{position:absolute;bottom:11%;left:11%;font:500 clamp(12px,1.45vw,21px)/1.1 var(--serif)}.wa-phone>span{position:absolute;bottom:5%;left:11%;font:6px var(--mono);letter-spacing:.13em}
.wa-chip{position:absolute;bottom:8%;left:1%;padding:15px 20px;border:1px solid #e1cf9b50;border-radius:10px;background:#232820e8;transform:translateZ(65px) rotate(-5deg);box-shadow:0 20px 35px #0005}.wa-chip>span{font:8px var(--mono);color:#c4baa5}.wa-chip>b{display:block;font:12px var(--sans);margin:8px 0;color:#efe5cf}.wa-chip div{display:flex;gap:5px}.wa-chip i{height:15px;width:26px;background:#d7c7a1;border-radius:3px}.wa-chip i:nth-child(2){background:#9e6235}.wa-chip i:nth-child(3){background:#616951}.wa-chip i:nth-child(4){background:#131914}
.wa-bottom{position:absolute;bottom:24px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wa-directions{display:flex;gap:5px}.wa-directions button{font:10px var(--sans);padding:12px;min-height:44px;border:1px solid #b6aa8833;border-radius:30px;background:#131914;color:#c9c8bc;cursor:pointer}.wa-directions button[aria-pressed="true"]{background:#e6d5b1;color:#20271e;border-color:#e6d5b1}.wa-directions button:focus-visible{outline:2px solid #fff;outline-offset:4px}.wa-bottom p{font:9px/1.5 var(--mono);color:#b8b9ac;max-width:24ch;text-align:right}
.wa[data-direction="editorial"]{--accent:#e8b9a0;background:radial-gradient(ellipse at 70% 40%,#59403980,transparent 60%),#191817}.wa[data-direction="editorial"] .wa-page>img{filter:grayscale(1)}.wa[data-direction="editorial"] .wa-pagefoot{background:#e8b9a0}.wa[data-direction="night"]{--accent:#c8d6ea;background:radial-gradient(ellipse at 70% 40%,#293c6180,transparent 60%),#0b111a}.wa[data-direction="night"] .wa-page>img{filter:saturate(.65) brightness(.72)}.wa[data-direction="night"] .wa-pagefoot{background:#c8d6ea}
body.builder-easy .welcome-intro{width:100%;max-width:1050px;margin:0 auto 30px;display:grid;grid-template-columns:1fr 1.2fr;column-gap:60px}.welcome-intro>.website-start-form{grid-column:2;grid-row:1 / 5}.welcome-intro>.welcome-title{font:500 42px/1.08 var(--serif);letter-spacing:-.04em;margin:18px 0}.welcome-intro>.welcome-title em{color:#c9a257}
html.ml-motion-off .wa-stack{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.wa-stack{transform:none!important;transition:none!important}}
@media(max-width:1000px){body.builder-easy .wa{min-height:720px;padding:28px}.wa-heading{width:100%}body.u-night.builder-easy[data-realm="land"] .wa-heading h2{max-width:none;font-size:44px;margin:20px 0 12px}.wa-heading h2 br{display:none}.wa-heading p{max-width:none}.wa-scene{inset:210px 4% 95px 4%}.wa-bottom{left:28px;right:28px}.wa-bottom p{display:none}.wa-pagecopy strong{font-size:36px}.wa-phone>b{font-size:19px}body.builder-easy .welcome-intro{display:block;max-width:650px}.welcome-intro>.website-start-form{margin-top:25px}}
@media(max-width:600px){body.builder-easy .wa{min-height:635px;padding:25px 20px;border-radius:18px}.wa-heading>span{font-size:8px}body.u-night.builder-easy[data-realm="land"] .wa-heading h2{font-size:37px;max-width:12ch;line-height:1.04}.wa-heading h2 br{display:block}.wa-heading p{font-size:12px;max-width:25ch}.wa-scene{inset:270px -8px 100px -5px}.wa-browser{top:12px;left:5%;width:86%}.wa-browserbar{padding:8px 10px;font-size:5px}.wa-pagecopy strong{font-size:22px;margin:10px 0}.wa-pagecopy small{font-size:5px}.wa-pagecopy>span{font-size:4px}.wa-pagefoot{padding:7px;font-size:6px}.wa-phone{width:24%;right:6%;bottom:0;border-width:3px;border-radius:17px}.wa-phone>b{font-size:11px}.wa-phone>span{font-size:4px}.wa-island{height:5px;top:4px}.wa-chip{padding:10px;bottom:-10px;left:7%}.wa-chip b{font-size:9px}.wa-chip i{width:18px;height:10px}.wa-bottom{left:15px;right:15px;bottom:18px}.wa-directions{width:100%;justify-content:center}.wa-directions button{font-size:9px;padding:9px}.wa-backplate{inset:0 20px 10px}body.u-night.builder-easy[data-realm="land"] .canvas-welcome{gap:30px;padding:0!important}.welcome-intro>.welcome-title{font-size:35px}}
/* Keep the device mockup in front of the tilted browser at every pointer angle. */
.wa-stack{transform-style:flat}.wa-phone{z-index:3}.wa-chip{z-index:4}
body.builder-easy .wa[data-direction="editorial"]{background:radial-gradient(ellipse at 70% 40%,#59403980,transparent 60%),#191817}
body.builder-easy .wa[data-direction="night"]{background:radial-gradient(ellipse at 70% 40%,#293c6180,transparent 60%),#0b111a}
body.u-night.builder-easy[data-realm="land"] .wa-heading h2 em{color:var(--accent)}
@media(max-width:600px){.wa-phone>b{font-size:9px}}
