/* ZYNOVA Workspace + Commerce • v2 */
:root{--zw-red:#ea354b;--zw-red-soft:rgba(234,53,75,.16);--zw-bg:#090b10;--zw-surface:#11151e;--zw-panel:#141923;--zw-border:#292e38;--zw-dim:#8e96a7;--zw-white:#f6f7fb}
body{overflow-x:hidden}
.workspace-body{background:var(--zw-bg);color:var(--zw-white);font-family:Inter,'Segoe UI',system-ui,sans-serif;min-height:100vh}
.workspace-body :is(a,button,input,textarea,select){font:inherit}
.workspace-body a{text-decoration:none}
.workspace-body button{cursor:pointer}
.workspace-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.workspace-side{height:100vh;position:sticky;top:0;background:#0e1118;border-right:1px solid #282c37;padding:26px 16px;display:flex;flex-direction:column;z-index:101}
.workspace-logo{display:flex;align-items:center;padding:6px 15px 30px;gap:8px;text-decoration:none!important}
.workspace-logo .brand-word{font-size:22px}
.workspace-side-caption{font-size:10px;letter-spacing:2.1px;color:#656b7a;padding:24px 14px 13px;border-top:1px solid #20232d}
.workspace-nav{display:flex;flex-direction:column;gap:4px}
.workspace-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;color:#9ea5b6;font-size:13px;font-weight:600;border-radius:8px;transition:.2s}
.workspace-nav a:hover{background:#20222d;color:white}
.workspace-nav a[aria-current="page"]{background:linear-gradient(96deg,rgba(231,49,72,.18),rgba(231,49,72,.03));color:#fff;box-shadow:inset 3px 0 var(--zw-red)}
.nav-ico{display:flex;align-items:center;justify-content:center;width:20px;height:20px}
.nav-ico i{display:block;width:15px;height:15px;border:1.8px solid currentColor;border-radius:4px;position:relative}
.nav-ico i:after{content:'';position:absolute;width:5px;height:5px;border:1.5px solid currentColor;right:2px;bottom:2px;border-radius:1px}
.sidebar-bottom{margin-top:auto;border-top:1px solid #242934;display:flex;flex-direction:column;gap:2px;padding-top:17px}
.sidebar-bottom a{padding:9px 14px;color:#8e96a7;font-size:12px}.sidebar-bottom a:hover{color:white}
.workspace-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.workspace-topbar{height:76px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--zw-border);padding:0 42px}
.crumb{font-size:12px;color:#a2a6b2;font-weight:500;flex:1}.crumb span{color:#59606d;margin:0 11px}
.profile-pill{display:flex;align-items:center;gap:9px;color:#eee;font-size:12px;font-weight:700}
.avatar-small{background:var(--zw-red-soft);color:#ff7e8b;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800}
.logout-form button{border:1px solid var(--zw-border);background:transparent;color:#aeb5c3;padding:8px 13px;border-radius:7px;font-size:12px}.logout-form button:hover{color:white;border-color:#565a66}
.side-toggle{display:none;color:white;border:1px solid var(--zw-border);background:#171c25;padding:8px 12px;border-radius:8px}
.workspace-content{width:100%;max-width:1530px;padding:44px 45px 66px;margin:0 auto;flex:1}
.workspace-page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.workspace-page-heading h1{font-size:clamp(28px,3vw,39px);letter-spacing:-1.3px;font-weight:800;margin:9px 0 0}.workspace-page-heading .eyebrow{font-size:10px}.heading-caption{font-size:12px;color:#858c9b;max-width:270px;line-height:1.65;text-align:right}
.workspace-footer{padding:22px 45px;border-top:1px solid #292e38;color:#777e8f;display:flex;justify-content:space-between;gap:10px;font-size:11px}
.welcome-banner{min-height:207px;border-radius:13px;position:relative;overflow:hidden;padding:39px 42px;margin-bottom:25px;background:radial-gradient(circle at 82% 45%,rgba(242,65,83,.24),transparent 35%),linear-gradient(115deg,#29131d,#1c121b 48%,#33101d);border:1px solid #53323b;display:flex;align-items:center;justify-content:space-between;gap:30px}
.welcome-banner:before{content:'';position:absolute;right:15%;top:-120px;width:330px;height:330px;border:1px solid rgba(245,93,111,.2);transform:rotate(35deg);border-radius:72px;box-shadow:0 0 0 70px rgba(245,93,111,.045),0 0 0 140px rgba(245,93,111,.025);pointer-events:none}
.welcome-banner>*{position:relative;z-index:1}.welcome-banner .eyebrow{font-size:11px;color:#ff92a0}.welcome-banner h2{margin:12px 0 10px;font-size:30px;letter-spacing:-1px;font-weight:800}.welcome-banner h2 span{color:var(--zw-red)}.welcome-banner p{font-size:13px;color:#d6bec5;max-width:510px;line-height:1.7;margin:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}
.metric-card{border:1px solid #2a303b;background:linear-gradient(155deg,#191d26,#11151c);border-radius:11px;padding:22px 23px;min-height:148px;display:flex;flex-direction:column}.metric-card span{font-size:12px;color:#aeb5c1;font-weight:600}.metric-card strong{font-size:40px;letter-spacing:-2px;color:#f7f8fc;font-weight:800;line-height:1.35;margin:8px 0 2px}.metric-card small{font-size:11px;color:#747c8b}
.workspace-card{border:1px solid #2a303a;border-radius:12px;background:linear-gradient(140deg,#151922,#11151c);padding:27px 29px;margin-bottom:21px;min-width:0}
.workspace-card h3{font-size:20px;letter-spacing:-.4px;line-height:1.35;margin:10px 0 17px;font-weight:750}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.block-heading h3{margin:7px 0 0}.block-heading .eyebrow{font-size:10px}
.subtle-link{font-size:12px;font-weight:700;color:#e7a8b0;text-decoration:none}.subtle-link:hover{color:white}
.count-chip{color:#abb0bb;font-size:11px;border-radius:15px;padding:5px 12px;border:1px solid #313541;white-space:nowrap}
.compact-items{display:flex;flex-direction:column}.compact-items a{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #292e38;color:#eef0f5}.compact-items a:last-child{border-bottom:0}.compact-items a:hover strong{color:#ff8490}.compact-items a>span:first-child{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.compact-items a strong{font-size:13px;font-weight:700;line-height:1.35}.compact-items a small{color:#878f9e;font-size:11px}.compact-arrow{color:#b9bec9}
.state{font-size:10px;color:#aeb3c1;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border-radius:30px;border:1px solid #444b57;background:#232730;padding:6px 10px;line-height:1}.state:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}
.state-planlama,.state-talep,.state-yeni,.state-taslak{color:#eec28e;background:#35291f;border-color:#55402c}.state-gelistirme,.state-inceleniyor,.state-yanitlandi,.state-acik{color:#91b8ff;background:#1a2c43;border-color:#304668}.state-test,.state-odeme_bekleniyor,.state-beklemede{color:#c1a6f4;background:#2b2342;border-color:#41355f}.state-tamamlandi,.state-donus_yapildi,.state-aktif{color:#7cdda9;background:#163b2c;border-color:#29523f}.state-iptal,.state-kapali{color:#f3919a;background:#3c2129;border-color:#59323d}
.empty-panel{padding:28px 10px;text-align:center;color:#8d94a4;font-size:13px;line-height:1.7}.empty-panel a{color:#ff929e}.empty-panel h3{font-size:19px;color:#fff}.empty-panel .button{margin-top:12px}
.info-ribbon{display:flex;align-items:center;gap:14px;background:#15151c;border:1px solid #302830;padding:21px 26px;border-radius:10px}.info-ribbon>span{font-size:28px;color:#e74b61}.info-ribbon p{flex:1;font-size:12px;color:#a7adba;line-height:1.65;margin:0}.info-ribbon p strong{color:#fff}.info-ribbon a{color:#f5aab2;font-size:12px;font-weight:700;white-space:nowrap}
.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:23px}.split-cards .workspace-card{margin-bottom:23px}.split-uneven{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.platform-form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.platform-form>label,.form-double>label{display:flex;flex-direction:column;gap:8px;color:#c9cdd8;font-size:12px;font-weight:600}.platform-form label small{font-size:11px;color:#8a91a0;font-weight:400}.platform-form input:not([type="checkbox"]),.platform-form textarea,.platform-form select,.inline-form select{width:100%;max-width:100%;border-radius:8px;border:1px solid #343a47;background:#0c1018;padding:12px 14px;color:#edf1f7;font-size:13px;outline:none;min-height:45px}.platform-form select,.inline-form select{color-scheme:dark}.platform-form textarea{min-height:110px;resize:vertical;line-height:1.6}.platform-form :is(input,textarea,select):focus{border-color:#db4962;box-shadow:0 0 0 3px rgba(222,58,81,.13)}
.platform-submit{margin-top:6px;justify-content:center;min-height:47px}.form-double{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-inline{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;line-height:1.55}.check-inline input{margin-top:3px;accent-color:#e93c54}.check-inline a{color:#f394a1}
.notice{padding:14px 18px;border-radius:9px;background:#1b2635;color:#c6def8;border:1px solid #37526c;font-size:13px;margin-bottom:19px;line-height:1.6}.notice-error{background:#351d26;border-color:#714052;color:#ffc6cf}.notice-success{background:#19352b;border-color:#346b53;color:#b5f7d4}
.panel-muted{font-size:12px;color:#8e95a3;line-height:1.7}.auth-section{padding:86px 0 110px;min-height:calc(100vh - 250px);background:radial-gradient(ellipse at 18% 45%,rgba(213,36,60,.12),transparent 47%)}.auth-grid{display:grid;grid-template-columns:1.2fr 480px;gap:7%;align-items:center}.auth-intro h1{font-size:clamp(38px,4.3vw,68px);letter-spacing:-3px;line-height:1.15;margin:22px 0}.auth-intro p{font-size:16px;color:#9fa6b5;max-width:530px;line-height:1.9}.auth-decoration{margin-top:45px;padding-top:27px;border-top:1px solid #252936;display:flex;gap:22px;flex-wrap:wrap}.auth-decoration span{font-size:11px;color:#a1a7b4}.auth-decoration span:before{content:'✳';color:#e8465d;margin-right:9px}.auth-card{padding:42px}.auth-card h2{font-size:29px;margin:12px 0 5px;letter-spacing:-1px}.auth-card .platform-form{margin-top:23px}.auth-alt{font-size:12px;color:#8b93a2;text-align:center;margin:19px 0 0}.auth-alt a{color:#ff8c9b;font-weight:700}
.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.shop-heading h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:20px}.shop-grid .workspace-card{margin:0}.shop-product{display:flex;flex-direction:column;min-height:342px}.shop-product-icon{background:radial-gradient(circle at 60% 35%,#56303f,#1a1a24 65%);border:1px solid #4c2e39;border-radius:10px;height:88px;width:88px;display:grid;place-items:center;font-size:37px;font-weight:900;letter-spacing:-4px;margin-bottom:24px}.shop-product-icon span{color:#e74b61}.shop-product .eyebrow{font-size:10px}.shop-product h3{font-size:21px;margin:10px 0 10px}.shop-product>p{font-size:12px;line-height:1.75;color:#a5abb9;flex:1}.shop-product-bottom{padding-top:20px;border-top:1px solid #2c303a;display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-product-bottom>strong{font-size:20px;white-space:nowrap}.shop-product-bottom form{margin:0}.shop-product-bottom .button{white-space:nowrap}.shop-empty{text-align:center;padding:65px 25px;max-width:720px;margin:0 auto 25px}.shop-empty h3{font-size:30px}.shop-empty p{max-width:440px;margin:0 auto 23px;color:#9ba4b2;line-height:1.7;font-size:14px}.empty-orbit{margin:0 auto 24px;width:85px;height:85px;background:#351820;border:1px solid #61323e;border-radius:22px;display:grid;place-items:center;font-size:40px;font-weight:900;color:#f06a80}.shop-disclaimer{border:1px solid #3c3336;background:#201b1f;border-radius:8px;color:#aeb2bb;font-size:12px;line-height:1.7;padding:18px 21px;margin:20px 0}.shop-disclaimer strong{color:#f0d0d5}
.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-list .workspace-card{margin-bottom:20px}.project-tile{display:flex;flex-direction:column;gap:10px;color:#ebedf3;transition:border-color .2s}.project-tile:hover,.project-tile.selected{border-color:#a44255}.project-tile-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.project-tile-top .eyebrow{font-size:9px}.project-tile h3{font-size:18px;margin:5px 0}.project-tile p{font-size:12px;color:#9fa7b6;line-height:1.7;flex:1}.progress-meta{display:flex;justify-content:space-between;color:#9fa6b6;font-size:11px}.progress-meta strong{color:#fff}.progress-track{height:6px;border-radius:8px;background:#292f3b;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#a6253d,#f56b82);border-radius:8px}.project-details>p{font-size:13px;line-height:1.9;color:#c1c5cf}.details-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:20px}.details-meta span{color:#959eae;font-size:11px}.details-meta b{color:#e2e5eb}.workspace-card hr{border:0;border-top:1px solid #303641;margin:26px 0}.message-stack{display:flex;flex-direction:column;gap:14px;margin:21px 0}.message-item{background:#0c1119;border:1px solid #29313d;border-radius:9px;padding:17px 19px}.message-item small{font-size:10px;color:#e19ca6}.message-item p{font-size:13px;line-height:1.7;color:#c6cbd4;margin:8px 0 0;overflow-wrap:anywhere}
.workspace-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:580px}.workspace-table th{color:#858f9f;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;background:#0d121a;padding:15px 17px}.workspace-table th:first-child{border-radius:7px 0 0 7px}.workspace-table th:last-child{border-radius:0 7px 7px 0}.workspace-table td{border-bottom:1px solid #29303a;padding:19px 17px;color:#b7becb;vertical-align:middle}.workspace-table td strong{color:#e7ecf4;font-size:12px;display:block}.workspace-table td small{font-size:10px;color:#848b9b;display:block;margin-top:6px}.table-scroll{width:100%;overflow-x:auto}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0}.inline-form select{min-height:33px;padding:6px 10px;width:auto;max-width:185px}.tiny-button{font-size:11px!important;border-radius:7px;padding:8px 13px;border:1px solid #8b3d50;background:#472331;color:#ffc0cc;white-space:nowrap}.tiny-button:hover{background:#6c3042}.activity-list>div{display:flex;gap:13px;align-items:center;border-bottom:1px solid #2a3039;padding:14px 0}.activity-list>div:last-child{border:0}.activity-dot{width:9px;height:9px;border:2px solid #e34b60;border-radius:50%}.activity-list>div>span:last-child{display:flex;flex-direction:column;gap:5px}.activity-list strong{font-size:12px}.activity-list small{font-size:10px;color:#808898}.quick-actions{display:flex;flex-direction:column}.quick-actions a{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #2a3039;padding:16px 2px;color:#d0d4de;font-size:12px}.quick-actions a:hover{color:#ff97a5}.quick-actions a:last-child{border:0}.quick-actions a span{color:#bd8592}.profile-card-avatar{width:84px;height:84px;background:#51222e;color:#ffa7b5;display:grid;place-items:center;font-size:42px;font-weight:900;border-radius:20px;margin:25px 0}.profile-data{display:grid;gap:16px}.profile-data span{display:flex;flex-direction:column;gap:7px;color:#858e9c;font-size:12px}.profile-data strong{color:#e0e4ec;font-size:14px}.leads-stack{display:flex;flex-direction:column;gap:13px}.lead-item{border:1px solid #303642;padding:23px;border-radius:10px;background:#10141c}.lead-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.lead-head>div{display:flex;flex-direction:column;gap:6px}.lead-head strong{font-size:14px}.lead-head span{color:#939caa;font-size:11px}.lead-item>.eyebrow{font-size:10px}.lead-item>p{font-size:12px;color:#c5c8d2;line-height:1.8;margin:17px 0;overflow-wrap:anywhere}.detail-thread{margin-top:12px}
@media(max-width:1230px){.workspace-shell{grid-template-columns:223px minmax(0,1fr)}.workspace-content{padding:37px 26px 60px}.workspace-topbar{padding:0 26px}.stats-grid{gap:12px}.metric-card{padding:20px 17px}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid{grid-template-columns:1fr 430px;gap:5%}}
@media(max-width:940px){.workspace-shell{display:block}.workspace-side{position:fixed;top:0;left:0;bottom:0;width:253px;transform:translateX(-105%);transition:transform .25s;box-shadow:14px 0 45px rgba(0,0,0,.35)}.side-open .workspace-side{transform:none}.side-open:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100}.side-toggle{display:block}.workspace-topbar{height:70px}.workspace-page-heading{align-items:start}.heading-caption{max-width:230px}.auth-grid{grid-template-columns:1fr;max-width:660px}.auth-intro{padding:0 8px}.auth-intro h1{font-size:42px}.auth-intro p{font-size:14px}.auth-decoration{margin:22px 0 34px}.auth-card{max-width:560px;width:100%}}
@media(max-width:660px){.workspace-topbar{padding:0 15px;gap:10px;height:65px}.crumb{display:none}.profile-pill{margin-left:auto;font-size:11px}.profile-pill>span:last-child{max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-form button{padding:7px}.workspace-content{padding:29px 16px 45px}.workspace-page-heading{display:block;margin-bottom:23px}.workspace-page-heading h1{font-size:30px}.heading-caption{text-align:left;margin-top:10px}.welcome-banner{min-height:0;padding:30px 24px;display:block}.welcome-banner h2{font-size:24px}.welcome-banner p{font-size:12px}.welcome-banner .button{margin-top:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:123px;padding:17px 15px}.metric-card strong{font-size:30px}.metric-card span,.metric-card small{font-size:10px}.workspace-card{padding:22px 17px}.split-cards,.split-uneven,.project-list{grid-template-columns:1fr}.project-list .workspace-card{margin-bottom:0}.form-double{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.shop-heading{display:block}.shop-heading .button{margin-top:12px}.info-ribbon{display:block}.info-ribbon>span{float:left;margin-right:10px}.info-ribbon a{display:inline-block;margin-top:10px}.workspace-footer{padding:20px 15px}.auth-section{padding:45px 0 60px}.auth-intro h1{font-size:38px;letter-spacing:-1.8px}.auth-card{padding:28px 20px}.auth-decoration{gap:12px}.auth-decoration span{font-size:10px}.compact-items a{gap:8px}.compact-items .state{font-size:9px;padding:6px}.count-chip{font-size:9px}.shop-product-bottom{flex-wrap:wrap}.shop-product-bottom .button{margin-top:4px}}
/* Landing page, native visual mock-up (illustrative data only) */
.workspace-feature-section{background:radial-gradient(ellipse at 78% 40%,rgba(188,35,65,.1),transparent 55%)}
.workspace-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:center}
.workspace-feature-copy h2{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;line-height:1.12;margin:22px 0}
.workspace-feature-copy p{color:#a7adb9;font-size:14px;line-height:1.9;margin-bottom:27px;max-width:480px}
.workspace-feature-points{display:flex;flex-wrap:wrap;gap:12px 19px;color:#ddd2d7;font-size:12px;margin:0 0 31px}
.workspace-feature-points span{white-space:nowrap}
.workspace-feature-art{background:#10141e;border:1px solid #3d303b;border-radius:13px;box-shadow:0 35px 95px rgba(0,0,0,.3),0 0 65px rgba(228,53,80,.07);overflow:hidden;transform:rotate(1deg)}
.feature-art-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 17px;border-bottom:1px solid #303039;color:#989bac}
.feature-art-toolbar>span{display:flex;gap:5px}.feature-art-toolbar b{width:7px;height:7px;background:#8f3446;border-radius:50%}.feature-art-toolbar b:nth-child(2){background:#725662}.feature-art-toolbar b:nth-child(3){background:#46505e}
.feature-art-toolbar small{letter-spacing:1.6px;font-size:9px}.feature-art-toolbar strong{color:#e74b61}
.feature-art-content{display:flex;min-height:328px}.feature-art-side{width:63px;background:#12131a;border-right:1px solid #2f2c36;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:24px;color:#626d7c}.feature-art-side>div{color:#f1687c;font-weight:900}.feature-art-side span{font-size:14px}
.feature-art-main{flex:1;min-width:0;padding:28px 28px 15px}.feature-art-main>span{font-size:9px;color:#ec8191;letter-spacing:1.4px}.feature-art-main h3{font-size:20px;letter-spacing:-.4px;margin:10px 0 23px}.feature-art-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px}.feature-art-statrow>div{border:1px solid #30333f;background:#1a1d28;border-radius:6px;padding:12px}.feature-art-statrow small{font-size:9px;color:#9299a7;display:block}.feature-art-statrow strong{font-size:21px;color:#f0f3f7;display:block;margin-top:5px}
.feature-art-project{margin:15px 0}.feature-art-project>span{display:flex;justify-content:space-between;color:#c6cad4;font-size:10px;margin-bottom:8px}.feature-art-project b{color:#f2a3ac}.feature-art-project>div{height:5px;background:#31303d;border-radius:5px;overflow:hidden}.feature-art-project i{height:100%;display:block;background:#e74961;border-radius:5px}.feature-demo-note{font-size:9px;display:block;color:#66707b;text-align:right;margin-top:24px}
@media(max-width:940px){.workspace-feature-grid{grid-template-columns:1fr;gap:35px}.workspace-feature-copy p{max-width:680px}.workspace-feature-art{max-width:690px}}
@media(max-width:600px){.workspace-feature-art{transform:none}.feature-art-side{width:38px}.feature-art-main{padding:20px 14px}.feature-art-main h3{font-size:16px}.feature-art-statrow{gap:5px}.feature-art-statrow>div{padding:10px 7px}.feature-art-statrow small{font-size:8px}.feature-art-statrow strong{font-size:17px}.feature-art-project>span{font-size:9px}.feature-art-content{min-height:300px}}