:root{--motion-micro:180ms;--motion-card:280ms;--motion-reveal:480;--motion-scene:620ms;--motion-ease:cubic-bezier(.22,1,.36,1);--motion-distance:26px;--hero-parallax:0px}
/* Stable reading surfaces; the old global reveal no longer competes with IO. */
.motion-ready .reveal{animation:none}.task-hero{position:relative;isolation:isolate;overflow:clip}
.motion-ready .task-hero::before,.motion-ready .task-hero::after{content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:50%;opacity:.65;transform:translateY(var(--hero-parallax));animation:ambient-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.motion-ready .task-hero::before{width:min(700px,90vw);height:290px;left:calc(50% - 480px);top:-140px;background:radial-gradient(ellipse,#bfcaff75,transparent 68%)}
.motion-ready .task-hero::after{width:min(650px,85vw);height:290px;left:48%;top:-95px;background:radial-gradient(ellipse,#dec7ec65,transparent 70%);animation-duration:23s;animation-delay:-8s}
.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .task-hero::before,.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .task-hero::after{animation-play-state:running}
@keyframes ambient-drift{from{transform:translate3d(-16px,var(--hero-parallax),0) scale(.96)}to{transform:translate3d(24px,calc(var(--hero-parallax) + 16px),0) scale(1.06)}}
.motion-ready .task-hero .gradient-text{background-size:160% 100%}
:where(button,.primary,.secondary,.search-launcher,.breadcrumbs a,.quick-tasks button){transition:transform var(--motion-micro) var(--motion-ease),background var(--motion-micro),color var(--motion-micro),border-color var(--motion-micro),box-shadow var(--motion-micro)}
:where(button,.primary,.secondary,.search-launcher):active{transform:scale(.975)}
:where(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
.card,.category-tile,.category-shortcuts>a,.related-card{transition:transform var(--motion-card) var(--motion-ease),border-color var(--motion-card),box-shadow var(--motion-card);position:relative}
.card .visual img,.category-tile>img,.related-card>img,.category-shortcut-thumbnail{transition:transform 520ms var(--motion-ease)}
.category-shortcut-arrow,.category-tile-title>span,.usp-arrow,.task-cta,.drawer-result-cta{transition:transform var(--motion-card) var(--motion-ease);display:inline-block}
.motion-glow{isolation:isolate}.motion-glow::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(230px circle at var(--glow-x,50%) var(--glow-y,50%),#8ab6ff18,transparent 75%)}
@media(hover:hover) and (pointer:fine){
 .card:hover,.category-tile:hover,.category-shortcuts>a:hover,.related-card:hover{transform:translateY(-4px);border-color:#b9cce9;box-shadow:0 14px 35px #2836540d}
 .card:hover .visual img,.related-card:hover>img{transform:scale(1.025)}
 .category-shortcuts>a:hover .category-shortcut-arrow,.category-tile:hover .category-tile-title>span,.card:hover .task-cta,.drawer-result:hover .drawer-result-cta,.usp-preview:hover .usp-arrow{transform:translateX(3px)}
 .primary:hover{box-shadow:0 5px 18px #0071e326;transform:translateY(-1px)}
 .search-launcher:hover{border-color:#b0c5e7;box-shadow:0 7px 28px #0071e30a;transform:translateY(-1px)}
}
.card:active,.category-tile:active,.category-shortcuts>a:active,.related-card:active{transform:scale(.985)}
.save-btn[aria-pressed="true"]{background:#edf3ff;color:#0071e3;animation:save-confirm 240ms var(--motion-ease)}
@keyframes save-confirm{from{transform:scale(.8)}to{transform:scale(1)}}
.copy-success,.primary.copy-success,.secondary.copy-success{background:#e6f3ed;color:#176542;box-shadow:inset 0 0 0 1px #b9ddcc}
#copy-feedback{min-height:1.5em}#copy-feedback:empty{visibility:hidden}
#drawer-form{transition:border-color var(--motion-micro),box-shadow var(--motion-micro),background var(--motion-micro)}
#drawer-form:focus-within{box-shadow:0 0 0 4px #0071e30c;background:#fff}
#search-drawer[open]{animation:search-center-in var(--motion-card) var(--motion-ease)}
#drawer-results[aria-busy="true"]{opacity:.6;pointer-events:none}#drawer-results{transition:opacity 120ms ease}
#drawer-status:not(:empty)::before{content:'';display:inline-block;width:8px;height:8px;background:#0071e3;border-radius:50%;margin-right:9px;animation:search-breathe 1s ease-in-out infinite alternate}
@keyframes search-breathe{to{opacity:.3}}
.site-header{transition:box-shadow var(--motion-card),border-color var(--motion-card)}
.header-scrolled .site-header{box-shadow:0 7px 28px #202e4309;border-bottom-color:#d5dce8}
.header-navigation,.mobile-tabs{position:relative}.mobile-tabs{position:fixed}
.motion-nav-indicator{display:block;position:absolute;left:0;top:5px;height:42px;border-radius:24px;background:#252a34;pointer-events:none;transform-origin:left center;box-shadow:0 3px 8px #171e3517}
.motion-navigation>a{position:relative;z-index:1}.header-navigation.motion-navigation>a[aria-current="page"]{background:transparent;box-shadow:none}
.motion-navigation>a:not([aria-current="page"]):hover{background:#ffffff70}
.mobile-tabs .motion-nav-indicator{height:52px;top:6px;background:#e5eefb;box-shadow:none;border-radius:17px}
.mobile-tabs.motion-navigation a[aria-current="page"]>span{transform:translateY(-2px)}.mobile-tabs a>span{transition:transform var(--motion-card) var(--motion-ease),color var(--motion-micro)}
.mobile-tabs a:active{transform:scale(.95)}
.breadcrumbs ol{width:100%}.breadcrumbs a:active{transform:scale(.97)}
.guide-banner{position:relative;isolation:isolate}.guide-banner::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 20%,#cddafa30,transparent 65%);border-radius:inherit}
@media(max-width:1023px){:root{--motion-distance:22px}.motion-glow::after{display:none}}
@media(max-width:767px){:root{--motion-distance:16px;--motion-reveal:400}.motion-ready .task-hero::before{left:-20%;top:-90px;width:100%;height:230px;opacity:.65}.motion-ready .task-hero::after{left:35%;width:85%;height:220px;top:-80px;opacity:.4}.motion-nav-indicator{top:5px}.card:hover,.category-tile:hover,.category-shortcuts>a:hover,.related-card:hover{transform:none}.card:active,.category-tile:active,.category-shortcuts>a:active,.related-card:active{transform:scale(.985)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .task-hero::before,.motion-ready .task-hero::after{transform:none!important}.card:active,.category-tile:active,.category-shortcuts>a:active,.related-card:active,button:active{transform:none!important}}

/* Keep live copy announcements out of the reading layout; manual-copy fallback stays visible. */
#copy-feedback:not(:has(textarea)){position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* A sculptural hero: refracted glass, a soft horizon, ample quiet space. */
.task-hero{max-width:1200px;padding:58px 190px 48px;min-height:285px;perspective:1000px}
.task-hero h1{font-size:clamp(42px,4.3vw,62px);letter-spacing:-2.4px;line-height:1.15;margin:18px 0}
.task-hero p{font-size:17px;line-height:1.7;max-width:580px;margin:auto}
.task-hero>.eyebrow{display:inline-block;font-size:11px;letter-spacing:1.8px}
.hero-depth{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:layout paint}
.hero-horizon{position:absolute;left:10%;right:10%;bottom:-45px;height:180px;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#bdc9ed4d,transparent 67%);transform:rotate(-5deg)}
.hero-lens{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 28% 22%,#fff 0%,#f8f7ffb0 12%,#d1d5f550 30%,#a9b5e875 48%,#d9ccf6a3 66%,#fff8 78%,#b2c9f16b 87%,#ffffffc9 98%);border:1px solid #fff;box-shadow:inset 5px 6px 14px #fff,inset -9px -11px 22px #8d87c66b,0 18px 32px #69789c18;animation:hero-lens-float 9s ease-in-out infinite alternate;animation-play-state:paused}
.hero-lens::before{content:'';position:absolute;inset:13%;border-radius:50%;border:1px solid #fff9;box-shadow:inset 2px 3px 9px #fff9,2px 3px 6px #8b83c933;background:linear-gradient(140deg,#ffffff69,transparent 38%,#d2c6f642 70%,#fff9)}
.hero-lens::after{content:'';position:absolute;width:45%;height:15%;top:12%;left:17%;border-radius:50%;background:linear-gradient(175deg,#ffffffe0,#fff0);transform:rotate(-28deg)}
.hero-lens-right{width:172px;height:172px;right:24px;top:53px;transform:translateY(0) rotate(-12deg);animation-delay:-3s}
.hero-lens-left{width:112px;height:112px;left:49px;top:115px;opacity:.72;animation-duration:12s;animation-delay:-7s}
.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .hero-lens{animation-play-state:running}
@keyframes hero-lens-float{from{transform:translate3d(0,5px,0) rotate(-8deg)}to{transform:translate3d(0,-9px,0) rotate(2deg)}}
.motion-ready .task-hero::before{height:390px;width:850px;top:-160px;left:calc(50% - 600px);opacity:.85;background:radial-gradient(ellipse,#b7c9fb85,transparent 68%)}
.motion-ready .task-hero::after{height:350px;width:750px;left:45%;top:-110px;opacity:.8;background:radial-gradient(ellipse,#dac5ef80,transparent 70%)}
.task-library #open-search{position:relative;border-color:#d4dcec;box-shadow:0 4px 9px #24385e03,0 14px 40px #354e8c08}
@media(min-width:768px) and (max-width:1023px){.task-hero{padding:48px 120px 40px;min-height:270px}.task-hero h1{font-size:44px;letter-spacing:-1.7px}.hero-lens-right{width:116px;height:116px;right:5px;top:95px}.hero-lens-left{width:78px;height:78px;left:12px;top:143px}.task-hero p{font-size:16px}}
@media(max-width:767px){.task-hero{padding:34px 22px 62px;min-height:260px}.task-hero h1{font-size:34px;letter-spacing:-1.1px;line-height:1.18;margin:16px 0}.task-hero p{font-size:17px;line-height:1.6;max-width:370px}.task-hero>.eyebrow{font-size:11px;letter-spacing:1px}.hero-lens-left{display:none}.hero-lens-right{width:68px;height:68px;right:24px;top:auto;bottom:0;opacity:.65;box-shadow:inset 3px 4px 9px #fff,inset -5px -7px 12px #8d87c65b,0 8px 15px #69789c12;animation-duration:11s}.hero-horizon{bottom:-75px;height:150px;left:0;right:0}.motion-ready .task-hero::before{left:-28%;top:-105px;width:115%;height:330px;opacity:.75}.motion-ready .task-hero::after{left:38%;top:-80px;width:100%;height:250px;opacity:.55}}
@media(max-width:359px){.task-hero h1{font-size:30px}.task-hero{padding-left:18px;padding-right:18px;padding-bottom:86px}.task-hero>.eyebrow{font-size:10px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.hero-lens{animation:none!important;transform:none!important}}

/* Independent translate composes with the lens's existing floating transform. */
:root{--lens-x:0px;--lens-y:0px;--lens-scroll:0px}
.hero-lens{translate:var(--lens-x) calc(var(--lens-y) - var(--lens-scroll));transition:translate 380ms var(--motion-ease)}
.hero-lens-left{translate:calc(var(--lens-x) * -.6) calc(var(--lens-y) * -.6)}
@media(hover:none),(pointer:coarse),(max-width:1023px){.hero-lens-right{translate:0 calc(var(--lens-scroll) * -1);transition:translate 180ms ease-out}.hero-lens-left{translate:0 calc(var(--lens-scroll) * -.5)}}
@media(prefers-reduced-motion:reduce){.hero-lens{translate:none!important;transition:none!important}}
/* Hero film: authored 3D, rendered once, decoded as a small looping video. */
.cinematic-hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:24px;max-width:1200px;padding:28px 25px 22px;min-height:405px;text-align:left;overflow:clip;perspective:none}.cinematic-hero .hero-copy{position:relative;z-index:1;padding:18px 0}.cinematic-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:20px 0}.cinematic-hero p{font-size:18px;line-height:1.65;margin:0;max-width:510px}.cinematic-hero .eyebrow{font-size:10px;letter-spacing:1.6px}.hero-demo-link{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#303a50;text-align:left;padding:10px 0;margin-top:20px;min-height:48px}.hero-play-symbol{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid #d4ddea;background:#fff9;border-radius:50%;font-size:12px;color:#547bb5;transition:transform var(--motion-card),background var(--motion-card)}.hero-demo-link:hover .hero-play-symbol{transform:scale(1.07);background:#fff}.hero-demo-link>span:last-child{font-size:15px;font-weight:550}.hero-demo-link small{display:block;font-size:12px;color:#8a91a0;font-weight:400;margin-top:5px}.hero-film{position:relative;margin:0;min-width:0;align-self:center}.hero-film-inner{translate:calc(var(--lens-x) * .55) calc(var(--lens-y) * .4 - var(--lens-scroll));transition:translate 500ms var(--motion-ease);border-radius:30px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff50}.hero-video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;background:#f5f6fa}.hero-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 15px;margin-top:-8px;position:relative;z-index:1}.hero-film figcaption>span{font-size:9px;letter-spacing:1.3px;color:#8b93a2}.hero-film figcaption button{min-height:36px;padding:8px 12px;border:1px solid #dbe1ec;border-radius:20px;font-size:11px;background:#fff9;color:#69768b}.motion-ready .cinematic-hero::before{opacity:.35}.motion-ready .cinematic-hero::after{opacity:.35}.cinematic-hero+.task-library{padding-top:0}
@media(min-width:768px) and (max-width:1023px){.cinematic-hero{padding:25px;gap:12px;min-height:360px}.cinematic-hero h1{font-size:48px}.cinematic-hero p{font-size:16px}.hero-film figcaption>span{font-size:8px;letter-spacing:.7px}}
@media(max-width:767px){.cinematic-hero{display:block;padding:30px 20px 5px;min-height:0;text-align:center}.cinematic-hero .hero-copy{padding:0}.cinematic-hero h1{font-size:43px;line-height:1.08;letter-spacing:-1.5px;margin:16px 0}.cinematic-hero h1 br{display:none}.cinematic-hero p{font-size:17px;margin:auto;max-width:370px}.cinematic-hero p br{display:none}.cinematic-hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-demo-link{justify-content:center;margin:13px auto 0}.hero-demo-link>span:last-child{font-size:14px}.hero-demo-link small{font-size:11px}.hero-play-symbol{width:34px;height:34px}.hero-film{margin:8px auto 0;max-width:370px}.hero-video{max-height:220px;aspect-ratio:1.65;object-fit:cover;border-radius:23px}.hero-film figcaption{padding:0 8px;margin-top:-8px}.hero-film figcaption>span{font-size:8px;letter-spacing:.7px}.hero-film figcaption button{min-height:36px;font-size:10px}.cinematic-hero+.task-library{padding-top:13px}.hero-film-inner{border-radius:23px}}
@media(max-width:359px){.cinematic-hero{padding:23px 18px 0}.cinematic-hero h1{font-size:36px}.hero-video{max-height:170px}.hero-demo-link small{display:none}}
@media(prefers-reduced-motion:reduce){.hero-film-inner{translate:none!important}}

/* Approved Intelligent Focus artwork: seamless page-color perimeter. */
.hero-film-inner{border-radius:0;box-shadow:none;background:transparent}.hero-video{border-radius:0;background:#f5f5f7;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}
@media(max-width:767px){.hero-video{aspect-ratio:4/3;max-height:none}.hero-film{max-width:330px}.hero-film figcaption{margin-top:-10px}}

/* Temporary approved still: no autoplay, video controls or pointer motion. */
.hero-still-frame{translate:none!important;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in}.hero-still-frame picture{display:block}.hero-still{display:block;width:100%;height:auto;object-fit:contain}.hero-film:has(.hero-still){min-width:0}@media(max-width:767px){.hero-film:has(.hero-still){max-width:370px;margin:12px auto 4px}}

/* Home choreography: fixed content geometry; only composited transforms move. */
:root{--hero-rotate-x:0deg;--hero-rotate-y:0deg}
.task-library{overflow-x:clip}.cinematic-hero .hero-film{perspective:1200px;isolation:isolate}.hero-still-frame{position:relative;transform:perspective(1000px) translate3d(var(--lens-x,0px),calc(var(--lens-y,0px) - var(--lens-scroll,0px)),0) rotateX(var(--hero-rotate-x)) rotateY(var(--hero-rotate-y));transition:transform 520ms var(--motion-ease);transform-style:preserve-3d}.hero-still-frame picture{animation:hero-art-breathe 9s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 55%}.hero-still-frame::after{content:'';position:absolute;inset:3%;pointer-events:none;background:linear-gradient(112deg,transparent 32%,#ffffff00 42%,#ffffff45 49%,#ffffff00 57%,transparent 67%);transform:translateX(-60%);opacity:0;animation:hero-glass-light 12s ease-in-out infinite;animation-play-state:paused;mix-blend-mode:screen}.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .hero-still-frame picture,.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .hero-still-frame::after{animation-play-state:running}
@keyframes hero-art-breathe{0%,100%{transform:translate3d(0,4px,0) rotate(-.35deg)}50%{transform:translate3d(0,-8px,0) rotate(.35deg)}}
@keyframes hero-glass-light{0%,25%,75%,100%{opacity:0;transform:translateX(-60%)}35%{opacity:.35}60%{opacity:.2;transform:translateX(60%)}65%{opacity:0;transform:translateX(65%)}}
@media(max-width:767px){.hero-still-frame{transform:translate3d(0,calc(0px - var(--lens-scroll,0px)),0)}.hero-still-frame::after{display:none}.hero-still-frame picture{animation-name:hero-art-breathe-mobile}@keyframes hero-art-breathe-mobile{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}}
@media(prefers-reduced-motion:reduce){.hero-still-frame,.hero-still-frame picture{transform:none!important}.hero-still-frame::after{display:none}}

/* Search arrives softly; input focus and fetching remain immediate. */
:root{--motion-search-open:560ms}
#search-drawer[open]{animation:search-discover-in var(--motion-search-open) cubic-bezier(.16,1,.3,1) both}#search-drawer[open]::backdrop{animation:search-backdrop-in 620ms ease-out both}#search-drawer[open] .drawer-header,#search-drawer[open] #drawer-form{animation:search-content-in 460ms var(--motion-ease) 85ms backwards}
@keyframes search-discover-in{from{opacity:0;filter:blur(5px);transform:translateY(20px) scale(.975)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes search-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes search-content-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* A quiet idea constellation: connections reveal, then the light moves on. */
.hero-title{position:relative}.idea-network{position:absolute;width:150px;height:60px;right:10px;top:-40px;pointer-events:none;opacity:.7}.idea-network svg{width:100%;height:100%;overflow:visible}.idea-network path{stroke:#9baee6;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:idea-connect 9s var(--motion-ease) infinite;animation-play-state:paused}.idea-network circle{fill:#9e9de8;opacity:.15;transform-box:fill-box;transform-origin:center;animation:idea-light 9s ease-in-out infinite;animation-play-state:paused}.idea-network circle:nth-of-type(2){animation-delay:.6s;fill:#bf83c6}.idea-network circle:nth-of-type(3){animation-delay:1.2s;fill:#838fe6}.idea-network circle:nth-of-type(4){animation-delay:1.8s;fill:#62a6e0}.hero-title .gradient-text{background-size:240% 100%;animation:idea-spectrum 10s ease-in-out infinite;animation-play-state:paused}.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .idea-network path,.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .idea-network circle,.motion-hero-visible:not(.motion-reduced):not(.motion-paused) .hero-title .gradient-text{animation-play-state:running}
@keyframes idea-connect{0%,8%{stroke-dashoffset:220;opacity:0}18%{opacity:.5}48%,75%{stroke-dashoffset:0;opacity:.6}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes idea-light{0%,10%,85%,100%{opacity:.15;transform:scale(.7)}25%,45%{opacity:.9;transform:scale(1.2)}65%{opacity:.4;transform:scale(1)}}
@keyframes idea-spectrum{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:767px){:root{--motion-search-open:480ms}.idea-network{width:95px;height:40px;top:-26px;right:4px;opacity:.55}@keyframes search-discover-in{from{opacity:0;filter:blur(2px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.idea-network{display:none}.hero-title .gradient-text{background-position:50% 50%}#search-drawer[open]{filter:none;transform:none;opacity:1}}

/* A single layout contract for every route, including saved and admin pages. */
:root{--site-max:1200px;--site-gutter:25px}
html{scrollbar-gutter:stable}
.page,.section,.cinematic-hero,.site-breadcrumb-slot,body>footer{width:100%;max-width:var(--site-max);margin-inline:auto;padding-inline:var(--site-gutter)}
.site-header{padding-inline:max(var(--site-gutter),calc((100% - var(--site-max))/2 + var(--site-gutter)))}
@media(max-width:767px){:root{--site-gutter:20px}}
@media(max-width:359px){:root{--site-gutter:18px}}

/* Liquid Glass: transmissive surface, reflective rim and a nested navigation lens. */
.site-header{isolation:isolate;background:linear-gradient(115deg,#ffffffa8 0%,#f4f7ff73 48%,#ffffff96 100%);-webkit-backdrop-filter:blur(28px) saturate(185%) contrast(1.035);backdrop-filter:blur(28px) saturate(185%) contrast(1.035);border-bottom:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 0 #cbd5e540,0 5px 24px #2939540d;transition:background 320ms ease,box-shadow 320ms ease,border-color 320ms ease}
.site-header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 0,#ffffffc2,transparent 55%),radial-gradient(ellipse at 90% 100%,#cbd9ff26,transparent 48%);box-shadow:inset 0 1px 0 #fff9}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,#bcc9dc00,#b8cae880 24%,#ffffffed 50%,#b8cae880 76%,#bcc9dc00)}
.header-scrolled .site-header{background:linear-gradient(115deg,#ffffff91,#eef3ff66 55%,#ffffff91);border-bottom-color:#ffffffbf;box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 0 #ffffffa6,0 8px 30px #2236541c}
.site-header .header-navigation{background:linear-gradient(155deg,#ffffffa8,#e7edf76e);border:1px solid #ffffffbf;box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 1px #97a9c326,0 3px 12px #2336540a}
.site-header .motion-nav-indicator{background:linear-gradient(155deg,#3b4350,#1f2632);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #0002,0 3px 8px #19273f24}
@media(max-width:767px){.site-header{-webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.header-scrolled .site-header{background:#f7f8fcf5}}
@media(prefers-reduced-transparency:reduce){.site-header,.header-scrolled .site-header{background:#f5f6fa;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header .header-navigation{background:#e9edf4}}

/* Shared discovery choreography across category, guide and saved routes. */
.category-grid,.category-detail>.grid,.guide-example-grid,.guide-flow,.beginner-guide{overflow-x:clip}

/* The hero explains Prompt Hub's promise through one concrete before/after. */
.usp-hero{gap:36px;padding-block:30px 26px}.usp-hero h1{font-size:clamp(38px,3.7vw,56px);line-height:1.12;letter-spacing:-2.1px}.usp-hero .hero-copy>p{font-size:18px;line-height:1.75;max-width:500px}.usp-hero .hero-film{align-self:center}.usp-hero .hero-still-frame{max-width:440px;margin:-10px auto -16px}.hero-prompt-example{max-width:500px;margin:0 auto;background:#ffffffe0;border:1px solid #e0e5ef;border-radius:20px;box-shadow:0 12px 32px #2c426308;overflow:hidden;text-align:left}.hero-prompt-example>div{padding:15px 20px}.hero-example-basic{border-bottom:1px solid #e8ebf2}.hero-prompt-example>div>span{font-size:10px;font-weight:600;letter-spacing:1px;color:#7d8493}.hero-prompt-example p{font-size:14px;line-height:1.65;color:#626c80;margin:7px 0 0;max-width:none}.hero-example-better{background:linear-gradient(120deg,#f5f8ff,#fbfaff)}.hero-example-better>span{color:#4169aa!important}.hero-example-better p{color:#26354e}.hero-example-better mark{background:#e8edff;color:#5262a3;padding:0 3px;border-radius:3px}.hero-example-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.hero-example-tags span{font-size:10px;color:#596c98;background:#e9effb;padding:4px 8px;border-radius:12px}
@media(min-width:768px) and (max-width:1023px){.usp-hero{gap:20px}.usp-hero h1{font-size:42px}.usp-hero .hero-copy>p{font-size:17px}.hero-prompt-example>div{padding:13px 16px}}
@media(max-width:767px){.usp-hero{padding-block:30px 12px}.usp-hero h1{font-size:clamp(30px,9.2vw,40px);letter-spacing:-1.3px;line-height:1.17}.usp-hero h1 br{display:block}.usp-hero .hero-copy>p{font-size:17px;line-height:1.7}.usp-hero .eyebrow{font-size:9px;letter-spacing:1px}.usp-hero .hero-film{max-width:430px}.usp-hero .hero-still-frame{max-width:320px;margin:2px auto -8px}.hero-prompt-example{border-radius:18px}.hero-prompt-example p{font-size:16px}.hero-prompt-example>div{padding:14px 17px}.hero-prompt-example>div>span{font-size:10px}.hero-example-tags span{font-size:11px}}

/* Compact, readable examples and a pausable editorial tip ribbon. */
.hero-prompt-example>.hero-example-stage{padding:0;min-height:245px}.hero-example-slide[hidden]{display:none}.hero-example-basic,.hero-example-better{padding:12px 18px}.hero-example-slide>div>span{font-size:10px;font-weight:600;letter-spacing:1px;color:#7d8493}.hero-prompt-example>.hero-example-controls{display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid #e8ebf2;min-height:44px}.hero-example-dots{display:flex}.hero-example-dots button{width:32px;min-height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.hero-example-dots button span{width:6px;height:6px;border-radius:8px;background:#bfc6d3;transition:background .2s,width .2s}.hero-example-dots button[aria-pressed=true] span{width:18px;background:#526bb5}#hero-example-name{font-size:12px;color:#626c80;letter-spacing:0;font-weight:400}#hero-example-pause,#review-pause{margin-left:auto;min-height:44px;border:0;background:none;color:#526a9d;font-size:12px;cursor:pointer;padding:0 8px}.review-strip{min-width:0;margin:0 0 18px}.review-strip-heading{display:flex;align-items:center;gap:12px}.review-strip-heading p{margin:0;font-size:13px;color:#737d90}.review-viewport{overflow:hidden;border-radius:16px}.review-track{display:flex;width:max-content;animation:tip-ribbon 170s linear infinite;animation-play-state:paused}.review-strip.is-running .review-track{animation-play-state:running}.review-group{display:flex;gap:12px;padding-right:12px}.review-quote{margin:0;width:280px;padding:13px 16px;border:1px solid #e2e6ef;border-radius:16px;background:#ffffffb8}.review-quote blockquote{margin:0;color:#46536a;font-size:14px;line-height:1.5;min-height:42px}.review-quote figcaption{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#7c88a0}.hero-search-slot .review-strip{text-align:left;margin-top:14px}.hero-search-slot .review-strip-heading p{font-size:13px}@keyframes tip-ribbon{to{transform:translateX(-50%)}}
@media(max-width:767px){.hero-prompt-example>.hero-example-stage{min-height:292px}.hero-example-basic,.hero-example-better{padding:14px 17px}.review-quote{width:260px}.review-quote blockquote{font-size:15px}.hero-example-dots button{width:36px}.review-strip{max-width:100%}}
@media(prefers-reduced-motion:reduce){.review-track{animation:none}.review-group[aria-hidden=true]{display:none}.review-viewport{overflow-x:auto}.hero-example-dots button span{transition:none}}

/* A compact product introduction: promise, original artwork, then one comparison. */
.usp-hero{grid-template-columns:1.3fr .7fr;gap:12px 28px;min-height:0;padding-block:16px 12px;align-items:center}.usp-hero .hero-copy{padding:8px 0}.usp-hero h1{font-size:clamp(34px,3.3vw,48px);margin:12px 0;line-height:1.12}.usp-hero .hero-copy>p{font-size:16px;line-height:1.6;max-width:490px}.usp-hero .hero-film{width:100%;max-width:310px;justify-self:center}.usp-hero .hero-still-frame{margin:0 auto;max-width:310px}.usp-hero>.hero-prompt-example{grid-column:1/-1;width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;border-radius:18px}.hero-prompt-example>.hero-example-stage{min-height:145px}.hero-example-slide{display:grid;grid-template-columns:.7fr 1.3fr;height:100%}.hero-example-basic{border-bottom:0;border-right:1px solid #e5e9f1}.hero-example-basic,.hero-example-better{padding:16px 20px}.hero-example-tags{margin-top:9px}.hero-prompt-example>.hero-example-controls{border-top:0;border-left:1px solid #e8ebf2;flex-direction:column;justify-content:center;gap:0;padding:4px 8px}.hero-example-dots button{width:28px}#hero-example-pause{margin:0;min-width:44px;font-size:16px}#hero-example-name{font-size:11px}.usp-hero+.task-library{padding-top:8px}.task-library>.search-bar{margin-top:0}
@media(max-width:767px){.usp-hero{display:grid;grid-template-columns:1fr 100px;gap:12px;text-align:left;padding-block:16px 8px}.usp-hero .hero-copy{display:contents}.usp-hero .eyebrow{grid-column:1/-1;font-size:9px}.usp-hero h1{grid-column:1;font-size:27px;letter-spacing:-1px;margin:0;line-height:1.16}.usp-hero .hero-film{grid-column:2;grid-row:2;max-width:120px;margin:0;width:120px;justify-self:center}.usp-hero .hero-still-frame{margin:0;width:120px;max-width:none}.usp-hero .hero-copy>p{grid-column:1/-1;font-size:16px;line-height:1.5;margin:0}.usp-hero .hero-search-slot{grid-column:1/-1;grid-row:4;min-width:0}.usp-hero>.hero-prompt-example{grid-column:1/-1;display:block;margin:0}.hero-example-slide{grid-template-columns:1fr}.hero-example-basic{border-right:0;border-bottom:1px solid #e8ebf2}.hero-example-basic,.hero-example-better{padding:10px 14px}.hero-prompt-example p{font-size:15px;line-height:1.5;margin-top:5px}.hero-example-tags{display:none}.hero-prompt-example>.hero-example-stage{min-height:200px}.hero-prompt-example>.hero-example-controls{flex-direction:row;border-left:0;border-top:1px solid #e8ebf2;min-height:36px;padding:0 8px;justify-content:flex-start}.hero-example-dots button{min-height:40px;width:32px}#hero-example-pause{margin-left:auto;min-height:40px}.usp-hero .hero-search-slot #open-search{margin:0}.usp-hero+.task-library{padding-top:8px}}
@media(max-width:767px){.usp-hero .hero-search-slot{padding:0;margin:0}.usp-hero .hero-search-slot:empty{display:none}.usp-hero>.hero-prompt-example{margin-top:0}.hero-prompt-example>.hero-example-stage{min-height:180px}.task-library .quick-tasks{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:8px;padding-bottom:4px;margin-block:6px 14px}.task-library .quick-tasks>*{flex-shrink:0}.task-library .quick-tasks>span{display:none}}
.review-stars{color:#9a772f;letter-spacing:1px}.review-star-empty{color:#a4a9b3}.review-quote blockquote{min-height:42px}.review-strip-heading #review-pause{font-size:16px;min-width:44px}.review-strip{margin-bottom:12px}.review-quote{width:310px;padding:10px 14px}.review-quote figcaption{font-size:12px;margin-top:6px}footer .demo-disclosure{grid-column:1/-1;flex-basis:100%;font-size:12px;line-height:1.6;color:#757982;max-width:none;margin:12px 0 0}body>footer{flex-wrap:wrap}.hero-search-slot .review-strip{margin-top:0}@media(max-width:767px){.review-quote{width:280px}.review-quote blockquote{font-size:14px}.review-strip-heading p{font-size:12px}.hero-search-slot .review-strip{margin:0 0 10px}footer .demo-disclosure{font-size:12px}}
/* Quiet editorial footer, aligned to the same site grid. */
body>footer.site-footer{display:block;margin-top:48px;padding-top:36px;padding-bottom:28px;border-top:1px solid #dfe2e9;background:linear-gradient(180deg,#edf0f64a,transparent 80%);font-size:14px;line-height:1.6}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-bottom:30px}.footer-identity .brand{width:fit-content}.site-footer .brand-symbol{width:40px;height:40px}.site-footer .brand-wordmark strong,.site-footer .brand-wordmark>span{font-size:23px}.site-footer .brand-tagline{font-size:11px}.footer-identity>p{margin:18px 0 12px;color:#626976;font-size:15px;line-height:1.7}.footer-language{font-size:12px;color:#7a818e}.site-footer .footer-link-group{display:flex;flex-direction:column;gap:0}.footer-link-group h2{font-size:13px;font-weight:600;color:#333d4e;margin:3px 0 12px;letter-spacing:.1px}.site-footer .footer-link-group a{display:flex;width:fit-content;min-height:36px;font-size:14px;color:#69717f;transition:color .2s,transform .2s}.site-footer .footer-link-group a:hover{color:#0071e3;transform:translateX(2px)}.footer-bottom{display:flex;align-items:center;gap:24px;border-top:1px solid #dfe2e9;padding-top:18px;color:#737b88;font-size:12px}.footer-bottom>a{margin-left:auto;gap:8px;min-height:36px}.site-footer .demo-disclosure{font-size:12px;line-height:1.6;color:#7b8089;margin:8px 0 0;max-width:760px}.site-footer a:focus-visible{outline:2px solid #0071e3;border-radius:5px}@media(max-width:767px){body>footer.site-footer{margin-top:32px;padding-top:26px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.footer-main{grid-template-columns:1fr 1fr;gap:24px 20px;padding-bottom:22px}.footer-identity{grid-column:1/-1}.footer-identity>p{font-size:16px;margin-top:14px}.site-footer .footer-link-group a{font-size:15px;min-height:44px}.footer-link-group h2{font-size:14px;margin-bottom:4px}.footer-bottom{flex-wrap:wrap;gap:4px 20px;font-size:12px;padding-top:16px}.footer-bottom>span:nth-child(2){display:none}.site-footer .demo-disclosure{margin-top:10px;font-size:12px}}
/* Give the original hero artwork its own generous column. */
@media(min-width:768px){.usp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;row-gap:12px;align-items:center}.usp-hero .hero-copy{grid-column:1;grid-row:1;padding:4px 0}.usp-hero>.hero-film{grid-column:2;grid-row:1/3;width:100%;max-width:none;align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0}.usp-hero .hero-still-frame{width:100%;max-width:620px;margin:0;flex-shrink:0}.usp-hero>.hero-prompt-example{grid-column:1;grid-row:2;display:block;align-self:start}.usp-hero .hero-example-slide{grid-template-columns:1fr}.usp-hero .hero-example-basic{border-right:0;border-bottom:1px solid #e8ebf2;padding:10px 16px}.usp-hero .hero-example-better{padding:10px 16px}.usp-hero .hero-example-stage{min-height:195px}.usp-hero .hero-example-tags{margin-top:8px}.usp-hero .hero-example-controls{flex-direction:row;border-left:0;border-top:1px solid #e8ebf2;padding:0 10px;min-height:40px;justify-content:flex-start}.usp-hero #hero-example-pause{margin-left:auto;min-height:40px}.usp-hero .hero-example-dots button{min-height:40px}.usp-hero h1{font-size:clamp(32px,3vw,46px)}.usp-hero .hero-copy>p{font-size:15px;line-height:1.55}}
.site-footer .footer-bottom{flex-direction:row;justify-content:flex-start}.site-footer .footer-bottom>a{align-self:auto}