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