/* Standalone pages generated from home panels */
.site-page{min-height:100vh;color:var(--w);background:var(--bg);}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;min-height:78px;padding:14px clamp(20px,4vw,56px);background:rgba(5,7,10,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);}
.site-brand{display:inline-flex;align-items:center;gap:14px;color:var(--w);text-decoration:none;}
.site-brand-img{height:48px;width:auto;filter:drop-shadow(0 0 14px rgba(200,241,53,.22));}
.site-brand-text{font-family:var(--f-display);font-size:18px;letter-spacing:.09em;color:var(--w);}
.site-brand-text em{font-style:normal;color:var(--g);}
.site-nav{display:flex;align-items:center;gap:18px;margin-left:auto;}
.site-nav a,.site-header-cta{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s,background .2s;}
.site-nav a{color:var(--dim);}
.site-nav a:hover,.site-nav a.act{color:var(--g);}
.site-header-cta{color:var(--bg);background:var(--g);padding:13px 22px;}
.site-header-cta:hover{background:var(--w);}

.panel-page{max-width:1120px;margin:0 auto;padding:clamp(42px,6vw,84px) clamp(20px,4vw,48px) 96px;}
.panel-hero{max-width:760px;margin-bottom:clamp(44px,6vw,76px);}
.panel-back{display:inline-flex;margin-bottom:34px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none;}
.panel-back::before{content:'←';margin-right:8px;}
.panel-back:hover{color:var(--g);}
.panel-eyebrow{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--g);margin-bottom:14px;}
.panel-title{font-family:var(--f-display);font-size:clamp(46px,8vw,104px);letter-spacing:.02em;text-transform:uppercase;line-height:.96;margin:0 0 22px;color:var(--w);}
.panel-title span{color:var(--g);}
.panel-desc{max-width:620px;font-size:1rem;line-height:1.75;color:var(--dim);}

.panel-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);}
.panel-grid--services{grid-template-columns:repeat(2,minmax(0,1fr));}
.panel-grid--work,.panel-grid--pricing{grid-template-columns:repeat(3,minmax(0,1fr));}
.panel-card{min-width:0;background:var(--bg);padding:30px;display:flex;flex-direction:column;gap:18px;}
.panel-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}
.panel-num{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--g);}
.panel-card h2,.featured-case h2,.timeline-step h2,.panel-cta h2,.contact-info-card h2{font-family:var(--f-display);font-size:clamp(24px,3vw,40px);letter-spacing:.04em;text-transform:uppercase;line-height:1.05;margin:0;color:var(--w);}
.panel-card p,.featured-case p,.timeline-step p,.panel-cta p,.contact-info-card dd,.form-note{font-size:.9rem;line-height:1.7;color:var(--dim);margin:0;}
.panel-tags{display:flex;flex-wrap:wrap;gap:7px;}
.panel-tags span{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--g);border:1px solid rgba(200,241,53,.28);border-radius:999px;padding:5px 9px;}
.panel-tags--large{margin-top:24px;}
.panel-list{display:grid;gap:9px;list-style:none;margin:0;padding:0;}
.panel-list li{position:relative;padding-left:18px;font-size:.86rem;color:rgba(255,255,255,.78);}
.panel-list li::before{content:'—';position:absolute;left:0;color:var(--g);}
.panel-list li.muted{color:var(--dimmer);}
.panel-list li.muted::before{color:var(--border);}
.panel-link,.panel-cta a,.panel-contact-form button{margin-top:auto;align-self:flex-start;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g);text-decoration:none;}
.panel-link:hover,.panel-cta a:hover{color:var(--w);}

.featured-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:1px;margin-bottom:1px;background:var(--border);border:1px solid var(--border);}
.featured-case-text{background:var(--bg);padding:36px;display:flex;flex-direction:column;gap:18px;}
.case-cat{font-family:var(--f-mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--g)!important;}
.featured-case-visual,.work-card-img{min-height:320px;background:#0d1014;position:relative;overflow:hidden;background-size:cover;background-position:center;}
.featured-case-visual::after,.work-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,241,53,.22),transparent 45%);}
.featured-case-visual--mokup,.work-card-img--mokup{background-image:url('../img/tchackcom.png');}
.featured-case-visual--symbol,.work-card-img--symbol{background-image:url('../img/logo_Vanderweb.svg');background-size:42%;background-repeat:no-repeat;}
.work-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.work-card-img{min-height:180px;margin:-30px -30px 6px;}

.timeline-list{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);}
.timeline-step{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;background:var(--bg);padding:32px;}

.price-card.is-featured{background:linear-gradient(180deg,rgba(200,241,53,.1),var(--bg) 46%);}
.price-value{font-family:var(--f-display);font-size:clamp(48px,7vw,82px);line-height:.9;text-transform:uppercase;color:var(--w);}
.price-value span{font-family:var(--f-mono);font-size:18px;color:var(--g);vertical-align:top;margin-right:4px;}

.panel-cta{margin-top:clamp(42px,6vw,72px);padding:34px;border:1px solid var(--border);background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;gap:28px;}
.panel-cta p{max-width:520px;}

.contact-split{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.contact-info-card,.panel-contact-form{background:var(--bg);padding:34px;}
.contact-info-card dl{display:grid;gap:18px;margin:28px 0 0;}
.contact-info-card dt{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--g);margin-bottom:5px;}
.contact-info-card a,.contact-socials a{color:var(--w);text-decoration:none;}
.contact-info-card a:hover,.contact-socials a:hover{color:var(--g);}
.contact-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.contact-socials a{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);padding:9px 12px;}
.panel-contact-form{display:grid;gap:16px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.panel-contact-form label{display:grid;gap:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);}
.panel-contact-form input,.panel-contact-form select,.panel-contact-form textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid var(--border);color:var(--w);font:inherit;font-family:var(--f-body);font-size:.92rem;letter-spacing:0;text-transform:none;padding:13px 14px;outline:none;}
.panel-contact-form input:focus,.panel-contact-form select:focus,.panel-contact-form textarea:focus{border-color:rgba(200,241,53,.6);}
.hp-field{display:none!important;}
.panel-contact-form button{border:0;background:var(--g);color:var(--bg);padding:14px 24px;cursor:pointer;}
.panel-contact-form button:disabled{opacity:.55;cursor:wait;}
.form-feedback{font-size:.86rem;line-height:1.5;color:var(--dim);}
.form-feedback.ok{color:var(--g);}
.form-feedback.err{color:#ff7b7b;}

@media(max-width:900px){
  .site-header{position:relative;align-items:flex-start;flex-wrap:wrap;gap:16px;}
  .site-nav{order:3;width:100%;overflow:auto;padding-bottom:4px;margin-left:0;}
  .site-header-cta{margin-left:auto;}
  .panel-grid--services,.panel-grid--work,.panel-grid--pricing,.featured-case,.contact-split{grid-template-columns:1fr;}
  .panel-cta{display:block;}
  .panel-cta a{display:inline-block;margin-top:20px;}
}
@media(max-width:560px){
  .site-header{padding:14px 20px;}
  .site-brand-img{height:42px;}
  .site-nav{gap:14px;}
  .site-header-cta{width:100%;text-align:center;}
  .panel-page{padding:34px 20px 76px;}
  .panel-card,.featured-case-text,.timeline-step,.contact-info-card,.panel-contact-form,.panel-cta{padding:24px;}
  .timeline-step{grid-template-columns:1fr;gap:14px;}
  .form-row{grid-template-columns:1fr;}
}