@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ef;--white:#fffefa;--ink:#1d2527;--muted:#657073;--line:#dfe1da;--sage:#dce7d4;--blue:#d7eaf0;--coral:#f1cfc4;--lime:#d9eb87;--lav:#e3ddf3;--radius:22px;--shadow:0 20px 55px rgba(26,37,39,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1220px)/2));background:rgba(245,244,239,.94)}.brand{display:flex;gap:11px;align-items:center;font:800 12px/1 Manrope,sans-serif;letter-spacing:.13em}.brand i{font-style:normal;color:#71817b}.brand-mark{width:29px;height:29px;background:var(--ink);border-radius:9px;display:block;position:relative;transform:rotate(-6deg)}.brand-mark:after{content:'';width:9px;height:9px;position:absolute;top:4px;right:4px;border-radius:50%;background:var(--lime)}.topbar nav{display:flex;align-items:center;gap:23px;color:#5d6869;font-size:12px}.topbar nav>a:hover,.link-button:hover{color:#1d2527}.nav-button{background:var(--ink);color:#fff!important;padding:10px 15px;border-radius:999px}.user-chip{color:var(--ink);background:#e9ece5;border-radius:999px;padding:7px 11px}.inline-form{display:inline;margin:0}.link-button{border:0;background:transparent;color:#5d6869;padding:0}.page-shell{max-width:1220px;margin:0 auto;padding:0 28px;min-height:calc(100vh - 125px)}.site-footer{max-width:1220px;margin:25px auto 0;padding:20px 28px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#87908b;font-size:10px;letter-spacing:.04em}.hero{padding:76px 0 69px;display:grid;grid-template-columns:1fr .92fr;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#718077;font-weight:700}.hero h1,.dashboard-hero h1,.auth-aside h1,.form-page h1{font:600 clamp(42px,6vw,77px)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:19px 0 21px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lead{max-width:530px;color:#5d6969;font-size:16px}.actions{display:flex;gap:12px;align-items:center;margin-top:27px}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:999px;padding:12px 18px;font-weight:650;font-size:12px;transition:.2s}.button:hover{background:#3b4b4c;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:#cbd1ca}.button.secondary:hover{background:white}.button.full{width:100%}.button.small{padding:9px 13px;font-size:11px}.microcopy{font-size:10px;color:#87908b;margin-top:15px}.hero-visual{height:350px;background:var(--blue);border-radius:30px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-visual:before{content:'';position:absolute;width:190px;height:190px;background:var(--coral);border-radius:50%;right:-55px;top:-65px}.hero-visual:after{content:'';position:absolute;width:110px;height:110px;background:var(--lime);border-radius:50%;left:-33px;bottom:-30px}.visual-frame{position:relative;z-index:1;width:66%;height:260px;background:#fffefa;border-radius:14px;padding:12px;box-shadow:0 22px 46px rgba(27,47,50,.18);transform:rotate(-4deg)}.visual-frame:before{content:'●  ●  ●';display:block;color:#c7d0ca;font:8px monospace;letter-spacing:3px;margin:0 0 8px 2px}.garment{height:185px;border-radius:9px;background:linear-gradient(135deg,#e9e3d9,#d9e0d7);position:relative;overflow:hidden}.garment:before{content:'';position:absolute;width:112px;height:155px;left:calc(50% - 56px);top:34px;background:#495654;clip-path:polygon(20% 0,39% 10%,61% 10%,80% 0,100% 27%,82% 43%,74% 33%,78% 100%,22% 100%,26% 33%,18% 43%,0 27%)}.garment:after{content:'';position:absolute;width:24px;height:24px;left:calc(50% - 12px);top:22px;border:5px solid #e8e2d8;border-radius:50%}.visual-caption{display:flex;justify-content:space-between;padding:10px 3px;font-size:8px;letter-spacing:.13em;color:#67746f}.visual-caption b{font-weight:700}.visual-label,.floating-card{position:absolute;z-index:2;background:#fffefa;border-radius:12px;box-shadow:var(--shadow);font-size:9px;font-weight:700;letter-spacing:.08em}.visual-label{top:15%;right:8%;padding:11px 13px}.visual-label span{color:#75875f}.floating-card{padding:11px 13px}.floating-card.top{left:8%;top:20%}.floating-card small{display:block;font-size:8px;color:#819078;margin-top:4px}.floating-card.bottom{left:6%;bottom:16%;display:flex;gap:8px;align-items:center}.floating-card i{width:7px;height:7px;background:#90a867;border-radius:50%}.catalog-section{padding:34px 0 55px}.section-title,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-title h2,.section-heading h2{font:600 35px/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:8px 0 0}.section-title>p{max-width:390px;color:var(--muted);font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:var(--white);border:1px solid #e5e5df;border-radius:var(--radius);overflow:hidden;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-art{height:135px;margin:9px 9px 0;border-radius:15px;position:relative;overflow:hidden;display:grid;place-items:center}.art-moda{background:var(--coral)}.art-automotive{background:var(--blue)}.art-home{background:var(--sage)}.art-glyph{font:300 67px/1 Georgia,serif;color:rgba(34,46,45,.75);transform:rotate(-8deg)}.service-sector,.service-type{position:absolute;top:11px;border-radius:999px;background:rgba(255,254,250,.88);padding:5px 8px;font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.service-sector{left:11px}.service-type{right:11px}.service-content{padding:15px 16px 16px}.service-content h3{font:650 17px/1.15 Manrope,sans-serif;letter-spacing:-.03em;margin:0}.service-content p{color:#6d7775;font-size:11px;min-height:34px;margin:7px 0 12px}.deliverable{border-top:1px solid #ecece6;padding:10px 0;color:#515e5b;font-size:10px}.service-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ecece6;padding-top:12px;font-size:9px;color:#6d7775}.service-footer a{font-weight:700;color:#283637;font-size:10px}.value-strip{background:#202a2c;color:#fffefa;border-radius:23px;padding:24px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 60px}.value-strip>div{display:grid;grid-template-columns:30px 1fr;column-gap:7px;align-items:start}.step-number{grid-row:span 2;color:var(--lime);font-size:10px;letter-spacing:.1em}.value-strip b{font-size:12px}.value-strip small{color:#b7c1bd;font-size:10px}.flash{padding:12px 15px;border-radius:12px;margin:18px 0 0;font-size:12px}.flash.success{background:#e7efd9;color:#435638}.flash.error{background:#fae5e0;color:#913d30}.auth-layout{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center;max-width:1000px;margin:65px auto}.auth-aside{min-height:330px;background:var(--blue);border-radius:26px;padding:39px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.auth-aside:after{content:'✳';font:200px/1 Georgia;color:rgba(255,255,255,.55);position:absolute;right:-15px;top:-35px}.auth-aside h1{font-size:51px;position:relative;z-index:1}.auth-aside p{color:#5a686a;max-width:340px;position:relative;z-index:1}.auth-card{background:var(--white);border:1px solid #e2e4dc;border-radius:22px;padding:29px;box-shadow:0 10px 35px rgba(35,45,44,.05)}.auth-card h2{font:650 26px Manrope,sans-serif;letter-spacing:-.05em;margin:8px 0 20px}.stack-form{display:grid;gap:13px}.stack-form label,.form-control label,.delivery-upload label{display:grid;gap:6px;font-size:10px;color:#55615f;font-weight:700}.stack-form input,.stack-form select,.form-control input,.form-control select,.form-control textarea,.stack-form textarea,.delivery-upload input[type=file]{border:1px solid #d8ddd6;border-radius:10px;background:#fffefa;padding:11px 12px;color:#202829;outline:none}.stack-form input:focus,.form-control input:focus,.form-control select:focus,.form-control textarea:focus{border-color:#8ea39b;box-shadow:0 0 0 3px rgba(220,231,212,.6)}.stack-form label small{font-size:9px;color:#89918d;font-weight:400}.auth-bottom{text-align:center;color:#77817d;font-size:10px;margin:16px 0 0}.auth-bottom a,.text-link{font-weight:700;color:#2e4946}.demo-credentials{display:grid;gap:4px;background:#f1f1ea;border-radius:11px;padding:12px;margin-top:17px;font-size:9px;color:#6d7774}.demo-credentials b{font-size:10px;color:#35413e}.dashboard-hero{margin:42px 0 36px;padding:33px 36px;background:var(--sage);border-radius:26px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:25px}.dashboard-hero h1{font-size:43px;margin:12px 0}.dashboard-hero p{font-size:12px;color:#63716b;max-width:510px;margin-bottom:20px}.dash-summary{min-height:165px;background:#fffefa;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-content:center;position:relative}.dash-summary>div:not(.summary-stamp){display:grid;gap:2px}.dash-summary>div>span{font:650 32px Manrope,sans-serif;letter-spacing:-.06em}.dash-summary small{font-size:9px;color:#818b84}.summary-stamp{position:absolute;right:18px;bottom:13px;text-align:center;color:#829079;font-size:7px;letter-spacing:.12em;line-height:1.35;transform:rotate(-8deg);border:1px solid #dfe5d9;border-radius:50%;width:64px;height:64px;padding-top:11px}.summary-stamp b{font-size:14px}.showcase,.orders-section{padding:18px 0 42px}.section-heading h2{font-size:27px}.text-link{font-size:11px}.before-after{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:13px}.sample-panel{background:#fffefa;border:1px solid #e5e7df;border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.sample-top{grid-column:1/-1;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#77827c;font-weight:700}.sample-garment{width:72px;height:84px;background:linear-gradient(135deg,#e9e3d9,#cfd8ce);border-radius:11px;position:relative;grid-row:span 1;display:grid;place-items:center}.sample-garment:after{content:'';width:39px;height:59px;background:#758379;clip-path:polygon(20% 0,40% 9%,60% 9%,80% 0,100% 25%,82% 39%,73% 31%,77% 100%,23% 100%,27% 31%,18% 39%,0 25%)}.final .sample-garment{background:linear-gradient(135deg,#f1eee3,#dfe7d8)}.final .sample-garment:after{background:#65786a}.sample-meta{display:grid;gap:4px}.sample-meta b{font-size:11px}.sample-meta small{font-size:9px;color:#85908a}.compare-arrow{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-size:18px}.order-list{border-top:1px solid var(--line)}.order-row{display:grid;grid-template-columns:75px 1fr auto 22px;gap:15px;align-items:center;padding:17px 7px;border-bottom:1px solid var(--line);transition:.15s}.order-row:hover{background:rgba(255,255,255,.45);padding-left:13px;padding-right:13px}.order-id{font:600 10px Manrope,sans-serif;color:#89918d}.order-main{display:grid;gap:4px}.order-main b{font-size:12px}.order-main small{font-size:9px;color:#818b86}.status-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:700;background:#e8ece6;color:#50614f}.status-delivered,.status-closed{background:#e4edd7;color:#506643}.status-in_production,.status-quality_check{background:#e5e0f3;color:#665988}.status-waiting_files{background:#f6e8cb;color:#886a2c}.status-revision{background:#f5ddd6;color:#945744}.row-arrow{color:#77837e}.empty-state{background:#fffefa;border:1px dashed #cfd5cc;border-radius:17px;padding:35px;text-align:center}.empty-state h3,.empty-state h2{font:650 22px Manrope,sans-serif;margin:0 0 7px}.empty-state p{font-size:11px;color:#77817c}.form-page{max-width:820px;margin:45px auto 65px}.form-page h1{font-size:45px;max-width:760px}.form-page>.lead{font-size:13px;max-width:700px}.project-form{background:#fffefa;border:1px solid #e2e5dd;border-radius:23px;padding:28px;margin-top:25px}.form-section{display:grid;grid-template-columns:42px 1fr 1fr;gap:13px;padding:20px 0;border-bottom:1px solid #ebede7}.form-number{color:#87927f;font-size:10px;font-weight:700;padding-top:4px}.form-section h2{font:650 17px Manrope,sans-serif;margin:0}.form-section>div:nth-child(2) p{font-size:10px;color:#858e89;margin:5px 0 0}.form-control{display:grid;gap:7px}.form-control.full{grid-column:2/-1}.form-control textarea{resize:vertical;min-height:100px}.upload-drop{grid-column:2/-1;border:1px dashed #aebbb0;border-radius:14px;background:#f8f9f4;padding:20px;display:grid;gap:7px;text-align:center}.upload-icon{margin:auto;width:32px;height:32px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:17px}.upload-drop b{font-size:11px}.upload-drop small{font-size:9px;color:#849089}.upload-drop input{max-width:100%;margin:auto;font-size:10px}.upload-drop #selected-files{font-size:10px;color:#51615a}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:19px}.form-bottom p{font-size:10px;color:#7f8983;max-width:410px}.back-link{font-size:10px;color:#687570}.order-detail-head{padding:28px 0 17px}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:21px}.detail-title h1{font:650 35px/1.05 Manrope,sans-serif;letter-spacing:-.05em;margin:7px 0}.detail-title p{font-size:10px;color:#7d8781;margin:0}.detail-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:17px;padding-bottom:46px}.detail-main,.detail-side{display:grid;align-content:start;gap:15px}.detail-card{background:#fffefa;border:1px solid #e4e6df;border-radius:17px;padding:19px}.card-heading{display:flex;justify-content:space-between;align-items:center}.detail-card h2{font:650 18px Manrope,sans-serif;letter-spacing:-.04em;margin:5px 0}.count-pill{display:inline-grid;place-items:center;border-radius:50%;width:21px;height:21px;background:#edf0e9;font:10px 'DM Sans',sans-serif;vertical-align:2px}.brief-text{font-size:12px;color:#4d5957;line-height:1.65}.deliverable-note{display:grid;gap:3px;border-top:1px solid #edf0e9;padding-top:11px;font-size:10px;color:#7b8580}.deliverable-note b{color:#45514d}.muted{font-size:10px;color:#87908c}.file-list{display:grid;margin-top:11px}.file-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf0e9}.file-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e7eee3;color:#4c6758;font-weight:700}.delivery-file .file-icon{background:#e9e2f5;color:#6b5c92}.file-item>span:nth-child(2){display:grid;gap:2px}.file-item b{font-size:10px}.file-item small,.file-action{font-size:8px;color:#828c86}.file-action{font-weight:700}.inline-upload{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0e9;margin-top:12px;padding-top:12px}.inline-upload input{font-size:9px;max-width:70%}.delivery-empty{border-top:1px solid #edf0e9;margin-top:11px;padding:20px;display:flex;align-items:center;gap:12px;color:#819085}.delivery-empty>span{width:34px;height:34px;border-radius:50%;background:#e7eedf;display:grid;place-items:center}.delivery-empty p{font-size:10px;margin:0}.delivery-upload{border-top:1px solid #edf0e9;margin-top:13px;padding-top:13px;display:grid;gap:11px}.timeline-card{padding-bottom:10px}.timeline{margin-top:17px}.timeline-item{position:relative;display:grid;grid-template-columns:14px 1fr;gap:10px;padding-bottom:18px}.timeline-item:not(:last-child):before{content:'';position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#dde4d9}.timeline-item>i{width:11px;height:11px;border-radius:50%;border:2px solid #95aa82;background:white;margin-top:2px;z-index:1}.timeline-item:first-child>i{background:var(--lime);border-color:#a7ba7b}.timeline-item b{font-size:10px}.timeline-item p{font-size:9px;color:#7a8580;margin:3px 0}.timeline-item small{font-size:8px;color:#9aa29e}.admin-control{margin-top:15px}.admin-control .stack-form{margin-top:12px}.admin-hero{background:#dbe5de}.admin-hero .dash-summary{min-height:140px}.order-detail-head+.detail-grid{margin-top:0}.site-footer{min-height:54px}
@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:30px}.auth-layout{gap:25px}.detail-grid{grid-template-columns:1fr .8fr}}
@media(max-width:650px){.topbar{padding:0 17px;height:66px}.topbar nav{gap:10px}.topbar nav>a:first-child,.topbar nav>a:nth-child(2){display:none}.topbar nav{font-size:10px}.user-chip{display:none}.page-shell{padding:0 17px}.hero{grid-template-columns:1fr;padding:42px 0 45px;gap:28px}.hero h1{font-size:57px}.hero-visual{height:270px}.visual-frame{height:210px;width:70%}.garment{height:141px}.section-title,.section-heading{display:block}.section-title h2{font-size:30px}.section-title>p{margin-top:10px}.service-grid{grid-template-columns:1fr}.service-art{height:150px}.value-strip{grid-template-columns:1fr;gap:15px;padding:20px}.site-footer{display:grid;gap:5px;padding:18px 17px}.auth-layout{grid-template-columns:1fr;margin:28px auto 40px;gap:15px}.auth-aside{min-height:230px;padding:24px}.auth-aside h1{font-size:39px;margin:15px 0}.auth-aside:after{font-size:140px;right:-10px}.auth-card{padding:22px}.dashboard-hero{grid-template-columns:1fr;margin:25px 0;padding:23px;gap:20px}.dashboard-hero h1{font-size:37px}.dash-summary{min-height:128px;padding:17px}.dash-summary>div>span{font-size:27px}.summary-stamp{width:54px;height:54px;font-size:6px;padding-top:9px}.before-after{grid-template-columns:1fr;gap:8px}.compare-arrow{margin:auto;transform:rotate(90deg)}.sample-panel{padding:12px}.order-row{grid-template-columns:48px 1fr 18px;gap:8px;padding:13px 3px}.order-row .status-badge{grid-column:2;grid-row:2}.row-arrow{grid-column:3;grid-row:1/3}.form-page{margin:28px auto 40px}.form-page h1{font-size:37px}.project-form{padding:18px}.form-section{grid-template-columns:28px 1fr;gap:10px;padding:17px 0}.form-section>.form-control,.form-control.full,.upload-drop{grid-column:2}.form-section>div:nth-child(2){grid-column:2}.form-control{margin-top:4px}.form-bottom{display:grid}.form-bottom .button{width:100%}.detail-grid{grid-template-columns:1fr}.detail-title{align-items:flex-start;flex-direction:column}.detail-title h1{font-size:30px}.inline-upload{align-items:flex-start;flex-direction:column}.inline-upload input{max-width:100%}.section-heading h2{font-size:24px}.text-link{display:inline-block;margin-top:10px}}
.revision-form{border-top:1px solid #edf0e9;margin-top:13px;padding-top:13px;display:grid;gap:10px}.revision-form label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#586460}.revision-form textarea{min-height:70px;border:1px solid #d8ddd6;border-radius:10px;padding:10px;font:inherit;font-size:11px;resize:vertical}
