:root{--navy:#122b40;--lime:#c3f05b}
.spatial-mark img{display:block;width:100%;height:100%;object-fit:contain}
.wizard-form{display:block;max-width:800px;margin:auto}.wizard-progress{max-width:1000px;margin:0 auto 35px}.wizard-progress>p{font-size:12px;font-weight:700}.wizard-progress ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0;margin:0}.wizard-progress li{display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--muted);border-top:3px solid var(--line);padding-top:12px}.wizard-progress li>span{font-weight:700}.wizard-progress li[aria-current=step]{border-color:var(--navy);color:var(--navy);font-weight:700}.wizard-progress li.completed{border-color:#8ab52f}.wizard-panel{background:#fafbf9;border:1px solid var(--line);border-radius:10px;padding:32px}.wizard-panel>h3{font-size:27px;letter-spacing:-.8px;outline:none;margin-bottom:12px}.wizard-description{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:30px}.wizard-panel .project-choice{border:0;padding:0;margin-bottom:28px}.wizard-panel .project-choice legend{font-size:14px}.wizard-panel .result{margin-top:25px;padding:20px}.wizard-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:22px}.wizard-navigation #wizard-next{margin-left:auto}.integration-notice{padding:24px;background:#edf1f3;border-radius:6px;font-size:13px;line-height:1.8}.integration-notice p{margin:12px 0}.integration-notice ul{padding-left:20px}.button:disabled{opacity:.55;cursor:not-allowed}.wizard-panel .upload-panel>fieldset{padding-top:20px}.wizard-panel .scope-summary{margin-top:0}.wizard-panel .field>input,.wizard-panel .field>select{font-size:14px}.wizard-panel .styles span{font-size:12px}.wizard-panel .hint{font-size:12px}
@media(max-width:600px){.wizard-progress ol{grid-template-columns:repeat(3,1fr);row-gap:18px}.wizard-panel{padding:22px 18px}.wizard-panel>h3{font-size:24px}.wizard-navigation .button,.wizard-navigation .small-button{padding:14px;font-size:12px}.wizard-panel .styles{gap:8px}}
.project-choice{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:28px;margin:0}.project-choice legend{font-size:20px;font-weight:700}.scope-summary{background:var(--paper);padding:20px;border-left:4px solid var(--lime);margin:20px 0 28px}.scope-summary h3{font-size:14px}.scope-summary p{font-size:13px;line-height:1.7;margin-bottom:5px}.upload-panel h3,.preferences>h3{font-size:17px;margin-bottom:22px}.upload-panel>fieldset{margin-top:25px}.preferences #existing-logo-upload{padding:20px;border:1px solid var(--line);border-radius:6px}
.header{border-bottom:1px solid var(--line);height:120px}.brand{display:block;line-height:0;flex-shrink:0}.brand img{display:block;width:260px;height:auto}.hero{padding-top:55px;gap:45px}.intro{padding-top:35px}h1{font-weight:700;letter-spacing:-3.5px}h1 em{font-family:inherit;font-style:normal;position:relative;isolation:isolate}h1 em:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:13px;background:var(--lime);z-index:-1}.button{background:var(--lime);color:var(--navy);font-weight:700;border-radius:6px}.button span{color:var(--navy)}.button:hover{background:#b0dc48}.brand-scene{position:relative;min-height:465px;overflow:hidden;border-radius:8px;background:var(--navy)}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:38px 38px}.spatial-mark{position:absolute;width:280px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-mark i{position:absolute;inset:0;background:var(--lime)}.spatial-mark i:nth-child(1){clip-path:polygon(50% 0,96% 24%,68% 39%,23% 15%)}.spatial-mark i:nth-child(2){clip-path:polygon(0 28%,43% 51%,43% 100%,0 76%)}.spatial-mark i:nth-child(3){clip-path:polygon(53% 52%,96% 29%,96% 77%,53% 100%)}.scene-label{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;color:#e5edf2;font-size:8px;letter-spacing:1.4px}.scene-coordinate{position:absolute;left:25px;top:25px;font-size:10px;letter-spacing:2px;color:var(--lime)}.scene-orbit{position:absolute;width:320px;height:320px;border:1px solid #c3f05b29;transform:rotate(30deg)}.orbit-one{top:-190px;right:-140px}.orbit-two{bottom:-220px;left:-120px}.process li>span{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:700;background:var(--lime);color:var(--navy);width:44px;height:44px;display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%)}.studio{position:relative;border-top:1px solid var(--line)}.studio:before{content:'';position:absolute;right:7%;top:0;width:85px;height:7px;background:var(--lime);transform:skew(-30deg)}.upload{border-radius:8px;border-color:#8fa7b8}.small-button,.styles span{border-radius:5px}.styles input:checked+span,.styles input[type=checkbox]:checked+span{background:var(--navy);color:var(--lime)}input[type=checkbox],input[type=radio]{accent-color:var(--navy)}.result{border-left-color:var(--lime)}footer .brand img{width:220px}footer{gap:25px}fieldset,.preferences{min-width:0}
@media(max-width:850px){.brand img{width:225px}.hero{gap:25px}.brand-scene{min-height:430px}.spatial-mark{width:230px;height:250px}.scene-label{flex-direction:column}.header nav{gap:20px}}
@media(max-width:600px){.header{height:98px;gap:10px}.brand img{width:180px}.header nav{font-size:10px}.header nav span{margin-left:4px}.hero{padding-top:20px}.brand-scene{min-height:330px}.spatial-mark{width:215px;height:230px}.scene-label{flex-direction:row;font-size:7px;letter-spacing:.7px}.process li>span{width:35px;height:35px;font-size:15px}h1{font-size:57px}.intro{padding-top:15px}footer .brand img{width:200px}}
@media(max-width:360px){.brand img{width:150px}.header nav{font-size:9px}h1{font-size:49px}.scene-label{flex-direction:column}}