/* Hayalows homepage, Version 3: hero, builder, services bento, how we work.
   Loads after /site.css, which holds the shared tokens, nav, frames, CTA band and footer. */
/* Hero */
body.v3 .v3-hero {position:relative;isolation:isolate;overflow:clip;padding:clamp(48px,8vw,104px) 0 0}
body.v3 .v3-hero::after {content:"";position:absolute;inset:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
body.v3 .v3-hero-grid {position:relative;z-index:1;display:grid;gap:48px;align-items:center}
@media(min-width:961px){body.v3 .v3-hero-grid {grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px}}
body.v3 .v3-chip {display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:5px 12px 5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:500;color:var(--ink);line-height:1.4}
body.v3 .v3-dot {width:6px;height:6px;border-radius:50%;background:var(--accent)}
body.v3 .v3-hero h1>span {display:block;margin-top:20px;font-size:clamp(1.3rem,2.1vw,1.7rem);line-height:1.35;font-weight:500;letter-spacing:-.018em;max-width:30ch}
body.v3 .v3-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px}
body.v3 .v3-note {margin-top:14px;font-size:14px;color:var(--muted)}
@media(min-width:961px){body.v3 .v3-actions .hero-primary {display:none}body.v3 .v3-actions {margin-top:28px}}
body.v3 .v3-builder-wrap {position:relative;isolation:isolate}
body.v3 .v3-builder-wrap::before {content:"";position:absolute;inset:-16% -12%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 26% 40%,rgb(31 90 65/.3),transparent),radial-gradient(closest-side at 76% 68%,rgb(233 184 114/.42),transparent);filter:blur(40px)}
body.v3 .v3-proof {position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:clamp(56px,8vw,96px);padding:18px 0;border-top:1px solid var(--line)}
body.v3 .v3-proof img {width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface);border:1px solid var(--line)}
body.v3 .v3-proof p {font-size:15px;font-weight:500;flex:1 1 220px}
body.v3 .v3-proof .v3-textlink {font-size:14px}

/* Builder card: restyle only */
body.v3 .eb {padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
body.v3 .eb .builder-title {font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px;color:var(--ink)}
body.v3 .eb .builder-description {font-size:14px;color:var(--muted)}
body.v3 .eb-count {background:var(--accent-soft);color:var(--accent);font-size:12.5px!important;font-weight:600;font-variant-numeric:tabular-nums;border-radius:999px}
body.v3 .eb-progress {height:3px;background:var(--line);margin-bottom:20px}
body.v3 .eb-progress span {background:var(--accent);transition:width .35s var(--ease)}
body.v3 .eb-q {font-size:16px!important;color:var(--ink);font-weight:600}
body.v3 .eb .eb-chip span {min-height:48px;border-radius:10px;border:1px solid var(--line);background:var(--raised);color:var(--ink);font-size:15px;font-weight:500;transition:border-color .16s var(--ease),background-color .16s var(--ease),transform .16s var(--ease)}
body.v3 .eb .eb-chip:hover span {border-color:#BDB5A4;background:var(--surface);transform:translateY(-1px)}
body.v3 .eb .eb-chip input:checked+span {background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-soft)}
body.v3 .eb .eb-chip input:focus-visible+span {outline:2px solid var(--accent);outline-offset:2px}
body.v3 .eb-pill {border-color:var(--line);background:var(--raised);color:var(--ink)}
body.v3 .eb-pill::before {color:var(--accent)}
body.v3 .eb-pill::after {color:var(--muted)}
body.v3 .eb-pill:hover {border-color:var(--accent)}
body.v3 .eb-field label,body.v3 .eb-preview label {font-size:13.5px;font-weight:500;color:var(--ink)}
body.v3 .eb-opt {color:var(--muted)}
body.v3 .eb input[type=text],body.v3 .eb input:not([type]),body.v3 .eb textarea {border:1px solid #CFC7B6;border-radius:10px;background:var(--surface);color:var(--ink);font-size:16px}
body.v3 .eb input:focus-visible,body.v3 .eb textarea:focus-visible {border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}
body.v3 .eb-preview {background:var(--raised);border:1px solid var(--line);border-radius:12px}
body.v3 .eb-reset,body.v3 .eb-link {color:var(--accent)}
body.v3 .eb .eb-send {min-height:48px;border-radius:999px;background:var(--accent);box-shadow:none;font-weight:500}
body.v3 .eb .eb-send:hover {background:var(--accent-hover)}
body.v3 .eb-back {color:var(--muted)}
body.v3 .eb-status {color:var(--accent)}
body.v3 .eb-pill:focus-visible,body.v3 .eb-back:focus-visible,body.v3 .eb-link:focus-visible,body.v3 .eb-reset:focus-visible {outline:2px solid var(--accent)}
@media(max-width:760px){body.v3 .eb {padding:20px 16px;scroll-margin-top:80px}}

/* Services bento */
body.v3 .v3-services {overflow:clip}
body.v3 .v3-services>.v3-wrap {position:relative;z-index:1}
body.v3 .v3-bento {display:grid;gap:12px}
@media(min-width:861px){body.v3 .v3-bento {grid-template-columns:repeat(3,1fr)}body.v3 .v3-tile-lg {grid-column:span 2;grid-row:span 2}body.v3 .v3-tile-wide {grid-column:1/-1}}
body.v3 .v3-tile {display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
body.v3 .v3-tile h3 {font-size:1.35rem;letter-spacing:-.015em}
body.v3 .v3-tile>p:not(.v3-label) {color:var(--muted);font-size:16px}
body.v3 .v3-tile .v3-textlink {margin-top:auto;padding-top:8px;font-size:14.5px}
body.v3 .v3-list {list-style:none;margin:4px 0 0;padding:0;font-size:15px}
body.v3 .v3-list li {padding:9px 0;border-top:1px solid var(--line)}
body.v3 .v3-tile-lg h3 {font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em}
body.v3 .v3-mini {margin:8px 0 4px;border:1px solid var(--line);border-radius:12px;background:var(--raised);overflow:hidden}
body.v3 .v3-mini-bar {display:flex;gap:5px;padding:9px 10px;border-bottom:1px solid var(--line)}
body.v3 .v3-mini-bar i {width:7px;height:7px;border-radius:50%;background:#DAD3C4}
body.v3 .v3-mini-body {display:grid;gap:8px;padding:18px}
body.v3 .v3-mini-body b {display:block;height:8px;border-radius:4px;background:var(--line);width:78%}
body.v3 .v3-mini-body b.s {width:52%}
body.v3 .v3-mini-body span {display:block;margin-top:6px;width:120px;height:26px;border-radius:999px;background:var(--accent)}
@media(min-width:861px){body.v3 .v3-tile-lg .v3-mini {flex:1;display:flex;flex-direction:column;min-height:180px}body.v3 .v3-tile-lg .v3-mini-body {flex:1;align-content:center;padding:28px}}
@media(max-width:860px){body.v3 .v3-mini {display:none}}
body.v3 .v3-tile-wide {flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:22px 28px;background:var(--raised)}
body.v3 .v3-checks {display:flex;flex-wrap:wrap;gap:10px 32px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
body.v3 .v3-checks li {display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
body.v3 .v3-checks svg {color:var(--accent);flex:none}
body.v3 .v3-tile-wide .v3-textlink {margin:0;padding:0}

/* How we work */
body.v3 .v3-steps {list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
body.v3 .v3-steps li {padding:28px 0;border-bottom:1px solid var(--line)}
body.v3 .v3-steps h3 {margin-bottom:8px}
body.v3 .v3-steps p {color:var(--muted);font-size:16px;max-width:34ch}
@media(min-width:761px){body.v3 .v3-steps {grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}body.v3 .v3-steps li {border-bottom:0;padding:32px 32px 32px 0}body.v3 .v3-steps li+li {border-left:1px solid var(--line);padding-left:32px}}
body.v3 .v3-founder {display:grid;gap:28px;align-items:center;margin-top:clamp(56px,8vw,96px)}
@media(min-width:761px){body.v3 .v3-founder {grid-template-columns:240px 1fr;gap:48px}}
body.v3 .v3-founder img {width:100%;max-width:240px;height:auto;aspect-ratio:1;object-fit:cover;object-position:center bottom;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
body.v3 .v3-founder blockquote {margin:16px 0 20px;padding:0}
body.v3 .v3-founder blockquote p {font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.3;font-weight:500;letter-spacing:-.02em;text-wrap:balance;max-width:30ch}
body.v3 .v3-founder-name {font-weight:600;font-size:16px}
body.v3 .v3-founder-name .muted {font-weight:400;margin-left:8px}