.saitoff-public .site-quiz-intro{position:relative;grid-column:1/-1;min-height:355px;display:grid;place-items:center;overflow:hidden;border:1px solid #dfebfc;background:linear-gradient(120deg,#fff 0%,#f0f6ff 48%,#fff 100%);border-radius:9px;padding:45px 30px;text-align:center;box-shadow:0 5px 22px #20242b04}
.saitoff-public .quiz-intro-copy{position:relative;z-index:1;max-width:700px}
.saitoff-public #content .quiz-intro-copy h2{font-size:40px;line-height:1.2;margin:16px 0}
.saitoff-public .quiz-intro-copy>p{font-size:16px;line-height:1.8;color:#6b7584;margin:0 0 24px;opacity:1}
.saitoff-public .quiz-start-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-width:194px;min-height:52px;padding:16px 24px;border-radius:6px;font-size:14px;box-shadow:0 7px 20px #1875f026}
.saitoff-public .quiz-intro-notes{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:24px;color:#6d7c92;font-size:11px}
.saitoff-public .quiz-intro-notes>span{display:flex;align-items:center;gap:7px}
.saitoff-public .quiz-intro-notes>span::before{content:'';width:5px;height:5px;border-radius:50%;background:#1875f0;opacity:.6}
.saitoff-public .quiz-intro-art{position:absolute;inset:0;pointer-events:none}
.saitoff-public .intro-mini{position:absolute;width:230px;border:7px solid #fff;border-radius:10px;box-shadow:0 14px 30px #314b7b10;opacity:.8}
.saitoff-public .intro-mini img{display:block;width:100%;height:auto;border-radius:4px}
.saitoff-public .intro-mini-left{left:-85px;bottom:30px;transform:rotate(-12deg)}
.saitoff-public .intro-mini-right{right:-85px;top:32px;transform:rotate(12deg)}
.saitoff-public .intro-spark{position:absolute;width:9px;height:9px;background:#1875f0;border-radius:3px;opacity:.2;transform:rotate(20deg)}
.saitoff-public .intro-spark-one{left:22%;top:45px}.saitoff-public .intro-spark-two{right:20%;bottom:40px;width:6px;height:6px}

.saitoff-public [data-request-kind=website] .choice-grid{gap:16px}
.saitoff-public [data-request-kind=website] .choice-card,.saitoff-public .inline-site-quiz [data-request-kind=website] .choice-card{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;overflow:hidden;min-height:0;padding:0;border-radius:8px;transition:border-color .18s,box-shadow .18s,background .18s}
.saitoff-public [data-request-kind=website] .site-type-preview{display:block;width:100%;height:175px;object-fit:contain;background:#f0f5fd;border-bottom:1px solid #e7edf5;transition:transform .2s}
.saitoff-public [data-request-kind=website] .choice-card:hover .site-type-preview{transform:scale(1.015)}
.saitoff-public [data-request-kind=website] .choice-card>.choice-icon{display:none}
.saitoff-public [data-request-kind=website] .choice-card>input{position:absolute;z-index:2;right:13px;top:13px;margin:0;width:19px;height:19px;accent-color:#1875f0;background:#fff}
.saitoff-public [data-request-kind=website] .choice-card>b{display:block;padding:18px 20px 0;font-size:18px;line-height:1.4;font-weight:600}
.saitoff-public [data-request-kind=website] .choice-card>small{padding:7px 20px 0;font-size:12px;line-height:1.6;min-height:45px;max-width:none}
.saitoff-public [data-request-kind=website] .site-choice-price{margin:14px 0 0;padding:0 20px 20px;gap:6px 10px;font-size:23px}
.saitoff-public [data-request-kind=website] .site-price-condition{font-size:10px;line-height:1.5}
.saitoff-public [data-request-kind=website] .choice-card:has(input[value=figma]){display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start}
.saitoff-public [data-request-kind=website] .choice-card:has(input[value=figma])>.site-type-preview{grid-column:1;grid-row:1/4;height:100%;min-height:175px;object-fit:contain;background:#f0f5fd;border-bottom:0;border-right:1px solid #e7edf5}
.saitoff-public [data-request-kind=website] .choice-card:has(input[value=figma])>:is(b,small,.site-choice-price){grid-column:2}
.saitoff-public .inline-site-quiz{padding-top:30px!important}
@media(max-width:1023px){.saitoff-public .intro-mini{width:180px;opacity:.4}.saitoff-public .intro-mini-left{left:-95px}.saitoff-public .intro-mini-right{right:-95px}}
@media(max-width:767px){.saitoff-public .site-quiz-intro{min-height:330px;padding:32px 18px}.saitoff-public #content .quiz-intro-copy h2{font-size:29px}.saitoff-public .quiz-intro-copy>p{font-size:14px}.saitoff-public .quiz-intro-notes{gap:10px 14px;font-size:10px}.saitoff-public .intro-mini{display:none}.saitoff-public [data-request-kind=website] .choice-grid{grid-template-columns:1fr}.saitoff-public [data-request-kind=website] .site-type-preview{height:160px}.saitoff-public [data-request-kind=website] .choice-card:has(input[value=figma]){display:flex}.saitoff-public [data-request-kind=website] .choice-card:has(input[value=figma])>.site-type-preview{width:100%;height:160px;min-height:0;border:0;border-bottom:1px solid #e7edf5}.saitoff-public .inline-site-quiz{padding-top:24px!important}}
@media(prefers-reduced-motion:reduce){.saitoff-public [data-request-kind=website] .site-type-preview{transition:none}.saitoff-public [data-request-kind=website] .choice-card:hover .site-type-preview{transform:none}}


/* Match the website format cards without changing semantic pricing. */
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;overflow:hidden;min-height:0;padding:0;border-radius:8px;transition:border-color .18s,box-shadow .18s,background .18s}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .site-type-preview{display:block;width:100%;height:175px;object-fit:contain;background:#f0f5fd;border-bottom:1px solid #e7edf5;transition:transform .2s}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card:hover .site-type-preview{transform:scale(1.015)}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card>.choice-icon{display:none}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card>input{position:absolute;z-index:2;right:13px;top:13px;margin:0;width:19px;height:19px;accent-color:#1875f0;background:#fff}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card>b{display:block;padding:18px 20px 0;font-size:18px;line-height:1.4;font-weight:600}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card>small{padding:7px 20px 0;font-size:12px;line-height:1.6;min-height:45px;max-width:none}
.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-card>small{padding-bottom:20px}
@media(max-width:767px){.saitoff-public [data-request-kind=semantics] [data-wizard-step="0"] .choice-grid{grid-template-columns:1fr}.saitoff-public [data-request-kind=semantics] .site-type-preview{height:160px}}