@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;font-family:var(--font-family-body);background-color:var(--color-parchment);color:var(--color-inkwell);font-size:var(--font-size-body);line-height:var(--line-height-body)}a{font-family:var(--font-family-story);color:var(--color-lake);text-decoration:none}a:hover{text-decoration:underline}.create-flow-gradient{min-height:100vh;background:linear-gradient(180deg,var(--color-parchment) 0,var(--color-parchment) 50%,var(--color-parchment-gradient-end) 100%)}:root{--color-midnight:#1A1525;--color-plum:#2D2240;--color-grape:#4A3670;--color-lavender:#8B7BB5;--color-soft-lilac:#C8BDE8;--color-lilac-wash:#EAE4F4;--color-lilac-mist:#F4F0FA;--color-surface-primary:#FFFDF9;--color-surface-secondary:#FFF8F0;--color-surface-tertiary:#F4F0FA;--color-surface-warm:#FFE4E0;--color-surface-dark:#2D2240;--color-surface-darkest:#1A1525;--color-blush:#FFE4E0;--color-peach:#FFD6B0;--color-peach-light:#FFECD8;--color-sunset:#FF6B4A;--color-sunset-light:#FF8A6A;--color-coral-dark:#BA3842;--color-coral:#FF8A6A;--color-coral-light:#FFA88E;--color-golden:#FFBE5C;--color-golden-light:#FFD080;--color-mint-dark:#48A79C;--color-mint:#7DDCB5;--color-mint-light:#A8E8CC;--color-sky-dark:#0F679C;--color-sky:#7BC4F0;--color-sky-light:#A0D6F6;--color-rose:#F0A0B8;--color-rose-light:#F6BED0;--color-sunset-bg:#FFF0EC;--color-coral-bg:#FFF2EE;--color-golden-bg:#FFF6E6;--color-mint-bg:#EDFAF4;--color-sky-bg:#EDF6FC;--color-rose-bg:#FCEEF2;--color-grape-bg:#EAE4F4;--color-lavender-bg:#F4F0FA;--color-text-primary:#1A1525;--color-text-secondary:#2D2240;--color-text-tertiary:#4A3670;--color-text-muted:#8B7BB5;--color-text-disabled:#C8BDE8;--color-text-on-dark:#FFF8F0;--color-text-on-dark-muted:#C8BDE8;--color-text-link:#4A3670;--color-text-link-hover:#2D2240;--color-success:#4DAA7A;--color-success-bg:#EDFAF4;--color-warning:#D4963A;--color-warning-bg:#FFF6E6;--color-error:#D94848;--color-error-bg:#FDF0F0;--color-info:#5A8EC7;--color-info-bg:#EDF4FC;--gradient-story-warm:linear-gradient(135deg,#C8BDE8,#F0A0B8,#FFD6B0);--gradient-story-cool:linear-gradient(135deg,#7DDCB5,#7BC4F0,#C8BDE8);--gradient-story-sunset:linear-gradient(135deg,#FF6B4A,#FF8A6A,#FFBE5C);--gradient-story-rose:linear-gradient(135deg,#F0A0B8,#FFD6B0,#FFBE5C);--gradient-story-sky:linear-gradient(135deg,#7BC4F0,#C8BDE8,#F0A0B8);--gradient-story-mint:linear-gradient(135deg,#7DDCB5,#A8E8CC,#FFF8F0);--gradient-surface-blush:linear-gradient(160deg,#FFF8F0,#FFE4E0);--gradient-surface-lilac:linear-gradient(160deg,#FFF8F0,#F4F0FA);--gradient-surface-warm:linear-gradient(160deg,#FFFDF9,#FAEAD8);--gradient-surface-adv:linear-gradient(180deg,#F7FAED,#E5FBD8);--gradient-surface-bed:linear-gradient(180deg,#EDF2FA,#D8E0FB);--gradient-surface-fair:linear-gradient(180deg,#FAF9ED,#FBF6D8);--gradient-surface-clas:linear-gradient(180deg,#F7EDFA,#E6D8FB);--gradient-surface-sill:linear-gradient(180deg,#F6EDFA,#FBD8EA);--gradient-surface-sup:linear-gradient(180deg,#FAEDED,#FBD8D8);--gradient-surface-sci:linear-gradient(180deg,#EDFAF4,#D8FBEB);--border-surface-adv:#C7E8A8;--border-surface-bed:#A8B6E8;--border-surface-fair:#E8E3A8;--border-surface-clas:#C8A8E8;--border-surface-sill:#E1A8E8;--border-surface-sup:#E8A8A8;--border-surface-sci:#A8E8CC;--gradient-burst-warm:linear-gradient(135deg,#FF6B4A,#FFBE5C,#7DDCB5);--gradient-burst-cool:linear-gradient(135deg,#7BC4F0,#C8BDE8,#F0A0B8);--gradient-burst-full:linear-gradient(135deg,#FF6B4A,#FFBE5C,#7DDCB5,#7BC4F0,#C8BDE8,#F0A0B8);--gradient-dark-plum:linear-gradient(160deg,#2D2240,#1A1525);--gradient-dark-warm:linear-gradient(160deg,#2D2240,#3A2848);--font-display:"Nunito",sans-serif;--font-body:"DM Sans",sans-serif;--font-size-3xs:10px;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:44px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.4;--line-height-relaxed:1.55;--line-height-loose:1.65;--letter-spacing-tight:-0.5px;--letter-spacing-normal:0px;--letter-spacing-wide:0.3px;--letter-spacing-wider:1px;--letter-spacing-widest:1.5px;--letter-spacing-caps:2.5px;--radius-none:0px;--radius-2xs:2px;--radius-xs:4px;--radius-s:8px;--radius-m:24px;--radius-lg:32px;--radius-full:9999px;--radius-tag:9999px;--radius-button:9999px;--radius-input:8px;--radius-card:24px;--radius-container:32px;--radius-modal:32px;--radius-avatar-sm:9999px;--radius-avatar-lg:9999px;--radius-thumbnail:8px;--space-0:0px;--space-1:2px;--space-2:4px;--space-4:8px;--space-6:12px;--space-8:16px;--space-10:20px;--space-11:24px;--space-13:32px;--space-16:48px;--space-18:64px;--space-19:80px;--space-20:96px;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:400ms;--duration-burst:600ms;--ease-default:cubic-bezier(0.25,0.1,0.25,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0,0,0.2,1);--modal-duration:300ms;--modal-ease:ease-out;--modal-ease-out:ease-in;--circle-icon-btn-size:44px;--color-inkwell:var(--color-midnight);--color-inkwell-muted:rgba(26,21,37,0.6);--color-dusk:var(--color-sky-dark);--color-dusk-muted:var(--color-sky-light);--color-eucalyptus:var(--color-grape);--color-lake:var(--color-sky-dark);--color-link:var(--color-sky-dark);--color-parchment:var(--color-surface-secondary);--color-mountain:#FF00FF;--color-sandstone:#FF00FF;--color-border:#FF00FF;--color-border-light:#FF00FF;--color-border-dark:#FF00FF;--color-border-input:#FF00FF;--color-border-error:#FF00FF;--color-border-success:#FF00FF;--color-border-label:#FF00FF;--color-label:#FF00FF;--color-label-bg:#FF00FF;--color-background-card:#FF00FF;--color-background-input:#FF00FF;--color-background-input-disabled:#FF00FF;--color-parchment-gradient-end:#FF00FF;--color-step-completed:#FF00FF;--color-step-active:#FF00FF;--color-step-pending:#FF00FF;--color-step-pending-text:#FF00FF;--color-step-label:#FF00FF;--color-step-num:#FF00FF;--font-family-body:var(--font-display);--font-family-story:var(--font-body);--font-size-title-massive:var(--font-size-5xl);--font-size-title-lg:var(--font-size-5xl);--font-size-title:var(--font-size-3xl);--font-size-body-lg:var(--font-size-lg);--font-size-body:var(--font-size-base);--font-size-caption:var(--font-size-sm);--font-size-label:var(--font-size-xs);--font-size-label-mobile:var(--font-size-xs);--line-height-body:var(--line-height-normal);--space-xxxs:var(--space-1);--space-xxs:var(--space-2);--space-xs:var(--space-4);--space-sm:var(--space-6);--space-md:var(--space-8);--space-lg:var(--space-11);--space-xl:var(--space-13);--space-xxl:var(--space-16);--radius-sm:var(--radius-xs);--radius-md:var(--radius-s);--radius-xl:var(--radius-lg)}.stories-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;list-style:none;padding:0;margin:0}@media (max-width:768px){.stories-gallery{grid-template-columns:repeat(2,1fr)}}.download-app-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 24px;background-color:var(--color-parchment);border-bottom:1px solid var(--color-lavender)}.download-app-banner__text{margin:0;font-family:var(--font-family-body);font-weight:400;font-size:var(--font-size-body-lg);line-height:var(--line-height-body);color:var(--color-inkwell)}.download-app-banner__icon{display:block;flex-shrink:0;width:44px;height:44px}.download-app-banner__badge{display:block;width:auto;height:40px;aspect-ratio:119.66407/40}.download-app-banner__store-link{display:inline-flex;flex-shrink:0;line-height:0;text-decoration:none}@media (max-width:768px){.download-app-banner__text{font-size:var(--font-size-body)}.download-app-banner__icon{width:32px;height:32px}.download-app-banner__badge{height:32px}}.saved-story-card{position:relative}.saved-story-thumb{border-radius:8px;transition:box-shadow .25s ease;box-shadow:none}.saved-story-card .saved-story-thumb>div:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-inkwell) 15%,transparent);pointer-events:none;z-index:1}@media (hover:hover) and (pointer:fine){.saved-story-card:focus-within .saved-story-thumb,.saved-story-card:hover .saved-story-thumb{box-shadow:0 12px 28px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}}.stories-skeleton{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stories-skeleton-tile{width:100%;aspect-ratio:1;border-radius:8px}.stories-skeleton-line,.stories-skeleton-tile{background:linear-gradient(90deg,#f1f1f1,#e9e9e9 50%,#f1f1f1);background-size:200% 100%;animation:stories-skeleton-shimmer 1.2s ease-in-out infinite}.stories-skeleton-line{height:10px;border-radius:999px;margin-top:10px}.stories-skeleton-line--title{width:80%}.stories-skeleton-line--meta{width:55%;margin-top:8px}@keyframes stories-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.stories-skeleton>li:nth-child(n+5){display:none}}.circle-icon-btn{width:var(--circle-icon-btn-size);height:var(--circle-icon-btn-size);min-width:var(--circle-icon-btn-size);min-height:var(--circle-icon-btn-size);border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}button.circle-icon-btn,span.circle-icon-btn{cursor:pointer}.circle-icon-btn--primary{background-color:var(--color-eucalyptus);color:var(--color-parchment)}.circle-icon-btn--secondary{background-color:transparent;border:2px solid var(--color-eucalyptus);color:var(--color-eucalyptus)}.circle-icon-btn--primary-destructive{background-color:var(--color-error);color:var(--color-parchment)}.circle-icon-btn--secondary-destructive{background-color:transparent;border:2px solid var(--color-error);color:var(--color-error)}.text-caption{font-size:var(--font-size-caption)}.text-body{font-size:var(--font-size-body)}.text-body-lg{font-size:var(--font-size-body-lg)}.text-title{font-size:var(--font-size-title)}.text-title,.text-title-lg{font-weight:var(--font-weight-semibold)}.text-title-lg{font-size:var(--font-size-title-lg)}.text-muted{color:var(--color-dusk-muted)}.text-secondary{color:var(--color-inkwell-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);font-family:var(--font-family-story);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:1.25;border:none;border-radius:0;cursor:pointer;transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn:not(:disabled):active{opacity:.8}a.btn,a.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-grape);color:var(--color-text-on-dark);padding:var(--space-6) var(--space-8);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.btn--secondary{background-color:transparent;border:none;box-shadow:inset 0 0 0 2px var(--color-eucalyptus);color:var(--color-eucalyptus)}.btn-oauth{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:flex-start;gap:12px;text-align:left;border:1px solid var(--color-border);background-color:rgba(235,215,199,.5);color:var(--color-inkwell);padding-inline:var(--space-lg)}.btn-oauth:not(:disabled):hover{background-color:rgba(235,215,199,.6);opacity:1}.btn-oauth:not(:disabled):active{background-color:rgba(235,215,199,.65);opacity:1}.btn-oauth .btn-oauth__label{flex:1 1;text-align:left}.btn--ghost{background-color:transparent;color:var(--color-eucalyptus)}.btn--primary-destructive{background-color:var(--color-error);color:var(--color-parchment)}.btn--secondary-destructive{border:none;box-shadow:inset 0 0 0 2px var(--color-error)}.btn--ghost-destructive,.btn--secondary-destructive{background-color:transparent;color:var(--color-error)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-caption)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-title)}.selector-btn{transition:none}.selector-btn .selector-icon{opacity:0;transition:opacity .22s ease}.selector-btn:focus-visible .selector-icon,.selector-btn:hover .selector-icon{opacity:1}.selector-btn .selector-text{display:inline-block;transition:transform .22s ease}.selector-btn:focus-visible .selector-text,.selector-btn:hover .selector-text{transform:translateX(8px)}@media (max-width:768px){.selector-btn .selector-icon{opacity:1}.selector-btn .selector-text,.selector-btn:focus-visible .selector-text,.selector-btn:hover .selector-text{transition:none;transform:none}}.create-flow-character-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}@media (max-width:768px){.create-flow-character-row{flex-direction:column;align-items:stretch}}.top-nav-links{justify-content:flex-end}.logo-with-badge{display:inline-flex;align-items:center;gap:4px}@media (max-width:768px){.logo-with-badge{flex-direction:column;align-items:flex-start}}.hero-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0,rgba(252,246,239,.7) 60%),url(/hp-hero.png);background-size:cover;background-position:50%;transform:scaleX(-1);z-index:0}@media (max-width:768px){.generating-loader-shift{transform:scale(.75);transform-origin:center}}.input-field{display:block;box-sizing:border-box;width:100%;padding:var(--space-6) var(--space-8);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-sky);background-color:#FFFFFF;border:2px solid var(--color-sky);border-radius:var(--radius-s);transition:border-color .15s ease,color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field::placeholder{color:var(--color-sky)}.input-field:focus{outline:none;border-color:var(--color-sky-dark);color:var(--color-sky-dark)}.input-field:focus::placeholder{color:var(--color-sky-dark)}.input-field:disabled{opacity:.5;cursor:not-allowed}textarea.input-field{min-height:100px;resize:vertical}.input-field-error{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-error)}.label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-inkwell)}.label--optional:after{content:" (optional)";font-weight:400;color:var(--color-dusk-muted)}.message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-body);line-height:var(--line-height-body)}.message--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.message--error{background-color:#fef2f2;color:var(--color-error);border:1px solid var(--color-error)}.message--info{background-color:#eff6ff;color:var(--color-step-active);border:1px solid var(--color-step-active)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.card{background-color:var(--color-background-card);border:1px solid var(--color-border-dark);border-radius:var(--radius-m);padding:var(--space-md)}.card--elevated{box-shadow:0 4px 20px rgba(0,0,0,.15)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.modal-backdrop,[data-modal-backdrop]{animation:modal-fade-in var(--modal-duration) var(--modal-ease)}.modal-backdrop.modal-closing,.modal-backdrop[data-closing],[data-modal-backdrop].modal-closing,[data-modal-backdrop][data-closing]{animation:modal-fade-out var(--modal-duration) var(--modal-ease-out) forwards}.modal-content,[role=dialog].modal-dialog{animation:modal-fade-in var(--modal-duration) var(--modal-ease)}.modal-content.modal-closing,.modal-content[data-closing],[role=dialog].modal-dialog.modal-closing,[role=dialog].modal-dialog[data-closing]{animation:modal-fade-out var(--modal-duration) var(--modal-ease-out) forwards}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.75}}.skeleton-thumb{background:var(--color-border-light);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.home-feature-row{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg);align-items:stretch;text-align:center}@media (min-width:640px){.home-feature-row{flex-direction:row;align-items:center;gap:var(--space-xl);text-align:left}.home-feature-row--reverse{flex-direction:row-reverse}}.home-feature-row__media{width:66.666%;max-width:66.666%;height:auto;flex-shrink:0;display:block;background:transparent;align-self:center}@media (min-width:640px){.home-feature-row__media{width:33.333%;max-width:33.333%;align-self:center;flex:0 0 33.333%}}.home-feature-row__body{flex:1 1;min-width:0}.home-feature-row__body h3{font-size:var(--font-size-body-lg);font-family:var(--font-family-body);line-height:var(--line-height-body)}.home-feature-row__body h3,.home-feature-row__body p{margin:0 0 var(--space-sm);font-weight:400;color:var(--color-dusk)}.home-feature-row__body p{font-size:var(--font-size-caption);font-family:var(--font-family-story);line-height:1.5}.home-feature-row__body p:last-child{margin-bottom:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.tf-mkt-v2{--accent:var(--color-grape);--accent-deep:var(--color-plum);--accent-soft:var(--color-lilac-wash);--accent-mist:var(--color-lilac-mist);--accent-on:var(--color-text-on-dark);--page-grad:var(--gradient-surface-lilac);position:relative;font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tf-mkt-v2[data-texture=lilac]:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(700px 700px at 80% -10%,rgba(200,189,232,.55),transparent 60%),radial-gradient(900px 900px at -10% 30%,rgba(240,160,184,.18),transparent 60%),radial-gradient(800px 800px at 50% 90%,rgba(123,196,240,.18),transparent 60%),var(--page-grad)}.tf-mkt-v2>*{position:relative;z-index:1}.tf-mkt-v2 .marketing-category-wrap{width:100%;margin-top:var(--space-11)}.tf-mkt-v2 .marketing-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-8);gap:var(--space-8);width:100%}@media (min-width:768px){.tf-mkt-v2 .marketing-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.tf-mkt-v2 .marketing-category-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:0}.tf-mkt-v2 .marketing-category-card{width:100%;height:120px;box-sizing:border-box;border:1px solid;border-radius:var(--radius-m);padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.tf-mkt-v2 .marketing-category-card__art{width:70px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tf-mkt-v2 .marketing-category-card__img{display:block;max-width:100%;max-height:100%;object-fit:contain}.tf-mkt-v2 .marketing-category-caption{margin:0;width:100%;font-family:var(--font-family-body);font-size:var(--font-size-3xs);font-weight:400;line-height:var(--line-height-body);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--color-grape);text-align:center}.tf-mkt-v2 .wrap{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.tf-mkt-v2 .section{padding:120px 0;position:relative}.tf-mkt-v2 .eyebrow{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-muted)}.tf-mkt-v2 .eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:9999px;background:var(--accent);margin:0 10px 2px 0;vertical-align:middle}.tf-mkt-v2 .display{font-family:var(--font-display);font-weight:900;letter-spacing:-1.5px;line-height:1.02;color:var(--color-text-primary);margin:0}.tf-mkt-v2 .display-xl{font-size:clamp(48px,8.5vw,124px)}.tf-mkt-v2 .hero h1.hero-title.display-xl{font-size:clamp(40px,4.2vw + .55rem,68px);letter-spacing:-1.2px;line-height:1.12}.tf-mkt-v2 .display-lg{font-size:clamp(40px,6vw,84px)}.tf-mkt-v2 .display-md{font-size:clamp(32px,4.4vw,56px)}.tf-mkt-v2 .serif-italic{font-family:Playfair Display,serif;font-style:italic;font-weight:800;color:var(--accent)}.tf-mkt-v2 .lede{font-family:var(--font-body);font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--color-text-secondary);max-width:56ch;font-weight:400}.tf-mkt-v2 .mkt-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 28px;border-radius:9999px;font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.2px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s var(--ease-default),opacity .2s,box-shadow .3s;white-space:nowrap}.tf-mkt-v2 .mkt-btn-primary{background:var(--accent);color:var(--accent-on);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -16px rgba(74,54,112,.45)}.tf-mkt-v2 .mkt-btn-primary:hover{opacity:.92;transform:translateY(-1px)}.tf-mkt-v2 .mkt-btn-ghost{background:transparent;color:var(--color-text-primary);padding:16px 22px}.tf-mkt-v2 .mkt-btn-ghost:hover{background:rgba(74,54,112,.06)}.tf-mkt-v2 .btn-appstore{display:inline-flex;align-items:center;gap:14px;padding:14px 22px 14px 18px;border-radius:16px;background:var(--color-text-primary);color:var(--color-text-on-dark);text-decoration:none;transition:transform .2s}.tf-mkt-v2 .btn-appstore:hover{transform:translateY(-2px)}.tf-mkt-v2 .btn-appstore .apple{font-size:28px;line-height:1}.tf-mkt-v2 .btn-appstore .as-l1{display:block;font-size:10px;letter-spacing:.4px;opacity:.85;font-family:var(--font-body);font-weight:500}.tf-mkt-v2 .btn-appstore .as-l2{display:block;font-size:18px;font-weight:600;font-family:var(--font-display);letter-spacing:-.3px;margin-top:1px}.tf-mkt-v2 .hero{padding:80px 0 100px;position:relative;overflow:hidden}.tf-mkt-v2 .hero-overline{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:9999px;background:rgba(255,255,255,.7);border:1px solid rgba(74,54,112,.12);font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--color-text-secondary);margin-bottom:28px}.tf-mkt-v2 .hero-overline .star{width:18px;height:18px;background:var(--accent);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-on);font-size:11px}.tf-mkt-v2 .hero h1 .hero-title-finale{font-family:Playfair Display,serif;font-style:italic;font-weight:900;color:var(--accent);letter-spacing:-.04em;white-space:nowrap}.tf-mkt-v2 .hero-sub{margin-top:28px;font-size:19px;line-height:1.55;color:var(--color-text-secondary);max-width:48ch}.tf-mkt-v2 .hero-cta-row{margin-top:38px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.tf-mkt-v2 .hero-meta{margin-top:22px;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--color-text-muted);font-family:var(--font-body)}.tf-mkt-v2 .hero-meta .sep{width:4px;height:4px;border-radius:9999px;background:currentColor;opacity:.5}.tf-mkt-v2 .hero-meta .stars{color:var(--color-golden);letter-spacing:1px;font-size:14px}.tf-mkt-v2 .hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;grid-gap:64px;gap:64px}.tf-mkt-v2 .sparkle-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tf-mkt-v2 .sparkle{position:absolute;color:var(--accent);opacity:0;animation:tf-mkt-v2-sparkle-twinkle 4s ease-in-out infinite}@keyframes tf-mkt-v2-sparkle-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:.9;transform:scale(1) rotate(20deg)}}@keyframes tf-mkt-v2-sparkle-drift{0%{transform:translateY(0) rotate(0deg);opacity:0}10%,90%{opacity:.7}to{transform:translateY(-180px) rotate(40deg);opacity:0}}.tf-mkt-v2 .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px;flex-wrap:wrap}.tf-mkt-v2 .section-head h2{margin:12px 0 0}.tf-mkt-v2 .section-head p{max-width:44ch;margin:0;color:var(--color-text-secondary);font-size:18px;line-height:1.55}.tf-mkt-v2 .reveal{position:relative;border-radius:28px;overflow:hidden;background:var(--accent-mist);isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ew-resize}.tf-mkt-v2 .reveal img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;pointer-events:none}.tf-mkt-v2 .reveal .handle{position:absolute;top:0;bottom:0;width:4px;background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(74,54,112,.2),0 0 24px rgba(74,54,112,.3);pointer-events:none;z-index:5}.tf-mkt-v2 .reveal .handle:before{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:9999px;background:white;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(74,54,112,.3)}.tf-mkt-v2 .reveal .handle:after{content:"⇆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:var(--accent);font-weight:800}.tf-mkt-v2 .reveal .badge{position:absolute;top:18px;padding:7px 13px;border-radius:9999px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tf-mkt-v2 .reveal .badge-photo{left:18px;background:rgba(255,255,255,.85);color:var(--color-text-primary)}.tf-mkt-v2 .reveal .badge-story{right:18px;background:var(--accent);color:var(--accent-on)}.tf-mkt-v2 .steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:960px){.tf-mkt-v2 .steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tf-mkt-v2 .steps{grid-template-columns:1fr}}.tf-mkt-v2 .section-foot-tagline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:56px 0 0;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--color-text-secondary);text-align:center}.tf-mkt-v2 .section-foot-tagline__mark{width:18px;height:18px;flex-shrink:0;background:var(--accent);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-on);font-size:11px}.tf-mkt-v2 .step{position:relative;padding:28px 24px 30px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(74,54,112,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s var(--ease-default),box-shadow .3s;overflow:hidden}.tf-mkt-v2 .step:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(74,54,112,.3)}.tf-mkt-v2 .step .num{font-family:Playfair Display,serif;font-style:italic;font-weight:900;font-size:90px;line-height:.9;color:var(--accent);opacity:.16;position:absolute;top:8px;right:16px}.tf-mkt-v2 .step .icon{width:80px;height:80px;margin-bottom:20px;background:var(--accent-mist);border-radius:22px;display:flex;align-items:center;justify-content:center}.tf-mkt-v2 .step .icon img{width:56px;height:56px;object-fit:contain}.tf-mkt-v2 .step h3{font-family:var(--font-display);font-weight:800;font-size:22px;margin:0 0 8px;letter-spacing:-.3px}.tf-mkt-v2 .step p{margin:0;font-size:15px;line-height:1.55;color:var(--color-text-secondary)}.tf-mkt-v2 .showcase-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:1000px){.tf-mkt-v2 .showcase-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.tf-mkt-v2 .showcase-grid{grid-template-columns:1fr}}.tf-mkt-v2 .showcase-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.tf-mkt-v2 .showcase-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tf-mkt-v2 .showcase-bento{grid-template-columns:1fr}}.tf-mkt-v2 .showcase-card{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;isolation:isolate;transition:transform .35s var(--ease-default),box-shadow .35s}.tf-mkt-v2 .showcase-card:hover{transform:translateY(-8px);box-shadow:0 50px 80px -40px rgba(74,54,112,.5)}.tf-mkt-v2 .showcase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-default)}.tf-mkt-v2 .showcase-card:hover img{transform:scale(1.04)}.tf-mkt-v2 .showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(26,21,37,.85));z-index:1}.tf-mkt-v2 .showcase-card .meta{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:white}.tf-mkt-v2 .showcase-card .genre-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.tf-mkt-v2 .showcase-card h3{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:-.5px;margin:0 0 6px;line-height:1.05}.tf-mkt-v2 .showcase-card p{margin:0;font-size:14px;line-height:1.5;opacity:.85}.tf-mkt-v2 .features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:800px){.tf-mkt-v2 .features{grid-template-columns:1fr}}.tf-mkt-v2 .feature{padding:36px;border-radius:28px;background:rgba(255,255,255,.7);border:1px solid rgba(74,54,112,.1);position:relative;overflow:hidden}.tf-mkt-v2 .feature .ftag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;background:var(--accent-mist);color:var(--accent-deep);font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.tf-mkt-v2 .feature h3{margin:18px 0 10px;font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.5px;line-height:1.15}.tf-mkt-v2 .feature p{margin:0;font-size:16px;line-height:1.6;color:var(--color-text-secondary)}.tf-mkt-v2 .faq-list{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}.tf-mkt-v2 .faq-item{background:rgba(255,255,255,.6);border:1px solid rgba(74,54,112,.1);border-radius:20px;overflow:hidden;transition:background .2s}.tf-mkt-v2 .faq-item[data-open=true]{background:rgba(255,255,255,.92)}.tf-mkt-v2 .faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 26px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--color-text-primary);letter-spacing:-.2px}.tf-mkt-v2 .faq-q .chev{width:32px;height:32px;border-radius:9999px;background:var(--accent-mist);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .25s var(--ease-default)}.tf-mkt-v2 .faq-item[data-open=true] .chev{transform:rotate(180deg)}.tf-mkt-v2 .faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease-default),padding .2s;padding:0 26px;color:var(--color-text-secondary);font-size:16px;line-height:1.6}.tf-mkt-v2 .faq-item[data-open=true] .faq-a{max-height:240px;padding-bottom:22px}.tf-mkt-v2 .cta-final{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:var(--color-text-on-dark);border-radius:40px;padding:100px 60px;position:relative;overflow:hidden;text-align:center}.tf-mkt-v2 .cta-final:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 20% 30%,rgba(255,214,176,.3),transparent 60%),radial-gradient(600px 300px at 80% 70%,rgba(123,196,240,.25),transparent 60%);pointer-events:none}.tf-mkt-v2 .cta-final h2{position:relative;font-family:var(--font-display);font-weight:900;font-size:clamp(40px,6vw,76px);letter-spacing:-1.5px;line-height:1;margin:0 auto 16px;max-width:16ch}.tf-mkt-v2 .cta-final h2 em{font-family:Playfair Display,serif;font-style:italic;font-weight:900;color:#FFD080}.tf-mkt-v2 .cta-final p{position:relative;margin:0 auto 36px;max-width:50ch;font-size:18px;line-height:1.55;opacity:.85}.tf-mkt-v2 .genres-wrap{margin-top:24px}.tf-mkt-v2 .hero-genre-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:38px;flex-wrap:wrap;text-align:center}.tf-mkt-v2 .hero-genre-label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-text-primary);letter-spacing:-.1px}.tf-mkt-v2 .hero-genre-pill-wrap{position:relative;display:inline-flex;align-items:center}.tf-mkt-v2 .hero-genre-pill{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 38px 10px 18px;border-radius:9999px;border:1px solid color-mix(in srgb,var(--color-soft-lilac) 70%,transparent);background:var(--color-lilac-wash);font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--accent-deep);cursor:pointer;transition:background .15s var(--ease-default),border-color .15s var(--ease-default),box-shadow .2s}.tf-mkt-v2 .hero-genre-pill:hover{background:var(--color-soft-lilac);border-color:var(--color-soft-lilac);box-shadow:0 6px 18px -10px rgba(74,54,112,.35)}.tf-mkt-v2 .hero-genre-pill:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,54,112,.18)}.tf-mkt-v2 .hero-genre-pill-chev{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--accent);font-size:14px;line-height:1}.tf-mkt-v2 .hero-disclaimer{margin:14px 0 0;font-family:var(--font-body);font-size:12px;line-height:1.45;color:var(--color-text-muted);text-align:center}@media (max-width:1000px){.tf-mkt-v2 .section{padding:88px 0}.tf-mkt-v2 .hero{padding:56px 0 80px}.tf-mkt-v2 .hero-grid{grid-template-columns:1fr;gap:56px}.tf-mkt-v2 .section-head{margin-bottom:44px;gap:24px}.tf-mkt-v2 .section-head p{font-size:16px}}@media (max-width:720px){.tf-mkt-v2 .wrap{padding:0 18px}.tf-mkt-v2 .section{padding:64px 0}.tf-mkt-v2 .hero{padding:36px 0 64px}.tf-mkt-v2 .hero-overline{font-size:11px;padding:6px 12px 6px 8px;margin-bottom:18px}.tf-mkt-v2 .hero-overline .star{width:16px;height:16px;font-size:10px}.tf-mkt-v2 .hero h1.hero-title.display-xl{font-size:44px;letter-spacing:-1px}.tf-mkt-v2 .hero h1 .hero-title-finale{letter-spacing:-.03em}.tf-mkt-v2 .hero-sub{margin-top:18px;font-size:16px}.tf-mkt-v2 .hero-cta-row{margin-top:26px;gap:10px;width:100%}.tf-mkt-v2 .hero-cta-row .btn-appstore{padding:12px 18px 12px 14px}.tf-mkt-v2 .hero-cta-row .btn-appstore .as-l2{font-size:16px}.tf-mkt-v2 .hero-cta-row .mkt-btn-ghost{padding:12px 14px;font-size:14px}.tf-mkt-v2 .hero-meta{margin-top:16px;font-size:12px;flex-wrap:wrap;gap:10px}.tf-mkt-v2 .section-head{flex-direction:column;align-items:flex-start;margin-bottom:36px;gap:16px}.tf-mkt-v2 .section-head h2{margin-top:8px}.tf-mkt-v2 .section-head p{font-size:15px}.tf-mkt-v2 .display-md{font-size:30px;letter-spacing:-.5px}.tf-mkt-v2 .steps{gap:12px;grid-template-columns:1fr 1fr}.tf-mkt-v2 .step{padding:18px 16px 20px;border-radius:22px}.tf-mkt-v2 .step .num{font-size:64px;top:4px;right:10px}.tf-mkt-v2 .step .icon{width:56px;height:56px;border-radius:16px;margin-bottom:14px}.tf-mkt-v2 .step .icon img{width:38px;height:38px}.tf-mkt-v2 .step h3{font-size:16px}.tf-mkt-v2 .step p{font-size:13px;line-height:1.5}.tf-mkt-v2 .section-foot-tagline{margin-top:40px}.tf-mkt-v2 .section-foot-tagline__mark{width:16px;height:16px;font-size:10px}.tf-mkt-v2 .showcase-bento{grid-template-columns:1fr;gap:16px}.tf-mkt-v2 .showcase-card{aspect-ratio:1/1;border-radius:24px}.tf-mkt-v2 .showcase-card .meta{left:18px;right:18px;bottom:18px}.tf-mkt-v2 .showcase-card h3{font-size:22px}.tf-mkt-v2 .showcase-card p{font-size:13px}.tf-mkt-v2 .features{grid-template-columns:1fr;gap:14px}.tf-mkt-v2 .feature{padding:24px 22px;border-radius:22px}.tf-mkt-v2 .feature h3{font-size:22px}.tf-mkt-v2 .feature p{font-size:15px}.tf-mkt-v2 .faq-q{padding:18px;font-size:15px;gap:12px}.tf-mkt-v2 .faq-q .chev{width:28px;height:28px;flex:none}.tf-mkt-v2 .faq-a{font-size:15px;padding:0 18px}.tf-mkt-v2 .faq-item[data-open=true] .faq-a{padding-bottom:18px}.tf-mkt-v2 .cta-final{padding:56px 24px;border-radius:28px}.tf-mkt-v2 .cta-final h2{font-size:36px;letter-spacing:-.8px}.tf-mkt-v2 .cta-final p{font-size:15px;margin-bottom:24px}}@media (max-width:380px){.tf-mkt-v2 .hero h1.hero-title.display-xl{font-size:38px}.tf-mkt-v2 .display-md{font-size:26px}.tf-mkt-v2 .steps{grid-template-columns:1fr}}.tf-mkt-v2 .tag-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;background:var(--accent-mist);color:var(--accent-deep)}