/* Shared visual language: theme, studio and identity screens. */
:root{--qsn-primary:#007c73;--qsn-primary-hover:#00635c;--qsn-accent:#35dac8;--qsn-dark:#081e30;--qsn-background:#edf3f7;--qsn-background-alt:#deecef;--qsn-surface:#fff;--qsn-surface-elevated:#f5fafb;--qsn-surface-dark:#102d43;--qsn-text-primary:#102a43;--qsn-text-secondary:#49677b;--qsn-muted:#62798a;--qsn-border:#cbdde6;--qsn-radius-card:22px;--qsn-radius-button:12px;--qsn-radius-input:10px;--qsn-motion-normal:220ms;--qsn-ease:cubic-bezier(.22,1,.36,1);--qsn-shadow-card:0 12px 30px #102a4314;--qsn-max-width:1280px;--qsn-card-padding:26px;--qsn-space:8px}
.qrp-body,body:has(.qst-header){background:var(--qsn-background);color:var(--qsn-text-primary);font-size:var(--qsn-body,15px);--qrp-accent:var(--qsn-primary);--qrp-ink:var(--qsn-text-primary);--qrp-bg:var(--qsn-background);--qrp-muted:var(--qsn-text-secondary);--qrp-line:var(--qsn-border);--qst-accent:var(--qsn-primary);--qst-navy:var(--qsn-text-primary);--qst-radius:var(--qsn-radius-card)}
.qrp-main{background:radial-gradient(ellipse at 95% 2%,#d3eeeb 0,transparent 40%),var(--qsn-background)}
.qrp-shell{grid-template-columns:var(--qsn-sidebar-width,244px) minmax(0,1fr)}.qrp-sidebar{background:linear-gradient(160deg,var(--qsn-dark),var(--qsn-surface-dark));border-right:1px solid #37718244}.qrp-top{background:#f6fafbdd;backdrop-filter:blur(14px);border-color:var(--qsn-border)}.qrp-content{max-width:var(--qsn-max-width);padding-top:36px}.qrp-heading h1{font-size:clamp(28px,3vw,var(--qsn-h1,38px))}.qrp-shell h2{font-size:var(--qsn-h2,27px)}.qrp-shell h3{font-size:var(--qsn-h3,20px)}
.qrp-welcome{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 20%,#247483,transparent 58%),linear-gradient(115deg,#0a2135,#123b51);padding:40px;border:1px solid #41778866;box-shadow:var(--qsn-shadow-card);border-radius:var(--qsn-radius-panel,24px)}.qrp-welcome:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:40px 40px;border-radius:inherit;pointer-events:none}.qrp-welcome h2,.qrp-welcome p{color:#f4fcff}.qrp-welcome .qrp-button{margin:10px 10px 0 0}.qrp-welcome-art{box-shadow:inset 0 1px #c7ffff55,0 24px 60px #0003}.qrp-metrics{gap:16px}.qrp-metric{background:linear-gradient(145deg,var(--qsn-surface),var(--qsn-surface-elevated));border:1px solid var(--qsn-border);border-radius:var(--qsn-radius-card);box-shadow:var(--qsn-shadow-subtle);border-top:3px solid #70bcb5}.qrp-metric:nth-child(even){border-top-color:#a4b9db;background:#e8f0f7}.qrp-metric strong{font-size:32px}.qrp-metric small{font-size:12px}
.qrp-type-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px}.qrp-type-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:linear-gradient(160deg,#fff 0%,#eff6f7 100%);padding:var(--qsn-card-padding);border-radius:var(--qsn-radius-card);border:1px solid var(--qsn-border);overflow:hidden;min-width:0;position:relative;box-shadow:var(--qsn-shadow-subtle)}.qrp-type-card>svg{background:#d7efeb;padding:10px;width:44px;height:44px;border-radius:13px}.qrp-type-card h3{margin:18px 0 8px}.qrp-type-card p{margin:0 0 18px;line-height:1.6;font-size:13px;min-height:40px}.qrp-type-card>strong{padding-top:16px;margin-top:auto;color:var(--qsn-primary)}.qrp-type-card:hover,.qrp-type-card:focus-visible{transform:translateY(-4px);box-shadow:var(--qsn-shadow-card);border-color:#70b7b0}.qsn-preview{width:100%;min-height:130px;border:1px solid #bfd8e2;background:linear-gradient(130deg,#d5e8ee,#e8f3ee);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform var(--qsn-motion-normal) var(--qsn-ease)}.qsn-preview:after{content:'APERÇU';position:absolute;right:10px;top:9px;font-size:7px;letter-spacing:1px;color:#386572}.qsn-preview b{color:#12394d;font-size:16px;margin-top:10px}.qsn-preview span{display:block;background:#ffffffb8;padding:7px 9px;border-radius:7px;font-size:10px;color:#315165}.qsn-preview img{width:100%;height:130px;object-fit:cover;border-radius:10px}.qrp-type-card:hover .qsn-preview{transform:rotate(-1deg) scale(1.02)}.qsn-feature-badge{position:absolute;top:25px;right:20px;border-radius:30px;background:#dbf1ed;color:#00685c;font-size:10px;padding:5px 9px}.qsn-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.qsn-bento{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:28px}.qsn-bento .qrp-panel{padding:var(--qsn-card-padding);background:var(--qsn-surface-elevated);border-radius:var(--qsn-radius-panel,24px)}.qsn-activity{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--qsn-border);font-size:13px}.qsn-activity small{color:var(--qsn-muted)}.qsn-onboarding{background:var(--qsn-surface-dark)!important;color:#edfafa}.qsn-onboarding h2,.qsn-onboarding p{color:inherit}.qsn-onboarding .qrp-secondary{background:#d1f4eb;color:#102a43;margin:8px 0}.qsn-onboarding progress{width:100%;accent-color:#3dd9c2;height:8px}
.qrp-editor-section,.qrp-panel,.qrp-page-row,.qrs-panel{border-color:var(--qsn-border);border-radius:var(--qsn-radius-panel,24px);box-shadow:var(--qsn-shadow-subtle);background:var(--qsn-surface)}.qrp-editor-section summary{background:var(--qsn-surface-elevated);padding:20px 24px;border-radius:inherit}.qrp-editor-section[open] summary{border-bottom:1px solid var(--qsn-border);border-bottom-left-radius:0;border-bottom-right-radius:0}.qrp-editor-section{padding:0!important;overflow:hidden}.qrp-section-fields{padding:24px}.qrp-shell input:not([type=checkbox]):not([type=color]),.qrp-shell textarea,.qrp-shell select,.qrp-auth-form input:not([type=checkbox]){background:#f4f8fb;border:1px solid #bfd2df;border-radius:var(--qsn-radius-input);min-height:44px;color:var(--qsn-text-primary)}.qrp-shell input:focus,.qrp-shell textarea:focus,.qrp-auth-form input:focus{outline:3px solid #1ba89d33;border-color:var(--qsn-primary)}.qrp-shell label,.qrp-auth-form label{font-size:var(--qsn-label,13px)}.qrp-button,.qrs-primary,.qrp-auth-form button,.qst-button{border-radius:var(--qsn-radius-button)!important;min-height:var(--qsn-button-height,46px);font-size:var(--qsn-button,14px);box-shadow:0 3px 0 #092e3b16}.qrp-button:hover,.qrs-primary:hover,.qrp-auth-form button:hover,.qst-button:hover{background:var(--qsn-primary-hover);transform:translateY(-2px)}.qrp-secondary{border-radius:var(--qsn-radius-button);background:#e9f2f5}.qrp-phone-aside{background:radial-gradient(ellipse,#c8e3e4,transparent 68%);padding:10px;border-radius:32px}.qrp-phone{box-shadow:0 24px 50px #102a4320}.qrp-toast{box-shadow:var(--qsn-shadow-floating);border-radius:var(--qsn-radius-modal,24px);max-width:calc(100vw - 32px)}.qrs-layout{align-items:start}.qrs-preview{background:linear-gradient(150deg,#e0f0ec,#e9eef9);border-radius:24px!important;position:sticky;top:24px}.qrs-format-grid button{background:#edf5f7!important}.qrs-format-grid button.active{background:#d0eeea!important;border-color:#007c73!important}
.qrp-auth-layout{background:var(--qsn-background);gap:0;max-width:1440px;margin:auto}.qrp-auth-story{background:radial-gradient(ellipse at 100% 20%,#206477,transparent 60%),var(--qsn-dark);border-right:1px solid #7196a0}.qrp-auth-form{background:linear-gradient(145deg,#f9fcfd,#e7f1f3);padding:48px}.qrp-auth-form h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px}.qrp-auth-form form{background:#ffffffa8;padding:24px;border:1px solid #c7dce4;border-radius:24px;box-shadow:0 12px 40px #143b5210}.qrp-auth-form nav a{padding-bottom:10px;border-bottom:2px solid #a3cbc8}.qrp-google{background:white!important;border-color:#bcd0de!important}.qrp-terms{background:#e8f1f5}.qrp-auth-message{border:1px solid #9ccec2;border-radius:12px}
.qst-wrap{width:min(var(--qsn-max-width),calc(100% - 64px))}.qst-header{background:#f6fafbea}.qst-header>.qst-wrap{min-height:min(var(--qsn-header-height,72px),76px)}.qst-hero{background:radial-gradient(ellipse at 80% 5%,#1c6874,transparent 58%),linear-gradient(125deg,#0a2034,#153e54);color:white;position:relative}.qst-hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.qst-hero h1{font-size:clamp(36px,3.8vw,min(var(--qsn-display,56px),56px));line-height:1.08;letter-spacing:-.05em}.qst-hero-grid{padding-top:min(var(--qsn-hero-spacing,32px),32px);padding-bottom:min(var(--qsn-hero-spacing,32px),32px);position:relative;z-index:1}.qst-hero-copy>p{color:#c6e0e7}.qst-hero .qst-eyebrow,.qst-hero .qst-link{color:#89efde}.qst-proof,.qst-demo-tag{color:#bfdae3}.qst-hero .qst-button{background:#84eddb;color:#082e3b}.qst-demo-phone{box-shadow:24px 28px 0 #ffffff0a,0 35px 70px #0004}.qst-demo-tabs{background:#173b4f;border-color:#5c879655}.qst-demo-tabs button{color:#d5e9ef}.qst-demo-tabs button.active{background:#c4f2e7;color:#123a48}.qst-demo-content{color:#123349}.qst-section{padding-top:min(var(--qsn-section-spacing,60px),60px);padding-bottom:min(var(--qsn-section-spacing,60px),60px)}.qst-soft{background:#dfecee}.qst-card{position:relative;padding:var(--qsn-card-padding);background:linear-gradient(155deg,#fff,#eff6f7);border:1px solid var(--qsn-border);box-shadow:var(--qsn-shadow-subtle)}.qst-card-number{background:#d4eeea}.qst-card .qsn-preview{margin-bottom:20px}.qst-card p{min-height:60px}.qst-card:hover{box-shadow:var(--qsn-shadow-card)}.qst-bento article{background:#f4fafb;border-color:#bdd2dc}.qst-bento-main{background:radial-gradient(ellipse at top right,#1b6069,transparent 80%),#102a43!important}.qst-footer{background:#0c2436;color:#d2e6ed;border-color:#264758}.qst-footer p,.qst-footer small,.qst-footer a{color:#bed7e1}.qst-footer h3{color:white}.qst-footer-bottom{border-color:#315464!important}.qst-dark{box-shadow:var(--qsn-shadow-floating)}.qst-menu a{position:relative}.qst-menu a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#007c73;transform:scaleX(0);transform-origin:left;transition:transform .2s}.qst-menu a:hover:after,.qst-menu a:focus:after{transform:scaleX(1)}
.qrp-shell button,.qst-card,.qst-button,.qrp-type-card,.qrp-nav,.qrp-google{transition:transform var(--qsn-motion-normal) var(--qsn-ease),box-shadow var(--qsn-motion-normal),background var(--qsn-motion-normal),border-color var(--qsn-motion-normal)}button:active,.qst-button:active{transform:translateY(1px)}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #00897f;outline-offset:4px}.qsn-overlay{position:fixed;inset:0;background:#061f3680;z-index:19;backdrop-filter:blur(3px)}.qsn-overlay[hidden]{display:none!important}.qsn-mobile-close{display:none}.qrp-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.qrp-plan-card{background:var(--qsn-surface-elevated);border-radius:var(--qsn-radius-card)}.qrp-plan-card h2{color:var(--qsn-text-primary)}.qrp-subscription-empty h2{color:white}.qsn-category{margin-top:34px;font-size:20px}.qsn-filter{padding:10px 18px;border:1px solid #a9c7d2;border-radius:30px;background:#e1eef1;color:#173f51;cursor:pointer}.qsn-filter[aria-pressed=true]{background:#12364c;color:#fff}
@media(max-width:1100px){.qrp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qrp-shell{grid-template-columns:210px minmax(0,1fr)}.qsn-bento{grid-template-columns:1fr}.qrp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.qrp-shell{display:block}.qrp-sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);height:100dvh;overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .22s,visibility .22s;z-index:100}.qrp-sidebar.qrp-open{transform:translateX(0);visibility:visible}.qrp-mobile-menu,.qsn-mobile-close{display:block}.qsn-mobile-close{background:#25485c;color:#eaf7fa;border:1px solid #487384;border-radius:8px;padding:9px}.qsn-overlay{z-index:99}.qrp-content{padding:24px var(--qsn-mobile-spacing,18px)}.qrp-editor-layout{grid-template-columns:1fr}.qrp-phone-aside{position:static}.qrp-auth-form{padding:28px 20px}.qrp-top{min-height:var(--qsn-mobile-header,68px)}}
@media(max-width:780px){.qst-wrap{width:calc(100% - 2 * var(--qsn-mobile-spacing,18px))}.qst-header>.qst-wrap{min-height:var(--qsn-mobile-header,68px)}.qst-hero-grid{padding-top:28px;padding-bottom:32px}.qst-hero h1{font-size:42px}.qst-header nav.is-open{max-height:65dvh;overflow-y:auto}.qst-header .qst-menu a{display:block;padding:8px}.qrp-welcome{padding:26px}.qrp-welcome-art{display:none}.qrp-auth-form form{padding:18px}.qrp-auth-grid{grid-template-columns:1fr}.qrp-section-fields{padding:18px}.qsn-preview{min-height:118px}}
@media(max-width:480px){.qrp-type-grid{grid-template-columns:1fr}.qrp-heading h1{font-size:28px}.qrp-metric{padding:16px}.qrp-metric strong{font-size:26px}.qrp-metric small{font-size:11px}.qst-hero h1{font-size:36px}.qrp-top-locale{display:none}.qrp-auth-form{padding:22px 14px}.qrp-auth-story{padding:25px!important}.qrp-auth-story h1{font-size:29px}.qrp-section-fields{grid-template-columns:1fr}.qrp-phone{max-width:100%}.qrp-phone-aside{min-width:0}.qrp-save-bar{flex-wrap:wrap}.qst-demo-phone{width:min(265px,100%)}.qst-demo-tabs{max-width:100%;flex-wrap:wrap;justify-content:center}.qst-section-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--qsn-shadow-strength:10;--qsn-shadow-card:0 12px 30px rgb(16 42 67 / calc(var(--qsn-shadow-strength) / 100));--qsn-shadow-floating:0 24px 60px rgb(16 42 67 / calc(var(--qsn-shadow-strength) / 70))}.qrp-panel h4,.qrp-shell h4{font-size:var(--qsn-h4,17px)}.qrp-shell small{font-size:var(--qsn-small,13px)}.qrp-type-grid,.qsn-bento{gap:calc(var(--qsn-space) * 2.5)}.qst-soft{background:var(--qsn-background-alt)}.qst-card,.qst-price{background:var(--qsn-surface-elevated)}
/* Keep the onboarding actions separated and its label legible on the dark surface. */
.qsn-onboarding .qrp-eyebrow{color:#70e6d5}.qsn-onboarding>.qrp-secondary{margin:6px 6px 0 0}

.qst-hero .q13-scroll-hint{color:#bfdae3}.qst-demo-phone .qrp-digital{color:#102a43}.qst-demo-phone .qtp-dark{color:#edf5fa}