@font-face{font-family:FlipBlack;src:url(/flip/typeface.otf) format("opentype");font-weight:900;font-display:swap}.flip-home{--hm-bg:#091923;--hm-panel:#132b38;--hm-panel2:#1c3542;--hm-border:#35505a;--hm-accent:#e5b763;--hm-accent-ink:#271c0d;--muted:#b6c3c6;--border:#35505a;--accent:#f0c678;display:block;margin:0 -42px;background:#081822;color:#f5f1e6;overflow:clip;min-height:100vh}.flip-home .hm-head,.flip-home .hm-hero-light,.flip-home .hm-rail,.flip-nav{display:none}.flip-home .hm-main{max-width:1440px;margin:auto;padding:0 42px 64px}.flip-home .hm-hero{background:none;border:0;border-radius:0;overflow:visible;margin:0;min-height:0}.flip-home .hm-hero-inner{position:relative;display:grid;grid-template-columns:1fr;padding:0;grid-gap:0;gap:0;min-height:0}.flip-home .hm-hero-copy{display:contents}.film-benefits,.flip-intro,.flip-title,.flip-upload{position:relative;z-index:2;grid-column:1}.flip-title{font-family:FlipBlack,Microsoft JhengHei,sans-serif;font-size:clamp(42px,5.6vw,78px);font-weight:900;line-height:1.16;letter-spacing:-.035em;margin:80px 0 0;width:49%;color:#fff9ec}.flip-title span{font-size:.66em;line-height:1.5;white-space:nowrap}.flip-title b{color:#efbd65}.flip-intro{font-size:16px;color:#cbd1ce;line-height:1.9;margin:22px 0;width:42%}.flip-upload{background:linear-gradient(120deg,#ffe2a1,#dda346);color:#241c0e;border:1px solid #ffe0a0;border-radius:999px;min-height:54px;width:240px;font-size:19px;font-weight:700;cursor:pointer;box-shadow:0 0 30px #ecb25020}.flip-upload span{margin-left:26px}.flip-upload:hover{filter:brightness(1.08)}.flip-art{left:-42px;right:-42px;top:0;height:650px;z-index:0;overflow:hidden;background:#081822;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}.flip-art,.flip-film,.flip-still{position:absolute;pointer-events:none}.flip-film,.flip-still{inset:0;width:100%;height:100%}.flip-film,.flip-still img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.flip-film{opacity:0;transition:opacity .4s}.flip-film.is-ready{opacity:1}.flip-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08182238,transparent 60%)}.film-benefits{display:flex;gap:36px;margin:70px 0 42px;max-width:760px}.film-benefits>div{display:flex;align-items:center;gap:15px}.film-benefits>div>span{display:grid;place-items:center;flex:0 0 50px;height:50px;border:1px solid #b68a4680;border-radius:9px;color:#f0c878;background:#122630bf;font-size:30px;box-shadow:inset 0 0 20px #dfab4220}.film-benefits p{font-size:13px;line-height:1.7;margin:0;color:#e2dfd3}.flip-quick-prefs{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:32px;gap:32px;border-top:1px solid #bc995341;padding:26px 0;background:#081822bb}.flip-quick-prefs p{font-size:12px;color:#c5c9c4;margin:0 0 12px}.flip-platform-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.flip-platform{min-height:44px;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#152b35;color:#d9e1df;border:1px solid #38515a;border-radius:6px;cursor:pointer;font-size:12px}.flip-platform[aria-pressed=true]{border-color:#d4ad62;background:#293b39;box-shadow:inset 0 -2px #d4ad62}.flip-platform:hover{border-color:#dab76c}.platform-logo{width:22px;height:22px;flex:0 0 22px;display:inline-grid;place-items:center}.platform-logo>span{display:block;width:22px;height:22px;background:#eee;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.platform-logo-instagram>span{background:#ed4878}.platform-logo-youtube>span{background:#ff3434}.platform-logo-facebook>span{background:#3284ff}.flip-quick-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.flip-quick-goals button{display:flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;color:#c8d0cc;font-size:12px;cursor:pointer}.flip-check{width:15px;height:15px;border:1px solid #83918e;border-radius:3px;line-height:13px;font-size:11px;flex-shrink:0}.flip-quick-goals button[aria-pressed=true] .flip-check{background:#dfb66c;border-color:#dfb66c;color:#16232a}.flip-home .hm-hero-upload{position:relative;z-index:2;margin:0 0 24px;padding:0;border:0}.flip-home .hm-drop{background:#132a35;border:1px dashed #8b8d70;border-radius:10px;text-align:left;padding:26px;min-height:0}.flip-home .hm-drop strong{font-size:19px;color:#f4ead7}.flip-home .hm-drop span{font-size:13px;color:#b3c2c5;overflow-wrap:anywhere}.flip-home .hm-drop.has-file{border-color:#e3b664}.flip-home .hm-card{background:#122934;border:1px solid #34505b;border-radius:10px}.flip-home .hm-card h2{color:#f0ddba}.flip-home .hm-card p,.flip-home .hm-hint{color:#b7c5c5}.flip-home .hm-chip,.flip-home select,.flip-home textarea{background:#0c202c;border-color:#45606a;color:#e0e7e4}.flip-home .hm-chip{display:inline-flex;align-items:center;gap:8px}.flip-home .hm-chip.on{background:#26382f;color:#edcf97;border-color:#b79754}.flip-home .hm-cta{background:linear-gradient(120deg,#f7d893,#dca446);color:#241b0d}.flip-home .btn.ghost{background:transparent;color:#e5c48a;border-color:#6d7568}.flip-home .hm-field{min-width:0}.flip-home .hm-recent-name{overflow-wrap:anywhere}.flip-home .hm-selects{flex-wrap:wrap}.flip-home :focus-visible{outline:3px solid #edc67a;outline-offset:4px}@media(min-width:1500px){.flip-art{height:720px}.film-benefits,.flip-title{margin-top:100px}}@media(max-width:1000px){.flip-title{margin-top:55px;font-size:54px;width:55%}.flip-intro{font-size:14px;width:48%}.flip-art{height:570px}.film-benefits{margin-top:55px;gap:22px}.flip-quick-prefs{gap:20px}.flip-quick-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.flip-home{margin:0 -16px}.flip-home .hm-main{padding:0 16px 40px}.flip-title{margin-top:36px;font-size:clamp(30px,7.4vw,48px);width:62%;line-height:1.18}.flip-title span{font-size:.55em}.flip-intro{font-size:12px;line-height:1.7;width:53%;margin:18px 0}.desktop-break{display:none}.flip-upload{width:48%;min-height:45px;font-size:15px}.flip-upload span{margin-left:12px}.flip-art{left:-16px;right:-16px;height:365px}.flip-film,.flip-still img{object-fit:cover;object-position:60% center}.flip-art:after{background:linear-gradient(90deg,#08182299,transparent 78%)}.film-benefits{margin:40px 0 24px;gap:12px;justify-content:space-between}.film-benefits>div{gap:7px;flex:1 1}.film-benefits>div>span{flex-basis:32px;height:36px;font-size:21px}.film-benefits p{font-size:10px}.flip-quick-prefs{grid-template-columns:1fr;gap:22px;padding:22px 0}.flip-quick-goals{grid-template-columns:repeat(3,minmax(0,1fr))}.flip-home .hm-grid{grid-template-columns:1fr}.flip-home .hm-card,.flip-home .hm-drop{padding:20px}.flip-home .hm-field{width:100%}.flip-home .hm-selects{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.flip-film{transition:none}}.flip-film,.flip-still img{object-fit:contain;object-position:right center}.flip-art{background:radial-gradient(ellipse at 60% 80%,#18313a,#06131d 80%)}@media(max-width:700px){.flip-film,.flip-still img{object-fit:contain;object-position:right center}}.flip-film,.flip-still{-webkit-mask-image:linear-gradient(90deg,transparent 37%,#000 59%);mask-image:linear-gradient(90deg,transparent 37%,#000 59%)}.flip-intro{text-shadow:0 2px 9px #04101c}.film-benefits svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.flip-film,.flip-still{-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 25%);mask-image:linear-gradient(90deg,transparent 2%,#000 25%)}.flip-art:after{background:linear-gradient(90deg,#061622bb,#061622a6 36%,transparent 67%)}.flip-intro{width:47%;font-size:11px;text-shadow:0 1px 5px #000}.film-benefits svg{width:23px;height:23px}}.flip-art{--film-source-width:866.667px}.flip-film,.flip-still{-webkit-mask-image:linear-gradient(90deg,transparent max(0px,calc(100% - var(--film-source-width) + 18px)),#000 max(180px,calc(100% - var(--film-source-width) + 190px)));mask-image:linear-gradient(90deg,transparent max(0px,calc(100% - var(--film-source-width) + 18px)),#000 max(180px,calc(100% - var(--film-source-width) + 190px)))}@media(min-width:1500px){.flip-art{--film-source-width:960px}}@media(max-width:1000px){.flip-art{--film-source-width:760px}}@media(max-width:700px){.flip-film,.flip-still{-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 25%);mask-image:linear-gradient(90deg,transparent 2%,#000 25%)}.flip-art{--film-letterbox:max(0px,calc(184.5px - 37.5vw))}.flip-film,.flip-still{-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 25%),linear-gradient(180deg,transparent var(--film-letterbox),#000 calc(var(--film-letterbox) + 35px),#000 calc(100% - var(--film-letterbox) - 35px),transparent calc(100% - var(--film-letterbox)));mask-image:linear-gradient(90deg,transparent 2%,#000 25%),linear-gradient(180deg,transparent var(--film-letterbox),#000 calc(var(--film-letterbox) + 35px),#000 calc(100% - var(--film-letterbox) - 35px),transparent calc(100% - var(--film-letterbox)));-webkit-mask-composite:source-in,xor;mask-composite:intersect}}