*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff6ef;color:#42183f;font:18px/1.6 Arial,sans-serif;overflow-wrap:break-word}img{display:block;max-width:100%;height:auto}svg{display:block;flex-shrink:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.18;text-wrap:balance}h1{font-size:clamp(40px,4.8vw,72px);margin:25px 0 36px}h2{font-size:clamp(34px,3.5vw,52px);margin:0 0 28px}h3{font-size:21px;line-height:1.35;margin:0 0 20px}p{margin:0 0 24px;color:#605363}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}:focus-visible{outline:3px solid #d2686e;outline-offset:5px}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}.section-grid>*{min-width:0}.section-copy p:not(.eyebrow),.benefit-card p,.decision p:not(.eyebrow),.contact-copy p:not(.eyebrow),.usability p:not(.eyebrow),.work-details p{text-align:justify;hyphens:auto}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.025em;color:#42183f;margin:0 0 32px;line-height:1.5}.icon{width:44px;height:44px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:14px 24px;background:#42183f;color:#fff6ef;border:0;border-radius:32px;font-weight:700;font-size:16px;line-height:1.4;text-decoration:none;text-align:center;white-space:normal;cursor:pointer}.button:hover{background:#62315b;text-decoration:none}.button:disabled{opacity:.65;cursor:wait}.button.peach{background:#fac3c3;color:#42183f}.button.peach:hover{background:#f8acaf}.small-button{font-size:14px;padding:12px 20px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:110px;border-bottom:1px solid #e1c9cc}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-weight:700;font-size:21px;text-decoration:none}.brand img{width:46px;height:46px}.main-nav{display:flex;align-items:center;gap:24px;font-size:15px}.main-nav>a:not(.button){text-decoration:none}.main-nav>a:hover{color:#945372}.menu-toggle{background:#42183f;color:#fff6ef;border:0;border-radius:24px;min-height:44px;padding:10px 16px;font-size:16px;cursor:pointer}.menu-toggle[hidden]{display:none}@media(min-width:761px){.js .menu-toggle{display:none}}
.hero{padding-block:55px 35px}.hero p:not(.eyebrow){max-width:616px}.hero-mobile .section-grid{align-items:center}.hero-mobile .button{margin-top:20px}.hero-mobile .hero-image img{aspect-ratio:6/7;object-fit:cover;object-position:68% 50%}.hero-summary{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:50px}.hero-summary p{flex:1;margin:0}.hero-summary .button{flex-shrink:0}.hero-wide .hero-image img{aspect-ratio:12/5;object-fit:cover;object-position:center 22%}.photo{margin:0;position:relative}.photo img{width:100%;border-radius:20px}.photo figcaption{font-size:12px;color:#605363;line-height:1.4;padding-top:8px;margin:0}.service-section .photo img{aspect-ratio:6/5;object-fit:cover;object-position:center 20%}
.experience{padding-block:24px 35px}.experience-inner{display:flex;align-items:center;gap:40px;background:#f8dfe1;padding:20px 32px;border-radius:20px}.experience-number{font-family:Georgia,serif;font-size:60px;line-height:1.1}.experience p{font-size:21px;color:#42183f;margin:0;flex:1}.experience .icon{width:52px;height:52px}.service-section{padding-block:72px;margin-block:0 60px}.tint-section{background:#f8dfe1}.dark-section{background:#42183f;color:#fff6ef}.dark-section p{color:#f4d9df}.dark-section .eyebrow,.dark-section .icon{color:#fac3c3}.benefit-grid{display:grid;gap:32px;margin-top:60px;align-items:stretch}.benefit-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-card{min-width:0;background:#fffdf9;border:1px solid #e1c9cc;border-radius:18px;padding:28px}.benefit-card>.icon{margin-bottom:38px}.benefit-card p{font-size:18px;margin:0}.benefit-card h3{min-height:2.7em}.dark-section .benefit-card{background:#5b2a55;border-color:#5b2a55}.task-symbols{display:flex;justify-content:center;align-items:center;gap:35px;padding-top:70px}.task-symbols .icon{width:68px;height:68px}.dark-intro .section-copy{max-width:720px}.center-title{text-align:center;margin-bottom:65px}
.phone-pair{display:flex;justify-content:center;gap:34px;background:#f8dfe1;border-radius:24px;padding:30px;min-width:0}.phone-option{min-width:0;flex:1;max-width:180px}.phone-option p{margin:18px 0 0;text-align:center;font-size:21px;font-weight:700;color:#42183f}.phone-drawing{border:1.5px solid #42183f;border-radius:26px;padding:15px 22px 22px;min-height:280px;background:#fff6ef}.phone-drawing .speaker{height:3px;width:40%;background:currentColor;margin:0 auto 42px}.phone-drawing .icon{margin:0 auto 32px}.dummy-line{height:12px;background:#d9c2d4;border-radius:5px;margin-bottom:15px}.dummy-line.short{width:80%;height:7px}.dummy-action{height:34px;background:#fac3c3;border-radius:12px;margin-top:24px}.dark-phone{background:#42183f;color:#fff6ef;border-color:#fff6ef}.dark-phone .dummy-line{background:#795175}
.browser-illustration{background:#f8dfe1;padding:26px;border-radius:24px}.browser-frame{border:1px solid #e1c9cc;border-radius:16px;background:#fffdf9;overflow:hidden}.browser-bar{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid #e1c9cc}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#e4b5b9}.browser-bar i:first-child{background:#42183f}.browser-body{padding:26px}.visual-label{font-size:17px;font-weight:700;color:#42183f;margin-bottom:30px}.workspace-row{display:flex;align-items:center;gap:16px;margin:24px 0;font-size:20px;font-weight:700}.workspace-row .icon{width:30px;height:30px}.workspace-row .icon:last-child{margin-left:auto;width:24px;height:24px}.visual-title{font-family:Georgia,serif;font-size:28px;display:flex;align-items:center;gap:16px;color:#42183f}.visual-title .icon{width:32px;height:32px}.browser-body p:last-child{margin-bottom:0}
.invitation{margin-block:0 60px}.invitation-inner{display:flex;gap:28px;align-items:center;padding:35px;background:#f8dfe1;border-radius:20px}.invitation h2{font-size:34px;margin:0;flex:1}.invitation .icon{width:50px;height:50px}.work-mobile,.work-web{padding-block:75px;margin-bottom:65px;scroll-margin-top:30px}.work-mobile .section-grid{align-items:center}.work-mobile h2{font-size:clamp(38px,4vw,58px)}.work-mobile h3{margin-top:30px}.work-mobile .button{margin-top:20px}.product-figure{margin:0;display:flex;flex-direction:column;align-items:center}.product-figure img{width:min(100%,560px);height:auto}.product-figure figcaption{font-size:16px;text-align:center;padding-top:25px;color:#f4d9df}.resume-gallery{display:grid;grid-template-columns:minmax(0,3.6fr) minmax(0,1fr);gap:45px;align-items:start;margin-block:45px 65px}.app-frame,.document-preview{margin:0;min-width:0}.app-frame{background:#42183f;border-radius:18px;padding:18px}.app-frame figcaption{color:#fff6ef;font-size:16px;padding-bottom:18px}.app-frame img{width:100%;height:auto;border-radius:6px}.document-preview img{width:100%;height:auto;border-radius:4px}.document-preview figcaption{font-weight:700;font-size:18px;line-height:1.4;margin-top:18px}.work-details .button{margin-top:24px}.work-details h3{font-size:23px}
.decision,.usability{margin-bottom:65px}.decision-inner,.usability-inner{background:#f8dfe1;padding:45px;border-radius:24px}.decision .eyebrow{margin-bottom:24px}.decision-icon .icon{margin-bottom:26px}.decision p{margin-top:12px}.usability-inner{gap:55px}.usability .photo img{aspect-ratio:6/5;object-fit:cover;object-position:center 25%}.usability-point{display:flex;align-items:center;gap:18px;margin-top:30px;color:#42183f}.usability-point .icon{width:42px;height:42px}.photo-invitation{background:#f8dfe1;margin-bottom:65px}.photo-invitation .wrap{width:min(1440px,100%)}.photo-invitation .section-grid{align-items:stretch;gap:0}.photo-invitation .photo img{border-radius:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.photo-invitation .photo figcaption{position:absolute;bottom:10px;left:16px;background:#fff6efdd;padding:5px 8px;border-radius:4px}.invitation-copy{padding:45px;align-self:center}.invitation-copy h2{font-size:clamp(34px,3.2vw,46px)}
.contact-section{background:#f8dfe1;padding-block:65px;scroll-margin-top:25px}.contact-copy{background:#42183f;color:#fff6ef;padding:40px;border-radius:24px;height:100%}.contact-copy p{color:#f4d9df}.contact-copy .eyebrow{color:#fac3c3}.form-card{background:#fffdf9;padding:35px;border-radius:24px}.form-card label{display:block;font-size:18px;font-weight:700;margin:0 0 10px}.form-card input,.form-card textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid #d8b7c1;background:#fff;color:#42183f;border-radius:10px;font-size:18px;margin-bottom:24px;line-height:1.5}.form-card textarea{resize:vertical;min-height:130px}.form-card input::placeholder{font-size:17px;color:#796774}.form-card .field-hint{font-size:15px;margin-top:-15px;margin-bottom:24px}.form-status{margin:22px 0 0;padding:14px;border-radius:10px;background:#f8dfe1;overflow-wrap:anywhere}.form-status[data-state="success"]{color:#234c31;background:#e3f1e6}.form-status[data-state="error"]{color:#7a1e35;background:#fde9ed}.form-status[hidden]{display:none}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-footer{background:#42183f;color:#fff6ef;padding-block:45px 20px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.3fr;gap:50px}.footer-grid>*{min-width:0}.footer-brand{font-size:26px;font-weight:700;text-decoration:none}.site-footer p{color:#f4d9df;font-size:16px;margin-top:20px}.site-footer nav h2{font:700 18px Arial,sans-serif;margin-bottom:18px}.site-footer nav a{display:block;margin:8px 0;text-decoration:none;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #795175;margin-top:35px;padding-top:14px;font-size:15px}.footer-bottom p{margin:0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;background:#fff6ef;color:#42183f;padding:12px 20px;z-index:10}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{gap:14px;font-size:14px}.brand{font-size:19px}.brand img{width:40px;height:40px}.site-header{gap:20px}.small-button{font-size:13px;padding:12px 16px}.benefit-grid{gap:22px}.benefit-card{padding:22px}.benefit-grid.three p{font-size:17px}.section-grid{gap:32px}.decision-inner,.usability-inner{padding:32px}.phone-pair{padding:22px;gap:22px}.phone-drawing{padding:15px 16px 22px}.task-symbols{gap:20px}.hero-summary{gap:35px}}
@media(max-width:900px) and (min-width:761px){.main-nav{gap:10px;font-size:12px}.small-button{font-size:12px;padding:12px}.brand{font-size:17px}.brand img{width:36px;height:36px}.section-grid{gap:26px}.benefit-grid.three{grid-template-columns:1fr}.benefit-card h3{min-height:0}.phone-pair{gap:14px;padding:18px}.phone-drawing{padding-inline:12px}.task-symbols .icon{width:50px;height:50px}}
@media(max-width:760px){html{scroll-behavior:auto}.wrap{width:calc(100% - 40px)}.site-header{min-height:84px;flex-wrap:wrap;gap:12px;padding-block:16px}.brand{font-size:18px;gap:8px}.brand img{width:38px;height:38px}.main-nav{width:100%;flex-wrap:wrap;gap:14px;padding-top:16px;font-size:16px}.js .main-nav{display:none}.js .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.main-nav a{padding:10px 0}.main-nav .button{padding:14px}.section-grid{grid-template-columns:1fr;gap:32px}h1{font-size:clamp(38px,9vw,52px);margin-bottom:28px}h2{font-size:clamp(32px,7.5vw,42px)}h3{font-size:21px}.eyebrow{font-size:13px;margin-bottom:24px}.hero{padding-block:35px 20px}.hero-mobile .hero-image img,.hero-wide .hero-image img,.service-section .photo img,.usability .photo img{aspect-ratio:auto;height:auto;object-fit:contain}.hero-summary{display:block;margin-bottom:30px}.hero-summary .button{margin-top:24px}.hero-wide h1 br{display:none}.photo img{border-radius:16px}.experience{padding-block:20px 28px}.experience-inner{padding:22px;gap:20px;flex-wrap:wrap}.experience-number{font-size:48px}.experience p{font-size:18px;flex:1;min-width:145px}.experience .icon{display:none}.service-section{padding-block:45px;margin-bottom:35px}.benefit-grid.two,.benefit-grid.three{grid-template-columns:1fr;margin-top:35px;gap:20px}.benefit-card{padding:26px}.benefit-card h3{min-height:0}.benefit-card>.icon{margin-bottom:24px}.benefit-grid.three p,.benefit-card p{font-size:18px}.task-symbols{padding-top:0;justify-content:flex-start}.task-symbols .icon{width:48px;height:48px}.section-copy p:not(.eyebrow),.benefit-card p,.decision p:not(.eyebrow),.contact-copy p:not(.eyebrow),.usability p:not(.eyebrow),.work-details p{text-align:left;hyphens:none}.center-title{text-align:left;margin-bottom:30px}.phone-pair{padding:24px;gap:25px}.phone-drawing{min-height:260px;padding:15px 18px 22px}.phone-option p{font-size:19px}.browser-illustration{padding:18px}.browser-body{padding:22px}.visual-label{font-size:16px}.workspace-row{font-size:18px;gap:12px}.visual-title{font-size:25px}.invitation{margin-bottom:35px}.invitation-inner{flex-wrap:wrap;gap:16px;padding:25px}.invitation h2{font-size:28px;flex-basis:calc(100% - 65px)}.invitation .icon{width:38px;height:38px}.invitation .button{margin-top:8px}.work-mobile,.work-web{padding-block:45px;margin-bottom:35px}.work-mobile h2{font-size:40px}.resume-gallery{grid-template-columns:1fr;gap:28px;margin-block:32px 40px}.document-preview{max-width:210px}.app-frame{padding:12px}.app-frame figcaption{font-size:14px;padding-bottom:12px}.document-preview figcaption{font-size:17px}.decision,.usability{margin-bottom:35px}.decision-inner,.usability-inner{padding:26px;border-radius:20px}.decision p{margin:0}.decision-icon .icon{margin-bottom:22px}.usability-point{font-size:18px;gap:14px}.usability-point .icon{width:34px;height:34px}.photo-invitation{margin-bottom:35px}.photo-invitation .photo img{height:auto;object-fit:contain}.invitation-copy{padding:30px 20px}.contact-section{padding-block:35px}.contact-copy,.form-card{padding:26px;border-radius:20px}.contact-copy h2{font-size:38px}.footer-grid{grid-template-columns:1fr;gap:30px}.site-footer{padding-block:35px 25px}.site-footer nav h2{font-size:19px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:15px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:16px}.brand img{width:34px;height:34px}.menu-toggle{font-size:14px;padding:10px 12px}.phone-pair{padding:16px;gap:18px}.phone-drawing{padding-inline:12px}.contact-copy,.form-card{padding:22px}.browser-body{padding:18px}.workspace-row{font-size:16px}.experience-inner{gap:15px;padding:20px}.experience p{font-size:17px}.experience-number{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}