.fc-page{--color-foreground:#edf2f6;--color-muted:#afbdc6;--color-accent:#ff843b;--color-surface:#13212b;--color-border:#8095a333;background:#080f15;min-height:100vh}.fc-atmosphere{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08101955,#080f15db 25%,#080f15dc 78%,#08101955),url(/freshup/native-v3/room-3840.webp) top/100% repeat-y;position:absolute;inset:0}.fc-page .fu-header{position:relative}.fc-wrap{width:min(1440px,100% - 10vw);margin-inline:auto}.fc-page main{position:relative}.fc-breadcrumb{color:#abb9c3;gap:13px;margin-bottom:38px;font-size:12px;display:inline-flex}.fc-breadcrumb span{color:#617583}.fc-page main h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(44px,5vw,78px);font-weight:650;line-height:1.06}.fc-page main h1 em,.fc-page main h2 em{color:#ff853a;font-style:normal}.fc-page main h2{letter-spacing:-.035em;margin:16px 0;font-size:clamp(29px,3vw,45px);font-weight:550;line-height:1.15}.fc-lead{color:#b3c2cc;max-width:600px;font-size:16px;line-height:1.8}.fc-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:30px;display:flex}.fc-text-link{color:#d5e0e7;padding-block:10px;font-size:13px;display:inline-block}.fc-text-link:hover{color:#ff9958}.fc-coding-hero{grid-template-columns:1fr 1.07fr;align-items:center;gap:30px;min-height:690px;padding-top:60px;padding-bottom:60px;display:grid}.fc-hero-copy{z-index:1}.fc-hero-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.fc-hero-tags span{letter-spacing:.06em;color:#b0bfc9;background:#0d182680;border:1px solid #9cacb431;border-radius:5px;padding:7px 10px;font-size:10px}.fc-product-stage{perspective:1800px;min-width:0;margin-right:-7vw;position:relative}.fc-product-stage:before{content:"";filter:blur(60px);background:#e05d1019;border-radius:100%;position:absolute;inset:10%}.fc-product-stage img{object-fit:cover;object-position:50% 40%;border:1px solid #e2753057;border-radius:12px;width:100%;height:auto;min-height:400px;position:relative;transform:rotateY(-11deg)rotateX(3deg);box-shadow:-25px 30px 80px #0008,0 0 50px #ff6b1412}.fc-stage-caption{text-align:right;letter-spacing:.3em;color:#cbbbac;margin:25px 8vw 0 0;font-size:10px;display:block;position:relative}.fc-section{padding-block:55px 65px}.fc-section-heading{justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:32px;display:flex}.fc-section-heading>p{color:#aebdc6;max-width:410px;font-size:14px;line-height:1.8}.fc-steps{border-top:1px solid #b2c5d02b;grid-template-columns:repeat(4,1fr);display:grid}.fc-steps article{padding:30px 25px 20px 0}.fc-steps article+article{border-left:1px solid #b2c5d01c;padding-left:25px}.fc-steps article>span,.fc-feature-number{color:#ff9148;letter-spacing:.13em;font-family:monospace;font-size:12px}.fc-page h3{margin:17px 0 12px;font-size:17px;font-weight:600;line-height:1.4}.fc-steps p,.fc-panel p{color:#aebdc6;font-size:13px;line-height:1.85}.fc-feature-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.fc-panel{background:linear-gradient(125deg,#27394468,#0c1721c9);border:1px solid #aac0cb2b;border-radius:12px;padding:30px;box-shadow:inset 0 1px #ffffff0c}.fc-faq-split{grid-template-columns:1fr 1.6fr;gap:75px;display:grid}.fc-accordion{border-top:1px solid #b2c5d02b}.fc-accordion details{border-bottom:1px solid #b2c5d02b;padding:22px 0}.fc-accordion summary{cursor:pointer;justify-content:space-between;gap:25px;font-size:15px;font-weight:500;list-style:none;display:flex}.fc-accordion summary::-webkit-details-marker{display:none}.fc-accordion summary>span{color:#ff9148;flex-shrink:0;font-size:22px;line-height:1;transition:transform .2s}.fc-accordion details[open] summary>span{transform:rotate(45deg)}.fc-accordion p{color:#afbdc6;margin-top:18px;padding-right:32px;font-size:14px;line-height:1.9}.fc-end-cta{background:linear-gradient(90deg,#0a141deb,#0b121a70),url(/freshup/native-v3/cta-poster-1920.webp) 50%/cover;border:1px solid #a0b9c246;border-radius:15px;justify-content:space-between;align-items:center;gap:35px;margin-top:40px;margin-bottom:90px;padding:45px;display:flex}.fc-end-cta h2{font-size:clamp(27px,2.5vw,38px)}.fc-end-cta p:not(.fu-eyebrow){color:#bdcad3;font-size:14px;line-height:1.7}.fc-end-cta .fu-button{white-space:nowrap}.fc-editorial-hero{padding-block:65px 55px;position:relative}.fc-editorial-hero:after{content:"";z-index:-1;opacity:.3;background:linear-gradient(90deg,#080f15,#0000 55%),linear-gradient(#0000 25%,#080f15),url(/freshup/native-v3/hero-poster-1920.webp) 80% 40%/cover;width:50vw;height:580px;position:absolute;top:-80px;right:-8vw;mask-image:linear-gradient(90deg,#0000,#000 35%)}.fc-faq-search{background:#101e27b8;border:1px solid #90a8b143;border-radius:9px;align-items:center;gap:12px;width:min(550px,100%);margin-top:30px;padding:15px 17px;display:flex}.fc-faq-search svg{color:#9bacb7;flex-shrink:0;width:20px;height:20px}.fc-faq-search input{color:#f1f5f8;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.fc-faq-search kbd{color:#8ba0ae;font-size:10px}.fc-faq-search:focus-within{border-color:#ff9148}.fc-faq-layout{grid-template-columns:260px 1fr;gap:75px;padding-bottom:45px;display:grid}.fc-faq-nav{background:#0d1922ad;border:1px solid #a0b9c22b;border-radius:10px;align-self:start;padding:22px;position:sticky;top:24px}.fc-faq-nav>p{letter-spacing:.16em;color:#ff9148;margin-bottom:16px;font-size:10px}.fc-faq-nav>a{color:#c6d3dc;border-bottom:1px solid #ffffff0e;justify-content:space-between;gap:12px;padding:13px 0;font-size:13px;display:flex}.fc-faq-nav>a:hover{color:#ff9148}.fc-faq-group{margin-bottom:42px;scroll-margin-top:25px}.fc-faq-group h2{margin-top:0;font-size:25px}.fc-empty{color:#becbd3;border:1px dashed #9eb7c244;border-radius:10px;padding:35px;font-size:14px}.fc-page [hidden]{display:none!important}.fc-blog-toolbar{border-block:1px solid #96acb72c;justify-content:space-between;align-items:center;gap:20px;margin:0 0 27px;padding-block:20px;display:flex}.fc-topics{flex-wrap:wrap;gap:8px;display:flex}.fc-topics button{color:#bac7d0;cursor:pointer;background:#12212c6b;border:1px solid #91a6b134;border-radius:6px;padding:9px 13px;font-size:12px}.fc-topics button.active{color:#ffab72;background:#ee772521;border-color:#ff8b407b}.fc-blog-toolbar>span{white-space:nowrap;color:#899ca9;font-size:11px}.fc-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.fc-story{background:linear-gradient(135deg,#1e2c36ad,#0b141eee);border:1px solid #9bacb833;border-radius:12px;transition:transform .25s,border-color .25s;overflow:hidden}.fc-story:hover{border-color:#ff8b4080;transform:translateY(-4px)}.fc-story-featured{grid-column:1/-1;grid-template-columns:1.45fr 1fr;display:grid}.fc-story-art{min-height:220px;position:relative;overflow:hidden}.fc-story-art img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute}.fc-story:hover .fc-story-art img{transform:scale(1.025)}.fc-story-art>span{color:#ffb580;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px);background:#0a152bd6;border:1px solid #e4944c60;border-radius:5px;padding:7px 10px;font-size:10px;position:absolute;bottom:20px;left:22px}.fc-story-body{padding:26px}.fc-story-meta{color:#92a6b5;justify-content:space-between;gap:10px;font-size:10px;display:flex}.fc-story-body h2{letter-spacing:-.025em;margin:18px 0 12px;font-size:23px;line-height:1.3}.fc-story-body p{color:#acbcc7;font-size:13px;line-height:1.8}.fc-story-link{color:#dbe4eb;border-top:1px solid #94adbc22;justify-content:space-between;align-items:center;margin-top:28px;padding-top:17px;font-size:12px;display:flex}.fc-story-link b{color:#ff934c;font-size:21px}.fc-story-featured .fc-story-body{padding:44px}.fc-story-featured h2{font-size:35px}.fc-story-featured .fc-story-art{min-height:390px}.fc-article{max-width:850px;padding-bottom:50px}.fc-article h1{font-size:clamp(34px,3.8vw,57px)}.fc-article .blog-content{background:#111e29b5;border:1px solid #8cabb22b;border-radius:12px;padding:40px}.fc-article .blog-content a{color:#ffac74}.fc-article .blog-content :is(h2,h3){color:#e7edf2}.fc-article .blog-content pre{max-width:100%;overflow:auto}.fc-page :focus-visible{outline-offset:4px;outline:2px solid #ff9b5c}@media (width<=1000px){.fc-coding-hero{grid-template-columns:1fr;min-height:0}.fc-product-stage{margin:10px 0 0}.fc-product-stage img{object-position:center 45%;min-height:0;max-height:430px;transform:none}.fc-stage-caption{margin-right:0}.fc-hero-copy .fc-lead{max-width:700px}.fc-steps{grid-template-columns:1fr 1fr}.fc-steps article:nth-child(3){border-left:0;padding-left:0}.fc-feature-grid{grid-template-columns:1fr 1fr}.fc-faq-layout{grid-template-columns:200px 1fr;gap:35px}.fc-faq-split{gap:40px}.fc-blog-grid{grid-template-columns:1fr 1fr}.fc-story-featured .fc-story-body{padding:26px}.fc-story-featured h2{font-size:27px}.fc-end-cta{padding:30px}}@media (width<=680px){.fc-wrap{width:calc(100% - 38px)}.fc-coding-hero,.fc-editorial-hero{padding-top:35px;padding-bottom:35px}.fc-page main h1{font-size:46px}.fc-lead{font-size:14px}.fc-section{padding-block:35px}.fc-section-heading,.fc-end-cta{display:block}.fc-section-heading{margin-bottom:24px}.fc-section-heading>p{margin-top:20px}.fc-steps{grid-template-columns:1fr}.fc-steps article+article{border-top:1px solid #b2c5d01c;border-left:0;padding:22px 0}.fc-steps article{padding:22px 0}.fc-feature-grid{gap:10px}.fc-panel{padding:20px}.fc-page h3{font-size:16px}.fc-panel p{font-size:12px}.fc-faq-split,.fc-faq-layout{grid-template-columns:1fr;gap:25px}.fc-faq-nav{position:static}.fc-faq-nav>a{border:0;margin-right:18px;display:inline-flex}.fc-end-cta{margin-block:25px 50px;padding:27px}.fc-end-cta>.fu-button{margin-top:24px}.fc-blog-grid{grid-template-columns:1fr}.fc-story-featured{display:block}.fc-story-featured .fc-story-art{min-height:230px}.fc-blog-toolbar>span{display:none}.fc-article .blog-content{padding:24px 20px}.fc-article h1{font-size:37px}.fc-accordion summary{font-size:14px}.fc-editorial-hero:after{width:85vw}}@media (prefers-reduced-motion:reduce){.fc-page *{transition:none!important}}.freshup.fc-page[data-scene] .fu-header{background:linear-gradient(110deg,#16212ae8,#0b1219ed 64%,#0a1015ef);border-bottom:1px solid #73858e29}.freshup.fc-page[data-scene] .fu-header .fu-logo,.freshup.fc-page[data-scene] .fu-header .fu-nav a{color:#edf2f6}.freshup.fc-page[data-scene] .fu-header .fu-nav a:hover{color:#ff9958}
