/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--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);--page-gutter:clamp(1.25rem,4vw,3rem);--content-max:76rem;--font-podium:"FSP DEMO - PODIUM Sharp 4.11",sans-serif;--font-inter:Inter,sans-serif;--color-apple-bg:#eef5fb;--color-apple-label:#0b1f4d;--color-apple-secondary:#5b6d8c;--color-apple-tertiary:#60718b;--color-apple-separator:#0f28501a;--color-apple-fill:#2f6bff1a;--color-apple-fill-3:#f3f8ff;--color-apple-blue:#2f6bff;--color-apple-blue-hover:#1e54e8;--color-apple-pink:#ef4d7a}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}html:has(.visualizer),body:has(.visualizer){height:100%;overflow:hidden}body{color:#0b1f4d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef5fb;font-family:Inter,sans-serif}}@layer components{.page-shell{min-height:100dvh;color:var(--color-apple-label);background:#eef5fb}.page-sky{background:linear-gradient(#9fd0f8,#eef5fb 22%,#eef5fb)}.brand-mark-link{color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;text-decoration:none;display:inline-flex}.brand-mark{color:#0b1220;letter-spacing:.08em;justify-content:center;align-items:center;font-family:"FSP DEMO - PODIUM Sharp 4.11",sans-serif;font-size:1.55rem;line-height:1;display:inline-flex}.site-nav{z-index:40;justify-content:center;padding:1.05rem clamp(1.1rem,3vw,2.75rem) 0;display:flex;position:relative}.nav-shell{width:100%;max-width:var(--content-max);-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:#ffffff8f;border:1px solid #ffffffbf;border-radius:9999px;justify-content:space-between;align-items:center;gap:1rem;padding:.42rem;display:flex;box-shadow:0 10px 32px #1e508c14}.nav-brand{flex-shrink:0;align-items:center;display:flex}.nav-shell .brand-mark{padding:.35rem .85rem}.nav-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.nav-shell .cta-primary,.nav-shell .cta-secondary{letter-spacing:.14em;min-height:2.85rem;padding:.78rem 1.3rem;font-size:.8125rem}.nav-shell .cta-primary{background:#3b82f6}.nav-shell .cta-primary:hover{background:#2563eb}.nav-shell .cta-ghost{letter-spacing:.18em;color:#5d7190;min-height:2.85rem;padding:.78rem .55rem;font-size:.8125rem;font-weight:600}.nav-links{justify-content:center;align-items:center;gap:2.4rem;display:none}.nav-link{letter-spacing:.08em;text-transform:uppercase;color:#344c70;flex-shrink:0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:#0b1f4d}.nav-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:1.15rem;display:none}.nav-user{letter-spacing:.14em;text-transform:uppercase;color:#6b7c99;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;display:none}.nav-menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;margin-right:.2rem;padding:.45rem;display:flex}.nav-menu-toggle span,.nav-menu-toggle span:last-child{background:#0b1f4d;border-radius:9999px;height:2px;display:block}.nav-menu-toggle span{width:1.35rem}.nav-menu-toggle span:last-child{width:.9rem}.nav-drawer{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eef5fbf5;transition:opacity .4s,visibility .4s;position:fixed;top:0;right:0;bottom:0;left:0}.nav-drawer-head{justify-content:space-between;align-items:center;padding:1.1rem 1.25rem 0;display:flex}.nav-drawer-links{flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;height:calc(100% - 5.5rem);display:flex}.nav-drawer-link{letter-spacing:-.04em;text-transform:uppercase;color:#0b1f4d;word-spacing:.12em;font-family:"FSP DEMO - PODIUM Sharp 4.11",sans-serif;font-size:2.4rem;transition:opacity .5s,transform .5s}@media(min-width:1024px){.nav-shell{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.nav-brand{justify-self:start}.nav-links,.nav-actions{display:flex}.nav-end{justify-self:end}.nav-menu-toggle{display:none}}@media(min-width:1280px){.nav-user{display:inline}.nav-links{gap:2.75rem}}.cta-primary,.cta-secondary,.cta-ghost{letter-spacing:.14em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.cta-primary{background:var(--color-apple-blue);color:#fff;border:0;padding:.95rem 1.55rem}.cta-primary:hover{background:var(--color-apple-blue-hover)}.cta-secondary{color:var(--color-apple-label);background:#fff;border:1px solid #0f285014;padding:.95rem 1.45rem}.cta-secondary:hover{background:#f3f8ff}.cta-ghost{color:#6b7c99;background:0 0;border:0;padding:.55rem .4rem}.cta-ghost:hover{color:#0b1f4d}.card-soft{background:#fff;border:1px solid #ffffffd9;border-radius:1.75rem;box-shadow:0 18px 50px #204a8014}.section-shell{padding:5.5rem 1.5rem}.section-shell.section-product{z-index:24;background-color:#f7fbff;background-image:none;margin-top:-1px;position:relative}@media(min-width:768px){.section-shell.section-product{background-color:#f7fbff;background-image:none;margin-top:-1px;padding-top:5.5rem}}@media(min-width:640px){.section-shell{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1024px){.section-shell{padding-left:4rem;padding-right:4rem}}.section-kicker{letter-spacing:.22em;text-transform:uppercase;color:#526681;margin-bottom:.7rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:700}.section-intro{max-width:42rem;margin-bottom:2.5rem}.section-intro--split{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:none;display:flex}.section-intro-action{width:100%}.hero-pin{position:relative}.hero-sky{isolation:isolate;position:sticky;top:0;overflow:clip}.sky-canvas{pointer-events:none;background:#72c4f6;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sky-canvas img{object-fit:cover;object-position:center top;will-change:transform;width:100%;height:130%}.hero-cloud-layer{pointer-events:none;z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:translateY(100%)}.hero-cloud-overlay{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-cloud-fade{background:linear-gradient(#0000,#f7fbff);position:absolute;top:0;right:0;bottom:0;left:0}.hero-frame{z-index:10;flex-direction:column;min-height:100svh;display:flex;position:relative}.hero-main{width:100%;max-width:80rem;padding:clamp(2rem,5vh,4rem)var(--page-gutter)2.5rem;flex-direction:column;flex:1;justify-content:center;gap:clamp(1.5rem,3vh,2.5rem);margin-inline:auto;display:flex}.hero-stage{width:100%}.hero-lockup{width:100%;position:relative}.hero-poster{color:#102d54;font-family:var(--font-podium);letter-spacing:-.01em;text-transform:uppercase;text-align:center;grid-template-rows:auto clamp(2.75rem,14vw,5rem) auto;gap:0;margin:0;font-size:clamp(2.125rem,9.2vw,8.5rem);font-weight:400;line-height:1.02;display:grid}.hero-poster-line{display:block}.hero-poster-line+.hero-poster-line{grid-row:3}.hero-poster-line>span+span{margin-left:.18em}.hero-poster-comma{margin-left:0}.unflat-wordmark-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.unflat-wordmark-lockup{width:min(100%,54rem);position:relative;transform:translateY(-.9rem)scale(1.06)}.unflat-wordmark{aspect-ratio:3.2;width:100%;position:relative}.unflat-wordmark-canvas{touch-action:pan-y;pointer-events:auto;opacity:0;width:100%;height:100%;transition:opacity .45s;display:block}.unflat-wordmark[data-ready=true] .unflat-wordmark-canvas{opacity:1}.hero-note{color:#16325f;text-transform:uppercase;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.2;display:none;position:absolute}.hero-note svg{margin-top:.2rem;display:block;overflow:visible}.hero-note--right svg{margin-left:auto}.hero-bottom{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:46rem;margin-inline:auto;display:flex}.hero-lead{color:#16325f;text-wrap:balance;max-width:36rem;margin:0;font-size:clamp(1rem,1.4vw,1.125rem);font-weight:600;line-height:1.6}.hero-toolbar{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.hero-actions .cta-primary,.hero-actions .cta-secondary{min-height:3rem;padding:.875rem 1.5rem}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(100%,30rem);display:grid}.stat-card{text-align:center;min-width:0}.stat-card+.stat-card{border-left:1px solid #102d542e}.stat-value{color:#102d54;letter-spacing:-.025em;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;line-height:1.2}.stat-label{color:#23446b;margin-top:.375rem;font-size:.75rem;font-weight:600;line-height:1.5}.hero-kicker{color:#23446b;letter-spacing:.06em;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;line-height:1.5;display:flex}@media(min-width:1200px){.hero-note{width:7rem;display:block}.hero-note--left{top:34%;left:4%;transform:rotate(-5deg)}.hero-note--right{text-align:right;top:30%;right:7%;transform:rotate(5deg)}}@media(min-width:768px){.hero-poster{grid-template-rows:auto clamp(6rem,10vw,8.5rem) auto}.unflat-wordmark-lockup{transform:none}}@media(max-width:479px){.hero-actions>button{width:100%;max-width:22rem}.hero-main{padding-top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-sky{position:relative}[class*=animate-fade-]{opacity:1;animation:none}}.graphic-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.graphic-holder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:1.6rem;padding:.7rem;position:relative;overflow:hidden;box-shadow:0 18px 44px #204a801f}.graphic-holder-stage{aspect-ratio:5/4;background:linear-gradient(#f7fbff,#eef4f9);border-radius:1.2rem;justify-content:center;align-items:center;display:flex}.graphic-blob{aspect-ratio:1;border-radius:42% 58% 50% 50%;width:42%;max-width:7.5rem;box-shadow:inset -14px -16px 24px #0000001f,10px 14px 24px #1428501f}.graphic-blob--chrome{background:linear-gradient(160deg,#fff,#d5dee8)}.graphic-blob--glass{opacity:.92;background:linear-gradient(160deg,#8af0d6,#19a36f);border-radius:50%}.graphic-blob--matte{background:linear-gradient(160deg,#ffe56a,#f2b400);border-radius:38% 62% 48% 52%}.graphic-blob--neon{background:linear-gradient(160deg,#5b8cff,#2f6bff 55%,#22c55e);border-radius:1.15rem;width:38%}.graphic-holder-meta{justify-content:space-between;align-items:center;margin-top:.55rem;padding:0 .15rem;display:flex}.graphic-holder-label{letter-spacing:.16em;text-transform:uppercase;color:#7b8ba6;font-size:.8125rem;font-weight:700}.graphic-badge{letter-spacing:.14em;text-transform:uppercase;color:#7b8ba6;background:#fffffff0;border-radius:9999px;padding:.28rem .55rem;font-size:.62rem;font-weight:700;position:absolute;bottom:2.45rem;right:1.05rem;box-shadow:0 8px 20px #14285014}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.feature-card{background:#fff;border-radius:1.6rem;padding:1.4rem 1.25rem 1.5rem;position:relative;box-shadow:0 16px 40px #204a8012}.feature-step{letter-spacing:.08em;color:#60718b;font-size:.8125rem;font-weight:700;position:absolute;top:1.15rem;right:1.2rem}.feature-icon{border-radius:1.05rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.15rem;display:flex}.feature-icon--blue{color:#3b6bff;background:#e8f1ff}.feature-icon--purple{color:#6b5cff;background:#eee8ff}.feature-icon--green{color:#1f9d64;background:#e7f8ef}.feature-icon--orange{color:#f07820;background:#fff1e6}.feature-icon--share{color:#2f6bff;background:#e8eeff}.feature-card h3{letter-spacing:0;text-transform:uppercase;color:#0b1f4d;word-spacing:.12em;font-family:"FSP DEMO - PODIUM Sharp 4.11",sans-serif;font-size:1.25rem;line-height:1.3}.feature-card p{color:#5b6d8c;margin-top:.55rem;font-size:1rem;line-height:1.65}.site-footer{border-top:1px solid var(--color-apple-separator);background:#ffffffb3;padding:2.5rem 1.5rem}.site-footer-row{flex-direction:column;justify-content:space-between;gap:1.5rem;display:flex}.site-footer-copy{letter-spacing:.14em;text-transform:uppercase;color:var(--color-apple-tertiary);margin-top:.7rem;font-size:.8125rem;font-weight:600}.site-footer-links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}@media(min-width:640px){.nav-drawer-link{font-size:3rem}}@media(min-width:768px){.section-intro{margin-bottom:3.5rem}.section-intro--split{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem}.section-intro-action{width:auto}.site-footer-row{flex-direction:row;align-items:center}}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-card{grid-column:span 2}.feature-card:nth-child(4){grid-column:2/span 2}}@media(max-width:767px){.site-nav{padding:.65rem .85rem 0}.nav-shell .brand-mark{padding:.28rem .7rem}.section-kicker{letter-spacing:.14em;word-spacing:.12em}.section-shell{padding:3.4rem 1.25rem}.section-shell.section-product{margin-top:-1px;padding-top:3.4rem}.feature-card{padding:1.25rem 1.15rem 1.35rem}.site-footer{padding:2rem 1.25rem}.site-footer-copy{letter-spacing:.1em;word-spacing:.12em}.site-footer-links{gap:.85rem 1rem}.auth-modal,.demo-modal{align-items:flex-start;padding:1rem;overflow-y:auto}.auth-modal .panel,.demo-modal .panel{margin:auto 0;padding:1.5rem 1.2rem 1.4rem}}.project-name-row{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*2);display:flex}.project-name-row h2,.project-name-row h3{min-width:calc(var(--spacing)*0);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-podium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label);overflow:hidden}.project-name-row h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.project-name-row.is-editor h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));text-transform:uppercase}.project-name-edit{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);color:var(--color-apple-secondary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media(hover:hover){.project-name-edit:hover{border-color:var(--color-apple-label);color:var(--color-apple-label)}}.project-name-edit:disabled{opacity:.4}.project-name-input{min-width:calc(var(--spacing)*0);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-family:var(--font-podium);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label);--tw-outline-style:none;outline-style:none;flex:1}.project-name-input:focus{border-color:var(--color-apple-blue)}.project-name-input:disabled{opacity:.5}.project-name-input.is-card{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.project-name-input.is-editor{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));text-transform:uppercase}.btn{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.btn--primary{background-color:var(--color-apple-blue);color:var(--color-white);border-color:#0000}@media(hover:hover){.btn.btn--primary:hover{background-color:var(--color-apple-blue-hover)}}.btn.btn--secondary,.btn.btn--outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);color:var(--color-apple-label)}@media(hover:hover){:is(.btn.btn--secondary,.btn.btn--outline):hover{background-color:var(--color-apple-fill-3)}}.btn.btn--ghost{color:var(--color-apple-secondary);background-color:#0000}@media(hover:hover){.btn.btn--ghost:hover{color:var(--color-apple-label)}}.btn.btn--sm{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*3);font-size:11px}.btn.btn--md{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.btn.btn--lg{padding-inline:calc(var(--spacing)*7);padding-block:calc(var(--spacing)*4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.btn.btn--full{width:100%}.auth-modal,.demo-modal{inset:calc(var(--spacing)*0);z-index:80;padding:calc(var(--spacing)*6);--tw-backdrop-blur:blur(var(--blur-sm));-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,);background-color:#0b1f4d59;justify-content:center;align-items:center;display:flex;position:fixed}:is(.auth-modal,.demo-modal) .panel{width:100%;max-width:var(--container-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white);padding:calc(var(--spacing)*8);text-align:left;--tw-shadow:0 30px 80px var(--tw-shadow-color,#14326e2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:2rem;position:relative}:is(.auth-modal,.demo-modal) .panel .close{top:calc(var(--spacing)*6);right:calc(var(--spacing)*6);align-items:center;gap:calc(var(--spacing)*2);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;display:inline-flex;position:absolute}@media(hover:hover){:is(.auth-modal,.demo-modal) .panel .close:hover{color:var(--color-apple-label)}}:is(.auth-modal,.demo-modal) .panel .icon{margin-bottom:calc(var(--spacing)*6);height:calc(var(--spacing)*12);width:calc(var(--spacing)*12);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-apple-fill-3);justify-content:center;align-items:center;display:flex}:is(.auth-modal,.demo-modal) .panel .icon .alert{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);color:var(--color-apple-label)}:is(.auth-modal,.demo-modal) .panel .kicker{margin-bottom:calc(var(--spacing)*3);font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:.3em;letter-spacing:.3em;color:var(--color-apple-secondary);text-transform:uppercase}:is(.auth-modal,.demo-modal) .panel h3{font-family:var(--font-podium);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label);text-transform:uppercase}:is(.auth-modal,.demo-modal) .panel .lead,:is(.auth-modal,.demo-modal) .panel p{margin-top:calc(var(--spacing)*4);font-family:var(--font-inter);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-apple-secondary)}:is(.auth-modal,.demo-modal) .panel p.footnote{margin-top:calc(var(--spacing)*3);font-family:var(--font-inter);--tw-leading:var(--leading-relaxed);font-size:10px;line-height:var(--leading-relaxed);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase}:is(.auth-modal,.demo-modal) .panel .steps{margin-top:calc(var(--spacing)*8);gap:calc(var(--spacing)*6);flex-direction:column;display:flex}:is(.auth-modal,.demo-modal) .panel .steps li{gap:calc(var(--spacing)*4);display:flex}:is(.auth-modal,.demo-modal) .panel .steps li .index{padding-top:calc(var(--spacing)*1);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase}:is(.auth-modal,.demo-modal) .panel .steps li h4{font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-label);text-transform:uppercase}:is(.auth-modal,.demo-modal) .panel .steps li p{margin-top:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-apple-secondary)}:is(.auth-modal,.demo-modal) .panel .actions{margin-top:calc(var(--spacing)*8);gap:calc(var(--spacing)*3);flex-direction:column;display:flex}:is(.auth-modal,.demo-modal) .panel .confirm{margin-top:calc(var(--spacing)*8);background-color:var(--color-apple-blue);color:var(--color-white);border-color:#0000}@media(hover:hover){:is(.auth-modal,.demo-modal) .panel .confirm:hover{background-color:var(--color-apple-blue-hover)}}:is(.auth-modal,.demo-modal) .panel .confirm:disabled{cursor:not-allowed;opacity:.4}@media(hover:hover){:is(.auth-modal,.demo-modal) .panel .confirm:disabled:hover{background-color:var(--color-apple-blue)}}:is(.auth-modal,.demo-modal) .panel .cancel{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase}@media(hover:hover){:is(.auth-modal,.demo-modal) .panel .cancel:hover{color:var(--color-apple-label)}}@media(max-width:767px){.auth-modal,.demo-modal{align-items:flex-start;padding:1rem;overflow-y:auto}.auth-modal .panel,.demo-modal .panel{margin:auto 0;padding:1.35rem 1.15rem 1.25rem}.demo-modal .panel h3{word-spacing:.1em;font-size:1.7rem}.demo-modal .panel .steps{gap:1rem;margin-top:1.25rem}.demo-modal .panel .confirm{margin-top:1.2rem}}.upload{width:100%}.upload .dropzone{height:calc(var(--spacing)*48);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);--tw-shadow:0 16px 40px var(--tw-shadow-color,#204a800f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media(hover:hover){.upload .dropzone:hover{border-color:#2f6bff66}@supports (color:color-mix(in lab,red,red)){.upload .dropzone:hover{border-color:color-mix(in oklab,var(--color-apple-blue)40%,transparent)}}.upload .dropzone:hover{background-color:var(--color-apple-fill-3)}}.upload .dropzone.is-dragging{border-color:var(--color-apple-blue);background-color:var(--color-apple-fill-3)}.upload .dropzone .drop-input{inset:calc(var(--spacing)*0);z-index:10;cursor:pointer;opacity:0;width:100%;height:100%;position:absolute}.upload .dropzone .drop-content{pointer-events:none;flex-direction:column;align-items:center;display:flex}.upload .dropzone .drop-content .drop-icon{margin-bottom:calc(var(--spacing)*4);height:calc(var(--spacing)*12);width:calc(var(--spacing)*12);border-radius:var(--radius-2xl);background-color:var(--color-apple-fill-3);color:var(--color-apple-blue);justify-content:center;align-items:center;display:flex}.upload .dropzone .drop-content p{margin-bottom:calc(var(--spacing)*1);font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-label);text-transform:uppercase}.upload .dropzone .drop-content .help{font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;font-size:11px}.upload .upload-status{height:calc(var(--spacing)*48);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding:calc(var(--spacing)*6);--tw-shadow:0 16px 40px var(--tw-shadow-color,#204a800f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:1.75rem;flex-direction:column;justify-content:center;display:flex;position:relative}.upload .upload-status .status-content{text-align:center;flex-direction:column;align-items:center;display:flex}.upload .upload-status .status-content .status-icon{margin-bottom:calc(var(--spacing)*3);height:calc(var(--spacing)*12);width:calc(var(--spacing)*12);border-radius:var(--radius-2xl);background-color:var(--color-apple-fill-3);color:var(--color-apple-blue);justify-content:center;align-items:center;display:flex}.upload .upload-status .status-content .status-icon .check{color:var(--color-apple-label)}.upload .upload-status .status-content h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline:calc(var(--spacing)*4);font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-label);text-transform:uppercase;overflow:hidden}.upload .upload-status .status-content .progress{margin-top:calc(var(--spacing)*3);height:calc(var(--spacing)*1.5);width:100%;max-width:calc(var(--spacing)*50);background-color:var(--color-apple-fill);border-radius:3.40282e38px;overflow:hidden}.upload .upload-status .status-content .progress .bar{background-color:var(--color-apple-blue);height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.upload .upload-status .status-content .status-text{margin-top:calc(var(--spacing)*2);font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;font-size:11px}.status-banner{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*4);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:0 10px 30px var(--tw-shadow-color,#204a800f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex}.status-banner p{margin:calc(var(--spacing)*0);font-family:var(--font-inter);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-apple-label)}.status-banner button{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:10px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;flex-shrink:0}@media(hover:hover){.status-banner button:hover{color:var(--color-apple-label)}}.visualizer{background-color:var(--color-apple-bg);height:100dvh;max-height:100dvh;font-family:var(--font-inter);color:var(--color-apple-label);flex-direction:column;display:flex;position:relative;overflow:hidden}.visualizer .topbar{align-items:center;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);flex-shrink:0;display:flex}@media(min-width:48rem){.visualizer .topbar{padding-inline:calc(var(--spacing)*5)}}.visualizer .topbar .brand{min-width:calc(var(--spacing)*0);cursor:pointer;flex-shrink:0}.visualizer .topbar .usage{min-width:calc(var(--spacing)*0);text-decoration-line:none}.visualizer .topbar .topbar-actions{min-width:calc(var(--spacing)*0);justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*2);margin-left:auto;display:flex;overflow-x:auto}.visualizer .topbar .exit{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);color:var(--color-apple-label)}@media(hover:hover){.visualizer .topbar .exit:hover{border-color:#0b1f4d66}@supports (color:color-mix(in lab,red,red)){.visualizer .topbar .exit:hover{border-color:color-mix(in oklab,var(--color-apple-label)40%,transparent)}}.visualizer .topbar .exit:hover{background-color:var(--color-apple-fill-3)}}.visualizer .status-banner{margin-inline:calc(var(--spacing)*4);margin-top:calc(var(--spacing)*3);flex-shrink:0}@media(min-width:48rem){.visualizer .status-banner{margin-inline:calc(var(--spacing)*5)}}.visualizer .workspace{min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}@media(min-width:64rem){.visualizer .workspace{flex-direction:row}}.visualizer .tools{max-height:38%;min-height:calc(var(--spacing)*0);gap:calc(var(--spacing)*4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding:calc(var(--spacing)*4);flex-direction:column;flex-shrink:0;order:2;display:flex;overflow-y:auto}@media(min-width:64rem){.visualizer .tools{max-height:none;width:calc(var(--spacing)*80);border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-right-width:1px;order:0}}.visualizer .tools .panel-meta p{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:.3em;letter-spacing:.3em;color:var(--color-apple-tertiary);text-transform:uppercase}.visualizer .tools .panel-meta h2{font-family:var(--font-podium);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label);text-transform:uppercase}.visualizer .tools .panel-meta .note{margin-top:calc(var(--spacing)*1);font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase}.visualizer .style-row,.visualizer .style-row .style-main{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.visualizer .style-row .style-main .custom-render{width:fit-content}.visualizer .style-row p{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:.3em;letter-spacing:.3em;color:var(--color-apple-tertiary);text-transform:uppercase}.visualizer .style-row .style-chips{align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.visualizer .style-row .style-chip{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-apple-bg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;border-radius:3.40282e38px}@media(hover:hover){.visualizer .style-row .style-chip:hover{border-color:#0b1f4d66}@supports (color:color-mix(in lab,red,red)){.visualizer .style-row .style-chip:hover{border-color:color-mix(in oklab,var(--color-apple-label)40%,transparent)}}.visualizer .style-row .style-chip:hover{color:var(--color-apple-label)}}.visualizer .style-row .style-chip:disabled{opacity:.5}.visualizer .style-row .style-chip.is-ready:not(.is-active){border-color:#2f6bff4d}@supports (color:color-mix(in lab,red,red)){.visualizer .style-row .style-chip.is-ready:not(.is-active){border-color:color-mix(in oklab,var(--color-apple-blue)30%,transparent)}}.visualizer .style-row .style-chip.is-ready:not(.is-active){color:var(--color-apple-label)}.visualizer .style-row .style-chip.is-active{border-color:var(--color-apple-blue);background-color:var(--color-apple-blue);color:var(--color-white)}.visualizer .style-row .style-hint{width:100%;font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;font-size:11px}.visualizer .style-row .style-hint.is-warning{color:var(--color-apple-label)}.visualizer .custom-controls{gap:calc(var(--spacing)*4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-apple-separator);padding-top:calc(var(--spacing)*4);flex-direction:column;display:flex}.visualizer .custom-field{gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.visualizer .custom-label{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:.3em;letter-spacing:.3em;color:var(--color-apple-tertiary);text-transform:uppercase}.visualizer .bg-options{align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.visualizer .bg-option{align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-apple-bg);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;border-radius:3.40282e38px;display:inline-flex}@media(hover:hover){.visualizer .bg-option:hover{border-color:#0b1f4d66}@supports (color:color-mix(in lab,red,red)){.visualizer .bg-option:hover{border-color:color-mix(in oklab,var(--color-apple-label)40%,transparent)}}.visualizer .bg-option:hover{color:var(--color-apple-label)}}.visualizer .bg-option:disabled{opacity:.5}.visualizer .bg-option.is-active{border-color:var(--color-apple-blue);background-color:var(--color-apple-blue);color:var(--color-white)}.visualizer .bg-swatch{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);border-radius:3.40282e38px;flex-shrink:0}.visualizer .custom-finish-row{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.visualizer .finish-input{min-width:calc(var(--spacing)*0);flex:1}.visualizer .custom-controls input{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-apple-bg);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-family:var(--font-inter);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--color-apple-label);text-transform:none;--tw-outline-style:none;outline-style:none}.visualizer .custom-controls input::placeholder{color:var(--color-apple-tertiary)}.visualizer .custom-controls input:focus{border-color:var(--color-apple-blue)}.visualizer .custom-controls input:disabled{opacity:.5}.visualizer .char-count{font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;align-self:flex-end;font-size:10px}.visualizer .custom-render{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);color:var(--color-apple-label);flex-shrink:0}@media(hover:hover){.visualizer .custom-render:hover{border-color:#0b1f4d66}@supports (color:color-mix(in lab,red,red)){.visualizer .custom-render:hover{border-color:color-mix(in oklab,var(--color-apple-label)40%,transparent)}}.visualizer .custom-render:hover{background-color:var(--color-apple-fill-3)}}.visualizer .custom-render:disabled{opacity:.4}.visualizer .camera-toggle{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-apple-bg);width:fit-content;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;border-radius:3.40282e38px}@media(hover:hover){.visualizer .camera-toggle:hover{border-color:#0b1f4d66}@supports (color:color-mix(in lab,red,red)){.visualizer .camera-toggle:hover{border-color:color-mix(in oklab,var(--color-apple-label)40%,transparent)}}.visualizer .camera-toggle:hover{color:var(--color-apple-label)}}.visualizer .camera-toggle:disabled{opacity:.5}.visualizer .camera-toggle.is-active{border-color:var(--color-apple-blue);background-color:var(--color-apple-blue);color:var(--color-white)}.visualizer .canvas{min-height:calc(var(--spacing)*0);min-width:calc(var(--spacing)*0);background-color:#f7fbff;flex:1;order:1;display:flex;position:relative}@media(min-width:64rem){.visualizer .canvas{order:0}}.visualizer .canvas.is-split{flex-direction:column}@media(min-width:64rem){.visualizer .canvas.is-split{flex-direction:row}}.visualizer .camera-stage{min-height:calc(var(--spacing)*0);min-width:calc(var(--spacing)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);flex:1;position:relative}@media(min-width:64rem){.visualizer .camera-stage{border-top-style:var(--tw-border-style);border-top-width:0;border-left-style:var(--tw-border-style);border-left-width:1px}}.visualizer .camera-stage .camera-meta{pointer-events:none;top:calc(var(--spacing)*3);left:calc(var(--spacing)*3);z-index:10;gap:calc(var(--spacing)*1);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;flex-direction:column;display:flex;position:absolute}.visualizer .camera-stage .camera-mount{inset:calc(var(--spacing)*0);position:absolute}.visualizer .camera-stage .camera-canvas{width:100%;height:100%;display:block}.visualizer .render-area{min-height:calc(var(--spacing)*0);min-width:calc(var(--spacing)*0);background-color:#f7fbff;flex:1;position:relative}.visualizer .render-area .canvas-hint{pointer-events:none;top:calc(var(--spacing)*3);left:calc(var(--spacing)*3);z-index:10;background-color:#ffffffe6;border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.visualizer .render-area .canvas-hint{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.visualizer .render-area .canvas-hint{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.visualizer .render-area .compare-slider{inset:calc(var(--spacing)*0);width:100%;height:100%;position:absolute}.visualizer .render-area .compare-img,.visualizer .render-area .render-img{object-fit:contain;width:100%;height:100%}.visualizer .render-area.is-processing .compare-img,.visualizer .render-area.is-processing .render-img{opacity:.5}.visualizer .render-area .render-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.visualizer .render-area .render-fallback{object-fit:contain;opacity:.5;max-width:100%;max-height:100%}.visualizer .render-area .render-choose{inset:calc(var(--spacing)*0);z-index:20;padding-inline:calc(var(--spacing)*6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.visualizer .render-area .render-choose .title{font-family:var(--font-podium);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label);text-transform:uppercase}@media(min-width:40rem){.visualizer .render-area .render-choose .title{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.visualizer .render-area .render-choose .subtitle{margin-top:calc(var(--spacing)*3);max-width:var(--container-sm);font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;font-size:11px}.visualizer .render-area .render-overlay{inset:calc(var(--spacing)*0);z-index:30;--tw-backdrop-blur:blur(2px);-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,);background-color:#0b1f4d59;justify-content:center;align-items:center;display:flex;position:absolute}.visualizer .render-area .render-overlay .rendering-card{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);--tw-shadow:0 20px 50px var(--tw-shadow-color,#14326e29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;align-items:center;display:flex}.visualizer .render-area .render-overlay .rendering-card .spinner{margin-bottom:calc(var(--spacing)*3);height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);animation:var(--animate-spin);color:var(--color-apple-blue)}.visualizer .render-area .render-overlay .rendering-card .title{font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-label);text-transform:uppercase}.visualizer .render-area .render-overlay .rendering-card .subtitle{margin-top:calc(var(--spacing)*1);font-family:var(--font-inter);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;font-size:11px}.visualizer-route{background-color:var(--color-apple-bg);height:100dvh;font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;justify-content:center;align-items:center;display:flex;overflow:hidden}:is(.home,.home-app) section[id]{scroll-margin-top:7rem}.usage-meter{align-items:center;gap:calc(var(--spacing)*3);flex-shrink:0;text-decoration-line:none;display:inline-flex}.usage-meter-track{height:calc(var(--spacing)*1.5);background-color:var(--color-apple-fill);border-radius:3.40282e38px;display:block;overflow:hidden}.usage-meter--short{align-items:flex-end;gap:calc(var(--spacing)*1.5);flex-direction:column}.usage-meter--short .usage-meter-track{width:calc(var(--spacing)*14)}.usage-meter--long{align-items:center;gap:calc(var(--spacing)*3);flex-direction:column;max-width:100%}.usage-meter--long .usage-meter-track{width:calc(var(--spacing)*40);max-width:100%}.usage-meter-fill{background-color:var(--color-apple-blue);height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;display:block}.usage-meter-label{font-family:var(--font-inter);--tw-font-weight:var(--font-weight-bold);font-size:11px;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-secondary);text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.usage-meter:hover .usage-meter-label{color:var(--color-apple-label)}.usage-meter--long .usage-meter-label{font-family:var(--font-podium);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-secondary)}@media(min-width:40rem){.usage-meter--long .usage-meter-label{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.usage-meter.usage-meter-page{max-width:var(--container-md);align-items:flex-start;gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.usage-meter-page .usage-meter-track{height:calc(var(--spacing)*1.5);width:100%;max-width:var(--container-md)}.usage-meter-page .usage-meter-label{font-family:var(--font-podium);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-apple-label)}@media(min-width:40rem){.usage-meter-page .usage-meter-label{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.logo-empty{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-apple-separator);background-color:var(--color-white);padding:calc(var(--spacing)*10);text-align:center;font-family:var(--font-inter);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-apple-tertiary);text-transform:uppercase;border-radius:1.75rem}.logo-card{cursor:pointer;background-color:var(--color-white);--tw-shadow:0 18px 50px var(--tw-shadow-color,#204a8014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:1.75rem;overflow:hidden}@media(hover:hover){.logo-card:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:0 24px 60px var(--tw-shadow-color,#204a801f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.logo-card-media{aspect-ratio:4/3;background-color:#f4f8fc;position:relative;overflow:hidden}.logo-card-badge{top:calc(var(--spacing)*3);left:calc(var(--spacing)*3);background-color:#ffffffe6;border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.logo-card-badge{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.logo-card-badge{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.logo-card-like{right:calc(var(--spacing)*3);bottom:calc(var(--spacing)*3);position:absolute}.logo-card-body{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*5);display:flex}.logo-card-icon{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-apple-separator);color:var(--color-apple-secondary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@media(hover:hover){.logo-card-icon:hover{border-color:var(--color-apple-label);color:var(--color-apple-label)}}.logo-card-icon:disabled{opacity:.4}.pricing-card{background-color:var(--color-white);padding:calc(var(--spacing)*8);--tw-shadow:0 18px 50px var(--tw-shadow-color,#204a8014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:1.75rem;flex-direction:column;display:flex}.pricing-card.is-featured{outline:2px solid var(--color-apple-blue);outline-offset:0;box-shadow:0 24px 70px #2f6bff2e}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.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}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-16{margin-top:calc(var(--spacing)*16)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-14{margin-bottom:calc(var(--spacing)*14)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-7{width:calc(var(--spacing)*7)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.rounded-full{border-radius:3.40282e38px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-apple-separator{border-color:var(--color-apple-separator)}.bg-\[\#f7fbff\]{background-color:#f7fbff}.bg-apple-bg{background-color:var(--color-apple-bg)}.bg-apple-pink{background-color:var(--color-apple-pink)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.object-cover{object-fit:cover}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-5{padding-block:calc(var(--spacing)*5)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-10{padding-top:calc(var(--spacing)*10)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-apple-blue{color:var(--color-apple-blue)}.text-apple-label{color:var(--color-apple-label)}.text-apple-secondary{color:var(--color-apple-secondary)}.text-apple-tertiary{color:var(--color-apple-tertiary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-apple-blue\/40{text-decoration-color:#2f6bff66}@supports (color:color-mix(in lab,red,red)){.decoration-apple-blue\/40{-webkit-text-decoration-color:color-mix(in oklab,var(--color-apple-blue)40%,transparent);text-decoration-color:color-mix(in oklab,var(--color-apple-blue)40%,transparent)}}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:text-apple-label:hover{color:var(--color-apple-label)}.hover\:decoration-apple-blue:hover{-webkit-text-decoration-color:var(--color-apple-blue);text-decoration-color:var(--color-apple-blue)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:px-10{padding-inline:calc(var(--spacing)*10)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:px-16{padding-inline:calc(var(--spacing)*16)}.lg\:py-7{padding-block:calc(var(--spacing)*7)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.font-podium{font-family:"FSP DEMO - PODIUM Sharp 4.11",sans-serif}.font-inter{font-family:Inter,sans-serif}.font-note{font-family:Caveat,cursive}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up,.animate-fade-up-delay-1,.animate-fade-up-delay-2,.animate-fade-up-delay-3,.animate-fade-up-delay-4{opacity:0;animation-name:fade-up;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards}.animate-fade-up{animation-delay:0s}.animate-fade-up-delay-1{animation-delay:.2s}.animate-fade-up-delay-2{animation-delay:.4s}.animate-fade-up-delay-3{animation-delay:.6s}.animate-fade-up-delay-4{animation-delay:.8s}.animate-fade-in{animation:.8s ease-out forwards fade-in}.section-shell,.home-app>section,.page-sky>main:not(.max-w-3xl)>section{padding-inline:max(var(--page-gutter),calc((100% - var(--content-max))/2));padding-block:clamp(3rem,6vw,5rem)}.section-shell.section-product{padding-block:clamp(3rem,6vw,5rem)}.site-nav{padding:1rem var(--page-gutter)0}.site-footer{padding:2.5rem var(--page-gutter)}.site-footer-row{max-width:var(--content-max);flex-wrap:wrap;gap:2rem;margin-inline:auto}.site-footer-copy{letter-spacing:.02em;text-transform:none;font-size:.875rem;line-height:1.6}.section-intro{max-width:42rem;margin-bottom:clamp(1.75rem,3vw,3rem)}.section-intro--split{gap:1.5rem;max-width:none}.section-intro h2,.page-sky main h2,.home-app>section h2{letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.15}.page-sky main h1,.home-app>section h1{font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.12}.section-intro>p:not(.section-kicker),.section-intro>div>p:not(.section-kicker),.page-sky main p:not(.section-kicker),.home-app>section>p:not(.section-kicker){font-size:1rem;line-height:1.7}.cta-primary,.cta-secondary,.cta-ghost{letter-spacing:.06em;min-height:2.75rem;font-size:.8125rem;line-height:1.4}.nav-menu-toggle{align-items:center;min-width:2.75rem;min-height:2.75rem}.nav-link{padding-block:.75rem}.nav-user{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.nav-actions{gap:.75rem}.nav-links{gap:clamp(1rem,2vw,2rem)}.nav-shell{grid-template-columns:auto 1fr auto}.feature-card{padding:1.75rem}:where(a,button,input):focus-visible{outline-offset:4px;outline:3px solid #173b8f}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}