@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17251f;--deep:#10221c;--deeper:#0a1814;--green:#a8d431;--muted:#66736c;--paper:#f8faf7;--line:#e1e8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1230px;margin:auto;padding:0 36px}.site-header{background:white;position:sticky;top:0;z-index:40;border-bottom:1px solid #edf0e9}.nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:25px}.brand img{width:177px;height:auto;display:block}.desktop-nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:700;color:#344238}.desktop-nav a:hover{color:#64920d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:4px;padding:15px 22px;font-weight:800;font-size:12px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--deep);color:white}.btn-green{background:var(--green);color:#14221c}.btn-ghost{color:#fff;border:1px solid #506257;background:transparent}.menu,.mobile-nav{display:none}.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero-glow{position:absolute;right:10%;top:0;width:600px;height:600px;background:radial-gradient(circle,rgba(116,153,45,.14),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:630px;gap:50px;align-items:center;padding-top:80px;padding-bottom:66px;position:relative}.eyebrow{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:800;color:#65940d}.eyebrow.light{color:#b3d760}.green-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:10px;vertical-align:middle}.hero h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-2.5px}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.14;margin:27px 0}.hero h1 em{font-style:normal;color:var(--green)}.period{color:var(--green)}.hero-lead{font-size:16px;line-height:1.85;max-width:560px;color:#c1cec4}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;margin-top:54px;font-size:11px;color:#adbbaf}.hero-meta i{color:var(--green);font-style:normal;font-weight:800}.hero-art{min-width:0}.canvas-grid{position:absolute;right:0;top:0;width:50%;height:90%;background-image:linear-gradient(#e7f9d407 1px,transparent 1px),linear-gradient(90deg,#e7f9d407 1px,transparent 1px);background-size:27px 27px}.orchestra{position:relative;border:1px solid #3b5547;border-radius:13px;background:rgba(18,42,32,.95);padding:21px;box-shadow:0 32px 80px #0005}.flow-heading,.team-visual-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:1.5px;font-size:10px;color:#8ea89a;padding-bottom:22px}.spark{height:8px;width:8px;background:var(--green);border-radius:2px;box-shadow:0 0 15px var(--green)}.flow-status{margin-left:auto;padding:5px 7px;border:1px solid #4a624e;border-radius:4px;color:var(--green)}.human-node,.controller-node{display:flex;align-items:center;gap:12px;border:1px solid #425e48;border-radius:7px;background:#1b392b;padding:13px 15px;max-width:350px;margin:auto}.controller-node{border-color:#7f9b45;background:#263f25}.node-icon{background:#315038;color:var(--green);font-size:24px;border-radius:7px;padding:6px 9px}.human-node strong,.controller-node strong{display:block;font-size:12px}.human-node small,.controller-node small{display:block;color:#9dac9e;font-size:10px;margin-top:4px}.node-status{margin-left:auto;font-size:9px;color:var(--green)}.flow-line{height:23px;width:1px;margin:auto;background:#86a442}.flow-tree{height:30px;display:flex;justify-content:space-around;max-width:320px;margin:auto;position:relative}.flow-tree:before{content:'';position:absolute;top:0;left:15%;right:15%;border-top:1px solid #69853c}.flow-tree span{height:100%;border-left:1px solid #69853c}.agents{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.agent{background:#182f25;border:1px solid #3f5645;border-radius:6px;padding:14px 7px;text-align:center}.agent-symbol{display:block;color:var(--green);font-size:22px;margin-bottom:8px}.agent strong{display:block;font-size:11px}.agent small{display:block;font-size:10px;color:#91a99a;margin-top:4px}.flow-bottom{margin-top:20px;border-top:1px solid #385140;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.approval{font-size:12px;font-weight:700}.approved{font-size:9px;color:var(--green);letter-spacing:1px}.hero-bottom{border-top:1px solid #31453a}.hero-bottom .wrap{display:flex;gap:25px;align-items:center;height:55px;color:#8fa696;font-size:10px;font-weight:700;letter-spacing:2px;justify-content:space-between}.barline{width:45px;height:2px;background:var(--green)}.section{padding:102px 0}.section-top{display:flex;justify-content:space-between;align-items:center}.quiet{color:#a1aba3;font-size:10px;letter-spacing:1.5px;font-weight:800}.section-heading{margin:22px 0 42px}.section-heading.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}h2{font-size:clamp(35px,4.1vw,56px);line-height:1.2;margin:0;font-weight:800}.section-heading p{line-height:1.9;color:var(--muted);font-size:15px;margin:0 0 5px}.green-word{color:#7da920}.challenges{background:#fafbf8}.challenge-grid,.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.challenge{border:1px solid var(--line);background:white;border-radius:6px;padding:26px;min-height:238px}.challenge-num{color:#a6b2a9;font-size:11px}.challenge-icon{font-size:32px;margin:30px 0 18px;color:#83b322}.challenge h3,.service h3{font-family:Manrope;margin:0 0 10px;letter-spacing:-.5px}.challenge h3{font-size:17px}.challenge p,.service p{font-size:12px;line-height:1.85;color:var(--muted)}.services{background:white}.service{background:#f4f8ef;border:1px solid #e5eedb;min-height:335px;padding:25px;position:relative;display:flex;flex-direction:column}.service:nth-child(2){background:#eaf3e1}.service:nth-child(3){background:#eef3ea}.service:nth-child(4){background:#e6efe0}.service-icon{font-size:33px;color:#729d1b}.service-count{position:absolute;right:25px;top:30px;color:#a0b29b;font-size:12px}.service h3{font-size:19px;margin:40px 0 8px}.service p{margin:0 0 25px}.service-link{font-size:9px;color:#567c2c;letter-spacing:.4px;font-weight:800;margin-top:auto}.service-link b{float:right;font-size:15px}.service-footnote{color:#8c998d;font-size:12px;margin:20px 0 0}.agent-team{background:#12271d;color:white}.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.agent-team h2{margin:25px 0;line-height:1.22}.lime{color:var(--green)}.agent-team p,.contact p{color:#b9c9bc;line-height:1.9;max-width:520px}.team-points{margin-top:40px}.team-points>div{border-top:1px solid #47604a;padding:17px 0;display:flex;gap:22px;font-size:13px}.team-points span{color:var(--green);font-weight:800}.text-cta{display:inline-block;color:var(--green);font-weight:700;font-size:13px;margin-top:20px}.text-cta span{margin-left:30px}.team-visual{border:1px solid #426048;background:#1b3527;padding:25px;border-radius:8px}.team-visual-head{font-size:10px}.team-visual-head span,.team-visual-bottom .lime{color:var(--green)}.network-center{height:350px;position:relative;display:flex;align-items:center;justify-content:center}.network-ring{position:absolute;border:1px dashed #779858;border-radius:50%;width:300px;height:300px}.network-ring.inner{width:190px;height:190px;border-style:solid;border-color:#496c43}.center-logo{position:relative;z-index:2;width:125px;height:125px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 48px #99c72c25}.center-logo img{max-width:130px;width:130%;transform:scale(.8);height:auto}.sat{position:absolute;z-index:3;background:#31553b;border:1px solid #7b9b51;color:#dcedd2;min-width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.sat1{top:13px;left:38%}.sat2{top:77px;right:12%}.sat3{bottom:74px;right:9%}.sat4{bottom:14px;left:39%}.sat5{bottom:84px;left:10%}.sat6{top:77px;left:10%}.team-visual-bottom{display:flex;justify-content:space-between;border-top:1px solid #38503c;padding-top:20px;color:#8fa598;font-size:10px;letter-spacing:1px}.engagement{background:#f8faf6}.engage-list{border-top:1px solid #cdd9c8}.engage-list>div{display:grid;grid-template-columns:60px 1fr 1fr 20px;align-items:center;gap:25px;border-bottom:1px solid #cdd9c8;padding:21px 12px}.engage-list>div>span{color:#80a944;font-size:12px;font-weight:700}.engage-list h3{font-size:19px;letter-spacing:-.5px;margin:0}.engage-list p{font-size:12px;color:var(--muted)}.engage-list b{color:#7eac21}.approach{background:white}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.steps>div{background:#f2f7ee;padding:23px 18px;min-height:185px;display:flex;flex-direction:column;position:relative}.steps>div:not(:last-child):after{content:'→';position:absolute;right:-11px;top:38%;z-index:2;font-size:21px;color:#78a123}.steps span{font-size:12px;color:#78a123;font-weight:800}.steps strong{font-family:Manrope;font-size:17px;margin:24px 0 10px}.steps small{font-size:10px;color:#637268}.principles{display:flex;justify-content:center;gap:35px;margin-top:33px;color:#879787;font-size:11px;font-weight:800;letter-spacing:1.3px;flex-wrap:wrap}.work{background:#f5f8f2}.work-card{display:grid;grid-template-columns:1fr .9fr;background:white;border:1px solid #dde6d7}.work-info{padding:55px}.work-info h2{font-size:40px;margin:25px 0}.work-info p{font-size:14px;color:var(--muted);line-height:1.9}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chips span{font-size:9px;color:#54732f;background:#edf5e6;padding:7px 10px;font-weight:800}.work-note{display:block;font-size:11px;color:#879287;margin-top:35px}.work-interface{background:#15291f;padding:45px 30px;display:flex;flex-direction:column;justify-content:center}.ui-title{display:flex;justify-content:space-between;color:#d5e8d8;font-size:12px;font-weight:800;padding-bottom:15px}.ui-title span:last-child{font-size:9px;color:var(--green)}.fake-app{background:#eef5eb;border-radius:7px;padding:24px;box-shadow:0 20px 50px #0004}.fake-top{display:flex;justify-content:space-between;font-size:10px;color:#547b43;font-weight:800}.fake-progress{background:#d4e2d0;height:9px;border-radius:5px;margin:20px 0}.fake-progress i{display:block;background:#9acb35;width:75%;height:100%;border-radius:5px}.fake-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fake-metrics div{background:white;padding:12px 7px;text-align:center}.fake-metrics strong{display:block;color:#3d6333}.fake-metrics small{font-size:9px;color:#829181}.fake-row{background:white;margin-top:8px;padding:11px;font-size:11px;color:#42623a}.contact{background:#10241b;color:white;padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{margin-top:24px}.contact-notice{font-size:12px;color:#a5bea8;margin-top:50px;padding:16px;border:1px solid #3b6146;line-height:1.7}.inquiry{background:#fff;color:#1b2b21;border-radius:7px;padding:30px;display:flex;flex-direction:column;gap:11px}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.form-head strong{font-size:20px}.form-head span{font-size:9px;letter-spacing:1px;color:#608e27;background:#eef6df;padding:7px}.inquiry label{font-size:12px;font-weight:800}.inquiry input,.inquiry select,.inquiry textarea{background:#f6f8f4;border:1px solid #dfe7dd;padding:12px;outline:0;border-radius:3px;font-size:13px;width:100%;min-width:0}.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{border-color:#76a71d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col>div{display:flex;flex-direction:column;gap:10px}.privacy-note{font-size:10px;color:#78847a;line-height:1.6}.btn.full{width:100%}.form-feedback{min-height:0!important;font-size:12px!important;color:#437c22!important;margin:0!important}footer{background:#f2f5ef;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:35px}.footer-logo{width:180px}.footer-grid p{font-size:12px;color:#6b786e;line-height:1.9}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-grid strong{font-size:11px;letter-spacing:1px;margin-bottom:5px}.footer-grid a,.footer-grid span{font-size:12px;color:#63736a}.foot-bottom{margin-top:60px;border-top:1px solid #dce4d8;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#94a092;letter-spacing:1px}
@media(max-width:1080px){.desktop-nav{gap:13px}.hero-grid{gap:25px}.challenge-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.team-layout{gap:30px}.contact-grid{gap:30px}.work-info{padding:35px}}@media(max-width:800px){.wrap{padding:0 22px}.nav{height:70px}.brand img{width:150px}.desktop-nav,.nav-cta{display:none}.menu{display:block;border:0;background:none;font-size:26px;color:#17251f}.mobile-nav{display:flex;flex-direction:column;background:#fff;border-top:1px solid var(--line);padding:15px 22px;gap:0}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 0;border-bottom:1px solid #edf1ea;font-size:13px;font-weight:700}.hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:50px;gap:50px}.hero h1{font-size:clamp(42px,10vw,66px)}.hero-meta{margin-top:35px}.hero-art{max-width:530px;width:100%;margin:auto}.hero-bottom .wrap{font-size:8px}.section{padding:70px 0}.section-heading.split,.team-layout,.work-card,.contact-grid{grid-template-columns:1fr;gap:20px}.section-heading h2,.agent-team h2{font-size:clamp(33px,8vw,48px)}.section-heading p{margin-top:8px}.team-layout{gap:50px}.steps{grid-template-columns:repeat(2,1fr)}.steps>div:not(:last-child):after{display:none}.engage-list>div{grid-template-columns:35px 1fr 20px;gap:10px}.engage-list p{grid-column:2;grid-row:2;margin:0}.engage-list b{grid-column:3;grid-row:1}.footer-grid{grid-template-columns:repeat(2,1fr)}.work-info{padding:30px}.work-interface{padding:35px}.contact{padding:70px 0}}@media(max-width:510px){.hero h1{font-size:43px;letter-spacing:-2px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-meta{gap:12px}.orchestra{padding:13px}.node-status{display:none}.agents{gap:5px}.agent{padding:10px 2px}.agent strong{font-size:9px}.agent small{font-size:8px}.flow-bottom{flex-wrap:wrap}.challenge-grid,.services-grid{grid-template-columns:1fr}.challenge{min-height:0}.service{min-height:290px}.quiet{display:none}.team-visual{padding:15px}.network-center{height:290px}.network-ring{width:245px;height:245px}.network-ring.inner{width:170px;height:170px}.sat{min-width:44px;height:44px}.sat1{top:11px}.sat4{bottom:7px}.sat2,.sat6{top:60px}.sat3,.sat5{bottom:60px}.two-col{grid-template-columns:1fr}.inquiry{padding:21px}.foot-bottom{gap:20px}.footer-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* V2: precise common-origin orbital geometry */
.network-center { --orbit-diameter:300px; --node-diameter:56px; --center-disc:140px; height:390px; position:relative; display:grid; place-items:center; isolation:isolate; }
.network-ring.outer { width:var(--orbit-diameter); height:var(--orbit-diameter); left:50%; top:50%; transform:translate(-50%,-50%); box-sizing:border-box; border:1px dashed #8db847; }
.network-ring.inner { width:calc(var(--orbit-diameter)*.66); height:calc(var(--orbit-diameter)*.66); left:50%; top:50%; transform:translate(-50%,-50%); box-sizing:border-box; }
.center-logo { width:var(--center-disc); height:var(--center-disc); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; }
.center-logo img { width:112px; max-width:80%; height:auto; transform:none; display:block; }
.sat { width:var(--node-diameter); min-width:var(--node-diameter); height:var(--node-diameter); box-sizing:border-box; top:calc(50% + (var(--orbit-diameter) / 2) * sin(var(--angle))); left:calc(50% + (var(--orbit-diameter) / 2) * cos(var(--angle))); right:auto; bottom:auto; transform:translate(-50%,-50%); background:#31553b; border:2px solid #8dbd49; font-size:12px; }
.sat1 { --angle:-90deg; } .sat2 { --angle:-30deg; } .sat3 { --angle:30deg; } .sat4 { --angle:90deg; } .sat5 { --angle:150deg; } .sat6 { --angle:210deg; }
@media (min-width:768px) and (max-width:1199px) { .network-center { --orbit-diameter:260px; --node-diameter:52px; --center-disc:128px; height:340px; } .center-logo img{width:100px} }
@media (max-width:767px) { .network-center { --orbit-diameter:min(70vw,245px); --node-diameter:46px; --center-disc:116px; height:320px; } .center-logo img { width:92px; } }
@media (max-width:359px) { .network-center { --orbit-diameter:200px; height:265px; --node-diameter:44px; --center-disc:110px; } .center-logo img { width:86px; } }
/* v2 bilingual control */
.lang-switch {display:inline-flex; gap:6px; align-items:center; margin-left:8px; white-space:nowrap; font-size:11px; font-weight:800; letter-spacing:.08em}
.lang-switch a { color:#65766a; text-decoration:none; border:1px solid #d4dfd2; border-radius:4px; padding:6px 8px; }
.lang-switch a[aria-current="page"] {color:#15301f; background:#b1d942; border-color:#b1d942}
.mobile-nav .lang-switch {margin:12px 0;}
@media (max-width:800px) { .nav>.lang-switch{margin-left:auto; margin-right:12px;} }
@media (max-width:400px) { .brand img{width:132px;} .nav>.lang-switch{gap:3px;margin-right:6px} }
:focus-visible{outline:3px solid #8fc329;outline-offset:3px}
html[lang="th"] body{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;line-height:1.4;letter-spacing:-.035em}
html[lang="th"] .service h3{line-height:1.4}

/* v3 production foundation: Kanit-first Thai typography */
html[lang="th"] body,html[lang="th"] button,html[lang="th"] input,html[lang="th"] textarea,html[lang="th"] select {font-family:"Kanit",Tahoma,sans-serif;}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3,html[lang="th"] .challenge h3,html[lang="th"] .service h3,html[lang="th"] .steps strong {font-family:"Kanit",Tahoma,sans-serif;line-height:1.4;letter-spacing:-.015em;}
html[lang="th"] .hero h1{line-height:1.28;}
html[lang="th"] .desktop-nav,html[lang="th"] .mobile-nav,html[lang="th"] .btn{letter-spacing:0;}
.inquiry .hp-field{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important;}
.inquiry .turnstile-region{margin:6px 0;min-height:0;}
.inquiry button:disabled{opacity:.55;cursor:not-allowed;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none;}}

/* Deploy v1: contact cannot be submitted and is visibly inactive */
.inquiry button[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none;filter:grayscale(.35)}

/* Deploy v1.1: visible direct contact information (contact form remains disabled). */
.direct-contact { margin:26px 0 18px; padding:23px 24px; background:rgba(177,217,66,.07); border:1px solid rgba(177,217,66,.30); border-radius:12px; font-style:normal; line-height:1.7; overflow-wrap:anywhere; }
.direct-contact h3 { color:#b1d942; font-size:17px; margin:0 0 13px; font-weight:600; }
.direct-contact p { margin:6px 0; font-size:15px; }
.direct-contact .contact-address { color:#e1ecdf; margin-bottom:12px; }
.direct-contact p span { color:#afc2b6; }
.direct-contact a { color:#d0f67c; text-decoration:underline; text-underline-offset:3px; }
.direct-contact a:hover,.footer-direct-contact a:hover { color:#ffffff; }
.footer-direct-contact { display:flex; flex-direction:column; gap:8px; margin-top:10px; overflow-wrap:anywhere; }
.footer-direct-contact a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:600px) { .direct-contact { padding:18px; } .direct-contact p { font-size:14px; } }

/* Deploy v1.4: Engineering in Practice — prevent mobile horizontal overflow.
   Narrow headings and three-column mockup are constrained independently. */
.work-card,.work-info,.work-interface,.fake-app,.fake-metrics,.fake-metrics>div{min-width:0;max-width:100%;}
.work-info h2{overflow-wrap:break-word;}
.work-interface{overflow:hidden;}
.fake-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
.fake-metrics>div{min-width:0;}
.fake-metrics small{display:block;overflow-wrap:anywhere;}
.fake-row{overflow-wrap:anywhere;}
@media(max-width:800px){
  .work-card{grid-template-columns:minmax(0,1fr);}
  .work-info,.work-interface{width:100%;min-width:0;}
  .work-info h2{font-size:clamp(28px,7.6vw,40px);line-height:1.2;letter-spacing:-.05em;}
  html[lang="th"] .work-info h2{line-height:1.35;letter-spacing:-.015em;}
  .work-info{padding:clamp(18px,5vw,30px);}
  .work-interface{padding:clamp(16px,4.5vw,35px);}
  .fake-app{padding:clamp(12px,3.7vw,24px);}
  .fake-metrics{gap:clamp(4px,1.6vw,8px);}
  .fake-metrics>div{padding:10px 3px;}
  .fake-metrics strong{font-size:clamp(12px,3.7vw,16px);}
  .fake-metrics small{font-size:clamp(8px,2.35vw,10px);line-height:1.35;}
  .fake-top,.fake-row{font-size:clamp(9px,2.6vw,11px);}
  .chips{gap:6px;}
  .chips span{font-size:9px;max-width:100%;}
}
@media(max-width:380px){
  .work-info h2{font-size:clamp(27px,7.7vw,31px);}
  .work-info,.work-interface{padding:18px;}
  .fake-app{padding:13px;}
  .fake-row{padding:10px 7px;}
}