.entry-screen,.creating{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;background:#141518f7;backdrop-filter:blur(18px);color:#f8f3ec;isolation:isolate}
.entry-screen::before,.creating::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 46%,#ff583d0d,transparent 55%);pointer-events:none}
.neon-sign{position:relative;width:min(1120px,92vw);aspect-ratio:2158/729;max-height:50svh;user-select:none}
.neon-sign img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.neon-unlit{opacity:.12;filter:brightness(.6) saturate(.4)}
.neon-tube[data-neon="word"]{clip-path:inset(0 60% 0 0)}
.neon-tube[data-neon="heart-word"]{clip-path:inset(0 18% 0 40%)}
.neon-tube[data-neon="heart"]{clip-path:inset(0 0 0 82%)}
.entry-action{display:grid;place-items:center;min-height:100px}
.entry-loading,.creating h2{margin:0;font:800 clamp(24px,3.5vw,40px)/1.3 var(--font-ui,SUIT),sans-serif;letter-spacing:-.04em;color:#e9e4dd}
.entry-loading{animation:neon-breathe 1s ease-in-out infinite alternate}
.top-controls .neon-wordmark{display:flex;align-items:center;width:clamp(170px,22vw,240px);height:48px;overflow:hidden;line-height:0}
.neon-wordmark img{width:100%;height:auto;max-width:100%;flex-shrink:0}
.maker-title{margin-bottom:10px}
.maker-delivery{font-size:clamp(18px,2vw,22px);font-weight:650;line-height:1.5;text-align:center;color:#d2ccc7;margin:0 0 30px;letter-spacing:-.035em}
.creating #creation-message{max-width:900px;font-size:clamp(28px,4vw,46px);line-height:1.35;word-break:keep-all;text-wrap:balance}
.creation-progress{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(19px,2.3vw,25px);font-weight:650;color:#b4b1b1;line-height:1.4}
.creation-progress time{font:650 .9em/1.3 Geist,SUIT,sans-serif;font-variant-numeric:tabular-nums;min-width:3em;color:#c9c4be}
.live-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#ff806c;box-shadow:0 0 14px #ff604b66;animation:neon-breathe 1s ease-in-out infinite alternate}
.enter-neon{display:flex;align-items:center;gap:28px;padding:20px 38px;border:1px solid #ff957a7a;border-radius:16px;background:#ff684b0e;color:#fff0e7;font:900 clamp(29px,4vw,48px)/1.2 Geist,SUIT,sans-serif;letter-spacing:-.045em;transition:background .2s,box-shadow .2s,transform .2s}
.enter-neon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.enter-neon:hover{background:#ff684b25;box-shadow:0 0 40px #ff59351a;transform:translateY(-2px)}
.enter-neon:focus-visible{outline:2px solid #ffad8d;outline-offset:7px}
.entry-screen[data-ready="true"] .neon-sign{animation:neon-glow 3s ease-in-out infinite alternate}
@keyframes neon-breathe{from{opacity:.5}to{opacity:1}}
@keyframes neon-glow{from{filter:brightness(.98)}to{filter:brightness(1.08)}}

/* The selected tube color is also the primary action color. */
.launch-panel .launch-button,.launch-panel .launch-button:hover,.launch-panel .launch-button:active{background:var(--neon,#ff493b);color:var(--neon-ink,#171717);transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.launch-panel .launch-button:focus-visible{outline-color:var(--neon);outline-offset:6px}
.order-now,#place-order{position:relative;isolation:isolate;overflow:hidden;transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.order-now:focus-visible,#place-order:focus-visible{outline:3px solid var(--neon);outline-offset:-6px;box-shadow:inset 0 0 0 1px var(--neon)}
@media(hover:hover) and (pointer:fine){
 .launch-panel .launch-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--neon),transparent 75%)}
 .order-now:hover:not(:disabled),#place-order:hover:not(:disabled){background:var(--neon);color:var(--neon-ink,#171717);transform:translateY(-3px);box-shadow:0 -8px 48px color-mix(in srgb,var(--neon),transparent 70%)}
}
.order-now:active:not(:disabled),#place-order:active:not(:disabled),.launch-panel .launch-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.order-sheet input:not([type="checkbox"]){padding:20px 24px;min-height:76px;border:1px solid #57534c;border-radius:10px;background:#ffffff03;font-size:clamp(22px,3vw,28px);line-height:1.3;box-sizing:border-box}
.order-sheet input:not([type="checkbox"])::placeholder{color:#aaa69e;opacity:1}
.order-sheet input:not([type="checkbox"]):focus{border-color:#e6d9c6;background:#ffffff05}
.order-sheet .address-group{display:block;margin-bottom:24px}
.address-label{display:block;font-size:24px;font-weight:700;margin-bottom:8px}
.address-row{display:flex;align-items:stretch;gap:12px;margin-bottom:12px}
.order-sheet .address-row input{flex:1;min-width:0;width:0;margin:0;cursor:pointer}
.address-search{flex-shrink:0;padding:14px 24px;border:1px solid #d8d2c6;border-radius:10px;color:#f4f0e8;background:#ffffff08;font-size:24px;font-weight:800;white-space:nowrap;transition:background .2s}
.address-search:hover{background:#ffffff16}
.address-group>input{margin-bottom:12px}
.order-sheet #customer-postcode{color:#c4bdb3}
.address-dialog{width:min(600px,100%);max-width:100%;max-height:calc(100dvh - 32px);height:650px;margin:auto;border:0;border-radius:20px;padding:28px;background:#fff;color:#191919;overflow:hidden}
.address-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.address-dialog .close-dialog{position:absolute;right:16px;top:10px;color:#191919;z-index:2}
.address-dialog h2{font:850 30px/1.3 var(--font-ui,SUIT),sans-serif;margin:0 0 22px}
#address-search-frame{height:calc(100% - 62px);width:100%}
#address-search-frame iframe{border:0;max-width:100%}
.address-dialog .field-status{color:#8d3027;font-size:19px;margin:20px 0}
@media(min-width:701px) and (max-height:850px){body[data-step="1"] .experience{padding-top:94px;padding-bottom:24px}.maker-delivery{margin-bottom:16px}.make-steps{margin-bottom:18px}.word-inputs{padding-top:24px;padding-bottom:20px}.sign-line{min-height:85px}}
@media(max-width:700px){
 .entry-screen,.creating{padding:20px;gap:28px}.neon-sign{width:100%;max-height:43svh}.entry-action{min-height:90px}.enter-neon{gap:22px;padding:18px 28px;font-size:32px}.enter-neon svg{width:26px;height:26px}
 .order-sheet input:not([type="checkbox"]){padding:18px 20px;min-height:68px}.address-row{gap:10px}.address-search{font-size:21px;padding:14px 18px}.address-dialog{height:100dvh;max-height:100dvh;border-radius:0;padding:24px 16px}.address-dialog h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.entry-loading,.live-dot,.entry-screen[data-ready="true"] .neon-sign{animation:none}.enter-neon,.order-now,#place-order,.launch-panel .launch-button{transition:none;transform:none!important}}

.creation-estimate{width:min(620px,84vw);margin-top:8px}.creation-bar{height:8px;border-radius:20px;overflow:hidden;background:#ffffff13}.creation-bar>span{display:block;width:0;height:100%;border-radius:inherit;background:#ff8a75;box-shadow:0 0 20px #ff745975;transition:width 1s linear}.creation-estimate>p{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:clamp(18px,2.1vw,24px);font-weight:700;color:#d8d3cf;font-variant-numeric:tabular-nums}.creating{gap:18px}@media(prefers-reduced-motion:reduce){.creation-bar>span{transition:none}}