/* Shared editorial direction; no framework, remote font or animation dependency. */
.skip{position:fixed;top:8px;inset-inline-start:8px;z-index:1000;transform:translateY(-200%);background:#fff;color:#1d2023;padding:12px}.skip:focus{transform:none}
.experience-page{background:#f8f7f2;color:#202725}.experience-page .wrap{max-width:1240px;padding-inline:44px}.experience-page section{border:0}.experience-page h1,.experience-page h2,.experience-page h3{font-family:var(--display);text-wrap:balance}.experience-page h1{font-size:clamp(52px,6.4vw,92px);line-height:1.01;letter-spacing:-.065em;margin:22px 0 28px}.experience-page h1 em{font-style:normal;color:#ff93b7}.experience-page h2{font-size:clamp(34px,4vw,57px);line-height:1.06;letter-spacing:-.045em}.experience-page .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em}.experience-page .btn{border-radius:9px;height:52px}.experience-page .lede{font-size:20px;line-height:1.55;max-width:36ch}.why-opening{background:#172824;color:#f8f7f2;padding:0}.why-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center;min-height:740px;padding-block:92px!important}.why-opening .eyebrow{color:#b1c2b9}.why-opening .lede{color:#d1dbd4}.why-opening .btn{background:#ff93b7;color:#172824}.why-text-link{align-self:center;font-size:14px;text-underline-offset:5px}.platform-note{font-size:11px;color:#b1c2b9;margin-top:20px;max-width:48ch}.work-surface{background:#f1f0e9;color:#202725;padding:22px;border-radius:15px;box-shadow:0 18px 60px #0003;transform:rotate(1.5deg);margin:0;position:relative}.work-surface figcaption{font-size:10px;color:#626d64;padding-bottom:20px}.project-bar{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid #d9dcd3;padding-bottom:15px}.project-bar>span:last-child{margin-inline-start:auto}.status-dot{width:6px;height:6px;border-radius:50%;background:#237252}.work-request{font-size:23px;line-height:1.3;letter-spacing:-.03em;font-weight:600;padding:23px 0 16px;max-width:22ch}.context-stack{font-size:10px;color:#68736a;display:flex;gap:10px}.deliverable{position:relative;height:220px;margin:26px 0 10px;display:flex;align-items:center;padding:0 9px}.deck-thumb{width:80%;height:194px;background:#ffb4cb;position:relative;padding:18px;transform:rotate(-4deg);box-shadow:0 8px 13px #17282419}.deck-thumb>span,.deck-thumb small{font-size:7px;font-weight:700;letter-spacing:.1em}.deck-thumb b{display:block;font-size:32px;line-height:1.02;letter-spacing:-.05em;padding-top:22px}.deck-thumb small{position:absolute;bottom:13px}.deck-thumb i{position:absolute;inset-inline-end:20px;bottom:23px;width:36px;height:36px;background:#172824;border-radius:50%}.sheet-thumb{width:34%;background:#fff;height:160px;margin-inline-start:-25px;transform:rotate(6deg);box-shadow:0 9px 18px #17282426;padding:17px;z-index:1}.sheet-thumb span{font-size:6px}.sheet-thumb i{display:block;height:4px;background:#dbe1d9;margin-top:13px}.sheet-thumb i:nth-child(3){width:80%}.sheet-thumb b{display:block;color:#267856;margin-top:18px}.work-activity{font-size:12px;font-weight:600}.output-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.output-files span{font-size:9px;background:white;border:1px solid #d6dcd2;border-radius:4px;padding:6px}.work-caption{font-size:10px;color:#6a766c;margin-top:16px}.definition{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;padding-block:65px!important;border-bottom:1px solid #d9ded4!important}.definition>p:last-child{font-size:clamp(20px,2.3vw,29px);line-height:1.4;letter-spacing:-.02em}.workflow-section{padding-block:95px!important}.section-heading{max-width:760px;margin-bottom:36px}.section-heading>p:last-child{font-size:18px;color:#58675c;margin-top:20px;max-width:55ch}.workflow-picker{display:flex;gap:10px;margin-bottom:22px}.workflow-choice{display:flex;gap:35px;align-items:center;background:#e8ebe3;border:1px solid transparent;padding:13px 20px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600}.workflow-choice span{font-size:10px;color:#667368}.workflow-choice.selected{background:#172824;color:#fff}.workflow-choice.selected span{color:#d1dbd4}.workflow-panels{border:1px solid #d5dcd1;border-radius:14px;overflow:hidden;background:#fff}.workflow-panel{padding:34px 38px;display:grid;grid-template-columns:45px 1fr 1.2fr;gap:25px;border-top:1px solid #e4e8e0;scroll-margin-top:100px}.workflow-panel:first-child{border-top:0}.workflow-panel h3{font-size:26px;letter-spacing:-.025em;max-width:20ch}.workflow-index{font-size:12px;color:#718173}.workflow-panel ol{padding-inline-start:18px;font-size:14px;color:#58675c;display:grid;gap:14px}.workflow-panel[hidden]{display:none}.pillar-section{padding-block:0 100px!important;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.pillar-section article{border-top:1px solid #bcc9bb;padding-top:25px}.pillar-section h2{font-size:32px;margin-block:20px}.pillar-section p:not(.eyebrow){font-size:15px;color:#58675c}.pillar-section a{display:inline-block;font-size:13px;font-weight:600;margin-top:24px;text-underline-offset:4px}.difference-section{background:#e7ebe2;padding-block:85px!important}.comparison{width:100%;border-collapse:collapse;font-size:16px;margin-bottom:50px}.comparison th,.comparison td{text-align:start;vertical-align:top;border-bottom:1px solid #c9d2c3;padding:22px 0}.comparison thead th{font-size:11px;text-transform:uppercase;color:#63735f;letter-spacing:.06em}.comparison tbody th{width:43%;padding-inline-end:35px;font-weight:600}.comparison tbody td{color:#58675c}.people{display:grid;grid-template-columns:1fr 1fr;gap:60px}.people h3{font-size:32px;letter-spacing:-.035em}.people p{font-size:16px;color:#58675c}.remote-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:95px!important}.remote-section p:not(.eyebrow){font-size:16px;color:#58675c;margin-block:24px}.remote-visual{height:300px;position:relative;display:flex;align-items:center}.remote-desktop{background:#e3e8df;border:1px solid #bac8b6;border-radius:12px;width:88%;height:250px;padding:22px}.remote-desktop b,.remote-phone b{display:block;font-size:15px;letter-spacing:-.06em}.remote-desktop span{display:block;font-size:9px;letter-spacing:.06em;margin-block:23px}.remote-desktop i{height:8px;width:80%;display:block;background:#c4cfc0;margin-top:16px}.remote-desktop i:last-child{width:55%;background:#7c9d85}.remote-phone{border:5px solid #172824;border-radius:22px;background:#fbfaf5;width:125px;height:230px;position:absolute;inset-inline-end:0;top:60px;padding:18px 12px;box-shadow:0 8px 25px #17282420}.remote-phone span{font-size:40px;color:#267856}.remote-phone i{display:block;height:6px;background:#d9e2d4;margin-block:15px}.faq-section{padding-block:55px 90px!important;border-top:1px solid #d9ded4!important}.faq-section .faq{max-width:none;margin-top:35px}.faq-section summary{font-size:19px;padding-block:22px}.faq-section p{font-size:16px}.experience-close{padding-block:65px 100px!important;text-align:center}.experience-close h2{font-size:clamp(48px,7vw,90px);letter-spacing:-.06em}.experience-close p{margin:22px auto 28px;max-width:38ch;color:#58675c}.experience-footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding-block:35px!important;font-size:13px;border-top:1px solid #d9ded4}.experience-footer .lockup{margin-inline-end:auto}.platform-hero{padding-block:80px 55px!important}.platform-guide{max-width:900px!important;padding-block:30px 80px!important}.platform-guide h2{font-size:30px;margin-block:38px 18px}.platform-guide p{max-width:70ch}.platform-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#172824;color:#f8f7f2;padding:22px;margin-block:20px;border-radius:8px;font-size:14px}.mac-downloads{margin-block:25px}.mac-downloads>a{margin-inline-end:12px}.top .topin{max-width:1360px}.site-menu{display:none;position:relative}.site-menu summary{cursor:pointer;font-size:13px;list-style:none;padding:8px 10px;border:1px solid currentColor;border-radius:6px}.site-menu summary::-webkit-details-marker{display:none}.site-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:min(280px,85vw);background:#f8f7f2;color:#202725;border:1px solid #d2dacf;box-shadow:0 12px 30px #17282426;border-radius:10px;padding:12px;display:grid!important;gap:2px;max-height:75vh;overflow:auto}.site-menu nav a{display:block;padding:12px;text-decoration:none;font-size:15px;border-radius:5px}.site-menu nav a:hover{background:#e3e8df}.site-menu nav a:focus-visible{outline:2px solid #267856}.top .nav a[href*="why-saywork"]{font-weight:700;white-space:nowrap}.featured-guides{padding:28px;background:#172824;color:#f8f7f2;border-radius:15px;margin-block:28px}.featured-guides p{color:#c9d8cb}.featured-guides a{display:inline-block;margin-top:14px;margin-inline-end:20px;font-weight:600;text-underline-offset:5px}
@media(max-width:1200px){.top .nav{display:flex!important}.top .nav>a:not([href*="why-saywork"]){display:none}.site-menu{display:block}.topin{gap:20px!important}.topr{display:flex;align-items:center;gap:14px}.experience-page .topin .store-badge img{width:145px}}
@media(max-width:800px){.experience-page .wrap{padding-inline:24px}.why-hero{grid-template-columns:1fr;gap:45px;min-height:auto;padding-block:55px 65px!important}.experience-page h1{font-size:61px;max-width:12ch}.work-surface{max-width:510px;width:calc(100% - 8px);margin-inline:auto;transform:none}.why-opening .lede{font-size:19px}.definition{grid-template-columns:1fr;gap:12px;padding-block:40px!important}.definition>p:last-child{font-size:23px}.workflow-section{padding-block:60px!important}.workflow-picker{gap:6px;flex-wrap:wrap}.workflow-choice{padding:11px;gap:15px;font-size:12px}.workflow-panel{grid-template-columns:28px 1fr;gap:15px;padding:25px 20px}.workflow-panel ol{grid-column:2}.workflow-panel h3{font-size:24px}.pillar-section{grid-template-columns:1fr;gap:35px;padding-bottom:60px!important}.pillar-section h2{font-size:33px}.people,.remote-section{grid-template-columns:1fr;gap:30px}.comparison{font-size:14px}.comparison tbody th{width:44%;padding-inline-end:18px}.people h3{font-size:28px}.remote-section{padding-block:65px!important}.remote-visual{max-width:470px}.difference-section{padding-block:60px!important}.faq-section{padding-block:35px 50px!important}.experience-footer{gap:20px}.experience-footer .lockup{width:100%}}
@media(max-width:560px){.topin{gap:12px!important}.top .lockup{font-size:21px;gap:5px}.top .lockup svg{width:24px}.top .nav{font-size:12px;gap:0}.topr .store-badge{display:none}.top .site-menu summary{font-size:12px}.top .wrap{padding-inline:18px}.top .topr{gap:8px}.experience-page h1{font-size:54px}.work-request{font-size:21px}.deliverable{height:200px}.deck-thumb{height:180px}.deck-thumb b{font-size:28px}.sheet-thumb{height:148px}.experience-page .ctas{gap:18px}.experience-page .btn{font-size:14px}.platform-note{font-size:10px}.experience-page .why-text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-surface,.deck-thumb,.sheet-thumb{transform:none}.experience-page *{scroll-behavior:auto!important;transition:none!important}}
/* The home page uses navl; keep its primary link visible at every breakpoint. */
@media(max-width:1200px){.top .navl{display:flex!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}.top .navl>a:not([href*="why-saywork"]){display:none}.top .navl a{padding:0!important;white-space:nowrap;font-weight:600}.top .langb{font-size:12px;padding:4px}.top .topr{display:flex;align-items:center;gap:10px}.top #topdl{display:none}}
@media(max-width:560px){.top .navl{font-size:12px}.top .topin{height:64px}.top .lockup{flex-shrink:0}.top .langb{font-size:11px}.top .topr{gap:7px}.top .site-menu summary{padding:7px}.top.onvid .site-menu summary{color:#eef0ea}.top .wrap.topin{padding-inline:15px;gap:10px!important}.top .navl{margin-inline-start:auto!important}}
.top{opacity:1!important;transform:none!important}.top .navl a[href*="why-saywork"]{font-weight:700}
@media(max-width:360px){.top .lockup svg{display:none}.top .lockup{font-size:19px}.top .wrap.topin{padding-inline:12px;gap:8px!important}.top .navl{font-size:11px}.top .langb{font-size:10px}.top .topr{gap:5px}}
@media(max-width:560px){.hrecw{max-width:100%}}
@media(max-width:560px){.meta.winget code{white-space:normal;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}}