/* Coherent materials and readable detail, without additional runtime dependencies. */
:root{--muted:#625e66;--ease:cubic-bezier(.23,1,.32,1)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#262329}
.intro>p:last-child{line-height:1.75;color:#625e66}.intro .eyebrow{color:#6b666e}.intro{column-gap:48px}
#brief-form{background:#eeebe54d;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #ffffffcf;box-shadow:inset 0 1px 0 #fff,0 16px 45px #29241e05}
.package-options{gap:14px}.package-options label>span{padding:23px 24px;gap:11px;border-radius:19px;background:linear-gradient(125deg,#ffffffa6,#ffffff38 60%,#ffffff73);box-shadow:inset 0 1px 0 #fff,0 4px 12px #29241e05;transition:border-color 160ms var(--ease),background-color 160ms var(--ease)}
.package-options em{font-size:9px;letter-spacing:.11em;line-height:1.6;color:#6d6871;padding-right:35px}.package-options strong{font-size:25px;letter-spacing:-.025em;line-height:1.2}.package-options small{font-size:12px;line-height:1.65;color:#625e66;max-width:47ch}.package-options b{margin:0;gap:10px;font-variant-numeric:tabular-nums}.package-options .launch-value{font-size:23px;font-weight:500;letter-spacing:-.035em}.package-options del{font-size:12px;color:#77717b}.package-options b .launch-label{font-size:8px;letter-spacing:.055em;padding:3px 8px;color:#625e66;background:#ffffff66;border:1px solid #ffffffbf}
.package-options input{top:22px;right:23px;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 1px 0 #fff,0 1px 4px #29241e0d}.package-options input:checked{box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #1600ff1a}.package-options input:checked+span{border-color:#1600ff70;background:linear-gradient(125deg,#ffffffb3,#ffffff40 60%,#ffffff80);box-shadow:inset 0 1px 0 #fff,0 4px 12px #29241e08}
.steps li{padding:13px 10px}.steps li span{font-size:12px}.steps li[aria-current]{font-weight:500}.summary-content{padding:26px}.order-summary{box-shadow:inset 0 1px 0 #fff,0 12px 35px #29241e08}.order-summary h2{line-height:1.15;letter-spacing:-.03em}#selected-description{font-size:13px;line-height:1.7;color:#625e66}.order-summary ul{font-size:12px;line-height:1.7}.order-summary li{padding-bottom:11px}.before-payment{line-height:1.75}.summary-help{line-height:1.7}.field-note{font-size:11px}.save-note{font-size:11px;line-height:1.7;max-width:52ch}
.form-actions{align-items:center;padding-top:24px}.form-actions #next,.form-actions #submit{min-height:48px;padding:14px 27px;font-size:13px;font-weight:500;letter-spacing:.01em;text-shadow:0 1px 1px #08008040;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #08008045,0 3px 10px #1600ff17;transition:transform 130ms var(--ease)}
.form-actions #next:before,.form-actions #submit:before{background:linear-gradient(155deg,#ffffff40,transparent 55%)}
.form-actions #next:after,.form-actions #submit:after{inset:0;transform:none;opacity:0;background:linear-gradient(115deg,#ffffff05 20%,#ffffff66 50%,#ffffff00 75%);transition:opacity 140ms var(--ease);animation:none!important}
.form-actions #next.is-pressed,.form-actions #submit.is-pressed{background-color:#1600ff;transform:scale(.97)}
.form-actions #next.is-pressed:after,.form-actions #submit.is-pressed:after{opacity:.85}
#selected-demo{font-size:12px;min-height:44px;padding:12px 16px;transition:transform 130ms var(--ease),background-color 140ms var(--ease)}#selected-demo.is-pressed{transform:scale(.98);background-color:#c7d7ff40}
@media(hover:hover) and (pointer:fine){.package-options label:hover>span{border-color:#9a94ac99}.form-actions #next:hover,.form-actions #submit:hover{box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #08008045,0 3px 12px #1600ff22}}
@media(max-width:480px){.package-options label>span{padding:21px 18px;gap:10px}.package-options strong{font-size:24px}.package-options input{right:17px;top:20px}.package-options small{font-size:12px}.package-options em{font-size:8px}.steps li span{font-size:10px}.summary-content{padding:24px}.save-note{font-size:10px}}
@media(prefers-reduced-transparency:reduce){.package-options label>span,.package-options input:checked+span,.order-summary,.steps ol{background:#faf9f5;backdrop-filter:none;-webkit-backdrop-filter:none}.form-actions #next,.form-actions #submit{background:#1600ff}}
@media(prefers-contrast:more){.package-options label>span{background:#fff;border-color:#666}.package-options input:checked+span{border:2px solid #1600ff}.order-summary{background:#fff}.launch-label,.eyebrow,.field-note,.save-note{color:#49434d}}
@media(prefers-reduced-motion:reduce){.is-pressed{transform:none!important}.form-actions #next:after,.form-actions #submit:after{transition:none}}
html.keyboard-mode .form-actions #next,html.keyboard-mode .form-actions #submit,html.keyboard-mode #selected-demo{transition:none}
/* Uiverse adaptations: selection by DaniloMGutavo; glass button by TaniaDou.
   Preserve native radio semantics and brand cobalt; only opacity/transform animate. */
.package-options input{appearance:none;-webkit-appearance:none;width:25px;height:25px;border:0;border-radius:4px;background:#eee;display:block;box-shadow:0 2px 5px #00000024;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color 160ms var(--ease),box-shadow 160ms var(--ease)}
.package-options input:checked{background:#1600ff;border:0;box-shadow:0 3px 7px #1600ff38}
.package-options input:checked:after{content:'';position:absolute;display:block;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);filter:none}
html:not(.keyboard-mode) .package-options input:checked:after{animation:check-reveal 160ms var(--ease)}
@keyframes check-reveal{from{clip-path:inset(0 0 100% 0);opacity:.4}to{clip-path:inset(0);opacity:1}}
.form-actions #next,.form-actions #submit{padding:1rem 2rem;border-radius:.5rem;border:none;font-size:1rem;font-weight:400;color:#fff;position:relative;isolation:isolate;overflow:hidden;background:rgba(22,0,255,.68);box-shadow:none;text-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform 140ms var(--ease)}
.form-actions #next:before,.form-actions #submit:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,rgba(8,0,126,0),rgba(8,0,126,.42)),rgba(62,58,255,.24);box-shadow:inset 0 0 12px rgba(173,180,255,.44);pointer-events:none}
.form-actions #next:after,.form-actions #submit:after{content:'';position:absolute;inset:0;transform:none;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,rgba(8,0,126,0),rgba(8,0,126,.42)),rgba(62,58,255,.24);box-shadow:inset 0 0 12px rgba(173,180,255,.44);opacity:0;transition:opacity 180ms var(--ease);animation:none!important;pointer-events:none}
.button-border{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none}
.button-border:before{content:'';position:absolute;border-radius:inherit;padding:1px;inset:0;background:linear-gradient(180deg,rgba(200,206,255,.65),rgba(200,206,255,0)),linear-gradient(0deg,rgba(184,192,255,.32),rgba(184,192,255,.32));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.form-actions #next.is-pressed,.form-actions #submit.is-pressed,.form-actions #next:active,.form-actions #submit:active{background-color:#1600ff;transform:scale(.97);box-shadow:none}
.form-actions #next.is-pressed:after,.form-actions #submit.is-pressed:after{opacity:1}
@media(hover:hover) and (pointer:fine){.form-actions #next:hover,.form-actions #submit:hover{box-shadow:none}.form-actions #next:hover:after,.form-actions #submit:hover:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.package-options input:checked:after{animation:none!important}.form-actions #next:active,.form-actions #submit:active{transform:none}}
@media(forced-colors:active){.package-options input{appearance:auto;-webkit-appearance:auto}.package-options input:checked:after{content:none}}
/* Package background adapted from Uiverse.io by Spacious74; original content retained. */
.package-options label>span,.package-options input:checked+span{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;border:1px solid #47494b;background:radial-gradient(circle 280px at 0 0,#444,#0c0d0d);color:#fff;box-shadow:inset 1px 1px 0 #ffffff40,0 8px 20px #00000012;backdrop-filter:none;-webkit-backdrop-filter:none;padding:30px 30px;gap:12px}
.package-options input:checked+span{border-color:#4b43ff;box-shadow:inset 1px 1px 0 #ffffff66,0 0 0 1px #1600ff55}
.package-options strong{color:#fff}.package-options em{color:#c1c1c8}.package-options small{color:#d2d2d8}.package-options del{color:#a6a6af}.package-options .launch-value{color:#fff}.package-options b .launch-label{color:#e0e0e9;border-color:#ffffff30;background:#ffffff0d}.package-options label>span>em,.package-options label>span>strong,.package-options label>span>b,.package-options label>span>small{position:relative;z-index:1}
.package-options input{z-index:3;top:23px;right:22px;background:#ffffff26;box-shadow:inset 0 1px 0 #ffffff70,0 2px 5px #0003}.package-options input:checked{background:#1600ff}
.card-ray{position:absolute;z-index:0;pointer-events:none;width:220px;height:45px;border-radius:100px;background:#c7c7c7;opacity:.25;box-shadow:0 0 50px #fff;filter:blur(10px);transform-origin:10%;top:0;left:0;transform:rotate(40deg)}
.card-lines{position:absolute;inset:10%;pointer-events:none;z-index:0;border-right:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;background:linear-gradient(90deg,#88888870,#1d1f1f50) top left/100% 1px no-repeat,linear-gradient(180deg,#74747470,#22242450) top left/1px 100% no-repeat}
.card-dot{position:absolute;top:10%;left:10%;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 10px #ffffffaa;z-index:2;pointer-events:none;offset-path:inset(10% round 0px);animation:package-orbit 6s linear infinite;offset-rotate:0deg}
@keyframes package-orbit{to{offset-distance:100%}}
@media(hover:hover) and (pointer:fine){.package-options label:hover>span{border-color:#aaa}.package-options label:has(input:checked):hover>span{border-color:#665fff}}
@media(max-width:480px){.package-options label>span,.package-options input:checked+span{padding:27px 22px}.package-options input{right:18px;top:20px}}
@media(prefers-reduced-motion:reduce){.card-dot{animation:none}}
@media(prefers-contrast:more){.package-options label>span,.package-options input:checked+span{background:#111;border-color:#fff}.card-ray,.card-lines,.card-dot{display:none}.package-options em,.package-options small,.package-options del{color:#eee}}
/* Lee's correction: transparent glass interpretation of the supplied ray design. */
.package-options label>span,.package-options input:checked+span{background:radial-gradient(circle 280px at 0 0,#ffffff66,#ffffff08);color:#262329;border-color:#ffffffdb;box-shadow:inset 1px 1px 0 #ffffffbf,0 7px 20px #29241e08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.package-options input:checked+span{border-color:#1600ff80;box-shadow:inset 1px 1px 0 #ffffffeb,0 7px 20px #29241e08}
.package-options strong,.package-options .launch-value{color:#262329}.package-options em{color:#6d6871}.package-options small{color:#625e66}.package-options del{color:#77717b}.package-options b .launch-label{color:#625e66;border-color:#ffffffb3;background:#ffffff33}
.card-ray{background:#fff;box-shadow:0 0 35px #fff;opacity:.45}.card-lines{border-color:#77716a12;background:linear-gradient(90deg,#ffffffb3,#ffffff10) top left/100% 1px no-repeat,linear-gradient(180deg,#ffffffb3,#ffffff10) top left/1px 100% no-repeat}.card-dot{background:white;box-shadow:0 0 8px #ffffffb3}
.package-options input{background:#ffffff55;box-shadow:inset 0 1px 0 #fff,0 2px 5px #00000017}.package-options input:checked{background:#1600ff}
@media(hover:hover) and (pointer:fine){.package-options label:hover>span{border-color:#c4beb4}.package-options label:has(input:checked):hover>span{border-color:#1600ff99}}
@media(prefers-reduced-transparency:reduce){.package-options label>span,.package-options input:checked+span{background:#faf9f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.package-options label>span,.package-options input:checked+span{background:white;border-color:#444}.package-options em,.package-options small,.package-options del{color:#444}}
/* Coastal daylight study: static architectural light behind clear glass. */
body{position:relative;isolation:isolate;background:#f3f0e9}
body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 7% 24%,#c1d5de8c,transparent 72%),radial-gradient(ellipse 58% 62% at 96% 75%,#d4b99580,transparent 72%),radial-gradient(ellipse 65% 48% at 69% 5%,#ffffffd9,transparent 80%),linear-gradient(145deg,#f6f3ec,#ebe8df);}
body:after{content:'';position:fixed;z-index:-1;pointer-events:none;width:75vw;height:115vh;right:-15vw;top:-12vh;transform:rotate(-23deg);background:linear-gradient(90deg,transparent 0 32%,#625b4d0a 32% 33%,transparent 34% 66%,#625b4d09 66% 67%,transparent 68%),linear-gradient(0deg,transparent 0 38%,#625b4d08 38% 39%,transparent 40% 73%,#625b4d08 73% 74%,transparent 75%);filter:blur(5px)}
#brief-form{background:#ffffff12;border-color:#ffffffa6;box-shadow:inset 0 1px 0 #fff,0 16px 45px #61564005}
.package-options label>span,.package-options input:checked+span{background:linear-gradient(125deg,#ffffff73,#ffffff12 55%,#ffffff38);backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);box-shadow:inset 0 1px 0 #ffffffeb,inset 1px 0 0 #ffffff73,0 8px 24px #63533c0a}
.order-summary{background:linear-gradient(125deg,#ffffff80,#ffffff26);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.steps ol{background:#ffffff55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:480px){body:before{background:radial-gradient(ellipse 100% 60% at 0% 20%,#c1d5de80,transparent 80%),radial-gradient(ellipse 100% 65% at 100% 80%,#d4b99570,transparent 80%),#f3f0e9}body:after{width:110vw;right:-40vw;opacity:.6}}
@media(prefers-reduced-transparency:reduce){.package-options label>span,.package-options input:checked+span,.order-summary,.steps ol{background:#faf9f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){body:before,body:after{display:none}.package-options label>span,.package-options input:checked+span,.order-summary{background:#fff}}

.custom-order-contact{margin-top:22px;padding:18px 20px;border:1px solid #fff;border-radius:16px;background:#ffffff66;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}.custom-order-contact p{margin:0;font-size:14px;line-height:1.5}.custom-order-contact a{color:#2400ff;text-underline-offset:4px;font-size:14px;font-weight:600}.custom-order-contact a:focus-visible{outline:2px solid #2400ff;outline-offset:4px}@media(max-width:500px){.custom-order-contact{align-items:flex-start;flex-direction:column}}

.custom-order-open{color:#2400ff;background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:600}.custom-order-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid white;border-radius:22px;background:#f5f4f1;color:#272333;padding:clamp(20px,5vw,36px);box-shadow:0 24px 70px #15153344}.custom-order-dialog::backdrop{background:#15152288}.custom-order-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.custom-order-dialog-head h2{margin:0;font-size:clamp(25px,5vw,34px)}.custom-order-close{flex:none;min-width:44px;min-height:44px;border:1px solid #d8d7df;border-radius:12px;background:white;font-size:24px}.custom-order-dialog>p{line-height:1.6}.custom-order-dialog .custom-project-form{display:grid;gap:14px;padding:0;border:0;background:transparent;box-shadow:none}.custom-order-dialog label{display:grid;gap:6px}.custom-order-dialog input:not([type=checkbox]),.custom-order-dialog textarea{width:100%;box-sizing:border-box}.custom-order-dialog .custom-consent{display:flex;align-items:start;gap:10px}.custom-order-dialog button[type=submit]{justify-self:start}.custom-order-dialog .custom-result{margin:0}