/* STRAW · généré par tools/build.mjs */@font-face{font-family: 'Inter Tight';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/inter-tight-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Inter Tight';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/inter-tight-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'Inter Tight';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/inter-tight-latin-700-normal.woff2) format('woff2')}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/inter-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/inter-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/inter-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow Condensed';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow Condensed';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow Condensed';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/barlow-condensed-latin-800-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow Condensed';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/barlow-condensed-latin-700-italic.woff2) format('woff2')}@font-face{font-family: 'Barlow Condensed';font-style: italic;font-weight: 800;font-display: swap;src: url(fonts/barlow-condensed-latin-800-italic.woff2) format('woff2')}@font-face{font-family: 'Barlow';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/barlow-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/barlow-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/barlow-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'Barlow';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/barlow-latin-700-normal.woff2) format('woff2')}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/jetbrains-mono-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/bricolage-grotesque-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/bricolage-grotesque-latin-700-normal.woff2) format('woff2')}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/figtree-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/figtree-latin-500-normal.woff2) format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/figtree-latin-600-normal.woff2) format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/figtree-latin-700-normal.woff2) format('woff2')}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/figtree-latin-800-normal.woff2) format('woff2')}@font-face{font-family: 'DM Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/dm-mono-latin-400-normal.woff2) format('woff2')}@font-face{font-family: 'DM Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/dm-mono-latin-500-normal.woff2) format('woff2')}:root,:root[data-charte="mediane"]{color-scheme: light;--straw-font-display: 'Inter Tight','Helvetica Neue',Arial,sans-serif;--straw-font-text: 'Inter',system-ui,sans-serif;--straw-font-data: 'IBM Plex Mono',ui-monospace,monospace;--straw-display-weight: 600;--straw-display-tracking: -.035em;--straw-display-leading: .98;--straw-display-transform: none;--straw-display-style: normal;--straw-text-xs: 0.75rem;--straw-text-sm: 0.875rem;--straw-text-md: 1rem;--straw-text-lg: 1.25rem;--straw-text-xl: 1.75rem;--straw-text-2xl: clamp(2rem,4vw,3rem);--straw-text-display: clamp(2.75rem,7vw,6rem);--straw-color-bg: #FFFFFF;--straw-color-surface: #F5F6F8;--straw-color-surface-2: #ECEEF1;--straw-color-ink: #0E0F12;--straw-color-ink-2: #474D59;--straw-color-ink-3: #5F6672;--straw-color-line: #DDE0E5;--straw-color-accent: #FF5A1F;--straw-color-on-accent: #0E0F12;--straw-color-accent-text: #C2410C;--straw-color-web: #FF5A1F;--straw-color-business: #2E5BFF;--straw-color-fan: #0A9A57;--straw-color-live: #F04438;--straw-color-success: #12B76A;--straw-color-warning: #F79009;--straw-color-danger: #F04438;--straw-color-club: #C40C0E;--straw-radius-xs: 4px;--straw-radius-sm: 6px;--straw-radius-md: 10px;--straw-radius-lg: 14px;--straw-radius-xl: 20px;--straw-radius-pill: 999px;--straw-shadow-sm: 0 1px 2px rgba(14,15,18,.06);--straw-shadow-md: 0 4px 16px -4px rgba(14,15,18,.10);--straw-shadow-lg: 0 24px 48px -16px rgba(14,15,18,.18);--straw-space-1: 4px;--straw-space-2: 8px;--straw-space-3: 12px;--straw-space-4: 16px;--straw-space-5: 20px;--straw-space-6: 24px;--straw-space-8: 32px;--straw-space-10: 40px;--straw-space-12: 48px;--straw-space-16: 64px;--straw-space-20: 80px;--straw-space-24: 96px;--straw-border-width: 1px;--straw-ease-standard: cubic-bezier(0.32,0.72,0,1);--straw-ease-out: cubic-bezier(0.22,1,0.36,1);--straw-ease-in: cubic-bezier(0.64,0,0.78,0);--straw-duration-fast: 120ms;--straw-duration-base: 220ms;--straw-duration-slow: 420ms;--c-web: #FF5A1F;--ct-web: #CC4819;--ctd-web: #FF5A1F;--co-web: #0E0F12;--c-business: #2E5BFF;--ct-business: #2E5BFF;--ctd-business: #476FFF;--co-business: #FFFFFF;--c-fan: #0A9A57;--ct-fan: #09844B;--ctd-fan: #0A9A57;--co-fan: #0E0F12;--c-root: #FF5A1F;--ct-root: #C2410C;--ctd-root: #FF5A1F;--co-root: #0E0F12;--err: #D33C31;--d-bg: #0B0C0F;--d-surface: #14161A;--d-ink: #F2F3F5;--d-ink-2: #B0B5BF;--d-ink-3: #8D939E;--d-line: #262A31;--btn-radius: var(--straw-radius-md)}:root[data-charte="score"]{color-scheme: light;--straw-font-display: 'Barlow Condensed','Arial Narrow',sans-serif;--straw-font-text: 'Barlow',system-ui,sans-serif;--straw-font-data: 'JetBrains Mono',ui-monospace,monospace;--straw-display-weight: 800;--straw-display-tracking: .005em;--straw-display-leading: .9;--straw-display-transform: uppercase;--straw-display-style: italic;--straw-text-xs: 0.75rem;--straw-text-sm: 0.875rem;--straw-text-md: 1rem;--straw-text-lg: 1.25rem;--straw-text-xl: 1.75rem;--straw-text-2xl: clamp(2rem,4vw,3rem);--straw-text-display: clamp(2.75rem,7vw,6rem);--straw-color-bg: #F4F2EC;--straw-color-surface: #FFFFFF;--straw-color-surface-2: #E9E6DD;--straw-color-ink: #0B0B0D;--straw-color-ink-2: #3F3F45;--straw-color-ink-3: #5F5F66;--straw-color-line: #D3CFC3;--straw-color-accent: #FFC12E;--straw-color-on-accent: #0B0B0D;--straw-color-accent-text: #7A4F00;--straw-color-web: #FFC12E;--straw-color-business: #3D7BFF;--straw-color-fan: #FF4632;--straw-color-live: #FF3B30;--straw-color-success: #1F9D55;--straw-color-warning: #D97706;--straw-color-danger: #E5383B;--straw-color-club: #C40C0E;--straw-radius-xs: 2px;--straw-radius-sm: 3px;--straw-radius-md: 4px;--straw-radius-lg: 6px;--straw-radius-xl: 10px;--straw-radius-pill: 4px;--straw-shadow-sm: 0 1px 0 rgba(0,0,0,.08);--straw-shadow-md: 0 6px 0 -2px rgba(11,11,13,.12);--straw-shadow-lg: 0 18px 40px -12px rgba(11,11,13,.35);--straw-space-1: 4px;--straw-space-2: 8px;--straw-space-3: 12px;--straw-space-4: 16px;--straw-space-5: 20px;--straw-space-6: 24px;--straw-space-8: 32px;--straw-space-10: 40px;--straw-space-12: 48px;--straw-space-16: 64px;--straw-space-20: 80px;--straw-space-24: 96px;--straw-border-width: 1px;--straw-ease-standard: cubic-bezier(0.2,0,0,1);--straw-ease-out: cubic-bezier(0.16,1,0.3,1);--straw-ease-in: cubic-bezier(0.7,0,0.84,0);--straw-duration-fast: 90ms;--straw-duration-base: 160ms;--straw-duration-slow: 280ms;--c-web: #FFC12E;--ct-web: #8A6819;--ctd-web: #FFC12E;--co-web: #0B0B0D;--c-business: #3D7BFF;--ct-business: #3367D6;--ctd-business: #3D7BFF;--co-business: #0B0B0D;--c-fan: #FF4632;--ct-fan: #C73727;--ctd-fan: #FF4632;--co-fan: #0B0B0D;--c-root: #FFC12E;--ct-root: #7A4F00;--ctd-root: #FFC12E;--co-root: #0B0B0D;--err: #CA3134;--d-bg: #0B0B0D;--d-surface: #151518;--d-ink: #F4F2EC;--d-ink-2: #BDBBB4;--d-ink-3: #93918B;--d-line: #2E2E33;--btn-radius: var(--straw-radius-md)}:root[data-charte="paille"]{color-scheme: light;--straw-font-display: 'Bricolage Grotesque','Arial Rounded MT Bold',sans-serif;--straw-font-text: 'Figtree',system-ui,sans-serif;--straw-font-data: 'DM Mono',ui-monospace,monospace;--straw-display-weight: 800;--straw-display-tracking: -.03em;--straw-display-leading: .95;--straw-display-transform: none;--straw-display-style: normal;--straw-text-xs: 0.75rem;--straw-text-sm: 0.875rem;--straw-text-md: 1rem;--straw-text-lg: 1.25rem;--straw-text-xl: 1.75rem;--straw-text-2xl: clamp(2rem,4vw,3rem);--straw-text-display: clamp(2.75rem,7vw,6rem);--straw-color-bg: #FFF8EC;--straw-color-surface: #FFFFFF;--straw-color-surface-2: #FBEDD5;--straw-color-ink: #2A1712;--straw-color-ink-2: #5A463E;--straw-color-ink-3: #6E5A51;--straw-color-line: #EAD9BE;--straw-color-accent: #D90F3B;--straw-color-on-accent: #FFFFFF;--straw-color-accent-text: #C40E35;--straw-color-web: #E6123E;--straw-color-business: #187A47;--straw-color-fan: #FFD43B;--straw-color-live: #E6123E;--straw-color-success: #187A47;--straw-color-warning: #B45309;--straw-color-danger: #C40E35;--straw-color-club: #C40C0E;--straw-radius-xs: 6px;--straw-radius-sm: 10px;--straw-radius-md: 16px;--straw-radius-lg: 22px;--straw-radius-xl: 32px;--straw-radius-pill: 999px;--straw-shadow-sm: 0 1px 0 rgba(42,23,18,.08);--straw-shadow-md: 0 8px 0 -3px rgba(42,23,18,.10);--straw-shadow-lg: 0 22px 44px -18px rgba(90,40,20,.30);--straw-space-1: 4px;--straw-space-2: 8px;--straw-space-3: 12px;--straw-space-4: 16px;--straw-space-5: 20px;--straw-space-6: 24px;--straw-space-8: 32px;--straw-space-10: 40px;--straw-space-12: 48px;--straw-space-16: 64px;--straw-space-20: 80px;--straw-space-24: 96px;--straw-border-width: 1px;--straw-ease-standard: cubic-bezier(0.34,1.3,0.64,1);--straw-ease-out: cubic-bezier(0.22,1,0.36,1);--straw-ease-in: cubic-bezier(0.5,0,0.75,0);--straw-duration-fast: 140ms;--straw-duration-base: 260ms;--straw-duration-slow: 480ms;--c-web: #E6123E;--ct-web: #DD113C;--ctd-web: #EB3D61;--co-web: #FFFFFF;--c-business: #187A47;--ct-business: #187A47;--ctd-business: #3D8F64;--co-business: #FFFFFF;--c-fan: #FFD43B;--ct-fan: #856E1F;--ctd-fan: #FFD43B;--co-fan: #2A1712;--c-root: #D90F3B;--ct-root: #C40E35;--ctd-root: #E2496A;--co-root: #FFFFFF;--err: #C40E35;--d-bg: #1E110D;--d-surface: #2A1A15;--d-ink: #FFF3E2;--d-ink-2: #DCC7B4;--d-ink-3: #B8A190;--d-line: #4A332A;--btn-radius: var(--straw-radius-md)}body[data-outil="root"]{--tool: var(--c-root);--tool-text-l: var(--ct-root);--tool-text-d: var(--ctd-root);--tool-on: var(--co-root);--tool-text: var(--tool-text-l)}body[data-outil="web"]{--tool: var(--c-web);--tool-text-l: var(--ct-web);--tool-text-d: var(--ctd-web);--tool-on: var(--co-web);--tool-text: var(--tool-text-l)}body[data-outil="business"]{--tool: var(--c-business);--tool-text-l: var(--ct-business);--tool-text-d: var(--ctd-business);--tool-on: var(--co-business);--tool-text: var(--tool-text-l)}body[data-outil="fan"]{--tool: var(--c-fan);--tool-text-l: var(--ct-fan);--tool-text-d: var(--ctd-fan);--tool-on: var(--co-fan);--tool-text: var(--tool-text-l)}.demo-sec,.contact-sec{--tool-text: var(--tool-text-d);--focus: var(--d-ink)}.demo-sec .icon-btn:focus-visible,.demo-sec .demo__step:focus-visible{outline-color: var(--d-ink)}.form-card{--tool-text: var(--tool-text-l);--focus: var(--straw-color-ink)}b,strong{font-weight: 600}.phone__frame picture{width: 100%;height: 100%}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 88px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}body{margin: 0;background: var(--straw-color-bg);color: var(--straw-color-ink);font-family: var(--straw-font-text);font-size: 1rem;line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-wrap: break-word}img,picture,svg{display: block;max-width: 100%}img{height: auto}a{color: inherit}button,input,select,textarea{font: inherit;color: inherit}h1,h2,h3,h4{margin: 0;font-weight: var(--straw-display-weight)}p{margin: 0}ul{margin: 0;padding: 0;list-style: none}:focus-visible{outline: 2px solid var(--focus,var(--straw-color-ink));outline-offset: 3px;border-radius: 4px}::selection{background: var(--tool);color: var(--tool-on)}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--straw-color-ink);color: var(--straw-color-bg);padding: 10px 16px;border-radius: var(--straw-radius-sm);text-decoration: none;font-weight: 600;transition: top var(--straw-duration-base) var(--straw-ease-standard)}.skip:focus{top: 12px}.display,h1,h2,h3{font-family: var(--straw-font-display);letter-spacing: var(--straw-display-tracking);text-transform: var(--straw-display-transform);font-style: var(--straw-display-style);line-height: var(--straw-display-leading);text-wrap: balance}h1{font-size: min(var(--straw-text-display),12.4vw)}.h1-sm{font-size: min(clamp(2.5rem,5.6vw,4.75rem),11.6vw)}h2{font-size: min(clamp(2rem,4.4vw,3.6rem),10.4vw);line-height: 1.02}h3{font-size: clamp(1.4rem,2vw,1.9rem);line-height: 1.1}h4{font-family: var(--straw-font-text);font-size: 1.05rem;font-weight: 600;line-height: 1.35}.lead{font-size: clamp(1.075rem,1.35vw,1.3rem);line-height: 1.55;color: var(--straw-color-ink-2);max-width: 40em;text-wrap: pretty}.muted{color: var(--straw-color-ink-2)}.small{font-size: var(--straw-text-sm)}.mono{font-family: var(--straw-font-data)}.eyebrow{display: inline-flex;align-items: center;gap: 10px;font-family: var(--straw-font-data);font-size: 0.75rem;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;color: var(--straw-color-ink-2)}.eyebrow::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--tool);box-shadow: 0 0 0 3px color-mix(in srgb,var(--tool) 22%,transparent);flex: none}.accent-text{color: var(--tool-text)}.wrap{width: 100%;max-width: 1280px;margin-inline: auto;padding-inline: clamp(16px,4.2vw,48px)}.wrap-wide{max-width: 1440px}.wrap-narrow{max-width: 880px}.section{padding-block: clamp(72px,10vw,136px);position: relative}.section--tight{padding-block: clamp(56px,7vw,96px)}.section--surface{background: var(--straw-color-surface)}.section-head{display: grid;gap: 18px;max-width: 820px;margin-bottom: clamp(36px,5vw,64px)}.section-head--center{margin-inline: auto;text-align: center;justify-items: center}.section-head--center .lead{margin-inline: auto}.grid{display: grid;gap: clamp(16px,2vw,24px)}.cols-2{grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr))}.cols-3{grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr))}.cols-4{grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr))}.median{display: flex;flex-direction: column;align-items: center;gap: 0;margin: 0 auto clamp(20px,3vw,28px);width: 10px}.median::before{content: "";width: 1px;height: 44px;background: linear-gradient(to bottom,transparent,var(--straw-color-line))}.median::after{content: "";width: 9px;height: 9px;border-radius: 50%;background: var(--tool)}.btn{--btn-bg: var(--straw-color-ink);--btn-fg: var(--straw-color-bg);display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;padding: 12px 22px;border-radius: var(--btn-radius);background: var(--btn-bg);color: var(--btn-fg);border: 1px solid var(--btn-bg);font-weight: 600;font-size: 0.975rem;line-height: 1.2;text-decoration: none;cursor: pointer;transition: transform var(--straw-duration-base) var(--straw-ease-standard),background-color var(--straw-duration-base) var(--straw-ease-standard),box-shadow var(--straw-duration-base) var(--straw-ease-standard),border-color var(--straw-duration-base) var(--straw-ease-standard);-webkit-tap-highlight-color: transparent;white-space: nowrap}.btn:hover{transform: translateY(-1px);box-shadow: var(--straw-shadow-md)}.btn:active{transform: translateY(0) scale(.98)}.btn--primary{--btn-bg: var(--tool);--btn-fg: var(--tool-on)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--straw-color-ink);border-color: var(--straw-color-line)}.btn--ghost:hover{border-color: var(--straw-color-ink-3);box-shadow: none}.btn--sm{min-height: 40px;padding: 8px 16px;font-size: 0.9rem}.btn svg{width: 18px;height: 18px;flex: none}.btn-row{display: flex;flex-wrap: wrap;gap: 12px;align-items: center}.link-arrow{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;text-decoration: none;color: var(--straw-color-ink)}.link-arrow svg{width: 16px;height: 16px;transition: transform var(--straw-duration-base) var(--straw-ease-standard)}.link-arrow:hover svg{transform: translateX(3px)}.link-arrow:hover span{text-decoration: underline;text-underline-offset: 4px}.header{position: sticky;top: 0;z-index: 50;background: color-mix(in srgb,var(--straw-color-bg) 86%,transparent);-webkit-backdrop-filter: saturate(1.6) blur(16px);backdrop-filter: saturate(1.6) blur(16px);border-bottom: 1px solid transparent;transition: border-color var(--straw-duration-base) var(--straw-ease-standard)}.header.is-scrolled{border-bottom-color: var(--straw-color-line)}.header__in{display: flex;align-items: center;gap: 20px;height: 68px}.brand{display: flex;align-items: center;text-decoration: none;flex: none;min-width: 0}.brand .logo{height: 30px;width: auto}.brand--tool .logo{height: 28px}.nav{display: none;margin-left: auto}.nav ul{display: flex;gap: 2px;align-items: center}.nav a{display: block;padding: 8px 12px;border-radius: var(--straw-radius-sm);text-decoration: none;font-size: 0.925rem;font-weight: 500;color: var(--straw-color-ink-2);transition: color var(--straw-duration-fast) var(--straw-ease-standard),background-color var(--straw-duration-fast) var(--straw-ease-standard)}.nav a:hover{color: var(--straw-color-ink);background: var(--straw-color-surface)}.nav .dot{display: inline-block;width: 7px;height: 7px;border-radius: 50%;margin-right: 7px;vertical-align: 1px}.header__cta{margin-left: auto;display: flex;gap: 10px;align-items: center}.menu-btn{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: var(--straw-radius-md);border: 1px solid var(--straw-color-line);background: var(--straw-color-bg);cursor: pointer}.menu-btn svg{width: 20px;height: 20px}.menu-btn .i-close{display: none}.menu-open .menu-btn .i-close{display: block}.menu-open .menu-btn .i-open{display: none}.header__cta .btn{display: none}@media (min-width: 420px){.header__cta .btn{display: inline-flex}}@media (min-width: 1100px){.nav{display: block}.header__cta{margin-left: 8px}.menu-btn{display: none}}.mobile-nav{position: fixed;inset: 68px 0 auto 0;z-index: 49;background: var(--straw-color-bg);border-bottom: 1px solid var(--straw-color-line);max-height: calc(100dvh - 68px);overflow: auto;transform: translateY(-8px);opacity: 0;visibility: hidden;transition: transform var(--straw-duration-slow) var(--straw-ease-standard),opacity var(--straw-duration-base) var(--straw-ease-standard),visibility 0s linear var(--straw-duration-slow);box-shadow: var(--straw-shadow-lg)}.menu-open .mobile-nav{transform: none;opacity: 1;visibility: visible;transition-delay: 0s}.mobile-nav ul{padding: 12px clamp(16px,4.2vw,48px) 8px;display: grid}.mobile-nav li + li{border-top: 1px solid var(--straw-color-line)}.mobile-nav a{display: flex;align-items: center;gap: 10px;padding: 15px 2px;text-decoration: none;font-weight: 500;font-size: 1.05rem}.mobile-nav .dot{width: 8px;height: 8px;border-radius: 50%}.mobile-nav .btn{margin: 8px clamp(16px,4.2vw,48px) 20px;width: calc(100% - 2 * clamp(16px,4.2vw,48px))}@media (min-width: 1100px){.mobile-nav{display: none}}.hero{padding-top: clamp(40px,7vw,96px);padding-bottom: clamp(56px,8vw,112px);position: relative;overflow: clip}.hero::before{content: "";position: absolute;inset: auto -20% -30% -20%;height: 80%;pointer-events: none;background: radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--tool) 16%,transparent),transparent 70%)}.hero__text{position: relative;display: grid;gap: 22px;justify-items: start;max-width: 900px}.hero--center .hero__text{margin-inline: auto;text-align: center;justify-items: center}.hero--center .lead{margin-inline: auto}.hero__note{display: flex;flex-wrap: wrap;gap: 8px 18px;align-items: center;font-size: var(--straw-text-sm);color: var(--straw-color-ink-2)}.hero__note span{display: inline-flex;align-items: center;gap: 8px}.hero__note svg{width: 16px;height: 16px;color: var(--tool-text)}.pill-tools{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center}.pill{display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px 6px 10px;border: 1px solid var(--straw-color-line);border-radius: var(--straw-radius-pill);font-size: 0.85rem;font-weight: 500;text-decoration: none;background: var(--straw-color-bg);color: var(--straw-color-ink);transition: border-color var(--straw-duration-fast) var(--straw-ease-standard)}a.pill:hover{border-color: var(--straw-color-ink-3)}.pill i{width: 8px;height: 8px;border-radius: 50%;display: block}.stage-eco{position: relative;margin: clamp(48px,7vw,88px) auto 0;max-width: 1180px;padding-inline: 4%;padding-bottom: 9%}.stage-eco .browser{width: 100%}.stage-eco .phone{position: absolute;bottom: 0;width: 23%}.stage-eco .phone--l{left: 0}.stage-eco .phone--r{right: 0}@media (max-width: 640px){.stage-eco{padding-inline: 0;padding-bottom: 30%}.stage-eco .phone{width: 34%}.stage-eco .phone--l{left: 6%}.stage-eco .phone--r{right: 6%}}.hero-split{display: grid;gap: clamp(40px,6vw,72px);align-items: center;position: relative}@media (min-width: 960px){.hero-split{grid-template-columns: 1.02fr .98fr}}.hero-phones{position: relative;display: flex;justify-content: center;align-items: flex-end;gap: 0;padding-block: 8px}.hero-phones .phone{width: min(46%,290px)}.hero-phones .phone + .phone{margin-left: -9%;transform: translateY(8%)}.hero-phones .phone:first-child{z-index: 2}.hero-browser{position: relative;padding-bottom: 14%}.hero-browser .phone{position: absolute;right: -2%;bottom: 0;width: 26%}.phone{position: relative;aspect-ratio: 1452 / 2964;flex: none;filter: drop-shadow(0 30px 40px rgba(14,15,18,.22)) drop-shadow(0 6px 12px rgba(14,15,18,.12));margin: 0}.phone__screen{position: absolute;left: 4.5455%;top: 1.6194%;width: 90.909%;height: 96.7611%;overflow: hidden;border-radius: 13% / 6%;background: #0b1424}.phone__screen picture,.phone__screen img{width: 100%;height: 100%}.phone__screen img{object-fit: cover}.phone__frame{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}.phone__frame img{width: 100%;height: 100%}.browser{position: relative;width: 100%;aspect-ratio: 2880 / 1906;border-radius: clamp(6px,0.9vw,12px);overflow: hidden;background: #fff;box-shadow: 0 0 0 1px rgba(14,15,18,.08),0 40px 80px -24px rgba(14,15,18,.28),0 12px 24px -12px rgba(14,15,18,.16);container-type: inline-size;margin: 0}.browser__bar{display: block;width: 100%;aspect-ratio: 2880 / 106}.browser__bar img{width: 100%;height: 100%}.browser__screen{position: relative;width: 100%;aspect-ratio: 2880 / 1800;overflow: hidden}.browser__screen picture,.browser__screen img{width: 100%;height: 100%}.mobile-web{width: 100%;filter: drop-shadow(0 24px 32px rgba(14,15,18,.18))}.stack{position: absolute;inset: 0}.stack>.screen{position: absolute;inset: 0;opacity: 0;transform: scale(1.015);transition: opacity var(--straw-duration-slow) var(--straw-ease-standard),transform 600ms var(--straw-ease-standard)}.stack>.screen.is-on{opacity: 1;transform: none}.stack>.screen picture,.stack>.screen img{width: 100%;height: 100%}.card{position: relative;background: var(--straw-color-bg);border: 1px solid var(--straw-color-line);border-radius: var(--straw-radius-lg);padding: clamp(22px,2.4vw,32px);display: grid;gap: 12px;align-content: start}.section--surface .card{background: var(--straw-color-bg)}.card__icon{width: 44px;height: 44px;border-radius: var(--straw-radius-md);display: grid;place-items: center;background: color-mix(in srgb,var(--tool) 12%,var(--straw-color-bg));color: var(--tool-text)}.card__icon svg{width: 22px;height: 22px}.card h3{font-size: clamp(1.25rem,1.6vw,1.5rem)}.card p{color: var(--straw-color-ink-2)}.card .kicker{font-family: var(--straw-font-data);font-size: 0.75rem;letter-spacing: .12em;text-transform: uppercase;color: var(--straw-color-ink-3)}.problems{counter-reset: pb}.problem{border-top: 1px solid var(--straw-color-line);padding-top: 22px;display: grid;gap: 10px}.problem::before{counter-increment: pb;content: "0" counter(pb);font-family: var(--straw-font-data);font-size: 0.8rem;color: var(--tool-text);letter-spacing: .1em}.problem h3{font-size: clamp(1.25rem,1.7vw,1.55rem)}.problem p{color: var(--straw-color-ink-2)}.tools{position: relative;display: grid;gap: clamp(16px,2vw,24px)}@media (min-width: 980px){.tools{grid-template-columns: repeat(3,1fr)}}.tool-card{--tool: var(--c);--tool-text: var(--ct);--tool-on: var(--co);position: relative;display: grid;grid-template-rows: auto auto 1fr auto;gap: 18px;padding: clamp(24px,2.6vw,34px);border-radius: var(--straw-radius-xl);background: var(--straw-color-bg);border: 1px solid var(--straw-color-line);overflow: hidden;transition: border-color var(--straw-duration-base) var(--straw-ease-standard),transform var(--straw-duration-slow) var(--straw-ease-standard),box-shadow var(--straw-duration-slow) var(--straw-ease-standard)}.tool-card::after{content: "";position: absolute;inset: 0 0 auto 0;height: 4px;background: var(--tool)}.tool-card:hover{transform: translateY(-3px);box-shadow: var(--straw-shadow-lg);border-color: color-mix(in srgb,var(--tool) 40%,var(--straw-color-line))}.tool-card .logo{height: 28px;width: auto;max-width: 100%}.tool-card .for{font-family: var(--straw-font-data);font-size: 0.75rem;letter-spacing: .12em;text-transform: uppercase;color: var(--straw-color-ink-3)}.tool-card h3{font-size: clamp(1.35rem,1.9vw,1.7rem)}.tool-card ul{display: grid;gap: 9px}.tool-card li,.checks li{position: relative;padding-left: 26px;color: var(--straw-color-ink-2)}.tool-card li::before,.checks li::before{content: "";position: absolute;left: 2px;top: .62em;width: 12px;height: 7px;border-left: 2px solid var(--tool-text);border-bottom: 2px solid var(--tool-text);transform: translateY(-50%) rotate(-45deg)}.tool-card .shot{margin: 4px -8px 0;height: 210px;position: relative;overflow: hidden;border-radius: var(--straw-radius-md);background: color-mix(in srgb,var(--tool) 9%,var(--straw-color-surface))}.tool-card .shot .phone{position: absolute;width: 150px;left: 50%;top: 22px;transform: translateX(-50%)}.tool-card .shot .browser{position: absolute;width: 132%;left: 20px;top: 26px}.checks{display: grid;gap: 10px}.flow{display: grid;gap: 10px;justify-items: center;margin-bottom: clamp(28px,4vw,44px)}.flow__line{position: relative;width: min(100%,860px);height: 46px}.flow__line::before{content: "";position: absolute;left: 16.66%;right: 16.66%;top: 22px;height: 1px;background: var(--straw-color-line)}.flow__line i{position: absolute;top: 17px;width: 11px;height: 11px;border-radius: 50%;transform: translateX(-50%)}.flow__line i:nth-child(1){left: 16.66%}.flow__line i:nth-child(2){left: 50%;width: 15px;height: 15px;top: 15px}.flow__line i:nth-child(3){left: 83.33%}.flow__line b{position: absolute;left: 50%;top: -6px;transform: translateX(-50%);white-space: nowrap;font-family: var(--straw-font-data);font-weight: 500;font-size: 0.72rem;letter-spacing: .14em;text-transform: uppercase;color: var(--straw-color-ink-3)}@media (max-width: 979px){.flow{display: none}}.starts{display: grid;gap: 14px}.start{display: grid;gap: 14px;padding: 20px 22px;border: 1px solid var(--straw-color-line);border-radius: var(--straw-radius-lg);background: var(--straw-color-bg)}@media (min-width: 860px){.start{grid-template-columns: 210px 1fr;align-items: center;gap: 28px;padding: 22px 28px}}.start__head{display: flex;align-items: center;gap: 12px;font-weight: 600}.start__head i{width: 12px;height: 12px;border-radius: 50%;flex: none}.path{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;color: var(--straw-color-ink-2);font-size: 0.95rem}.path .step{display: inline-flex;align-items: center;gap: 8px;padding: 6px 12px;border-radius: var(--straw-radius-pill);background: var(--straw-color-surface);color: var(--straw-color-ink);font-weight: 500}.path .step i{width: 8px;height: 8px;border-radius: 50%}.path .arrow{color: var(--straw-color-ink-3)}.benefit{display: grid;gap: 14px;padding: clamp(24px,2.6vw,34px);border-radius: var(--straw-radius-xl);background: var(--straw-color-surface)}.section--surface .benefit{background: var(--straw-color-bg)}.benefit .big{font-family: var(--straw-font-display);font-weight: var(--straw-display-weight);letter-spacing: var(--straw-display-tracking);text-transform: var(--straw-display-transform);font-style: var(--straw-display-style);font-size: clamp(1.6rem,2.4vw,2.15rem);line-height: 1.05}.benefit p{color: var(--straw-color-ink-2)}.benefit .proof{font-size: var(--straw-text-sm);color: var(--straw-color-ink-2);border-top: 1px solid var(--straw-color-line);padding-top: 12px}.benefit .proof b{color: var(--straw-color-ink);font-weight: 600}.chapter{padding-top: clamp(24px,4vw,48px)}.chapter + .chapter{margin-top: clamp(40px,6vw,72px)}.chapter__head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 10px 18px;border-top: 1px solid var(--straw-color-line);padding-top: 18px;margin-bottom: clamp(28px,4vw,48px)}.chapter__head .num{font-family: var(--straw-font-data);color: var(--tool-text);font-size: 0.85rem;letter-spacing: .1em}.chapter__head h3{font-size: clamp(1.5rem,2.4vw,2.2rem)}.chapter__head p{flex-basis: 100%;color: var(--straw-color-ink-2);max-width: 46em}.feature{display: grid;gap: clamp(28px,4vw,64px);align-items: center}.feature + .feature{margin-top: clamp(56px,8vw,112px)}@media (min-width: 900px){.feature{grid-template-columns: 1fr 1fr}.feature--web{grid-template-columns: 1.3fr 0.7fr}.feature--flip .feature__media{order: 2}.feature--web.feature--flip{grid-template-columns: 0.7fr 1.3fr}}.feature__text{display: grid;gap: 16px;align-content: center;max-width: 34em}.feature__text h3{font-size: clamp(1.6rem,2.6vw,2.4rem)}.feature__text>p{color: var(--straw-color-ink-2);font-size: 1.05rem}.tags{display: flex;flex-wrap: wrap;gap: 8px}.tag{font-family: var(--straw-font-data);font-size: 0.72rem;letter-spacing: .08em;text-transform: uppercase;padding: 5px 10px;border-radius: var(--straw-radius-pill);border: 1px solid var(--straw-color-line);color: var(--straw-color-ink-2)}.feature__media{position: relative;border-radius: var(--straw-radius-xl);background: var(--straw-color-surface);padding: clamp(24px,4vw,48px) clamp(16px,3vw,40px);overflow: hidden;display: flex;justify-content: center;align-items: center;gap: 0;min-width: 0}.feature__media::before{content: "";position: absolute;inset: 0;background: radial-gradient(60% 55% at 50% 60%,color-mix(in srgb,var(--tool) 14%,transparent),transparent 70%);pointer-events: none}.feature__media .phone{width: min(62%,280px);position: relative}.feature__media--duo .phone{width: min(46%,250px)}.feature__media--duo .phone + .phone{margin-left: -6%;margin-top: 12%}.feature__media--web{padding: clamp(20px,3.5vw,44px) 0 clamp(20px,3.5vw,44px) clamp(20px,3.5vw,44px);justify-content: flex-start}.feature--flip .feature__media--web{padding: clamp(20px,3.5vw,44px) clamp(20px,3.5vw,44px) clamp(20px,3.5vw,44px) 0;justify-content: flex-end}.feature__media--web .browser{width: 118%;flex: none}.feature__media--web .browser + .browser{display: none}@media (max-width: 899px){.feature__media--web .browser{width: 130%}.feature--flip .feature__media--web{padding: clamp(20px,3.5vw,44px) 0 clamp(20px,3.5vw,44px) clamp(20px,3.5vw,44px);justify-content: flex-start}.feature--flip .feature__media--web .browser{margin-left: 0}}.feature__media--webduo .browser{width: 118%}.feature__media--webduo .stack2{position: relative;flex: none;width: 118%;padding-bottom: 9%}.feature__media--webduo .stack2 .browser{width: 100%}.feature__media--webduo .stack2 .browser + .browser{position: absolute;width: 74%;left: 10%;top: 26%;display: block}.figcap{margin-top: 2px;font-size: var(--straw-text-sm);color: var(--straw-color-ink-3)}.gallery{display: grid;gap: clamp(14px,2vw,22px);grid-template-columns: repeat(auto-fill,minmax(min(100%,230px),1fr))}.tile{display: grid;grid-template-rows: auto 1fr;border-radius: var(--straw-radius-lg);background: var(--straw-color-surface);overflow: hidden}.section--surface .tile{background: var(--straw-color-bg)}.tile__media{position: relative;height: 290px;overflow: hidden;display: flex;justify-content: center;padding-top: 24px}.tile__media .phone{width: 168px}.tile__media::after{content: "";position: absolute;inset: auto 0 0 0;height: 70px;background: linear-gradient(to bottom,transparent,var(--straw-color-surface))}.section--surface .tile__media::after{background: linear-gradient(to bottom,transparent,var(--straw-color-bg))}.tile__text{padding: 4px 20px 22px;display: grid;gap: 6px;align-content: start}.tile__text h4{font-size: 1.02rem}.tile__text p{font-size: var(--straw-text-sm);color: var(--straw-color-ink-2)}.also{display: grid;gap: 0;grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));border-top: 1px solid var(--straw-color-line)}.also li{padding: 20px 4px 20px 0;border-bottom: 1px solid var(--straw-color-line);display: grid;gap: 4px}@media (min-width: 700px){.also li{padding-right: 28px}}.also b{font-weight: 600}.also span{color: var(--straw-color-ink-2);font-size: 0.95rem}.demo-sec{background: var(--d-bg);color: var(--d-ink)}.demo-sec .lead,.demo-sec .muted{color: var(--d-ink-2)}.demo-sec .eyebrow{color: var(--d-ink-2)}.demo{display: grid;gap: clamp(24px,3vw,48px);align-items: start}@media (min-width: 1024px){.demo{grid-template-columns: minmax(300px,400px) 1fr}}.demo__steps{display: grid;gap: 4px;counter-reset: st}.demo__step{position: relative;display: grid;grid-template-columns: 34px 1fr;gap: 2px 12px;text-align: left;width: 100%;padding: 14px 14px 14px 12px;border-radius: var(--straw-radius-md);border: 0;background: transparent;color: var(--d-ink-2);cursor: pointer;transition: background-color var(--straw-duration-base) var(--straw-ease-standard),color var(--straw-duration-base) var(--straw-ease-standard)}.demo__step:hover{background: color-mix(in srgb,var(--d-ink) 6%,transparent);color: var(--d-ink)}.demo__step[aria-selected="true"]{background: color-mix(in srgb,var(--d-ink) 9%,transparent);color: var(--d-ink)}.demo__step .n{grid-row: span 2;font-family: var(--straw-font-data);font-size: 0.78rem;padding-top: 3px;color: var(--d-ink-3)}.demo__step[aria-selected="true"] .n{color: var(--step-c,var(--tool))}.demo__step .t{font-weight: 600;font-size: 1rem;line-height: 1.35}.demo__step .who{font-family: var(--straw-font-data);font-size: 0.7rem;letter-spacing: .1em;text-transform: uppercase;color: var(--d-ink-3);display: flex;align-items: center;gap: 7px}.demo__step .who i{width: 7px;height: 7px;border-radius: 50%;background: var(--step-c,var(--tool))}.demo__step .bar{position: absolute;left: 12px;right: 12px;bottom: 6px;height: 2px;border-radius: 2px;background: color-mix(in srgb,var(--d-ink) 12%,transparent);overflow: hidden;opacity: 0}.demo__step[aria-selected="true"] .bar{opacity: 1}.demo__step .bar i{display: block;height: 100%;width: 100%;background: var(--step-c,var(--tool));transform-origin: left;transform: scaleX(0)}.demo__stage-wrap{display: grid;gap: 18px;min-width: 0}.demo__stage{position: relative;border-radius: var(--straw-radius-xl);background: var(--d-surface);padding: clamp(18px,3vw,40px);min-height: 0;overflow: hidden}.demo__stage::before{content: "";position: absolute;inset: 0;background: radial-gradient(60% 60% at 60% 55%,color-mix(in srgb,var(--step-c,var(--tool)) 22%,transparent),transparent 72%);transition: background var(--straw-duration-slow) var(--straw-ease-standard);pointer-events: none}.demo__devices{position: relative;display: grid;align-items: end}.demo__devices--both{grid-template-columns: 1fr;padding-right: 22%;padding-bottom: 6%}.demo__devices--both .phone{position: absolute;right: 0;bottom: 0;width: 26%}.demo__devices--phone{justify-items: center}.demo__devices--phone .phone{width: min(300px,68%)}.demo__devices .browser,.demo__devices .phone{transition: opacity var(--straw-duration-slow) var(--straw-ease-standard),transform var(--straw-duration-slow) var(--straw-ease-standard),filter var(--straw-duration-slow) var(--straw-ease-standard)}.demo__devices--both.is-phone .browser{opacity: .45;transform: scale(.985)}.demo__devices--both.is-web .phone{opacity: .55;transform: translateY(3%) scale(.97)}.demo__devices--both.is-phone .phone{transform: translateY(-2%) scale(1.04)}.demo__caption{display: grid;gap: 6px;min-height: 5.4em}.demo__caption h3{font-family: var(--straw-font-text);font-weight: 600;font-size: 1.1rem;letter-spacing: 0;text-transform: none;font-style: normal;line-height: 1.35}.demo__caption p{color: var(--d-ink-2)}.demo__controls{display: flex;gap: 8px;align-items: center}.demo__controls .count{font-family: var(--straw-font-data);font-size: 0.8rem;color: var(--d-ink-3);margin-right: auto}.icon-btn{width: 44px;height: 44px;border-radius: 50%;border: 1px solid color-mix(in srgb,var(--d-ink) 20%,transparent);background: transparent;color: var(--d-ink);display: inline-grid;place-items: center;cursor: pointer;transition: background-color var(--straw-duration-fast) var(--straw-ease-standard)}.icon-btn:hover{background: color-mix(in srgb,var(--d-ink) 10%,transparent)}.icon-btn svg{width: 18px;height: 18px}.icon-btn .i-play{display: none}.is-paused .icon-btn .i-play{display: block}.is-paused .icon-btn .i-pause{display: none}@media (max-width: 1023px){.demo__steps{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 8px;padding-bottom: 6px;margin-inline: calc(-1 * clamp(16px,4.2vw,48px));padding-inline: clamp(16px,4.2vw,48px);scrollbar-width: none}.demo__steps::-webkit-scrollbar{display: none}.demo__step{flex: none;width: auto;max-width: 250px;grid-template-columns: auto 1fr;scroll-snap-align: start;border: 1px solid color-mix(in srgb,var(--d-ink) 14%,transparent);padding: 10px 14px 12px}.demo__step .n{grid-row: auto;padding-top: 2px}.demo__step .who{display: none}.demo__step .t{font-size: 0.9rem;white-space: nowrap}.demo{gap: 18px}}@media (max-width: 640px){.demo__devices--both{padding-right: 0;padding-bottom: 0}.demo__devices--both .phone{width: 34%;right: 2%;bottom: -4%}.demo__devices--both.is-phone .browser{opacity: .3}}.wl{display: grid;gap: clamp(32px,5vw,64px);align-items: center}@media (min-width: 980px){.wl{grid-template-columns: .9fr 1.1fr}}.switch{display: inline-flex;padding: 4px;border-radius: var(--straw-radius-pill);background: var(--straw-color-surface-2);position: relative}.switch button{position: relative;z-index: 1;border: 0;background: transparent;padding: 9px 18px;border-radius: var(--straw-radius-pill);font-weight: 600;font-size: 0.92rem;cursor: pointer;color: var(--straw-color-ink-2);transition: color var(--straw-duration-base) var(--straw-ease-standard);min-height: 40px}.switch button[aria-pressed="true"]{color: var(--straw-color-ink)}.switch .knob{position: absolute;z-index: 0;top: 4px;bottom: 4px;left: 4px;border-radius: var(--straw-radius-pill);background: var(--straw-color-bg);box-shadow: var(--straw-shadow-sm);transition: transform var(--straw-duration-slow) var(--straw-ease-standard),width var(--straw-duration-slow) var(--straw-ease-standard)}.wl-phones{display: flex;justify-content: center;align-items: flex-end;gap: clamp(8px,2vw,22px)}.wl-phones .phone{width: min(31%,250px)}.wl-phones .phone:nth-child(2){transform: translateY(-6%)}.wl-phones .phone .phone__screen{background: #000}.pilot{display: grid;gap: clamp(28px,5vw,64px);align-items: center;border-radius: var(--straw-radius-xl);background: var(--straw-color-surface);padding: clamp(24px,5vw,64px);overflow: hidden;position: relative}@media (min-width: 900px){.pilot{grid-template-columns: 1.15fr .85fr}}.pilot__phones{display: flex;justify-content: center;gap: 0}.pilot__phones .phone{width: min(48%,230px)}.pilot__phones .phone + .phone{margin-left: -8%;margin-top: 14%}.pilot dl{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr));gap: 16px;margin: 6px 0 0}.pilot dt{font-family: var(--straw-font-data);font-size: 0.72rem;letter-spacing: .12em;text-transform: uppercase;color: var(--straw-color-ink-3)}.pilot dd{margin: 4px 0 0;font-weight: 600}.sec-item{display: grid;grid-template-columns: 40px 1fr;gap: 4px 16px;padding: 22px 0;border-top: 1px solid var(--straw-color-line)}.sec-item svg{width: 24px;height: 24px;color: var(--tool-text);grid-row: span 2;margin-top: 2px}.sec-item h3{font-family: var(--straw-font-text);font-size: 1.05rem;font-weight: 600;text-transform: none;letter-spacing: 0;font-style: normal;line-height: 1.4}.sec-item p{color: var(--straw-color-ink-2);font-size: 0.97rem}.faq{display: grid;gap: 0;border-top: 1px solid var(--straw-color-line)}.faq details{border-bottom: 1px solid var(--straw-color-line)}.faq summary{list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 18px;padding: 22px 2px;cursor: pointer;font-weight: 600;font-size: clamp(1.02rem,1.3vw,1.15rem);line-height: 1.4}.faq summary::-webkit-details-marker{display: none}.faq summary .pm{position: relative;flex: none;width: 28px;height: 28px;border-radius: 50%;border: 1px solid var(--straw-color-line)}.faq summary .pm::before,.faq summary .pm::after{content: "";position: absolute;left: 50%;top: 50%;width: 11px;height: 1.5px;background: var(--straw-color-ink);transform: translate(-50%,-50%);transition: transform var(--straw-duration-base) var(--straw-ease-standard)}.faq summary .pm::after{transform: translate(-50%,-50%) rotate(90deg)}.faq details[open] summary .pm::after{transform: translate(-50%,-50%) rotate(0deg)}.faq .answer{padding: 0 2px 24px;color: var(--straw-color-ink-2);max-width: 48em;display: grid;gap: 10px}.faq summary:hover{color: var(--tool-text)}.cross{display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr))}.cross a{--tool: var(--c);--tool-text: var(--ct);display: grid;gap: 10px;padding: 24px;border-radius: var(--straw-radius-lg);border: 1px solid var(--straw-color-line);text-decoration: none;background: var(--straw-color-bg);transition: border-color var(--straw-duration-base) var(--straw-ease-standard),transform var(--straw-duration-slow) var(--straw-ease-standard)}.cross a:hover{border-color: var(--tool);transform: translateY(-2px)}.cross .logo{height: 24px;width: auto;max-width: 100%}.cross p{color: var(--straw-color-ink-2);font-size: 0.97rem}.cross .go{font-weight: 600;display: inline-flex;gap: 8px;align-items: center;color: var(--tool-text)}.cross .go svg{width: 16px;height: 16px}.startbox{display: grid;gap: 28px;align-items: center;padding: clamp(24px,4vw,48px);border-radius: var(--straw-radius-xl);background: var(--straw-color-surface)}@media (min-width: 900px){.startbox{grid-template-columns: 1fr 1fr}}.startbox ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 0;counter-reset: sb}.startbox li{counter-increment: sb;display: grid;grid-template-columns: 36px 1fr;gap: 2px 14px;padding: 16px 0;border-top: 1px solid var(--straw-color-line)}.startbox li::before{content: counter(sb);grid-row: span 2;width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;font-family: var(--straw-font-data);font-size: 0.8rem;background: var(--straw-color-bg);border: 1px solid var(--straw-color-line)}.startbox li b{font-weight: 600}.startbox li span{color: var(--straw-color-ink-2);font-size: 0.97rem}.contact-sec{background: var(--d-bg);color: var(--d-ink)}.contact-sec .lead,.contact-sec .muted{color: var(--d-ink-2)}.contact-sec .eyebrow{color: var(--d-ink-2)}.contact{display: grid;gap: clamp(32px,5vw,72px);align-items: start}@media (min-width: 980px){.contact{grid-template-columns: .85fr 1.15fr}}.contact__aside{display: grid;gap: 22px}.contact__aside ul{display: grid;gap: 14px;margin-top: 6px}.contact__aside li{display: grid;grid-template-columns: 28px 1fr;gap: 12px;color: var(--d-ink-2)}.contact__aside li svg{width: 22px;height: 22px;color: var(--tool);margin-top: 2px}.contact__aside li b{color: var(--d-ink);font-weight: 600;display: block}.form-card{position: relative;background: var(--straw-color-bg);color: var(--straw-color-ink);border-radius: var(--straw-radius-xl);padding: clamp(20px,3.4vw,40px);box-shadow: var(--straw-shadow-lg)}.form{display: grid;gap: 18px;grid-template-columns: 1fr}@media (min-width: 640px){.form{grid-template-columns: 1fr 1fr}.form .full{grid-column: 1 / -1}}.field{display: grid;gap: 7px;align-content: start;min-width: 0}.field label{font-weight: 600;font-size: 0.92rem}.field label .opt{font-weight: 400;color: var(--straw-color-ink-3)}.field input,.field select,.field textarea{width: 100%;min-height: 50px;padding: 12px 14px;border-radius: var(--straw-radius-md);border: 1px solid var(--straw-color-line);background: var(--straw-color-bg);color: var(--straw-color-ink);font-size: 16px;line-height: 1.4;-webkit-appearance: none;appearance: none;transition: border-color var(--straw-duration-fast) var(--straw-ease-standard),box-shadow var(--straw-duration-fast) var(--straw-ease-standard)}.field textarea{min-height: 120px;resize: vertical}.field select{padding-right: 40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23777' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center}.field input:hover,.field select:hover,.field textarea:hover{border-color: var(--straw-color-ink-3)}.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--straw-color-ink);box-shadow: 0 0 0 3px color-mix(in srgb,var(--tool) 30%,transparent)}.field .err{display: none;font-size: 0.85rem;color: var(--err);font-weight: 500}.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color: var(--err)}.field.is-invalid .err{display: block}.hp{position: absolute !important;left: -10000px !important;top: auto;width: 1px;height: 1px;overflow: hidden}.form__foot{display: grid;gap: 14px;align-items: center}@media (min-width: 640px){.form__foot{grid-template-columns: auto 1fr;gap: 20px}}.form__foot .btn{min-width: 220px}.form__legal{font-size: 0.82rem;color: var(--straw-color-ink-2);line-height: 1.5}.form__legal a{color: inherit}.form__status{grid-column: 1 / -1;display: none;padding: 14px 16px;border-radius: var(--straw-radius-md);font-size: 0.95rem}.form__status.is-error{display: block;background: color-mix(in srgb,var(--err) 9%,var(--straw-color-bg));border: 1px solid color-mix(in srgb,var(--err) 35%,transparent);color: var(--straw-color-ink)}.btn .spin{display: none;width: 18px;height: 18px;border-radius: 50%;border: 2px solid currentColor;border-right-color: transparent;animation: spin .8s linear infinite}.is-sending .btn .spin{display: block}.is-sending .btn{pointer-events: none;opacity: .85}@keyframes spin{to{transform: rotate(360deg)}}.success{display: none;text-align: center;padding: clamp(20px,4vw,40px) 8px;gap: 14px;justify-items: center}.form-card.is-done .form{display: none}.form-card.is-done .success{display: grid;animation: pop var(--straw-duration-slow) var(--straw-ease-standard)}.success .ok{width: 64px;height: 64px;border-radius: 50%;display: grid;place-items: center;background: var(--tool);color: var(--tool-on)}.success .ok svg{width: 30px;height: 30px}.success h3{font-size: clamp(1.5rem,2.4vw,2rem)}.success p{color: var(--straw-color-ink-2);max-width: 30em}@keyframes pop{from{opacity: 0;transform: translateY(10px) scale(.98)}to{opacity: 1;transform: none}}.footer{border-top: 1px solid var(--straw-color-line);padding-block: clamp(48px,6vw,72px) 32px;font-size: 0.95rem}.footer__top{display: grid;gap: 36px}@media (min-width: 860px){.footer__top{grid-template-columns: 1.3fr 1fr 1fr}}.footer .logo{height: 30px;width: auto}.footer p{color: var(--straw-color-ink-2);max-width: 30em}.footer h2{font-family: var(--straw-font-data);font-size: 0.75rem;letter-spacing: .14em;text-transform: uppercase;font-weight: 500;font-style: normal;color: var(--straw-color-ink-3);margin-bottom: 14px;line-height: 1.4}.footer ul{display: grid;gap: 4px}.footer ul a{text-decoration: none;color: var(--straw-color-ink);display: inline-flex;align-items: center;gap: 9px;padding: 6px 0}.footer ul a:hover{text-decoration: underline;text-underline-offset: 4px}.footer ul a i{width: 8px;height: 8px;border-radius: 50%}.footer__bottom{margin-top: 44px;padding-top: 22px;border-top: 1px solid var(--straw-color-line);display: flex;flex-wrap: wrap;gap: 10px 24px;justify-content: space-between;color: var(--straw-color-ink-2);font-size: 0.875rem}.footer__bottom ul{display: flex;flex-wrap: wrap;gap: 4px 20px}.footer__bottom a{color: inherit;padding: 6px 0;display: inline-block}.charte-switch{position: fixed;left: 12px;bottom: 12px;z-index: 60;display: none;align-items: center;gap: 4px;padding: 5px;border-radius: var(--straw-radius-pill);background: var(--straw-color-ink);color: var(--straw-color-bg);box-shadow: var(--straw-shadow-lg);font-size: 0.8rem;max-width: calc(100vw - 24px)}.has-charte-switch .charte-switch{display: flex}.charte-switch span{padding: 0 8px 0 10px;font-family: var(--straw-font-data);letter-spacing: .08em;text-transform: uppercase;font-size: 0.68rem;opacity: .7}.charte-switch button{border: 0;background: transparent;color: inherit;padding: 7px 11px;border-radius: var(--straw-radius-pill);cursor: pointer;font-weight: 600;min-height: 34px}.charte-switch button[aria-pressed="true"]{background: var(--straw-color-bg);color: var(--straw-color-ink)}.charte-switch .x{opacity: .7;padding: 7px 9px}.js .rv{transition: opacity 700ms var(--straw-ease-standard),transform 900ms var(--straw-ease-standard)}.js .rv.is-pending{transform: translateY(28px) scale(.985)}.js .rv-stagger>*{transition: opacity 700ms var(--straw-ease-standard),transform 900ms var(--straw-ease-standard)}.js .rv-stagger.is-pending>*{transform: translateY(24px)}@media (prefers-reduced-motion: reduce){.js .rv,.js .rv-stagger>*{transition: none !important}.js .rv.is-pending,.js .rv-stagger.is-pending>*{opacity: 1;transform: none}.stack>.screen{transition: none;transform: none}.btn,.tool-card,.cross a{transition: none}}.hero-browser .hero-mobile{position: absolute;right: -1%;bottom: 0;width: 24%}@media (min-width: 960px){.hero-browser .hero-mobile{right: 6%;width: 22%}}.demo__devices--web .browser{width: 100%}.eyebrow{text-align: left}.cols-2x{grid-template-columns: 1fr}@media (min-width: 760px){.cols-2x{grid-template-columns: 1fr 1fr}}.brand .logo{height: 34px}.brand--tool .logo{height: 32px}@media (max-width: 859px){.path{flex-direction: column;align-items: flex-start;gap: 6px;position: relative;padding-left: 0}.path .arrow{display: none}.path .step{border-radius: var(--straw-radius-md)}}.demo__step[aria-selected="true"] .n{color: color-mix(in srgb,var(--step-c,var(--tool)) 70%,#fff)}.brand{flex: 0 1 auto}.brand .logo,.brand--tool .logo{height: auto;max-height: 34px;width: auto;max-width: 100%}.brand--tool .logo{max-height: 32px}.header__cta{flex: none}.header__cta .btn{display: none}@media (min-width: 500px){.header__cta .btn{display: inline-flex}}.tile__media{align-items: flex-start}.tile__media .phone,.pilot__phones .phone,.wl-phones .phone,.hero-phones .phone{flex: none}.pilot__phones{align-items: flex-start}.gallery{grid-template-columns: repeat(auto-fill,minmax(min(100%,160px),1fr))}@media (min-width: 700px){.gallery{grid-template-columns: repeat(auto-fill,minmax(230px,1fr))}}.tile__media{height: auto;aspect-ratio: 4 / 5;max-height: 290px}.tile__media .phone{width: min(168px,74%)}