:root{--bg-page:#f5ebd6;--bg-hero:#e7c792;--bg-strip:#c0c59a;--bg-card:#e6e0c1;--bg-card-accent:#f4d49a;--bg-footer:#c1b37a;--bg-footer-bottom:#b0a26c;--text-main:#3f3a2a;--text-muted:#746c55;--text-light:#fff;--accent:#a7703b;--accent-dark:#7b4f29;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--shadow-soft:0 4px 16px #0000001f;--shadow-card:0 8px 24px #0000002e;--header-h:58px;--anchor-gap:10px}*,:after,:before{box-sizing:border-box}#root,body,html{font-family:Nunito Sans,system-ui,-apple-system,Segoe UI,Arial,sans-serif;height:100%;margin:0;padding:0;scroll-padding-top:68px;scroll-padding-top:calc(var(--header-h) + var(--anchor-gap))}input,select,textarea{font-size:16px}body{color:#3f3a2a;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app,body{background:#f5ebd6;background:var(--bg-page)}.app{min-height:100vh;min-width:870px}main{margin:0 auto}.section{margin-bottom:56px}.section__title{color:#746c55;color:var(--text-muted);font-size:24px;letter-spacing:.18em;margin-bottom:12px;text-align:center;text-transform:uppercase}.section__subtitle{font-size:18px;margin-bottom:32px;text-align:center}.section__content-narrow{margin:0 auto;max-width:840px}.btn{background:#a7703b;background:var(--accent);border:none;border-radius:999px;box-shadow:0 4px 12px #0000002e;color:#fff;color:var(--text-light);cursor:pointer;font-size:13px;letter-spacing:.18em;outline:none;padding:10px 20px;text-transform:uppercase;white-space:nowrap}.btn--light{background:#e6e0c1;background:var(--bg-card);color:#7b4f29;color:var(--accent-dark)}.btn:hover{background:#7b4f29;background:var(--accent-dark)}@media (max-width:960px){.hero__inner{grid-template-columns:1fr}.hero__image-wrap{justify-self:center}.services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__inner,.why{grid-template-columns:1fr}}@media (max-width:640px){main{padding:24px 12px 60px}.header__nav{display:none}.services__grid{grid-template-columns:1fr}.techstack{align-items:flex-start;flex-direction:column;gap:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-button{align-items:center;background-color:var(--bg-hero);border:1px solid #6c4d2a;border-radius:4px;box-shadow:0 2px 0 #4d341b99;color:#2c1c12;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;line-height:1.3;min-width:220px;padding:12px 28px;text-decoration:none;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.hero-button:hover{background-color:#f1d092;box-shadow:0 1px 0 #4d341b80;transform:translateY(1px)}.hero-button:active{box-shadow:0 0 0 #4d341b66;transform:translateY(2px)}@media (max-width:600px){.hero-button{width:100%}}.hero-button--contact{background:#9e9b6a;border:1px solid #2c1c12a6;border-radius:2px;box-shadow:0 6px 0 #2c1c1233;color:#2c1c12f2;font-size:13px;height:36px;letter-spacing:.02em;min-width:0;padding:0 16px;width:100%}.hero-button--contact:hover{box-shadow:0 6px 0 #2c1c1233;filter:brightness(1.03);transform:none}.hero-button--contact:active{box-shadow:0 4px 0 #2c1c122e;transform:translateY(2px)}.header{background:#e0c287;border-bottom:1px solid #2c1c1240;position:sticky;top:0;z-index:50}.header__inner{align-items:center;display:flex;height:58px;justify-content:space-between;margin:0 auto;max-width:1120px;padding:12px 24px}.header__brand{align-items:center;color:inherit;display:inline-flex;gap:10px;text-decoration:none}.header__mark{height:22px;object-fit:contain;width:22px}.header__wordmark{display:flex;flex-direction:column;line-height:1}.header__name{color:#2c1c12d9;font-size:10px;letter-spacing:.22em}.header__name,.header__sub{font-weight:500;text-transform:uppercase}.header__sub{color:#2c1c12a6;font-size:8px;letter-spacing:.28em;margin-top:2px}.header__nav{align-items:center;display:flex;gap:10px}.header__dropdown .hero-button,.header__nav .hero-button{background:#bdb58abf;font-size:10px;min-width:100px;padding:8px 14px}.header__mobile{display:none;position:relative}.header__burger{background:#bdb58abf;border:1px solid #2c1c1299;border-radius:2px;box-shadow:0 3px 0 #2c1c122e;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;height:34px;justify-content:center;padding:0 10px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;width:38px}.header__burger:hover{filter:brightness(1.03)}.header__burger:active{box-shadow:0 2px 0 #2c1c1229;transform:translateY(1px)}.header__burger-line{background:#2c1c12d9;height:2px;width:100%}.header__dropdown{background:#f2eddcfa;border:1px solid #2c1c128c;border-radius:2px;box-shadow:0 10px 0 #2c1c122e;display:none;flex-direction:column;gap:10px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:240px;z-index:50}.header__dropdown.is-open{display:flex}.header__backdrop{background:#0000;border:none;inset:0;margin:0;padding:0;position:fixed;z-index:49}@media (max-width:920px){.header__nav--desktop{display:none}.header__mobile{display:block}}.hero{background-color:#f6e0ae;background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%;height:450px;overflow:hidden;position:relative}.hero__inner{align-items:center;display:flex;gap:64px;height:100%;margin:0 auto;max-width:1120px;position:relative;z-index:1}.hero__content{flex:1 1 55%}.hero__title{font-size:40px;font-weight:400;letter-spacing:.02em;line-height:1.15;margin:0 0 32px}.hero__subtitle{font-size:16px;line-height:1.4;margin:0 0 32px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:960px){.hero{padding:56px 24px}.hero__inner{align-items:flex-start;flex-direction:column;gap:40px}.hero__title{font-size:32px}}@media (max-width:600px){.hero__title{font-size:26px}.hero__actions{align-items:stretch;flex-direction:column}}.solutions{--cap-blank:clamp(140px,18vw,360px);--cap-pad:50px;background:#c2c28f;color:var(--text-main);overflow:hidden;padding-bottom:50px;position:relative}.solutions__inner{height:100%;margin:20px auto 0}.solutions__header{margin:40px auto;max-width:1120px;padding:0 24px;text-align:center}.solutions__eyebrow{color:var(--text-muted);font-size:30px;letter-spacing:.08em;margin:0 0 8px;text-transform:none}.solutions__title{font-size:70px;font-weight:400;line-height:1.1;margin:0 0 18px;text-align:left}.solutions__intro{font-size:16px;line-height:1.5;margin:0;max-width:520px;text-align:left}.solutions__grid{grid-gap:32px 40px;align-items:start;display:grid;gap:32px 40px;grid-template-columns:repeat(2,minmax(0,1fr))}.solutions__item{display:flex;flex-direction:column;gap:12px}.solutions__item--left{margin-top:100px}.solutions__card-title{color:var(--text-main);font-size:18px;margin:0}.solutions__card-title--left{padding-left:var(--cap-blank);padding-right:var(--cap-pad);text-align:left}.solutions__card-title--right{padding-left:var(--cap-pad);padding-right:var(--cap-blank);text-align:left}.solutions__card{background:var(--bg-card);box-shadow:var(--shadow-soft);font-size:14px;height:auto;line-height:1.5;min-height:200px;padding:24px 32px}.solutions__card--left{border-radius:0 999px 999px 0;padding-left:var(--cap-blank);padding-right:var(--cap-pad)}.solutions__card--right{border-radius:999px 0 0 999px;padding-left:var(--cap-pad);padding-right:var(--cap-blank)}.solutions__card-text{color:var(--text-muted);margin:0 0 8px}.solutions__list{margin:0;padding-left:18px}.solutions__list li{margin-bottom:4px}@media (max-width:1100px){.solutions{--cap-blank:clamp(110px,14vw,220px)}}@media (max-width:960px){.solutions__title{font-size:52px}.solutions__grid{gap:26px;grid-template-columns:1fr;padding:0 26px}.solutions__item--left{margin-top:0}.solutions__card-title--left,.solutions__card-title--right{padding-left:0;padding-right:0}.solutions__card--left,.solutions__card--right{border-radius:24px;height:auto;min-height:0;padding:22px}}@media (max-width:640px){.solutions__title{font-size:40px}.solutions__intro{font-size:14px}.solutions__grid{gap:18px}.solutions__card{font-size:13px;line-height:1.45}}.services{background:#f2eddc;color:#2c1c12;padding:60px 0 70px}.services__inner{margin:0 auto;max-width:1120px;padding:0 24px}.services__heading{font-size:36px;font-weight:400;letter-spacing:.06em;margin:0 0 28px;text-align:center}.services__grid{grid-gap:28px;display:grid;gap:28px;grid-auto-rows:170px;grid-template-areas:"landing corporate ecommerce" "consult  media1    media1" "media2   redesign  support";grid-template-columns:repeat(3,minmax(0,1fr))}.services__landing{grid-area:landing}.services__corporate{grid-area:corporate}.services__ecommerce{grid-area:ecommerce}.services__consulting{grid-area:consult}.services__media-1{grid-area:media1}.services__media-2{grid-area:media2}.services__redesign{grid-area:redesign}.services__support{grid-area:support}.services__card,.services__media{border:1px solid #2c1c128c;border-radius:2px;box-shadow:0 10px 0 #2c1c122e;overflow:hidden}.services__card{display:flex;flex-direction:column;justify-content:flex-end;padding:20px 22px;position:relative}.services__icon{filter:grayscale(100%);height:54px;object-fit:contain;opacity:.35;pointer-events:none;position:absolute;right:16px;top:16px;-webkit-user-select:none;user-select:none;width:54px}.services__card-title{font-size:22px;font-weight:500;letter-spacing:.02em;line-height:1.12;margin:0 0 10px}.services__card-text{font-size:12px;line-height:1.45;margin:0;max-width:240px;opacity:.85}.services__card--olive{background:#c9c79a}.services__card--peach{background:#f2d2b4}.services__card--yellow{background:#f4de9f}.services__card--cream{background:#efe2c9}.services__media{background:#d9d4c3;position:relative}.services__media--left,.services__media--wide{min-height:170px}.services__media-placeholder{grid-gap:10px;background:linear-gradient(90deg,#0000000f,#00000005);display:grid;gap:10px;inset:0;place-items:center;position:absolute}.services__media-placeholder img{height:100%;width:100%}.services__media-placeholder span{font-size:12px;letter-spacing:.08em;opacity:.55;text-transform:uppercase}@media (max-width:980px){.services__grid{grid-auto-rows:auto;grid-template-areas:"landing" "corporate" "ecommerce" "consult" "media1" "media2" "redesign" "support";grid-template-columns:1fr}.services__card,.services__media{min-height:160px}.services__card-text{max-width:520px}.services__media-1,.services__media-2{display:none}.services__grid{grid-auto-rows:auto;grid-template-areas:"landing" "corporate" "ecommerce" "consult" "redesign" "support";grid-template-columns:1fr}}.why{background:#f4d49a;color:#2c1c12;padding:46px 0}.why__inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.05fr .95fr;margin:0 auto;max-width:1120px;padding:0 24px}.why__title{font-size:56px;line-height:1.02;margin:0 0 18px}.why__brand,.why__title{font-weight:400;letter-spacing:.02em}.why__brand{display:inline-block;font-size:34px;margin-top:10px}.why__list{list-style:none;margin:18px 0 0;max-width:560px;padding:0}.why__item{border-bottom:1px solid #2c1c1259;font-size:13px;letter-spacing:.02em;line-height:1.35;opacity:.9;padding:10px 0 10px 22px;position:relative}.why__item:before{content:"◦";font-size:18px;left:4px;line-height:1;opacity:.75;position:absolute;top:8px}.why__right{display:flex;justify-content:flex-end}.why__media{background:#00000026;border:1px solid #2c1c128c;border-radius:2px;box-shadow:0 10px 0 #2c1c122e;height:185px;overflow:hidden;width:420px}.why__media-placeholder{grid-gap:10px;background:linear-gradient(90deg,#0000001a,#0000000d);display:grid;gap:10px;height:100%;place-items:center;width:100%}.why__media-placeholder img{height:100%;width:100%}.why__media-placeholder span{font-size:12px;letter-spacing:.08em;opacity:.55;text-transform:uppercase}@media (max-width:920px){.why__inner{gap:28px;grid-template-columns:1fr}.why__right{justify-content:flex-start}.why__media{max-width:520px;width:100%}}.question{background:#c2c28f;color:#2c1c12;padding:60px 0 70px}.question__inner{margin:0 auto;max-width:1120px;padding:0 24px}.question__panel{background:#f2d8b1;border:1px solid #2c1c128c;border-radius:2px;box-shadow:0 10px 0 #2c1c122e;padding:34px 26px 30px;text-align:center}.question__title{font-size:30px;font-weight:400;letter-spacing:.03em;margin:0 0 10px}.question__text{font-size:12px;line-height:1.5;margin:0 auto 22px;max-width:740px;opacity:.85}.question__actions{display:flex;gap:34px;justify-content:center;margin-top:8px}.question__btn{border:1px solid #2c1c12a6;border-radius:2px;box-shadow:0 6px 0 #2c1c1233;cursor:pointer;font-size:13px;height:36px;letter-spacing:.02em;min-width:190px;padding:0 18px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.question__btn--primary{background:#9e9b6a;color:#2c1c12f2}.question__btn--secondary{background:#d8c08b;color:#2c1c12f2}.question__btn:active{box-shadow:0 4px 0 #2c1c122e;transform:translateY(2px)}.question__btn:hover{filter:brightness(1.03)}@media (max-width:720px){.question__actions{flex-direction:column;gap:14px}.question__btn{min-width:0;width:100%}}.workflow{background:#f2eddc;color:#2c1c12;padding:60px 0 70px}.workflow__inner{margin:0 auto;max-width:1120px;padding:0 24px}.workflow__header{margin-bottom:18px;text-align:left}.workflow__title{font-size:56px;font-weight:300;letter-spacing:.02em;line-height:1.02;margin:0 0 10px}.workflow__subtitle{font-size:26px;font-weight:300;letter-spacing:.02em;margin:0;opacity:.9}.workflow__diagram{height:340px;margin:0 auto;max-width:800px;position:relative;width:100%}.workflow__svg{height:100%;inset:0;position:absolute;width:100%}.workflow__path{fill:none;stroke:#2c1c12d9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workflow__node{position:absolute;transform:translate(-50%,-50%)}.workflow__dot{background:#d7b25d;border:1px solid #2c1c12b3;border-radius:999px;box-shadow:0 2px 0 #2c1c1226;height:14px;width:14px}.workflow__label{color:#2c1c12bf;font-size:10px;letter-spacing:.02em;line-height:1.35;position:absolute;white-space:nowrap}.workflow__label--top{bottom:22px;left:50%;text-align:center;transform:translateX(-50%)}.workflow__label--right{left:22px;text-align:left;top:50%;transform:translateY(-50%)}.workflow__label--center{bottom:22px;left:50%;text-align:center;transform:translateX(-50%)}.workflow__label--left{right:22px;text-align:right;top:50%;transform:translateY(-50%)}.workflow__label--bottom{left:50%;text-align:center;top:22px;transform:translateX(-50%)}.workflow__diagram{--vbw:900;--vbh:260}.workflow__node--s1{left:calc(24000%/var(--vbw));top:calc(8200%/var(--vbh))}.workflow__node--s2{left:calc(56000%/var(--vbw));top:calc(8200%/var(--vbh))}.workflow__node--s3{left:calc(72000%/var(--vbw));top:calc(12200%/var(--vbh))}.workflow__node--s4{left:calc(45000%/var(--vbw));top:calc(16400%/var(--vbh))}.workflow__node--s5{left:calc(24000%/var(--vbw));top:calc(20400%/var(--vbh))}.workflow__node--s6{left:calc(56000%/var(--vbw));top:calc(24600%/var(--vbh))}.techstack{background:#f2eddc;color:#2c1c12;padding:56px 0 70px}.techstack__inner{margin:0 auto;max-width:1120px;padding:0 24px}.techstack__header{margin-bottom:18px;text-align:center}.techstack__title{font-size:34px;font-weight:400;letter-spacing:.05em;margin:0 0 10px}.techstack__subtitle{font-size:12px;line-height:1.5;margin:0 auto;max-width:760px;opacity:.85}.techstack__carousel{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:34px 1fr 34px;margin:18px auto 0;max-width:860px}.techstack__nav{background:#ffffff1f;border:none;color:#2c1c12d9;cursor:pointer;font-size:36px;height:36px;line-height:1;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.techstack__nav:hover{filter:brightness(1.03)}.techstack__nav:active{box-shadow:0 4px 0 #2c1c122e;box-shadow:var(--ui-shadow-pressed,0 4px 0 #2c1c122e);transform:translateY(2px)}.techstack__nav:disabled{cursor:default;opacity:.35}.techstack__viewport{background:#ffffff1f;border:1px solid #2c1c128c;border-radius:2px;outline:none;overflow:hidden}.techstack__track{display:flex;transition:transform .22s ease;will-change:transform}.techstack__slide{cursor:default;flex:0 0 25%;min-width:0}.techstack__cell{align-items:center;border-bottom:1px solid #2c1c1259;border-right:1px solid #2c1c1259;display:flex;font-size:12px;gap:8px;min-height:36px;opacity:.82;padding:10px 14px}.techstack__slide:last-child .techstack__cell{border-right:none}.techstack__icon{flex:0 0 auto;height:28px;opacity:1;width:28px}.techstack__icon--brand{filter:none;opacity:1}.techstack__icon--fallback{filter:grayscale(100%);opacity:.35}.techstack__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.techstack__dots{display:flex;gap:6px;justify-content:center;margin:10px auto 0;max-width:860px;opacity:.6}.techstack__dot{background:#ffffff1f;border:1px solid #2c1c128c;border-radius:999px;height:6px;width:6px}.techstack__dot.is-active{background:#2c1c1259}@media (max-width:860px){.techstack__carousel{grid-template-columns:34px 1fr 34px}.techstack__slide{flex-basis:50%}}@media (max-width:560px){.techstack__carousel{gap:8px;grid-template-columns:34px 1fr 34px}.techstack__slide{flex-basis:50%}}.techstack__cell--tooltip{position:relative}.techstack__cell--tooltip:hover:after{background:#f2eddcfa;border:1px solid #2c1c128c;border-radius:2px;bottom:calc(100% + 8px);box-shadow:0 6px 0 #2c1c121f;color:#2c1c12;content:attr(data-tooltip);font-size:12px;left:10px;line-height:1.25;padding:8px 10px;position:absolute;right:10px;white-space:normal;z-index:5}.contact{background:#f4d49a;color:#2c1c12;padding:58px 0 70px}.contact__inner{grid-gap:56px;align-items:start;display:grid;gap:56px;grid-template-columns:1.15fr .85fr;margin:0 auto;max-width:1120px;padding:0 24px}.contact__title{font-size:34px;font-weight:400;letter-spacing:.02em;line-height:1.08;margin:0 0 14px}.contact__text{font-size:12px;line-height:1.5;margin:0 0 26px;max-width:520px;opacity:.85}.contact__subtitle{font-size:26px;font-weight:400;letter-spacing:.02em;margin:0 0 10px}.contact__info{font-size:12px;line-height:1.55;opacity:.9}.contact__info a{color:inherit;text-decoration:none}.contact__right{display:flex;justify-content:flex-end}.contact__form{grid-gap:12px;background:#f2eddc8c;border:1px solid #2c1c128c;border-radius:2px;box-shadow:0 10px 0 #2c1c122e;display:grid;gap:12px;padding:16px 18px 18px;width:360px}.contact__input,.contact__textarea{background:#f2eddca6;border:1px solid #2c1c128c;border-radius:2px;color:#2c1c12f2;font-size:12px;outline:none;padding:10px 12px;width:100%}.contact__textarea{min-height:110px;resize:none}.contact__input::placeholder,.contact__textarea::placeholder{color:#2c1c128c;font-style:italic}.contact__input:focus,.contact__textarea:focus{border-color:#2c1c12cc}@media (max-width:920px){.contact__inner{gap:26px;grid-template-columns:1fr}.contact__right{justify-content:flex-start}.contact__form{max-width:520px;width:100%}}.contact__hp{height:0;left:-9999px;opacity:0;pointer-events:none;position:absolute;top:-9999px;width:0}.contact__error{font-size:11px;line-height:1.3;margin-top:6px;opacity:.9}.contact__status{font-size:12px;line-height:1.4;margin-top:6px;opacity:.95}.footer{background:#bdb58a;border-top:1px solid #2c1c1240}.footer__inner{align-items:center;display:flex;height:54px;justify-content:flex-start;margin:0 auto;max-width:1120px;padding:14px 24px}.footer__brand{align-items:center;display:inline-flex;gap:10px}.footer__mark{height:22px;object-fit:contain;width:22px}.footer__wordmark{display:flex;flex-direction:column;line-height:1}.footer__name{color:#2c1c12d9;font-size:10px;letter-spacing:.22em}.footer__name,.footer__sub{font-weight:500;text-transform:uppercase}.footer__sub{color:#2c1c12a6;font-size:8px;letter-spacing:.28em;margin-top:2px}