/* SITE PORT — photographic fields, layered light and clear reading surfaces. */
body.surface-site{background:#f4f6fa;background-image:radial-gradient(ellipse at 95% 4%,#dce7ff 0,transparent 27%),linear-gradient(125deg,#fff 0%,#f3f5fa 44%,#fafbfe 100%);background-repeat:no-repeat}
.surface-site .sp-header{background:#fbfcfff2;border-bottom-color:#cdd8ec;box-shadow:0 4px 24px #071d4510}
.surface-site .sp-button{box-shadow:0 8px 22px #153bbe1a}
.surface-site .home-hero{color:#fff;position:relative;isolation:isolate;background:#091c38;background-image:radial-gradient(ellipse at 85% 5%,#2563e76b,transparent 58%),linear-gradient(100deg,#071731fa 3%,#0b2445ed 44%,#102a4b99 100%),url('/assets/architecture.webp');background-size:auto,auto,cover;background-position:center,center,center 44%;border:0}
.surface-site .home-hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#8bc8ff80,transparent);pointer-events:none}
.surface-site .home-hero-inner{padding-top:76px;padding-bottom:68px}
.surface-site .home-hero h1{color:#fff;text-shadow:0 2px 24px #08182c44}
.surface-site .home-hero h1 em{color:#a3d3ff}
.surface-site .home-hero .home-kicker{color:#b8d4ff}
.surface-site .home-hero .home-lead{color:#e0e8f5}
.surface-site .home-hero .home-price-note{color:#c6d7ee}
.surface-site .home-hero .home-price-line{color:#fff}
.surface-site .home-hero-actions .sp-button:not(.outline){background:#f8fbff;border-color:#f8fbff;color:#0d2e68;box-shadow:0 9px 26px #02132a40}
.surface-site .home-hero-actions .outline{color:#fff;border-color:#91add477;background:#ffffff0d}
.surface-site .hero-request{color:#183352;background:#fbfdfff2;border-color:#ffffff70;box-shadow:0 18px 35px #020f2633}
.surface-site .hero-result-label{color:#e4efff}
.surface-site .hero-result-label>span:last-child{color:#b7cce6}
.surface-site .hero-result-points span{background:#ffffff0c;color:#dae9ff;border-color:#bad5ff3b}
.surface-site .home-hero .home-browser{box-shadow:0 28px 80px #020e2959;border-color:#a6b6d060}
.surface-site .home-service-strip{color:#e9f1ff;border-color:#ffffff28;background:linear-gradient(100deg,#f8fbff0b,#e8f3ff03);max-width:none;padding-inline:max(5vw,calc((100vw - 1246px)/2))}
.surface-site .home-service-strip p,.surface-site .home-service-strip span{color:#d9e8ff}
.surface-site .home-service-strip p b,.surface-site .home-service-strip p strong{color:#fff}
.surface-site .examples-section{background:radial-gradient(ellipse at 100% 0,#e5edff,transparent 54%),linear-gradient(160deg,#fff,#f7f9ff);max-width:none;padding-inline:max(5vw,calc((100vw - 1246px)/2))}
.surface-site .home-revisions{background:#102443;background-image:linear-gradient(100deg,#0a1e38f7 2%,#0d2646ed 60%,#10233cdb),url('/assets/architecture.webp');background-position:center,center 58%;background-size:cover;box-shadow:inset 0 1px #fff1,inset 0 -1px #061224}
.surface-site .revision-examples article{background:linear-gradient(125deg,#ffffff0b,#ffffff02);padding:24px 26px;border:1px solid #a9c9ed26;border-radius:8px}
.surface-site .revision-examples article:last-child{border:1px solid #a9c9ed26;padding-bottom:24px}
.surface-site .home-collection{background:radial-gradient(ellipse at 3% 85%,#d9e4f766,transparent 48%)}
.surface-site .home-design-card{background:#fff;box-shadow:0 13px 36px #172c4e0c;border-bottom:1px solid #dce3f0}
.surface-site .home-design-card>p{padding:24px}
.surface-site .home-seo{position:relative;background:radial-gradient(ellipse at 90% 5%,#dce8ffcc,transparent 46%),linear-gradient(130deg,#f0f4fb,#ffffff);border-top-color:#d5dfef}
.surface-site .home-seo-grid article{background:linear-gradient(145deg,#fffffffa,#ffffffc9);border:1px solid #cfdbea;box-shadow:0 12px 28px #27426a09}
.surface-site .home-flow{background-color:#eaf0fa;background-image:linear-gradient(0deg,#edf3fcdd,#edf3fc40),linear-gradient(90deg,#819fc610 1px,transparent 1px),linear-gradient(#819fc610 1px,transparent 1px),radial-gradient(ellipse at 20% 20%,#fff 5%,transparent 70%);background-size:auto,72px 72px,72px 72px,auto;border-color:#cdd9eb}
.surface-site .home-step-grid li{background:linear-gradient(150deg,#fff,#ffffffbf);padding:23px 22px;box-shadow:0 12px 25px #3d557408;border-right:1px solid #dce5f0;border-bottom:1px solid #dce5f0;border-left:1px solid #dce5f0}
.surface-site .home-plan-section{background:radial-gradient(ellipse at 95% 42%,#dbe7ff88,transparent 55%)}
.surface-site .home-plan-card{background:radial-gradient(ellipse at 100% 0,#dce7ff,transparent 45%),linear-gradient(150deg,#fff,#f8faff);box-shadow:0 24px 60px #18396117;border-color:#b9cbe6;border-top-color:#2346ed}
.surface-site .home-faq>div:last-child{background:linear-gradient(155deg,#fff,#f6f8fe);padding:10px 28px;border:1px solid #dce4f0;border-radius:8px}
.surface-site .home-closing,.surface-site .closing-cta{background:#0f2d63;background-image:linear-gradient(105deg,#0a1d3ff5,#123b7adc 62%,#1d53b88c),url('/assets/architecture.webp');background-position:center,center 58%;background-size:cover;border-top:1px solid #ffffff20}
.surface-site .home-closing h2,.surface-site .closing-cta h2{color:#fff}
.surface-site .closing-cta span{color:#d8e7ff;opacity:1}
/* Completed designs and the request/result workspace. */
.surface-site .brief-page,.surface-site .collection-page{--surface-photo:url('/assets/architecture.webp');background-color:#eff3fa;background-image:radial-gradient(ellipse at 100% 25%,#dce8ff 0,transparent 32%),linear-gradient(135deg,#f9fbff 3%,#e9eff8 52%,#f8fafe);color:#172538}
.surface-site .brief-page[data-industry=cafe]{--surface-photo:url('/assets/cafe.webp')}
.surface-site .brief-page[data-industry=estate]{--surface-photo:url('/assets/estate-modern.webp')}
.surface-site .brief-page[data-industry=salon]{--surface-photo:url('/assets/salon.webp')}
.surface-site .brief-page[data-industry=hotel]{--surface-photo:url('/assets/hotel.webp')}
.surface-site .brief-page[data-industry=bar]{--surface-photo:url('/assets/bar.webp')}
.surface-site .brief-page[data-industry=dental]{--surface-photo:url('/assets/dental.webp')}
.surface-site .brief-page[data-industry=flower]{--surface-photo:url('/assets/flower.webp')}
.surface-site .brief-page[data-industry=fitness]{--surface-photo:url('/assets/fitness.webp')}
.surface-site .brief-page[data-industry=tech]{--surface-photo:url('/assets/detail-tech.webp')}
.surface-site .collection-heading{max-width:none;margin:0 auto 40px;padding:64px max(6%,calc((100vw - 1408px)/2));min-height:410px;color:#fff;background-color:#102238;background-image:linear-gradient(90deg,#081a30f7 0%,#0c233bec 34%,#112b426b 72%,#08203938 100%),var(--surface-photo);background-position:center,center 48%;background-size:cover;border-bottom:1px solid #7196bb55;box-shadow:0 18px 35px #122f5212}
.surface-site .collection-heading h1{font-size:clamp(38px,4.7vw,70px);line-height:1.45;margin:16px 0 22px;max-width:750px}
.surface-site .collection-heading h1 em{color:#b1d7ff}
.surface-site .collection-heading .eyebrow{color:#bdd8f5;font-size:13px;margin-bottom:18px}
.surface-site .collection-heading>p:last-child{color:#e0eaf6;font-size:16px;max-width:630px;line-height:1.95}
.surface-site .collection-heading .collection-index{border-color:#ffffff40;color:#d8e7f8}
.surface-site .collection-intro-grid p{color:#e0eaf6}
.surface-site .brief-choose{padding-bottom:36px}
.surface-site .brief-industries button{border-color:#cbd7e8;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 4px 10px #1b385707;border-radius:6px;transition:background .18s,border-color .18s}
.surface-site .brief-industries [aria-pressed=true]{background:linear-gradient(125deg,#183caf,#2257ef);color:#fff;border-color:#244bd0;box-shadow:0 6px 17px #2346ed24}
.surface-site .brief-workspace{gap:35px}
.surface-site .brief-editor{border-radius:10px;border-color:#d0dced;box-shadow:0 18px 50px #19375f0d;background:linear-gradient(160deg,#ffffff,#fcfdff)}
.surface-site .brief-editor>.brief-panel-title{margin:-30px -30px 0;padding:28px 30px 25px;border-bottom:1px solid #d9e3f2;border-radius:10px 10px 0 0;background:radial-gradient(ellipse at 100% 0,#d8e7ff,transparent 72%),linear-gradient(135deg,#f7faff,#eaf0fa)}
.surface-site .brief-field textarea,.surface-site .brief-fulltext textarea{background:#fff;border-color:#cfd9e9;box-shadow:inset 0 2px 5px #132e5010}
.surface-site .brief-preview>.brief-panel-title{padding:24px 27px;margin-bottom:16px;background:linear-gradient(120deg,#123967,#1a2949);color:#fff;border:1px solid #284f7b;border-radius:10px;box-shadow:0 12px 28px #19375f12}
.surface-site .brief-preview>.brief-panel-title>span{color:#b2d6ff}
.surface-site .brief-preview>.brief-panel-title p{color:#dfebf8}
.surface-site .brief-preview>.brief-panel-title h2{font-size:27px;margin:10px 0}
.surface-site .brief-preview-window{background:radial-gradient(ellipse at 50% 0,#e8eef9,#cbd6e8);border-color:#aebfd9;box-shadow:0 18px 42px #0c25401c}
.surface-site .brief-preview-tools{background:linear-gradient(180deg,#fff,#eef3fc);border-color:#c4d1e5;border-radius:8px 8px 0 0}
.surface-site .brief-result-summary{background:linear-gradient(125deg,#fff,#f8faff);border-color:#c4d1e5;border-radius:0 0 8px 8px;box-shadow:0 16px 38px #203e5f0b}
.surface-site .collection-card{background:linear-gradient(135deg,#ffffffba,#ffffff60);padding:12px 12px 22px;border:1px solid #d1dceb;border-radius:6px;box-shadow:0 12px 30px #1b375011}
.surface-site .collection-card-meta,.surface-site .collection-tags{padding-inline:10px}
.surface-site .collection-closing{color:#fff;background:#112e52;background-image:linear-gradient(100deg,#0c2343f7,#153d64e0 66%,#1c4a7270),url('/assets/architecture.webp');background-position:center,center 64%;background-size:cover}
.surface-site .collection-closing span{color:#b0d4ff}
.surface-site .collection-closing p{color:#e0e9f5}
.surface-site .collection-closing .sp-button{background:#fff;color:#193c78;border:1px solid #fff}
/* Other service pages use the same material palette, without photographs behind forms. */
.surface-site .page-intro{max-width:none;padding-inline:max(6vw,calc((100vw - 1285px)/2));background:radial-gradient(ellipse at 91% 5%,#bfd5fb99,transparent 48%),linear-gradient(120deg,#fff 12%,#edf3fe 70%,#e6eefb);border-bottom:1px solid #d9e3f3;margin-bottom:44px}
.surface-site .price-panel{background:linear-gradient(130deg,#fff,#edf3ff);box-shadow:0 22px 48px #14345d0d}
.surface-site .payment-schedule>div{background:linear-gradient(155deg,#fff,#f7faff);box-shadow:0 8px 20px #0c294608}
.surface-site .comparison-section{background:radial-gradient(ellipse at 95% 10%,#24508788,transparent 55%),linear-gradient(115deg,#0b1930,#142e50)}
.surface-site .guide-timeline>article{background:linear-gradient(110deg,#ffffffb8,#ffffff20);padding-inline:25px}
.surface-site .guide-timeline>article:nth-child(even){background:linear-gradient(110deg,#e9f0fd90,#ffffff80)}
.surface-site .simple-service{background:radial-gradient(ellipse at 2% 5%,#cbdfff80,transparent 55%),linear-gradient(120deg,#edf3fe,#fafcff)}
.surface-site .feature-large{background:linear-gradient(145deg,#fff,#edf3ff);box-shadow:0 15px 40px #20375a10}
.surface-site .sp-footer{color:#e5edf8;background:radial-gradient(ellipse at 90% 0,#14335c88,transparent 55%),linear-gradient(110deg,#071527,#10243e);border-top:1px solid #a8c1e433}
.surface-site .sp-footer .sp-logo{color:#fff}
.surface-site .sp-footer .sp-logo i,.surface-site .sp-footer>div>p,.surface-site .sp-footer button{color:#bdcde3}
.surface-site .sp-footer>small{border-color:#bfd5f024;color:#adbed5}
/* Request and account pages stay calm, but no longer sit on a flat gray canvas. */
body.surface-account{background-color:#edf2f9;background-image:radial-gradient(ellipse at 98% 0,#c4d8ff90,transparent 43%),radial-gradient(ellipse at 0 75%,#dce8f999,transparent 45%),linear-gradient(135deg,#fff 0%,#eff3fa 55%,#e9eff9 100%);background-repeat:no-repeat;min-height:100vh}
.surface-account .account-header{background:#ffffffec;border-bottom-color:#d1dcef;box-shadow:0 3px 18px #0d285209}
.surface-account .account-sidebar{background:linear-gradient(170deg,#fff,#f3f7fe);border-color:#d7e1ee}
.surface-account .request-start{background:linear-gradient(135deg,#ffffffdf,#ffffff72);padding:32px;border:1px solid #d4dff1;border-radius:16px;box-shadow:0 16px 35px #203c640b}
.surface-account .request-guide{background:#0f2d58;background-image:linear-gradient(155deg,#092350f2,#103667e8 65%,#0b2347db),url('/assets/architecture.webp');background-size:cover;background-position:60% center;box-shadow:0 20px 45px #10325920;border:1px solid #5579a755}
.surface-account .request-feature{background:linear-gradient(150deg,#fff,#f9fbff)}
.surface-account .request-quote{background:radial-gradient(ellipse at 100% 0,#cbdcfa,transparent 64%),linear-gradient(120deg,#e9f0fc,#f7faff);border:1px solid #cddbf0}
.surface-account .login-card,.surface-account .account-onboarding{background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 22px 58px #173e6014;border-color:#cddbef}
@media(min-width:1600px){.surface-site .collection-heading{min-height:450px}.surface-site .home-hero-inner{padding-top:92px;padding-bottom:82px}}
@media(max-width:1050px){.surface-site .brief-editor>.brief-panel-title{margin:-23px -23px 0;padding:23px}.surface-site .brief-workspace{gap:22px}.surface-site .home-step-grid li{padding:22px 19px}.surface-site .collection-heading{background-image:linear-gradient(90deg,#081a30f0,#0d2744c9 60%,#112b4270),var(--surface-photo)}}
@media(max-width:760px){.surface-site .home-hero{background-image:linear-gradient(155deg,#071731f0 8%,#0b2445e3 62%,#102a4be8),url('/assets/architecture.webp');background-position:center,65% top;background-size:cover}.surface-site .home-hero-inner{padding-top:43px;padding-bottom:36px}.surface-site .home-service-strip{padding-inline:22px}.surface-site .examples-section{padding-inline:22px}.surface-site .revision-examples article,.surface-site .revision-examples article:last-child{padding:22px}.surface-site .home-design-card>p{padding:21px}.surface-site .home-faq>div:last-child{padding:5px 20px}.surface-site .collection-heading{padding:44px 6% 39px;min-height:365px;margin-bottom:30px;background-image:linear-gradient(90deg,#081a30ed,#0d2744d1 72%,#112b4299),var(--surface-photo);background-position:center,63% center}.surface-site .collection-heading h1{font-size:clamp(34px,8vw,46px);max-width:100%}.surface-site .collection-heading>p:last-child{font-size:16px}.surface-site .brief-editor>.brief-panel-title{margin:-24px -24px 0;padding:24px}.surface-site .brief-preview>.brief-panel-title{padding:20px 23px}.surface-site .brief-workspace{gap:28px}.surface-site .page-intro{padding:42px 24px 35px;margin-bottom:30px}.surface-site .guide-timeline>article{padding-inline:0}.surface-site .collection-card{padding:9px 9px 20px}.surface-account .request-start{padding:24px 20px}.surface-site .home-closing,.surface-site .closing-cta{background-position:center,65% center}}
@media(prefers-reduced-motion:reduce){.surface-site .brief-industries button{transition:none}}