:root{--bg:#f5f3ef;--ink:#0d0d0d;--muted:#6c6a66;--line:#d9d5ce;--card:#fff;--accent:#b8ff4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.skip-link{position:fixed;top:10px;left:10px;z-index:200;transform:translateY(-160%);background:#111;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}.skip-link:focus{transform:translateY(0)}.noise{pointer-events:none;position:fixed;inset:0;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 4vw;background:rgba(245,243,239,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.07)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:14px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:#111;color:white;border-radius:50%;font-weight:800}.nav{display:flex;gap:28px}.nav a{font-size:13px;color:#333;text-decoration:none}.header-actions{justify-self:end;display:flex;gap:10px}.link-btn,.pill-btn,.ghost-btn,.white-btn{border:0;font:inherit;cursor:pointer}.link-btn{background:transparent}.pill-btn{background:#111;color:#fff;border-radius:999px;padding:11px 18px;font-weight:600}.pill-btn.large{padding:15px 24px}.ghost-btn{display:inline-flex;align-items:center;padding:14px 0;color:#111;text-decoration:none;border-bottom:1px solid #111}.section{width:min(1180px,92vw);margin:auto}.hero{min-height:78vh;display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;padding:80px 0}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#555}.hero h1,.split-head h2,.dark-block h2,.build-copy h2,.services h2,.founder h2,.join-block h2{margin:16px 0;font-size:clamp(50px,7vw,102px);line-height:.92;letter-spacing:-.055em}.hero h1 span{font-family:"Playfair Display",serif;font-style:italic;font-weight:600}.hero p{max-width:670px;font-size:19px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.hero-visual{position:relative;height:540px;border-radius:32px;background:#111;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(8px)}.orb-a{width:360px;height:360px;background:radial-gradient(circle at 30% 30%,#e9ffba,#6dffca 46%,transparent 70%);top:-90px;right:-30px}.orb-b{width:360px;height:360px;background:radial-gradient(circle at 30% 30%,#89a7ff,#c472ff 46%,transparent 70%);left:-140px;bottom:-120px}.visual-card{position:absolute;background:rgba(255,255,255,.92);padding:20px;border-radius:20px;width:255px;box-shadow:0 20px 50px rgba(0,0,0,.2);display:grid;gap:8px}.visual-card small{font-size:10px;letter-spacing:.18em}.visual-card strong{font-size:19px}.visual-card span{font-size:12px;color:#666}.vc1{top:70px;left:36px;transform:rotate(-4deg)}.vc2{top:220px;right:28px;transform:rotate(3deg)}.vc3{bottom:35px;left:60px;transform:rotate(-1deg)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pillars article{padding:50px 34px;border-right:1px solid var(--line)}.pillars article:last-child{border:0}.num{font-size:12px;color:#999}.pillars h3{font-size:32px;margin:30px 0 12px}.pillars p{color:var(--muted);line-height:1.6}.split-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;padding-top:110px}.split-head h2,.build-copy h2,.services h2,.founder h2{font-size:clamp(42px,5vw,70px)}.split-head p{color:var(--muted);line-height:1.7}.card-grid,.work-grid{padding:38px 0 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prompt-card,.work-card{background:white;border-radius:22px;overflow:hidden;border:1px solid #e9e6e0}.prompt-card .art,.work-card .art{height:250px;background:linear-gradient(135deg,#e7e1d7,#cbd1ce);position:relative}.prompt-card:nth-child(2n) .art{background:linear-gradient(135deg,#171717,#8ea3aa)}.prompt-card:nth-child(3n) .art{background:linear-gradient(135deg,#e6d8ff,#ffccae)}.card-body{padding:20px}.tag{font-size:10px;letter-spacing:.15em;color:#777}.card-body h3{margin:10px 0 8px;font-size:22px}.card-body p{color:#777;font-size:14px;line-height:1.5}.card-meta{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}.dark-block{background:#0d0d0d;color:white;width:min(1280px,96vw);border-radius:36px;padding:80px 5vw;margin-top:20px}.eyebrow.light{color:#b8ff4f}.dark-block h2{max-width:980px;font-size:clamp(46px,6vw,82px)}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333;margin-top:55px}.learn-grid article{background:#111;padding:34px}.learn-grid span{color:#b8ff4f;font-size:12px}.learn-grid h3{font-size:24px;margin:28px 0 12px}.learn-grid p{color:#aaa;line-height:1.6}.build-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:120px 0}.build-copy p{color:var(--muted);font-size:17px;line-height:1.7}.text-link{color:#111;text-underline-offset:4px}.steps{border-top:1px solid #bbb}.steps div{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ccc}.steps b{font-size:12px;color:#888}.steps span{font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #ccc;background:transparent;border-radius:999px;padding:8px 12px;cursor:pointer}.filters button.active{background:#111;color:#fff;border-color:#111}.work-card .art{height:330px}.work-card:nth-child(2n) .art{background:linear-gradient(160deg,#181818,#6b7578)}.work-card:nth-child(3n) .art{background:linear-gradient(160deg,#f4c1b5,#f8e8c6)}.services{padding:100px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.service-list button{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #bbb;background:transparent;padding:24px 0;text-align:left;font-size:20px;cursor:pointer}.founder{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;padding:120px 0}.founder-monogram{height:520px;background:#111;color:#fff;border-radius:30px;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:120px;font-style:italic}.founder p{color:var(--muted);font-size:17px;line-height:1.7;max-width:700px}.founder-name{margin-top:28px!important;color:#111!important}.join-block{width:min(1280px,96vw);background:#111;color:white;border-radius:36px;padding:70px 5vw;margin-bottom:40px;display:flex;justify-content:space-between;align-items:end;gap:30px}.join-block h2{font-size:clamp(42px,6vw,78px);max-width:780px}.join-block p{color:#aaa}.white-btn{background:white;padding:14px 20px;border-radius:999px;font-weight:700;white-space:nowrap}footer{width:min(1180px,92vw);margin:auto;padding:40px 0 60px;display:flex;justify-content:space-between;align-items:center;color:#666;border-top:1px solid var(--line)}.footer-links{display:flex;gap:18px}.footer-links a{color:inherit;text-underline-offset:4px}.forgot-password{justify-self:start;padding:0;color:#555;text-decoration:underline;text-underline-offset:4px}dialog{border:0;border-radius:28px;padding:0;max-width:620px;width:min(92vw,620px);box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}.close-modal{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px;cursor:pointer}.modal-tabs{display:flex;border-bottom:1px solid #ddd}.modal-tabs button{flex:1;padding:18px;border:0;background:#f5f5f5;cursor:pointer}.modal-tabs button.active{background:white;font-weight:700}.auth-form{display:none;padding:34px}.auth-form.active{display:grid;gap:17px}.auth-form h3{font-size:32px;margin:4px 0 14px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:600}.auth-form input,.auth-form select,.auth-form textarea{width:100%;border:1px solid #ccc;border-radius:12px;padding:13px;background:#fff;font:inherit}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:600;margin-bottom:10px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;background:#f4f4f4;padding:10px;border-radius:10px}.check-grid input{width:auto}.full{width:100%;margin-top:5px}.form-note{font-size:12px;color:#666;margin:0}.loading{grid-column:1/-1;padding:40px;text-align:center;color:#888}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.nav,.header-actions{display:none}.menu-btn{display:block}.hero,.build-section,.services,.founder,.split-head{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{height:470px}.pillars,.learn-grid,.card-grid,.work-grid{grid-template-columns:1fr}.pillars article{border-right:0;border-bottom:1px solid var(--line)}.card-grid,.work-grid{padding-top:24px}.dark-block{padding:60px 7vw}.services{gap:30px}.founder-monogram{height:360px}.join-block{align-items:start;flex-direction:column}footer{align-items:flex-start;gap:18px;flex-direction:column}}@media(max-width:560px){.hero h1{font-size:56px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.visual-card{width:210px}.vc1{left:18px}.vc2{right:15px}.vc3{left:25px}.two-col,.check-grid{grid-template-columns:1fr}.auth-form{padding:26px}.filters{margin-top:10px}}

.prompt-card .art,.work-card .art{background-size:cover;background-position:center;background-repeat:no-repeat}
@media(max-width:900px){body.menu-open .nav{display:flex;position:absolute;top:66px;left:0;right:0;background:#f5f3ef;padding:24px 4vw;flex-direction:column;border-bottom:1px solid #ddd;gap:18px}body.menu-open .header-actions{display:flex;position:absolute;top:300px;left:0;right:0;background:#f5f3ef;padding:0 4vw 24px;border-bottom:1px solid #ddd;justify-content:flex-start}}
.prompt-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prompt-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.08)}#promptModal{max-width:760px;width:min(92vw,760px)}.prompt-detail{padding:38px}.prompt-detail h3{font-size:38px;margin:8px 0 20px}.prompt-body{color:#555;line-height:1.7}.prompt-meta{display:flex;gap:8px;margin:20px 0}.prompt-meta span{background:#eee;border-radius:999px;padding:7px 10px;font-size:11px}.prompt-body h4{color:#111;margin:26px 0 8px}.prompt-box{background:#111;color:#eee;padding:22px;border-radius:16px}.copy-btn{border:0;border-radius:999px;padding:8px 12px;cursor:pointer}.member-lock{background:#f3f1ed;padding:22px;border-radius:16px;margin-top:24px}
.prompt-card .art,.work-card .art{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.prompt-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.prompt-card:hover,.work-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.08)}.work-card{transition:transform .25s ease,box-shadow .25s ease}.prompt-card .art:after,.work-card .art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.12),transparent 55%);pointer-events:none}
.prompt-card,.work-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.prompt-card:focus-visible,.work-card:focus-visible{outline:3px solid #111;outline-offset:4px}.prompt-card:hover,.work-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.prompt-card .art,.work-card .art{background-size:cover;background-position:center}.prompt-detail,.case-detail{padding:38px;max-height:86vh;overflow:auto}.prompt-detail h3,.case-detail h3{font-size:clamp(32px,5vw,52px);line-height:1;margin:10px 0 24px;letter-spacing:-.04em}.prompt-body h4{margin:28px 0 8px}.prompt-box{background:#f2f0eb;color:#222!important;border-radius:16px;padding:18px;position:relative}.copy-btn{margin-top:12px;border:0;background:#111;color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.prompt-meta,.tool-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.prompt-meta span,.tool-row span{border:1px solid #ddd;border-radius:999px;padding:7px 10px;font-size:11px}.member-lock{margin-top:20px;background:#111;color:#fff;border-radius:18px;padding:22px}.member-lock p{color:#aaa}.case-cover{height:360px;border-radius:20px;background-size:cover;background-position:center;margin-bottom:24px}.case-summary{font-size:17px;line-height:1.7;color:#666}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.case-grid section{background:#f5f3ef;border-radius:16px;padding:18px}.case-grid section span{font-size:10px;letter-spacing:.16em;color:#777;font-weight:700}.case-grid section p{line-height:1.55;color:#555}.menu-open .nav{display:flex;position:absolute;top:66px;left:0;right:0;background:#f5f3ef;padding:22px 4vw;flex-direction:column;border-bottom:1px solid #ddd}.menu-open .header-actions{display:flex;position:absolute;top:355px;left:0;right:0;background:#f5f3ef;padding:0 4vw 20px}@media(max-width:600px){.prompt-detail,.case-detail{padding:28px 22px}.case-cover{height:240px}.case-grid{grid-template-columns:1fr}}

.product-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:38px 0 80px}.product-roadmap article{background:#fff;border:1px solid #e7e3dd;border-radius:22px;padding:28px;min-height:280px;display:flex;flex-direction:column}.product-roadmap h3{font-size:28px;letter-spacing:-.03em;margin:18px 0 12px}.product-roadmap p{color:var(--muted);line-height:1.65}.product-roadmap article>span{margin-top:auto;font-size:10px;letter-spacing:.16em;font-weight:700}.waitlist-block{background:#111;color:#fff;border-radius:32px;padding:54px 5vw;margin-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.waitlist-block h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1;margin:12px 0}.waitlist-block p{color:#aaa;line-height:1.6}.waitlist-block form{display:grid;grid-template-columns:1fr auto;gap:10px}.waitlist-block input{border:1px solid #444;background:#1c1c1c;color:#fff;border-radius:999px;padding:14px 18px;font:inherit}.waitlist-block .form-note{grid-column:1/-1;margin:4px 0 0}@media(max-width:900px){.product-roadmap{grid-template-columns:1fr}.waitlist-block{grid-template-columns:1fr}.waitlist-block form{grid-template-columns:1fr}}
.brand-logo{display:block;width:auto;height:44px;max-width:190px;object-fit:contain}.side .brand-logo{filter:invert(1);width:176px;height:auto}footer .brand-logo{width:160px;height:auto}.founder-photo{height:520px;border-radius:30px;overflow:hidden;background:#111}.founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:grayscale(100%)}@media(max-width:900px){.founder-photo{height:520px}}@media(max-width:560px){.founder-photo{height:460px;border-radius:24px}.founder-photo img{object-position:center 40%}}
/* Hero visual: dedicated artwork + responsive non-overlapping cards */
.hero-visual{
  background-image:linear-gradient(rgba(7,7,7,.34),rgba(7,7,7,.56)),url('/assets/duck-hero-background-hq.jpg?v=18');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-visual .orb{opacity:.48;mix-blend-mode:screen}
@media(max-width:900px){
  .hero-visual{
    height:auto!important;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    padding:28px;
    border-radius:30px;
    background-position:center;
  }
  .hero-visual .orb{display:none}
  .hero-visual .visual-card{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:0;
    padding:22px 24px;
    border-radius:20px;
    box-shadow:0 14px 34px rgba(0,0,0,.22);
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(8px);
  }
  .hero-visual .visual-card strong{font-size:22px;line-height:1.08}
  .hero-visual .visual-card span{font-size:13px;line-height:1.45}
}
@media(max-width:560px){
  .hero-visual{padding:20px;gap:12px;border-radius:28px}
  .hero-visual .visual-card{padding:20px;border-radius:18px}
}
/* Clean monochrome duck hero */
.hero-visual{
  background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.16)),url('/assets/duck-hero-background-hq.jpg?v=18')!important;
  background-size:cover!important;
  background-position:center 22%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}
.hero-visual .orb,.hero-visual .orb-a,.hero-visual .orb-b{
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
}
@media(max-width:900px){
  .hero-visual{background-position:center 18%!important;}
}

/* LCYPeak Platform portfolio image: preserve source 16:9 composition */
.work-card[data-slug="lcypeak-creatives-platform"] .art{height:auto!important;aspect-ratio:16/9!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;image-rendering:auto!important;}
@media(max-width:900px){.work-card[data-slug="lcypeak-creatives-platform"] .art{height:auto!important;aspect-ratio:16/9!important;background-size:cover!important;background-position:center center!important;}}

/* Portfolio media: show complete image with no empty gap */
.work-card .art{height:auto!important;aspect-ratio:16/9!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#f5f3ef!important}
@media(max-width:900px){.work-card .art{height:auto!important;aspect-ratio:16/9!important}}

/* PROMPTS: exactly three balanced cards */
#promptGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
#promptGrid .prompt-card{min-width:0!important}
#promptGrid .prompt-card .art{height:auto!important;aspect-ratio:16/9!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:900px){#promptGrid{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{animation:none!important}
  .prompt-card:hover,.work-card:hover{transform:none!important}
}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #111;outline-offset:3px}
:where(input,select,textarea):focus-visible{border-color:#111}
.dark-block :where(a,button,input,select,textarea):focus-visible,.waitlist-block :where(a,button,input,select,textarea):focus-visible,.join-block :where(a,button,input,select,textarea):focus-visible{outline-color:var(--accent)}
button:disabled{cursor:not-allowed;opacity:.65}

/* FULL_PORTFOLIO_IMAGE_FIT_V23 */
.work-card .art{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#f1efea!important}
.case-hero,.case-detail .case-hero{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#f1efea!important}
@media(max-width:900px){.work-card .art{background-size:contain!important}}

.signup-success{padding:52px 38px 40px;text-align:center;display:grid;gap:14px;justify-items:center}.signup-success[hidden]{display:none}.signup-success .success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#111;font-size:34px;font-weight:800;margin-bottom:8px}.signup-success h3{font-size:clamp(32px,5vw,46px);line-height:1.05;letter-spacing:-.04em;margin:4px 0 10px}.signup-success p{max-width:470px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}.signup-success strong{color:var(--ink);overflow-wrap:anywhere}.signup-success .success-note{font-size:14px}.signup-success .pill-btn{margin-top:14px}@media(max-width:560px){.signup-success{padding:48px 24px 32px}}
