.df{--df-gap:clamp(28px,4vw,64px);--df-gap-y:12px;--df-hair:var(--fq-border-hair);--df-card:var(--fq-surface-card);--df-wash:color-mix(in oklab,var(--fq-text-strong) 5%,transparent);--df-wash2:color-mix(in oklab,var(--fq-text-strong) 9%,transparent);max-width:100%;overflow-x:clip}.df>*,.df section{min-width:0}.df .vh{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.df-sh-p{color:var(--fq-text-body);text-wrap:pretty;max-width:60ch;margin:18px 0 0;font-size:17px;line-height:1.6}.df-q{vertical-align:.5em;font:600 11px/1 var(--fq-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fq-text-muted);margin-left:10px;display:inline-block}.df-st{vertical-align:.5em;font:600 11px/1 var(--fq-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fq-text-muted);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:999px;margin-left:10px;padding:4px 8px;display:inline-block}.df-st.ready{color:var(--fq-text-strong)}.df-hero.phero{min-height:calc(100svh - 84px)}.df-wrap{z-index:2;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:clamp(96px,12vh,128px) clamp(18px,4vw,40px) clamp(20px,4vh,40px);position:relative}.df-hero .crumbs{margin-bottom:clamp(14px,3vh,28px)}.df-split{gap:var(--df-gap);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.df-top{text-align:left;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex;container-type:inline-size}.df-h1{font:700 clamp(38px,10.5cqw,78px)/.98 var(--fq-font-display);letter-spacing:-.05em;color:var(--fq-text-strong);text-wrap:balance;margin:0}.df-h1 em{padding:0 .08em .06em 0;font-style:italic;display:inline-block}.df-lead{font:400 clamp(16px,1.25vw,19px)/1.5 var(--fq-font-sans);color:var(--fq-text-body);text-wrap:pretty;max-width:48ch;margin:0}.df-top .ctas{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:6px;display:flex}.df-hero-shot{min-width:0}.df-more{text-align:center;width:max-content;max-width:100%;font:600 13px/1.3 var(--fq-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fq-text-muted);flex-direction:column;align-items:center;gap:6px;margin:clamp(18px,3.5vh,36px) auto 0;text-decoration:none;display:flex}.df-more:hover{color:var(--fq-text-strong)}.df-more svg{animation:1.8s ease-in-out infinite df-bob}@keyframes df-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.df-more svg{animation:none}}@media (max-width:900px){.df-hero.phero{min-height:0}.df-split{grid-template-columns:1fr}}.df-pv{flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.df-chips{flex-wrap:wrap;gap:6px;display:flex}.df-chips button,.df-kits button{cursor:pointer;font:inherit;border:0}.df-chips button{background:var(--df-wash);height:40px;color:var(--fq-text-body);font:600 14px/1 var(--fq-font-sans);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.df-chips button small{font:600 10px/1 var(--fq-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--fq-text-muted)}.df-chips button[aria-pressed=true]{background:var(--fq-text-strong);color:var(--fq-bg-canvas)}.df-chips button[aria-pressed=true] small{color:inherit;opacity:.7}.df-stage{aspect-ratio:16/10;box-sizing:border-box;background:radial-gradient(70% 80% at 50% 110%,color-mix(in oklab,var(--c) 24%,transparent),transparent 70%),var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair),0 60px 120px -50px var(--fq-bg-canvas),0 0 120px -60px var(--c);border-radius:28px;padding:clamp(12px,1.6vw,20px);position:relative}.df-fit{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.df-stage .df-ios,.df-stage .df-mail,.df-stage .df-mail img{width:auto;height:100%}.df-note{color:var(--fq-text-muted);min-height:1.5em;margin:0;font-size:14px;line-height:1.5}.df-note b{color:var(--fq-text-strong);font-weight:600}.df-try{display:block}.df-try .df-note{min-height:2.9em}.df-try .df-pv{max-width:880px;margin:0 auto}.df-kits{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.df-kits button{background:var(--df-wash);min-height:46px;color:var(--fq-text-body);font:600 14px/1.2 var(--fq-font-sans);text-align:left;box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:12px;align-items:center;gap:10px;padding:6px 12px;display:flex}.df-kits i{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.df-kits button[aria-pressed=true]{background:color-mix(in oklab,var(--c) 22%,transparent);color:var(--fq-text-strong);box-shadow:inset 0 0 0 1.5px var(--c)}.df-dv{border-radius:var(--fq-radius-m);background:var(--fq-bg-canvas);width:100%;max-height:100%;box-shadow:inset 0 0 0 1px var(--df-hair),0 50px 100px -40px var(--fq-bg-canvas);flex-direction:column;display:flex;overflow:hidden}.df-bar{border-bottom:1px solid var(--df-hair);background:var(--fq-surface-raised);flex:none;align-items:center;gap:7px;height:30px;padding:0 14px;display:flex}.df-bar i{background:var(--df-wash2);border-radius:50%;width:10px;height:10px}.df-bar u{font:500 12px/1 var(--fq-font-sans);color:var(--fq-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 auto;text-decoration:none;overflow:hidden}.df-scr{aspect-ratio:1280/800;flex:auto;min-height:0;line-height:0;position:relative;overflow:hidden}.df-scr img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.df-mail{aspect-ratio:900/1140;border-radius:var(--fq-radius-s);background:var(--fq-bg-canvas);width:100%;max-width:420px;box-shadow:inset 0 0 0 1px var(--df-hair),0 50px 100px -40px var(--fq-bg-canvas);line-height:0;display:block;overflow:hidden}.df-mail img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.df-ios{aspect-ratio:390/844;width:100%;line-height:0;display:block;container-type:size}.df-ios-body{box-sizing:border-box;background:linear-gradient(160deg,var(--fq-surface-raised),var(--fq-bg-canvas) 45%,var(--fq-surface-raised));width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--df-hair),0 50px 90px -40px var(--fq-bg-canvas),0 0 80px -40px var(--c);border-radius:13.846cqw;padding:2.564cqw;display:block}.df-ios-scr{background:var(--fq-bg-canvas);border-radius:11.282cqw;width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:inline-size}.df-ios-scr img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.df-sb{height:13.5cqw;font:600 4.05cqw/1 var(--fq-font-sans);color:var(--fq-text-strong);text-shadow:0 1px 2px color-mix(in oklab,var(--fq-bg-canvas) 40%,transparent);pointer-events:none;justify-content:space-between;align-items:center;padding:0 8.1cqw 0 9.73cqw;display:flex;position:absolute;top:0;left:0;right:0}.df-isl{background:var(--fq-bg-canvas);border-radius:999px;width:31.9cqw;height:9.19cqw;position:absolute;top:2.97cqw;left:50%;transform:translate(-50%)}.df-sbi{align-items:flex-end;gap:1.08cqw;display:flex}.df-sbi i{background:currentColor;border-radius:.27cqw;width:1.08cqw}.df-sbi i:first-child{height:1.62cqw}.df-sbi i:nth-child(2){height:2.43cqw}.df-sbi i:nth-child(3){border-radius:.81cqw;width:5.95cqw;height:2.97cqw;margin-left:1.08cqw}.df-hi{background:color-mix(in oklab,var(--fq-text-strong) 85%,transparent);pointer-events:none;border-radius:999px;width:36.2cqw;height:1.35cqw;position:absolute;bottom:2.16cqw;left:50%;transform:translate(-50%)}.df-stack{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;margin-top:36px;display:grid}.df-st-card{background:var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:24px;flex-direction:column;padding:26px 28px;display:flex}.df-st-card .label{margin-bottom:14px}.df-row{border-top:1px solid var(--df-hair);color:var(--fq-text-strong);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:15.5px;display:flex}.df-row span{white-space:nowrap;align-items:center;gap:10px;font-weight:600;display:flex}.df-row em{color:var(--fq-text-muted);text-align:right;font-size:14px;font-style:normal}.df-row i{background:var(--df-wash2);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:3px;flex:none}.df-st-card.before{opacity:.82}.df-st-card.before .df-row span{text-decoration:line-through;-webkit-text-decoration-color:var(--fq-text-faint);text-decoration-color:var(--fq-text-faint)}.df-st-card.after{box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--c) 60%,transparent),0 0 90px -40px var(--c)}.df-st-card.after .df-row i{background:var(--c);border-radius:50%}.df-st-p{border-top:1px solid var(--df-hair);color:var(--fq-text-body);margin:18px 0 0;padding-top:16px;font-size:15px;line-height:1.55}.df-arrow{font:600 28px/1 var(--fq-font-display);color:var(--fq-x-sun-neon)}@media (max-width:900px){.df-stack{grid-template-columns:1fr}.df-arrow{justify-self:center;transform:rotate(90deg)}.df-row span{white-space:normal}}.df-places{flex-direction:column;gap:clamp(56px,7vw,96px);margin-top:clamp(36px,4vw,56px);display:flex}.df-cz{gap:var(--df-gap);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;display:grid}.df-cz.r{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.df-cz.r .df-cz-dev{order:2}.df-cz-dev{justify-content:center;min-width:0;display:flex}.df-cz-dev .df-dv{max-width:640px}.df-cz-dev .df-ios{max-width:280px}.df-cz-dev .df-mail{max-width:380px}.df-cz-tx .jn{font:600 13px/1 var(--fq-font-display);letter-spacing:.1em;color:var(--fq-x-sun-neon)}.df-cz-tx h3{font:600 clamp(30px,3.4vw,46px)/1 var(--fq-font-display);letter-spacing:-.045em;color:var(--fq-text-strong);margin:10px 0 0}.df-cz-tx p{color:var(--fq-text-body);max-width:44ch;margin:14px 0 0;font-size:17px;line-height:1.55}.df-cz-tx ul{flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.df-cz-tx li{color:var(--fq-text-body);overflow-wrap:anywhere;align-items:baseline;gap:12px;font-size:15.5px;display:flex}.df-cz-tx li b{width:76px;font:600 11px/1.4 var(--fq-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fq-text-muted);flex:none}.df-cz-tx .df-out{font:400 italic 21px/1.35 var(--fq-font-serif);color:var(--fq-text-strong);flex-wrap:wrap;align-items:baseline;gap:12px;margin:22px 0 0;display:flex}.df-out b{font:600 11px/1 var(--fq-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fq-x-sun-neon);font-style:normal}@media (max-width:900px){.df-cz,.df-cz.r{grid-template-columns:minmax(0,1fr)}.df-cz.r .df-cz-dev{order:0}}.df-layouts{gap:var(--df-gap-y) clamp(14px,2vw,28px);grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(36px,4vw,56px);display:grid}.df-layouts figure{flex-direction:column;gap:14px;min-width:0;margin:0;display:flex}.df-layouts figcaption{flex-direction:column;gap:4px;min-width:0;display:flex}.df-layouts figcaption b{font:600 12px/1.2 var(--fq-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fq-text-strong);align-items:center;gap:8px;display:flex}.df-layouts figcaption b span{color:var(--fq-x-sun-neon)}.df-layouts figcaption small{font:500 13px/1.35 var(--fq-font-sans);color:var(--fq-text-muted)}@media (max-width:1100px){.df-layouts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(28px,4vw,48px)}}@media (max-width:560px){.df-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}}.df-cmp{background:var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:24px;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));margin-top:36px;display:grid;overflow:hidden}.df-cmp-row{display:contents}.df-cmp-row>.hd,.df-cmp-row>div{border-bottom:1px solid var(--df-hair);color:var(--fq-text-body);align-items:center;gap:10px;min-height:56px;padding:16px 20px;font-size:14.5px;display:flex}.df-cmp .hd{font:600 11px/1 var(--fq-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--fq-text-muted);background:var(--df-wash)}.df-cmp .rw{color:var(--fq-text-strong);font-weight:600}.df-cmp .y:before,.df-legend i.y{content:"";background:var(--fq-x-sun-neon);border-radius:50%;flex:none;width:8px;height:8px}.df-cmp .p:before,.df-legend i.p{content:"";background:var(--fq-x-aqua-neon);border-radius:50%;flex:none;width:8px;height:8px}.df-legend{color:var(--fq-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;display:flex}.df-legend i{margin-left:16px;display:inline-block}.df-legend i:first-child{margin-left:0}@media (max-width:800px){.df-cmp-row>.hd,.df-cmp-row>div{padding:12px 10px;font-size:13px}.df-cmp .p span{display:none}}.df-cards{gap:var(--df-gap-y);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;display:grid}.df-card{background:var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:24px;flex-direction:column;gap:8px;padding:24px;display:flex}.df-card h3{font:600 20px/1.15 var(--fq-font-display);letter-spacing:-.03em;color:var(--fq-text-strong);margin:0}.df-card p{color:var(--fq-text-body);margin:0;font-size:15px;line-height:1.5}@media (max-width:900px){.df-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.df-cards{grid-template-columns:1fr}}.df-faq{flex-direction:column;gap:8px;margin-top:36px;display:flex}.df-faq details{background:var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:20px}.df-faq summary{cursor:pointer;font:600 18px/1.25 var(--fq-font-display);letter-spacing:-.02em;color:var(--fq-text-strong);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;list-style:none;display:flex}.df-faq summary::-webkit-details-marker{display:none}.df-faq summary:after{content:"+";font:400 22px/1 var(--fq-font-sans);color:var(--fq-text-muted)}.df-faq details[open] summary:after{content:"–"}.df-faq details[open]{box-shadow:inset 0 0 0 1.5px var(--fq-x-sun-neon)}.df-faq p{color:var(--fq-text-body);max-width:68ch;margin:0;padding:0 22px 22px;font-size:16px;line-height:1.55}.df-chips .df-q{vertical-align:baseline;letter-spacing:.1em;margin:0;font-size:10px}.df-chips button[aria-pressed=true] .df-q{color:inherit;opacity:.7}@media (max-width:560px){.df-cmp{grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr))}.df-cmp-row>.hd{letter-spacing:.02em;justify-content:center;padding:12px 2px;font-size:9px}.df-cmp-row>.hd:first-child{padding:0}.df-cmp-row>div{padding:12px 6px}.df-cmp-row>.y,.df-cmp-row>.p{justify-content:center}}.df-name{letter-spacing:-.06em;font-size:clamp(44px,17cqw,112px);line-height:.92}.df-aft{font:600 clamp(15px,1.6vw,20px)/1.2 var(--fq-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fq-text-muted);margin:-4px 0 0}.df-tagline{font:700 clamp(22px,2.4vw,36px)/1.08 var(--fq-font-display);letter-spacing:-.04em;color:var(--fq-text-strong);margin:6px 0 0}.df-tagline em{padding:0 .08em .06em 0;font-style:italic;display:inline-block}.df-cascade{flex-direction:column;margin-top:clamp(56px,7vw,110px);display:flex}.df-thread{width:100%;height:clamp(90px,10vw,150px);display:block;overflow:visible}.df-thread path{fill:none;stroke:var(--c);stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 6px var(--c))}.df-cz{scroll-margin-top:96px}.df-cz-dev{flex-direction:column;align-items:center;gap:14px}.df-dvlab{background:var(--fq-surface-glass);height:30px;box-shadow:inset 0 0 0 1px var(--df-hair);font:600 13px/1 var(--fq-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--fq-text-strong);border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}@media (max-width:900px){.df-thread{display:none}.df-cascade{gap:64px}}.df-grp{font:600 13px/1.3 var(--fq-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fq-text-muted);margin:clamp(28px,3.4vw,44px) 0 14px}.df-kgrid{gap:var(--df-gap-y);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-top:clamp(24px,3vw,36px);display:grid}.df-kit{background:var(--df-card);min-width:0;box-shadow:inset 0 0 0 1px var(--df-hair);color:inherit;border-radius:18px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.df-kit:hover{box-shadow:inset 0 0 0 1px var(--c)}.df-kit img{width:100%;height:auto;display:block}.df-kit span{flex-direction:column;gap:4px;padding:14px 16px 16px;display:flex}.df-kit i{background:var(--c);border-radius:999px;width:10px;height:10px}.df-kit b{font:600 17px/1.2 var(--fq-font-display);letter-spacing:-.02em;color:var(--fq-text-strong)}.df-kit small{color:var(--fq-text-muted);font-size:14px;line-height:1.45}.df-setup{gap:var(--df-gap-y);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:clamp(24px,3vw,36px);display:grid}.df-setup>div{background:var(--df-card);box-shadow:inset 0 0 0 1px var(--df-hair);border-radius:18px;flex-direction:column;gap:8px;padding:20px;display:flex}.df-setup .n{font:600 13px/1 var(--fq-font-display);letter-spacing:.1em;color:var(--fq-x-sun-neon)}.df-setup b{font:600 19px/1.2 var(--fq-font-display);letter-spacing:-.03em;color:var(--fq-text-strong)}.df-setup span:last-child{color:var(--fq-text-body);font-size:15.5px;line-height:1.5}