.questionnaire-redesign{overflow:clip}.questionnaire-redesign .questionnaire-hero{position:relative;width:min(100%,1320px);min-height:min(760px,calc(100svh - 78px));grid-template-columns:minmax(0,.9fr) minmax(440px,.78fr);gap:clamp(2.4rem,5vw,5.5rem);align-items:center;padding-top:clamp(3.2rem,6vw,5.2rem);background:linear-gradient(115deg,#fff8f9f5,#ffffffc7 58%,#f5eef8e0),radial-gradient(circle at 76% 22%,rgba(201,107,138,.16),transparent 28%);border-bottom:1px solid rgba(201,107,138,.14)}.questionnaire-redesign .questionnaire-hero h1{max-width:11.4ch;font-size:clamp(3rem,5.5vw,5.9rem);line-height:.9}.questionnaire-hero-copy{min-width:0}.questionnaire-redesign .questionnaire-summary{position:relative;overflow:visible;min-height:0;align-content:start;border-radius:34px;background:linear-gradient(180deg,#fffffff0,#fff8f9b3),#fff}.questionnaire-app-preview{display:grid;gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.45rem,3vw,2.2rem)}.questionnaire-redesign .questionnaire-summary.questionnaire-app-preview{border-color:transparent;background:transparent;box-shadow:none}.questionnaire-preview-copy{display:grid;gap:.8rem}.questionnaire-app-preview .questionnaire-preview-copy>span{width:max-content;max-width:100%;border-radius:999px;padding:.42rem .8rem;background:#c96b8a29;color:var(--ovalina-primary);font-weight:900}.questionnaire-app-preview .questionnaire-preview-copy strong{max-width:18ch;font-size:clamp(1.8rem,2.6vw,2.75rem);line-height:1.06}.questionnaire-app-preview .questionnaire-preview-copy p{max-width:46ch;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.55}.questionnaire-phone-pair{display:grid;grid-template-columns:repeat(2,minmax(150px,190px));justify-content:center;gap:clamp(1.2rem,3vw,2rem);align-items:end;margin-top:.2rem}.questionnaire-phone{min-width:0;margin:0}.questionnaire-phone-mood{transform:translateY(1.4rem)}.questionnaire-app-preview .questionnaire-phone-frame{display:block;width:100%;border-radius:38px;padding:.42rem;background:var(--ovalina-phone-frame);box-shadow:var(--ovalina-phone-shadow)}.questionnaire-app-preview .questionnaire-phone-frame img{display:block;width:100%;height:auto;aspect-ratio:1344 / 2992;border-radius:30px;object-fit:cover}.questionnaire-method-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(1.4rem,5vw,4rem);align-items:start}.questionnaire-method-head h2{max-width:11ch;font-size:clamp(2.4rem,5.2vw,5.5rem);line-height:.92}.questionnaire-redesign .questionnaire-row{grid-template-columns:auto minmax(0,1fr);min-height:8rem;border-radius:28px;background:#ffffffc7}.questionnaire-redesign .questionnaire-showcase{grid-template-columns:minmax(260px,.3fr) minmax(0,.7fr)}.questionnaire-redesign .questionnaire-index-panel,.questionnaire-redesign .questionnaire-feature,.questionnaire-redesign .questionnaire-boundaries{border-radius:32px}.questionnaire-redesign .questionnaire-feature{min-height:0;grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);gap:clamp(1rem,3vw,2rem);align-items:stretch;background:linear-gradient(135deg,#fffffff7,#fff8f9c2),#fff}.questionnaire-redesign .questionnaire-feature h2{max-width:16ch;font-size:clamp(1.9rem,3.2vw,3.35rem);line-height:1}.questionnaire-redesign .questionnaire-use{min-height:0;border-radius:26px;background:linear-gradient(180deg,#f5eef8c2,#ffffffc2),#fff}.questionnaire-redesign .questionnaire-tab{border-radius:20px}.questionnaire-redesign .source-list{border:0!important;padding:0;background:transparent!important;box-shadow:none!important}.questionnaire-redesign .source-list a{border-radius:24px;background:transparent!important;box-shadow:none!important}html[data-theme=dark] .questionnaire-redesign .questionnaire-hero{background:radial-gradient(circle at 78% 22%,rgba(201,107,138,.18),transparent 30%),linear-gradient(135deg,#17111c,#241628);border-bottom-color:#f0a8be29}html[data-theme=dark] .questionnaire-redesign .questionnaire-summary,html[data-theme=dark] .questionnaire-redesign .questionnaire-index-panel,html[data-theme=dark] .questionnaire-redesign .questionnaire-feature,html[data-theme=dark] .questionnaire-redesign .questionnaire-boundaries,html[data-theme=dark] .questionnaire-redesign .questionnaire-row,html[data-theme=dark] .questionnaire-redesign .questionnaire-use{background:#fff8f90e;border-color:#f0a8be33;color:var(--ovalina-text);box-shadow:none}html[data-theme=dark] .questionnaire-redesign .questionnaire-summary.questionnaire-app-preview{border-color:transparent;background:transparent;box-shadow:none}html[data-theme=dark] .questionnaire-redesign .questionnaire-summary p,html[data-theme=dark] .questionnaire-redesign .questionnaire-index-panel p,html[data-theme=dark] .questionnaire-redesign .questionnaire-feature p,html[data-theme=dark] .questionnaire-redesign .questionnaire-use span{color:var(--ovalina-text-soft)}html[data-theme=dark] .questionnaire-redesign .questionnaire-tab{background:#fff8f90b;border-color:#f0a8be2e;color:var(--ovalina-text)}html[data-theme=dark] .questionnaire-redesign .source-list{background:transparent!important;border-color:transparent;box-shadow:none!important}html[data-theme=dark] .questionnaire-redesign .source-list a{background:transparent!important;border-color:#f0a8be42;color:var(--ovalina-text);box-shadow:none!important}@media(max-width:1080px){.questionnaire-redesign .questionnaire-hero{grid-template-columns:1fr}.questionnaire-app-preview{max-width:680px}}@media(max-width:860px){.questionnaire-method-section,.questionnaire-redesign .questionnaire-showcase,.questionnaire-redesign .questionnaire-feature{grid-template-columns:1fr}.questionnaire-redesign .questionnaire-summary{min-height:0}.questionnaire-phone-mood{transform:none}}@media(max-width:620px){.questionnaire-app-preview{padding:1.1rem}.questionnaire-phone-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.questionnaire-app-preview .questionnaire-phone-frame{border-radius:30px;padding:.32rem}.questionnaire-app-preview .questionnaire-phone-frame img{border-radius:24px}}