:root{color-scheme:dark;--red:#f02b3b;--muted:#b2b2bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#09090c;color:#f9f9fa;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff6773;outline-offset:5px}button,a{touch-action:manipulation}.preview{text-align:center;background:#341015;font-size:11px;letter-spacing:1.7px;padding:7px}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#09090ce8}header img{width:190px;height:55px}nav{display:flex;align-items:center;gap:28px;font-size:13px}.smallbtn{border:1px solid #53535b;padding:9px 16px;border-radius:5px}.hero{min-height:660px;position:relative;display:flex;align-items:center;background:url('../assets/quintahub-cinematic-house.png') 65% center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090cf5 0%,#09090cb5 45%,#09090c15),linear-gradient(0deg,#09090c,transparent 35%)}.hero-copy{position:relative;max-width:850px;padding:70px 7%}.eyebrow{color:#ff5361;font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.06;letter-spacing:-2.5px;margin:24px 0}.hero em{font-style:normal;color:#ff4352}.intro{max-width:530px;color:#dddde3;font-size:17px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;background:var(--red);color:white;border:0;border-radius:5px;padding:14px 22px;font-weight:700;font-size:14px}.button:hover{background:#ff4251}.secondary{padding:14px 12px;background:#ffffff12;border:1px solid #ffffff30;border-radius:5px;font-size:13px}.fine{font-size:11px;color:var(--muted);max-width:490px;margin-top:18px}.facts{display:flex;justify-content:space-between;max-width:1120px;margin:0 auto;padding:30px 5%;border-bottom:1px solid #25252e;gap:20px}.facts b,.facts span{display:block}.facts b{font-size:21px}.facts span{font-size:12px;color:var(--muted)}.section{max-width:1280px;padding:75px 6%;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:18px 0 28px}p{max-width:700px}.muted{color:var(--muted)}ul{padding-left:20px;color:#d4d4dd}li{margin-bottom:12px}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.module{background:#141419;border:1px solid #25252d;border-radius:9px;overflow:hidden}.module img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.module summary{padding:16px;font-size:14px;font-weight:bold;cursor:pointer}.module p{font-size:12px;color:#c5c5ce;padding:0 16px 16px}.sample{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:10%;background:#121217;border-radius:15px}.sample-art img{width:100%;max-height:480px;object-fit:cover;object-position:top;border-radius:12px;transform:rotate(3deg)}.answers{display:grid;gap:12px}.answers button{text-align:left;border:1px solid #42424c;padding:15px;border-radius:7px;background:#202027;color:#eee;font-size:14px}.answers button:hover{border-color:var(--red)}#feedback{color:#ffb1b7;font-size:14px;min-height:45px}.offer{background:linear-gradient(130deg,#281319,#131318);border:1px solid #65262f;padding:35px;border-radius:14px}.offer h3{font-size:26px;line-height:1.2}.pill{font-size:10px;letter-spacing:1.3px;color:#ff929b}.price{font-size:85px;line-height:1;font-weight:800;letter-spacing:-4px;margin:25px 0 10px}.price span{font-size:28px;letter-spacing:-1px}.offer .button{width:100%;margin:16px 0}.offer small{display:block;color:var(--muted);font-size:11px}.faq details{padding:22px 0;border-bottom:1px solid #303039}.faq summary{font-size:18px;cursor:pointer}.faq details p{color:#c1c1cc;font-size:15px}.closing{text-align:center;background:radial-gradient(ellipse at bottom,#3a101b,transparent 70%)}.closing p{margin:auto}footer{padding:50px 6% 100px;border-top:1px solid #25252d;color:var(--muted);font-size:11px}footer img{width:170px}.chat-launch{position:fixed;bottom:20px;right:20px;background:#ef2939;border:1px solid #ff6875;color:white;border-radius:30px;padding:14px 20px;font-weight:bold;box-shadow:0 8px 30px #0008;z-index:9}#chat{position:fixed;bottom:85px;right:20px;width:min(360px,calc(100vw - 30px));max-height:75vh;overflow:auto;background:#1a1a22;border:1px solid #545462;padding:22px;border-radius:14px;z-index:10;box-shadow:0 20px 80px #000b;font-size:14px}.chat-head{display:flex;justify-content:space-between}.chat-head button{background:none;border:0;color:white;font-size:24px}#chat-options{display:flex;gap:8px;flex-wrap:wrap}#chat-options button{background:#30303c;border:1px solid #555562;color:white;padding:8px 10px;border-radius:5px;font-size:12px}#chat small{color:var(--muted);font-size:10px}#chat-reply{border-left:2px solid var(--red);padding-left:12px}#chat-reply:empty{display:none}[hidden]{display:none!important}@media(max-width:700px){header{height:70px;padding:0 5%}header img{width:145px}nav>a:not(.smallbtn){display:none}.smallbtn{font-size:11px;padding:8px}.hero{min-height:650px;background-position:65%}.hero-copy{padding:45px 6%}.hero h1{letter-spacing:-1.7px}.facts{gap:12px;padding:24px 6%}.facts b{font-size:15px}.facts span{font-size:10px}.section{padding:50px 6%}.split,.sample{grid-template-columns:1fr;gap:25px}.catalog{grid-template-columns:repeat(2,1fr);gap:12px}.module summary{font-size:12px;padding:12px}.sample-art{display:none}.offer{padding:25px}.chat-launch{font-size:12px;bottom:12px;right:12px}.faq summary{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sample-art img{transform:none}}

.module summary{padding:0 0 16px;list-style:none}.module summary img{margin-bottom:14px}.module summary{padding-inline:10px}.module summary img{width:calc(100% + 20px);max-width:none;margin-left:-10px}

/* Quinto landing page: cinematic hero and practice previews. */
.hero{background:#101011;min-height:680px;overflow:hidden;isolation:isolate}
.hero-art{position:absolute;inset:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
.shade{z-index:-1;background:linear-gradient(90deg,#09090cf5 0%,#09090cdd 32%,#09090c80 53%,transparent 73%),linear-gradient(0deg,#09090c 0%,transparent 28%)}
.hero-copy{width:min(64%,850px);max-width:none;padding:72px 0 80px 6%}.hero h1{font-size:clamp(40px,4.4vw,68px);line-height:1.06;letter-spacing:-2.4px;margin:22px 0}.hero .intro{max-width:490px;font-size:17px;line-height:1.65}.hero .eyebrow{color:#ff9da4;font-size:10px;letter-spacing:.18em}.hero .actions{max-width:620px;gap:12px}.hero .button{gap:20px}.hero .fine{max-width:450px;font-size:10px;color:#ccc5c9}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-tags span{font-size:10px;border:1px solid #ffffff30;background:#14121777;padding:5px 10px;border-radius:20px;color:#e8e4e5}
.quinto-intro{padding-top:20px;padding-bottom:20px}.quinto-intro .quinto-banner{position:static;width:auto;max-height:none;overflow:visible;box-shadow:none;margin:0;z-index:auto}
.lab-section{padding-top:35px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;line-height:1.7;margin-bottom:4px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lab-card{background:#151418;border:1px solid #343037;border-radius:12px;overflow:hidden}.lab-card>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.lab-copy{padding:25px 27px}.lab-copy small{color:#f1919d;font-size:9px;font-weight:bold;letter-spacing:.14em}.lab-copy h3{font-size:22px;line-height:1.2;margin:10px 0}.lab-copy p{font-size:13px;color:#b7b1bc;line-height:1.7;margin:0}.lab-tag{display:inline-block;font-size:8px;letter-spacing:.12em;border:1px solid #51404a;border-radius:4px;padding:4px 8px;margin-top:19px;color:#e7b6c0}.lab-link{display:inline-flex;gap:24px;font-size:13px;margin-top:24px;color:#ffadb5}.lab-link:hover{text-decoration:underline}.chat-launch{display:flex;align-items:center;gap:9px;padding:8px 17px 8px 9px}.chat-launch>img{object-fit:contain;width:38px;height:42px}
@media(max-width:850px){.hero{display:flex;flex-direction:column;min-height:0}.hero-art{position:relative;inset:auto;width:100%;aspect-ratio:16/9;z-index:0}.hero-art img{object-position:center}.hero-art:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#101011,transparent)}.hero .shade{display:none}.hero-copy{width:100%;padding:12px 6% 40px;z-index:1}.hero h1{font-size:clamp(36px,6.8vw,58px);letter-spacing:-1.7px}.hero .intro{font-size:15px}.hero .actions{margin-top:25px}.hero .fine{font-size:10px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:32px}.lab-grid{gap:16px}.lab-copy{padding:21px}.lab-copy h3{font-size:19px}}
@media(max-width:560px){.hero-copy{padding-top:2px}.hero .eyebrow{font-size:9px}.hero-tags{gap:6px}.hero-tags span{font-size:9px;padding:4px 8px}.hero .actions{display:grid}.hero .button,.hero .secondary{text-align:center;width:100%}.quinto-intro{padding-top:10px;padding-bottom:10px}.lab-grid{grid-template-columns:1fr}.lab-section{padding-top:25px}.section-heading h2{font-size:29px}.chat-launch{padding:7px 13px 7px 7px}.chat-launch>img{width:30px;height:34px}}