/* Homepage composition. All UI color, type, spacing and shape use shared tokens. */
.home-header{position:sticky;top:0;z-index:20;background:transparent;backdrop-filter:blur(var(--tg-space-3))}
.home-header.is-scrolled{background:color-mix(in srgb,var(--tg-info-soft) 96%,transparent);box-shadow:var(--tg-shadow-sm)}
.home-nav{position:relative;display:flex;align-items:center;gap:var(--tg-space-5);min-height:calc(var(--tg-space-12) + var(--tg-space-8))}
.home-brand{flex:none}.home-brand img{width:calc(var(--tg-space-10)*4);height:auto}
.home-navigation{display:flex;align-items:center;gap:var(--tg-space-1);margin-left:auto}
.home-nav-group>summary,.home-nav-link{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-2);min-height:var(--tg-target);padding:var(--tg-space-2) var(--tg-space-3);border-radius:var(--tg-radius-pill);font-size:var(--tg-text-base);font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}
.home-nav-group>summary::-webkit-details-marker{display:none}.home-nav-group>summary>.ui-icon{width:var(--tg-icon-sm);height:var(--tg-icon-sm);color:var(--tg-soft);transition:rotate var(--tg-motion)}.home-nav-group[open]>summary{background:var(--tg-primary-soft);color:var(--tg-primary)}.home-nav-group[open]>summary>.ui-icon{rotate:180deg;color:inherit}.home-nav-group>summary:hover,.home-nav-link:hover{background:var(--tg-canvas);color:var(--tg-primary)}
.home-nav-actions{display:flex;align-items:center;gap:var(--tg-space-2);flex:none}.home-nav-actions>.tg-button{border-radius:var(--tg-radius-pill)}.home-menu-toggle{display:none;flex:none;border-radius:var(--tg-radius-pill)}.home-nav-mobile-account{display:none}
.home-mega{position:absolute;top:calc(100% - var(--tg-space-1));left:0;right:0;padding:var(--tg-space-5);max-height:calc(100dvh - var(--tg-space-12)*2);overflow:auto;border:1px solid var(--tg-line);border-radius:var(--tg-radius-dialog);background:var(--tg-surface);box-shadow:var(--tg-shadow-popover);animation:home-menu-enter var(--tg-motion) ease-out}
.home-nav-group:not([open])>.home-mega{display:none}
.home-mega-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.25fr;gap:var(--tg-space-6)}.home-mega-grid--design{grid-template-columns:1fr 1.2fr 1.1fr}
.home-mega h2{font-size:var(--tg-text-base);font-weight:600;line-height:1.5;margin-bottom:var(--tg-space-3)}.home-mega p{font-size:var(--tg-text-sm);line-height:1.75;color:var(--tg-muted)}
.home-mega-highlight{padding:var(--tg-space-5);border-radius:var(--tg-radius-card);background:linear-gradient(135deg,var(--tg-primary-soft),var(--tg-violet-soft));display:flex;flex-direction:column;align-items:start;gap:var(--tg-space-3)}.home-mega-highlight h2{font-size:var(--tg-text-lg);margin:0}.home-mega-highlight .tg-link{font-size:var(--tg-text-sm);font-weight:600}.home-mega-highlight>.tg-button{border-radius:var(--tg-radius-pill);margin-top:auto;white-space:normal}.home-mega-icon{display:grid;place-items:center;width:var(--tg-space-10);height:var(--tg-space-10);border-radius:var(--tg-radius-control);background:var(--tg-surface);color:var(--tg-primary)}.home-mega-feature-link{display:flex;align-items:center;gap:var(--tg-space-2);min-height:var(--tg-target);font-size:var(--tg-text-xs);color:var(--tg-muted)!important;margin-top:auto}
.home-mega-column{padding-block:var(--tg-space-2)}.home-mega-column>a:not(.home-mega-destination){display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-2);min-height:var(--tg-target);padding:var(--tg-space-2);border-radius:var(--tg-radius-control);font-size:var(--tg-text-sm);color:var(--tg-muted)}.home-mega-column>a>.ui-icon{width:var(--tg-icon-sm);height:var(--tg-icon-sm);color:var(--tg-soft)}.home-mega-column>a:hover{background:var(--tg-primary-soft);color:var(--tg-primary)}
.home-mega-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-2)}.home-mega-previews>a{position:relative;display:flex;flex-direction:column;gap:var(--tg-space-1);padding:var(--tg-space-2);border:1px solid var(--tg-line);border-radius:var(--tg-radius-control);background:var(--tg-canvas);font-size:var(--tg-text-xs);line-height:1.4}.home-mega-previews img{width:100%;height:calc(var(--tg-space-12)*1.6);object-fit:contain}.home-mega-previews>a:nth-child(2n){background:var(--tg-success-soft)}.home-mega-previews>a>small{align-self:start;font-size:var(--tg-text-xs)}.home-mega-previews>a:hover{border-color:var(--tg-focus)}
.home-mega footer{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4);border-top:1px solid var(--tg-line);padding-top:var(--tg-space-4);margin-top:var(--tg-space-5);font-size:var(--tg-text-xs);color:var(--tg-muted)}.home-mega footer>span,.home-mega footer>a{display:flex;align-items:center;gap:var(--tg-space-2)}.home-mega footer>a{color:var(--tg-primary);font-weight:600;min-height:var(--tg-target)}
.home-mega-destination{display:flex;align-items:start;gap:var(--tg-space-3);padding:var(--tg-space-3) var(--tg-space-2);border-radius:var(--tg-radius-control);min-height:var(--tg-target)}.home-mega-destination>.ui-icon{margin-top:var(--tg-space-1);color:var(--tg-primary)}.home-mega-destination>span{display:grid;gap:var(--tg-space-1)}.home-mega-destination b{font-size:var(--tg-text-sm);font-weight:600}.home-mega-destination small{font-size:var(--tg-text-xs);color:var(--tg-muted);line-height:1.5}.home-mega-destination:hover{background:var(--tg-primary-soft)}.home-mega-note{display:flex;align-items:start;gap:var(--tg-space-2);padding:var(--tg-space-3);margin-top:var(--tg-space-3);border-radius:var(--tg-radius-control);background:var(--tg-success-soft);color:var(--tg-success);font-size:var(--tg-text-xs)}
.home-nav-group--compact{position:relative}.home-mega--support{left:auto;right:0;top:calc(100% + var(--tg-space-3));width:calc(var(--tg-sidebar) + var(--tg-space-12));padding:var(--tg-space-3)}
@keyframes home-menu-enter{from{opacity:0;translate:0 var(--tg-space-2)}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.home-nav{flex-wrap:wrap;gap:var(--tg-space-3);padding-block:var(--tg-space-3);min-height:calc(var(--tg-space-12) + var(--tg-space-4))}.home-nav-actions{margin-left:auto}.home-menu-toggle:not([hidden]){display:inline-flex}.home-navigation{order:4;flex-basis:100%;width:100%;margin:0;display:block;max-height:calc(100dvh - var(--tg-space-12)*2);overflow:auto;border-top:1px solid var(--tg-line);padding-top:var(--tg-space-2)}.home-nav-group>summary,.home-nav-link{border-radius:var(--tg-radius-control);min-height:var(--tg-control-height)}.home-mega{position:static;max-height:none;padding:var(--tg-space-4);margin-block:var(--tg-space-2);box-shadow:none;border-radius:var(--tg-radius-card)}.home-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-4)}.home-mega-grid--design{grid-template-columns:1fr 1fr}.home-mega-grid--design>.home-mega-highlight{grid-column:1/-1}.home-nav-mobile-account{display:flex;align-items:center;gap:var(--tg-space-2);min-height:var(--tg-target);padding:var(--tg-space-3);font-weight:600}.home-nav-group--compact{position:static}.home-mega--support{width:100%}}
@media(max-width:620px){.home-brand img{width:calc(var(--tg-space-12)*2.3)}.home-nav{gap:var(--tg-space-2)}.home-nav-actions>.home-account{display:none}.home-nav-actions>.tg-button{padding-inline:var(--tg-space-3)}.home-mega-grid,.home-mega-grid--design{grid-template-columns:1fr}.home-mega-highlight{padding:var(--tg-space-4)}.home-mega-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.home-mega footer{align-items:start;flex-direction:column;gap:var(--tg-space-2)}.home-mega{padding:var(--tg-space-3)}.home-mega-column{padding:0}.home-mega-column h2{margin-bottom:var(--tg-space-1)}}
@media(max-width:380px){.home-brand img{width:calc(var(--tg-space-12)*2)}.home-nav-actions>.tg-button{padding-inline:var(--tg-space-2)}.home-nav-actions>.tg-button>.ui-icon{display:none}}
.studio-home .ui-icon{display:inline-block;width:var(--tg-icon-md);height:var(--tg-icon-md);flex:none;fill:none;stroke:currentColor;stroke-width:var(--tg-icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.studio-home .ui-icon[data-icon=pro-crown]{fill:currentColor;stroke:none}
html:has(.studio-home){scroll-behavior:smooth;scroll-padding-top:calc(var(--tg-space-12)*2)}
.studio-home{margin:0;background:radial-gradient(ellipse at 50% 42%,var(--tg-surface),color-mix(in srgb,var(--tg-info-soft) 45%,var(--tg-surface)) 50%,color-mix(in srgb,var(--tg-primary-soft) 45%,var(--tg-surface)));background-attachment:fixed;color:var(--tg-ink);font-family:var(--tg-font);font-size:var(--tg-text-base);line-height:1.6}.studio-home *{box-sizing:border-box}.studio-home a{text-decoration:none;color:inherit}.studio-home button,.studio-home input{font:inherit}.studio-home button{cursor:pointer}.studio-home img{display:block;max-width:100%}.studio-home h1,.studio-home h2,.studio-home h3,.studio-home p{margin:0}.studio-home a:focus-visible,.studio-home button:focus-visible,.studio-home summary:focus-visible,.studio-home input:focus-visible{outline:var(--tg-focus-width) solid var(--tg-primary);outline-offset:var(--tg-focus-offset)}.studio-home [hidden]{display:none!important}.studio-home .tg-button--primary{color:var(--tg-surface)}.studio-home .tg-link{color:var(--tg-primary);display:inline-flex;align-items:center;gap:var(--tg-space-2)}.studio-home .tg-button{white-space:nowrap}.home-shell{width:calc(100% - var(--tg-space-12)*2);max-width:calc(var(--tg-sidebar)*5);margin-inline:auto}.home-skip{position:fixed;top:var(--tg-space-2);left:var(--tg-space-4);z-index:20;padding:var(--tg-space-3);background:var(--tg-surface);border:1px solid var(--tg-primary);border-radius:var(--tg-radius-control);transform:translateY(-200%)}.home-skip:focus{transform:none}.home-eyebrow{display:flex;align-items:center;gap:var(--tg-space-2);font-size:var(--tg-text-xs);font-weight:600;letter-spacing:.08em;color:var(--tg-primary)}.home-eyebrow>span{width:var(--tg-space-2);height:var(--tg-space-2);background:var(--tg-success);border-radius:var(--tg-radius-pill)}
.home-search-wrap{margin-top:var(--tg-space-6);padding:0}.home-search{max-width:calc(var(--tg-sidebar)*3);margin:auto;display:flex;align-items:center;gap:var(--tg-space-3);border:1px solid var(--tg-line-strong);border-radius:var(--tg-radius-pill);padding:var(--tg-space-2);box-shadow:var(--tg-shadow-sm);background:var(--tg-surface)}.home-search>.tg-button{border-radius:var(--tg-radius-pill)}.home-search>.ui-icon{margin-left:var(--tg-space-3);color:var(--tg-muted)}.studio-home .home-search input:focus-visible{outline:0;box-shadow:none}.home-search input{min-width:0;flex:1;border:0;outline:0;color:var(--tg-ink);background:transparent;min-height:var(--tg-target)}.home-search input::placeholder{color:var(--tg-soft)}


.home-section{padding-block:calc(var(--tg-space-12) + var(--tg-space-6))}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--tg-space-6);margin-bottom:var(--tg-space-6)}.home-section h2,.home-final h2{font-size:var(--tg-text-title);line-height:1.35;letter-spacing:-.035em;margin-top:var(--tg-space-2)}.home-section-heading p:not(.home-eyebrow){margin-top:var(--tg-space-3);color:var(--tg-muted)}.home-section-heading>.tg-link{flex:none}.home-filters{display:flex;flex-wrap:wrap;gap:var(--tg-space-2)}.home-filter{padding:var(--tg-space-2) var(--tg-space-4);min-height:var(--tg-target);border:1px solid var(--tg-line);border-radius:var(--tg-radius-pill);background:var(--tg-surface);color:var(--tg-muted);font-size:var(--tg-text-sm)!important;transition:background var(--tg-motion),color var(--tg-motion)}.home-filter[aria-pressed=true]{background:var(--tg-ink);border-color:var(--tg-ink);color:var(--tg-surface)}.home-filter:hover{border-color:var(--tg-ink)}.home-result-count{font-size:var(--tg-text-xs);color:var(--tg-muted);margin-block:var(--tg-space-4)!important}.home-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tg-space-5)}.home-collection{overflow:hidden;transition:transform var(--tg-motion),box-shadow var(--tg-motion)}.home-collection:hover,.home-collection:focus-within{transform:translateY(calc(var(--tg-space-1)*-1));box-shadow:var(--tg-shadow-popover)}.home-collection-preview{display:block;position:relative;border:0;background:var(--tg-canvas);width:100%;padding:0;overflow:hidden}.home-collection:nth-child(4n+2) .home-collection-preview{background:var(--tg-success-soft)}.home-collection:nth-child(4n+3) .home-collection-preview{background:var(--tg-warning-soft)}.home-collection:nth-child(4n) .home-collection-preview{background:var(--tg-violet-soft)}.home-collection-images{display:block;position:relative;aspect-ratio:1.3}.home-collection-images img{position:absolute;width:66%;height:92%;object-fit:contain;left:1%;top:2%;transition:transform calc(var(--tg-motion)*2)}.home-collection-images img+img{width:56%;height:80%;right:0;left:auto;top:auto;bottom:0;transform:rotate(7deg)}.home-collection:hover .home-collection-images img{transform:scale(1.04)}.home-collection:hover .home-collection-images img+img{transform:rotate(4deg) scale(1.04)}.home-preview-action{position:absolute;bottom:var(--tg-space-3);left:var(--tg-space-3);right:var(--tg-space-3);display:flex;justify-content:center;align-items:center;gap:var(--tg-space-2);background:var(--tg-surface);color:var(--tg-ink);padding:var(--tg-space-2);border:1px solid var(--tg-line);border-radius:var(--tg-radius-control);font-size:var(--tg-text-xs);opacity:0;translate:0 var(--tg-space-2);transition:opacity var(--tg-motion),translate var(--tg-motion)}.home-collection:hover .home-preview-action,.home-collection:focus-within .home-preview-action{opacity:1;translate:0 0}.home-collection-copy{display:flex;align-items:start;justify-content:space-between;gap:var(--tg-space-2);padding:var(--tg-space-4)}.home-collection h3{font-size:var(--tg-text-sm);font-weight:600;line-height:1.5}.home-collection-copy p{font-size:var(--tg-text-xs);color:var(--tg-muted);margin-top:var(--tg-space-1)}.home-pro-pill{background:var(--tg-violet-soft);color:var(--tg-violet)}.home-pro-pill .ui-icon{width:var(--tg-icon-sm);height:var(--tg-icon-sm)}.home-empty{text-align:center;padding:var(--tg-space-12);background:var(--tg-canvas)}.home-empty>span{color:var(--tg-primary)}.home-empty h3{font-size:var(--tg-text-lg);margin-block:var(--tg-space-3)}.home-empty p{color:var(--tg-muted);margin-bottom:var(--tg-space-5)}.home-published{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tg-space-5)}.home-template{overflow:hidden}.home-template img{width:100%;height:calc(var(--tg-space-12)*5);object-fit:contain;background:var(--tg-canvas)}.home-template h3{font-size:var(--tg-text-md);padding:var(--tg-space-4)}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tg-space-8);margin-top:var(--tg-space-10)}.home-steps article{padding-top:var(--tg-space-5);border-top:1px solid var(--tg-line-strong)}.home-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--tg-space-5)}.home-step-top>span{width:var(--tg-space-12);height:var(--tg-space-12);display:grid;place-items:center;background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius-card);color:var(--tg-primary)}.home-step-top b{color:var(--tg-line-strong);font-size:var(--tg-text-title);font-weight:400}.home-steps h3{font-size:var(--tg-text-lg);margin-bottom:var(--tg-space-3)}.home-steps p{color:var(--tg-muted)}
.home-pricing{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:var(--tg-space-5);align-items:stretch}.home-pricing-intro{padding:var(--tg-space-5) var(--tg-space-5) var(--tg-space-5) 0}.home-pricing-intro>p:not(.home-eyebrow){color:var(--tg-muted);margin-block:var(--tg-space-5)}.home-price-card{padding:var(--tg-space-6);display:flex;flex-direction:column;align-items:start;gap:var(--tg-space-4)}.home-price-card h3{font-size:var(--tg-text-md)}.home-price-card>p:not(.home-price){font-size:var(--tg-text-sm);color:var(--tg-muted)}.home-price-card>.tg-button{margin-top:auto;width:100%}.home-price-card>small{font-size:var(--tg-text-xs);color:var(--tg-muted)}.home-price{font-size:var(--tg-text-title);font-weight:600;line-height:1.4;letter-spacing:-.035em}.home-price small{font-size:var(--tg-text-sm);font-weight:400;letter-spacing:0;color:var(--tg-muted);margin-left:var(--tg-space-1)}.home-price-pro{background:linear-gradient(140deg,var(--tg-primary-soft),var(--tg-surface));border-color:var(--tg-focus)}
.home-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--tg-space-12);padding-top:0}.home-faq details{border-bottom:1px solid var(--tg-line);padding-block:var(--tg-space-5)}.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-5);cursor:pointer;font-size:var(--tg-text-md);font-weight:600;list-style:none}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary .ui-icon{flex:none;transition:rotate var(--tg-motion)}.home-faq details[open] summary .ui-icon{rotate:45deg}.home-faq details p{color:var(--tg-muted);margin-top:var(--tg-space-4);padding-right:var(--tg-space-8)}.home-final{display:flex;justify-content:space-between;align-items:center;gap:var(--tg-space-6);padding:var(--tg-space-10);background:color-mix(in srgb,var(--tg-surface) 85%,transparent);border:1px solid var(--tg-line);border-radius:var(--tg-radius-dialog);margin-bottom:var(--tg-space-12)}.home-final h2{font-size:var(--tg-text-xl)}.home-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-6);padding-block:var(--tg-space-8);border-top:1px solid var(--tg-line)}.home-footer p{font-size:var(--tg-text-xs);color:var(--tg-muted);margin-top:var(--tg-space-2)}.home-footer nav{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:var(--tg-space-5);font-size:var(--tg-text-xs);color:var(--tg-muted)}.home-footer nav a:hover{color:var(--tg-primary)}
.home-dialog{width:min(calc(100% - var(--tg-space-8)),calc(var(--tg-sidebar)*3));max-height:90dvh;padding:var(--tg-space-6);border:1px solid var(--tg-line);border-radius:var(--tg-radius-dialog);background:var(--tg-surface);color:var(--tg-ink);font:inherit;box-shadow:var(--tg-shadow-popover);overscroll-behavior:contain}.home-dialog::backdrop{background:var(--tg-overlay)}.home-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4)}.home-dialog h2{font-size:var(--tg-text-xl);margin-block:var(--tg-space-3)}.home-dialog p{color:var(--tg-muted);font-size:var(--tg-text-sm)}.home-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-3);margin-block:var(--tg-space-5)}.home-dialog-grid img{width:100%;height:calc(var(--tg-space-12)*4);object-fit:contain;border:1px solid var(--tg-line);border-radius:var(--tg-radius-card);background:var(--tg-canvas)}.home-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:var(--tg-space-4);border-top:1px solid var(--tg-line);padding-top:var(--tg-space-4)}.home-dialog footer>span{font-size:var(--tg-text-xs);color:var(--tg-muted)}
.home-reveal{transition:opacity calc(var(--tg-motion)*3),transform calc(var(--tg-motion)*3)}.home-reveal:not(.is-visible){opacity:0;transform:translateY(var(--tg-space-4))}
@media(max-width:1100px){.home-shell{width:calc(100% - var(--tg-space-8)*2)}.home-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.home-pricing{grid-template-columns:1fr 1fr}.home-pricing-intro{grid-column:1/-1;max-width:70ch;padding:0}.home-pricing-intro h2 br{display:none}}
@media(max-width:780px){.home-shell{width:calc(100% - var(--tg-space-5)*2)}.home-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tg-space-3)}
.home-section{padding-block:var(--tg-space-12)}.home-section-heading{align-items:start;flex-direction:column;gap:var(--tg-space-3)}.home-section h2{font-size:var(--tg-text-xl)}.home-steps{grid-template-columns:1fr;gap:var(--tg-space-5);margin-top:var(--tg-space-5)}.home-step-top{margin-bottom:var(--tg-space-3)}.home-steps article{display:grid;grid-template-columns:var(--tg-space-12) 1fr;column-gap:var(--tg-space-4)}.home-step-top{grid-row:1/3}.home-step-top b{display:none}.home-steps h3{font-size:var(--tg-text-md)}.home-steps p{font-size:var(--tg-text-sm)}.home-faq{grid-template-columns:1fr;gap:var(--tg-space-5);padding-top:0}.home-faq h2 br{display:none}.home-faq summary{font-size:var(--tg-text-base)}.home-final{padding:var(--tg-space-6);flex-direction:column;align-items:start}.home-footer{align-items:start;flex-direction:column}.home-footer nav{justify-content:start}.home-preview-action{opacity:1;translate:0 0;bottom:var(--tg-space-2);left:var(--tg-space-2);right:var(--tg-space-2);padding:var(--tg-space-1);font-size:var(--tg-text-xs)}.home-collection-images{aspect-ratio:1}.home-collection-copy{padding:var(--tg-space-3);gap:var(--tg-space-1)}.home-collection h3{font-size:var(--tg-text-xs)}.home-collection-copy .tg-pill{padding-inline:var(--tg-space-1)}.home-pro-pill .ui-icon{width:var(--tg-text-xs);height:var(--tg-text-xs)}.home-collection-copy>div{min-width:0}.home-search{gap:var(--tg-space-2)}.home-search input{font-size:var(--tg-text-md)}.home-search button{font-size:var(--tg-text-xs);padding-inline:var(--tg-space-3)}.home-search>.ui-icon{margin-left:var(--tg-space-1);width:var(--tg-icon-sm)}.home-filters{flex-wrap:nowrap;overflow-x:auto;padding-block:var(--tg-space-1)}.home-filter{white-space:nowrap;flex:none}.home-pricing{gap:var(--tg-space-3)}.home-price-card{padding:var(--tg-space-4)}.home-price{font-size:var(--tg-text-xl)}.home-published{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dialog{padding:var(--tg-space-4)}.home-dialog footer{align-items:stretch;flex-direction:column}.home-dialog-grid img{height:calc(var(--tg-space-12)*3)}}
@media(max-width:480px){.home-shell{width:calc(100% - var(--tg-space-4)*2)}.home-search{gap:var(--tg-space-1);padding:var(--tg-space-1)}.home-search input{width:0;font-size:var(--tg-text-base)}.home-search button{padding-inline:var(--tg-space-3)}.home-pricing{grid-template-columns:1fr}.home-price-card{padding:var(--tg-space-6)}.home-price{font-size:var(--tg-text-title)}.home-result-count{margin-block:var(--tg-space-3)!important}}
@media(hover:none){.home-preview-action{opacity:1;translate:none}}
@media(prefers-reduced-motion:reduce){html:has(.studio-home){scroll-behavior:auto}.studio-home *{animation:none!important;transition:none!important}.home-reveal:not(.is-visible){opacity:1;transform:none}}
/* Trần Gia hero: adapted from coming-soon.css; shared Studio tokens only. */
.home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(var(--tg-space-12)*14);padding-block:calc(var(--tg-space-12) + var(--tg-space-4)) var(--tg-space-10);background:transparent;text-align:center}
.home-hero-center{position:relative;z-index:2;max-width:calc(var(--tg-sidebar)*3.6)}
.home-hero-badge{display:inline-flex;align-items:center;padding:var(--tg-space-1) var(--tg-space-4);border:1px solid var(--tg-line);border-radius:var(--tg-radius-pill);background:var(--tg-surface);color:var(--tg-muted);font-size:var(--tg-text-xs);font-weight:600}
.home-hero h1{font-size:calc(var(--tg-text-title) + var(--tg-text-lg));font-weight:700;line-height:1.25;margin-block:var(--tg-space-6)}
.home-hero h1 em{font-style:normal;color:var(--tg-primary)}
.home-lead{max-width:64ch;margin-inline:auto!important;color:var(--tg-muted);font-size:var(--tg-text-md);line-height:1.85}
.home-hero-kids{display:flex;justify-content:center;align-items:flex-end;gap:var(--tg-space-5);max-width:calc(var(--tg-sidebar)*2.4);margin:var(--tg-space-10) auto var(--tg-space-10);min-height:calc(var(--tg-space-12)*2.5)}
.home-hero-kids img{width:auto;max-width:24%;height:calc(var(--tg-space-12)*2.5);object-fit:contain;filter:var(--tg-auth-art-shadow-compact);animation:home-kid-float calc(var(--tg-motion)*24) ease-in-out infinite alternate}
.home-hero-kids img:nth-child(2){animation-duration:calc(var(--tg-motion)*27);animation-delay:-1.5s}.home-hero-kids img:nth-child(3){animation-duration:calc(var(--tg-motion)*25);animation-delay:-3s}.home-hero-kids img:nth-child(4){animation-duration:calc(var(--tg-motion)*29);animation-delay:-.8s}.home-hero-kids img:nth-child(5){animation-delay:-2.2s}
.home-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--tg-space-3)}.home-hero-actions .tg-button{border-radius:var(--tg-radius-pill);padding-inline:var(--tg-space-6);box-shadow:var(--tg-shadow-popover)}
.home-hero-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tg-space-2);font-size:var(--tg-text-xs);color:var(--tg-muted);margin-top:var(--tg-space-4)!important}.home-hero-note .ui-icon{color:var(--tg-success);width:var(--tg-icon-sm);height:var(--tg-icon-sm)}
.home-hero-grid{position:absolute;z-index:-1;pointer-events:none;bottom:-12%;left:-50%;width:200%;height:80%;background-image:linear-gradient(color-mix(in srgb,var(--tg-primary) 28%,transparent) calc(var(--tg-focus-width)*1.5),transparent calc(var(--tg-focus-width)*1.5)),linear-gradient(90deg,color-mix(in srgb,var(--tg-primary) 28%,transparent) calc(var(--tg-focus-width)*1.5),transparent calc(var(--tg-focus-width)*1.5));background-size:calc(var(--tg-space-12) + var(--tg-space-6)) calc(var(--tg-space-12) + var(--tg-space-6));transform:translateY(calc(var(--tg-space-12)*-1)) perspective(600px) rotateX(67deg);mask-image:linear-gradient(transparent,var(--tg-ink) 25%,var(--tg-ink) 50%,transparent 85%);animation:home-grid-move calc(var(--tg-motion)*72) linear infinite}
.home-hero-frame,.home-hero-stack{position:absolute;z-index:1;pointer-events:none}.home-hero-frame{left:6%;top:28%}.home-hero-stack{right:7%;top:18%;width:calc(var(--tg-space-12)*3.5);height:calc(var(--tg-space-12)*5)}
.home-hero-float{animation:home-decoration-float calc(var(--tg-motion)*40) ease-in-out infinite alternate}.home-hero-stack .home-hero-float{height:100%;animation-delay:-2s}
.home-transform-box{display:grid;place-items:center;position:relative;width:calc(var(--tg-space-12)*4);height:calc(var(--tg-space-12)*4);border:2px dashed var(--tg-focus);border-radius:var(--tg-radius-control);background-color:color-mix(in srgb,var(--tg-surface) 75%,transparent);background-image:radial-gradient(var(--tg-focus) 1px,transparent 1px);background-size:var(--tg-space-4) var(--tg-space-4);box-shadow:var(--tg-shadow-popover);transform:rotate(-6deg)}.home-transform-box>.ui-icon{width:var(--tg-space-12);height:var(--tg-space-12);color:var(--tg-focus)}
.home-transform-box>span{position:absolute;width:var(--tg-space-3);height:var(--tg-space-3);background:var(--tg-surface);border:2px solid var(--tg-primary);border-radius:var(--tg-radius-pill);translate:-50% -50%;box-shadow:var(--tg-shadow-sm)}
.home-transform-box>span:nth-child(1){top:0;left:0}.home-transform-box>span:nth-child(2){top:0;left:50%}.home-transform-box>span:nth-child(3){top:0;left:100%}.home-transform-box>span:nth-child(4){top:50%;left:0}.home-transform-box>span:nth-child(5){top:50%;left:100%}.home-transform-box>span:nth-child(6){top:100%;left:0}.home-transform-box>span:nth-child(7){top:100%;left:50%}.home-transform-box>span:nth-child(8){top:100%;left:100%}
.home-stack-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--tg-space-3);border-radius:var(--tg-radius-dialog);border:1px solid var(--tg-surface);box-shadow:var(--tg-shadow-popover);color:var(--tg-surface)}.home-stack-card>.ui-icon{width:var(--tg-space-8);height:var(--tg-space-8)}.home-stack-back{transform:rotate(20deg) scale(.85);translate:var(--tg-space-6) calc(var(--tg-space-5)*-1);background:linear-gradient(135deg,var(--tg-chart-third),var(--tg-info))}.home-stack-middle{transform:rotate(10deg) scale(.9);translate:var(--tg-space-3) calc(var(--tg-space-2)*-1);background:linear-gradient(135deg,var(--tg-info),var(--tg-chart-third))}.home-stack-front{transform:rotate(-9deg);background-color:var(--tg-surface);background-image:radial-gradient(var(--tg-line) 1px,transparent 1px);background-size:var(--tg-space-3) var(--tg-space-3);color:var(--tg-primary)}.home-stack-front>span{font-size:var(--tg-text-sm);font-weight:600;color:var(--tg-ink)}
.home-hero-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tg-space-4);width:fit-content;margin:var(--tg-space-6) auto 0!important}.home-hero-tools>div{display:flex;gap:var(--tg-space-5)}.home-hero-tools>div>span{display:grid;place-items:center;width:calc(var(--tg-space-12) + var(--tg-space-2));height:calc(var(--tg-space-12) + var(--tg-space-2));border-radius:var(--tg-radius-pill);background:var(--tg-surface);color:var(--tg-primary);box-shadow:var(--tg-shadow-popover);animation:home-kid-float calc(var(--tg-motion)*26) ease-in-out infinite alternate}.home-hero-tools>div>span:nth-child(2){animation-delay:-1s}.home-hero-tools>div>span:nth-child(3){animation-delay:-2s}.home-hero-tools>div>span>.ui-icon{width:var(--tg-space-6);height:var(--tg-space-6)}
.home-hero.is-offscreen *{animation-play-state:paused}

@keyframes home-kid-float{to{transform:translateY(calc(var(--tg-space-3)*-1))}}@keyframes home-decoration-float{to{transform:translateY(calc(var(--tg-space-4)*-1)) rotate(2deg)}}@keyframes home-grid-move{to{background-position:0 calc(var(--tg-space-12) + var(--tg-space-6))}}
@media(max-width:1399px){.home-hero-frame,.home-hero-stack{display:none}}
@media(max-width:780px){.home-hero{min-height:0;padding-block:var(--tg-space-10) var(--tg-space-8)}.home-hero-center{max-width:calc(var(--tg-sidebar)*2.4)}.home-hero h1{font-size:calc(var(--tg-text-title) + var(--tg-space-2));margin-block:var(--tg-space-5)}.home-lead{font-size:var(--tg-text-base)}.home-hero-kids{gap:var(--tg-space-3);margin-block:var(--tg-space-8)}.home-hero-kids img{height:calc(var(--tg-space-12)*2);max-width:22%}.home-hero-grid{height:70%;bottom:-10%}.home-hero-note>span{display:none}}
@media(max-width:480px){.home-hero h1{font-size:var(--tg-text-title)}.home-hero-badge{font-size:var(--tg-text-xs);padding-inline:var(--tg-space-2)}.home-hero-kids{gap:var(--tg-space-2);min-height:var(--tg-space-12);margin-block:var(--tg-space-7)}.home-hero-kids img{height:calc(var(--tg-space-12)*1.4);max-width:21%}.home-hero-actions{gap:var(--tg-space-2)}.home-hero-actions .tg-button{padding-inline:var(--tg-space-3)}.home-hero-note{column-gap:var(--tg-space-1);row-gap:0}.home-hero-tools>div{gap:var(--tg-space-3)}.home-hero-tools>div>span{width:var(--tg-space-12);height:var(--tg-space-12)}}