/* Shared restrained light treatment for the site's framed surfaces. */
.boutique :is(.button,.premium-action,.nav-cta,.premium-tabs button,.menu-toggle,.prototype-tabs button,.demo-button,.demo-month-grid button,.workflow-example span){transition:border-color .3s,box-shadow .3s,background-color .3s,transform .3s}.boutique :is(.button,.premium-action,.nav-cta,.premium-tabs button,.menu-toggle,.prototype-tabs button,.demo-button,.demo-month-grid button,.workflow-example span):is(:hover,:focus-visible){border-color:#a6cdef;box-shadow:inset 0 1px 0 #e7f5ff15,0 0 20px #6ab6ed2b}.boutique .work-jump-links .editorial-link:hover i,.boutique .editorial-link:hover i{box-shadow:0 0 20px #6ab6ed2b;border-color:#a6cdef}
.boutique :is(.premium-package,.work-visual,.work-browser,.feature-project-image,.web-art-sheet,.web-art-mini,.flow-focus,.flow-selector button,.application-list article,.prototype,.prototype-metrics>div,.prototype-line,.process,.investment-panel,.hero-browser,.phone,.project-dialog,.device-dialog,.demo-tour,.demo-inline-tip,.preview-form,.brief-review,.seo-capabilities article,.seo-hero-results,.work-results-board,.design-identity-board,.design-principle,.coverage-card,.person-portrait,.crm-demo,.demo-panel,.demo-stat,.demo-board-column,.demo-candidate-card,.demo-profile,.demo-lead,.demo-queue-record,.demo-project-header,.demo-mini-site,.demo-email,.demo-protection,.demo-detail){transition:border-color .35s,box-shadow .35s,background-color .35s,transform .4s}
.boutique :is(.premium-package,.work-visual,.work-browser,.feature-project-image,.web-art-sheet,.web-art-mini,.flow-focus,.flow-selector button,.application-list article,.prototype,.prototype-metrics>div,.prototype-line,.process,.investment-panel,.hero-browser,.phone,.project-dialog,.device-dialog,.demo-tour,.demo-inline-tip,.preview-form,.brief-review,.seo-capabilities article,.seo-hero-results,.work-results-board,.design-identity-board,.design-principle,.coverage-card,.person-portrait,.crm-demo,.demo-panel,.demo-stat,.demo-board-column,.demo-candidate-card,.demo-profile,.demo-lead,.demo-queue-record,.demo-project-header,.demo-mini-site,.demo-email,.demo-protection,.demo-detail):is(:hover,:focus-within){border-color:#8ebee7a6;box-shadow:inset 0 1px 0 #d4edff17,0 0 26px #509cd926,0 15px 35px #07132255}
.boutique .preview-form,.boutique .brief-review{border:1px solid #5272944a;border-radius:26px;padding:27px;background:#11243a44}.boutique .preview-form{min-width:0}.boutique .prototype-line{border-radius:12px;padding-inline:12px}.boutique .person-portrait:hover{box-shadow:0 0 32px #5fafe343,0 15px 35px #0005}.boutique .seo-hero-results{position:relative;align-self:center;padding:28px;border:1px solid #7399bc7d;border-radius:32px;background:radial-gradient(ellipse at 0 0,#2d536e68,transparent 65%),linear-gradient(145deg,#162e46,#0c1b2e);overflow:hidden}.seo-proof-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8eb3d5;font-size:7px;letter-spacing:.11em}.seo-proof-top>i{font-size:25px;font-weight:300;font-style:normal}.boutique .seo-hero-results h2{font-size:35px;line-height:1.1;margin:18px 0 20px;letter-spacing:-.04em}.seo-hero-results h2>span{color:#a5c0dd}.seo-proof-metric{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid #6087a94d;align-items:center}.seo-proof-metric>strong{font-size:45px;letter-spacing:-.065em;font-weight:300;color:#e3f0ff;line-height:1.1}.seo-proof-metric>strong>span{font-size:23px;vertical-align:top;display:inline-block;margin-top:4px;color:#8ebde1}.seo-proof-metric>.proof-page{font-size:36px;letter-spacing:-.04em}.proof-page em{font-family:Georgia,serif;font-weight:400;color:#b5d0e9}.seo-proof-metric h3{font-size:12px;line-height:1.6;font-weight:400;letter-spacing:0;color:#bed8ef;margin:0 0 6px}.seo-proof-metric p{font-size:10px;line-height:1.7;color:#829fc0;margin:0}.seo-proof-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #6087a94d;padding-top:18px}.seo-proof-footer p{font-size:9px;line-height:1.8;color:#85a1bf;max-width:190px;margin:0}.seo-proof-footer>.editorial-link{font-size:10px;gap:8px;white-space:nowrap}.seo-proof-footer>.editorial-link i{width:27px;height:27px}.design-story{padding-block:57px}.design-story-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 55px;align-items:end;margin-bottom:30px}.design-story-heading>.eyebrow{grid-column:1/-1;margin:0}.design-story-heading h2{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-.05em;margin:0}.design-story-heading h2>span{color:#98b3d4}.design-story-heading>p:last-child{font-size:15px;line-height:1.8;color:#9cb3cf;margin:0 0 4px;max-width:440px}.design-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.design-identity-board{position:relative;padding:24px;border:1px solid #668bad65;border-radius:29px;background:linear-gradient(140deg,#182d44,#0d1b2c);overflow:hidden;align-self:stretch}.design-identity-top{display:flex;justify-content:space-between;gap:20px;color:#7497bb;font-size:7px;letter-spacing:.1em;line-height:1.8;margin-bottom:18px}.design-identity-image{height:270px;position:relative;border:1px solid #78876a6b;border-radius:20px;overflow:hidden;background:#172024}.design-identity-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s}.design-identity-image>span{position:absolute;left:15px;bottom:15px;background:#061322ec;border:1px solid #94aaca4d;border-radius:25px;padding:9px 13px;color:#b8cde3;font-size:7px;letter-spacing:.05em}.design-identity-board:hover .design-identity-image>img{transform:scale(1.025)}.design-language{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:23px}.design-language>strong{font-family:Georgia,serif;font-size:42px;line-height:1;font-weight:400;letter-spacing:-.05em;color:#d9e8f7}.design-language>strong>span{font:9px Inter,Arial,sans-serif;display:block;color:#86a5c8;letter-spacing:0;margin-top:11px}.palette-title{font-size:7px;letter-spacing:.08em;color:#83a4c5}.design-palette{display:flex;gap:9px;margin-top:13px}.design-palette>i{width:33px;height:33px;border-radius:50%;display:block;border:1px solid #a4b7c640;background:#202422}.design-palette>i:nth-child(2){background:#d8b85e}.design-palette>i:nth-child(3){background:#e3dfcf}.design-identity-board>p{font-size:12px;line-height:1.8;color:#8ea8c6;margin:23px 0 0;padding-top:18px;border-top:1px solid #53708f4a;max-width:480px}.design-principles{display:flex;flex-direction:column;gap:16px}.design-principle{position:relative;display:grid;grid-template-columns:65px minmax(0,1fr);gap:23px;align-items:center;padding:24px;border:1px solid #6389b15c;border-radius:25px;background:linear-gradient(120deg,#1b334d99,#0d1c2e77);overflow:hidden;flex:1}.principle-glyph,.coverage-glyph{width:65px;height:65px;border:1px solid #668aab65;border-radius:18px;background:#203e5877;display:grid;place-items:center;color:#86b2d5}.principle-glyph svg,.coverage-glyph svg{width:58px;height:58px}.identity-glyph>strong{display:block;font:29px Georgia,serif;color:#c0d8ef}.identity-glyph>span{display:flex;gap:4px;margin-top:7px}.identity-glyph i{display:block;width:8px;height:8px;border-radius:50%;background:#9abfe3}.identity-glyph i:nth-child(2){background:#d2c391}.identity-glyph i:nth-child(3){background:#52799b}.surface-kicker{display:block;font-size:7px;letter-spacing:.11em;color:#799bc2;margin-bottom:12px}.design-principle h3{font-size:24px;font-weight:350;letter-spacing:-.03em;line-height:1.2;color:#d8e8f8;margin:0 0 12px}.design-principle p{font-size:13px;line-height:1.8;color:#8eabc9;margin:0}.boutique .delivery-grid{gap:20px}.boutique .coverage-card{position:relative;padding:26px;border:1px solid #6389b15c;border-radius:27px;background:linear-gradient(135deg,#1b334db0,#0b1a2d77);overflow:hidden;display:flex;flex-direction:column}.coverage-top{display:flex;justify-content:space-between;gap:20px;color:#769cc2;font-size:7px;letter-spacing:.1em;line-height:1.7;margin-bottom:24px}.coverage-top>span:first-child{font-size:11px;color:#acd1ee}.coverage-glyph{margin-bottom:24px;width:57px;height:57px;border-radius:16px}.coverage-glyph svg{width:50px;height:50px}.boutique .coverage-card h3{font-size:25px;font-weight:350;margin:0 0 15px;line-height:1.2;letter-spacing:-.025em;color:#d1e3f5}.boutique .coverage-card p{font-size:14px;line-height:1.85;color:#91accb;margin:0}.design-principle::after,.coverage-card::after,.seo-hero-results::after,.work-results-board::after,.design-identity-board::after{content:'';position:absolute;inset:-50% -70%;pointer-events:none;background:linear-gradient(115deg,transparent 44%,#c4eaff10 49%,#d7efff19 50%,transparent 56%);transform:translateX(-65%);opacity:0;transition:transform .9s,opacity .3s}.design-principle:hover::after,.coverage-card:hover::after,.seo-hero-results:hover::after,.work-results-board:hover::after,.design-identity-board:hover::after{transform:translateX(65%);opacity:1}.work-results-board{position:relative}
@media(max-width:1100px){.seo-proof-metric{grid-template-columns:1fr;gap:7px;padding:16px 0}.seo-proof-metric>strong{font-size:42px}.seo-proof-metric>.proof-page{font-size:36px}.seo-proof-footer{display:block}.seo-proof-footer>.editorial-link{margin-top:12px}.design-story-layout{gap:18px}.design-principle{padding:21px;grid-template-columns:48px minmax(0,1fr);gap:16px}.principle-glyph{width:48px;height:48px;border-radius:14px}.principle-glyph svg{width:44px;height:44px}.design-principle h3{font-size:22px}.design-principle p{font-size:12px}.design-identity-image{height:260px}.design-identity-top>span:last-child{display:none}.boutique .coverage-card{padding:23px}.boutique .coverage-card h3{font-size:23px}}
@media(max-width:760px){.design-story{padding-block:42px}.design-story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.design-story-heading h2{font-size:37px}.design-story-heading>p:last-child{font-size:14px}.design-story-layout{grid-template-columns:1fr;gap:18px}.design-identity-board{padding:22px;border-radius:24px}.design-identity-image{height:255px}.design-principle{padding:23px 20px;border-radius:23px;grid-template-columns:48px minmax(0,1fr);gap:17px}.design-principle h3{font-size:23px}.design-principle p{font-size:13px}.boutique .seo-hero-results{padding:25px;border-radius:27px}.seo-proof-metric{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:16px;padding:21px 0}.seo-proof-metric>strong{font-size:39px}.seo-proof-metric>.proof-page{font-size:33px}.seo-proof-metric h3{font-size:11px}.seo-proof-metric p{font-size:9px}.seo-proof-footer{display:flex;gap:15px}.seo-proof-footer>.editorial-link{margin-top:0;font-size:9px}.seo-proof-footer p{font-size:8px;max-width:150px}.boutique .coverage-card{padding:25px;border-radius:24px}.boutique .coverage-card h3{font-size:25px}.boutique .preview-form,.boutique .brief-review{padding:23px}.design-language>strong{font-size:39px}}
@media(prefers-reduced-motion:reduce){.boutique :is(.premium-package,.work-visual,.work-browser,.feature-project-image,.web-art-sheet,.web-art-mini,.flow-focus,.flow-selector button,.application-list article,.prototype,.prototype-metrics>div,.prototype-line,.process,.investment-panel,.hero-browser,.phone,.project-dialog,.device-dialog,.demo-tour,.demo-inline-tip,.preview-form,.brief-review,.seo-capabilities article,.seo-hero-results,.work-results-board,.design-identity-board,.design-principle,.coverage-card,.person-portrait,.crm-demo,.demo-panel,.demo-stat,.demo-board-column,.demo-candidate-card,.demo-profile,.demo-lead,.demo-queue-record,.demo-project-header,.demo-mini-site,.demo-email,.demo-protection,.demo-detail){transition:none}.design-principle::after,.coverage-card::after,.seo-hero-results::after,.work-results-board::after,.design-identity-board::after{display:none}.design-identity-image>img{transition:none}}