*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#09090b}body{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1));font-family:Plus Jakarta Sans,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(110 231 208 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #09090b}.card{border-radius:1.5rem;border-width:1px;border-color:#27272acc;background-color:#18181bb3;--tw-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 24px 48px -28px rgba(0, 0, 0, .7);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 24px 48px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.input{width:100%;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.input::placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.input:focus{border-color:#6ee7d0b3;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(110 231 208 / .15)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(110 231 208 / var(--tw-bg-opacity, 1));padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(110 231 208 / .2);--tw-shadow: var(--tw-shadow-colored);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(174 243 226 / var(--tw-bg-opacity, 1))}.btn-primary:active{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1));background-color:#27272acc;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.btn-secondary:disabled{opacity:.5}.eyebrow{font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;--tw-text-opacity: 1;color:rgb(110 231 208 / var(--tw-text-opacity, 1))}.bg-dot-grid{background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,#000 35%,transparent 80%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.inset-x-4{left:1rem;right:1rem}.-right-24{right:-6rem}.-top-24{top:-6rem}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.bottom-28{bottom:7rem}.bottom-4{bottom:1rem}.bottom-\[calc\(env\(safe-area-inset-bottom\)\+1\.25rem\)\]{bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[calc\(env\(safe-area-inset-top\)\+1rem\)\]{top:calc(env(safe-area-inset-top) + 1rem)}.-z-10{z-index:-10}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[38\%\]{height:38%}.h-full{height:100%}.max-h-\[92dvh\]{max-height:92dvh}.min-h-dvh{min-height:100dvh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[72\%\]{width:72%}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-bar-grow{animation:bar-grow .6s cubic-bezier(.22,1,.36,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out both}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .4s cubic-bezier(.22,1,.36,1) both}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-sheet-up{animation:sheet-up .3s cubic-bezier(.22,1,.36,1) both}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-zinc-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(39 39 42 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-br-xl{border-bottom-right-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-coral-500\/20{border-color:#f26b4f33}.border-coral-500\/30{border-color:#f26b4f4d}.border-reef-300{--tw-border-opacity: 1;border-color:rgb(110 231 208 / var(--tw-border-opacity, 1))}.border-reef-300\/20{border-color:#6ee7d033}.border-reef-300\/30{border-color:#6ee7d04d}.border-zinc-500{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.bg-amber-400\/10{background-color:#fbbf241a}.bg-black\/70{background-color:#000000b3}.bg-coral-400{--tw-bg-opacity: 1;background-color:rgb(255 138 110 / var(--tw-bg-opacity, 1))}.bg-coral-500{--tw-bg-opacity: 1;background-color:rgb(242 107 79 / var(--tw-bg-opacity, 1))}.bg-coral-500\/10{background-color:#f26b4f1a}.bg-coral-500\/5{background-color:#f26b4f0d}.bg-emerald-400\/10{background-color:#34d3991a}.bg-reef-300{--tw-bg-opacity: 1;background-color:rgb(110 231 208 / var(--tw-bg-opacity, 1))}.bg-reef-300\/10{background-color:#6ee7d01a}.bg-reef-300\/15{background-color:#6ee7d026}.bg-reef-300\/5{background-color:#6ee7d00d}.bg-transparent{background-color:transparent}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/40{background-color:#18181b66}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-900\/60{background-color:#18181b99}.bg-zinc-900\/70{background-color:#18181bb3}.bg-zinc-900\/80{background-color:#18181bcc}.bg-zinc-900\/85{background-color:#18181bd9}.bg-zinc-900\/95{background-color:#18181bf2}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.bg-zinc-950\/60{background-color:#09090b99}.bg-zinc-950\/70{background-color:#09090bb3}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-coral-600{--tw-gradient-from: #e0553a var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 85 58 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-reef-600{--tw-gradient-from: #16917f var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 145 127 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-reef-700{--tw-gradient-from: #137467 var(--tw-gradient-from-position);--tw-gradient-to: rgb(19 116 103 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-coral-300{--tw-gradient-to: #ffab94 var(--tw-gradient-to-position)}.to-reef-300{--tw-gradient-to: #6ee7d0 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-36{padding-bottom:9rem}.pb-\[calc\(1\.25rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.pl-12{padding-left:3rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-\[calc\(env\(safe-area-inset-top\)\+1\.5rem\)\]{padding-top:calc(env(safe-area-inset-top) + 1.5rem)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-coral-300{--tw-text-opacity: 1;color:rgb(255 171 148 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-reef-300{--tw-text-opacity: 1;color:rgb(110 231 208 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-200{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-950{--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_9999px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow: 0 0 0 9999px rgba(0,0,0,.45);--tw-shadow-colored: 0 0 0 9999px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_\#6ee7d0\]{--tw-shadow: 0 0 12px #6ee7d0;--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 24px 48px -28px rgba(0, 0, 0, .7);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 24px 48px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lift{--tw-shadow: 0 0 0 1px rgba(110, 231, 208, .18), 0 20px 40px -20px rgba(110, 231, 208, .35);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/60{--tw-shadow-color: rgb(0 0 0 / .6);--tw-shadow: var(--tw-shadow-colored)}.shadow-reef-300\/25{--tw-shadow-color: rgb(110 231 208 / .25);--tw-shadow: var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-zinc-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity, 1))}.ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-zinc-900{--tw-ring-offset-color: #18181b}.blur-3xl{--tw-blur: blur(64px);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)}.drop-shadow-\[0_0_14px_rgba\(110\,231\,208\,0\.25\)\]{--tw-drop-shadow: drop-shadow(0 0 14px rgba(110,231,208,.25));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)}.filter{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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes drift{0%{transform:translateZ(0);opacity:.2}to{transform:translate3d(14px,-28px,0);opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-reef-300\/40:hover{border-color:#6ee7d066}.hover\:border-zinc-700:hover{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.hover\:bg-coral-500\/10:hover{background-color:#f26b4f1a}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-700:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.hover\:text-coral-300:hover{--tw-text-opacity: 1;color:rgb(255 171 148 / var(--tw-text-opacity, 1))}.hover\:text-zinc-100:hover{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.hover\:shadow-lift:hover{--tw-shadow: 0 0 0 1px rgba(110, 231, 208, .18), 0 20px 40px -20px rgba(110, 231, 208, .35);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 20px 40px -20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:inline{display:inline}.group[open] .group-open\:hidden{display:none}.group:focus-within .group-focus-within\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:bottom-10{bottom:2.5rem}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:aspect-video{aspect-ratio:16 / 9}.sm\:h-12{height:3rem}.sm\:h-64{height:16rem}.sm\:w-14{width:3.5rem}.sm\:w-72{width:18rem}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pt-12{padding-top:3rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media(min-width:768px){.md\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:items-center{align-items:center}}

/* REEFING product analysis and motion polish */
@keyframes reef-detail-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes reef-soft-glow{0%,100%{box-shadow:0 0 0 0 rgba(110,231,208,0)}50%{box-shadow:0 0 0 7px rgba(110,231,208,.09)}}
@keyframes reef-card-reveal{from{opacity:0;transform:translateY(9px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
.animate-detail-enter{animation:reef-detail-enter 420ms cubic-bezier(.22,1,.36,1) both}
.animate-card-reveal{animation:reef-card-reveal 360ms cubic-bezier(.22,1,.36,1) both}
.animate-detail-enter>section{animation:reef-card-reveal 380ms cubic-bezier(.22,1,.36,1) both}
.animate-detail-enter>section:nth-child(2){animation-delay:35ms}.animate-detail-enter>section:nth-child(3){animation-delay:70ms}.animate-detail-enter>section:nth-child(4){animation-delay:105ms}.animate-detail-enter>section:nth-child(5){animation-delay:140ms}.animate-detail-enter>section:nth-child(6){animation-delay:175ms}.animate-detail-enter>section:nth-child(7){animation-delay:210ms}
.bg-sky-400\/10{background-color:rgb(56 189 248 / .1)}.text-sky-300{color:rgb(125 211 252)}
.bg-amber-400\/5{background-color:rgb(251 191 36 / .05)}.text-amber-200{color:rgb(253 230 138)}
.text-reef-200{color:var(--reef-200,#a7f3e8)}
.card,.group,.btn-primary,.btn-secondary{transition-property:transform,border-color,background-color,box-shadow,opacity;transition-duration:220ms;transition-timing-function:cubic-bezier(.22,1,.36,1)}
button:active:not(:disabled){transform:scale(.985)}img{backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.animate-detail-enter,.animate-card-reveal,.animate-detail-enter>section{animation:none}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* REEFING Studio platform styles */
/* REEFING STUDIO — creator workspace                                          */
/* -------------------------------------------------------------------------- */
:root { color-scheme: dark; --reef-ink: #eaf2ed; --reef-muted: #85938d; --reef-line: rgba(226,242,233,.09); }
html { scroll-behavior: smooth; background: #080e0d; }
body { background: #080e0d; }
button, input, textarea, select { font: inherit; }
.reefing-platform { position: relative; isolation: isolate; overflow: clip; min-height: 100vh; color: #eef5f0; background: radial-gradient(ellipse at 52% -20%,rgba(69,151,128,.12),transparent 36%),#080e0d; }
.platform-ambient { pointer-events:none; position:absolute; inset:0; z-index:-1; overflow:hidden; }
.platform-ambient span { position:absolute; border-radius:999px; filter:blur(90px); opacity:.12; animation: ambient-float 17s ease-in-out infinite alternate; }
.platform-ambient span:nth-child(1){width:420px;height:420px;left:-220px;top:180px;background:#35caa8}
.platform-ambient span:nth-child(2){width:500px;height:500px;right:-280px;top:640px;background:#7567db;animation-delay:-5s}
.platform-ambient span:nth-child(3){width:350px;height:350px;left:42%;top:1100px;background:#5ea4bd;animation-delay:-9s}
@keyframes ambient-float {to{transform:translate3d(40px,-35px,0) scale(1.12)}}
.platform-topbar { height:76px; position:sticky; top:0; z-index:70; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 clamp(16px,4vw,56px); border-bottom:1px solid rgba(235,249,241,.07); background:rgba(8,14,13,.78); backdrop-filter:blur(24px) saturate(140%); }
.platform-brand {display:flex;align-items:center;gap:10px;color:#f3f8f4;font-size:13px;font-weight:900;letter-spacing:.15em}
.platform-brand i {margin-left:1px;border:1px solid rgba(129,231,199,.18);border-radius:7px;padding:4px 6px;color:#84dfc1;font-size:8px;font-style:normal;letter-spacing:.18em}
.platform-main-nav {display:flex;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025)}
.platform-main-nav button {padding:9px 14px;border-radius:999px;color:#82918a;font-size:11px;font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1)}
.platform-main-nav button:hover {color:#f2f8f3;background:rgba(255,255,255,.055)}
.platform-main-nav button.active {color:#07130f;background:#9be8cb;box-shadow:0 4px 20px #69ddb31c}
.platform-user-actions {display:flex;align-items:center;gap:8px}
.platform-account-button {display:flex;align-items:center;gap:9px;max-width:220px;padding:7px 11px 7px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#cbd7cf;font-size:10px;font-weight:700;transition:.2s}
.platform-account-button:hover {border-color:#8de5c255;background:rgba(255,255,255,.07)}
.account-avatar {display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#b0f2d7,#458e79);color:#0a1b14;font-size:11px;font-weight:900}
.mobile-menu-button {display:none;padding:10px;border:1px solid var(--reef-line);border-radius:12px;color:#c6d4cb}
.mobile-nav-panel {display:none;position:fixed;top:76px;left:12px;right:12px;z-index:80;padding:8px;border:1px solid var(--reef-line);border-radius:19px;background:rgba(10,17,15,.97);box-shadow:0 25px 70px #000a;backdrop-filter:blur(25px)}
.mobile-nav-panel button {display:flex;width:100%;justify-content:space-between;padding:14px;border-radius:12px;color:#dce7df;font-size:13px;text-align:left}
.mobile-nav-panel button:hover{background:#ffffff0b}
.platform-main-content {position:relative;z-index:1;max-width:1460px;min-height:calc(100vh - 140px);margin:0 auto;padding:38px clamp(16px,4vw,58px) 72px}
.platform-footer {display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1460px;margin:0 auto;padding:22px clamp(16px,4vw,58px) 30px;border-top:1px solid rgba(255,255,255,.055);color:#67766f;font-size:9px}
.platform-footer>div{font-size:9px;font-weight:800;letter-spacing:.14em;color:#98aaa0}
.platform-footer button{display:flex;align-items:center;gap:5px;color:#9bdcc5;font-size:10px;font-weight:700}
.platform-loading{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;background:#080e0d}
.reef-brand-mark {display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#b7f1d7,#63b89b);color:#071812;font-family:Georgia,serif;font-size:31px;font-weight:900;font-style:italic;line-height:1;box-shadow:0 8px 35px #79deb326}
.platform-panel {width:100%;max-width:1320px;margin:0 auto}
.platform-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:4px 0 30px}
.platform-heading .eyebrow {display:flex;align-items:center;gap:7px;color:#8ce6c7;font-size:9px;letter-spacing:.2em}
.platform-heading h1 {margin:14px 0 9px;color:#f2f8f4;font-size:clamp(32px,4vw,53px);font-weight:850;letter-spacing:-.065em;line-height:1.02}
.platform-heading h1 span {color:#8ce3c3}
.platform-heading p {max-width:570px;color:#8a9891;font-size:12px;line-height:1.8}
.profile-live-pill {display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(131,231,199,.16);border-radius:999px;background:rgba(131,231,199,.045);color:#9de6ca;font-size:8px;font-weight:800;letter-spacing:.16em;white-space:nowrap}
.profile-live-pill span,.proof-dot {width:6px;height:6px;border-radius:50%;background:#8fe4c5;box-shadow:0 0 0 4px #8fe4c51b}
.platform-card {border:1px solid rgba(232,247,238,.085);border-radius:25px;background:linear-gradient(145deg,rgba(20,31,27,.91),rgba(13,20,18,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 70px -45px #000;backdrop-filter:blur(18px)}
.platform-card-title {color:#edf5ef;font-size:15px;font-weight:800;letter-spacing:-.025em}
.platform-card-subtitle {margin-top:5px;color:#7f8e86;font-size:10px;line-height:1.6}
.soft-chip {padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:#829189;font-size:8px;font-weight:800;letter-spacing:.14em;white-space:nowrap}
.field-label {display:block;margin-bottom:8px;color:#d8e4dc;font-size:10px;font-weight:750}
.field-help {display:block;margin-top:7px;color:#64736b;font-size:9px;line-height:1.6}
.platform-input {width:100%;min-height:45px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(4,10,8,.48);color:#ecf5ef;font-size:12px;outline:none;transition:border-color .22s,box-shadow .22s,background .22s}
.platform-input::placeholder{color:#596861}
.platform-input:focus{border-color:#83dfbf80;background:#07120f;box-shadow:0 0 0 4px #83dfbf13}
.platform-input option{background:#101a16;color:#fff}
.handle-input-wrap {display:flex;align-items:center;gap:8px;min-height:47px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(4,10,8,.48);transition:.2s}
.handle-input-wrap:focus-within{border-color:#83dfbf80;box-shadow:0 0 0 4px #83dfbf13}
.handle-input-wrap>span{color:#8de1c3;font-size:11px;font-weight:700;white-space:nowrap}
.handle-input-wrap input{min-width:0;flex:1;border:0;background:transparent;color:white;font-size:12px;outline:0}
.handle-input-wrap input::placeholder{color:#53615a}
.upload-tile {display:flex;min-height:134px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.02);color:#93e4c7;text-align:center;transition:all .25s}
.upload-tile:hover{border-color:#8ce3c377;background:#8ce3c30a;transform:translateY(-2px)}
.upload-tile span{color:#dbe8df;font-size:10px;font-weight:750}
.upload-tile small{color:#718077;font-size:9px}
.color-control {display:flex;align-items:center;gap:11px;min-height:45px;padding:6px 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(4,10,8,.48);color:#a7b7ad;font-size:10px;font-weight:800;letter-spacing:.1em}
.color-control input{width:28px;height:28px;border:0;border-radius:8px;background:transparent;cursor:pointer}
.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:1px solid #fff3;border-radius:8px}
.toggle-card {padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02);text-align:left;transition:.22s}
.toggle-card:hover{border-color:#ffffff24;background:#ffffff07}
.toggle-card b{color:#dce8e0;font-size:10px}.toggle-card small{display:block;margin-top:5px;color:#697870;font-size:9px}
.toggle-switch{display:block;width:30px;height:17px;padding:2px;border-radius:999px;background:#303a35;transition:.22s}.toggle-switch i{display:block;width:13px;height:13px;border-radius:50%;background:#89958d;transition:.22s}.toggle-switch.on{background:#438c76}.toggle-switch.on i{transform:translateX(13px);background:#e9fff4}
.icon-action {display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#cfe0d5;font-size:10px;font-weight:750;transition:.2s}
.icon-action:hover{border-color:#8ce3c355;background:#8ce3c310}
.empty-dashed{padding:19px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#76847c;font-size:10px;text-align:center}
.platform-preview-top{display:flex;align-items:center;justify-content:space-between;padding:0 3px 10px;color:#8f9e95;font-size:8px;font-weight:850;letter-spacing:.18em}
.platform-preview-top span:last-child{display:flex;align-items:center;gap:6px;color:#5e7166}
.profile-stage {position:relative;display:flex;min-height:580px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:27px;background:radial-gradient(ellipse at center,#182720,#0d1311 72%);isolation:isolate}
.profile-stage-video {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.72}
.profile-stage:after{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(ellipse at center,transparent 10%,rgba(2,5,4,.42) 100%)}
.profile-card-3d{backface-visibility:hidden;will-change:transform;transform-style:preserve-3d}
.profile-card-3d:hover{box-shadow:0 40px 120px #0009,0 0 65px #8be8c51b}
.profile-theme-macos{border-radius:23px!important;background-color:rgba(24,30,30,.78)!important;backdrop-filter:blur(28px) saturate(150%)}
.profile-theme-solid{background-color:#111b18!important;backdrop-filter:blur(12px)}
.profile-theme-macos:before{content:"";position:absolute;left:17px;top:17px;width:7px;height:7px;border-radius:50%;background:#fb6159;box-shadow:13px 0 #f8bd4f,26px 0 #38c85c}
.profile-preview-card{margin:0 14px}
.snow-layer{pointer-events:none;position:absolute;inset:0;z-index:4;overflow:hidden}
.snow-layer i{position:absolute;top:-30px;color:#e8fff8;font-size:12px;font-style:normal;animation:snow-fall linear infinite}
@keyframes snow-fall{to{transform:translate3d(18px,680px,0) rotate(230deg);opacity:0}}
.snow-cursor{cursor:crosshair}
.profile-stage.snow-cursor,.profile-stage.snow-cursor *{cursor:crosshair}

/* Dashboard home */
.platform-home{max-width:1320px;margin:0 auto}
.home-hero{position:relative;display:grid;min-height:430px;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;padding:55px clamp(25px,5vw,64px);border:1px solid rgba(255,255,255,.075);border-radius:34px;background:radial-gradient(ellipse at 78% 28%,rgba(86,183,153,.12),transparent 38%),linear-gradient(125deg,#14211b,#101719 58%,#151827);box-shadow:0 30px 90px -58px #000;isolation:isolate}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.35) .55px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(90deg,#000,transparent)}
.home-hero-copy{position:relative;z-index:3;max-width:550px}
.home-hero-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#91e2c6;font-size:9px;font-weight:850;letter-spacing:.19em}
.home-hero h1{margin:22px 0 15px;color:#f4faf6;font-size:clamp(48px,6vw,78px);font-weight:900;letter-spacing:-.075em;line-height:.96}
.home-hero h1 span{color:#93e4c6}
.home-hero-copy>p{max-width:430px;color:#9baaa2;font-size:13px;line-height:1.9}
.home-hero-copy .btn-primary{margin-top:25px;padding:14px 19px}
.home-proof{display:flex;align-items:center;gap:10px;margin-top:31px;color:#728078;font-size:10px}
.home-hero-art{position:relative;min-height:330px;perspective:1000px}
.hero-orbit{position:absolute;left:50%;top:50%;width:340px;height:340px;border:1px solid rgba(132,226,193,.12);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.hero-orbit-a{width:290px;height:410px;transform:translate(-50%,-50%) rotate(50deg);border-style:dashed}
.hero-orbit-b{width:420px;height:300px;transform:translate(-50%,-50%) rotate(-25deg)}
.hero-glass-tile{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.025));box-shadow:0 25px 75px #0007,inset 0 1px 0 #ffffff24;backdrop-filter:blur(22px);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.home-hero-art:hover .tile-profile{transform:translate3d(-12px,-5px,55px) rotate(-8deg)}
.home-hero-art:hover .tile-site{transform:translate3d(12px,-15px,65px) rotate(7deg)}
.home-hero-art:hover .tile-food{transform:translate3d(4px,13px,55px) rotate(5deg)}
.tile-profile{left:13%;top:17%;width:148px;height:196px;padding:14px;transform:rotate(-10deg)}
.tile-window-dots{display:flex;gap:4px}.tile-window-dots i,.tile-browser i{width:5px;height:5px;border-radius:50%;background:#f08072}.tile-window-dots i:nth-child(2),.tile-browser i:nth-child(2){background:#edc16f}.tile-window-dots i:nth-child(3),.tile-browser i:nth-child(3){background:#70ca95}
.tile-avatar{display:grid;place-items:center;width:55px;height:55px;margin:20px auto 12px;border-radius:19px;background:linear-gradient(145deg,#b3edd7,#4a9f81);color:#10261d;font-family:Georgia,serif;font-size:40px;font-style:italic;font-weight:900}
.tile-line{width:62%;height:5px;margin:8px auto;border-radius:9px;background:#ffffff2e}.tile-line.wide{width:84%;height:6px;background:#ffffff7b}
.tile-link{width:85%;height:21px;margin:14px auto 0;border:1px solid #ffffff25;border-radius:8px;background:#ffffff0a}
.tile-site{right:7%;top:24%;width:190px;height:154px;padding:11px;transform:rotate(8deg)}
.tile-browser{display:flex;gap:4px;padding-bottom:10px;border-bottom:1px solid #ffffff1c}.tile-site-hero{height:50px;margin:12px 0;background:linear-gradient(100deg,#8ce3c3aa,#7770cb77);border-radius:9px}
.tile-site-row{display:flex;gap:6px}.tile-site-row i{height:30px;flex:1;border-radius:7px;background:#ffffff12}
.tile-food{left:37%;bottom:7%;width:128px;height:118px;padding:13px;transform:rotate(3deg)}
.food-symbol{display:grid;place-items:center;width:34px;height:34px;margin:2px auto 8px;border-radius:12px;background:#c5f0d7;color:#173327;font-size:22px}.food-scan-line{height:2px;margin:0 auto 9px;background:#92e3c6;box-shadow:0 0 12px #92e3c6}
.hero-star{position:absolute;color:#a8efd2;text-shadow:0 0 18px #8ce3c3}.star-a{right:15%;top:12%;font-size:29px;animation:star-rotate 18s linear infinite}.star-b{left:7%;bottom:20%;font-size:19px;animation:floaty 6s ease-in-out infinite}
@keyframes star-rotate{to{transform:rotate(360deg)}}@keyframes floaty{50%{transform:translateY(-12px)}}
.tools-section{margin-top:56px}
.tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.tools-heading .eyebrow{color:#7cdab9;font-size:9px;font-weight:850;letter-spacing:.2em}
.tools-heading h2{margin-top:9px;color:#f1f7f3;font-size:clamp(21px,3vw,29px);font-weight:850;letter-spacing:-.05em}
.tool-launch-card{position:relative;display:flex;min-height:310px;flex-direction:column;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(145deg,#18231e,#111917);text-align:left;box-shadow:0 16px 55px -44px #000;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.tool-launch-card:before{position:absolute;right:-70px;top:-90px;width:230px;height:230px;border-radius:50%;content:"";background:radial-gradient(circle,var(--tool-glow),transparent 70%);opacity:.55;transition:transform .5s}
.tool-launch-card:hover{transform:translateY(-7px);border-color:rgba(151,231,201,.27);box-shadow:0 30px 80px -48px #000}
.tool-launch-card:hover:before{transform:scale(1.3)}
.tool-mint{--tool-glow:#3cbd91}.tool-violet{--tool-glow:#7771c7}.tool-amber{--tool-glow:#c29a5a}
.tool-card-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#6f8277;font-size:8px;font-weight:850;letter-spacing:.18em}
.tool-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff17;border-radius:50%;color:#c2d2c8;transition:transform .25s,background .25s}.tool-launch-card:hover .tool-arrow{transform:rotate(45deg);background:#ffffff10}
.tool-icon{position:relative;z-index:1;display:grid;place-items:center;width:49px;height:49px;margin-top:30px;border:1px solid #ffffff17;border-radius:16px;background:#ffffff0a;color:#a6efcf;box-shadow:0 10px 25px #0002}
.tool-violet .tool-icon{color:#c1baff}.tool-amber .tool-icon{color:#f0d09d}
.tool-launch-card h3{margin-top:8px;color:#f1f7f3;font-size:21px;font-weight:850;letter-spacing:-.045em}
.tool-launch-card p{max-width:300px;margin-top:7px;color:#819087;font-size:11px;line-height:1.75}
.tool-card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:#d3e3d9;font-size:10px;font-weight:800}
.tool-card-footer svg{color:#8fe2c3;transition:transform .2s}.tool-launch-card:hover .tool-card-footer svg{transform:translateX(4px)}
.home-bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.bottom-feature{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:rgba(255,255,255,.018)}
.bottom-feature-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#8ce3c311;color:#8be2c3}
.bottom-feature b{color:#dce8e0;font-size:10px}.bottom-feature p{margin-top:4px;color:#718077;font-size:9px;line-height:1.6}
.home-auth-note{margin-top:16px;color:#617068;font-size:10px;text-align:center}

/* Website builder */
.template-card{min-height:145px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.018);text-align:left;transition:transform .24s,border-color .24s,background .24s}
.template-card:hover{transform:translateY(-3px);border-color:#ffffff22;background:rgba(255,255,255,.04)}
.template-card-active{border-color:#8be3c477;background:linear-gradient(135deg,#8be3c313,rgba(255,255,255,.025));box-shadow:0 0 0 1px #8be3c31b}
.template-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff12;border-radius:12px;color:#e9fff4;font-size:19px}
.template-card b{color:#e5eee8;font-size:10px}.template-card p{margin-top:7px;color:#718077;font-size:9px;line-height:1.65}
.site-canvas{position:relative;isolation:isolate;background:#0d1414;box-shadow:0 25px 75px #0006}
.site-canvas-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #ffffff12;background:#ffffff04}
.site-canvas-hero{position:relative;min-height:280px;overflow:hidden;padding:35px 27px 28px;background:radial-gradient(ellipse at 72% 30%,color-mix(in srgb,var(--site-accent) 17%,transparent),transparent 52%),linear-gradient(125deg,#15211d,#101616 65%,#151421)}
.site-canvas-hero h2{position:relative;z-index:1;max-width:540px;margin-top:13px;color:#f4faf6;font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-.07em;line-height:1.02}
.site-canvas-hero p{position:relative;z-index:1;max-width:450px;margin-top:12px;color:#a0aea6;font-size:11px;line-height:1.8}
.site-canvas-primary,.site-canvas-secondary{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;font-size:9px;font-weight:800}
.site-canvas-secondary{border:1px solid #ffffff25;background:#ffffff08;color:#e9f5ed}
.site-orb{position:absolute;right:9%;top:12%;width:180px;height:180px;border:1px solid;border-radius:50%;filter:blur(.2px);pointer-events:none}
.site-orb-two{right:4%;top:25%;width:250px;height:150px;border-radius:50%;transform:rotate(-35deg)}
.site-canvas-section{position:relative;z-index:1;padding:24px 22px;border-top:1px solid #ffffff0e}
.site-mini-feature{min-height:110px;padding:12px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05}
.site-mini-feature b{color:#f1f7f3;font-size:10px}.site-mini-feature p{margin-top:6px;color:#89968e;font-size:9px;line-height:1.6}
.site-canvas-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid #ffffff11;color:#738078;font-size:8px}
.site-canvas-compact .site-canvas-hero{min-height:240px;padding:30px 22px}.site-canvas-compact .site-canvas-hero h2{font-size:34px}.site-canvas-compact .site-canvas-section{padding:17px}.site-canvas-compact .site-mini-feature{min-height:90px}
.site-list-item{display:flex;width:100%;align-items:center;gap:10px;padding:9px;border:1px solid transparent;border-radius:13px;transition:.2s}.site-list-item:hover{border-color:#ffffff13;background:#ffffff07}
.site-list-item b{display:block;overflow:hidden;color:#e6efe9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.site-list-item small{display:block;overflow:hidden;margin-top:4px;color:#738179;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#77837c}.status-dot.is-live{background:#8ae4c1;box-shadow:0 0 0 4px #8ae4c119}

/* Account and public pages */
.account-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8de4c329;border-radius:14px;background:#8de4c310;color:#9ce8cc}
.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #ffffff0b;font-size:10px}.account-info-row span{color:#78877e}.account-info-row b{color:#dae6de;font-size:10px;text-align:right}
.public-route{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0%,#214a3a55,transparent 42%),#080e0d;color:#eff7f2}
.public-route-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,4vw,50px);border-bottom:1px solid #ffffff0b;background:#09100ed9;backdrop-filter:blur(20px);font-size:8px;letter-spacing:.19em;color:#65756b}
.public-back{display:flex;align-items:center;gap:8px;color:#9de5c8;font-size:10px;font-weight:900;letter-spacing:.18em}
.public-profile-main{position:relative;display:flex;min-height:calc(100vh - 64px);flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px 16px}
.public-halo{position:absolute;left:50%;top:50%;width:520px;height:520px;border:1px solid #8ce3c31b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 150px #8ce3c30b,inset 0 0 130px #8ce3c30b}
.public-profile-card{position:relative;z-index:1;width:min(100%,390px)}
.public-link{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #ffffff19;border-radius:999px;background:#ffffff08;color:#dcebe2;font-size:10px;font-weight:700;transition:.2s}.public-link:hover{border-color:#8be2c36b;background:#8be2c312;transform:translateY(-2px)}
.public-not-found{display:flex;min-height:75vh;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}
.public-not-found h1{margin-top:24px;color:#f1f7f3;font-size:clamp(27px,4vw,43px);font-weight:900;letter-spacing:-.06em}
.public-not-found p{max-width:400px;margin:12px auto 22px;color:#89968f;font-size:12px;line-height:1.8}
.platform-toast{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;max-width:min(440px,calc(100vw - 40px));align-items:center;gap:10px;padding:14px 17px;border:1px solid #8ee6c533;border-radius:15px;background:rgba(12,25,19,.95);box-shadow:0 18px 55px #0009;color:#dff7e9;font-size:11px;line-height:1.6;backdrop-filter:blur(20px);animation:toast-in .35s cubic-bezier(.2,.8,.2,1)}
.toast-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#8be3c2;box-shadow:0 0 0 5px #8be3c21c}.toast-error{border-color:#fb718555;color:#ffe2e9}.toast-error .toast-dot{background:#fb7185;box-shadow:0 0 0 5px #fb718522}.toast-info{color:#dce7fc;border-color:#93b4ff44}.toast-info .toast-dot{background:#93b4ff;box-shadow:0 0 0 5px #93b4ff22}
@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

@media (min-width: 1700px){.platform-main-content{max-width:1540px}.home-hero{min-height:490px}.tool-launch-card{min-height:335px}}
@media (max-width: 1020px){.platform-main-nav{gap:0}.platform-main-nav button{padding:9px 10px;font-size:10px}.home-hero{grid-template-columns:1fr .78fr}.home-hero-art{transform:scale(.88);transform-origin:center right}.profile-stage{min-height:530px}}
@media (max-width: 760px){.platform-topbar{height:66px;padding:0 14px}.platform-main-nav{display:none}.mobile-menu-button{display:grid;place-items:center}.mobile-nav-panel{display:block}.platform-main-content{padding:26px 14px 60px}.platform-footer{flex-wrap:wrap;padding:19px 15px}.platform-footer>span{order:3;width:100%}.platform-heading{align-items:flex-start;flex-direction:column}.profile-live-pill{align-self:flex-start}.home-hero{grid-template-columns:1fr;min-height:auto;padding:38px 24px 16px}.home-hero h1{font-size:clamp(50px,12vw,69px)}.home-hero-art{min-height:250px;margin-top:14px;transform:scale(.88);transform-origin:top center}.tools-section{margin-top:34px}.tools-heading{align-items:flex-start;flex-direction:column}.tool-launch-card{min-height:255px}.home-bottom-row{grid-template-columns:1fr}.profile-stage{min-height:550px;padding:20px 0}.profile-preview-card{width:calc(100% - 20px);padding:23px}.platform-footer{font-size:8px}.site-canvas-hero{min-height:255px}.site-canvas-hero h2{font-size:36px}.platform-toast{right:12px;bottom:12px;left:12px;max-width:none}}
@media (max-width: 420px){.platform-brand{font-size:11px;letter-spacing:.12em}.platform-brand i{display:none}.platform-account-button{padding:6px}.profile-stage{min-height:520px}.profile-card-3d{padding:22px}.platform-heading h1{font-size:35px}.site-canvas-nav{padding:13px}.site-canvas-hero{padding:28px 19px}.site-canvas-section{padding:18px 15px}}
@media (prefers-reduced-motion: reduce){.platform-ambient span,.hero-star,.snow-layer i{animation:none!important}.tool-launch-card,.template-card,.profile-card-3d,.toggle-card{transition:none!important}}


/* Site database and account activity surfaces */
.activity-row{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.018);transition:border-color .2s,background .2s}
.activity-row:hover{border-color:rgba(140,227,195,.2);background:rgba(140,227,195,.035)}
.activity-row-icon{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid rgba(140,227,195,.16);border-radius:10px;background:rgba(140,227,195,.07);color:#9ce8cc}
.activity-row b{display:block;overflow:hidden;color:#e3eee7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.activity-row small{display:block;margin-top:4px;color:#728178;font-size:9px;text-transform:capitalize}
.activity-row time{flex-shrink:0;color:#65746b;font-size:9px}
.collection-option{display:flex;width:100%;align-items:center;gap:8px;padding:10px;border:1px solid transparent;border-radius:11px;color:#91a097;font-size:10px;text-align:left;transition:.2s}
.collection-option:hover,.collection-option-active{border-color:rgba(140,227,195,.15);background:rgba(140,227,195,.06);color:#c5f4df}
.collection-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.database-record{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.02)}
.database-record b{display:block;color:#dfeae3;font-size:11px}
.database-record p{overflow:hidden;margin-top:5px;color:#849188;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.database-record time{display:block;margin-top:5px;color:#5f7066;font-size:9px}
.site-database-panel{animation:detail-enter .4s cubic-bezier(.2,.8,.2,1) both}