/**
 * Start a project — Proposal 1 layout (Contact / estimate-your-project page).
 * Scoped under .kutia-page-start so it doesn't bleed into the rest of the site.
 */

.kutia-page-start{
  --ink:#141413;
  --muted:#8a877c;
  --line:#E3E1D6;
  --green:#30EFA6;
  --green-ink:#052e1f;
  --dark:#0b1014;
  background:#FBFAF7;
  color:var(--ink);
}

/* .site { overflow:hidden } prevents sticky descendants from sticking */
body.page-template-page-contact .site{
  overflow:visible;
}

.kutia-page-start a{text-decoration:none;color:inherit}
.kutia-page-start button{background:none;border:none;cursor:pointer;font-family:inherit}

/* Hero */
.kutia-page-start .sap-head{
  background:radial-gradient(120% 150% at 80% -20%,#12241f 0%,#0c1418 50%,#090d11 100%);
  color:#fff;position:relative;overflow:hidden
}
.kutia-page-start .sap-head .wm{
  position:absolute;right:-20px;bottom:-90px;font-weight:800;font-size:clamp(120px,22vw,280px);
  letter-spacing:-.05em;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;user-select:none
}
.kutia-page-start .sap-head .in{
  max-width:var(--wp--custom--grid-base,1512px);margin:0 auto;
  padding:74px var(--wp--custom--spacing--container-padding-inline,4rem) 86px;position:relative
}
.kutia-page-start .eyb{
  font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--green);text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px;margin-bottom:20px
}
.kutia-page-start .eyb i{width:6px;height:6px;border-radius:50%;background:var(--green);display:block}
.kutia-page-start .sap-head h1{
  font-weight:300;font-size:clamp(40px,4.4vw,56px);letter-spacing:-.03em;line-height:1.05;color:#dfe4e7;margin:0
}
.kutia-page-start .sap-head h1 b{
  font-weight:800;background:linear-gradient(100deg,#fff,#30EFA6 70%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  padding-bottom:.09em;margin-bottom:-.09em;display:inline-block
}
.kutia-page-start .sap-head p{
  margin:18px 0 0;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.62);max-width:56ch
}

/* Main grid */
.kutia-page-start .sap-main{
  max-width:var(--wp--custom--grid-base,1512px);margin:-46px auto 0;
  padding:0 var(--wp--custom--spacing--container-padding-inline,4rem) 100px;
  display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start;position:relative;z-index:5
}

/* Form card */
.kutia-page-start .sap-form{
  background:#fff;border:1px solid #ECEAE2;border-radius:24px;padding:44px 46px;
  box-shadow:0 34px 80px rgba(15,20,17,.12)
}
.kutia-page-start .sap-step{margin-bottom:38px}
.kutia-page-start .sap-sn{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:11.5px;font-weight:600;color:#0b7a52;margin-bottom:6px
}
.kutia-page-start .sap-st{font-weight:800;font-size:19px;letter-spacing:-.01em;margin:0 0 16px}
.kutia-page-start .sap-st small{font-weight:500;font-size:13px;color:var(--muted);margin-left:8px}
.kutia-page-start .sap-chips{display:flex;flex-wrap:wrap;gap:9px}
.kutia-page-start .sap-ch{
  font-size:14px;font-weight:600;color:#3c3a33;border:1.5px solid var(--line);background:#fff;
  border-radius:999px;padding:10px 17px;transition:.13s;cursor:pointer
}
.kutia-page-start .sap-ch:hover{border-color:#b9e9d4}
.kutia-page-start .sap-ch.is-on,
.kutia-page-start .sap-ch[aria-pressed="true"]{
  background:#0e2b21;border-color:#0e2b21;color:#b7f5db
}
.kutia-page-start .sap-ch input{position:absolute;opacity:0;pointer-events:none}

.kutia-page-start .sap-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kutia-page-start .sap-fl{
  display:block;font-size:12.5px;font-weight:700;color:#6c6a60;margin:0 0 6px 4px;letter-spacing:.02em
}
.kutia-page-start .sap-fl span{font-weight:500;color:#a09d92}
.kutia-page-start .sap-form input[type="text"],
.kutia-page-start .sap-form input[type="email"],
.kutia-page-start .sap-form textarea{
  font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line);
  border-radius:13px;padding:14px 16px;width:100%;outline:none;transition:border .15s,box-shadow .15s;
  box-sizing:border-box
}
.kutia-page-start .sap-form textarea{min-height:120px;resize:vertical;line-height:1.55}
.kutia-page-start .sap-form input:focus,
.kutia-page-start .sap-form textarea:focus{
  border-color:var(--green);box-shadow:0 0 0 3px rgba(48,239,166,.18)
}
.kutia-page-start .sap-form ::placeholder{color:#a09d92}

.kutia-page-start .sap-send{display:flex;align-items:center;gap:18px;margin-top:8px;flex-wrap:wrap}
.kutia-page-start .sap-sbt{
  font-size:15.5px;font-weight:800;color:var(--green-ink);background:var(--green);
  border-radius:13px;padding:16px 30px;box-shadow:0 14px 36px rgba(48,239,166,.3);border:0;cursor:pointer
}
.kutia-page-start .sap-sbt:hover{filter:brightness(1.05)}
.kutia-page-start .sap-mic{font-size:13px;line-height:1.5;color:var(--muted);width:max-content;max-width:100%}

.kutia-page-start .sap-notice{
  margin:0 0 24px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.45
}
.kutia-page-start .sap-notice--ok{background:#eefaf4;color:#0b7a52;border:1px solid #b9e9d4}
.kutia-page-start .sap-notice--err{background:#faf1ee;color:#8a3b2a;border:1px solid #e2b3a3}

/* Rail */
.kutia-page-start .sap-rail{
  background:linear-gradient(160deg,#0e2b21,#0b1014 75%);border-radius:24px;color:#fff;
  padding:38px 36px;position:sticky;top:calc(var(--kutia-header-offset, 88px) + 16px);align-self:start
}
.kutia-page-start .sap-rt{font-weight:800;font-size:20px;letter-spacing:-.01em;margin:0 0 24px}
.kutia-page-start .sap-nx{
  display:grid;grid-template-columns:40px 1fr;gap:6px 14px;padding:16px 0;
  border-top:1px solid rgba(255,255,255,.09)
}
.kutia-page-start .sap-nx .n{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:12px;color:var(--green);padding-top:2px
}
.kutia-page-start .sap-nx .t{font-weight:700;font-size:15.5px}
.kutia-page-start .sap-nx .d{grid-column:2;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.6)}
.kutia-page-start .sap-tch{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.kutia-page-start .sap-tch span{
  font-size:11.5px;font-weight:600;padding:7px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75)
}
.kutia-page-start .sap-alt{
  border-top:1px solid rgba(255,255,255,.09);padding-top:20px;font-size:13.5px;line-height:2;
  color:rgba(255,255,255,.6)
}
.kutia-page-start .sap-alt b{color:#fff}
.kutia-page-start .sap-alt a{color:var(--green);font-weight:700}

/* Notes */
.kutia-page-start .sap-notes{background:var(--dark);color:#fff}
.kutia-page-start .sap-notes .in{
  max-width:var(--wp--custom--grid-base,1512px);margin:0 auto;
  padding:80px var(--wp--custom--spacing--container-padding-inline,4rem)
}
.kutia-page-start .sap-notes h2{font-weight:300;font-size:32px;letter-spacing:-.03em;margin:0;color:#fff}
.kutia-page-start .sap-notes h2 b{font-weight:800;color:var(--green)}
.kutia-page-start .sap-ngrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.kutia-page-start .sap-no{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px
}
.kutia-page-start .sap-no .n{
  font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:11.5px;color:var(--green);margin-bottom:10px
}
.kutia-page-start .sap-no .t{font-weight:700;font-size:15px;margin-bottom:7px}
.kutia-page-start .sap-no .d{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.6)}

@media (max-width:1100px){
  .kutia-page-start .sap-main{grid-template-columns:1fr}
  .kutia-page-start .sap-rail{position:static}
  .kutia-page-start .sap-ngrid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .kutia-page-start .sap-head .in{padding:48px 16px 64px}
  .kutia-page-start .sap-main{margin-top:-28px;padding:0 16px 64px}
  .kutia-page-start .sap-form{padding:28px 22px}
  .kutia-page-start .sap-two{grid-template-columns:1fr}
  .kutia-page-start .sap-notes .in{padding:56px 16px}
  .kutia-page-start .sap-ngrid{grid-template-columns:1fr}
}