/* Q-Cubic showcase direction: expressive type, tactile archives, purposeful motion. */
.showcase-site{--bg:#100e15;--surface:#1b1722;--accent:#d4b5ff;--line:#3a3046;overflow-x:clip}.showcase-site .wrap{width:min(1360px,calc(100% - 96px))}.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:20}.showcase-site .header{min-height:96px}.showcase-site .hero{position:relative;grid-template-columns:1.15fr 1fr;gap:40px;padding-block:72px 24px;min-height:720px}.showcase-site h1{font-family:"Arial",sans-serif;font-size:clamp(52px,5.9vw,88px);line-height:1.06;font-weight:600;letter-spacing:-.065em}.title-line{display:block!important;color:var(--text)!important}.title-line.expressive{font:italic 400 .92em/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.055em;color:var(--accent)!important;margin-top:8px}.showcase-site .hero .intro{font-size:18px;max-width:420px;margin-top:32px}.showcase-site .hero .eyebrow{margin-bottom:32px}.showcase-site .button{border-radius:4px;font-size:14px;min-height:52px}.showcase-site .primary{background:var(--accent)}.showcase-site .primary:hover{background:#eadbff}.showcase-site .hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font:12px Consolas,monospace;color:var(--secondary)}.hero-bottom a span{margin-left:24px}.archive-stage{min-width:0;position:relative;border:1px solid #4e3b60;background:#21192c;border-radius:16px;padding:24px;isolation:isolate}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2}.stage-top{font:12px Consolas,monospace;color:#d3bce8}.stage-top>span:last-child{color:#ad95bf}.stage-bottom p{font-size:13px;max-width:160px;color:#ddcde9}.stage-note{display:block;font:10px Consolas,monospace;color:#c4afcf;margin-top:20px}.demo-button{border:1px solid #705885;background:transparent;color:#f4e9ff;border-radius:4px;min-height:44px;padding:8px 16px;font-size:13px;white-space:nowrap}.demo-button:hover{background:#382745}.demo-button span{margin-left:12px}.archive-scene{position:relative;height:380px;perspective:1000px;transform-style:preserve-3d}.hero-folder{position:absolute;width:244px;height:184px;left:50%;top:52%;transform:translate(-50%,-22%) rotate(-7deg);transition:transform 1s cubic-bezier(.22,1,.36,1)}.folder-tab{position:absolute;left:0;top:-28px;width:112px;height:40px;border-radius:12px 24px 0 0;background:#be91e7;border:1px solid #e7caff}.folder-face{position:absolute;inset:0;border:1px solid #e3c2ff;border-radius:0 12px 12px 12px;background:linear-gradient(145deg,#cba7ef,#9e70c8);box-shadow:0 24px 40px #0005,inset 0 1px #f6e9ff;overflow:hidden}.folder-brand{position:absolute;left:24px;top:20px;color:#321b45;font:600 76px/1 Arial,sans-serif;letter-spacing:-.08em}.folder-brand>span{font-size:40px;vertical-align:middle}.folder-caption{position:absolute;bottom:20px;left:24px;color:#38204e;font:11px Consolas,monospace}.folder-zip{position:absolute;right:24px;top:0;height:100%;width:18px;background:repeating-linear-gradient(0deg,#503361 0 6px,#b78ed8 6px 12px);border-inline:3px solid #503361}.folder-zip:after{content:"";position:absolute;top:20px;left:-5px;width:22px;height:32px;background:#e9d4ff;border:5px solid #503361;border-radius:6px;transition:transform 1s cubic-bezier(.22,1,.36,1)}.paper{position:absolute;left:50%;top:18%;width:168px;height:200px;border:1px solid #e6d9ee;background:#eee7f3;border-radius:4px;color:#43334f;padding:20px;font:12px Consolas,monospace;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .6s}.paper i{display:block;height:4px;background:#b9a8c6;width:90%;margin-top:20px}.paper i:last-child{width:55%}.paper-back{transform:translate(-70%,0) rotate(-18deg);background:#bca9ce}.paper-front{transform:translate(-20%,-8%) rotate(12deg)}.orbit-label{position:absolute;font:13px Consolas,monospace;color:#d0b3e9;border:1px solid #655075;padding:6px 12px;border-radius:4px}.orbit-one{top:6%;left:8%;transform:rotate(-8deg)}.orbit-two{top:18%;right:1%;transform:rotate(8deg)}.orbit-three{bottom:10%;left:0;transform:rotate(-5deg)}.archive-result{position:absolute;bottom:12px;left:50%;transform:translate(-50%,12px);opacity:0;font:12px Consolas,monospace;color:var(--accent);transition:opacity .5s,transform .5s}.archive-stage.packed .paper-back{transform:translate(-50%,112px) rotate(-7deg) scale(.75);opacity:0}.archive-stage.packed .paper-front{transform:translate(-50%,112px) rotate(-7deg) scale(.75);opacity:0}.archive-stage.packed .hero-folder{transform:translate(-50%,-30%) rotate(0)}.archive-stage.packed .folder-zip:after{transform:translateY(112px)}.archive-stage.packed .archive-result{opacity:1;transform:translate(-50%,0)}.showcase-site .formats{margin-top:40px;border-top:0;grid-template-columns:1fr 1.6fr}.showcase-site h2{font-weight:500;letter-spacing:-.045em;font-size:clamp(40px,4.8vw,68px)}.showcase-site h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.showcase-site .formats h2{font-size:32px}.showcase-site .feature-explorer{grid-template-columns:1fr 1.4fr}.showcase-site .feature-choice{min-height:80px}.showcase-site .feature-choice>span:last-child{transition:transform .2s}.showcase-site .feature-choice:hover>span:last-child{transform:translate(3px,-3px)}.showcase-site .feature-detail{padding:40px}.showcase-site .file-diagram{height:200px}.showcase-site .protection-inner{grid-template-columns:.65fr 1.25fr 1fr;gap:32px;padding-block:88px}.showcase-site .protection h2{font-size:clamp(40px,4vw,60px)}.studio{padding-block:96px;background:#d1b7ed;color:#291b36}.studio .eyebrow,.studio p{color:#503a63}.studio-heading{display:flex;justify-content:space-between;gap:24px}.studio-heading>a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.studio h2{font-size:clamp(64px,8vw,116px);line-height:1.02;letter-spacing:-.06em;margin-top:40px}.studio h2 em{color:#513568}.studio a:hover{color:#654083}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-top:56px;padding-bottom:48px;border-bottom:1px solid #9677b0}.studio-wordmark{font-size:40px;font-weight:600;letter-spacing:-.06em}.studio-wordmark>span{display:block;font:12px/1.6 Consolas,monospace;letter-spacing:0;margin-top:12px}.studio-intro p{font-size:20px;max-width:460px;line-height:1.6}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:48px}.work-image{display:block;height:500px;overflow:hidden;background:#261a38;border-radius:8px}.work-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.work-image:hover img{transform:scale(1.025)}.work-caption{display:flex;justify-content:space-between;align-items:center;margin-block:24px 12px}.work-caption p{font:12px Consolas,monospace;margin-bottom:8px}.work-caption h3{font-size:28px}.work-caption>a{font-size:32px}.work-grid article>p{max-width:440px;font-size:15px}.work-web{padding-top:96px}.web-composition{display:block;position:relative;height:360px;background:#1e1529;color:#f1e5ff;border-radius:8px;padding:24px;overflow:hidden}.web-composition:hover{color:#f1e5ff!important}.mini-browser{display:flex;gap:6px;align-items:center;border-bottom:1px solid #574262;padding-bottom:16px}.mini-browser>span{width:6px;height:6px;border-radius:50%;background:#ac8dc2}.mini-browser p{font:10px Consolas,monospace;color:#bda3d0;margin-left:12px}.web-type{font:500 68px/.95 Arial,sans-serif;letter-spacing:-.05em;margin-top:32px}.web-type em{font-family:Georgia,serif;font-weight:400;color:#c89eea}.web-stripe{display:flex;gap:20px;margin-top:32px;color:#c9b3d9;font:11px Consolas,monospace}.web-arrow{position:absolute;right:24px;top:128px;font-size:72px;color:#c89eea;transition:transform .4s}.web-composition:hover .web-arrow{transform:translate(6px,-6px)}.studio-cta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #84649c;padding:20px 0;margin-top:32px;font-size:24px}.showcase-site .download{padding-block:104px}.showcase-site .footer .brand{font-size:36px}.showcase-site .footer{padding-block:56px}.motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-ready .title-line{animation:title-in .85s both cubic-bezier(.22,1,.36,1)}.motion-ready .title-line:nth-child(2){animation-delay:.1s}.motion-ready .title-line:nth-child(3){animation-delay:.2s}@keyframes title-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.showcase-site .hero{gap:64px}}@media(max-width:1100px){.showcase-site .wrap{width:calc(100% - 48px)}.showcase-site .hero{gap:24px}.showcase-site h1{font-size:56px}.archive-stage{padding:20px}.hero-folder{width:208px;height:164px}.archive-scene{height:340px}.stage-bottom{align-items:flex-start;flex-direction:column;gap:12px}.stage-bottom p{max-width:none}.showcase-site .protection-inner{grid-template-columns:1fr 1fr}.showcase-site .protection-inner>.eyebrow{grid-column:1/-1}.work-grid{gap:32px}.work-image{height:440px}.web-type{font-size:56px}.web-arrow{font-size:52px}.web-stripe{gap:12px;font-size:10px}}@media(max-width:700px){.showcase-site .wrap{width:calc(100% - 40px)}.showcase-site .header{min-height:80px}.showcase-site .hero{grid-template-columns:1fr;gap:40px;padding-top:48px}.showcase-site h1{font-size:clamp(39px,9vw,62px)}.showcase-site .hero .eyebrow{font-size:11px;margin-bottom:24px}.showcase-site .hero .intro{font-size:17px;margin-top:24px}.showcase-site .actions{gap:24px}.archive-stage{width:100%;max-width:480px;margin-inline:auto}.archive-scene{height:340px}.hero-folder{width:220px;height:172px}.stage-bottom{flex-direction:row;align-items:center}.stage-bottom p{max-width:140px;font-size:12px}.demo-button{padding:8px 12px;font-size:12px}.demo-button span{margin-left:4px}.hero-bottom{margin-top:0!important;font-size:10px!important;gap:20px}.hero-bottom>span{max-width:140px;line-height:1.6}.hero-bottom a{white-space:nowrap}.hero-bottom a span{margin-left:8px}.showcase-site .formats{grid-template-columns:1fr;margin-top:0}.showcase-site .feature-explorer{grid-template-columns:1fr}.showcase-site .feature-choice{min-height:64px}.showcase-site .feature-detail{padding:24px}.showcase-site .protection-inner{grid-template-columns:1fr;padding-block:56px}.studio{padding-block:64px}.studio-heading{flex-direction:column;gap:8px}.studio-heading .eyebrow{margin-bottom:0}.studio-heading>a{align-self:flex-start}.studio h2{font-size:clamp(48px,11vw,76px);margin-top:40px}.studio-intro{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-bottom:32px}.studio-intro p{font-size:18px}.studio-wordmark{font-size:36px}.work-grid{grid-template-columns:1fr;padding-top:32px;gap:40px}.work-image{height:auto}.work-image img{height:auto}.work-web{padding-top:0}.web-composition{height:332px;padding:20px}.web-type{font-size:64px}.web-arrow{right:20px;font-size:48px}.showcase-site .download{padding-block:64px}.showcase-site .footer{padding-block:40px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .title-line{opacity:1;transform:none;animation:none}.paper,.hero-folder,.folder-zip:after,.archive-result{transition:none!important}.work-image:hover img{transform:none}.reading-progress{display:none}}