/* SERVICES PAGE */
.svcf { padding: 68px 0; border-bottom: 1px solid var(--b); }
.svcf.alt { background: var(--s1); }
.svcf-in { display: grid; grid-template-columns: 1fr 1fr; gap: 68px; align-items: center; }
.svcf.alt .svcf-in { direction: rtl; }
.svcf.alt .svcf-in > * { direction: ltr; }
.svis {
  background: var(--s2); border: 1px solid var(--b);
  border-radius: var(--rl); min-height: 250px;
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden; font-size: 3.8rem;
}
.svg { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,122,51,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,122,51,.04) 1px, transparent 1px); background-size: 34px 34px; }
.svico { position: relative; z-index: 1; }
.sbls { margin-top: 22px; display: flex; flex-direction: column; gap: 9px; }
.sbl { display: flex; align-items: flex-start; gap: 10px; font-size: .875rem; color: var(--t2); }
.sbd { width: 5px; height: 5px; background: var(--accent); border-radius: 50%; margin-top: 8px; flex-shrink: 0; }

/* WORK PAGE */
.w-note {
  padding: 22px 26px; background: var(--s1); border: 1px solid var(--b);
  border-radius: var(--r); margin-bottom: 40px;
}
.w-note p { font-size: .88rem; color: var(--t2); line-height: 1.78; }
.wfg { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.wfc { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); overflow: hidden; transition: all .25s var(--ease); }
.wfc:hover { border-color: var(--b2); transform: translateY(-3px); box-shadow: 0 14px 44px rgba(0,0,0,.36); }
.wfth { height: 210px; position: relative; display: flex; align-items: center; justify-content: center; }
.wfg2 { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 26px 26px; }
.wfb { padding: 22px; }
.wftg { display: inline-block; padding: 3px 8px; border-radius: 5px; font-size: .69rem; font-weight: 500; background: rgba(255,122,51,.1); color: var(--accent); margin-bottom: 9px; }
.wfc h3 { font-family: var(--fd); font-size: .95rem; font-weight: 600; margin-bottom: 5px; }
.wfc p { font-size: .84rem; color: var(--t2); line-height: 1.72; }
.wfm { margin-top: 14px; display: flex; gap: 9px; flex-wrap: wrap; }
.mchip { padding: 3px 9px; border-radius: 5px; font-size: .7rem; color: var(--t2); background: var(--s3); border: 1px solid var(--b); }

/* ABOUT PAGE */
.about-row { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.phi { padding: 20px 22px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); transition: all .25s; }
.phi:hover { border-color: var(--b2); background: var(--s2); }
.phi h4 { font-family: var(--fd); font-size: .9rem; font-weight: 600; margin-bottom: 5px; }
.phi p { font-size: .84rem; color: var(--t2); line-height: 1.7; }
.avi { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 32px; }
.avi-row { padding: 13px 0; border-bottom: 1px solid var(--b); }
.avi-row:last-child { border-bottom: none; }
.avi-row .txs { color: var(--t3); margin-bottom: 3px; }

/* CONTACT PAGE */
.cpg { padding: 150px 0 80px; }
.cgrid { display: grid; grid-template-columns: 5fr 6fr; gap: 72px; align-items: start; }
.cibs { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
.cib { display: flex; align-items: flex-start; gap: 13px; padding: 17px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); }
.cii { width: 34px; height: 34px; background: rgba(255,122,51,.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; }
.cib h5 { font-family: var(--fd); font-size: .855rem; font-weight: 600; margin-bottom: 3px; }
.cib p { font-size: .81rem; color: var(--t2); line-height: 1.65; }
.trst { margin-top: 28px; display: flex; flex-direction: column; gap: 8px; }
.ti2 { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--t2); }
.ti2 span { color: var(--accent); font-size: .78rem; }
.fwrap { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 34px; }
.frow { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.fg { margin-bottom: 17px; }
.fg label { display: block; font-size: .77rem; font-weight: 500; color: var(--t2); margin-bottom: 7px; }
.fg input, .fg select, .fg textarea {
  width: 100%; background: var(--s2); border: 1px solid var(--b);
  border-radius: 9px; padding: 11px 13px; color: var(--text);
  font-size: .875rem; outline: none;
  transition: border-color .2s, box-shadow .2s; -webkit-appearance: none;
}
.fg select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C889C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; cursor: pointer;
}
.fg select option { background: var(--s2); }
.fg textarea { resize: vertical; min-height: 108px; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--ag); }
.fg input.err, .fg textarea.err { border-color: #ef4444; }
.fsub { width: 100%; padding: 13px; font-size: .9rem; border-radius: 10px; }
.fnote { text-align: center; margin-top: 13px; font-size: .76rem; color: var(--t3); }
.fsucc { display: none; text-align: center; padding: 40px 16px; }
.fsucc-ico { font-size: 2.2rem; margin-bottom: 13px; }
.fsucc h3 { font-family: var(--fd); font-size: 1.25rem; font-weight: 600; margin-bottom: 7px; }
.fsucc p { font-size: .875rem; color: var(--t2); }

/* REVEAL */
.rv { opacity: 0; transform: translateY(24px); transition: opacity .52s var(--ease), transform .52s var(--ease); }
.rv.vis { opacity: 1; transform: none; }
.d1 { transition-delay: .1s; }
.d2 { transition-delay: .2s; }
.d3 { transition-delay: .3s; }
.d4 { transition-delay: .4s; }

/* UTILS */
.tc { text-align: center; }
.m0 { margin-top: 0; }
.m8 { margin-top: 8px; } .m12 { margin-top: 12px; } .m16 { margin-top: 16px; }
.m20 { margin-top: 20px; } .m24 { margin-top: 24px; } .m32 { margin-top: 32px; }
.m40 { margin-top: 40px; } .m48 { margin-top: 48px; }
.mb8 { margin-bottom: 8px; } .mb12 { margin-bottom: 12px; } .mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }

/* WORK PAGE */
.w-note {
  padding: 22px 26px; background: var(--s1); border: 1px solid var(--b);
  border-radius: var(--r); margin-bottom: 40px;
}
.w-note p { font-size: .88rem; color: var(--t2); line-height: 1.78; }
.wfg { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.wfc { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); overflow: hidden; transition: all .25s var(--ease); }
.wfc:hover { border-color: var(--b2); transform: translateY(-3px); box-shadow: 0 14px 44px rgba(0,0,0,.36); }
.wfth { height: 210px; position: relative; display: flex; align-items: center; justify-content: center; }
.wfg2 { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 26px 26px; }
.wfb { padding: 22px; }
.wftg { display: inline-block; padding: 3px 8px; border-radius: 5px; font-size: .69rem; font-weight: 500; background: rgba(255,122,51,.1); color: var(--accent); margin-bottom: 9px; }
.wfc h3 { font-family: var(--fd); font-size: .95rem; font-weight: 600; margin-bottom: 5px; }
.wfc p { font-size: .84rem; color: var(--t2); line-height: 1.72; }
.wfm { margin-top: 14px; display: flex; gap: 9px; flex-wrap: wrap; }
.mchip { padding: 3px 9px; border-radius: 5px; font-size: .7rem; color: var(--t2); background: var(--s3); border: 1px solid var(--b); }

/* ABOUT PAGE */
.about-row { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.phi { padding: 20px 22px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); transition: all .25s; }
.phi:hover { border-color: var(--b2); background: var(--s2); }
.phi h4 { font-family: var(--fd); font-size: .9rem; font-weight: 600; margin-bottom: 5px; }
.phi p { font-size: .84rem; color: var(--t2); line-height: 1.7; }
.avi { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 32px; }
.avi-row { padding: 13px 0; border-bottom: 1px solid var(--b); }
.avi-row:last-child { border-bottom: none; }
.avi-row .txs { color: var(--t3); margin-bottom: 3px; }

/* CONTACT PAGE */
.cpg { padding: 150px 0 80px; }
.cgrid { display: grid; grid-template-columns: 5fr 6fr; gap: 72px; align-items: start; }
.cibs { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
.cib { display: flex; align-items: flex-start; gap: 13px; padding: 17px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); }
.cii { width: 34px; height: 34px; background: rgba(255,122,51,.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; }
.cib h5 { font-family: var(--fd); font-size: .855rem; font-weight: 600; margin-bottom: 3px; }
.cib p { font-size: .81rem; color: var(--t2); line-height: 1.65; }
.trst { margin-top: 28px; display: flex; flex-direction: column; gap: 8px; }
.ti2 { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--t2); }
.ti2 span { color: var(--accent); font-size: .78rem; }
.fwrap { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 34px; }
.frow { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.fg { margin-bottom: 17px; }
.fg label { display: block; font-size: .77rem; font-weight: 500; color: var(--t2); margin-bottom: 7px; }
.fg input, .fg select, .fg textarea {
  width: 100%; background: var(--s2); border: 1px solid var(--b);
  border-radius: 9px; padding: 11px 13px; color: var(--text);
  font-size: .875rem; outline: none;
  transition: border-color .2s, box-shadow .2s; -webkit-appearance: none;
}
.fg select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C889C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; cursor: pointer;
}
.fg select option { background: var(--s2); }
.fg textarea { resize: vertical; min-height: 108px; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--ag); }
.fg input.err, .fg textarea.err { border-color: #ef4444; }
.fsub { width: 100%; padding: 13px; font-size: .9rem; border-radius: 10px; }
.fnote { text-align: center; margin-top: 13px; font-size: .76rem; color: var(--t3); }
.fsucc { display: none; text-align: center; padding: 40px 16px; }
.fsucc-ico { font-size: 2.2rem; margin-bottom: 13px; }
.fsucc h3 { font-family: var(--fd); font-size: 1.25rem; font-weight: 600; margin-bottom: 7px; }
.fsucc p { font-size: .875rem; color: var(--t2); }

/* REVEAL */
.rv { opacity: 0; transform: translateY(24px); transition: opacity .52s var(--ease), transform .52s var(--ease); }
.rv.vis { opacity: 1; transform: none; }
.d1 { transition-delay: .1s; }
.d2 { transition-delay: .2s; }
.d3 { transition-delay: .3s; }
.d4 { transition-delay: .4s; }

/* UTILS */
.tc { text-align: center; }
.m0 { margin-top: 0; }
.m8 { margin-top: 8px; } .m12 { margin-top: 12px; } .m16 { margin-top: 16px; }
.m20 { margin-top: 20px; } .m24 { margin-top: 24px; } .m32 { margin-top: 32px; }
.m40 { margin-top: 40px; } .m48 { margin-top: 48px; }
.mb8 { margin-bottom: 8px; } .mb12 { margin-bottom: 12px; } .mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }

/* ABOUT PAGE */
.about-row { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.phi { padding: 20px 22px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); transition: all .25s; }
.phi:hover { border-color: var(--b2); background: var(--s2); }
.phi h4 { font-family: var(--fd); font-size: .9rem; font-weight: 600; margin-bottom: 5px; }
.phi p { font-size: .84rem; color: var(--t2); line-height: 1.7; }
.avi { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 32px; }
.avi-row { padding: 13px 0; border-bottom: 1px solid var(--b); }
.avi-row:last-child { border-bottom: none; }
.avi-row .txs { color: var(--t3); margin-bottom: 3px; }

/* CONTACT PAGE */
.cpg { padding: 150px 0 80px; }
.cgrid { display: grid; grid-template-columns: 5fr 6fr; gap: 72px; align-items: start; }
.cibs { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
.cib { display: flex; align-items: flex-start; gap: 13px; padding: 17px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); }
.cii { width: 34px; height: 34px; background: rgba(255,122,51,.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; }
.cib h5 { font-family: var(--fd); font-size: .855rem; font-weight: 600; margin-bottom: 3px; }
.cib p { font-size: .81rem; color: var(--t2); line-height: 1.65; }
.trst { margin-top: 28px; display: flex; flex-direction: column; gap: 8px; }
.ti2 { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--t2); }
.ti2 span { color: var(--accent); font-size: .78rem; }
.fwrap { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 34px; }
.frow { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.fg { margin-bottom: 17px; }
.fg label { display: block; font-size: .77rem; font-weight: 500; color: var(--t2); margin-bottom: 7px; }
.fg input, .fg select, .fg textarea {
  width: 100%; background: var(--s2); border: 1px solid var(--b);
  border-radius: 9px; padding: 11px 13px; color: var(--text);
  font-size: .875rem; outline: none;
  transition: border-color .2s, box-shadow .2s; -webkit-appearance: none;
}
.fg select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C889C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; cursor: pointer;
}
.fg select option { background: var(--s2); }
.fg textarea { resize: vertical; min-height: 108px; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--ag); }
.fg input.err, .fg textarea.err { border-color: #ef4444; }
.fsub { width: 100%; padding: 13px; font-size: .9rem; border-radius: 10px; }
.fnote { text-align: center; margin-top: 13px; font-size: .76rem; color: var(--t3); }
.fsucc { display: none; text-align: center; padding: 40px 16px; }
.fsucc-ico { font-size: 2.2rem; margin-bottom: 13px; }
.fsucc h3 { font-family: var(--fd); font-size: 1.25rem; font-weight: 600; margin-bottom: 7px; }
.fsucc p { font-size: .875rem; color: var(--t2); }

/* REVEAL */
.rv { opacity: 0; transform: translateY(24px); transition: opacity .52s var(--ease), transform .52s var(--ease); }
.rv.vis { opacity: 1; transform: none; }
.d1 { transition-delay: .1s; }
.d2 { transition-delay: .2s; }
.d3 { transition-delay: .3s; }
.d4 { transition-delay: .4s; }

/* UTILS */
.tc { text-align: center; }
.m0 { margin-top: 0; }
.m8 { margin-top: 8px; } .m12 { margin-top: 12px; } .m16 { margin-top: 16px; }
.m20 { margin-top: 20px; } .m24 { margin-top: 24px; } .m32 { margin-top: 32px; }
.m40 { margin-top: 40px; } .m48 { margin-top: 48px; }
.mb8 { margin-bottom: 8px; } .mb12 { margin-bottom: 12px; } .mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }

/* CONTACT PAGE */
.cpg { padding: 150px 0 80px; }
.cgrid { display: grid; grid-template-columns: 5fr 6fr; gap: 72px; align-items: start; }
.cibs { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }
.cib { display: flex; align-items: flex-start; gap: 13px; padding: 17px; background: var(--s1); border: 1px solid var(--b); border-radius: var(--r); }
.cii { width: 34px; height: 34px; background: rgba(255,122,51,.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: .95rem; flex-shrink: 0; }
.cib h5 { font-family: var(--fd); font-size: .855rem; font-weight: 600; margin-bottom: 3px; }
.cib p { font-size: .81rem; color: var(--t2); line-height: 1.65; }
.trst { margin-top: 28px; display: flex; flex-direction: column; gap: 8px; }
.ti2 { display: flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--t2); }
.ti2 span { color: var(--accent); font-size: .78rem; }
.fwrap { background: var(--s1); border: 1px solid var(--b); border-radius: var(--rl); padding: 34px; }
.frow { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.fg { margin-bottom: 17px; }
.fg label { display: block; font-size: .77rem; font-weight: 500; color: var(--t2); margin-bottom: 7px; }
.fg input, .fg select, .fg textarea {
  width: 100%; background: var(--s2); border: 1px solid var(--b);
  border-radius: 9px; padding: 11px 13px; color: var(--text);
  font-size: .875rem; outline: none;
  transition: border-color .2s, box-shadow .2s; -webkit-appearance: none;
}
.fg select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238C889C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; cursor: pointer;
}
.fg select option { background: var(--s2); }
.fg textarea { resize: vertical; min-height: 108px; }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--ag); }
.fg input.err, .fg textarea.err { border-color: #ef4444; }
.fsub { width: 100%; padding: 13px; font-size: .9rem; border-radius: 10px; }
.fnote { text-align: center; margin-top: 13px; font-size: .76rem; color: var(--t3); }
.fsucc { display: none; text-align: center; padding: 40px 16px; }
.fsucc-ico { font-size: 2.2rem; margin-bottom: 13px; }
.fsucc h3 { font-family: var(--fd); font-size: 1.25rem; font-weight: 600; margin-bottom: 7px; }
.fsucc p { font-size: .875rem; color: var(--t2); }

/* REVEAL */
.rv { opacity: 0; transform: translateY(24px); transition: opacity .52s var(--ease), transform .52s var(--ease); }
.rv.vis { opacity: 1; transform: none; }
.d1 { transition-delay: .1s; }
.d2 { transition-delay: .2s; }
.d3 { transition-delay: .3s; }
.d4 { transition-delay: .4s; }

/* UTILS */
.tc { text-align: center; }
.m0 { margin-top: 0; }
.m8 { margin-top: 8px; } .m12 { margin-top: 12px; } .m16 { margin-top: 16px; }
.m20 { margin-top: 20px; } .m24 { margin-top: 24px; } .m32 { margin-top: 32px; }
.m40 { margin-top: 40px; } .m48 { margin-top: 48px; }
.mb8 { margin-bottom: 8px; } .mb12 { margin-bottom: 12px; } .mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }

/* =============================================
   PRICING PAGE
   ============================================= */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
  border: 1px solid var(--b);
  border-radius: var(--rl);
  overflow: visible;
  margin-top: 3rem;
}
.pkg {
  background: var(--s1);
  padding: 2.5rem 2rem;
  border-right: 1px solid var(--b);
  position: relative;
  transition: background .25s;
  border-radius: 0;
}
.pkg:first-child { border-radius: var(--rl) 0 0 var(--rl); }
.pkg:last-child  { border-right: none; border-radius: 0 var(--rl) var(--rl) 0; }
.pkg.featured {
  background: var(--s2);
  border-top: 2px solid var(--accent);
  padding-top: 3.2rem;
}
.pkg-badge {
  position: absolute; top: 0; left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: var(--accent); color: #fff;
  font-size: .65rem; padding: 4px 16px;
  letter-spacing: .1em; text-transform: uppercase;
  border-radius: 100px; white-space: nowrap;
  font-family: var(--fd); font-weight: 600;
  z-index: 2;
}
.pkg-name {
  font-family: var(--fd); font-size: 1.1rem;
  font-weight: 700; margin-bottom: .5rem;
  letter-spacing: -.01em;
}
.pkg-outcome {
  font-size: .82rem; color: var(--t2);
  line-height: 1.65; margin-bottom: 1.4rem;
  font-style: italic;
}
.pkg-price {
  font-family: var(--fd); font-size: 2.2rem;
  font-weight: 700; color: var(--accent);
  line-height: 1; margin-bottom: .3rem;
  letter-spacing: -.02em;
}
.pkg-delivery {
  font-size: .72rem; color: var(--t3);
  margin-bottom: 1.6rem; letter-spacing: .04em;
}
.pkg-divider {
  height: 1px; background: var(--b);
  margin: 1.2rem 0;
}
.pkg-items { display: flex; flex-direction: column; gap: .55rem; margin-bottom: 1.4rem; }
.pkg-item {
  display: flex; align-items: flex-start; gap: .6rem;
  font-size: .82rem; color: var(--t2); line-height: 1.55;
}
.pkg-check { color: var(--accent); flex-shrink: 0; margin-top: 1px; font-size: .75rem; }
.pkg-cross { color: var(--t3); flex-shrink: 0; margin-top: 1px; font-size: .75rem; }
.pkg-not { color: var(--t3); }
.addons-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 10px; margin-top: 2rem;
}
.addon-item {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px; background: var(--s1); border: 1px solid var(--b);
  border-radius: var(--r); gap: 12px;
}
.addon-name { font-size: .84rem; color: var(--text); }
.addon-price { font-size: .84rem; color: var(--accent); font-weight: 500; white-space: nowrap; }
.maint-grid {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 0; border: 1px solid var(--b);
  border-radius: var(--rl); overflow: visible; margin-top: 2rem;
}
.maint-item {
  background: var(--s1); padding: 2rem;
  border-right: 1px solid var(--b);
  border-radius: 0; position: relative;
}
.maint-item:first-child { border-radius: var(--rl) 0 0 var(--rl); }
.maint-item:last-child  { border-right: none; border-radius: 0 var(--rl) var(--rl) 0; }
.maint-item.featured { background: var(--s2); border-top: 2px solid var(--accent); padding-top: 3.2rem; }
.maint-name { font-family: var(--fd); font-size: 1rem; font-weight: 700; margin-bottom: .4rem; }
.maint-price { font-family: var(--fd); font-size: 1.6rem; font-weight: 700; color: var(--accent); margin-bottom: .3rem; line-height: 1; }
.maint-period { font-size: .72rem; color: var(--t3); margin-bottom: 1rem; }
.fine-print {
  margin-top: 2.5rem; padding: 1.4rem 1.8rem;
  background: var(--s1); border: 1px solid var(--b);
  border-radius: var(--r);
}
.fine-print p { font-size: .82rem; color: var(--t3); line-height: 1.75; }

/* =============================================
   FAQ PAGE
   ============================================= */
.faq-page-wrap { max-width: 760px; }
.faq-group { margin-bottom: 3rem; }
.faq-group-title {
  font-family: var(--fd); font-size: .75rem;
  font-weight: 700; letter-spacing: .15em;
  text-transform: uppercase; color: var(--accent);
  margin-bottom: 1rem; display: flex;
  align-items: center; gap: 10px;
}
.faq-group-title::before { content: ''; display: block; width: 18px; height: 1px; background: var(--accent); }
.faq-item { border-bottom: 1px solid var(--b); }
.faq-item:first-of-type { border-top: 1px solid var(--b); }
.faq-btn {
  width: 100%; display: flex; align-items: center;
  justify-content: space-between; padding: 1.3rem 0;
  background: none; color: var(--text); cursor: pointer;
  text-align: left; gap: 1rem;
}
.faq-q {
  font-size: .95rem; font-weight: 500; line-height: 1.5;
  transition: color .2s;
}
.faq-btn:hover .faq-q { color: var(--accent); }
.faq-icon {
  color: var(--accent); font-size: 1.3rem;
  flex-shrink: 0; transition: transform .3s var(--ease);
  line-height: 1; font-weight: 300;
}
.faq-icon.open { transform: rotate(45deg); }
.faq-ans {
  overflow: hidden; max-height: 0; opacity: 0;
  transition: max-height .42s var(--ease), opacity .3s;
}
.faq-ans.open { max-height: 300px; opacity: 1; }
.faq-ans p { padding-bottom: 1.3rem; font-size: .88rem; color: var(--t2); line-height: 1.82; max-width: 640px; }



/* =============================================
   LEGAL PAGES
   ============================================= */
.legal-wrap {
  max-width: 760px;
  margin: 0 auto;
}
.legal-hero {
  padding: calc(var(--nav) + 72px) 5% 56px;
  border-bottom: 1px solid var(--b);
  position: relative; overflow: hidden;
}
.legal-hero .hgrid { position: absolute; inset: 0; }
.legal-hero-in { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
.legal-body { padding: 72px 5%; }
.legal-section {
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--b);
}
.legal-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.legal-section h2 {
  font-family: var(--fd); font-size: 1rem;
  font-weight: 700; color: var(--text);
  margin-bottom: 1rem; letter-spacing: -.01em;
}
.legal-section h3 {
  font-family: var(--fd); font-size: .9rem;
  font-weight: 600; color: var(--t2);
  margin-top: 1.2rem; margin-bottom: .5rem;
}
.legal-section p {
  font-size: .88rem; color: var(--t2);
  line-height: 1.85; margin-bottom: .75rem;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-section ul {
  list-style: none; padding: 0; margin: .5rem 0 .75rem;
}
.legal-section ul li {
  font-size: .88rem; color: var(--t2);
  line-height: 1.75; padding: .2rem 0;
  display: flex; align-items: flex-start; gap: .6rem;
}
.legal-section ul li::before {
  content: '—'; color: var(--accent);
  flex-shrink: 0; font-size: .78rem; margin-top: 2px;
}
.legal-date {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 13px; background: rgba(255,122,51,.08);
  border: 1px solid rgba(255,122,51,.15); border-radius: 100px;
  font-size: .72rem; color: var(--t2); margin-bottom: 1.5rem;
}
.legal-cta {
  background: var(--s1); border: 1px solid var(--b);
  border-radius: var(--rl); padding: 2.5rem;
  text-align: center; margin: 0 5% 72px;
  max-width: 760px; margin-left: auto; margin-right: auto;
}
.legal-cta h2 {
  font-family: var(--fd); font-size: 1.6rem;
  font-weight: 700; margin-bottom: .6rem;
}
.legal-cta p { font-size: .9rem; color: var(--t2); margin-bottom: 1.5rem; }
/* Generated from inline style attributes in the original one-file HTML. */
.u-style-1{background:var(--s1);border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.u-style-2{cursor:pointer}
.u-style-3{display:flex;flex-direction:column;gap:0}
.u-style-4{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--b)}
.u-style-5{width:28px;height:28px;border-radius:50%;background:rgba(255,122,51,.12);border:1px solid rgba(255,122,51,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--fd);font-size:.8rem;font-weight:700;color:var(--accent)}
.u-style-6{margin-bottom:3px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.u-style-7{display:flex;gap:16px;align-items:flex-start;padding:14px 0}
.u-style-8{margin-top:16px;padding:12px 14px;background:rgba(255,122,51,.07);border:1px solid rgba(255,122,51,.15);border-radius:8px}
.u-style-9{font-weight:500}
.u-style-10{justify-content:center}
.u-style-11{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;background:rgba(255,122,51,.1);border:1px solid rgba(255,122,51,.2);border-radius:100px;}
.u-style-12{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);flex-shrink:0;}
.u-style-13{flex-wrap:wrap;gap:16px;margin-bottom:36px}
.u-style-14{background:linear-gradient(135deg,#0C1626,#182E52)}
.u-style-15{background:linear-gradient(135deg,#0D1A0E,#1A3020)}
.u-style-16{background:linear-gradient(135deg,#140E08,#28180A)}
.u-style-17{justify-content:center;margin-bottom:14px}
.u-style-18{position:relative;z-index:1}
.u-style-19{max-width:620px}
.u-style-20{max-width:500px}
.u-style-21{display:flex;gap:11px;flex-wrap:wrap}
.u-style-22{font-size:.82rem;color:var(--t3);margin-top:-18px;margin-bottom:34px}
.u-style-23{max-width:640px}
.u-style-24{max-width:520px}
.u-style-25{margin-top:3rem;position:relative}
.u-style-26{margin-top:.8rem}
.u-style-27{background:var(--s1)}
.u-style-28{padding-top:var(--nav);position:relative;overflow:hidden;border-bottom:1px solid var(--b)}
.u-style-29{position:absolute;inset:0}
.u-style-30{padding:72px 0}
.u-style-31{background:var(--s1);border-bottom:1px solid var(--b)}
.u-style-32{color:var(--text)}
.u-style-33{margin-top:24px;padding:20px;background:var(--s1);border:1px solid var(--b);border-radius:var(--r)}
.u-style-34{margin-bottom:10px}
.u-style-35{font-size:.8rem;padding:8px 14px}
.u-style-36{max-width:600px}
.u-style-37{color:var(--accent)}
.u-style-38{color:var(--accent);cursor:pointer}