/* Selection cards: visual examples, clear scope, and fully native controls. */
.form-wrap{width:min(940px,calc(100% - 48px))}.step-panel{padding-left:43px;padding-right:43px}.fields{gap:31px}.field>legend{font-size:13px}.hint.before{font-size:11px;margin-bottom:14px}.choice:has(input:focus-visible),.platform-option:has(input:focus-visible),.guidance-option:has(input:focus-visible){outline:3px solid #897450;outline-offset:4px}.option-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex:none}.choice input,.platform-option input,.guidance-option input{accent-color:#3b4632}.contact-grid{grid-template-columns:repeat(3,1fr);gap:13px}.contact-option{display:block;position:relative;padding:23px 20px;min-height:166px;background:#f9f7f1}.contact-option input{position:absolute;right:17px;top:17px}.contact-card{display:flex;flex-direction:column;gap:14px}.contact-card .option-icon{color:#737b66;margin-bottom:4px}.contact-card strong{font-size:12px;font-weight:600}.contact-card small{font-size:10px;color:var(--muted);line-height:1.6;margin-top:-6px}.service-grid{gap:20px}.service{padding:0;position:relative;display:block;background:var(--white);border-color:#d4d5c9;box-shadow:none;overflow:hidden}.service>input{position:absolute;right:15px;top:15px;z-index:2;width:20px;height:20px;margin:0}.service>span.service-card{display:flex;flex-direction:column;gap:0;height:100%}.service-visual{height:205px;position:relative;overflow:hidden;display:block;text-align:center;border-bottom:1px solid #d4d5c9}.content-visual{background:#e8e6dc}.visual-label{position:absolute;left:12px;right:12px;top:19px;font-size:7px;letter-spacing:.14em;color:#666d5a}.visual-foot{position:absolute;bottom:10px;left:0;right:0;font:7px 'Studio Sans',Arial,sans-serif;letter-spacing:.02em;color:#747968}.visual-poster{position:absolute;display:block;width:96px;height:120px;object-fit:contain;top:51px;box-shadow:0 6px 12px #282c2622}.poster-one{left:calc(50% - 126px);transform:rotate(-7deg)}.poster-two{left:calc(50% - 48px);top:43px;z-index:1;transform:rotate(1deg)}.poster-three{left:calc(50% + 30px);transform:rotate(8deg)}.website-visual{background:#e2e6da}.browser-concept{display:block;background:#f8f4e9;width:268px;position:absolute;left:50%;transform:translateX(-50%);top:43px;height:137px;border:1px solid #bfc5b4;box-shadow:0 5px 12px #282c2617;text-align:left;overflow:hidden}.browser-chrome{display:flex;align-items:center;gap:3px;background:#f0f0e8;border-bottom:1px solid #d6dbca;height:15px;padding:0 6px}.browser-chrome>i{height:3px;width:3px;background:#bac0ac;border-radius:50%}.browser-chrome>span{font-size:5px;color:#838a77;margin-left:26px}.browser-page{display:block;padding:12px 17px;position:relative;color:#35442b}.mini-nav{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.04em;margin-bottom:12px}.mini-nav>span{font-size:4px;color:#737b68}.mini-eyebrow{display:block;font-size:4px;letter-spacing:.1em;color:#848b74;margin-bottom:5px}.mini-heading{display:block;font:24px/.94 'Studio Serif',Georgia,serif;letter-spacing:-.04em}.mini-heading em{color:#868d69}.mini-copy{font-size:4px;display:block;margin-top:6px}.mini-button{display:inline-flex;gap:12px;background:#35442b;color:#f7f4e9;font-size:4px;padding:4px 6px;margin-top:7px}.mini-button>span{font-family:Arial,sans-serif}.mini-lines{position:absolute;right:22px;top:47px;width:63px;height:69px;display:flex;gap:7px;align-items:flex-end}.mini-lines i{display:block;width:16px;height:61px;background:#b5bea0}.mini-lines i:nth-child(2){height:42px;background:#ccd3bd}.mini-lines i:nth-child(3){height:70px;background:#76865f}.service-body{display:flex;flex-direction:column;gap:0;flex:1;padding:25px 24px 0}.service .service-kicker{font-size:8px;letter-spacing:.13em;color:#727a65}.service strong.service-name{font:30px/1.1 'Studio Serif',Georgia,serif;margin:10px 0 12px;color:var(--ink);letter-spacing:-.035em}.service-description{display:block;font-size:11px;line-height:1.8;color:#727667;min-height:60px}.price-row{display:flex;gap:13px;align-items:center;border-top:1px solid #dfe0d4;border-bottom:1px solid #dfe0d4;padding:20px 0;margin:17px 0 20px}.price-row>b{font:40px/1 'Studio Serif',Georgia,serif;letter-spacing:-.04em}.price-row>span{font-size:9px;line-height:1.7;color:var(--muted)}.inquiry-price>b{font-size:33px;white-space:nowrap}.deliverable-list{display:flex;flex-direction:column;gap:11px;font-size:10px;margin-bottom:21px}.deliverable-list>span{display:flex;gap:9px;align-items:baseline}.deliverable-list>span:before{content:'✓';font:11px Arial,sans-serif;color:#768565}.inquiry-list>span:before{content:'→'}.service .service-foot{margin-top:auto;font-size:9px;line-height:1.7;min-height:47px}.selection-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9ddce;margin-top:16px;padding:17px 0;font-size:10px;font-weight:600;color:#536046}.selection-symbol{font:17px Arial,sans-serif}.selected-copy{display:none}.choice:has(input:checked){background:#f3f5ec;border-color:#4d5e3b;box-shadow:inset 0 0 0 1px #4d5e3b}.choice:has(input:checked) .unselected-copy{display:none}.choice:has(input:checked) .selected-copy{display:inline}.service:has(input:checked) .selection-line{color:#33472b}.service:has(input:checked) .selection-symbol{font-size:0}.service:has(input:checked) .selection-symbol:before{content:'✓';font-size:15px}.service-disclaimer{text-align:center;font-size:10px;margin-top:13px}.goal-grid{grid-template-columns:1fr 1fr;gap:12px}.goal-option{position:relative;align-items:flex-start;padding:20px 36px 19px 18px;gap:13px;min-height:105px;background:#faf8f2}.goal-option>input{position:absolute;right:13px;top:15px;width:14px;height:14px}.goal-option>.option-icon{width:20px;height:20px;color:#7a826c;margin-top:2px}.goal-option>span{display:flex;flex-direction:column;gap:7px}.goal-option strong{font-size:11px;font-weight:600;line-height:1.5}.goal-option small{font-size:10px;color:var(--muted);line-height:1.65}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.platform-option{display:flex;gap:11px;align-items:center;position:relative;padding:20px 30px 20px 16px;border:1px solid var(--line);background:#faf8f2;cursor:pointer;font-weight:400;min-height:91px}.platform-option input{position:absolute;right:10px;top:11px;width:13px;height:13px}.platform-option .option-icon{width:21px;height:21px;color:#6c795e}.platform-option>span{display:flex;flex-direction:column;gap:4px;min-width:0}.platform-option strong{font-size:11px;line-height:1.4}.platform-option small{font-size:8px;line-height:1.7;color:var(--muted)}.platform-option:has(input:checked){border-color:#4d5e3b;background:#edf1e3;box-shadow:inset 0 0 0 1px #4d5e3b}.style-grid{grid-template-columns:1fr 1fr;gap:20px}.style{padding:0;background:var(--white);overflow:hidden}.style>input{width:19px;height:19px;top:15px;right:15px;margin:0;z-index:2}.style-card{display:block}.style-preview{display:flex;position:relative;align-items:center;justify-content:center;height:272px;background:#e7e8e2;overflow:hidden;border-bottom:1px solid var(--line)}.style-preview>img{height:225px;width:180px;object-fit:contain;display:block;box-shadow:0 8px 18px #282c2623}.style-palette{display:flex;position:absolute;left:calc(50% + 60px);top:72px;gap:0;flex-direction:column;box-shadow:0 3px 6px #282c261a}.style-palette>i{width:27px;height:27px;display:block;background:#e9e6de}.mood-refined .style-preview{background:#e0e1dc}.mood-refined .style-palette>i:nth-child(2){background:#b9beb7}.mood-refined .style-palette>i:nth-child(3){background:#727b73}.mood-refined .style-palette>i:nth-child(4){background:#252c28}.mood-natural .style-preview{background:#e8e5da}.mood-natural .style-palette>i{background:#f0ead8}.mood-natural .style-palette>i:nth-child(2){background:#d0c4a8}.mood-natural .style-palette>i:nth-child(3){background:#7b8c6b}.mood-natural .style-palette>i:nth-child(4){background:#324b35}.mood-bold .style-preview{background:#d6d9ce}.mood-bold .style-palette>i{background:#dfeca2}.mood-bold .style-palette>i:nth-child(2){background:#f0eee5}.mood-bold .style-palette>i:nth-child(3){background:#797d73}.mood-bold .style-palette>i:nth-child(4){background:#1d211e}.mood-playful .style-preview{background:#f0e3cf}.mood-playful .style-palette>i{background:#ffc44d}.mood-playful .style-palette>i:nth-child(2){background:#eba6ac}.mood-playful .style-palette>i:nth-child(3){background:#b34b62}.mood-playful .style-palette>i:nth-child(4){background:#173f31}.style-info{display:block;padding:22px 22px 0}.style-tags{display:block;font-size:7px;letter-spacing:.08em;color:#808673}.style .style-info>strong{text-align:left;font:27px/1.15 'Studio Serif',Georgia,serif;padding:0;margin:9px 0 11px;letter-spacing:-.035em}.style-description{display:block;font-size:11px;line-height:1.8;color:var(--muted);min-height:41px}.style-select{border-top:1px solid #dce0d1;margin-top:19px;padding:15px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#68775a}.style-select>span:last-child{font:15px Arial,sans-serif}.artwork-disclosure{text-align:center;font-size:9px;margin-top:13px}.guidance-option{display:flex;align-items:center;gap:14px;position:relative;border:1px solid var(--line);background:#f3f1e9;padding:20px 42px 20px 20px;margin-top:23px;cursor:pointer}.guidance-option input{position:absolute;right:18px;top:25px}.guidance-option .option-icon{width:26px;height:26px;color:#7b846c}.guidance-option>span{display:flex;flex-direction:column;gap:5px}.guidance-option strong{font-size:11px}.guidance-option small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.7}.guidance-option:has(input:checked){border-color:#4d5e3b;background:#edf1e3}.choice:hover,.platform-option:hover,.guidance-option:hover{border-color:#929e82}
@media(max-width:760px){.form-wrap{width:calc(100% - 40px)}.step-panel{padding-left:25px;padding-right:25px}.contact-option{padding:20px 15px}.contact-card strong{font-size:11px}.service-grid{gap:14px}.service-body{padding:22px 19px 0}.service strong.service-name{font-size:27px}.price-row{gap:9px}.inquiry-price>b{font-size:28px}.price-row>span{font-size:8px}.service-description{font-size:10px;min-height:55px}.deliverable-list{font-size:9px}.service-visual{height:185px}.visual-poster{width:80px;height:100px;top:53px}.poster-one{left:calc(50% - 107px)}.poster-two{left:calc(50% - 40px);top:44px}.poster-three{left:calc(50% + 25px)}.browser-concept{width:225px;height:120px}.mini-nav{margin-bottom:10px}.mini-heading{font-size:20px}.mini-lines{right:15px;width:50px;gap:5px;height:52px;top:45px}.mini-lines i{width:13px;height:43px}.mini-lines i:nth-child(2){height:30px}.mini-lines i:nth-child(3){height:50px}.mini-button{margin-top:4px}.visual-label{font-size:6px}.visual-foot{font-size:6px}.style-preview{height:238px}.style-preview>img{height:195px;width:156px}.style-info{padding:19px 18px 0}.style .style-info>strong{font-size:25px}.style-description{font-size:10px}.style-tags{font-size:6px}.platform-grid{grid-template-columns:1fr 1fr}.platform-option{min-height:83px}.goal-option{padding-left:15px;gap:10px}.goal-option>.option-icon{width:18px;height:18px}.goal-option strong{font-size:10px}.goal-option small{font-size:9px}}
@media(max-width:520px){.form-wrap{width:calc(100% - 32px)}.step-panel{padding-left:19px;padding-right:19px}.field>legend{font-size:12px}.hint.before{font-size:10px;line-height:1.8}.fields{gap:28px}.contact-grid{grid-template-columns:1fr;gap:10px}.contact-option{min-height:0;padding:18px 37px 18px 17px}.contact-option input{right:15px;top:20px}.contact-card{display:grid;grid-template-columns:23px 1fr;column-gap:13px;row-gap:5px}.contact-card .option-icon{grid-row:span 2;margin:3px 0 0}.contact-card strong{font-size:12px}.contact-card small{margin:0;font-size:10px}.service-grid{grid-template-columns:1fr;gap:18px}.service-visual{height:190px}.visual-label{font-size:7px;top:20px}.visual-foot{font-size:6px;bottom:11px}.visual-poster{width:84px;height:105px;top:54px}.poster-one{left:calc(50% - 110px)}.poster-two{left:calc(50% - 42px);top:44px}.poster-three{left:calc(50% + 25px)}.browser-concept{width:242px;height:126px;top:43px}.mini-heading{font-size:23px}.mini-nav{margin-bottom:10px}.mini-lines{right:18px}.service-body{padding:23px 22px 0}.service strong.service-name{font-size:31px}.service-description{font-size:11px;min-height:0}.price-row{margin:17px 0 19px;padding:18px 0;gap:14px}.price-row>b{font-size:39px}.inquiry-price>b{font-size:34px}.price-row>span{font-size:9px}.deliverable-list{font-size:11px;gap:12px}.service .service-foot{font-size:9px;min-height:0}.selection-line{font-size:11px;padding:18px 0}.service-disclaimer{font-size:9px}.goal-grid{grid-template-columns:1fr;gap:10px}.goal-option{padding:19px 36px 19px 17px;min-height:0;gap:13px}.goal-option>.option-icon{width:21px;height:21px}.goal-option strong{font-size:11px}.goal-option small{font-size:10px}.goal-option>span{gap:5px}.goal-option>input{right:14px;top:21px;width:15px;height:15px}.platform-grid{grid-template-columns:1fr 1fr;gap:9px}.platform-option{display:block;padding:16px 12px 15px;min-height:123px}.platform-option .option-icon{width:22px;height:22px;margin-bottom:10px}.platform-option strong{font-size:11px}.platform-option small{font-size:9px}.platform-option input{width:14px;height:14px;right:12px;top:14px}.style-grid{grid-template-columns:1fr;gap:18px}.style-preview{height:256px}.style-preview>img{height:215px;width:172px}.style-palette{left:calc(50% + 58px);top:75px}.style-palette>i{width:26px;height:26px}.style-info{padding:22px 21px 0}.style-tags{font-size:7px;letter-spacing:.08em}.style .style-info>strong{font-size:30px;margin:10px 0}.style-description{font-size:11px;min-height:0}.style-select{font-size:11px;padding:18px 0;margin-top:19px}.artwork-disclosure{font-size:9px;line-height:1.8}.guidance-option{padding:19px 38px 19px 15px;gap:10px;align-items:flex-start}.guidance-option .option-icon{margin-top:4px;width:22px;height:22px}.guidance-option input{right:12px;top:23px;width:15px;height:15px}.guidance-option strong{font-size:11px}.guidance-option small{font-size:9px;line-height:1.8}}
