@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-zinc-50:#fafafa;--color-zinc-400:#9f9fa9;--color-zinc-600:#52525c;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-3xl:48rem;--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-50:lab(98.26% 0 0);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-12{height:calc(var(--spacing)*12)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-black\/\[\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.08\]{border-color:color-mix(in oklab,var(--color-black)8%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-16{padding-inline:calc(var(--spacing)*16)}.py-32{padding-block:calc(var(--spacing)*32)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-black{color:var(--color-black)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-950{color:var(--color-zinc-950)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}.hover\:bg-black\/\[\.04\]:hover{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[\.04\]:hover{background-color:color-mix(in oklab,var(--color-black)4%,transparent)}}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:w-\[158px\]{width:158px}}@media (prefers-color-scheme:dark){.dark\:border-white\/\[\.145\]{border-color:#ffffff25}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[\.145\]{border-color:color-mix(in oklab,var(--color-white)14.5%,transparent)}}.dark\:bg-black{background-color:var(--color-black)}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-400{color:var(--color-zinc-400)}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}}html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--bg:#050505;--surface:#0c0c0c;--surface-2:#141414;--surface-3:#1e1e1e;--border:#2a2a2a;--text:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280;--accent:#00c48c;--accent-rgb:0,196,140;--accent-glow:#00c48c26;--accent-2:#5effc4;--green:#00c48c;--red:#f87171;--orange:#f77f00;--gradient-1:linear-gradient(135deg,#0b4434 0%,#00c48c 50%,#34d399 100%);--gradient-2:linear-gradient(135deg,#0b4434 0%,#00c48c 100%)}body[data-theme=grid]{--bg:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--border:#d1d5db;--text:#111827;--text-muted:#4b5563;--text-dim:#6b7280;--accent:#00c48c;--accent-rgb:0,196,140;--accent-glow:#00c48c1f;--accent-2:#0b4434;--green:#00c48c;--red:#dc2626;--orange:#f77f00;--gradient-1:linear-gradient(135deg,#0b4434 0%,#00c48c 50%,#34d399 100%);--gradient-2:linear-gradient(135deg,#0b4434 0%,#00c48c 100%)}body[data-theme=grid] .site-nav{background:#ffffffbf;border-color:#00000014}body[data-theme=grid] .site-nav.scrolled{background:#ffffffeb;border-color:#0000001a;box-shadow:0 8px 32px #00000014}body[data-theme=grid] .hero h1{background:linear-gradient(#111827 0%,#374151 100%);-webkit-background-clip:text;background-clip:text}body[data-theme=grid] .hero-headline-rotating{background:linear-gradient(135deg,#0b4434 0%,#00a070 100%);-webkit-background-clip:text;background-clip:text}body[data-theme=grid] .section-title{background:linear-gradient(#111827 0%,#4b5563 100%);-webkit-background-clip:text;background-clip:text}body[data-theme=grid] .btn-primary{color:#fff;background:linear-gradient(135deg,#0b4434,#00c48c);box-shadow:0 4px 24px #00c48c4d}body[data-theme=grid] .btn-primary:hover{box-shadow:0 8px 32px #00c48c73}body[data-theme=grid] .btn-warm{color:#fff;background:linear-gradient(135deg,#c26200,#f77f00);box-shadow:0 4px 24px #f77f0040}body[data-theme=grid] .btn-warm:hover{box-shadow:0 8px 32px #f77f0066}body[data-theme=grid] .btn-secondary{color:#0b4434}body[data-theme=grid] .site-nav-cta{background:linear-gradient(135deg,#0b4434,#00c48c)}body[data-theme=grid] .site-nav-cta:hover{box-shadow:0 4px 16px #00c48c73}body[data-theme=grid] .product-card:before{background:linear-gradient(135deg,#0b4434,#00c48c)}body[data-theme=grid] .pricing-card.featured{border-color:#f77f004d;box-shadow:0 0 0 1px #f77f0014,0 8px 32px #f77f000f}body[data-theme=grid] .cta-banner h2{background:linear-gradient(#111827 0%,#4b5563 100%);-webkit-background-clip:text;background-clip:text}body[data-theme=grid] .product-intro:before,body[data-theme=grid] .closing:before,body[data-theme=grid] .cta-banner:before{background:radial-gradient(circle,#f77f000d 0%,#0000 70%)}body[data-theme=grid] .tier-mid-inner{background:linear-gradient(#f77f000f 0%,#f77f0005 100%)}body[data-theme=grid] .tier-mid-word{color:#92400e;background:#f77f000f;border-color:#f77f0033}body[data-theme=grid] .tier-mid-word:hover{background:#f77f001f;border-color:#f77f0066}body[data-theme=grid] .tier-mid .annot-label,body[data-theme=grid] .tier-mid .annot-name{color:#92400e}body[data-theme=grid] .tools-chip img{filter:invert()hue-rotate(180deg)}body[data-theme=grid] .tools-chip:hover{border-color:#00000026}body[data-theme=grid] .comparison-table th.col-vibe{color:#dc2626}body[data-theme=grid] .comparison-table th.col-loretopia,body[data-theme=grid] .tier-top .annot-label{color:#059669}body[data-theme=grid] .tier-top .annot-name{background:linear-gradient(135deg,#0b4434,#00c48c);-webkit-background-clip:text;background-clip:text}body[data-theme=grid] .tier-bottom-inner{background:linear-gradient(#d1d5db26 0%,#d1d5db59 100%)}body[data-theme=grid] .jargon-row{color:#3741518c}body[data-theme=grid] .jargon-row .jw:hover{color:#374151cc}body[data-theme=grid] .jargon-row .js:before{background:#6b728033}body[data-theme=grid] .hiw-step-icon:after{background:var(--accent);color:#fff}body[data-theme=grid] .site-nav-cta{color:#fff!important}.theme-toggle-btn{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;padding:0;font-size:15px;line-height:1;transition:background .2s,border-color .2s,transform .15s;display:flex}.theme-toggle-btn:after{content:"☀";color:#00c48c}.theme-toggle-btn:hover{background:#ffffff14;transform:scale(1.1)}.theme-toggle-btn.light{border-color:#0000001f}.theme-toggle-btn.light:after{content:"☾";color:#0b4434}.theme-toggle-btn.light:hover{background:#0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.7}.site-nav{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#0a0a0abf;border:1px solid #ffffff0f;border-radius:26px;width:calc(100% - 80px);max-width:1280px;padding:0 32px;transition:background .3s,border-color .3s,box-shadow .3s;position:fixed;top:16px;left:50%;transform:translate(-50%)}.site-nav.scrolled{background:#0a0a0aeb;border-color:#ffffff14;box-shadow:0 8px 32px #0006}.site-nav-inner{justify-content:space-between;align-items:center;height:52px;display:flex}.site-nav-brand{letter-spacing:-.02em;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:18px;font-weight:800;text-decoration:none}.site-nav-links{align-items:center;gap:8px;display:flex}.site-nav-links a{color:var(--text-muted);white-space:nowrap;border-radius:16px;align-items:center;height:32px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.site-nav-links a:hover{color:var(--text);background:var(--surface)}.site-nav-links a.active{color:var(--accent-2);background:var(--accent-glow)}.nav-pro-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--orange);color:#fff;-webkit-text-fill-color:#fff;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.3}.site-nav-app{background:#0a0a0af2;border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}body[data-theme=grid] .site-nav-app{background:#fffffff7;border-color:#0000001a;box-shadow:0 4px 20px #0000000f}.site-nav-cta{background:linear-gradient(135deg,#0b4434,#00c48c);border-radius:16px;align-items:center;height:32px;margin-left:8px;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;transition:box-shadow .15s,transform .15s;display:inline-flex;color:#000!important}.site-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00c48c80;color:#000!important;background:linear-gradient(135deg,#0b4434,#00c48c)!important}.site-nav-collapsible{transition:width .35s cubic-bezier(.4,0,.2,1),max-width .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s,box-shadow .3s}.site-nav-collapsed{-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#0a0a0ad9;border-color:#ffffff1a;border-radius:50%;padding:0;left:16px;transform:none;box-shadow:0 4px 16px #0000004d;width:44px!important;max-width:44px!important}.site-nav-collapsed .site-nav-inner{justify-content:center;height:44px}.site-nav-collapsed:hover{border-color:#00c48c4d;box-shadow:0 4px 20px #00c48c4d}.site-nav-topia.site-nav-collapsed{opacity:.5;-webkit-backdrop-filter:blur(20px)}.site-nav-topia.site-nav-collapsed:hover{opacity:1}.site-nav-brand-btn{cursor:pointer;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-family:inherit}.site-nav-collapsed .site-nav-brand-btn{font-size:20px;font-weight:900}.site-nav-links-animated{animation:.2s .1s both navLinksFadeIn}@keyframes navLinksFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}body[data-theme=grid] .site-nav-collapsed{background:#ffffffe6;border-color:#0000001a;box-shadow:0 4px 16px #00000014}body[data-theme=grid] .site-nav-collapsed:hover{border-color:#00c48c4d;box-shadow:0 4px 20px #00c48c33}.site-nav-context{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.site-nav-context-discover{color:#fff6;white-space:nowrap;flex-shrink:0;font-size:12px;text-decoration:none;transition:color .15s}.site-nav-context-discover:hover{color:var(--accent,#00c48c)}.site-nav-context-creator{color:#fff6;white-space:nowrap;flex-shrink:0;font-size:12px;text-decoration:none;transition:color .15s}.site-nav-context-creator:hover{color:var(--accent,#00c48c)}.site-nav-context-topia{color:#ffffffb3;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.site-nav-context-topia:hover{color:var(--accent,#00c48c)}.site-nav-context-page{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.site-nav-context-creator:before,.site-nav-context-topia:before,.site-nav-context-page:before{content:"›";color:#fff3;margin-right:8px;font-weight:400}.site-nav-context-auth{color:#fff;white-space:nowrap;background:var(--accent,#00c48c);border-radius:16px;flex-shrink:0;margin-left:auto;padding:4px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .15s}.site-nav-context-auth:hover{opacity:.85}.hero{text-align:center;padding:140px 24px 100px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,rgba(var(--accent-rgb),.12)0%,transparent 70%);pointer-events:none;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-badge{background:var(--accent-glow);border:1px solid rgba(var(--accent-rgb),.25);color:var(--accent-2);letter-spacing:.5px;text-transform:uppercase;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px var(--accent);opacity:1}50%{box-shadow:0 0 16px var(--accent),0 0 24px rgba(var(--accent-rgb),.3);opacity:.7}}.hero h1{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#a0a0c0 100%);-webkit-background-clip:text;background-clip:text;max-width:900px;margin:0 auto 28px;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.1}.hero-headline{flex-direction:column;align-items:center;display:flex}.hero-headline-line{display:block}.hero-headline-rotating{background:linear-gradient(135deg,var(--accent)0%,#00e5a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:4px 0;font-size:.82em;line-height:1.2;display:block}.hero p{color:var(--text-muted);max-width:640px;margin:0 auto;font-size:clamp(18px,2.2vw,22px);line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 24px}section{padding:80px 0}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:700}.section-title{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#c0c0d8 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-muted);max-width:680px;font-size:19px;line-height:1.65}.problems{border-top:1px solid var(--border)}.problem-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .2s,transform .2s,box-shadow .2s}.problem-card:hover{border-color:#f8717140;transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.problem-icon{width:44px;height:44px;color:var(--red);background:#f871711a;border:1px solid #f8717126;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.problem-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.problem-card h3{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:700}.problem-card p{color:var(--text-muted);font-size:15px;line-height:1.65}.product-intro{border-top:1px solid var(--border);position:relative;overflow:hidden}.product-intro:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731614 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-300px;right:-200px}.product-cards{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}.product-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:36px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.product-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.product-card:before{content:"";background:linear-gradient(135deg,#0b4434,#00c48c);height:3px;position:absolute;top:0;left:0;right:0}.product-card .label{font-family:var(--font-jetbrains-mono),monospace;color:var(--accent-2);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:500}.product-card h3{color:var(--text);margin-bottom:12px;font-size:22px;font-weight:700}.product-card p{color:var(--text-muted);font-size:15px;line-height:1.65}.how-it-works{border-top:1px solid var(--border)}.hiw-steps{counter-reset:hiw;grid-template-columns:1fr 1fr 1fr;gap:32px;margin-top:48px;display:grid}.hiw-step{text-align:center;counter-increment:hiw}.hiw-step-icon{background:var(--accent-glow);border:2px solid rgba(var(--accent-rgb),.3);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;position:relative}.hiw-step-icon svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.hiw-step-icon:after{content:counter(hiw);background:var(--accent);color:#000;width:22px;height:22px;font-size:12px;font-weight:800;font-family:var(--font-jetbrains-mono),monospace;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.hiw-step h4{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.hiw-step p{color:var(--text-muted);font-size:15px;line-height:1.6}.hiw-connector{display:none}.features{border-top:1px solid var(--border);position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c48c12 0%,#0000 70%);width:700px;height:700px;position:absolute;top:200px;left:-200px}.feature-block{margin-top:64px;padding:0}.feature-block+.feature-block{margin-top:80px}.feature-number{font-family:var(--font-jetbrains-mono),monospace;color:var(--accent);letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:500}.feature-block h3{color:var(--text);margin-bottom:20px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2}.feature-block>p{color:var(--text-muted);margin-bottom:16px;font-size:17px;line-height:1.7}.feature-block>p:last-child{margin-bottom:0}.feature-callout{background:var(--accent-glow);border:1px solid rgba(var(--accent-rgb),.2);color:var(--accent-2);border-radius:12px;margin-top:24px;padding:20px 24px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s}.feature-callout:hover{border-color:rgba(var(--accent-rgb),.4)}.feature-steps{flex-direction:column;gap:0;margin-top:24px;display:flex}.feature-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.feature-step:last-child{border-bottom:none}.step-number{background:var(--accent-glow);border:1px solid rgba(var(--accent-rgb),.3);width:32px;height:32px;font-family:var(--font-jetbrains-mono),monospace;color:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.feature-step p{color:var(--text-muted);padding-top:4px;font-size:16px}.feature-step strong{color:var(--text)}.feature-modes{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.mode-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}.mode-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.mode-card .mode-name{font-family:var(--font-jetbrains-mono),monospace;color:var(--green);margin-bottom:8px;font-size:14px;font-weight:600}.mode-card h4{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.mode-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.versus-line{color:var(--text-muted);background:#f871710f;border:1px solid #f871711f;border-radius:12px;margin:24px 0 0;padding:16px 24px;font-size:15px}.versus-line strong{color:var(--red)}.code-url{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-jetbrains-mono),monospace;color:var(--accent-2);border-radius:8px;margin-top:8px;padding:6px 14px;font-size:14px;display:inline-block}.comparison{border-top:1px solid var(--border)}.comparison-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:16px;width:100%;margin-top:48px;font-size:15px;overflow:hidden}.comparison-table thead{background:var(--surface-2)}.comparison-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:16px 24px;font-size:13px;font-weight:700}.comparison-table th:first-child{color:var(--text)}.comparison-table th.col-vibe{color:var(--red)}.comparison-table th.col-loretopia{color:var(--green)}.comparison-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:16px 24px;line-height:1.55}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr{transition:background .15s}.comparison-table tbody tr:hover{background:var(--surface)}.comparison-table td:first-child{color:var(--text);white-space:nowrap;font-weight:600}.comparison-table td:nth-child(2){color:var(--text-muted)}.comparison-table td:nth-child(3){color:var(--text)}.comparison-table .indicator{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;position:relative;top:-1px}.indicator.bad{background:var(--red)}.indicator.good{background:var(--green)}.email-signup{text-align:center;padding:80px 24px}.email-signup .section-title{margin-bottom:8px}.email-signup .section-subtitle{margin-bottom:32px}.email-signup-form{gap:12px;max-width:460px;margin:0 auto;display:flex}.email-signup-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s}.email-signup-input:focus{border-color:var(--accent)}.email-signup-success{color:var(--green);justify-content:center;align-items:center;gap:12px;font-size:17px;display:flex}.email-signup-check{fill:none;width:28px;height:28px;stroke:var(--green);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.email-signup-error{color:var(--red);margin-top:12px;font-size:14px}@media (max-width:540px){.email-signup-form{flex-direction:column}}.closing{border-top:1px solid var(--border);text-align:center;padding:100px 24px 120px;position:relative;overflow:hidden}.closing:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731614 0%,#0000 70%);width:800px;height:800px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.closing .section-title{max-width:700px;margin:0 auto 32px}.closing-list{text-align:left;max-width:580px;margin:0 auto 48px;list-style:none}.closing-list li{color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 0 12px 28px;font-size:17px;transition:color .2s;position:relative}.closing-list li:hover{color:var(--text)}.closing-list li:last-child{border-bottom:none}.closing-list li:before{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:10px;height:10px;position:absolute;top:18px;left:0}.closing-statement{color:var(--text-muted);max-width:680px;margin:0 auto 40px;font-size:19px;line-height:1.7}.closing-tagline{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,3.5vw,36px);font-weight:800}.pyramid{border-top:1px solid var(--border);padding:100px 0 120px;overflow:hidden}.pyramid-wrapper{flex-direction:column;align-items:center;gap:0;max-width:1000px;margin:60px auto 0;display:flex;position:relative}.pyramid-tier{z-index:1;text-align:center;position:relative}.pyramid-tier-height{height:220px}.tier-top{width:250px;margin-bottom:0}.tier-top-inner{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(#00c48c40 0%,#00c48c14 100%);flex-direction:column;justify-content:center;align-items:center;height:220px;padding:72px 20px 20px;display:flex;position:relative}.tier-top-inner:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#00c48c4d 0%,#0000 70%);position:absolute;inset:0}.tier-top-title{z-index:1;letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0b4434,#00c48c);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;position:relative}.tier-mid{width:500px;margin-top:0}.tier-mid-inner{clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%);background:linear-gradient(#f77f0014 0%,#f77f0008 100%);flex-direction:column;justify-content:flex-end;align-items:center;height:220px;padding:50px 20px 20px;display:flex;position:relative}.tier-mid-words{flex-direction:column;align-items:center;gap:12px;display:flex}.tier-mid-row{justify-content:center;gap:14px;display:flex}.tier-mid-word{color:#fbbf24;letter-spacing:.5px;text-transform:uppercase;background:#f77f000f;border:1px solid #f77f0040;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;font-size:10px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.tier-mid-word:hover{background:#f77f001f;border-color:#f77f0073}.tier-bottom{width:750px;margin-top:0}.tier-bottom-inner{clip-path:polygon(16.7% 0%,83.3% 0%,100% 100%,0% 100%);background:linear-gradient(#6b728008 0%,#6b728014 100%);flex-direction:column;justify-content:flex-end;align-items:center;height:220px;padding:40px 40px 28px;display:flex;position:relative}.jargon-wall{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.jargon-row{font-family:var(--font-jetbrains-mono),monospace;color:#d2d7e173;text-align:center;white-space:nowrap;line-height:1.8}.jargon-row .jw{white-space:nowrap;transition:color .3s;display:inline}.jargon-row .jw:hover{color:#d2d7e1cc}.jargon-row .js{margin:0 2px;font-size:0;display:inline}.jargon-row .js:before{content:"";vertical-align:middle;background:#d2d7e140;border-radius:50%;width:3px;height:3px;display:inline-block}.jr-0{letter-spacing:1px;font-size:10px}.jr-0 .js{margin:0 4px}.jr-1{font-size:9px}.jr-2{font-size:8.5px}.jr-3,.jr-4{font-size:8px}.jr-5{font-size:7px}.jr-6,.jr-7{font-size:6.5px}.pyramid-toggle{justify-content:center;gap:0;margin-top:40px;display:flex}.pyramid-toggle-btn{font-family:var(--font-inter),sans-serif;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;padding:10px 28px;font-size:13px;font-weight:600;transition:all .25s}.pyramid-toggle-btn:first-child{border-right:none;border-radius:8px 0 0 8px}.pyramid-toggle-btn:last-child{border-radius:0 8px 8px 0}.pyramid-toggle-btn.active{background:var(--accent-glow);border-color:rgba(var(--accent-rgb),.4);color:var(--accent-2)}.pyramid-toggle-btn:hover:not(.active){background:var(--surface-2);color:var(--text)}.tools-breakdown{max-width:1000px;margin:60px auto 0;padding:0 32px;display:none}.tools-breakdown.visible{display:block}.tools-section-label{font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:-.5px;text-transform:none;color:var(--text);text-align:center;margin-bottom:12px;font-size:28px;font-weight:800}.tools-section-sublabel{color:var(--text-muted);text-align:center;margin-bottom:36px;font-size:15px;line-height:1.5}.tools-categories{flex-direction:column;gap:32px;margin-bottom:64px;display:flex}.tools-category{background:0 0;border:none;border-radius:0;padding:0}.tools-category-name{font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--text);margin-bottom:16px;padding-left:4px;font-size:20px;font-weight:700}.tools-chips{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:20px;display:flex}.tools-chip{background:var(--surface);border:1px solid var(--border);width:96px;height:88px;font-family:var(--font-jetbrains-mono),monospace;color:var(--text-muted);white-space:nowrap;text-align:center;cursor:default;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:10px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:flex;overflow:hidden}.tools-chip:hover{background:var(--surface-2);border-color:#ffffff26;transform:translateY(-3px)}.tools-chip img{flex-shrink:0;width:36px;height:36px}.tools-loretopia{color:var(--text);background:#4ade800f;border:1px solid #4ade8026;border-radius:10px;padding:16px 20px;font-size:15px;line-height:1.7}.tools-loretopia strong{color:var(--green);font-weight:700}.infra-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.infra-card{background:0 0;border:none;border-radius:0;padding:0;display:contents}.infra-card-name{display:none}.infra-card .tools-chips{margin-bottom:0;display:contents}.infra-card .tools-chip{background:#f871710a;border-color:#f8717126;width:96px;height:88px;padding:12px 8px;font-size:10px}.infra-card .tools-chip:hover{background:#f871711a;border-color:#f8717159;transform:translateY(-3px)}.infra-card .tools-chip img{width:36px;height:36px}.infra-callout{background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));border:1px solid rgba(var(--accent-rgb),.25);color:var(--accent-2);text-align:center;border-radius:14px;margin-top:40px;padding:28px 32px;font-size:20px;font-weight:700;line-height:1.5}.pyramid-annotation{white-space:nowrap;position:absolute}.pyramid-annotation-left{text-align:right;top:50%;right:calc(100% + 32px);transform:translateY(-50%)}.pyramid-annotation-right{text-align:left;top:50%;left:calc(100% + 32px);transform:translateY(-50%)}.annot-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.annot-name{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2;display:block}.annot-sub{color:var(--text-muted);margin-top:4px;font-size:11px;font-style:italic;display:block}.tier-top .annot-label{color:#5effc4}.tier-top .annot-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0b4434,#00c48c);-webkit-background-clip:text;background-clip:text}.tier-mid .annot-label,.tier-mid .annot-name{color:#fbbf24}.tier-bottom .annot-label{color:var(--text-dim)}.tier-bottom .annot-name{color:var(--text-muted)}.annot-desc{color:var(--text);letter-spacing:.3px;font-size:15px;font-weight:600;display:block}.annot-desc-sub{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.pyramid-caption{text-align:center;max-width:640px;margin-top:56px;margin-left:auto;margin-right:auto}.pyramid-caption p{color:var(--text-muted);font-size:17px;line-height:1.7}.pyramid-caption strong{color:var(--text)}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.btn{font-family:var(--font-inter),sans-serif;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 36px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transition-duration:50ms;transform:translateY(1px)}.btn-primary{color:#000;background:linear-gradient(135deg,#0b4434,#00c48c);box-shadow:0 4px 24px #00c48c4d}.btn-primary:hover{box-shadow:0 8px 32px #00c48c80}.btn-secondary{color:var(--accent-2);border:1px solid rgba(var(--accent-rgb),.35);background:0 0}.btn-secondary:hover{background:var(--accent-glow);border-color:rgba(var(--accent-rgb),.6)}.btn-warm{color:#fff;background:linear-gradient(135deg,#f77f00,#fbbf24);box-shadow:0 4px 24px #f77f0059}.btn-warm:hover{box-shadow:0 8px 32px #f77f0080}.btn-sm{border-radius:10px;padding:12px 28px;font-size:15px}.hero-meta{color:var(--text-muted);text-align:center;margin-top:20px;font-size:14px}.hero-meta strong{color:var(--green)}.cta-banner{border-top:1px solid var(--border);text-align:center;padding:80px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731614 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-banner h2{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#c0c0d8 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.15}.cta-banner p{color:var(--text-muted);max-width:560px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px}.cta-banner .hero-ctas{margin-top:0}.pricing{border-top:1px solid var(--border);position:relative;overflow:hidden}.pricing:before{content:"";pointer-events:none;background:radial-gradient(circle,#00c48c12 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-100px;right:-200px}.pricing-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:48px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:36px 32px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000026}.pricing-card.featured:hover{border-color:#f77f008c;transform:scale(1.03)translateY(-3px);box-shadow:0 0 0 1px #f77f0033,0 16px 48px #f77f001f}.pricing-card.featured{background:linear-gradient(180deg,#f77f000f 0%,var(--surface)100%);z-index:1;border-color:#f77f0059;transform:scale(1.03);box-shadow:0 0 0 1px #f77f001a,0 8px 32px #f77f0014}.pricing-badge{letter-spacing:1px;text-transform:uppercase;border-radius:100px;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.pricing-badge.free{color:var(--green);background:#34d3991f}.pricing-badge.pro{color:#f59e0b;background:#f77f001f}.pricing-badge.platform{color:#60a5fa;background:#3b82f61f}.pricing-card h3{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:800}.pricing-tagline{color:var(--text-dim);margin:0 0 8px;font-size:13px;line-height:1.4}.pricing-price{color:var(--text-muted);margin-bottom:20px;font-size:15px}.pricing-price strong{color:var(--text);font-size:32px;font-weight:800}.pricing-features{flex:1;margin:0 0 28px;padding:0;list-style:none}.pricing-features li{color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 0 8px 24px;font-size:14px;position:relative}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"";background:var(--green);opacity:.6;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:0}.pricing-card .btn{justify-content:center;width:100%;margin-top:auto}.faq{border-top:1px solid var(--border)}.faq-list{max-width:720px;margin-top:48px}.faq-item{border-bottom:1px solid var(--border)}.faq-question{cursor:pointer;text-align:left;width:100%;min-height:48px;font-family:var(--font-inter),sans-serif;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-size:17px;font-weight:600;transition:color .15s;display:flex}.faq-question:hover{color:var(--accent-2)}.faq-chevron{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;margin-left:16px;transition:transform .25s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item.open .faq-answer{max-height:400px}.faq-answer-inner{border-left:2px solid rgba(var(--accent-rgb),.3);color:var(--text-muted);padding:0 0 20px 16px;font-size:15px;line-height:1.7}.social-proof-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:48px;padding:32px 24px;display:flex}.proof-stat{text-align:center;position:relative}.proof-stat+.proof-stat:before{content:"";background:var(--border);width:1px;height:32px;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.proof-stat .number{letter-spacing:-.02em;background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;display:block}.proof-stat .label{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.1s}.fade-up-delay-2{transition-delay:.2s}.fade-up-delay-3{transition-delay:.3s}.slide-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-30px)}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(30px)}.slide-right.visible{opacity:1;transform:translate(0)}.scale-up{opacity:0;transition:opacity .6s,transform .6s;transform:scale(.85)}.scale-up.visible{opacity:1;transform:scale(1)}.cascade-down{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-15px)}.cascade-down.visible{opacity:1;transform:translateY(0)}.anim-delay-1{transition-delay:.1s}.anim-delay-2{transition-delay:.2s}.anim-delay-3{transition-delay:.3s}.anim-delay-4{transition-delay:.4s}.anim-delay-5{transition-delay:.5s}.gradient-line{background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.4),transparent);border:none;height:1px;margin:0}.skip-link{background:var(--accent);color:#000;z-index:9999;border-radius:8px;padding:12px 24px;font-weight:700;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.scroll-progress{background:var(--gradient-1);z-index:1001;pointer-events:none;height:3px;transition:width 50ms linear;position:fixed;top:0;left:0}.nav-hamburger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.nav-hamburger span{background:var(--text-muted);border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero-glow-parallax{background:radial-gradient(ellipse at center,rgba(var(--accent-rgb),.15)0%,transparent 70%);pointer-events:none;z-index:0;will-change:transform;width:120%;height:120%;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero{position:relative;overflow:hidden}.hero .container{z-index:1;position:relative}.hero-rotating-text{display:inline}.hero-cursor{background:var(--accent);vertical-align:baseline;width:3px;height:.85em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block;position:relative;top:.08em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.billing-toggle{color:var(--text-dim);justify-content:center;align-items:center;gap:12px;margin-bottom:40px;font-size:15px;display:flex}.billing-toggle span.active{color:var(--text);font-weight:600}.billing-switch{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:13px;width:48px;height:26px;padding:0;transition:background .3s;position:relative}.billing-switch.annual{background:var(--accent);border-color:var(--accent)}.billing-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.billing-switch.annual .billing-switch-thumb{transform:translate(22px)}.billing-save{background:rgba(var(--accent-rgb),.15);color:var(--accent);border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.price-flip{animation:.35s priceFlip;display:inline-block}@keyframes priceFlip{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tilt-card{will-change:transform;transition:transform .15s}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:background .4s,background-color .4s,color .4s,border-color .4s,box-shadow .4s,fill .4s,stroke .4s!important}.comparison-cards{display:none}.comparison-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:20px}.comparison-card-need{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px;font-size:15px;font-weight:700}.comparison-card-row{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.comparison-card-row:last-child{margin-bottom:0}.comparison-card-label{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:10px;font-weight:700}.comparison-card-label.vibe{color:var(--red);background:#f871711a}.comparison-card-label.loretopia{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.comparison-card-text{color:var(--text-muted);font-size:14px;line-height:1.5}.comparison-card-text .indicator{vertical-align:middle;margin-right:6px}body[data-theme=grid] .site-nav-links.mobile-open{background:#fffffffa;border-color:#00000014}body[data-theme=grid] .nav-hamburger span{background:#4b5563}.inner-page{min-height:70vh;padding:120px 0 80px}.inner-page h1{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#a0a0c0 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(32px,5vw,56px);font-weight:900}body[data-theme=grid] .inner-page h1{background:linear-gradient(#111827 0%,#374151 100%);-webkit-background-clip:text;background-clip:text}.inner-page .subtitle{color:var(--text-muted);max-width:640px;margin-bottom:48px;font-size:clamp(16px,2vw,20px);line-height:1.6}.inner-page section{margin:0 -24px;padding:0}.inner-page section .container{max-width:none;padding:0}.download-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.download-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px 24px}.download-card h3{color:var(--text);margin:16px 0 4px;font-size:20px;font-weight:800}.download-card>p{color:var(--text-dim);margin-bottom:16px;font-size:14px}.download-version{color:var(--text-dim);font-size:12px;font-family:var(--font-jetbrains-mono);margin-bottom:20px;display:block}.platform-icon{width:48px;height:48px;fill:var(--text-muted)}.download-note{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:640px;padding:32px}.download-note h3{color:var(--text);margin-bottom:16px;font-size:18px;font-weight:700}.download-note ul{color:var(--text-muted);padding-left:20px;font-size:15px;line-height:2;list-style:outside}.download-local-badge{letter-spacing:.03em;color:var(--accent);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.18);cursor:default;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.download-local-icon{align-items:center;display:flex}.download-tooltip{background:var(--card-bg);border:1px solid var(--border);letter-spacing:0;width:280px;color:var(--text-muted);text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:10;border-radius:12px;padding:14px 16px;font-size:13px;font-weight:400;line-height:1.65;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 32px #00000040,0 2px 8px #0000001f}.download-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.download-tooltip:before{content:"";border:5px solid #0000;border-top-color:var(--card-bg);z-index:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.download-local-badge:hover .download-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.download-reqs-drawer{text-align:center;margin:0 0 20px}.download-reqs-drawer summary{color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;list-style:none;display:flex}.download-reqs-drawer summary::-webkit-details-marker{display:none}.download-reqs-drawer summary:after{content:"";border-right:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);width:6px;height:6px;margin-top:-2px;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.download-reqs-drawer[open] summary:after{margin-top:2px;transform:rotate(-135deg)}.download-reqs-content{justify-content:center;gap:24px;margin-top:12px;display:flex}.download-reqs-group h5{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;margin:0 0 6px;font-size:11px;font-weight:700}.download-reqs-group ul{color:var(--text-dim);text-align:left;margin:0;padding:0 0 0 16px;font-size:12px;line-height:1.8;list-style:outside}.download-grid-single{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}.download-card-primary{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 8px 24px rgba(var(--accent-rgb),.06)}.download-coming-soon{margin-bottom:48px}.download-coming-soon h3{color:var(--text);margin-bottom:16px;font-size:18px;font-weight:700}.download-upcoming{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.download-upcoming-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.download-upcoming-item strong{color:var(--text);font-size:15px}.download-upcoming-item span{color:var(--text-dim);font-size:13px}.download-upcoming-note{color:var(--text-dim);font-size:14px}.download-upcoming-note a{color:var(--accent);text-decoration:underline}.demo-video-placeholder{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;margin-bottom:48px;padding:80px 24px}.demo-play-icon{background:var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.demo-play-icon svg{width:28px;height:28px;fill:var(--accent);margin-left:3px}.demo-video-placeholder p{color:var(--text-dim);font-size:15px}.demo-steps{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;display:grid}.demo-step{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.demo-step-number{background:var(--accent-glow);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.demo-step h3{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.demo-step p{color:var(--text-muted);font-size:14px;line-height:1.5}.docs-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.docs-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px;transition:border-color .2s}.docs-card:hover{border-color:rgba(var(--accent-rgb),.3)}.docs-card h3{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:700}.docs-card p{color:var(--text-muted);margin-bottom:12px;font-size:14px;line-height:1.5}.docs-tag{color:var(--text-dim);background:var(--surface-2);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.legal-updated{color:var(--text-dim);margin-bottom:40px;font-size:14px}.legal-content{max-width:720px}.legal-content h2{color:var(--text);margin:36px 0 12px;font-size:22px;font-weight:800}.legal-content h3{color:var(--text);margin:20px 0 8px;font-size:17px;font-weight:700}.legal-content p{color:var(--text-muted);margin-bottom:12px;font-size:15px;line-height:1.7}.legal-content ul{margin-bottom:12px;padding-left:20px;list-style:outside}.legal-content li{color:var(--text-muted);font-size:15px;line-height:1.7}.legal-content a{color:var(--accent)}.waitlist-form{gap:12px;max-width:480px;margin-bottom:48px;display:flex}.waitlist-input{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);border-radius:12px;outline:none;flex:1;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.waitlist-input:focus{border-color:var(--accent)}.waitlist-success{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:480px;margin-bottom:48px;padding:48px 24px}.waitlist-check{background:rgba(var(--accent-rgb),.15);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.waitlist-check svg{fill:none;width:28px;height:28px;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.waitlist-success h3{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.waitlist-success p{color:var(--text-muted);font-size:15px;line-height:1.6}.waitlist-success a{color:var(--accent)}.waitlist-perks{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.waitlist-perk{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.waitlist-perk h4{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.waitlist-perk p{color:var(--text-muted);font-size:14px;line-height:1.5}.download-includes{margin-top:48px;margin-bottom:32px}.download-includes h2{color:var(--text);margin-bottom:24px;font-size:24px;font-weight:800}.download-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.download-feature{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.download-feature h4{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.download-feature p{color:var(--text-muted);font-size:14px;line-height:1.5}.download-upgrade{background:linear-gradient(135deg,#f77f000f 0%,rgba(var(--accent-rgb),.04)100%);border:1px solid #f77f0033;border-radius:16px;max-width:640px;margin-top:32px;padding:32px}.download-upgrade h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.download-upgrade p{color:var(--text-muted);margin-bottom:20px;font-size:15px;line-height:1.6}.pricing-comparison{margin-top:48px;margin-bottom:32px}.pricing-comparison-title{color:var(--text);text-align:center;margin-bottom:24px;font-size:24px;font-weight:800}.pricing-comparison-table{border-collapse:collapse;width:100%;font-size:14px}.pricing-comparison-table th{text-align:left;color:var(--text);border-bottom:2px solid var(--border);padding:12px 16px;font-weight:700}.pricing-comparison-table th:nth-child(2),.pricing-comparison-table th:nth-child(3){text-align:center;width:140px}.pricing-comparison-table td{color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 16px}.pricing-comparison-table td:nth-child(2),.pricing-comparison-table td:nth-child(3){text-align:center}.check-yes svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.check-no{color:var(--text-dim);font-size:16px}.auth-page{grid-template-columns:1fr 320px;align-items:start;gap:48px;max-width:800px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px}.auth-title{font-weight:800;margin-bottom:6px!important;font-size:28px!important}.auth-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:15px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-input{border:1px solid var(--border);background:var(--bg);height:44px;color:var(--text);border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-error{color:var(--red);background:#f8717114;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.auth-submit{justify-content:center;width:100%;margin-top:4px}.auth-terms{color:var(--text-dim);text-align:center;margin-top:16px;font-size:12px}.auth-terms a{color:var(--accent)}.auth-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);margin-top:20px;padding-top:20px;font-size:14px}.auth-footer a{color:var(--accent);font-weight:600}.auth-aside{padding-top:20px}.auth-aside h3{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:700}.auth-aside p{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.6}.auth-benefits{margin:0 0 16px;padding:0;list-style:none}.auth-benefits li{color:var(--text-muted);padding:6px 0 6px 22px;font-size:14px;position:relative}.auth-benefits li:before{content:"";background:rgba(var(--accent-rgb),.15);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.auth-aside-note{color:var(--text-dim);font-size:12px;line-height:1.5}.auth-success-icon{margin-bottom:16px}.auth-hint{color:var(--text-dim);margin-top:16px;font-size:13px}.auth-link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.site-nav-link-auth{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.site-nav-link-auth:hover{color:var(--text)}.account-page{max-width:860px;margin:0 auto}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:32px;padding:24px;display:flex}.account-avatar{background:linear-gradient(135deg,var(--accent),#00e5a0);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.account-info{flex:1;min-width:0}.account-info h2{margin:0 0 4px;font-size:20px;font-weight:700}.account-email{color:var(--text-muted);margin:0;font-size:14px}.account-meta{color:var(--text-dim);margin:4px 0 0;font-size:13px}.profile-signout{flex-shrink:0}.account-section{margin-bottom:32px}.account-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:15px;font-weight:600}.account-details{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.account-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 20px;font-size:14px;display:flex}.account-row:last-child{border-bottom:none}.account-label{color:var(--text-muted)}.profile-edit-row{align-items:center;gap:8px;display:flex}.profile-edit-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.profile-edit-btn:hover{color:var(--accent);background:var(--accent-glow)}.profile-edit-input{border:1px solid var(--border);background:var(--bg);height:36px;color:var(--text);border-radius:8px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:17px;font-weight:700;transition:border-color .2s}.profile-edit-input:focus{border-color:var(--accent)}.profile-save-actions{gap:8px;margin-top:8px;display:flex}.btn-xs{border-radius:8px;padding:8px 18px;font-size:13px}.inline-success{color:var(--accent);margin:6px 0 0;font-size:13px}.inline-error{color:var(--red);margin:6px 0 0;font-size:13px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.plan-card-info{flex:1}.plan-card-info p{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.plan-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:6px;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.plan-badge-free{background:var(--surface-3);color:var(--text-muted)}.plan-badge-pro{color:#fff;background:linear-gradient(135deg,#0b4434,#00c48c)}.quickstart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.quickstart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quickstart-count{color:var(--text-muted);font-size:13px;font-weight:600}.quickstart-dismiss{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;transition:color .2s}.quickstart-dismiss:hover{color:var(--text-muted)}.quickstart-progress{background:var(--border);border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.quickstart-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.quickstart-items{flex-direction:column;gap:10px;display:flex}.quickstart-item{color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:6px 0;font-size:14px;transition:opacity .15s;display:flex}.quickstart-item:hover{opacity:.8}.quickstart-item.completed{color:var(--text-dim)}.quickstart-item.completed .quickstart-label{text-decoration:line-through}.quickstart-item.disabled{opacity:.5;cursor:not-allowed}.quickstart-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s,background .2s;display:flex}.quickstart-item.completed .quickstart-check{background:var(--accent);border-color:var(--accent)}.quickstart-label a{color:var(--accent);text-decoration:none}.quickstart-label a:hover{text-decoration:underline}.quickstart-pro-note{color:var(--orange);margin-left:8px;font-size:11px;font-weight:600}.projects-locked{border-radius:12px;position:relative;overflow:hidden}.projects-ghost-grid{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.project-card-ghost{background:var(--surface-2);border-radius:10px;height:100px}.projects-locked-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;text-align:center;background:#050505d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.projects-locked-overlay p{color:var(--text-muted);max-width:320px;margin:0;font-size:14px;line-height:1.5}.projects-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 24px}.projects-empty svg{margin-bottom:12px}.projects-empty p{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.6}.portfolio-url-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.portfolio-url{font-family:var(--font-jetbrains-mono),monospace;color:var(--accent);flex:1;font-size:14px}.portfolio-url.locked{color:var(--text-dim);font-family:var(--font-jetbrains-mono),monospace;margin:0 0 4px;font-size:14px}.portfolio-copy-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:13px;transition:border-color .2s,color .2s}.portfolio-copy-btn:hover,.portfolio-copy-btn.copied{border-color:var(--accent);color:var(--accent)}.upgrade-prompt{background:#f77f000a;border:1px solid #f77f0033;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.upgrade-prompt>div{flex:1}.upgrade-prompt-text{color:var(--text-dim);margin:0;font-size:13px}.lock-icon{color:var(--orange);flex-shrink:0}.password-form-wrapper{padding:20px}.password-form{flex-direction:column;gap:14px;max-width:400px;display:flex}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{flex:1}.toggle-label-title{color:var(--text);align-items:center;font-size:14px;font-weight:600;display:flex}.toggle-label-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.toggle-switch{background:var(--surface-3);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-switch-thumb{transform:translate(18px)}.badge-coming-soon{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-3);color:var(--text-dim);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700}.danger-zone{background:var(--surface);border:1px solid #f8717140;border-radius:12px;margin-top:48px;padding:24px}.danger-zone h3{text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:15px;font-weight:600;color:var(--red)!important}.danger-zone-actions{flex-direction:column;gap:20px;display:flex}.danger-zone-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.danger-zone-item>p{color:var(--text-muted);flex:1;margin:0;font-size:14px;line-height:1.5}.btn-danger{color:var(--red);background:0 0;border:1px solid #f8717159}.btn-danger:hover{background:#f8717114;border-color:#f8717199}.danger-confirm{width:100%}.danger-confirm-label{color:var(--text-muted);margin:0 0 8px;font-size:13px}.danger-confirm input{background:var(--bg);height:36px;color:var(--text);border:1px solid #f871714d;border-radius:8px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.danger-confirm input:focus{border-color:var(--red)}.danger-confirm-actions{gap:8px;margin-top:12px;display:flex}.account-section-header{justify-content:space-between;align-items:center;display:flex}.account-section-header h3{margin-bottom:0}.account-manage-link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.account-manage-link:hover{opacity:.8}.app-page{min-height:calc(100vh - 60px);padding:120px 0 60px}.app-footer{border-top:1px solid var(--border);padding:20px 0}.app-footer .container{justify-content:space-between;align-items:center;display:flex}.app-footer-brand{color:#8888a880;font-size:13px}.app-footer-brand strong{color:#8888a8b3}.app-footer-links{gap:20px;display:flex}.app-footer-links a{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .15s}.app-footer-links a:hover{color:var(--text-muted)}.site-nav-links a.active{color:var(--accent-2)}.dashboard{max-width:1280px;margin:0 auto}.dashboard-welcome{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}.dashboard-welcome h1{margin:0 0 4px;font-size:28px;font-weight:800}.dashboard-welcome-sub{color:var(--text-muted);margin:0;font-size:15px}.dashboard-actions-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;display:grid}.dashboard-action-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;gap:10px;padding:24px 20px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.dashboard-action-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-3px);box-shadow:0 8px 24px #0003}.dashboard-action-icon{background:rgba(var(--accent-rgb),.1);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.dashboard-action-card h3{margin:0;font-size:15px;font-weight:700}.dashboard-action-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.dashboard-action-pro{opacity:.65;position:relative}.dashboard-action-pro:hover{opacity:1}.dashboard-pro-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--orange);color:#fff;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.dashboard-section{margin-bottom:40px}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-section-header h2{margin:0;font-size:18px;font-weight:700}.dashboard-view-all{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.dashboard-view-all:hover{text-decoration:underline}.dashboard-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:48px 24px}.dashboard-empty svg{margin-bottom:12px}.dashboard-empty p{color:var(--text-muted);margin:0 0 16px;font-size:14px;line-height:1.6}.dashboard-trending-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px;display:grid}.topia-card-ghost{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.topia-card-ghost-thumb{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));height:100px}.topia-card-ghost-line{background:var(--surface-2);border-radius:5px;height:10px;margin:14px 16px 0}.topia-card-ghost-line.short{width:60%;margin-top:8px;margin-bottom:14px}.dashboard-trending-note{color:var(--text-dim);text-align:center;margin:0;font-size:13px}.dashboard-divider{border:none;border-top:1px solid var(--border);margin:48px 0}.dashboard-account-section{flex-direction:column;gap:0;display:flex}.dashboard-account-section>h2{margin-bottom:24px;font-size:22px;font-weight:800}@keyframes discMeshDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes discCardIn{0%{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes discShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.discover{position:relative}.discover-hero{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-bottom:48px;padding:48px 24px 40px;position:relative;overflow:hidden}.discover-hero-mesh{background:linear-gradient(135deg,var(--accent),#0a0a14,#00e5a0,var(--accent));opacity:.12;pointer-events:none;background-size:400% 400%;animation:14s infinite discMeshDrift;position:absolute;inset:-100%}.discover-hero-content{z-index:1;position:relative}.discover-hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.15);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.discover-hero h1{letter-spacing:-.03em;background:linear-gradient(to right,var(--text),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:52px;font-weight:800;line-height:1.1}.discover-hero p{color:var(--text-muted);max-width:520px;margin:0 auto 24px;font-size:18px;line-height:1.7}.discover-hero-stats{background:rgba(var(--accent-rgb),.04);border:1px solid var(--border);border-radius:16px;align-items:center;gap:24px;padding:12px 28px;display:inline-flex}.discover-hero-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.discover-hero-stat strong{color:var(--accent);font-size:24px;font-weight:800}.discover-hero-stat span{text-transform:uppercase;letter-spacing:.08em;opacity:.4;font-size:12px;font-weight:600}.discover-hero-stat-divider{background:var(--border);width:1px;height:32px}.discover-search{margin-bottom:40px}.discover-search-input{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);height:52px;color:var(--text-dim);border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:0 20px;transition:border-color .2s,box-shadow .2s;display:flex}.discover-search-input:focus-within{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.discover-search-input .auth-input{background:0 0;border:none;flex:1;height:100%;padding:0;font-size:15px}.discover-categories{flex-wrap:wrap;gap:8px;display:flex}.discover-category-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.discover-category-pill:hover{border-color:var(--text-muted);color:var(--text);background:rgba(var(--accent-rgb),.04)}.discover-category-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 12px -4px var(--accent)}.discover-more-filters-toggle{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.discover-more-filters-toggle:hover,.discover-more-filters-toggle.active{border-color:var(--accent);color:var(--accent)}.discover-filter-count{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.discover-filters-panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:16px;margin:0 auto 24px;padding:20px 24px;display:flex}.discover-filter-group{flex-direction:column;gap:8px;display:flex}.discover-filter-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.discover-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.discover-active-filters{align-items:center;gap:12px;margin:0 auto 16px;display:flex}.discover-active-count{color:var(--text-muted);font-size:13px}.discover-clear-btn{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-family:inherit;font-size:12px;text-decoration:underline}.discover-section{margin-bottom:56px}.discover-section-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.discover-section-header h2{text-transform:uppercase;letter-spacing:.12em;opacity:.4;white-space:nowrap;margin:0;font-size:13px;font-weight:700}.discover-section-line{background:linear-gradient(to right,transparent,var(--border),transparent);flex:1;height:1px}.discover-spotlight{margin-bottom:20px}.discover-spotlight .disc-card{grid-template-columns:1.2fr 1fr;display:grid}.discover-spotlight .disc-card-visual{border-radius:20px 0 0 20px;height:340px}.discover-spotlight .disc-card-body{flex-direction:column;justify-content:center;padding:32px 36px;display:flex}.discover-spotlight .disc-card-body h3{letter-spacing:-.02em;font-size:28px}.discover-spotlight .disc-card-desc{-webkit-line-clamp:4;margin-bottom:16px;font-size:15px}.discover-featured-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.discover-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.disc-card-entrance{animation:.6s cubic-bezier(.22,1,.36,1) both discCardIn;animation-delay:calc(var(--i,0)*80ms + .1s)}@media (prefers-reduced-motion:reduce){.disc-card-entrance{opacity:1!important;animation:none!important}}.disc-card{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}.disc-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 24px 80px #0000001f,0 0 40px -12px rgba(var(--accent-rgb),.2);transform:translateY(-8px)scale(1.01)}.disc-card-visual{height:200px;position:relative;overflow:hidden}.disc-card-featured .disc-card-visual{height:240px}.disc-card-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s;display:block}.disc-card:hover .disc-card-img{filter:brightness(.9);transform:scale(1.07)}.disc-card-gradient{width:100%;height:100%}.disc-card-scrim{pointer-events:none;background:linear-gradient(#0000,#00000080);height:50%;position:absolute;bottom:0;left:0;right:0}.disc-card-shimmer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.disc-card-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.disc-card:hover .disc-card-shimmer:after{animation:.9s ease-out discShimmer}.disc-card-views{z-index:2;-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;background:#0009;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.disc-card-body{padding:18px 20px 20px}.disc-card-labels{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.disc-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--card-accent,var(--accent));background:rgba(var(--accent-rgb),.08);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.disc-card-body h3{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:700;transition:color .2s}.disc-card:hover .disc-card-body h3{color:var(--card-accent,var(--accent))}.disc-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.disc-card-creator{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.disc-card-creator-img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:24px;height:24px}.disc-card-creator-initial{background:linear-gradient(135deg,var(--card-accent,var(--accent)),#00e5a0);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.discover-empty-state{flex-direction:column;align-items:center;gap:16px;display:flex}.discover-empty-icon{opacity:.15;margin-bottom:8px}.discover-empty-state p{opacity:.5;margin:0;font-size:16px}.discover-no-results{flex-direction:column;align-items:center;gap:12px;display:flex}.discover-no-results p{opacity:.5;font-size:16px}.discover-section-subtitle{color:var(--text-muted);opacity:.6;margin:4px 0 0;font-size:13px;font-weight:400}.discover-tabs{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:4px;margin-bottom:28px;padding:5px;display:flex}.discover-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.discover-tab:hover{color:var(--text);background:rgba(var(--accent-rgb),.04)}.discover-tab.active{color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 20px -8px rgba(var(--accent-rgb),.3)}.discover-tab svg{opacity:.5;transition:opacity .2s}.discover-tab.active svg{opacity:1;stroke:var(--accent)}.discover-tab-count{background:rgba(var(--accent-rgb),.06);color:var(--text-dim);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;transition:all .2s}.discover-tab.active .discover-tab-count{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.discover-creators-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.disc-creator-card{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}.disc-creator-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 20px 60px #0000001a,0 0 30px -10px rgba(var(--accent-rgb),.2);transform:translateY(-6px)}.disc-creator-cover{height:140px;position:relative;overflow:hidden}.disc-creator-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.disc-creator-card:hover .disc-creator-cover-img{transform:scale(1.06)}.disc-creator-cover-fallback{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),#00e5a014,rgba(var(--accent-rgb),.05));width:100%;height:100%}.disc-creator-cover-scrim{background:linear-gradient(to top,var(--surface),transparent);pointer-events:none;height:50%;position:absolute;bottom:0;left:0;right:0}.disc-creator-avatar-wrap{z-index:1;flex-shrink:0;width:64px;height:64px;margin:-38px 0 0 20px;position:relative}.disc-creator-avatar{object-fit:cover;border:3px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.disc-creator-avatar-fallback{background:linear-gradient(135deg,var(--accent),#00e5a0);color:#fff;font-size:20px;font-weight:700}.disc-creator-avatar-ring{background:linear-gradient(135deg,var(--accent),#00e5a0)border-box;-webkit-mask-composite:xor;opacity:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border:2px solid #0000;border-radius:50%;transition:opacity .3s;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.disc-creator-card:hover .disc-creator-avatar-ring{opacity:1}.disc-creator-body{flex-direction:column;flex:1;padding:8px 20px 20px;display:flex}.disc-creator-body h3{letter-spacing:-.01em;margin:0 0 2px;font-size:16px;font-weight:700;transition:color .2s}.disc-creator-card:hover .disc-creator-body h3{color:var(--accent)}.disc-creator-handle{color:var(--text-dim);opacity:.6;margin-bottom:8px;font-size:12px}.disc-creator-bio{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.disc-creator-stats{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.disc-creator-stat-dot{background:var(--text-dim);opacity:.3;border-radius:50%;width:3px;height:3px}.disc-creator-topias{gap:8px;margin-top:auto;display:flex}.disc-creator-topia-thumb{border:1px solid var(--border);border-radius:8px;flex:1;height:56px;overflow:hidden}.disc-creator-topia-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.disc-creator-card:hover .disc-creator-topia-thumb img{transform:scale(1.05)}.disc-creator-topia-thumb-gradient{width:100%;height:100%}.discover-pages-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.disc-page-card{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s;display:flex;overflow:hidden}.disc-page-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 16px 48px #0000001a,0 0 24px -8px rgba(var(--accent-rgb),.2);transform:translateY(-6px)}.disc-page-visual{height:140px;position:relative;overflow:hidden}.disc-page-thumb{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.disc-page-card:hover .disc-page-thumb{transform:scale(1.06)}.disc-page-thumb-placeholder{background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),#00e5a00a,#ffffff05);width:100%;height:100%;color:var(--text-dim);opacity:.5;justify-content:center;align-items:center;display:flex}.disc-page-icon{font-size:32px}.disc-page-shimmer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.disc-page-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.disc-page-card:hover .disc-page-shimmer:after{animation:.9s ease-out discShimmer}.disc-page-views{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.disc-page-body{padding:14px 16px 16px}.disc-page-body h4{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-weight:600;transition:color .2s;display:-webkit-box;overflow:hidden}.disc-page-card:hover .disc-page-body h4{color:var(--accent)}.disc-page-meta{align-items:center;gap:6px;display:flex}.disc-page-meta-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.disc-page-meta-avatar-fallback{background:linear-gradient(135deg,var(--accent),#00e5a0);color:#fff;font-size:9px;font-weight:700}.disc-page-meta-topia{color:var(--text-dim);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (max-width:960px){.discover-creators-grid{grid-template-columns:repeat(2,1fr)}.discover-pages-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.discover-tabs{flex-direction:column}.discover-tab{justify-content:flex-start;padding:10px 16px}.discover-creators-grid{grid-template-columns:1fr}.discover-pages-grid{grid-template-columns:repeat(2,1fr)}.discover-spotlight .disc-card{grid-template-columns:1fr}.discover-spotlight .disc-card-visual{border-radius:20px 20px 0 0;height:220px}.discover-featured-pair{grid-template-columns:1fr}.discover-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.discover-pages-grid,.discover-grid{grid-template-columns:1fr}}.my-topias{max-width:1280px;margin:0 auto}.my-topias-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.my-topias-header h1{margin:0}.my-topias-tabs{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.my-topias-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.my-topias-tab.active{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.my-topias-tab:disabled:not(.active){opacity:.5;cursor:not-allowed}.my-topias-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:64px 24px}.my-topias-empty svg{margin-bottom:16px}.my-topias-empty h3{margin:0 0 8px;font-size:18px;font-weight:700}.my-topias-empty p{color:var(--text-muted);max-width:440px;margin:0 auto 8px;font-size:14px;line-height:1.6}.my-topias-empty-hint{color:var(--text-dim);font-size:13px;margin-bottom:20px!important}.topia-mgr-list{flex-direction:column;gap:12px;display:flex}.topia-mgr-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .15s;overflow:hidden}.topia-mgr-item-expanded{border-color:var(--accent)}.topia-mgr-card{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.topia-mgr-card-info{flex:1;min-width:0}.topia-mgr-card-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.topia-mgr-card-header h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.topia-mgr-status{border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.topia-mgr-status.status-public{color:#22c55e;background:#22c55e1a}.topia-mgr-status.status-hidden{color:#eab308;background:#eab3081a}.topia-mgr-card-meta{color:var(--text-dim);gap:12px;font-size:12px;display:flex}.topia-mgr-badge{background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:4px;padding:1px 8px;font-size:11px;font-weight:600}.topia-mgr-card-actions{flex-shrink:0;gap:6px;display:flex}.topia-preview-wrap{position:relative}.topia-preview-label{text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:8px;font-size:11px;font-weight:600}.topia-preview-viewport{border:1px solid var(--border);background:#0a0a0a;border-radius:10px;width:100%;height:380px;position:relative;overflow:hidden}.topia-preview-inner{width:1200px;transform:scale(var(--preview-scale,.42));transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:700px){.topia-preview-viewport{height:260px}.topia-preview-inner{--preview-scale:.3}}.portfolio-live-preview-wrap{margin-bottom:24px;position:relative}.portfolio-live-preview-label{text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:8px;font-size:11px;font-weight:600}.portfolio-live-preview-viewport{border:1px solid var(--border);background:#0a0a0a;border-radius:10px;width:100%;height:420px;position:relative;overflow:hidden}.portfolio-live-preview-inner{width:1200px;transform:scale(var(--preview-scale,.42));transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:700px){.portfolio-live-preview-viewport{height:280px}.portfolio-live-preview-inner{--preview-scale:.3}}.topia-mgr-settings{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:20px;padding:20px;display:flex}.topia-mgr-field>label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.topia-mgr-templates{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.topia-mgr-tpl-btn{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.topia-mgr-tpl-btn:hover{border-color:var(--text-dim)}.topia-mgr-tpl-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.topia-mgr-tpl-btn strong{color:var(--text);font-size:13px;font-weight:700}.topia-mgr-tpl-btn span{color:var(--text-dim);font-size:11px;line-height:1.3}.topia-mgr-hero{align-items:flex-start;gap:12px;display:flex}.topia-mgr-hero-preview{flex-direction:column;gap:6px;display:flex}.topia-mgr-hero-preview img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:200px;height:112px}.topia-mgr-hero-empty{color:var(--text-dim);border:2px dashed var(--border);text-align:center;border-radius:8px;padding:32px 24px;font-size:13px}.topia-mgr-colors{gap:16px;display:flex}.topia-mgr-color{align-items:center;gap:8px;display:flex}.topia-mgr-color span{color:var(--text-muted);font-size:13px}.topia-mgr-color input[type=color]{border:2px solid var(--border);cursor:pointer;background:var(--surface);border-radius:8px;width:36px;height:36px;padding:2px}.topia-mgr-toggles{gap:20px;display:flex}.topia-mgr-toggle{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.topia-mgr-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.topia-mgr-save-row{justify-content:flex-end;align-items:center;gap:12px;padding-top:4px;display:flex}.topia-mgr-save-msg{color:#22c55e;font-size:13px;font-weight:600}.topia-mgr-save-msg.error{color:#ef4444}@media (max-width:700px){.topia-mgr-card{flex-direction:column;align-items:flex-start}.topia-mgr-card-actions{width:100%}.topia-mgr-templates{grid-template-columns:repeat(2,1fr)}.topia-mgr-colors{flex-wrap:wrap}.topia-mgr-hero{flex-direction:column}}.topia-mgr-pages-empty{color:var(--text-dim);padding:12px 0;font-size:13px}.topia-mgr-pages{background:var(--border);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.topia-mgr-page{background:var(--surface);cursor:grab;transition:opacity .15s,border-color .15s}.topia-mgr-page:active{cursor:grabbing}.topia-mgr-page-dragover{border-top:2px solid var(--accent,#6366f1)!important}.topia-mgr-drag-handle{color:var(--text-dim);-webkit-user-select:none;user-select:none;cursor:grab;opacity:.5;margin-right:2px;font-size:14px}.topia-mgr-page:hover .topia-mgr-drag-handle{opacity:1}.topia-mgr-page-row{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.topia-mgr-page-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.topia-mgr-pin-icon{flex-shrink:0;font-size:14px}.topia-mgr-page-icon{flex-shrink:0;font-size:18px}.topia-mgr-page-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.topia-mgr-page-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.topia-mgr-page-type{color:var(--text-dim);flex-shrink:0;font-size:11px}.topia-mgr-page-settings{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.topia-mgr-page-field{flex-direction:column;gap:6px;display:flex}.topia-mgr-page-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.topia-mgr-page-visual-radios{gap:16px;font-size:13px;display:flex}.topia-mgr-page-visual-radios label{cursor:pointer;align-items:center;gap:5px;display:flex}.topia-mgr-page-img-row{align-items:center;gap:10px;display:flex}.topia-mgr-page-img-preview{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:80px;height:50px}.topia-mgr-page-mode{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.topia-mgr-page-mode label{cursor:pointer;align-items:center;gap:4px;display:flex}.topia-mgr-emoji-input{border:1px solid var(--border);background:var(--surface);width:120px;color:var(--text);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:18px}.topia-mgr-page-save-row{justify-content:flex-end;align-items:center;gap:10px;display:flex}.topia-mgr-labels{flex-direction:column;gap:14px;display:flex}.topia-mgr-label-group{flex-direction:column;gap:6px;display:flex}.topia-mgr-label-group-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.topia-mgr-label-pills{flex-wrap:wrap;gap:6px;display:flex}.topia-mgr-label-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:16px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.topia-mgr-label-pill:hover{border-color:var(--text-muted);color:var(--text)}.topia-mgr-label-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1)}@keyframes tplFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(32px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes tplShimmer{0%{left:-100%}to{left:200%}}@keyframes tplFloat{0%,to{transform:scale(1)translate(0)}25%{transform:scale(1.02)translate(2px,-2px)}50%{transform:scale(1.04)translateY(2px)}75%{transform:scale(1.02)translate(-2px,-1px)}}@keyframes tplGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes tplPulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes tplBorderGlow{0%,to{border-color:rgba(var(--tpl-accent-rgb,99,102,241),.2)}50%{border-color:rgba(var(--tpl-accent-rgb,99,102,241),.6)}}@keyframes tplTitleReveal{0%{opacity:0;filter:blur(8px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes tplTextGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes tplSlideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes tplScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tpl-card-pin{z-index:3;filter:drop-shadow(0 1px 2px #00000080);font-size:14px;position:absolute;top:8px;right:8px}.tpl-card-pin-inline{font-size:14px}.tpl-card-icon{filter:drop-shadow(0 2px 4px #0003);margin-bottom:8px;font-size:32px;transition:transform .3s}.tpl-card-icon-lg{font-size:44px}.tpl-card-thumb{object-fit:cover;border:2px solid rgba(var(--tpl-accent-rgb,99,102,241),.3);border-radius:10px;flex-shrink:0;width:52px;height:52px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 2px 8px #0003}:hover>.tpl-card-thumb,:hover>*>.tpl-card-thumb{border-color:rgba(var(--tpl-accent-rgb,99,102,241),.6);box-shadow:0 4px 16px rgba(var(--tpl-accent-rgb,99,102,241),.15);transform:scale(1.05)}.tpl-card-thumb-lg{border-radius:12px;width:80px;height:80px}.tpl-card-has-bg{color:#fff;text-shadow:0 2px 8px #000000e6;position:relative}.tpl-card-has-bg:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#00000026 0%,#0009 100%);position:absolute;inset:0}.tpl-card-has-bg>*{z-index:1;position:relative}.tpl-card-fallback{background:linear-gradient(135deg,rgba(var(--tpl-accent-rgb,99,102,241),.12),rgba(var(--tpl-accent-rgb,99,102,241),.04));border:1.5px solid rgba(var(--tpl-accent-rgb,99,102,241),.2);width:52px;height:52px;color:var(--tpl-accent,#6366f1);opacity:.7;box-shadow:0 0 16px rgba(var(--tpl-accent-rgb,99,102,241),.08);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s;display:flex}:hover>.tpl-card-fallback{box-shadow:0 0 24px rgba(var(--tpl-accent-rgb,99,102,241),.2);transform:scale(1.05)}.tpl-card-fallback svg{width:24px;height:24px}.tpl-card-views{opacity:.5;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.tpl-card-views:before{content:"";opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px;display:inline-block}.tpl-footer{text-align:center;opacity:.4;padding:48px 24px;font-size:13px;position:relative}.tpl-footer:before{content:"";background:linear-gradient(90deg,transparent,var(--tpl-accent,#6366f1),transparent);opacity:.5;width:160px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tpl-footer a{color:inherit;text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.tpl-footer a:hover{opacity:1}.tpl-card-entrance{animation:.65s cubic-bezier(.22,1,.36,1) both tplFadeUp;animation-delay:calc(var(--i,0)*80ms)}.tpl-card-shimmer{position:relative;overflow:hidden}.tpl-card-shimmer:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.tpl-card-shimmer:hover:after{animation:.6s forwards tplShimmer}.tpl-gradient-text{background:linear-gradient(135deg,#fff 20%,var(--tpl-accent,#6366f1)80%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite tplTextGradient}@media (prefers-reduced-motion:reduce){.tpl-card-entrance{opacity:1!important;animation:none!important}.tpl-gradient-text,.tpl-card-shimmer:after{animation:none!important}}.tpl-clean-card-row{align-items:center;gap:14px;display:flex}.portfolio-page{max-width:1280px;margin:0 auto}.portfolio-page h1,.portfolio-page-section{margin-bottom:32px}.portfolio-page-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:15px;font-weight:600}.portfolio-upgrade{text-align:center;background:var(--surface);border:1px solid #f77f0033;border-radius:14px;padding:64px 32px}.portfolio-upgrade svg{margin-bottom:16px}.portfolio-upgrade h2{margin:0 0 8px;font-size:22px;font-weight:800}.portfolio-upgrade>p{color:var(--text-muted);margin:0 0 24px;font-size:15px;line-height:1.6}.portfolio-upgrade-features{text-align:left;max-width:320px;margin:0 auto 24px;padding:0;list-style:none}.portfolio-upgrade-features li{color:var(--text-muted);padding:6px 0 6px 24px;font-size:14px;position:relative}.portfolio-upgrade-features li:before{content:"";background:rgba(var(--accent-rgb),.15);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.portfolio-page-preview{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px}.portfolio-preview-header{border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.portfolio-preview-avatar{background:linear-gradient(135deg,var(--accent),#00e5a0);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:700;display:flex}.portfolio-preview-header h2{margin:0 0 4px;font-size:22px;font-weight:700}.portfolio-preview-bio{color:var(--text-dim);margin:0;font-size:14px;font-style:italic}.portfolio-preview-section h4{color:var(--text-muted);margin:0 0 12px;font-size:14px;font-weight:600}.portfolio-preview-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.portfolio-preview-note{color:var(--text-dim);text-align:center;margin:0;font-size:13px}.portfolio-settings{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.portfolio-bio-input{resize:vertical;height:auto;min-height:80px;padding:12px 14px}.portfolio-theme-row{margin-top:16px}.portfolio-theme-pills{gap:8px;margin-top:8px;display:flex}.portfolio-theme-pill{border:1px solid var(--border);color:var(--text-muted);cursor:default;background:0 0;border-radius:20px;padding:6px 18px;font-family:inherit;font-size:13px;font-weight:600}.portfolio-theme-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.portfolio-settings-note{color:var(--text-dim);margin:16px 0 0;font-size:13px}.portfolio-sidebar-profile{flex-direction:column;gap:4px;display:flex}.portfolio-sidebar-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-bottom:6px}.portfolio-sidebar-avatar-fallback{color:#fff;background:linear-gradient(135deg,#6366f1,#00e5a0);justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.portfolio-sidebar-name{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.portfolio-sidebar-username{color:#fff6;font-size:12px}.portfolio-sidebar-bio{color:#fff9;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.portfolio-sidebar-website{color:#6366f1d9;margin-top:2px;font-size:12px;text-decoration:none}.portfolio-sidebar-website:hover{color:#818cf8;text-decoration:underline}[data-theme=light] .portfolio-sidebar-name{color:#1a1a1a}[data-theme=light] .portfolio-sidebar-username{color:#0006}[data-theme=light] .portfolio-sidebar-bio{color:#0000008c}[data-theme=light] .portfolio-sidebar-website{color:#6366f1}.ptpl-minimal-empty,.ptpl-creative-empty{opacity:.4;justify-content:center;align-items:center;min-height:200px;font-size:15px;display:flex}.portfolio-manager{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}.portfolio-manager-section{margin-bottom:20px}.portfolio-manager-section:last-child{margin-bottom:0}.portfolio-manager-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.portfolio-manager-avatar-row{align-items:center;gap:12px;display:flex}.portfolio-manager-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.portfolio-manager-avatar-fallback{background:linear-gradient(135deg,var(--accent),#00e5a0);color:#fff;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.portfolio-manager-cover-preview{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:10px;width:100%;height:120px;margin-bottom:8px}.portfolio-manager-cover-actions,.portfolio-template-pills{gap:8px;display:flex}.portfolio-template-pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:6px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.portfolio-template-pill:hover{border-color:var(--text-muted);color:var(--text)}.portfolio-template-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.portfolio-manager-actions{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.portfolio-social-inputs{flex-direction:column;gap:8px;margin-top:8px;display:flex}.portfolio-social-input-row{align-items:center;gap:10px;display:flex}.portfolio-social-input-label{opacity:.6;text-align:right;flex-shrink:0;width:80px;font-size:12px}.portfolio-social-input-row .auth-input{flex:1}.portfolio-manager-color-row{align-items:center;gap:10px;display:flex}.portfolio-manager-color-picker{cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;padding:0}.portfolio-manager-color-value{opacity:.5;font-family:monospace;font-size:13px}@keyframes ptplFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes ptplAccentLine{0%{width:0}to{width:60px}}@keyframes ptplAvatarPulse{0%,to{box-shadow:0 0 0 0 var(--ptpl-accent)}50%{box-shadow:0 0 0 8px #0000}}@keyframes ptplShimmerSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes ptplMeshDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ptplRingRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ptpl-card-entrance{animation:.6s cubic-bezier(.22,1,.36,1) both ptplFadeIn;animation-delay:calc(var(--i,0)*80ms + .2s)}@media (prefers-reduced-motion:reduce){.ptpl-card-entrance{opacity:1!important;animation:none!important}}.ptpl-social-icons{flex-wrap:wrap;gap:12px;display:flex}.ptpl-social-icon{width:36px;height:36px;color:inherit;opacity:.5;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:opacity .2s,transform .2s,background .2s;display:flex}.ptpl-social-icon svg{width:18px;height:18px}.ptpl-social-icon:hover{opacity:1;background:#ffffff14;transform:scale(1.15)}.ptpl-minimal{min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.ptpl-minimal-dark{color:#e8e8ec;background:#0c0c10}.ptpl-minimal-light{color:#1a1a2e;background:#f8f8fa}.ptpl-minimal-dots{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}.ptpl-minimal-light .ptpl-minimal-dots{background-image:radial-gradient(circle,#0000000a 1px,#0000 1px)}.ptpl-minimal-cover{z-index:1;background-position:50%;background-size:cover;width:100%;height:360px;position:relative}.ptpl-minimal-cover-fade{background:linear-gradient(#0000 50%,#0c0c10);position:absolute;inset:0}.ptpl-minimal-light .ptpl-minimal-cover-fade{background:linear-gradient(#0000 50%,#f8f8fa)}.ptpl-minimal-header{z-index:1;max-width:1000px;margin:0 auto;padding:40px 24px 0;animation:.7s cubic-bezier(.22,1,.36,1) both ptplFadeIn;position:relative}.ptpl-minimal-avatar-row{align-items:center;gap:20px;margin-bottom:20px;display:flex}.ptpl-minimal-avatar{object-fit:cover;border:3px solid #ffffff14;border-radius:50%;flex-shrink:0;width:88px;height:88px;transition:transform .3s}.ptpl-minimal-avatar:hover{transform:scale(1.05)}.ptpl-minimal-avatar-fallback{background:linear-gradient(135deg,var(--ptpl-accent),#00e5a0);color:#fff;border:none;justify-content:center;align-items:center;font-size:34px;font-weight:700;display:flex}.ptpl-minimal-name{letter-spacing:-.02em;background:linear-gradient(135deg,var(--ptpl-accent),#e8e8ec);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.ptpl-minimal-light .ptpl-minimal-name{background:linear-gradient(135deg,var(--ptpl-accent),#1a1a2e);-webkit-background-clip:text;background-clip:text}.ptpl-minimal-username{opacity:.4;margin:4px 0 0;font-size:14px;font-weight:500}.ptpl-minimal-tagline{color:var(--ptpl-accent);letter-spacing:.02em;margin:0 0 8px;font-size:16px;font-weight:600}.ptpl-minimal-bio{opacity:.7;max-width:560px;margin:0 0 12px;font-size:15px;line-height:1.7}.ptpl-minimal-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ptpl-minimal-location{opacity:.5;align-items:center;gap:6px;font-size:13px;display:flex}.ptpl-minimal-website{color:var(--ptpl-accent);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:opacity .2s;display:flex}.ptpl-minimal-website:hover{opacity:.7}.ptpl-minimal-socials{margin-bottom:16px}.ptpl-minimal-accent-line{background:var(--ptpl-accent);border-radius:2px;height:2px;margin-top:8px;animation:.8s cubic-bezier(.22,1,.36,1) .3s both ptplAccentLine}.ptpl-minimal-topias{z-index:1;max-width:1200px;margin:0 auto;padding:40px 24px 60px;position:relative}.ptpl-minimal-section-title{text-transform:uppercase;letter-spacing:.1em;opacity:.35;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;font-weight:700;display:flex}.ptpl-minimal-count{background:var(--ptpl-accent);color:#fff;opacity:1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.ptpl-minimal-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.ptpl-minimal-card{color:inherit;border-radius:16px;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;overflow:hidden}.ptpl-minimal-dark .ptpl-minimal-card{background:#151518;border:1px solid #222228}.ptpl-minimal-light .ptpl-minimal-card{background:#fff;border:1px solid #e2e2e8}.ptpl-minimal-card:hover{box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--ptpl-accent);transform:translateY(-6px)}.ptpl-minimal-light .ptpl-minimal-card:hover{box-shadow:0 20px 60px #0000001a,0 0 0 1px var(--ptpl-accent)}.ptpl-minimal-card-shimmer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ptpl-minimal-card-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:50%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.ptpl-minimal-card:hover .ptpl-minimal-card-shimmer:after{animation:.8s ease-out ptplShimmerSweep}.ptpl-minimal-card-img{object-fit:cover;width:100%;height:180px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.ptpl-minimal-card:hover .ptpl-minimal-card-img{transform:scale(1.04)}.ptpl-minimal-card-img-placeholder{background:linear-gradient(135deg,#6366f10f,#00e5a00f);justify-content:center;align-items:center;width:100%;height:180px;display:flex}.ptpl-minimal-card-img-placeholder svg{opacity:.15;width:40px;height:40px}.ptpl-minimal-card-body{padding:18px 20px}.ptpl-minimal-card-body h3{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:700;transition:color .2s}.ptpl-minimal-card:hover .ptpl-minimal-card-body h3{color:var(--ptpl-accent)}.ptpl-minimal-card-desc{opacity:.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.ptpl-minimal-card-meta{opacity:.35;gap:12px;font-size:12px;display:flex}.ptpl-minimal-card-views{opacity:.7}.ptpl-minimal-empty{opacity:.3;justify-content:center;align-items:center;height:200px;font-size:15px;display:flex}.ptpl-minimal-footer{text-align:center;opacity:.3;z-index:1;padding:40px 24px;font-size:13px;position:relative}.ptpl-minimal-footer a{color:inherit;text-decoration:underline}.ptpl-creative{min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative}.ptpl-creative-dark{color:#eee;background:#06060a}.ptpl-creative-light{color:#1a1a1a;background:#f5f5f5}.ptpl-creative-hero{background-color:#0a0a14;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.ptpl-creative-light .ptpl-creative-hero{background-color:#e8e8ee}.ptpl-creative-hero-mesh{background:linear-gradient(135deg,var(--ptpl-accent),#0a0a14,#00e5a0,var(--ptpl-accent));opacity:.25;background-size:400% 400%;animation:12s infinite ptplMeshDrift;position:absolute;inset:-50%}.ptpl-creative-hero-overlay{background:linear-gradient(#00000026 0%,#000000a6 100%);position:absolute;inset:0}.ptpl-creative-light .ptpl-creative-hero-overlay{background:linear-gradient(#ffffff1a 0%,#ffffffb3 100%)}.ptpl-creative-hero-content{z-index:1;text-align:center;color:#fff;padding:64px 24px;animation:.8s cubic-bezier(.22,1,.36,1) both ptplFadeIn;position:relative}.ptpl-creative-light .ptpl-creative-hero-content{color:#1a1a1a}.ptpl-creative-avatar-wrap{width:120px;height:120px;margin:0 auto 24px;position:relative}.ptpl-creative-avatar{object-fit:cover;z-index:1;border:3px solid #fff3;border-radius:50%;width:120px;height:120px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block;position:relative}.ptpl-creative-avatar:hover{transform:scale(1.08)}.ptpl-creative-avatar-fallback{background:linear-gradient(135deg,var(--ptpl-accent),#00e5a0);color:#fff;border:none;justify-content:center;align-items:center;font-size:44px;font-weight:700;display:flex}.ptpl-creative-avatar-ring{border:2px solid #0000;border-top-color:var(--ptpl-accent);border-right-color:var(--ptpl-accent);opacity:.4;border-radius:50%;width:134px;height:134px;animation:4s linear infinite ptplRingRotate;position:absolute;top:50%;left:50%}.ptpl-creative-name{letter-spacing:-.03em;background:linear-gradient(to right,#fff,var(--ptpl-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:48px;font-weight:800;line-height:1.1}.ptpl-creative-light .ptpl-creative-name{background:linear-gradient(to right,#1a1a1a,var(--ptpl-accent));-webkit-background-clip:text;background-clip:text}.ptpl-creative-tagline{opacity:.75;letter-spacing:.03em;text-transform:uppercase;font-variant:small-caps;margin:8px 0 4px;font-size:18px;font-weight:500}.ptpl-creative-username{opacity:.45;margin:4px 0 16px;font-size:14px}.ptpl-creative-bio{opacity:.8;max-width:520px;margin:0 auto 12px;font-size:16px;line-height:1.7}.ptpl-creative-hero-meta{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:12px;display:flex}.ptpl-creative-location{opacity:.5;align-items:center;gap:6px;font-size:13px;display:flex}.ptpl-creative-website{color:var(--ptpl-accent);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:opacity .2s;display:flex}.ptpl-creative-website:hover{opacity:.7}.ptpl-creative-socials{justify-content:center;margin-top:8px}.ptpl-creative-section-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.ptpl-creative-section-header h2{text-transform:uppercase;letter-spacing:.15em;opacity:.4;white-space:nowrap;margin:0;font-size:13px;font-weight:700}.ptpl-creative-section-line{background:linear-gradient(90deg,#0000,#ffffff26,#0000);flex:1;height:1px}.ptpl-creative-light .ptpl-creative-section-line{background:linear-gradient(90deg,#0000,#0000001a,#0000)}.ptpl-creative-topias{max-width:1200px;margin:0 auto;padding:56px 24px 64px}.ptpl-creative-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;display:grid}.ptpl-creative-card{color:inherit;border-radius:20px;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;position:relative;overflow:hidden}.ptpl-creative-dark .ptpl-creative-card{background:#0e0e14;border:1px solid #1a1a24}.ptpl-creative-light .ptpl-creative-card{background:#fff;border:1px solid #e0e0e6}.ptpl-creative-card:hover{box-shadow:0 24px 80px #00000059,0 0 40px -10px var(--ptpl-accent);transform:translateY(-8px)scale(1.01)}.ptpl-creative-light .ptpl-creative-card:hover{box-shadow:0 24px 80px #0000001a,0 0 40px -10px var(--ptpl-accent)}.ptpl-creative-card-glow{background:linear-gradient(135deg,var(--ptpl-accent),transparent,var(--ptpl-accent));opacity:0;z-index:0;border-radius:20px;transition:opacity .4s;position:absolute;inset:-1px}.ptpl-creative-card:hover .ptpl-creative-card-glow{opacity:.15}.ptpl-creative-card-img{object-fit:cover;z-index:1;width:100%;height:220px;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:relative}.ptpl-creative-card:hover .ptpl-creative-card-img{transform:scale(1.06)}.ptpl-creative-card-placeholder{z-index:1;width:100%;height:220px;position:relative;overflow:hidden}.ptpl-creative-card-placeholder-inner{background:linear-gradient(135deg,var(--ptpl-accent),#00e5a0);opacity:.08;position:absolute;inset:0}.ptpl-creative-card-body{z-index:1;padding:22px 24px;position:relative}.ptpl-creative-card-body h3{letter-spacing:-.01em;margin:0 0 6px;font-size:19px;font-weight:700;transition:color .2s}.ptpl-creative-card:hover .ptpl-creative-card-body h3{color:var(--ptpl-accent)}.ptpl-creative-card-desc{opacity:.55;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.ptpl-creative-card-meta{opacity:.35;gap:12px;font-size:12px;display:flex}.ptpl-creative-card-views{opacity:.7}.ptpl-creative-empty{opacity:.3;justify-content:center;align-items:center;height:200px;font-size:15px;display:flex}.ptpl-creative-footer{text-align:center;opacity:.3;padding:40px 24px;font-size:13px}.ptpl-creative-footer a{color:inherit;text-decoration:underline}.ptpl-grid{min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.ptpl-grid-dark{color:#e8e8ec;background:#08080c}.ptpl-grid-light{color:#1a1a2e;background:#f6f6fa}.ptpl-grid-ambient{pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 0%,var(--ptpl-accent),transparent 50%),radial-gradient(ellipse at 80% 100%,#00e5a0,transparent 50%);opacity:.04;position:fixed;inset:0}.ptpl-grid-cover{z-index:1;background-position:50%;background-size:cover;width:100%;height:240px;position:relative}.ptpl-grid-cover-fade{background:linear-gradient(#0000 40%,#08080c);position:absolute;inset:0}.ptpl-grid-light .ptpl-grid-cover-fade{background:linear-gradient(#0000 40%,#f6f6fa)}.ptpl-grid-header{z-index:1;max-width:1200px;margin:0 auto;padding:36px 32px 0;animation:.7s cubic-bezier(.22,1,.36,1) both ptplFadeIn;position:relative}.ptpl-grid-profile-card{align-items:center;gap:20px;margin-bottom:16px;display:flex}.ptpl-grid-avatar-wrap{flex-shrink:0}.ptpl-grid-avatar{object-fit:cover;border:3px solid #ffffff0f;border-radius:50%;flex-shrink:0;width:80px;height:80px;transition:transform .3s,box-shadow .3s}.ptpl-grid-avatar:hover{box-shadow:0 0 24px -4px var(--ptpl-accent);transform:scale(1.06)}.ptpl-grid-avatar-fallback{background:linear-gradient(135deg,var(--ptpl-accent),#00e5a0);color:#fff;border:none;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.ptpl-grid-profile-info{min-width:0}.ptpl-grid-name{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.ptpl-grid-tagline{color:var(--ptpl-accent);letter-spacing:.01em;margin:2px 0 0;font-size:14px;font-weight:600}.ptpl-grid-username{opacity:.4;margin:4px 0 0;font-size:13px}.ptpl-grid-bio{opacity:.65;max-width:600px;margin:0 0 12px;font-size:15px;line-height:1.7}.ptpl-grid-meta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ptpl-grid-location{opacity:.45;align-items:center;gap:6px;font-size:13px;display:flex}.ptpl-grid-website{color:var(--ptpl-accent);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:opacity .2s;display:flex}.ptpl-grid-website:hover{opacity:.7}.ptpl-grid-stat{opacity:.4;font-size:13px}.ptpl-grid-stat strong{color:var(--ptpl-accent);opacity:1;font-weight:700}.ptpl-grid-socials{margin-bottom:8px}.ptpl-grid-main{z-index:1;min-width:0;max-width:1200px;margin:0 auto;padding:32px 32px 64px;position:relative}.ptpl-grid-masonry{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ptpl-grid-card{color:inherit;text-decoration:none;display:block}.ptpl-grid-card-inner{border-radius:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;position:relative;overflow:hidden}.ptpl-grid-card:hover .ptpl-grid-card-inner{box-shadow:0 20px 60px #0006,0 0 0 1px var(--ptpl-accent);transform:translateY(-6px)scale(1.01)}.ptpl-grid-light .ptpl-grid-card:hover .ptpl-grid-card-inner{box-shadow:0 20px 60px #0000001a,0 0 0 1px var(--ptpl-accent)}.ptpl-grid-card-img{object-fit:cover;width:100%;height:240px;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s;display:block}.ptpl-grid-card:hover .ptpl-grid-card-img{filter:brightness(.85);transform:scale(1.06)}.ptpl-grid-card-img-placeholder{background:linear-gradient(135deg,#8b5cf60f,#00e5a00f);width:100%;height:240px}.ptpl-grid-card-overlay{color:#fff;opacity:.85;background:linear-gradient(#0000 0%,#000000d9 100%);padding:60px 20px 18px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.ptpl-grid-card:hover .ptpl-grid-card-overlay{opacity:1;transform:translateY(0)}.ptpl-grid-card-overlay h3{letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:700}.ptpl-grid-card-desc{opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.ptpl-grid-card-meta{opacity:.5;gap:10px;font-size:11px;display:flex}.ptpl-grid-empty{opacity:.3;justify-content:center;align-items:center;height:200px;font-size:15px;display:flex}.ptpl-grid-footer{text-align:center;opacity:.3;z-index:1;padding:40px 24px;font-size:13px;position:relative}.ptpl-grid-footer a{color:inherit;text-decoration:underline}@media (max-width:768px){.ptpl-minimal-header{padding:24px 16px 0}.ptpl-minimal-topias{padding:24px 16px 48px}.ptpl-minimal-grid{grid-template-columns:1fr}.ptpl-minimal-name{font-size:24px}.ptpl-creative-name{font-size:32px}.ptpl-creative-hero{min-height:50vh}.ptpl-creative-avatar-wrap,.ptpl-creative-avatar{width:90px;height:90px}.ptpl-creative-avatar-ring{width:104px;height:104px}.ptpl-creative-grid{grid-template-columns:1fr}.ptpl-grid-header{padding:24px 16px 0}.ptpl-grid-main{padding:24px 16px 48px}.ptpl-grid-masonry{grid-template-columns:1fr}.ptpl-grid-name{font-size:22px}}.publish-page{max-width:1280px;margin:0 auto}.publish-page h1{margin-bottom:24px}.publish-table-header{background:var(--surface);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-radius:10px 10px 0 0;grid-template-columns:2fr 1.5fr 1fr 1.5fr .8fr;gap:8px;padding:12px 20px;font-size:12px;font-weight:700;display:grid}.publish-ghost-table{border-radius:14px;overflow:hidden}.publish-ghost-row{background:var(--surface);border-bottom:1px solid var(--border);height:52px}.publish-ghost-row:last-child{border-bottom:none}.publish-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:64px 24px}.publish-empty svg{margin-bottom:16px}.publish-empty h3{margin:0 0 8px;font-size:18px;font-weight:700}.publish-empty p{color:var(--text-muted);max-width:440px;margin:0 auto 16px;font-size:14px;line-height:1.6}.publish-empty-hint{color:var(--text-dim);font-size:13px;margin-top:8px!important}.admin-page{max-width:600px;margin:0 auto}.admin-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:15px}.admin-section{margin-bottom:32px}.admin-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:15px;font-weight:600}.admin-plan-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-plan-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;color:var(--text);border-radius:12px;flex-direction:column;gap:6px;padding:20px;font-family:inherit;transition:border-color .15s,transform .15s;display:flex;position:relative}.admin-plan-card:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.admin-plan-card.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.admin-plan-card:disabled{cursor:default}.admin-plan-card strong{font-size:15px}.admin-plan-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.admin-plan-current{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:rgba(var(--accent-rgb),.1);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.topia-card-link{color:inherit;text-decoration:none;display:block}.site-footer{border-top:1px solid var(--border);text-align:center;padding:48px 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent-2)}.footer-brand{color:#8888a880;font-size:13px}.footer-brand strong{color:#8888a8b3}@media (max-width:900px){.pyramid-annotation{display:none}}@media (max-width:768px){.hero{padding:100px 24px 60px}section{padding:60px 0}.problem-grid,.product-cards,.feature-modes,.hiw-steps{grid-template-columns:1fr}.comparison-table-wrap{-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px;overflow-x:auto}.comparison-table{min-width:580px;font-size:13px}.comparison-table td,.comparison-table th{padding:12px 14px}.comparison-table td:first-child{white-space:normal}.tier-top{width:150px}.tier-top-inner{height:160px;padding:0 12px 14px}.tier-top-title{font-size:16px}.tier-mid{width:300px}.tier-mid-inner{clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%);height:160px;padding:36px 12px 12px}.tier-mid-words,.tier-mid-row{gap:8px}.tier-mid-word{width:56px;height:56px;font-size:8px}.tier-bottom{width:450px;max-width:100%}.tier-bottom-inner{clip-path:polygon(16.7% 0%,83.3% 0%,100% 100%,0% 100%);height:160px;padding:28px 16px 16px}.jargon-row{white-space:nowrap;transform:scale(.65)}.jargon-row .js{margin:0 2px}.jargon-wall{gap:0}.pyramid-toggle-btn{padding:8px 18px;font-size:11px}.tools-breakdown{padding:0 12px}.tools-section-label{font-size:20px}.tools-section-sublabel{margin-bottom:24px;font-size:13px}.tools-category-name{font-size:16px}.tools-chips{justify-content:center;gap:8px}.tools-chip{border-radius:10px;gap:6px;width:76px;height:72px;padding:10px 6px;font-size:9px}.tools-chip img{width:28px;height:28px}.infra-card .tools-chip{width:76px;height:72px;padding:10px 6px;font-size:9px}.infra-card .tools-chip img{width:28px;height:28px}.tools-loretopia{padding:12px 14px;font-size:13px}.infra-callout{padding:20px 18px;font-size:16px}.tools-categories{gap:24px;margin-bottom:48px}.site-nav{border-radius:24px;width:calc(100% - 32px);padding:0 20px;top:10px}.site-nav-inner{height:48px}.nav-hamburger{display:flex}.site-nav-links{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#0c0c0cf7;border-radius:16px;flex-direction:column;gap:2px;margin-top:8px;padding:12px;display:none;position:absolute;top:100%;left:0;right:0}.site-nav-links.mobile-open{display:flex}.site-nav-links a{border-radius:10px;justify-content:flex-start;width:100%;height:40px;padding:0 12px;font-size:14px}.site-nav-cta{text-align:center;border-radius:10px;justify-content:center;height:40px;margin:4px 0 0;font-size:14px}.site-nav-brand{font-size:15px}.theme-toggle-btn{width:28px;height:28px;margin-left:6px;font-size:13px}.hero-ctas{flex-direction:column;align-items:center;gap:12px}.btn{justify-content:center;width:100%;max-width:320px;padding:14px 24px;font-size:16px}.btn-sm{padding:12px 20px;font-size:14px}.cta-banner{padding:60px 0}.cta-banner h2{font-size:24px}.cta-banner p{font-size:16px}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:28px 24px}.faq-question{font-size:15px}.faq-answer-inner{font-size:14px}.social-proof-bar{grid-template-columns:1fr 1fr;gap:16px 24px;padding:24px 16px;display:grid}.proof-stat .number{font-size:22px}.proof-stat .label{font-size:12px}.proof-stat+.proof-stat:before,.comparison-table-wrap{display:none}.comparison-cards{display:block}.inner-page{padding:100px 0 60px}.download-grid,.download-upcoming,.download-features-grid{grid-template-columns:1fr}.demo-steps{grid-template-columns:1fr 1fr}.docs-grid{grid-template-columns:1fr}.waitlist-form{flex-direction:column}.waitlist-perks{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;gap:32px}.auth-card{padding:28px 24px}.pricing-comparison-table{font-size:13px}.pricing-comparison-table th:nth-child(2),.pricing-comparison-table th:nth-child(3),.pricing-comparison-table td:nth-child(2),.pricing-comparison-table td:nth-child(3){width:auto}.account-card{text-align:center;flex-direction:column}.profile-edit-row{justify-content:center}.profile-signout{width:100%}.profile-signout .btn{justify-content:center;width:100%}.plan-card{flex-direction:column;align-items:flex-start}.plan-card .btn{justify-content:center;width:100%}.projects-ghost-grid{grid-template-columns:1fr}.danger-zone-item{flex-direction:column;align-items:flex-start}.portfolio-url-row{flex-direction:column;align-items:stretch}.portfolio-url-row .btn{justify-content:center}.dashboard-welcome{flex-direction:column;gap:8px}.dashboard-actions-grid{grid-template-columns:1fr 1fr}.dashboard-trending-grid{grid-template-columns:1fr}.discover-hero h1{font-size:32px}.discover-hero{padding:32px 16px 28px}.discover-spotlight .disc-card{grid-template-columns:1fr}.discover-spotlight .disc-card-visual{border-radius:20px 20px 0 0;height:200px}.discover-spotlight .disc-card-body{padding:20px}.discover-spotlight .disc-card-body h3{font-size:20px}.discover-featured-pair,.discover-grid{grid-template-columns:1fr}.my-topias-header{flex-direction:column;align-items:flex-start;gap:12px}.portfolio-preview-header{text-align:center;flex-direction:column}.portfolio-preview-grid{grid-template-columns:1fr}.publish-table-header{display:none}.site-nav-collapsed{top:10px;left:10px;width:40px!important;max-width:40px!important}.site-nav-collapsed .site-nav-inner{height:40px}.site-nav-collapsed .site-nav-brand-btn{font-size:18px}.app-footer .container{text-align:center;flex-direction:column;gap:12px}.footer-links{gap:20px}}.published-topias-list{flex-direction:column;gap:12px;display:flex}.published-topia-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.published-topia-item-info{flex:1;min-width:0}.published-topia-item-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.published-topia-item-header h4{margin:0;font-size:15px;font-weight:600}.published-topia-status{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.status-public{color:#22c55e;background:#22c55e26}.status-hidden{color:#eab308;background:#eab30826}.published-topia-item-meta{color:var(--text-dim);gap:12px;font-size:12px;display:flex}.published-topia-item-actions{flex-shrink:0;gap:6px;display:flex}.api-key-manager{flex-direction:column;gap:16px;display:flex}.api-key-generated{background:#22c55e14;border:1px solid #22c55e33;border-radius:12px;padding:16px}.api-key-generated p{margin-bottom:10px;font-size:14px}.api-key-display{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.api-key-display code{word-break:break-all;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:12px}.api-key-form{flex-direction:column;gap:10px;display:flex}.api-key-form-actions{gap:8px;display:flex}.api-key-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.api-key-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.api-key-item-info{flex-direction:column;gap:2px;display:flex}.api-key-item-name{font-size:14px;font-weight:600}.api-key-item-prefix{color:var(--text-dim);font-family:SF Mono,Fira Code,monospace;font-size:12px}.api-key-item-meta{color:var(--text-dim);font-size:11px}.account-section-desc{color:var(--text-dim);margin-bottom:12px;font-size:13px}.btn-ghost{border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px;transition:background .15s}.btn-ghost:hover{background:var(--card-bg)}.btn-danger-ghost{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:6px 14px;font-size:13px;transition:background .15s}.btn-danger-ghost:hover{background:#ef444414}.btn-danger-ghost:disabled{opacity:.5;cursor:not-allowed}.topia-layout{min-height:100vh;display:flex}.topia-layout-content{flex-direction:column;flex:1;min-width:0;display:flex}.topia-sidebar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0a0af2;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}@media (min-width:769px){.topia-sidebar{position:sticky;top:0}}@media (max-width:768px){.topia-sidebar{position:fixed;top:0;left:0}.topia-layout-content{margin-left:40px}}.topia-sidebar-collapsed{width:48px}@media (max-width:768px){.topia-sidebar-collapsed{width:40px}}.topia-sidebar-expanded{width:308px}@media (max-width:768px){.topia-sidebar-expanded{width:308px;box-shadow:4px 0 24px #00000080}}.topia-sidebar-backdrop{display:none}@media (max-width:768px){.topia-sidebar-backdrop{z-index:999;background:#00000080;display:block;position:fixed;inset:0}}.topia-sidebar-toggle{cursor:pointer;color:#fff9;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:48px;transition:color .15s,background .15s;display:flex}.topia-sidebar-toggle:hover{color:#fff;background:#ffffff0a}.topia-sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px 0 16px;display:flex}.topia-sidebar-brand{letter-spacing:-.02em;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800;text-decoration:none}.topia-sidebar-collapse-btn{cursor:pointer;color:#fff6;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:flex}.topia-sidebar-collapse-btn:hover{color:#fff;background:#ffffff14}.topia-sidebar-content{flex-direction:column;flex:1;gap:8px;padding:12px 12px 14px;animation:.2s 50ms both sidebarFadeIn;display:flex;overflow-y:auto}@keyframes sidebarFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.topia-sidebar-section{background:#ffffff0a;border-radius:10px;padding:12px}.topia-sidebar-topia-card .topia-sidebar-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.topia-sidebar-crumb{color:#fff6;font-size:11px;text-decoration:none;transition:color .15s}.topia-sidebar-crumb:hover{color:var(--accent,#00c48c)}.topia-sidebar-crumb+.topia-sidebar-crumb:before{content:" ›";color:#fff3;margin-right:4px}.topia-sidebar-topia-name{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700;text-decoration:none;transition:color .15s;display:block}.topia-sidebar-topia-name:hover,.topia-sidebar-topia-name.active{color:var(--accent,#00c48c)}.topia-sidebar-topia-desc{color:#ffffff80;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.topia-sidebar-creator{color:#ffffff59;font-size:11px}.topia-sidebar-pages-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.topia-sidebar-pages-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;margin-bottom:8px;font-size:10px;font-weight:600}.topia-sidebar-pages{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.topia-sidebar-page-link{color:#ffffffa6;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.topia-sidebar-page-link:hover{color:#fff;background:#ffffff0f}.topia-sidebar-page-link.active{color:#fff;background:#6366f126;font-weight:600}.topia-sidebar-page-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.topia-sidebar-page-thumb-spacer{flex-shrink:0;width:22px}.topia-sidebar-page-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.topia-sidebar-pin{opacity:.4;flex-shrink:0;align-items:center;display:flex}.topia-sidebar-user-nav{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.topia-sidebar-user-link{color:#ffffffa6;border-radius:8px;padding:7px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:block}.topia-sidebar-user-link:hover{color:#fff;background:#ffffff0f}.topia-sidebar-auth{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.topia-sidebar-auth-btn{text-align:center;background:var(--accent,#00c48c);color:#000;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.topia-sidebar-auth-btn:hover{opacity:.85}.topia-sidebar-auth-btn-secondary{text-align:center;color:#ffffffb3;background:#ffffff14;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.topia-sidebar-auth-btn-secondary:hover{color:#fff;background:#ffffff1f}.topia-sidebar-bottom{margin-top:auto;padding-top:4px}.topia-sidebar-bottom-row{border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:6px 4px;display:flex}.topia-sidebar-bottom-row .theme-toggle-btn,.topia-sidebar-icons-bottom .theme-toggle-btn{flex-shrink:0;margin-left:0}.topia-sidebar-footer-links{flex-wrap:wrap;flex:1;gap:2px 10px;display:flex}.topia-sidebar-footer-links a{color:#ffffff40;font-size:10px;text-decoration:none;transition:color .15s}.topia-sidebar-footer-links a:hover{color:#fff9}.topia-sidebar-icons{flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;display:flex;overflow-y:auto}.topia-sidebar-icons-bottom{flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding:8px 0;display:flex}.topia-sidebar-popover{-webkit-backdrop-filter:blur(16px);z-index:1001;background:#141414f7;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;max-height:70vh;padding:8px;animation:.15s both sidebarFadeIn;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0006}.topia-sidebar-popover-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;padding:4px 10px 6px;font-size:10px;font-weight:600}.topia-sidebar-popover-item{color:#ffffffa6;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.topia-sidebar-popover-item:hover{color:#fff;background:#ffffff14}.topia-sidebar-popover-item.active{color:#fff;background:#6366f126;font-weight:600}.topia-sidebar-popover-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}body[data-theme=grid] .topia-sidebar-popover{background:#fffffff7;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}body[data-theme=grid] .topia-sidebar-popover-label{color:#00000059}body[data-theme=grid] .topia-sidebar-popover-item{color:#000000a6}body[data-theme=grid] .topia-sidebar-popover-item:hover{color:#000;background:#0000000d}body[data-theme=grid] .topia-sidebar-popover-item.active{color:#111;background:#6366f11a}.topia-sidebar-icon-link{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.topia-sidebar-icon-link:hover{color:#fff;background:#ffffff14}.topia-sidebar-icon-link.active{color:#fff;background:#6366f133}body[data-theme=grid] .topia-sidebar{background:#fffffff7;border-right-color:#00000014}body[data-theme=grid] .topia-sidebar-toggle{color:#00000080}body[data-theme=grid] .topia-sidebar-toggle:hover{color:#000;background:#0000000a}body[data-theme=grid] .topia-sidebar-header{border-bottom-color:#0000000f}body[data-theme=grid] .topia-sidebar-collapse-btn{color:#0006}body[data-theme=grid] .topia-sidebar-collapse-btn:hover{color:#000;background:#0000000f}body[data-theme=grid] .topia-sidebar-section{background:#00000008}body[data-theme=grid] .topia-sidebar-crumb{color:#0006}body[data-theme=grid] .topia-sidebar-crumb+.topia-sidebar-crumb:before{color:#0003}body[data-theme=grid] .topia-sidebar-topia-name{color:#111}body[data-theme=grid] .topia-sidebar-topia-name.active{color:var(--accent,#00c48c)}body[data-theme=grid] .topia-sidebar-topia-desc{color:#00000080}body[data-theme=grid] .topia-sidebar-creator{color:#0006}body[data-theme=grid] .topia-sidebar-pages-label{color:#00000059}body[data-theme=grid] .topia-sidebar-page-link{color:#000000a6}body[data-theme=grid] .topia-sidebar-page-link:hover{color:#000;background:#0000000d}body[data-theme=grid] .topia-sidebar-page-link.active{color:#111;background:#6366f11a}body[data-theme=grid] .topia-sidebar-icon-link{color:#0006}body[data-theme=grid] .topia-sidebar-icon-link:hover{color:#000;background:#0000000d}body[data-theme=grid] .topia-sidebar-icon-link.active{color:#111;background:#6366f11f}body[data-theme=grid] .topia-sidebar-user-nav{border-bottom-color:#0000000f}body[data-theme=grid] .topia-sidebar-user-link{color:#000000a6}body[data-theme=grid] .topia-sidebar-user-link:hover{color:#000;background:#0000000d}body[data-theme=grid] .topia-sidebar-auth-btn-secondary{color:#0009;background:#0000000f}body[data-theme=grid] .topia-sidebar-auth-btn-secondary:hover{color:#000;background:#0000001a}body[data-theme=grid] .topia-sidebar-bottom-row{border-top-color:#0000000f}body[data-theme=grid] .topia-sidebar-footer-links a{color:#0000004d}body[data-theme=grid] .topia-sidebar-footer-links a:hover{color:#0009}body[data-theme=grid] .topia-sidebar-backdrop{background:#0000004d}.published-page-frame{flex-direction:column;flex:1;min-height:0;display:flex}.published-page-iframe{border:none;flex:1;width:100%}.published-page-loading{flex:1;justify-content:center;align-items:center;display:flex}.published-page-spinner{border:2px solid #ffffff1a;border-top-color:#ffffff80;border-radius:50%;width:28px;height:28px;animation:.6s linear infinite pageSpinner}@keyframes pageSpinner{to{transform:rotate(360deg)}}body[data-theme=grid] .published-page-spinner{border-color:#0006 #00000014 #00000014}.published-topia-hub{background:var(--bg-main);min-height:100vh;color:var(--text-main)}.published-topia-header{background:linear-gradient(135deg,var(--lt-primary,#6366f1),#1a1a2e);color:#fff;padding:80px 24px 48px}.published-topia-header-inner{max-width:1000px;margin:0 auto}.published-topia-header h1{margin-bottom:12px;font-size:36px;font-weight:700}.published-topia-header p{opacity:.85;margin-bottom:16px;font-size:16px}.published-topia-creator{opacity:.7;font-size:14px}.published-topia-creator a{color:inherit;text-decoration:underline}.published-topia-pages{max-width:1280px;margin:0 auto;padding:48px 24px}.published-topia-pages-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.published-page-card{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);border-radius:12px;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.published-page-card:hover{border-color:var(--accent);transform:translateY(-2px)}.published-page-card h3{margin:8px 0 0;font-size:15px;font-weight:600}.published-page-card-type{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.published-topia-empty{text-align:center;color:var(--text-dim);padding:48px 24px}.published-topia-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--card-border);padding:24px;font-size:13px}.published-topia-footer a{color:var(--accent);text-decoration:none}@media (max-width:600px){.published-topia-item{flex-direction:column;align-items:flex-start}.published-topia-item-actions{width:100%}.api-key-item{flex-direction:column;align-items:flex-start}}.tpl-epic{background:var(--tpl-bg,#06060a);color:#f0f0f0;min-height:100vh}.tpl-epic-hero{background-position:50%;background-size:cover;align-items:flex-end;min-height:70vh;display:flex;position:relative;overflow:hidden}.tpl-epic-hero-mesh{background:radial-gradient(ellipse at 15% 40%,var(--tpl-accent,#6366f1)0%,transparent 45%),radial-gradient(ellipse at 85% 25%,#8b5cf680 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,#ec48994d 0%,transparent 45%),radial-gradient(ellipse at 70% 60%,#6366f166 0%,transparent 40%);opacity:.45;background-size:200% 200%;width:140%;height:140%;animation:10s infinite tplGradientShift;position:absolute;inset:-20%}.tpl-epic-hero-overlay{background:linear-gradient(to top,var(--tpl-bg,#06060a)0%,#0000008c 35%,#0000001a 100%),repeating-conic-gradient(#ffffff03 0%,transparent 0.5%);background-size:100% 100%,200px 200px;position:absolute;inset:0}.tpl-epic-hero-content{z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:72px 32px;position:relative}.tpl-epic-hero-content h1{letter-spacing:-2px;background:linear-gradient(135deg,#fff 30%,var(--tpl-accent,#6366f1)70%,#ec4899cc);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:72px;font-weight:900;line-height:1;animation:.9s cubic-bezier(.22,1,.36,1) both tplTitleReveal,8s infinite tplTextGradient}.tpl-epic-hero-desc{opacity:.9;-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;max-width:600px;padding:16px 24px;font-size:18px;line-height:1.6;animation:.7s cubic-bezier(.22,1,.36,1) .3s both tplSlideInRight}.tpl-epic-hero-creator{opacity:.6;margin-top:24px;font-size:14px;animation:.7s cubic-bezier(.22,1,.36,1) .5s both tplSlideInRight}.tpl-epic-hero-creator a{color:var(--tpl-accent);font-weight:600;text-decoration:none;transition:text-shadow .3s}.tpl-epic-hero-creator a:hover{text-shadow:0 0 12px var(--tpl-accent)}.tpl-epic-pages{max-width:1200px;margin:0 auto;padding:56px 32px}.tpl-epic-pages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.tpl-epic-card{color:#f0f0f0;-webkit-backdrop-filter:blur(16px);background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;padding:28px;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;display:block;position:relative;overflow:hidden}.tpl-epic-card:before{content:"";background:linear-gradient(90deg,var(--tpl-accent,#6366f1),#ec4899cc,transparent);z-index:2;width:0;height:2px;transition:width .5s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.tpl-epic-card:hover:before{width:100%}.tpl-epic-card:hover{border-color:rgba(var(--tpl-accent-rgb,99,102,241),.4);box-shadow:0 16px 48px #00000080,0 0 0 1px rgba(var(--tpl-accent-rgb,99,102,241),.1),0 0 40px rgba(var(--tpl-accent-rgb,99,102,241),.08);transform:translateY(-8px)}.tpl-epic-card .tpl-epic-card-shimmer{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%}.tpl-epic-card:hover .tpl-epic-card-shimmer{animation:.7s forwards tplShimmer}.tpl-epic-card-glow{background:radial-gradient(circle,var(--tpl-accent)0%,transparent 65%);opacity:0;pointer-events:none;width:220%;height:220%;transition:opacity .5s;position:absolute;top:-60%;left:-60%}.tpl-epic-card:hover .tpl-epic-card-glow{opacity:.14}.tpl-epic-card-type{text-transform:uppercase;letter-spacing:2px;color:var(--tpl-accent);font-size:10px;font-weight:700}.tpl-epic-card h3{margin:10px 0 0;font-size:18px;font-weight:600;line-height:1.3}@media (max-width:600px){.tpl-epic-hero{min-height:55vh}.tpl-epic-hero-content h1{letter-spacing:-1px;font-size:40px}.tpl-epic-hero-content{padding:48px 20px}.tpl-epic-pages{padding:32px 20px}.tpl-epic-pages-grid{grid-template-columns:1fr}}.tpl-clean{background:var(--tpl-bg);min-height:100vh;position:relative}.tpl-clean:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#80808012 1px,#0000 1px),linear-gradient(#80808006 1px,#0000 1px),linear-gradient(90deg,#80808006 1px,#0000 1px);background-size:24px 24px,96px 96px,96px 96px;position:fixed;inset:0}.tpl-clean>*{z-index:1;position:relative}.tpl-clean-dark{color:#e0e4e8}.tpl-clean-light{color:#1a1a1a}.tpl-clean-hero{background-position:50%;background-size:cover;border-bottom:1px solid #8080801a;width:100%;height:240px;position:relative}.tpl-clean-hero:after{content:"";background:linear-gradient(to top,var(--tpl-bg),transparent);height:80px;position:absolute;bottom:0;left:0;right:0}.tpl-clean-header{max-width:1000px;margin:0 auto;padding:48px 24px 36px}.tpl-clean-header-accent{background:linear-gradient(90deg,var(--tpl-accent),rgba(var(--tpl-accent-rgb,99,102,241),.2));border-radius:2px;width:0;height:3px;margin-bottom:24px;animation:.8s cubic-bezier(.22,1,.36,1) .2s forwards tplAccentGrow}@keyframes tplAccentGrow{to{width:56px}}.tpl-clean-header h1{letter-spacing:-.5px;margin-bottom:10px;font-size:34px;font-weight:700;animation:.8s cubic-bezier(.22,1,.36,1) .1s both tplTitleReveal}.tpl-clean-desc{opacity:.6;font-size:16px;line-height:1.7;animation:.7s cubic-bezier(.22,1,.36,1) .3s both tplSlideInRight}.tpl-clean-meta{align-items:center;gap:16px;margin-top:16px;animation:.7s cubic-bezier(.22,1,.36,1) .4s both tplSlideInRight;display:flex}.tpl-clean-creator{opacity:.5;font-size:13px}.tpl-clean-creator a{color:var(--tpl-accent);font-weight:600;text-decoration:none;transition:text-shadow .2s}.tpl-clean-creator a:hover{text-shadow:0 0 8px rgba(var(--tpl-accent-rgb,99,102,241),.4)}.tpl-clean-page-count{opacity:.5;background:rgba(var(--tpl-accent-rgb,99,102,241),.06);border:1px solid rgba(var(--tpl-accent-rgb,99,102,241),.12);color:var(--tpl-accent);border-radius:6px;padding:3px 10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;font-weight:500}.tpl-clean-pages{max-width:1200px;margin:0 auto;padding:0 24px 56px}.tpl-clean-pages-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.tpl-clean-card{color:inherit;border:1px solid #8080801a;border-left:3px solid #0000;border-radius:12px;padding:22px;text-decoration:none;transition:border-color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-left-color .3s,background .3s;display:block;position:relative;overflow:hidden}.tpl-clean-card:after{content:"";background:linear-gradient(90deg,transparent,rgba(var(--tpl-accent-rgb,99,102,241),.04),transparent);pointer-events:none;z-index:2;width:50%;height:100%;position:absolute;top:0;left:-100%}.tpl-clean-card:hover:after{animation:.6s forwards tplShimmer}.tpl-clean-dark .tpl-clean-card{background:#ffffff05}.tpl-clean-light .tpl-clean-card{background:#fff;box-shadow:0 1px 4px #0000000a}.tpl-clean-card:hover{border-left-color:var(--tpl-accent);transform:translate(6px)}.tpl-clean-dark .tpl-clean-card:hover{border-color:rgba(var(--tpl-accent-rgb,99,102,241),.2);box-shadow:inset 0 0 40px rgba(var(--tpl-accent-rgb,99,102,241),.05),0 4px 20px #0000004d;background:#ffffff0a}.tpl-clean-light .tpl-clean-card:hover{box-shadow:0 8px 24px #00000014,0 0 0 1px rgba(var(--tpl-accent-rgb,99,102,241),.08)}.tpl-clean-card-type{text-transform:uppercase;letter-spacing:1px;opacity:.45;font-size:10px;font-weight:600}.tpl-clean-card h3{margin:6px 0 0;font-size:14px;font-weight:600;transition:color .2s}.tpl-clean-card:hover h3{color:var(--tpl-accent)}.tpl-mag{background:var(--tpl-bg,#0a0a0a);color:#e8e8e8;min-height:100vh}.tpl-mag-hero{width:100%;height:440px;position:relative;overflow:hidden}.tpl-mag-hero-img{object-fit:cover;width:110%;height:110%;animation:18s ease-in-out infinite tplFloat;position:absolute;inset:-5%}.tpl-mag-hero-overlay{background:linear-gradient(to bottom,#0000001a 0%,transparent 20%,var(--tpl-bg,#0a0a0a)100%),radial-gradient(ellipse at center,transparent 30%,#00000080 100%);position:absolute;inset:0}.tpl-mag-header{text-align:center;max-width:1000px;margin:0 auto;padding:40px 24px 28px}.tpl-mag-header-inner{border-top:2px solid var(--tpl-accent,#e11d48);border-bottom:2px solid var(--tpl-accent,#e11d48);padding:32px 0;position:relative}.tpl-mag-header-inner:before,.tpl-mag-header-inner:after{content:"";background:rgba(var(--tpl-accent-rgb,225,29,72),.15);height:1px;position:absolute;left:20%;right:20%}.tpl-mag-header-inner:before{top:4px}.tpl-mag-header-inner:after{bottom:4px}.tpl-mag-masthead{letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(135deg,#fff 40%,var(--tpl-accent,#e11d48)80%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;animation:.9s cubic-bezier(.22,1,.36,1) both tplTitleReveal,8s infinite tplTextGradient}.tpl-mag-tagline{opacity:.55;margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic;animation:.7s cubic-bezier(.22,1,.36,1) .3s both tplSlideInRight}.tpl-mag-divider{color:var(--tpl-accent,#e11d48);opacity:.5;margin:14px auto 0;font-size:18px;animation:.5s cubic-bezier(.22,1,.36,1) .5s both tplScaleIn;display:block}.tpl-mag-byline{opacity:.4;margin-top:12px;font-size:13px;animation:.7s cubic-bezier(.22,1,.36,1) .6s both tplSlideInRight}.tpl-mag-byline a{color:var(--tpl-accent);font-weight:600;text-decoration:none}.tpl-mag-content{max-width:1200px;margin:0 auto;padding:36px 24px 56px}.tpl-mag-featured{background:linear-gradient(135deg,rgba(var(--tpl-accent-rgb,225,29,72),.06),#ffffff08,rgba(var(--tpl-accent-rgb,225,29,72),.03));min-height:220px;color:inherit;background-size:200% 200%;border:1px solid #ffffff14;border-radius:16px;margin-bottom:28px;padding:40px;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;animation:12s infinite tplGradientShift;display:block;position:relative;overflow:hidden}.tpl-mag-featured:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%}.tpl-mag-featured:hover:after{animation:.7s forwards tplShimmer}.tpl-mag-featured:hover{border-color:var(--tpl-accent);box-shadow:0 20px 60px #00000059,0 0 0 1px rgba(var(--tpl-accent-rgb,225,29,72),.1);transform:translateY(-6px)}.tpl-mag-featured-label{text-transform:uppercase;letter-spacing:2px;color:#fff;background:linear-gradient(135deg,var(--tpl-accent,#e11d48),rgba(var(--tpl-accent-rgb,225,29,72),.7));box-shadow:0 2px 8px rgba(var(--tpl-accent-rgb,225,29,72),.3);border-radius:6px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-block}.tpl-mag-featured h2{margin:16px 0 10px;font-size:32px;font-weight:700;line-height:1.15}.tpl-mag-featured-meta{align-items:center;gap:12px;display:flex}.tpl-mag-featured-type{opacity:.5;font-size:13px}.tpl-mag-featured-fallback .tpl-card-fallback{width:60px;height:60px;margin-bottom:16px}.tpl-mag-featured-fallback .tpl-card-fallback svg{width:30px;height:30px}.tpl-mag-articles{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tpl-mag-article{border:1px solid #ffffff0f;border-top:2px solid rgba(var(--tpl-accent-rgb,225,29,72),.35);color:inherit;border-radius:12px;padding:24px;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s,background .3s;display:block;position:relative;overflow:hidden}.tpl-mag-article:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%}.tpl-mag-article:hover:after{animation:.6s forwards tplShimmer}.tpl-mag-article:hover{border-color:var(--tpl-accent);border-top-color:var(--tpl-accent);background:rgba(var(--tpl-accent-rgb,225,29,72),.03);transform:translateY(-5px);box-shadow:0 12px 36px #0000004d}.tpl-mag-article-type{text-transform:uppercase;letter-spacing:1px;opacity:.4;font-size:10px;font-weight:600}.tpl-mag-article h3{margin:8px 0 0;font-size:17px;font-weight:600;line-height:1.3;transition:color .2s}.tpl-mag-article:hover h3{color:var(--tpl-accent)}@media (max-width:600px){.tpl-mag-hero{height:300px}.tpl-mag-masthead{font-size:34px}.tpl-mag-articles{grid-template-columns:1fr}.tpl-mag-featured{padding:28px}.tpl-mag-featured h2{font-size:24px}}.tpl-gallery{background:var(--tpl-bg,#030305);color:#e8e8e8;min-height:100vh;position:relative}.tpl-gallery:before{content:"";background:radial-gradient(ellipse at 0% 0%,rgba(var(--tpl-accent-rgb,139,92,246),.08)0%,transparent 45%),radial-gradient(ellipse at 100% 100%,rgba(var(--tpl-accent-rgb,139,92,246),.06)0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(var(--tpl-accent-rgb,139,92,246),.02)0%,transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}.tpl-gallery>*{z-index:1;position:relative}.tpl-gallery-header{text-align:center;padding:64px 24px 28px}.tpl-gallery-header h1{letter-spacing:5px;text-transform:uppercase;font-size:30px;font-weight:500;animation:.9s cubic-bezier(.22,1,.36,1) both tplTitleReveal}.tpl-gallery-desc{opacity:.5;margin-top:12px;font-size:15px;font-style:italic;animation:.7s cubic-bezier(.22,1,.36,1) .3s both tplSlideInRight}.tpl-gallery-creator{opacity:.35;margin-top:16px;font-size:13px;animation:.7s cubic-bezier(.22,1,.36,1) .4s both tplSlideInRight}.tpl-gallery-creator a{color:var(--tpl-accent);font-weight:500;text-decoration:none}.tpl-gallery-header:after{content:"";background:linear-gradient(90deg,transparent,var(--tpl-accent,#8b5cf6),transparent);width:0;height:1px;margin:28px auto 0;animation:1s cubic-bezier(.22,1,.36,1) .5s forwards tplLineGrow;display:block}@keyframes tplLineGrow{to{width:80px}}.tpl-gallery-hero{max-width:1200px;margin:0 auto;padding:0 24px 36px}.tpl-gallery-hero-img{object-fit:cover;border-radius:16px;width:100%;max-height:420px;box-shadow:0 8px 40px #0006}.tpl-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 24px 56px;display:grid}.tpl-gallery-tile{color:#fff;background:#ffffff06;border:1px solid #ffffff0d;border-radius:16px;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s;display:block;position:relative;overflow:hidden}.tpl-gallery-tile:hover{border-color:rgba(var(--tpl-accent-rgb,139,92,246),.5);box-shadow:0 20px 60px #00000080,0 0 0 1px rgba(var(--tpl-accent-rgb,139,92,246),.15),0 0 40px rgba(var(--tpl-accent-rgb,139,92,246),.06);transform:scale(1.03)translateY(-4px)}.tpl-gallery-tile-large{grid-column:span 2}.tpl-gallery-tile-img{object-fit:cover;filter:brightness(.9);width:110%;height:110%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s;position:absolute;inset:-5%}.tpl-gallery-tile:hover .tpl-gallery-tile-img{filter:brightness();transform:scale(1.08)}.tpl-gallery-tile-overlay{z-index:1;background:linear-gradient(#0000 0%,#0006 60%,#000000d9 100%);padding:48px 20px 20px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.tpl-gallery-tile:hover .tpl-gallery-tile-overlay{transform:translateY(0)}.tpl-gallery-tile-inner{text-align:center;background:linear-gradient(135deg,rgba(var(--tpl-accent-rgb,139,92,246),.1),#00000026);flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:44px 24px;transition:background .3s;display:flex}.tpl-gallery-tile:hover .tpl-gallery-tile-inner{background:linear-gradient(135deg,rgba(var(--tpl-accent-rgb,139,92,246),.15),#0000001a)}.tpl-gallery-tile-large .tpl-gallery-tile-inner{min-height:280px}.tpl-gallery-tile:nth-child(3n+1):not(.tpl-gallery-tile-large){min-height:260px}.tpl-gallery-tile:nth-child(3n+2):not(.tpl-gallery-tile-large){min-height:210px}.tpl-gallery-tile:nth-child(3n+3):not(.tpl-gallery-tile-large){min-height:240px}.tpl-gallery-tile-large{min-height:300px}.tpl-gallery-tile-has-img{min-height:260px}.tpl-gallery-tile-large.tpl-gallery-tile-has-img{min-height:340px}.tpl-gallery-tile h3{text-shadow:0 2px 8px #00000080;margin:0;font-size:18px;font-weight:600;line-height:1.3}.tpl-gallery-tile-meta{align-items:center;gap:8px;margin-top:6px;display:flex}.tpl-gallery-tile-type{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.tpl-gallery-tile-views{opacity:.45;font-size:11px}@media (max-width:600px){.tpl-gallery-tile-large{grid-column:span 1}.tpl-gallery-grid{grid-template-columns:1fr}.tpl-gallery-header h1{letter-spacing:3px}}.tpl-story{background:var(--tpl-bg,#15110d);color:#e8ddd0;min-height:100vh;position:relative}.tpl-story:before{content:"";background:radial-gradient(ellipse at 50% 0%,rgba(var(--tpl-accent-rgb,217,119,6),.1)0%,transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(var(--tpl-accent-rgb,217,119,6),.04)0%,transparent 40%),radial-gradient(ellipse at center,transparent 40%,#0000004d 100%),repeating-linear-gradient(0deg,#ffffff03 0px,transparent 1px,transparent 3px);pointer-events:none;z-index:0;position:fixed;inset:0}.tpl-story>*{z-index:1;position:relative}.tpl-story-hero{text-align:center;padding:56px 24px 0;animation:.8s cubic-bezier(.22,1,.36,1) both tplFadeUp}.tpl-story-hero-frame{border:3px solid var(--tpl-accent,#d97706);box-shadow:0 0 0 6px #00000040,0 0 0 8px rgba(var(--tpl-accent-rgb,217,119,6),.12),0 0 0 14px #00000026,0 0 0 16px rgba(var(--tpl-accent-rgb,217,119,6),.06),0 12px 48px #00000080,0 0 60px rgba(var(--tpl-accent-rgb,217,119,6),.08);background:#00000059;border-radius:8px;padding:6px;transition:box-shadow .4s;display:inline-block}.tpl-story-hero-frame:hover{box-shadow:0 0 0 6px #00000040,0 0 0 8px rgba(var(--tpl-accent-rgb,217,119,6),.2),0 0 0 14px #00000026,0 0 0 16px rgba(var(--tpl-accent-rgb,217,119,6),.1),0 16px 64px #00000080,0 0 80px rgba(var(--tpl-accent-rgb,217,119,6),.12)}.tpl-story-hero-frame img{object-fit:cover;border-radius:4px;width:100%;max-width:600px;max-height:360px;display:block}.tpl-story-header{text-align:center;padding:40px 24px}.tpl-story-ornament{color:var(--tpl-accent,#d97706);opacity:.6;justify-content:center;align-items:center;gap:14px;margin:12px 0;display:flex}.tpl-story-ornament:before,.tpl-story-ornament:after{content:"";background:linear-gradient(90deg,currentColor,#0000);width:0;height:1px;animation:1s cubic-bezier(.22,1,.36,1) .4s forwards tplOrnamentLine}.tpl-story-ornament:after{background:linear-gradient(270deg,currentColor,#0000)}@keyframes tplOrnamentLine{to{width:50px}}.tpl-story-header h1{text-shadow:0 2px 16px #0006,0 0 40px rgba(var(--tpl-accent-rgb,217,119,6),.08);font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:700;animation:.9s cubic-bezier(.22,1,.36,1) .1s both tplTitleReveal}.tpl-story-desc{opacity:.6;max-width:480px;margin:16px auto 0;font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;line-height:1.8;animation:.7s cubic-bezier(.22,1,.36,1) .3s both tplSlideInRight}.tpl-story-creator{opacity:.4;margin-top:20px;font-size:13px;animation:.7s cubic-bezier(.22,1,.36,1) .5s both tplSlideInRight}.tpl-story-creator a{color:var(--tpl-accent);font-weight:600;text-decoration:none;transition:text-shadow .3s}.tpl-story-creator a:hover{text-shadow:0 0 12px rgba(var(--tpl-accent-rgb,217,119,6),.4)}.tpl-story-chapters{max-width:620px;margin:0 auto;padding:0 24px 56px}.tpl-story-chapters-title{text-transform:uppercase;letter-spacing:3px;opacity:.4;margin-bottom:28px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:600}.tpl-story-chapter-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:relative}.tpl-story-chapter-list:before{content:"";background:linear-gradient(180deg,var(--tpl-accent,#d97706),rgba(var(--tpl-accent-rgb,217,119,6),.1),transparent);opacity:.2;z-index:0;width:2px;position:absolute;top:24px;bottom:24px;left:28px}.tpl-story-chapter-list:after{content:"";background:var(--tpl-accent,#d97706);width:8px;height:8px;box-shadow:0 0 12px var(--tpl-accent,#d97706);z-index:0;border-radius:50%;animation:2s infinite tplPulseGlow;position:absolute;top:20px;left:25px}.tpl-story-chapter{color:inherit;z-index:1;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:18px;padding:18px 22px;text-decoration:none;transition:border-color .3s,background .3s,box-shadow .4s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.tpl-story-chapter:hover{border-color:rgba(var(--tpl-accent-rgb,217,119,6),.35);background:rgba(var(--tpl-accent-rgb,217,119,6),.05);box-shadow:0 4px 24px rgba(var(--tpl-accent-rgb,217,119,6),.08),inset 0 0 40px rgba(var(--tpl-accent-rgb,217,119,6),.03);transform:translate(4px)}.tpl-story-chapter-num{width:40px;height:40px;color:var(--tpl-accent,#d97706);background:rgba(var(--tpl-accent-rgb,217,119,6),.1);border:2px solid rgba(var(--tpl-accent-rgb,217,119,6),.25);box-shadow:0 0 12px rgba(var(--tpl-accent-rgb,217,119,6),.06);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s,border-color .3s;display:flex}.tpl-story-chapter:hover .tpl-story-chapter-num{background:rgba(var(--tpl-accent-rgb,217,119,6),.18);border-color:rgba(var(--tpl-accent-rgb,217,119,6),.5);box-shadow:0 0 20px rgba(var(--tpl-accent-rgb,217,119,6),.15);transform:scale(1.15)}.tpl-story-chapter-thumb{object-fit:cover;border:2px solid rgba(var(--tpl-accent-rgb,217,119,6),.25);width:68px;height:68px;box-shadow:0 0 0 4px #00000040,0 0 0 6px rgba(var(--tpl-accent-rgb,217,119,6),.1),0 4px 16px #0000004d;border-radius:8px;flex-shrink:0;transition:border-color .3s,box-shadow .3s,transform .35s}.tpl-story-chapter:hover .tpl-story-chapter-thumb{border-color:rgba(var(--tpl-accent-rgb,217,119,6),.5);box-shadow:0 0 0 4px #00000040,0 0 0 6px rgba(var(--tpl-accent-rgb,217,119,6),.2),0 8px 24px #0000004d,0 0 20px rgba(var(--tpl-accent-rgb,217,119,6),.08);transform:scale(1.05)}.tpl-story-chapter-has-thumb{padding:14px 22px}.tpl-story-chapter-info{flex:1}.tpl-story-chapter-info h3{margin:0;font-size:16px;font-weight:600;line-height:1.3;transition:color .2s}.tpl-story-chapter:hover .tpl-story-chapter-info h3{color:var(--tpl-accent)}.tpl-story-chapter-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.tpl-story-chapter-type{opacity:.4;font-size:12px}.tpl-story-chapter-arrow{opacity:.2;flex-shrink:0;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1)}.tpl-story-chapter:hover .tpl-story-chapter-arrow{opacity:.7;transform:translate(4px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}