.build-page{overflow-x:hidden;background:#fffefa}.build-header{position:relative;color:#fff;background:#5b3df5}.build-header nav a:not(.nav-action){color:#ded8ff}.build-header nav a:hover{color:#fff}.build-header .active{border-bottom:1px solid #fff;padding-bottom:5px}.build-hero{min-height:calc(100svh - 84px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#5b3df5 0%,#7d4dff 48%,#ff5f89 100%);color:#fff;padding:clamp(70px,9vw,135px) max(42px,calc((100vw - 1120px)/2));gap:70px;align-items:center;position:relative;overflow:hidden}.build-copy{position:relative;z-index:3}.build-copy .eyebrow,.request-heading .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:25px}.build-copy h1{font-size:clamp(50px,6.6vw,91px);line-height:.95;letter-spacing:-4.8px;font-weight:550}.build-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:490px;color:#f1edff;margin-top:30px}.build-points{margin-top:50px;border-top:1px solid #ffffff44;max-width:520px}.build-points span{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff44;font-size:12px}.build-points b{font-size:9px;font-weight:500;color:#dcd4ff}.build-visual{height:min(610px,68vw);position:relative;perspective:1100px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:270px;height:270px;background:#ffda57;right:-20px;top:0;box-shadow:0 30px 100px #bd5b0070}.orb-two{width:190px;height:190px;background:#35e3d3;left:0;bottom:20px;box-shadow:0 30px 100px #006d6970}.browser-card{position:absolute;width:min(520px,42vw);aspect-ratio:1.6;border-radius:18px;border:1px solid #ffffff70;box-shadow:0 45px 100px #25105e70;overflow:hidden}.browser-back{right:-70px;top:50px;background:#2c175f;transform:rotateY(-18deg) rotateZ(7deg)}.browser-back span{display:block;width:65%;height:10%;margin:14% auto 0;border-radius:20px;background:#ffffff26}.browser-front{left:1%;top:20%;background:#fff;color:#1b1820;transform:rotateY(14deg) rotateZ(-5deg)}.browser-top{height:12%;background:#f1eff9;display:flex;align-items:center;gap:7px;padding:0 18px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#fb7390}.browser-top i:nth-child(2){background:#ffc955}.browser-top i:nth-child(3){background:#48d3b2}.browser-content{padding:14%;display:flex;flex-direction:column;gap:22px}.browser-content strong{font-size:clamp(30px,4vw,58px);letter-spacing:-2.5px}.browser-content em{height:8px;width:85%;background:#e8e5f0;border-radius:20px}.browser-content em:nth-of-type(2){width:62%}.browser-content button{border:0;border-radius:30px;background:#5b3df5;color:#fff;padding:14px 22px;width:145px;font-size:11px;box-shadow:0 14px 28px #5b3df548}.request-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:120px max(42px,calc((100vw - 1120px)/2));background:#fffefa}.request-heading h2{font-size:clamp(45px,5vw,67px);line-height:1;letter-spacing:-3px}.request-heading>p:last-child{max-width:390px;color:var(--muted);margin-top:25px;line-height:1.75}.project-request{background:#f5f2ff;border:1px solid #dfd7ff;border-radius:18px;padding:38px;box-shadow:0 25px 70px #4931a014}.project-request label:not(.consent){display:block;font-size:11px;margin-bottom:8px;font-weight:550}.project-request input:not([type=checkbox]),.project-request select,.project-request textarea{display:block;width:100%;border:1px solid #d5cdec;border-radius:7px;background:#fff;padding:13px;font:inherit;font-size:13px;color:var(--ink);margin-bottom:23px}.project-request select{min-height:46px}.project-request textarea{resize:vertical}.project-request .submit-interest{background:#5b3df5}.project-request .submit-interest:hover{background:#4327d4}.project-request .form-message{font-size:11px}.build-footer{background:#1d162d;color:#fff;border-top:0}.build-footer>p,.build-footer>span{color:#c7bfd8}.build-footer>span{border-color:#ffffff20}@media(max-width:760px){.build-header{height:70px}.build-header nav>a:first-child,.build-header nav>a:nth-child(2){display:none}.build-header .nav-action{font-size:10px}.build-hero{min-height:0;grid-template-columns:1fr;padding:70px 24px 85px;gap:20px}.build-copy h1{font-size:56px;letter-spacing:-3px}.build-copy>p:not(.eyebrow){font-size:14px}.build-visual{height:380px}.browser-card{width:82vw}.browser-back{right:-38%;top:10px}.browser-front{left:1%;top:65px}.request-section{grid-template-columns:1fr;gap:45px;padding:75px 24px}.project-request{padding:26px 20px}.form-pair{grid-template-columns:1fr}.build-footer{padding-left:24px;padding-right:24px}}
/* Unified white navigation requested for the Build My Website page. */
.build-header{background:#fffefa;color:#1d162d;border-bottom:1px solid #ece8e1}
.build-header nav a:not(.nav-action){color:#5f596a}
.build-header nav a:hover{color:#1d162d}
.build-header .active{color:#1d162d;border-bottom-color:#ff5f89}
.build-header>.brand{background:transparent;border-radius:0;padding:0;box-shadow:none}
/* Match the homepage lead-form UI. */
.project-request{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.project-request label:not(.consent){font-size:11px;margin-bottom:8px;font-weight:500}
.project-request input:not([type=checkbox]),.project-request select,.project-request textarea{display:block;width:100%;background:transparent;border:1px solid #d9dace;border-radius:5px;color:var(--ink);padding:12px;min-height:44px;font:inherit;font-size:13px;margin-bottom:22px}
.project-request textarea{resize:vertical}
.project-request .consent{margin:22px 0}
.project-request .submit-interest{background:var(--ink);color:var(--paper);border-radius:6px;padding:13px 17px}
.project-request .submit-interest:hover{background:#3c3f32}
.project-request .form-message{margin-top:12px;font-size:10px;line-height:1.65;color:var(--muted)}

/* Layered previews share the homepage card language while showing more expressive work. */
.build-visual{height:min(620px,68vw);perspective:1700px;isolation:isolate}
.preview-glow{position:absolute;inset:7% -6% 10% 8%;border-radius:50%;background:radial-gradient(circle at 62% 38%,#ff7b9a 0 16%,#713dff 38%,#31125b00 71%);filter:blur(34px);opacity:.76;transform:translateZ(-160px)}
.build-preview-deck{position:absolute;inset:12% 0 14%;transform-style:preserve-3d}
.build-preview{--slot:0;position:absolute;left:50%;top:50%;width:min(535px,43vw);aspect-ratio:1.6;padding:0;border:1px solid #ffffff69;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 42px 80px #24105c52,0 12px 28px #17082f36;transform:translate(-50%,-50%) translate3d(calc(var(--slot)*38px),calc(var(--slot)*-34px),calc(var(--slot)*-130px)) rotateY(calc(var(--slot)*-3deg));transition:transform .75s cubic-bezier(.2,.76,.2,1),opacity .45s ease,filter .45s ease;opacity:calc(1 - var(--slot)*.12);filter:saturate(calc(1 - var(--slot)*.08));cursor:pointer;backface-visibility:hidden}
.build-preview:nth-child(1){--slot:0;z-index:50}.build-preview:nth-child(2){--slot:1;z-index:40}.build-preview:nth-child(3){--slot:2;z-index:30}.build-preview:nth-child(4){--slot:3;z-index:20}.build-preview:nth-child(5){--slot:4;z-index:10}
.build-preview img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.build-preview.active{box-shadow:0 55px 100px #1d0d4f73,0 15px 35px #14082f45}
.build-preview:focus-visible{outline:2px solid #fff;outline-offset:7px}
.build-preview-nav{position:absolute;right:-14px;top:50%;transform:translateY(-50%);display:grid;gap:7px;z-index:70}
.build-preview-nav button{width:22px;height:22px;border:0;background:transparent;padding:0;position:relative}
.build-preview-nav button::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#ffffff82;transition:.25s}
.build-preview-nav button.active::after,.build-preview-nav button:hover::after{background:#fff;transform:scale(1.8);box-shadow:0 0 14px #fff}
.preview-caption{position:absolute;left:7%;bottom:5%;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#eee9ff}.preview-caption span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff55;border-radius:50%;margin-right:10px}
@media(max-width:760px){.build-visual{height:390px}.build-preview-deck{inset:9% 0 14%}.build-preview{width:84vw;transform:translate(-50%,-50%) translate3d(calc(var(--slot)*20px),calc(var(--slot)*-18px),calc(var(--slot)*-90px))}.build-preview-nav{right:-4px}.preview-caption{left:0;bottom:2%;font-size:8px}}
@media(prefers-reduced-motion:reduce){.build-preview{transition:none}}