.build-page { background:#fff; color:#141414; }
.build-wrap { max-width:1320px; margin-inline:auto; padding-inline:54px; }
.build-hero { padding:160px 0 76px; background:#141414; color:#fff; overflow:hidden; }
.build-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:50px; align-items:center; }
.build-kicker { margin:0 0 20px; color:#ee542f; font-size:11px; font-weight:800; letter-spacing:.15em; line-height:1.6; }
.build-hero .build-kicker { color:#ff795a; }
.build-page h1,.build-page h2 { font-family:var(--display-font); font-weight:400; margin:0; letter-spacing:-.025em; }
.build-page h1 { font-size:clamp(58px,6.7vw,94px); line-height:1.04; }
.build-page h1 span,.build-page h2 span { color:#f4512c; }
.build-hero-copy { max-width:45ch; color:#d5d5d5; font-size:16px; line-height:1.8; margin:24px 0 28px; }
.build-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:54px; padding:14px 22px; border:0; border-radius:12px; background:#f4512c; color:#fff; font-weight:800; font-size:14px; cursor:pointer; }
.build-button > span { font-size:22px; line-height:1; }
.build-hero-note { font-size:11px; color:#aaa; margin:16px 0 0; }
.build-art { position:relative; min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.build-art-tile { position:relative; display:flex; flex-direction:column; justify-content:center; width:220px; min-height:112px; padding:18px 28px; border-radius:20px; font-family:var(--display-font); font-size:44px; line-height:1; animation:idea-float 6s ease-in-out infinite; box-shadow:0 18px 36px #0003; }
.build-art-tile span { font-family:Inter,sans-serif; font-size:9px; font-weight:800; letter-spacing:.12em; margin-top:10px; }
.tile-idea { background:#fff; color:#141414; left:-28px; --tilt:-7deg; }
.tile-brand { background:#f4512c; color:#fff; left:24px; --tilt:5deg; animation-delay:-2s; }
.tile-launch { background:#252525; border:1px solid #555; color:#fff; left:-8px; --tilt:-3deg; animation-delay:-4s; }
.build-orbit { position:absolute; width:330px; height:330px; border:1px dashed #ffffff24; border-radius:50%; animation:idea-orbit 45s linear infinite; }
.build-orbit:after { content:''; position:absolute; top:40px; left:40px; width:12px; height:12px; background:#f4512c; border-radius:3px; }
.build-spark { position:absolute; right:8%; top:6%; font-size:64px; color:#f4512c; animation:idea-orbit 30s linear infinite; }
.build-intro { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:60px; padding-block:64px; }
.build-page h2 { font-size:clamp(36px,3.5vw,52px); line-height:1.12; }
.build-intro p:not(.build-kicker) { margin:0; color:#666; font-size:14px; line-height:1.8; }
.build-tags { display:flex; flex-wrap:wrap; padding:0; margin:20px 0; gap:8px; list-style:none; }
.build-tags li { padding:8px 12px; border:1px solid #e4dfdb; border-radius:7px; font-size:11px; font-weight:600; }
.build-intro .build-franchise-note { font-size:12px; }
.build-franchise-note a { color:#b93418; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.build-form-section { background:#f5f3f0; border-top:1px solid #e8e3de; padding-block:64px; scroll-margin-top:100px; }
.build-form-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:start; }
.build-form-aside > p:not(.build-kicker) { color:#666; font-size:14px; line-height:1.8; margin:24px 0; max-width:36ch; }
.build-next { list-style:none; padding:0; margin:30px 0; }
.build-next li { display:flex; align-items:start; gap:14px; padding:18px 0; border-bottom:1px solid #dfdad5; font-size:13px; font-weight:700; }
.build-next b { color:#c33a1a; font-size:11px; padding-top:2px; }
.build-next small { display:block; margin-top:6px; font-size:12px; font-weight:400; color:#666; line-height:1.6; }
.build-email { font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.build-form { min-width:0; padding:30px; background:#fff; border:1px solid #e6e1dc; border-radius:22px; box-shadow:0 12px 40px #14141405; }
.build-form-caption { display:flex; justify-content:space-between; gap:12px; margin:0 0 28px; font-size:10px; font-weight:800; letter-spacing:.08em; }
.build-form-caption span { color:#666; font-weight:400; letter-spacing:0; }
.build-form fieldset { min-width:0; margin:0 0 30px; padding:0; border:0; }
.build-form legend { margin-bottom:22px; padding:0; font-size:17px; font-weight:800; }
.build-form legend > span { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#141414; color:#fff; font-size:10px; margin-right:8px; }
.build-fields { display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
.build-field { min-width:0; display:flex; flex-direction:column; gap:8px; }
.build-field > span { font-size:12px; font-weight:700; line-height:1.6; }
.build-field > span > span { color:#c33a1a; }
.build-field :is(input,select,textarea) { box-sizing:border-box; width:100%; min-width:0; padding:12px; min-height:46px; border:1px solid #d6d1cc; background:#fcfbfa; border-radius:9px; color:#141414; font:400 14px/1.5 Inter,Arial,sans-serif; }
.build-field textarea { resize:vertical; }
.build-field :is(input,select,textarea):focus { outline:2px solid #f4512c; outline-offset:2px; background:#fff; }
.build-field small { color:#666; font-size:11px; line-height:1.6; }
.build-wide { grid-column:1/-1; }
.build-form .build-support { margin:24px 0 0; }
.build-support legend { font-size:12px; margin-bottom:12px; }
.build-support legend small { display:block; color:#777; font-size:11px; font-weight:400; margin-top:5px; }
.build-checks { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.build-checks label { display:flex; align-items:center; gap:8px; border:1px solid #e6e1dc; border-radius:8px; padding:10px; font-size:11px; line-height:1.5; cursor:pointer; }
.build-checks label:has(input:checked) { border-color:#f4512c; background:#fff3ee; }
.build-form input[type=checkbox] { accent-color:#df421e; flex-shrink:0; width:16px; height:16px; }
.build-consent { display:flex; align-items:flex-start; gap:9px; font-size:11px; line-height:1.7; margin:0 0 20px; }
.build-submit { width:100%; }
.build-submit:disabled { cursor:wait; opacity:.65; }
.build-form-status { margin:14px 0 0; font-size:13px; line-height:1.7; }
.build-form-status:empty { display:none; }
.build-form-status[data-state=error] { color:#b42318; }
.build-form-status[data-state=success] { color:#19613a; padding:16px; background:#edf8f0; border-radius:9px; }
.build-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.site-header .header-link[href="build-with-us.html"] { color:#fff; background:#141414; padding:11px 14px; border-radius:10px; }
@keyframes idea-float { 0%,100% { transform:translateY(0) rotate(var(--tilt)); } 50% { transform:translateY(-8px) rotate(calc(var(--tilt) + 3deg)); } }
@keyframes idea-orbit { to { transform:rotate(360deg); } }
@media(max-width:1000px) { .build-wrap { padding-inline:30px; } .build-form-layout { gap:30px; grid-template-columns:.7fr 1.3fr; } .build-form { padding:24px; } }
@media(max-width:767px) {
 .build-wrap { padding-inline:20px; } .build-hero { padding:112px 0 42px; } .build-hero-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .build-page h1 { font-size:clamp(48px,12vw,72px); } .build-hero-copy { font-size:14px; margin:22px 0; }
 .build-art { min-height:285px; } .build-art-tile { width:190px; min-height:84px; font-size:34px; padding:14px 22px; } .build-art-tile span { font-size:8px; margin-top:7px; } .build-orbit { width:260px; height:260px; } .build-spark { font-size:48px; }
 .build-intro,.build-form-layout { grid-template-columns:minmax(0,1fr); gap:28px; } .build-intro { padding-block:40px; } .build-page h2 { font-size:36px; }
 .build-form-section { padding-block:40px; } .build-form { padding:22px 18px; border-radius:18px; } .build-form-aside > p:not(.build-kicker) { max-width:unset; }
 .build-next { margin:20px 0; } .build-next li { padding:14px 0; } .build-fields { grid-template-columns:minmax(0,1fr); gap:18px; } .build-field :is(input,select,textarea) { font-size:16px; } .build-checks { grid-template-columns:minmax(0,1fr); }
}
@media(hover:hover) { .build-button:hover { background:#d63c19; } }
@media(prefers-reduced-motion:reduce) { .build-art * { animation:none; } .build-art-tile { transform:rotate(var(--tilt)); } }