/* weblight v3 */
:root{--yellow:#ffb600}html{scroll-padding-top:100px}a,button{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b17c00;outline-offset:5px}.site-header{gap:24px}.site-header nav{gap:22px}.brand img,footer img{mix-blend-mode:multiply}.hero{gap:4vw}.hero-copy,.brand-stage{min-width:0}.brand-stage{min-height:560px}.brand-stage:before{content:"";position:absolute;width:80%;height:70%;border-radius:50%;background:var(--yellow);filter:blur(90px);opacity:.12;pointer-events:none}.showcase{width:100%;position:relative;background:#f8f8f5;border:1px solid #e3e3de;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #0000000e}.showcase-head{display:flex;align-items:center;gap:9px;padding:19px 24px;border-bottom:1px solid #e8e8e3;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.showcase-head small{margin-left:auto;color:#777;font-variant-numeric:tabular-nums}.showcase-tabs{display:flex;margin:18px 20px 0;background:#eaeae6;padding:4px;border-radius:12px;gap:2px}.showcase-tabs button{flex:1;min-width:0;border:0;background:transparent;border-radius:9px;padding:11px 5px;color:#61615b;font-size:11px;font-weight:700;cursor:pointer}.showcase-tabs button[aria-selected=true]{background:#111;color:white;box-shadow:0 3px 8px #0002}.showcase-panels{touch-action:pan-y;user-select:none}.showcase-panel{padding:26px;min-height:415px;animation:reveal .25s ease}.showcase-panel[hidden]{display:none}.panel-kicker{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#866000;margin-bottom:12px}.showcase-panel h2{font-size:clamp(26px,2.8vw,42px);line-height:1.06;letter-spacing:-.045em;margin-bottom:12px}.showcase-panel>p:not(.panel-kicker){font-size:13px;line-height:1.6;color:#686861;max-width:390px;margin-bottom:20px}.brand-collection{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.brand-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;border:1px solid #e7e7e2;border-radius:12px;min-height:90px;padding:10px;gap:5px;overflow:hidden}.brand-tile img{width:100%;height:52px;object-fit:contain}.brand-tile span{font-size:9px;color:#777}.brand-tile:hover{border-color:#ba9000}.text-link{display:inline-block;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.showcase-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #e8e8e3;color:#777;font-size:10px}.slide-dots{display:flex;gap:5px}.slide-dots i{width:6px;height:6px;background:#d1d1cb;border-radius:10px}.slide-dots .active{width:20px;background:#111}.web-demo{background:white;border:1px solid #deded9;border-radius:12px;overflow:hidden;margin-bottom:20px}.demo-top{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.demo-top img{width:86px}.demo-top span{font-size:8px;color:#888}.demo-content{padding:20px;background:#ffb600}.demo-content strong{font-size:24px;line-height:1.05;letter-spacing:-.04em}.demo-pill{font-size:9px;margin-top:13px}.demo-tags{display:flex;gap:12px;font-size:9px;padding:12px 14px}.hero-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.hero-tools a{padding:17px 13px;border-radius:12px;background:white;border:1px solid #e5e5df}.hero-tools b,.hero-tools span{display:block}.hero-tools b{font-size:14px}.hero-tools span{font-size:10px;color:#777;margin-top:5px}.hero-tools a:hover{border-color:#b38a00}.portfolio{padding-bottom:65px}.projects{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:210px;gap:16px;padding-bottom:25px;scrollbar-width:thin;scrollbar-color:#b6b6ae transparent;scroll-padding-inline:clamp(22px,7vw,105px)}.project-card{border-radius:17px;min-width:0}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000000d}.project-preview{height:115px;background:#fff;display:grid;place-items:center;padding:20px;font-size:23px;font-weight:800;letter-spacing:-.04em;text-align:center}.project-preview img{width:100%;height:75px;object-fit:contain}.project-meta{padding:12px 16px;border-top:1px solid #f0f0ed;display:flex;align-items:start;flex-direction:column;gap:3px}.project-meta b{font-size:14px}.project-meta span{font-size:9px;letter-spacing:.07em}.slider-controls button{font-size:19px;width:44px;height:44px}.tools-section{background:var(--soft);padding:35px 0 80px}.tools-section h2{font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.05em}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:15px clamp(22px,7vw,105px)}.tool-card{display:flex;flex-direction:column;background:white;border:1px solid #deded9;border-radius:20px;padding:25px;transition:transform .2s,border-color .2s}.tool-card[href]:hover{transform:translateY(-4px);border-color:#b38a00}.tool-symbol{display:grid;place-items:center;width:44px;height:44px;background:#fff2ca;border-radius:13px;margin-bottom:25px}.tool-symbol svg{width:25px;height:25px}.tool-category{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:8px}.tool-card h3{font-size:20px;line-height:1.2;letter-spacing:-.03em;margin-bottom:10px}.tool-card p{font-size:13px;color:#777;margin-bottom:25px}.tool-action{margin-top:auto;font-size:11px;font-weight:700}.tool-pending .tool-action{color:#777}.contact-dock{position:fixed;bottom:20px;right:22px;display:flex;align-items:center;gap:8px;padding:7px;background:#ffffffed;backdrop-filter:blur(18px);border:1px solid #e2e2df;border-radius:19px;box-shadow:0 10px 40px #0002;z-index:45}.contact-dock svg{width:22px;height:22px;display:block}.whatsapp-button,.call-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:700;min-height:46px}.whatsapp-button{background:#167e46;color:white}.whatsapp-button:hover{background:#106236}.call-button{background:#111;color:white;display:none}.social-buttons{display:flex;gap:4px}.social-buttons button{display:grid;place-items:center;width:36px;height:40px;background:none;border:0;color:#777;padding:7px;cursor:default}.social-buttons button:disabled{opacity:.6}footer{padding-bottom:110px}.hero-note{flex-wrap:wrap}.site-header .brand{flex-shrink:0}@keyframes reveal{from{opacity:.3;transform:translateX(8px)}to{opacity:1;transform:none}}@media(min-width:981px) and (max-width:1200px){.site-header{padding-inline:24px;gap:16px}.site-header nav{gap:14px}.site-header .brand{width:150px}.hero{padding-inline:35px}.showcase-panel{padding:22px}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.brand-stage{min-height:0;max-width:620px;width:100%;justify-self:center}.showcase-panel{min-height:430px}.showcase-panel h2{font-size:38px}.tools-grid{grid-template-columns:repeat(2,1fr)}.brand-tile{min-height:104px}.brand-tile img{height:65px}.site-header nav{gap:20px}}@media(max-width:600px){html{scroll-padding-top:90px}.hero{padding-top:36px;padding-bottom:60px}.hero h1{font-size:clamp(39px,10.5vw,56px)}.showcase{border-radius:21px}.showcase-tabs{margin:14px 14px 0}.showcase-tabs button{font-size:10px;padding:12px 3px}.showcase-panel{padding:22px 18px;min-height:430px}.showcase-panel h2{font-size:33px}.showcase-head{padding:16px 18px}.showcase-foot{padding-inline:18px}.brand-tile{min-height:97px}.brand-tile img{height:54px}.projects{grid-auto-columns:165px;gap:12px}.project-preview{height:100px;padding:15px}.project-preview img{height:65px}.project-meta{padding:11px 13px}.project-meta b{font-size:12px}.project-meta span{font-size:8px}.portfolio{padding-top:70px;padding-bottom:35px}.tools-section{padding-top:30px;padding-bottom:55px}.tools-grid{gap:10px}.tool-card{padding:17px;border-radius:16px}.tool-card h3{font-size:17px}.tool-card p{font-size:12px}.tool-category{font-size:8px}.tool-symbol{margin-bottom:18px}.contact-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));justify-content:center;gap:6px;border-radius:17px;padding:6px}.call-button{display:flex}.whatsapp-button,.call-button{padding:11px 10px;font-size:11px;gap:6px;flex:1}.social-buttons{gap:0}.social-buttons button{width:31px}.contact-dock svg{width:20px;height:20px}.contact{padding-bottom:85px}footer{padding-bottom:125px}.toast{bottom:95px;left:18px;right:18px}.hero-note{gap:4px}.hero-note span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-tile:has(img[src*="nordnest"]),.project-preview:has(img[src*="nordnest"]){background:#172a29}.brand-tile:has(img[src*="nordnest"]) span{color:#cfcbc2}.hero-tool-pending{padding:17px 13px;border-radius:12px;background:#eeeeea;border:1px solid #e5e5df}.hero-tool-pending b,.hero-tool-pending span{display:block}.hero-tool-pending b{font-size:14px}.hero-tool-pending span{font-size:10px;color:#777;margin-top:5px}
/* Tools — aceeași familie vizuală cu Portofoliu */
.tools-section{background:var(--soft);padding:35px 0 80px;overflow:hidden}
.tools-section h2{font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.05em}
.tools-projects{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:210px;gap:16px;overflow-x:auto;padding:18px clamp(22px,7vw,105px) 30px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b6b6ae transparent;scroll-padding-inline:clamp(22px,7vw,105px)}
.tools-projects::-webkit-scrollbar{height:7px}.tools-projects::-webkit-scrollbar-thumb{background:#b6b6ae;border-radius:99px}.tools-projects::-webkit-scrollbar-track{background:transparent}
.tool-project-card{scroll-snap-align:start;min-width:0}
.tool-live-preview{padding:0;background:#fff;display:block;position:relative;isolation:isolate}
.tool-live-preview iframe{position:absolute;left:0;top:0;width:1200px;height:720px;border:0;pointer-events:none;transform:scale(.175);transform-origin:0 0;background:#fff}
.tool-live-preview:after{content:"";position:absolute;inset:0;z-index:2}
.hero-tools{grid-template-columns:1fr 1fr}.hero-tools a:last-child{grid-column:1/-1}
@media(max-width:600px){.tools-projects{grid-auto-columns:165px;gap:12px}.tool-live-preview iframe{transform:scale(.1375)}.hero-tools a:last-child{grid-column:auto}}
/* Final alignment — Portofoliu + Tools */
#portofoliu .section-row,#tools .section-row{position:relative;justify-content:center;align-items:center;text-align:center}
#portofoliu .section-row>div:first-child,#tools .section-row>div:first-child{margin-inline:auto}
#portofoliu .section-row .slider-controls,#tools .section-row .slider-controls{position:absolute;right:0;bottom:4px}
#portofoliu .portfolio-help,#tools .portfolio-help{text-align:center;max-width:820px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
#portofoliu .projects,#tools .tools-projects{justify-content:safe center}
@media(max-width:600px){#portofoliu .section-row,#tools .section-row{text-align:center;justify-content:center;align-items:center}#portofoliu .portfolio-help,#tools .portfolio-help{padding-left:22px;padding-right:22px}}
/* Cele mai recente proiecte */
.recent-projects{padding:80px clamp(22px,7vw,105px);background:#fff}
.recent-heading{text-align:center;margin-bottom:36px}
.recent-heading .section-kicker{color:#866000}
.recent-heading h2{font-size:clamp(32px,4.2vw,60px);line-height:1.08;letter-spacing:-.05em;margin-bottom:0}
.recent-project-card{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:38px;align-items:center;max-width:1040px;margin:auto;padding:24px;background:var(--soft);border:1px solid var(--line);border-radius:26px;transition:box-shadow .2s,border-color .2s}
.recent-project-card:hover{border-color:#c99a1b;box-shadow:0 16px 40px #0000000b}
.recent-preview{min-width:0;border:1px solid #deded9;border-radius:14px;overflow:hidden;background:#fff;pointer-events:none}
.recent-browser-bar{display:flex;align-items:center;gap:5px;padding:10px 12px;background:#eeeeea;border-bottom:1px solid #deded9}
.recent-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#c5c5bd}
.recent-browser-bar small{margin:auto;font-size:9px;color:#666}
.recent-preview-window{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;container-type:inline-size;background:#f8f4ed}
.recent-preview-window>img{position:absolute;inset:0;margin:auto;width:38%;height:70%;object-fit:contain}
.recent-preview-window iframe{position:absolute;left:0;top:0;width:1280px;height:800px;border:0;transform:scale(.35);transform:scale(calc(100cqw / 1280px));transform-origin:top left;pointer-events:none;background:#f8f4ed}
.recent-project-copy{padding:10px 12px 10px 0;min-width:0}
.recent-project-copy .section-kicker{font-size:10px;color:#866000;margin-bottom:12px}
.recent-project-copy h3{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.04em;line-height:1.12;margin-bottom:14px}
.recent-project-copy>p:not(.section-kicker){font-size:15px;color:var(--muted);margin-bottom:24px}
.recent-project-link{display:inline-flex;gap:22px;align-items:center;background:var(--yellow);padding:12px 18px;border-radius:12px;font-size:13px;font-weight:700}
@media(max-width:700px){.recent-projects{padding-top:60px;padding-bottom:60px}.recent-project-card{grid-template-columns:minmax(0,1fr);padding:16px;gap:22px;border-radius:22px}.recent-project-copy{padding:0 4px 8px}.recent-heading{margin-bottom:26px}}
.seo-faq{padding:70px clamp(22px,7vw,105px);background:var(--soft)}.seo-faq>.section-kicker{color:#866000}.seo-faq h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.04em;max-width:800px}.seo-faq-list{max-width:960px}.seo-faq details{border-bottom:1px solid #dcdcd5;padding:20px 0}.seo-faq summary{font-weight:700;cursor:pointer;line-height:1.5}.seo-faq details p{margin:14px 0 0;color:#555;max-width:820px}.seo-faq summary:focus-visible{outline:3px solid #b17c00;outline-offset:5px}
/* Preview compact pentru proiectele recente */
.recent-projects{padding-top:60px;padding-bottom:60px}
.recent-heading h2{font-size:clamp(30px,3.4vw,46px)}
.recent-project-card{max-width:820px;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;padding:20px;border-radius:22px}
.recent-project-copy h3{font-size:clamp(23px,2.2vw,30px)}
.recent-project-copy>p:not(.section-kicker){font-size:14px;margin-bottom:18px}
@media(max-width:700px){.recent-project-card{grid-template-columns:minmax(0,1fr);max-width:440px;gap:18px;padding:16px}.recent-preview{width:min(100%,280px);margin-inline:auto}.recent-projects{padding-top:48px;padding-bottom:48px}}