@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#232320;--paper:#f8f8f2;--line:#d5d5cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6955d9;outline-offset:5px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.logo{width:120px;display:block}nav{display:flex;align-items:center;gap:38px;font-size:0.875rem}.nav-link{border-bottom:1px solid transparent;padding:6px 0}.nav-link:hover{border-color:var(--ink)}.pill{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:100px;padding:19px 25px;display:inline-flex;align-items:center;gap:35px;font-size:0.9375rem;transition:transform .25s,background .25s;white-space:nowrap}.pill span{font-size:1.375rem;transition:transform .25s}.pill:hover{background:#404039;transform:translateY(-3px)}.pill:hover span{transform:translate(3px,-3px)}.pill.small{padding:13px 20px;gap:22px}.hero{margin:0 20px;min-height:710px;position:relative;overflow:hidden;border-radius:12px;background:#eee7dc}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.07);animation:drift 18s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,242,231,.9),rgba(247,238,221,.63) 47%,transparent 78%)}.hero-content{position:relative;z-index:1;padding:51px 4.5% 48px}.eyebrow{font-size:0.75rem;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 30px}.asterisk{font-size:1.75rem;line-height:1}h1{font-size:clamp(56px,6.5vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.025;margin:0 0 40px}h1>span{color:#464138}h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0}em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:flex;align-items:end;gap:65px}.hero-bottom p{font-size:1.0625rem;line-height:1.55;margin:0}.hero-note{position:absolute;z-index:1;right:28px;bottom:32px;writing-mode:vertical-rl;font-size:0.625rem;letter-spacing:2px}.section{padding:100px 5.5%}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;margin-bottom:48px}.section-intro .eyebrow{grid-column:1/-1;margin-bottom:23px}.intro-copy{font-size:1.0625rem;line-height:1.6;justify-self:end;margin:0 0 4px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.services article{display:flex;gap:28px;border-top:1px solid var(--line);padding:27px 0}.num{font-size:0.75rem;padding-top:7px;color:#68685e}.services h3{font-size:1.4375rem;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.services p{font-size:1.0rem;line-height:1.6;color:#64645b;max-width:370px;margin:0}.services strong{font-weight:600;color:var(--ink)}.playground{background:#eaeae2;padding:23px;border-radius:14px;align-self:start;transition:background .4s}.play-top,.play-bottom{display:flex;justify-content:space-between;gap:8px;font-size:0.625rem;letter-spacing:1px}.live-label{letter-spacing:0;font-size:0.75rem}.sample-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;margin:22px 0}.sample-brand{border-radius:9px;background:var(--accent);padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:background .4s}.sample-brand img{width:100%;height:120px;object-fit:contain;transition:transform .5s}.sample-brand:hover img{transform:rotate(-8deg) scale(1.05)}.sample-brand>span{font-size:1.25rem;line-height:1.08;letter-spacing:-.6px;margin-top:15px}.sample-ui{background:#fff;border-radius:9px;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.avatar{font-size:1.375rem;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);transition:background .4s}.sample-title{font-size:0.9375rem;font-weight:600;margin-top:6px}.sample-sub{font-size:0.75rem;color:#666}.sample-button{background:var(--accent);border:0;padding:12px 9px;border-radius:7px;font-size:0.75rem;margin:8px 0;display:flex;justify-content:space-between;transition:background .4s,transform .2s}.sample-button:active{transform:scale(.94)}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:0.6875rem;gap:6px}.switch{padding:3px;border:0;width:32px;min-width:32px;height:20px;border-radius:20px;background:var(--ink)}.switch span{display:block;height:14px;width:14px;border-radius:50%;background:var(--accent);transform:translateX(12px);transition:transform .25s}.switch[aria-checked=false]{background:#aaa}.switch[aria-checked=false] span{transform:translateX(0)}.type-tile{font-size:3.375rem;letter-spacing:-4px;padding:10px 20px;background:#deded4;border-radius:8px;line-height:1.2}.type-tile span{display:block;font-size:0.6875rem;letter-spacing:0;margin-top:4px}.colors{background:#deded4;border-radius:8px;padding:18px 15px}.colors>span{font-size:0.5625rem;letter-spacing:1px}.swatches{display:flex;gap:7px;margin-top:15px}.swatches button{border:0;background:var(--swatch);width:30px;height:30px;border-radius:50%;transition:transform .2s}.swatches button:hover{transform:translateY(-3px)}.swatches button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:3px}.play-bottom{letter-spacing:0;font-size:0.6875rem;align-items:center}.play-bottom>span:last-child{font-size:1.25rem}.contact{background:#ebede3;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;position:relative;padding-top:75px;padding-bottom:65px}.contact h2{font-size:clamp(54px,6vw,85px)}.contact-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.6;margin-top:25px}.contact-pattern{width:105px;height:75px;object-fit:contain;margin-top:20px}form{padding-top:10px}form>label,.form-row>label{display:block;font-size:0.875rem}label>span:not(.optional){color:#6c6c61}.optional{font-size:0.75rem;color:#73736b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input:not([type=checkbox]),textarea{display:block;width:100%;border:0;background:transparent;border-bottom:1px solid #b7baac;border-radius:0;padding:16px 0;color:var(--ink);font-size:0.875rem;outline:none;transition:border-color .2s;margin-bottom:30px}input:focus,textarea:focus{border-color:#25251f}textarea{resize:vertical;min-height:100px}fieldset{border:0;padding:0;margin:0 0 28px}legend{font-size:0.875rem;padding:0;margin-bottom:14px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.choices span{display:block;font-size:0.75rem;border:1px solid #b7baac;border-radius:50px;padding:10px 15px;transition:all .2s}.choices input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.choices input:focus-visible+span{outline:3px solid #6955d9;outline-offset:2px}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.submit-row>span{font-size:0.75rem;color:#66685e}#form-status{font-size:0.875rem;line-height:1.5;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;padding:34px 5.5%;gap:24px}footer img{width:94px}footer span,footer a{font-size:0.75rem}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes drift{to{transform:scale(1.14) translate(-1%,1%)}}@media(min-width:1550px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.hero{min-height:680px}.hero-bottom{gap:25px}.design-grid{gap:4%}.section{padding:70px 5%}.sample-grid{gap:8px}.playground{padding:15px}.sample-ui{padding:14px 10px}.swatches{gap:6px}.swatches button{width:25px;height:25px}.contact{gap:6%}.submit-row{align-items:start;flex-direction:column}.section-intro{gap:20px}.intro-copy{font-size:0.9375rem}}@media(max-width:640px){header{height:88px;padding:0 22px}.logo{width:92px}.nav-link{display:none}.pill.small{font-size:0.75rem;padding:11px 14px;gap:14px}.hero{margin:0 10px;min-height:640px}.hero-content{padding:35px 22px}.hero:after{background:linear-gradient(90deg,rgba(248,242,231,.92),rgba(247,238,221,.55) 72%,rgba(247,238,221,.2))}h1{font-size:clamp(43px,10.8vw,68px);letter-spacing:-.06em;margin:30px 0}.hero-bottom{display:block}.hero-bottom p{font-size:0.9375rem;margin-bottom:25px}.hero-note{display:none}.eyebrow{font-size:0.625rem;letter-spacing:1.3px}.section{padding:56px 24px}.section-intro{display:block;margin-bottom:30px}.intro-copy{margin:22px 0 0}.design-grid{grid-template-columns:1fr;gap:24px}.services article{padding:22px 0;gap:20px}.services h3{font-size:1.375rem}.services p{font-size:0.9375rem}.playground{padding:20px}.sample-ui{padding:20px 13px}.contact{grid-template-columns:1fr;gap:30px}.contact-pattern{display:none}.contact h2{font-size:3.875rem}.form-row{grid-template-columns:1fr;gap:0}.submit-row{flex-direction:row;align-items:center}.submit-row>span{max-width:110px;line-height:1.5}.pill{padding:16px 19px;gap:20px;font-size:0.875rem}footer{flex-wrap:wrap;padding:28px 24px}footer span{max-width:155px}footer a{width:100%}.colors{padding:18px 12px}.swatches button{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

.hero-bg{animation:none;transform:none}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.motion-toggle{position:absolute;right:24px;bottom:24px;z-index:2;border:1px solid rgba(35,35,32,.25);border-radius:30px;background:rgba(248,248,242,.88);color:var(--ink);padding:10px 16px;font-size:0.75rem;backdrop-filter:blur(10px)}.motion-toggle:hover{background:#fff}.hero-note{bottom:90px}@media(max-width:640px){.motion-toggle{right:18px;bottom:16px}}

.ux-section{background:#242520;color:#f8f8f2}.ux-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 8%;align-items:end}.ux-heading .eyebrow{grid-column:1/-1;color:#d5f578;margin-bottom:24px}.ux-heading>p:last-child{font-size:1.0625rem;line-height:1.65;color:#c4c6ba;max-width:435px;margin:0}.ux-heading em{color:#d5f578}.ux-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:55px 0 0;gap:28px}.ux-steps li{border-top:1px solid #626456;padding-top:23px;transition:border-color .3s,transform .4s,opacity .7s}.ux-steps li:hover{border-color:#d5f578}.ux-number{font-size:0.875rem;color:#d5f578;display:block;margin-bottom:26px}.ux-steps h3{font-size:1.4375rem;font-weight:500;letter-spacing:-.7px;margin:0 0 14px}.ux-steps p{font-size:1.0rem;color:#c4c6ba;line-height:1.65;margin:0 0 24px}.ux-output{font-size:0.75rem;display:inline-block;border:1px solid #626456;padding:8px 12px;border-radius:25px}.ux-closing{border-top:1px solid #626456;margin-top:45px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:35px}.ux-closing>span{font-size:1.0rem;white-space:nowrap}.ux-closing p{font-size:0.875rem;line-height:1.6;color:#c4c6ba;max-width:435px;margin:0}@media(max-width:900px){.ux-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ux-heading{gap:25px}.ux-heading>p:last-child{font-size:1.0rem}.ux-closing>span{white-space:normal}}@media(max-width:640px){.ux-heading{grid-template-columns:1fr;gap:22px}.ux-heading .eyebrow{margin:0}.ux-steps{grid-template-columns:1fr;margin-top:35px;gap:28px}.ux-number{margin-bottom:16px}.ux-steps p{margin-bottom:16px}.ux-closing{display:block;margin-top:35px}.ux-closing p{margin-top:14px}}

header nav{gap:20px;flex-wrap:wrap;justify-content:flex-end}.header-tool{background:transparent;border:1px solid #b7baac;border-radius:50%;width:44px;height:44px;min-width:44px;display:grid;place-items:center;color:var(--ink);font-size:.875rem;font-weight:600;padding:0}.header-tool:hover{background:#e5e8db}.access-toggle{order:2}.language-toggle{order:3}header .small{order:4}#access-panel{position:fixed;inset:20px 20px auto auto;margin:0;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #d5d5cb;border-radius:20px;background:#fff;color:#232320;box-shadow:0 20px 80px #0003;font-size:1rem}#access-panel::backdrop{background:#17181240}.access-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.access-head h2{font-size:1.2rem;letter-spacing:-.02em}.access-close{width:40px;height:40px;border:0;border-radius:50%;background:#f2f3ed;font-size:1.6rem}.text-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.text-heading output{color:#405214;font-weight:600}.text-controls{display:flex;background:#f4f5f0;border-radius:50px;overflow:hidden}.text-controls button{width:50%;padding:15px;border:0;background:transparent;color:inherit;font-size:1.4rem}.text-controls button+button{border-left:1px solid white;font-size:1.8rem}.text-controls button:disabled{opacity:.35;cursor:default}.size-dots{display:flex;justify-content:center;gap:15px;margin:22px 0}.size-dots i{width:8px;height:8px;border-radius:50%;background:#dadcd4}.size-dots i.active{background:#405214}.access-options{display:grid;gap:4px}.access-options button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:14px 10px;border-radius:10px;font-size:1rem;line-height:1.4}.access-options button:hover{background:#f4f5f0}.access-options button[aria-pressed=true]{background:#e9f2d4}.access-options button>span:first-child{width:24px;min-width:24px;font-size:1.4rem}.access-check{margin-left:auto;visibility:hidden}.access-options [aria-pressed=true] .access-check{visibility:visible}.access-shortcuts{border-top:1px solid #d5d5cb;margin-top:15px;padding-top:20px}.access-shortcuts summary{cursor:pointer}.access-shortcuts p{font-size:.875rem;line-height:2}kbd{font-family:inherit;background:#eef0e7;padding:2px 5px;border-radius:4px}.a11y-links a{text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:5px!important}.a11y-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.a11y-motion .reveal{opacity:1!important;transform:none!important}.a11y-contrast header,.a11y-contrast section,.a11y-contrast footer,.a11y-contrast .playground,.a11y-contrast .sample-grid>div,.a11y-contrast #access-panel{background:#000!important;color:#fff!important}.a11y-contrast p,.a11y-contrast h1,.a11y-contrast h1 span,.a11y-contrast h2,.a11y-contrast h3,.a11y-contrast label,.a11y-contrast legend,.a11y-contrast .eyebrow,.a11y-contrast .num,.a11y-contrast .sample-sub,.a11y-contrast .submit-row>span,.a11y-contrast #access-panel output{color:#fff!important}.a11y-contrast .hero-bg,.a11y-contrast .hero-video,.a11y-contrast .hero:after{visibility:hidden}.a11y-contrast input,.a11y-contrast textarea{color:#fff!important;border-color:#fff!important}.a11y-contrast input::placeholder,.a11y-contrast textarea::placeholder{color:#ddd!important}.a11y-contrast a,.a11y-contrast em{color:#f1ff80!important}.a11y-contrast button,.a11y-contrast .pill,.a11y-contrast .choices span{background:#000!important;color:#fff!important;border:1px solid #fff!important}.a11y-contrast [aria-pressed=true],.a11y-contrast .choices input:checked+span{background:#fff!important;color:#000!important}.a11y-contrast header img,.a11y-contrast footer img{filter:invert(1)}.a11y-contrast .size-dots i.active{background:#fff}.a11y-contrast kbd{background:#333}.a11y-contrast .hero-note{color:#fff}.a11y-contrast .type-tile span,.a11y-contrast .sample-title{color:#fff}.a11y-contrast .swatches button{background:var(--swatch)!important}header{height:auto;min-height:112px;padding-top:20px;padding-bottom:20px}body.large-text .design-grid,body.large-text .contact,body.large-text .section-intro,body.large-text .ux-heading{grid-template-columns:1fr}body.large-text .intro-copy{justify-self:start}body.large-text .hero-bottom,body.large-text .submit-row{flex-wrap:wrap}body.large-text .sample-grid{grid-template-columns:1fr 1fr}body.large-text .ux-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.large-text .ux-closing{flex-wrap:wrap}body.large-text .ux-closing>span{white-space:normal}@media(max-width:640px){header{padding:16px 20px;gap:15px;flex-wrap:wrap;min-height:88px}header nav{gap:8px}header .pill.small{font-size:.75rem;padding:10px 12px}header .pill.small span{display:none}.header-tool{width:40px;height:40px;min-width:40px}.logo{width:80px}body.large-text .sample-grid,body.large-text .ux-steps{grid-template-columns:1fr}#access-panel{inset:12px 12px auto auto;max-height:calc(100dvh - 24px);padding:20px}body.large-text header nav{width:100%;justify-content:flex-start}}

#access-panel .material-icon{display:block;width:24px;height:24px;min-width:24px;flex-shrink:0;color:#5b5d5c}#access-panel .material-link{transform:rotate(-45deg)}.access-shortcuts summary{display:flex;align-items:center;gap:16px;list-style:none;padding:4px 10px}.access-shortcuts summary::-webkit-details-marker{display:none}.access-options button>span:first-child{width:auto;min-width:0;font-size:inherit}.a11y-contrast #access-panel .material-icon{color:currentColor}