/* QMotion warm-white corporate studio — shared landing and template library theme. */
.svg-scene{position:absolute;inset:0;z-index:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#1e2134cc,#111927e6)}.svg-scene svg{width:92%;height:92%;filter:drop-shadow(0 10px 16px #05081188)}.svg-frame,.svg-stroke,.svg-grid,.svg-accent,.svg-flow,.svg-map-path,.svg-orbit,.svg-node,.svg-panel,.svg-accent-fill,.svg-orbit-core,.svg-dot{fill:none;stroke-linecap:round;stroke-linejoin:round}.svg-frame,.svg-stroke{stroke:#dfe8ff;stroke-width:2}.svg-grid{stroke:#dfe8ff42;stroke-width:1}.svg-accent,.svg-flow,.svg-map-path{stroke:#ff9a68;stroke-width:4}.svg-panel{fill:#c7c2ff26;stroke:#b7b0ff;stroke-width:2}.svg-accent-fill{fill:#ff9a6899;stroke:#ffc2a5;stroke-width:2}.svg-node{fill:#202c49;stroke:#9b8cff;stroke-width:3}.svg-orbit{stroke:#b5abff;stroke-width:2}.svg-orbit-core{fill:#ef6c3b;stroke:#ffd0b9;stroke-width:2}.svg-dot{fill:#ff9a68;stroke:#ffe1d2;stroke-width:2}.svg-draw{stroke-dasharray:250;animation:qmotion-draw 4s ease-in-out infinite}.svg-data{background:linear-gradient(135deg,#1a2942,#172334)}.svg-brand{background:linear-gradient(135deg,#352154,#192943)}.svg-web{background:linear-gradient(135deg,#172c42,#263e58)}.svg-ui{background:linear-gradient(135deg,#1d2037,#172944)}@keyframes qmotion-draw{0%{stroke-dashoffset:250;opacity:.35}45%,75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-250;opacity:.35}}@media(prefers-reduced-motion:reduce){.svg-draw{animation:none}}
@media(max-width:650px){.site-header .header-cta{display:none}.site-header .brand strong{display:inline!important;color:#1d2430!important}.site-header .brand em{display:inline!important;color:#776f7a!important}.hero-grid h1{font-size:30px!important;line-height:1.16!important;letter-spacing:-.05em!important}}

/* Homepage mobile guardrails: keep the public landing page within the viewport. */
@media(max-width:800px){
  .nav,.hero,.templates,.uses,.how,footer{width:min(calc(100% - 40px),620px)!important}
  .nav>.outline{display:none!important}
  .nav>.brand{display:flex!important;visibility:visible!important;opacity:1!important}
  .hero{grid-template-columns:minmax(0,1fr)!important;gap:38px!important;padding:62px 0 72px!important}
  .hero>div{min-width:0}
  .hero h1{max-width:100%;font-size:clamp(31px,9.1vw,42px)!important;line-height:1.16!important;letter-spacing:-.06em!important;overflow-wrap:anywhere}
  .hero p{max-width:100%;font-size:15px;line-height:1.8!important}
  .actions{flex-wrap:wrap}
  .editor{width:100%;min-width:0;max-width:100%;overflow:hidden}
  .editor-media{min-width:0;overflow:hidden}
  .editor-media i{min-width:0}
  .scrub span{min-width:0;overflow:hidden}
}
@media(max-width:650px){.site-header,main,footer{width:min(calc(100% - 40px),620px)!important}.site-header{background:#f8f7f4!important}.hero-grid h1{font-size:clamp(34px,10vw,42px)!important;word-break:break-all;overflow-wrap:anywhere}.hero-grid{min-width:0}.hero-grid>div{min-width:0}body[data-library="motion"] .hero-grid h1{font-size:clamp(28px,8.7vw,34px)!important;word-break:normal;overflow-wrap:normal}body[data-library="motion"] .hero-grid h1 .title-line{white-space:nowrap}}
:root{background:#f8f7f4!important;color:#1d2430!important}body{background:radial-gradient(circle at 88% 5%,#eeeaff 0,transparent 24rem),radial-gradient(circle at 4% 21%,#fff0e8 0,transparent 26rem),#f8f7f4!important;color:#1d2430!important}a{color:inherit}.nav,.site-header{border-color:#e6e1dc!important}.brand b{color:#ef6c3b!important}.brand em{color:#776f7a!important}.nav nav a,.site-header nav a{color:#5f6875!important}.nav nav a:hover,.site-header nav a.active{color:#1d2430!important}.outline,.header-cta{border-color:#d9d3ce!important;background:#fff!important;color:#1d2430!important}.primary{background:#ef6c3b!important;color:#fff!important;box-shadow:0 10px 20px #ef6c3b26}.hero h1,.hero-grid h1{color:#1d2430!important}.hero h1 span,.hero-grid h1 span{color:#6557c8!important}.hero p,.hero-grid p{color:#5f6875!important}.hero small{color:#737b86!important}.editor{background:#1d2430!important;border-color:#334155!important;box-shadow:0 28px 60px #2731422e!important}.choice{background:#fff!important;border-color:#e6e1dc!important}.choice>p,.heading>p,.uses>p,.how>p,.eyebrow{color:#6557c8!important}.choice-grid{background:#e9e4df!important;gap:1px!important}.choice article{background:#fff7f2!important}.choice article:last-child{background:#f4f1ff!important}.choice small{color:#ef6c3b!important}.choice h2,.heading h2,.library-intro h2,.motion-map-copy h2,.showcase-band h2,.browser-head h2,.library-promise h2,.motion-languages h2,.seo-guides h2{color:#1d2430!important}.choice p,.heading span,.use-grid p,.how span,.library-intro p,.motion-map-copy>span,.browser-head>p,.seo-guides>div>p{color:#647080!important}.choice a,.selected a,.library-intro>a,.showcase-band a,.card-cta,footer a{color:#d85729!important}.expanded-library{padding-top:118px!important}.library-intro{border-color:#ddd8d2!important}.library-intro small,.motion-map-copy>p{color:#d85729!important}.library-grid,.motion-taxonomy{border-color:#ded9d3!important}.library-card{background:#fff!important;border-color:#ded9d3!important}.library-card.active,.library-card:hover{background:#fffaf7!important}.library-body p{color:#6557c8!important}.library-body h3{color:#1d2430!important}.library-body>span{color:#647080!important}.library-card>button{color:#d85729!important}.library-cover span,.library-cover small{background:#1d2430d9!important}.motion-map{background:#f1effb!important;border-color:#dfdbe9!important}.motion-taxonomy article{background:#f8f7ff!important;border-color:#dfdbe9!important}.motion-taxonomy b{color:#6557c8!important}.motion-taxonomy p{color:#3f4856!important}.motion-taxonomy span{color:#697384!important}.showcase-photo{border-color:#e3ddd7!important;box-shadow:0 24px 50px #2d334018!important}.showcase-band>div:last-child>p{color:#6557c8!important}.output-list{border-color:#e2ddd7!important}.output-list span{border-color:#e2ddd7!important;color:#566170!important}.output-list span:before{color:#ef6c3b!important}.uses{border-color:#e2ddd7!important}.use-grid b,.how b{color:#ef6c3b!important}.use-grid h3,.how h3{color:#1d2430!important}footer{border-color:#e2ddd7!important;color:#66707c!important}.site-header{background:#f8f7f4cc!important;backdrop-filter:blur(12px)}.library-hero{background:transparent!important}.hero-image{border-color:#e5dfd9!important;box-shadow:0 24px 50px #2731421d!important}.hero-metrics span{color:#6d7280!important}.hero-metrics b{color:#ef6c3b!important}.library-browser{border-color:#e3ddd7!important}.filters{border-color:#e3ddd7!important}.filters button{background:#fff!important;border-color:#ddd7d0!important;color:#525c6b!important}.filters button.is-active{background:#ef6c3b!important;border-color:#ef6c3b!important;color:#fff!important}.filters button.is-active span{color:#fff!important}.template-search{color:#697384!important}.template-search input{background:#fff!important;border-color:#ded8d1!important;color:#1d2430!important}.template-grid{border-color:#e2ddd7!important}.template-card{background:#fff!important;border-color:#e2ddd7!important}.template-card:hover{background:#fffaf7!important;box-shadow:0 14px 32px #26303d12!important}.card-content small{color:#6557c8!important}.card-content h3{color:#1d2430!important}.card-content p,.card-meta{color:#687383!important}.card-meta{border-color:#e6e0da!important}.card-meta b{color:#d85729!important}.library-promise,.seo-guides{border-color:#e2ddd7!important}.promise-list{border-color:#e2ddd7!important}.promise-list p{border-color:#e2ddd7!important;color:#596575!important}.promise-list b{color:#ef6c3b!important}.motion-languages span{background:#fff!important;border-color:#ded8ed!important;color:#5d5689!important}.guide-grid{background:#e2ddd7!important}.guide-grid article{background:#fff!important}.guide-grid h3{color:#1d2430!important}.guide-grid p{color:#697384!important}@media(max-width:650px){.site-header{background:#f8f7f4!important}}