/* Blue and orange palette with restrained brown accents and neutral surfaces. */
@font-face{font-family:DM Sans Local;src:url('assets/nimbus-sans.otf')}@font-face{font-family:DM Sans Local;src:url('assets/nimbus-sans-bold.otf');font-weight:700}
.review{background:#072338;gap:14px;position:relative}.review>span{letter-spacing:.09em}.review button,.review select{border-color:#526e86}.review select{background:#123b59}.review small{color:#c4d3df}.review .versions button[aria-pressed=true]{background:#ffffff;color:#072338}#design-toggle{color:#ffb84d;border-color:#ff9900}.reviewfoot{color:#526376;background:#edf2f7}
#canvas.visual{--ink:#072338;--paper:#ffffff;--amber:#ff9900;--line:#d7e0e8;font-family:'DM Sans Local',Arial,sans-serif;background:var(--paper);color:var(--ink)}.visual a:focus-visible,.visual button:focus-visible,.visual summary:focus-visible{outline:3px solid #c06d00;outline-offset:5px}.visual header{padding:29px 6%;border-bottom:1px solid var(--line);background:var(--paper)}.visual .brand{color:var(--ink);font-size:30px;letter-spacing:-1.3px}.visual .brand:after{content:'';display:inline-block;width:7px;height:7px;background:#ff9900;border-radius:50%;margin-left:3px}.visual .brand small{letter-spacing:1.18px;font-size:7.2px;margin-top:10px}.visual nav{font-size:14px;gap:26px}.visual nav details>div{background:var(--paper);border-color:var(--line)}.visual .navcta{background:var(--ink);color:var(--paper);border:0;padding:12px 18px}.visual .breadcrumb{display:none}.visual main{padding:0}.visual section{border:0;padding:74px 6%;margin:0}.visual main p{color:#434343;line-height:1.5;font-size:17px}.visual main h1,.visual main h2,.visual main h3{color:var(--ink);font-weight:400;letter-spacing:-.035em;line-height:1.08;max-width:none}.visual main h2{font-size:44px;margin:0 0 24px}.visual main h3{font-size:30px}.visual em{font-family:Georgia,serif;font-weight:400}.visual .eyebrow{font-size:10px!important;letter-spacing:.16em!important;line-height:1.4!important;font-weight:700;color:#80583a;margin:0 0 24px!important;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#2b6796;display:inline-block}.visual section.design-hero{padding-top:58px;padding-bottom:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.visual .hero-copy h1{font-size:clamp(52px,5.5vw,80px);line-height:.98;letter-spacing:-.05em;margin:0 0 26px}.visual .hero-copy .lead{font-size:19px;max-width:450px;line-height:1.5;margin-bottom:29px}.design-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:#072338;color:#fff;padding:16px 23px;font-size:15px;line-height:1.2;transition:background .15s}.design-button:hover{background:#073763;text-decoration:none}.design-button.amber{background:#ff9900;color:#072338}.design-button.amber:hover{background:#ffb84d}.quiet-link{display:block;margin-top:18px;font-size:14px;color:#073763}.quiet-link span{margin-left:15px}.hero-photo{margin:0;position:relative;padding-bottom:20px}.hero-photo img{display:block;width:100%;height:505px;object-fit:cover;border-radius:140px 3px 3px 3px;filter:saturate(.83)}.hero-photo figcaption{position:absolute;left:-28px;bottom:0;max-width:330px;padding:19px 22px;background:#eef3f8;font-size:13px;line-height:1.5;display:flex;gap:12px;align-items:center;color:#073763}.photo-dot{width:20px;height:20px;background:#ff9900;border-radius:50%;flex:none}.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.section-intro>p{max-width:310px;font-size:16px!important;margin-bottom:24px}.visual .section-intro .eyebrow{margin-bottom:13px!important}.visual .section-intro h2{margin-bottom:0}.visual section.design-services{background:#f2f5f9;padding-top:63px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-card{background:#ffffff;border:1px solid #d7e0e8;padding:32px 27px;display:flex;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s}.offer-card:hover{transform:translateY(-4px);border-color:#2b6796}.offer-symbol{width:48px;height:48px;margin-bottom:30px}.offer-symbol svg{fill:none;stroke:#2b6796;stroke-width:1.4;width:48px;height:48px}.visual .card-kicker{font-size:9px!important;letter-spacing:.1em;color:#526376;font-weight:700;margin-bottom:14px}.visual .offer-card h3{font-size:33px;margin:0 0 17px}.visual .offer-card p{font-size:16px}.offer-card a{border-top:1px solid #d7e0e8;padding-top:20px;margin-top:auto;font-size:13px;display:flex;justify-content:space-between;gap:10px}.offer-card a span{font-size:17px}.visual section.design-experience{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.visual .design-experience h2{font-size:41px;margin-bottom:0}.visual .design-experience strong{color:var(--ink)}.underlink{display:inline-flex;justify-content:space-between;gap:28px;font-size:14px;border-bottom:1px solid #8299ac;padding:0 0 8px;margin-top:10px}.visual section.design-more{display:grid;grid-template-columns:1.5fr 1fr;gap:0;padding:0 6% 72px}.product-story{padding:38px 40px;background:#edf3f9}.more-story{padding:38px 40px;border:1px solid #d7e0e8;border-left:0}.visual .design-more h2{font-size:35px}.visual .design-more h3{font-size:30px}.visual .design-more p{font-size:16px}.more-story .underlink{display:flex;max-width:230px}.visual section.design-closing{background:#072338;text-align:center;padding:64px 8%}.visual .design-closing .eyebrow{color:#c3d9e8;justify-content:center}.visual .design-closing h2{color:#ffffff;font-size:48px;margin-bottom:28px}.visual .design-closing>p:not(.eyebrow){color:#c8d7e5;max-width:570px;margin:0 auto 28px}.visual footer{background:#041a2b;color:#cad8e5;border:0;padding:42px 6%;grid-template-columns:2fr 1fr 1fr}.visual .footerbrand{color:#ffffff;font-size:24px}.visual footer p{color:#b5c8d9}.visual footer a{font-size:13px}.visual footer .footerbrand{font-size:24px}.visual section.smarterhero{background:#072338;grid-template-columns:1fr 1fr;gap:8%;padding-top:65px;padding-bottom:70px}.visual .smarterhero h1{color:#ffffff;font-size:82px;margin-bottom:25px}.visual .smarterhero .eyebrow{color:#c3d9e8}.visual .smarterhero .eyebrow>span{background:#ff9900}.visual .smarterhero .hero-subtitle{color:#ffffff;font-size:24px;line-height:1.25;margin-bottom:22px}.visual .smarterhero .lead{color:#c8d7e5;font-size:18px}.workflow-illustration{background:#103650;padding:26px 25px 10px;border:1px solid #52718c;transform:rotate(-2deg);border-radius:4px}.workflow-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#c3d9e8;margin-bottom:21px;gap:8px}.workflow-step{background:#f3f7fa;display:flex;gap:14px;padding:20px 15px;align-items:flex-start;border-left:3px solid #ff9900}.step-number{font-family:Georgia,serif;color:#2b6796;font-size:21px;line-height:1.2}.workflow-step small{font-size:8px;letter-spacing:.1em;color:#80583a;display:block;margin:0 0 8px}.visual .workflow-step h3{font-size:22px;margin:0 0 8px}.visual .workflow-step p{font-size:12px;margin:0;line-height:1.35}.step-mark{margin-left:auto;color:#80583a}.flow-connector{color:#ffb84d;margin:0 0 0 22px;line-height:23px;font-size:18px}.visual .workflow-caption{font-size:10px;color:#cad9e5;margin-top:18px;text-align:center}.visual section.design-scope{text-align:center;padding:60px 10%;background:#f2f5f9}.visual .design-scope .eyebrow{justify-content:center}.visual .design-scope h2{font-size:36px}.visual .design-scope>p:not(.eyebrow){max-width:780px;margin:0 auto;font-size:18px}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #d2dce6}.engagement{padding:31px 27px;display:flex;flex-direction:column;border-right:1px solid #d2dce6}.engagement:last-child{border-right:0}.visual .engagement-stage{font-size:10px;letter-spacing:.12em;color:#80583a;margin:0 0 19px}.visual .engagement h3{font-size:37px;margin:0 0 12px}.visual .engagement .format{font-size:12px;min-height:38px;color:#526376;margin-bottom:21px}.visual .engagement>p{font-size:17px;min-height:52px}.engagement-output{margin-top:10px;border-top:1px solid #d2dce6;padding-top:23px;flex:1}.engagement-output>span{font-size:9px;letter-spacing:.1em;color:#526376}.visual .engagement-output p{font-size:15px;margin-top:12px}.engagement>a{display:flex;justify-content:space-between;font-size:13px;gap:10px;border-bottom:1px solid #8b9eae;padding-bottom:10px;margin-top:22px}.scope-note{display:flex;gap:18px;margin-top:24px}.scope-note>span{font-size:23px;color:#80583a}.visual .scope-note p{font-size:12px;max-width:none;margin:0;line-height:1.5}.closing-crosslink{display:block;color:#c8d7e5;font-size:12px;margin-top:26px}.design-variant-note{font-size:11px;background:#eef3f8;color:#073763;padding:10px 6%;border-bottom:1px solid #d7e0e8}.visual .design-variant-note{display:none}
@media(prefers-reduced-motion:reduce){.offer-card{transition:none}#canvas{transition:none}}
@media(max-width:1000px){.visual nav{gap:16px;font-size:13px}.visual .brand{font-size:26px}.visual section.design-hero{gap:5%;padding-left:5%;padding-right:5%}.visual .hero-copy h1{font-size:62px}.hero-photo img{height:480px}.offer-card{padding:25px 20px}.visual .offer-card h3{font-size:29px}.engagement{padding:28px 20px}.visual .engagement h3{font-size:32px}.visual .smarterhero h1{font-size:67px}.workflow-illustration{padding:22px 17px 10px}.visual .workflow-step h3{font-size:19px}}
@media(max-width:700px){.visual header{padding:23px 6%}.visual nav{width:100%;gap:20px;font-size:12px}.visual .navcta{padding:9px 12px}.visual section{padding:48px 7%}.visual section.design-hero{grid-template-columns:1fr;padding:40px 7%;gap:36px}.visual .hero-copy h1{font-size:61px}.visual .hero-copy .lead{font-size:18px}.hero-photo{margin:0 0 10px 15px}.hero-photo img{height:410px;border-radius:100px 3px 3px 3px}.hero-photo figcaption{left:-15px;font-size:12px;padding:15px 18px}.visual main h2{font-size:34px}.section-intro{display:block}.section-intro>p{margin-top:18px;max-width:none}.offer-grid,.engagement-grid{grid-template-columns:1fr}.offer-card{padding:28px;display:grid;grid-template-columns:45px 1fr;column-gap:20px}.offer-symbol{grid-column:1;grid-row:1/4;margin:0}.card-kicker,.offer-card h3,.offer-card p,.offer-card a{grid-column:2}.visual .offer-card h3{font-size:30px}.offer-card h3 br{display:none}.offer-card a{margin-top:5px}.visual .offer-card p{font-size:16px}.visual section.design-experience{grid-template-columns:1fr;gap:25px}.visual .design-experience h2{font-size:35px}.visual section.design-more{grid-template-columns:1fr;padding:0 7% 45px}.product-story,.more-story{padding:30px}.more-story{border-left:1px solid #d7e0e8;border-top:0}.visual .design-more h2{font-size:30px}.visual .design-closing h2{font-size:36px}.visual footer{grid-template-columns:1fr 1fr;gap:24px;padding:35px 7%}.visual footer>div:first-child{grid-column:1/-1}.visual section.smarterhero{grid-template-columns:1fr;padding:43px 7% 48px;gap:40px}.visual .smarterhero h1{font-size:67px}.visual .smarterhero .hero-subtitle{font-size:23px}.workflow-illustration{max-width:450px;width:100%;margin:auto;transform:rotate(-1deg)}.visual .workflow-step h3{font-size:21px}.visual section.design-scope{padding:45px 7%}.visual .design-scope h2{font-size:32px}.visual .design-scope>p:not(.eyebrow){font-size:17px}.engagement{border-right:0;border-bottom:1px solid #d2dce6;padding:30px}.engagement:last-child{border:0}.visual .engagement .format,.visual .engagement>p{min-height:0}.visual .engagement h3{font-size:36px}}
/* The review toolbar’s mobile canvas uses the same narrow layout without changing the browser viewport. */
#canvas.mobile.visual header{padding:22px 7%}#canvas.mobile.visual nav{width:100%;gap:15px;font-size:12px}#canvas.mobile.visual section{padding:42px 7%}#canvas.mobile.visual section.design-hero{grid-template-columns:1fr;gap:34px}#canvas.mobile.visual .hero-copy h1{font-size:56px}#canvas.mobile.visual .hero-copy .lead{font-size:18px}#canvas.mobile.visual .hero-photo{margin-left:12px}#canvas.mobile.visual .hero-photo img{height:370px;border-radius:90px 3px 3px 3px}#canvas.mobile.visual .hero-photo figcaption{left:-12px;font-size:11px;max-width:300px;padding:15px}#canvas.mobile.visual .section-intro{display:block}#canvas.mobile.visual .section-intro>p{margin-top:15px}#canvas.mobile.visual .offer-grid,#canvas.mobile.visual .engagement-grid{grid-template-columns:1fr}#canvas.mobile.visual main h2{font-size:32px}#canvas.mobile.visual .offer-card{padding:27px}#canvas.mobile.visual section.design-experience,#canvas.mobile.visual section.design-more{grid-template-columns:1fr;gap:22px}#canvas.mobile.visual section.design-more{padding:0 7% 40px;gap:0}#canvas.mobile.visual .product-story,#canvas.mobile.visual .more-story{padding:27px}#canvas.mobile.visual .more-story{border-left:1px solid #d7e0e8;border-top:0}#canvas.mobile.visual .design-closing h2{font-size:35px}#canvas.mobile.visual footer{grid-template-columns:1fr 1fr;gap:20px}#canvas.mobile.visual footer>div:first-child{grid-column:1/-1}#canvas.mobile.visual section.smarterhero{grid-template-columns:1fr;gap:36px}#canvas.mobile.visual .workflow-illustration{padding:22px 15px 10px;transform:rotate(-1deg)}#canvas.mobile.visual .workflow-step{padding:18px 11px}#canvas.mobile.visual .workflow-step h3{font-size:20px}#canvas.mobile.visual .engagement{border-right:0;border-bottom:1px solid #d2dce6;padding:28px}#canvas.mobile.visual .engagement:last-child{border:0}#canvas.mobile.visual .engagement>p,#canvas.mobile.visual .engagement .format{min-height:0}

.visual .brand{position:relative}.visual .brand:after{position:absolute;right:-11px;top:5px;margin:0}

.review button:disabled{opacity:.5;cursor:default}
@media(max-width:400px){.visual .hero-copy h1{font-size:48px}.visual .smarterhero h1{font-size:58px}.visual .design-button{padding:15px 16px;gap:16px;font-size:14px}.visual .engagement{padding:25px}.visual .engagement h3{font-size:32px}}

/* Frame the supplied office photo around the foreground laptop. */
.visual .hero-photo img{object-position:50% 78%}
@media(max-width:700px){.visual .hero-photo img{object-position:50% 83%}}
#canvas.mobile.visual .hero-photo img{object-position:50% 83%}
