/* InnerScript static pages (About / FAQ / Refund / Terms / Contact).
   Ported verbatim from the Shopify reference unique_live_page_*.css files.
   Reference CSS is px-based (written against the same visual scale);
   class names match the page content stored in the WP database.
   Enqueue on: is_page(['the-story-behind-innerscript','frequently-asked-questions',
   'refund-policy','terms-of-service','contact']) */

/* ==== WP layout shim ====
   page.php wraps the_content() in .is-page (72rem column + padding) and prints
   its own <h1>. These five migrated pages are full-bleed sections with their
   own hero headings, so undo the wrapper on them. Browsers without :has()
   simply keep the constrained column (content still readable). */
.page .is-page:has(.is-about),
.page .is-page:has(.is-faqp),
.page .is-page:has(.is-ref),
.page .is-page:has(.is-tos),
.page .is-page:has(.is-con) { max-width: none; padding: 0; }
.page .is-page:has(.is-about) > h1,
.page .is-page:has(.is-faqp) > h1,
.page .is-page:has(.is-ref) > h1,
.page .is-page:has(.is-tos) > h1,
.page .is-page:has(.is-con) > h1 { display: none; }

/* ==== the-story-behind-innerscript (.is-about) ==== */
.is-about { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; }

  /* HERO */
  .is-about__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 110px clamp(20px, 4vw, 48px) 96px; position: relative; }
  .is-about__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-about__hero-inner { max-width: 820px; margin: 0 auto; text-align: center; }
  .is-about__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.3em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 22px; }
  .is-about__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(38px, 5.6vw, 68px); font-weight: 300; line-height: 1.08; margin: 0 0 26px; color: #f5f0e8; letter-spacing: -0.01em; }
  .is-about__h1 em { font-style: italic; color: #c9a96e; }
  .is-about__sub { font-size: 17px; line-height: 1.75; color: #a89f92; margin: 0 auto; max-width: 680px; }

  /* BELIEFS — alternating editorial rows */
  .is-about__beliefs { background: #fbf8f2; padding: 110px clamp(20px, 4vw, 48px); }
  .is-about__beliefs-inner { max-width: 1080px; margin: 0 auto; display: flex; flex-direction: column; gap: 0; }
  .is-about__belief { display: grid; grid-template-columns: 1fr 1.5fr; gap: 56px; align-items: center; padding: 64px 0; border-bottom: 1px solid rgba(201,169,110,0.14); }
  .is-about__belief:first-child { padding-top: 0; }
  .is-about__belief:last-child { border-bottom: 0; padding-bottom: 0; }
  .is-about__belief:nth-child(even) { direction: rtl; }
  .is-about__belief:nth-child(even) > * { direction: ltr; }
  .is-about__belief-side { position: relative; min-height: 180px; display: flex; align-items: center; }
  .is-about__belief-num { font-family: 'Cormorant Garamond', serif; font-size: clamp(100px, 12vw, 180px); font-weight: 300; color: #c9a96e; opacity: 0.28; line-height: 0.82; letter-spacing: -0.02em; font-style: italic; }
  .is-about__belief-side::after { content: ''; position: absolute; left: 0; right: 0; bottom: 18px; height: 1px; background: linear-gradient(90deg, rgba(201,169,110,0.4), transparent 70%); }
  .is-about__belief:nth-child(even) .is-about__belief-side::after { background: linear-gradient(270deg, rgba(201,169,110,0.4), transparent 70%); }
  .is-about__belief-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 3.2vw, 40px); font-weight: 400; color: #1a1513; line-height: 1.15; margin: 0 0 18px; letter-spacing: -0.005em; }
  .is-about__belief-p { font-size: 16px; line-height: 1.78; color: #555; margin: 0; max-width: 560px; }
  .is-about__belief-p a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* APPROACH — horizontal rail with auto-fit */
  .is-about__approach { background: #ffffff; padding: 120px clamp(20px, 4vw, 48px); }
  .is-about__approach-inner { max-width: 1280px; margin: 0 auto; }
  .is-about__approach-head { max-width: 820px; margin: 0 auto 60px; text-align: center; }
  .is-about__approach-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px, 4.4vw, 54px); font-weight: 300; color: #1a1513; line-height: 1.12; margin: 0; letter-spacing: -0.01em; }
  .is-about__approach-h em { font-style: italic; color: #c9a96e; }

  .is-about__steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; position: relative; }
  .is-about__steps::before { content: ''; position: absolute; top: 54px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 15%, rgba(201,169,110,0.35) 50%, rgba(201,169,110,0.25) 85%, transparent); pointer-events: none; }
  .is-about__step { background: #fbf8f2; border: 1.5px solid #eee6d8; border-radius: 14px; padding: 28px 22px; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s; display: flex; flex-direction: column; position: relative; z-index: 1; }
  .is-about__step:hover { border-color: rgba(201,169,110,0.5); box-shadow: 0 16px 36px rgba(201,169,110,0.1); transform: translateY(-3px); }
  .is-about__step-num { font-family: 'Cormorant Garamond', serif; font-size: 14px; font-weight: 500; color: #0a0a0a; background: linear-gradient(135deg, #c9a96e, #e8d5a3); width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; letter-spacing: 0; font-style: normal; }
  .is-about__step-h { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 500; color: #1a1513; margin: 0 0 10px; line-height: 1.25; letter-spacing: -0.003em; }
  .is-about__step p { font-size: 13.5px; line-height: 1.65; color: #555; margin: 0; }

  /* DON'T */
  .is-about__dont { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 110px clamp(20px, 4vw, 48px); position: relative; }
  .is-about__dont::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 50%, transparent); }
  .is-about__dont-inner { max-width: 820px; margin: 0 auto; }
  .is-about__dont-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 48px); font-weight: 300; color: #f5f0e8; line-height: 1.15; margin: 0 0 40px; }
  .is-about__dont-h em { font-style: italic; color: #c9a96e; }
  .is-about__dont-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }
  .is-about__dont-list li { display: grid; grid-template-columns: 36px 1fr; gap: 16px; align-items: start; padding: 22px 24px; background: rgba(255,255,255,0.02); border: 1px solid rgba(200,168,113,0.12); border-radius: 12px; }
  .is-about__dont-x { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(201,169,110,0.12); border: 1px solid rgba(201,169,110,0.3); color: #c9a96e; font-size: 18px; line-height: 1; font-weight: 300; }
  .is-about__dont-list strong { font-family: 'Cormorant Garamond', serif; display: block; font-size: 21px; font-weight: 500; color: #f5f0e8; line-height: 1.3; margin-bottom: 4px; }
  .is-about__dont-list span { display: block; font-size: 14px; line-height: 1.7; color: #a89f92; }

  /* CTA */
  .is-about__cta { background: linear-gradient(180deg, #fbf8f2 0%, #fcf6e8 100%); padding: 110px clamp(20px, 4vw, 48px); text-align: center; border-top: 1px solid #eee6d8; }
  .is-about__cta-inner { max-width: 640px; margin: 0 auto; }
  .is-about__cta-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px, 4vw, 52px); font-weight: 300; color: #1a1513; line-height: 1.15; margin: 0 0 18px; }
  .is-about__cta-h em { font-style: italic; color: #c9a96e; }
  .is-about__cta-sub { font-size: 15px; line-height: 1.7; color: #555; margin: 0 0 32px; }
  .is-about__cta-btns { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 20px; }
  .is-about__btn { display: inline-block; padding: 15px 26px; font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; text-decoration: none; border-radius: 4px; transition: opacity 0.2s, border-color 0.2s, background 0.2s, color 0.2s; }
  .is-about__btn--primary { background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; }
  .is-about__btn--primary:hover { opacity: 0.88; color: #0a0a0a; }
  .is-about__btn--ghost { color: #1a1513; border: 1px solid rgba(26,21,19,0.15); background: transparent; }
  .is-about__btn--ghost:hover { border-color: #c9a96e; color: #c9a96e; }
  .is-about__contact { font-size: 13px; color: #8a7f6e; margin: 14px 0 0; }
  .is-about__contact a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* MOBILE */
  @media screen and (max-width: 900px) {
    .is-about__belief { grid-template-columns: 1fr; gap: 12px; padding-bottom: 38px; }
    .is-about__belief-num { font-size: 40px; }
    .is-about__steps { grid-template-columns: 1fr; gap: 14px; }
  }
  @media screen and (max-width: 600px) {
    .is-about__hero { padding: 72px 20px 64px; }
    .is-about__h1 { font-size: 34px; }
    .is-about__sub { font-size: 16px; }
    .is-about__beliefs { padding: 72px 20px; }
    .is-about__beliefs-inner { gap: 40px; }
    .is-about__belief-h { font-size: 24px; }
    .is-about__belief-p { font-size: 15px; }
    .is-about__approach { padding: 72px 20px; }
    .is-about__approach-h { font-size: 28px; margin-bottom: 36px; }
    .is-about__dont { padding: 72px 20px; }
    .is-about__dont-h { font-size: 28px; }
    .is-about__dont-list li { padding: 18px 20px; grid-template-columns: 28px 1fr; gap: 12px; }
    .is-about__dont-list strong { font-size: 18px; }
    .is-about__cta { padding: 72px 20px; }
    .is-about__cta-h { font-size: 30px; }
    .is-about__cta-btns { flex-direction: column; }
    .is-about__btn { text-align: center; }
  }


  /* FOUNDER section */
  .is-about__founder { background: linear-gradient(180deg, #fbf8f2 0%, #f7f1e2 100%); padding: 120px clamp(20px, 4vw, 48px); border-top: 1px solid #eee6d8; border-bottom: 1px solid #eee6d8; }
  .is-about__founder-inner { max-width: 760px; margin: 0 auto; }
  .is-about__founder .is-about__kicker { display: block; text-align: center; margin-bottom: 22px; }
  .is-about__founder-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 48px); font-weight: 300; color: #1a1513; line-height: 1.14; margin: 0 0 44px; text-align: center; letter-spacing: -0.01em; }
  .is-about__founder-h em { font-style: italic; color: #c9a96e; }
  .is-about__founder-body { font-size: 17px; line-height: 1.85; color: #3a2f28; }
  .is-about__founder-p { margin: 0 0 22px; }
  .is-about__founder-p strong { color: #1a1513; font-weight: 600; }
  .is-about__founder-p em { font-style: italic; color: #8a6a3a; }
  .is-about__founder-sig {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid rgba(201,169,110,0.22);
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 22px;
    color: #1a1513;
    line-height: 1.5;
  }
  .is-about__founder-role {
    display: block;
    font-family: 'Inter', system-ui, sans-serif;
    font-style: normal;
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #8a7f6e;
    margin-top: 6px;
    font-weight: 500;
  }
  @media screen and (max-width: 600px) {
    .is-about__founder { padding: 72px 20px; }
    .is-about__founder-h { font-size: 26px; margin-bottom: 32px; }
    .is-about__founder-body { font-size: 16px; }
  }

.is-about__founder-q { font-family: 'Cormorant Garamond', 'Times New Roman', serif; font-size: clamp(20px, 2.6vw, 26px); line-height: 1.45; color: #3a3328; font-style: italic; border-left: 2px solid #c9a96e; padding: 8px 0 8px 22px; margin: 18px 0 22px; max-width: 640px; }
.is-about__founder-q em { color: #1a1513; font-weight: 500; font-style: italic; }

.is-about__founder-link { color: #c9a96e; text-decoration: none; border-bottom: 1px solid rgba(201,169,110,0.35); transition: color 0.2s, border-color 0.2s; }
.is-about__founder-link:hover { color: #1a1513; border-bottom-color: #c9a96e; }



/* INNERSCRIPT-DONT-ICONS-V2 */
.is-about__dont-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(201,169,110,0.32);
  background: rgba(201,169,110,0.06);
  color: #c9a96e;
  margin-right: 18px;
}
.is-about__dont-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* ==== frequently-asked-questions (.is-faqp) ==== */
.is-faqp { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; }

  /* HERO */
  .is-faqp__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 90px clamp(20px, 4vw, 48px) 70px; position: relative; }
  .is-faqp__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-faqp__hero-inner { max-width: 820px; margin: 0 auto; text-align: center; }
  .is-faqp__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.28em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; }
  .is-faqp__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px, 5vw, 58px); font-weight: 300; line-height: 1.12; margin: 0 0 20px; color: #f5f0e8; }
  .is-faqp__h1 em { font-style: italic; color: #c9a96e; }
  .is-faqp__sub { font-size: 16px; line-height: 1.65; color: #a89f92; margin: 0 auto 38px; max-width: 640px; }

  .is-faqp__search { position: relative; max-width: 520px; margin: 0 auto; }
  .is-faqp__search-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: #8a7f6e; pointer-events: none; }
  .is-faqp__search-input { width: 100%; box-sizing: border-box; background: rgba(255,255,255,0.04); border: 1px solid rgba(200,168,113,0.2); border-radius: 10px; color: #f5f0e8; font-size: 14px; padding: 15px 18px 15px 48px; font-family: inherit; outline: none; transition: border-color 0.2s, background 0.2s; }
  .is-faqp__search-input::placeholder { color: #6b6058; }
  .is-faqp__search-input:focus { border-color: rgba(200,168,113,0.5); background: rgba(255,255,255,0.06); }

  /* BODY */
  .is-faqp__body { max-width: 920px; margin: 0 auto; padding: 80px clamp(20px, 4vw, 48px); display: flex; flex-direction: column; gap: 72px; }

  .is-faqp__group { display: grid; grid-template-columns: 280px 1fr; gap: 48px; align-items: start; }
  .is-faqp__group-head { position: sticky; top: 80px; }
  .is-faqp__group-num { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 300; color: #c9a96e; opacity: 0.5; line-height: 1; display: block; margin-bottom: 10px; }
  .is-faqp__group-title { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: #1a1513; margin: 0 0 8px; line-height: 1.2; }
  .is-faqp__group-desc { font-size: 13px; color: #8a7f6e; line-height: 1.55; margin: 0; }

  .is-faqp__group-items { display: flex; flex-direction: column; gap: 10px; }

  .is-faqp__q { background: #fbf8f2; border: 1.5px solid #eee6d8; border-radius: 12px; padding: 0; overflow: hidden; transition: border-color 0.25s, background 0.25s; }
  .is-faqp__q:hover { border-color: rgba(201,169,110,0.35); }
  .is-faqp__q[open] { border-color: rgba(201,169,110,0.5); background: #ffffff; }
  .is-faqp__q[open] .is-faqp__mark { transform: rotate(45deg); }

  .is-faqp__q summary { list-style: none; cursor: pointer; padding: 22px 24px; font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 400; color: #1a1513; display: flex; align-items: center; justify-content: space-between; gap: 16px; line-height: 1.35; user-select: none; }
  .is-faqp__q summary::-webkit-details-marker { display: none; }
  .is-faqp__mark { width: 18px; height: 18px; position: relative; flex-shrink: 0; transition: transform 0.25s ease; }
  .is-faqp__mark::before, .is-faqp__mark::after { content: ''; position: absolute; background: #c9a96e; border-radius: 1px; }
  .is-faqp__mark::before { left: 0; top: 50%; width: 100%; height: 1.5px; margin-top: -0.75px; }
  .is-faqp__mark::after { left: 50%; top: 0; height: 100%; width: 1.5px; margin-left: -0.75px; }

  .is-faqp__a { padding: 0 24px 22px; font-size: 15px; color: #555; line-height: 1.75; }
  .is-faqp__a p { margin: 0 0 12px; }
  .is-faqp__a p:last-child { margin-bottom: 0; }
  .is-faqp__a strong { color: #1a1513; font-weight: 500; }
  .is-faqp__a em { font-style: italic; color: #8a7f6e; }
  .is-faqp__a a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }
  .is-faqp__a ul { margin: 0 0 12px; padding-left: 20px; }
  .is-faqp__a li { margin-bottom: 6px; line-height: 1.6; }

  /* CONTACT FOOTER */
  .is-faqp__contact { background: linear-gradient(180deg, #14100e 0%, #0a0807 100%); color: #f3eee7; padding: 90px clamp(20px, 4vw, 48px); text-align: center; position: relative; }
  .is-faqp__contact::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 50%, transparent); }
  .is-faqp__contact-inner { max-width: 620px; margin: 0 auto; }
  .is-faqp__contact-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 46px); font-weight: 300; color: #f5f0e8; line-height: 1.15; margin: 0 0 14px; }
  .is-faqp__contact-sub { font-size: 14px; color: #a89f92; margin: 0 0 32px; }
  .is-faqp__contact-ctas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
  .is-faqp__cta { background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; padding: 15px 28px; border-radius: 4px; transition: opacity 0.2s; }
  .is-faqp__cta:hover { opacity: 0.88; color: #0a0a0a; }
  .is-faqp__cta-ghost { color: #c9a96e; text-decoration: none; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; padding: 15px 2px; border-bottom: 1px solid rgba(201,169,110,0.3); transition: border-color 0.2s; }
  .is-faqp__cta-ghost:hover { border-color: #c9a96e; }

  /* MOBILE */
  @media screen and (max-width: 900px) {
    .is-faqp__body { padding: 60px 20px; gap: 48px; }
    .is-faqp__group { grid-template-columns: 1fr; gap: 24px; }
    .is-faqp__group-head { position: static; }
    .is-faqp__group-num { font-size: 32px; display: inline; margin-right: 12px; }
    .is-faqp__group-title { display: inline; font-size: 24px; }
    .is-faqp__group-desc { margin-top: 8px; }
  }
  @media screen and (max-width: 600px) {
    .is-faqp__hero { padding: 70px 20px 52px; }
    .is-faqp__body { padding: 48px 18px; gap: 40px; }
    .is-faqp__h1 { font-size: 32px; }
    .is-faqp__sub { font-size: 15px; }
    .is-faqp__search-input { font-size: 14px; padding: 13px 16px 13px 44px; }
    .is-faqp__search-icon { left: 16px; width: 16px; height: 16px; }
    .is-faqp__q summary { font-size: 17px; padding: 18px 20px; }
    .is-faqp__a { padding: 0 20px 18px; font-size: 14px; }
    .is-faqp__contact { padding: 64px 20px; }
    .is-faqp__contact-ctas { flex-direction: column; }
    .is-faqp__cta, .is-faqp__cta-ghost { text-align: center; }
  }

/* ==== refund-policy (.is-ref) ==== */
.is-ref { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow-x: hidden; }
  .is-ref__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.32em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 24px; }
  .is-ref__h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4.2vw, 52px); font-weight: 300; color: #1a1513; line-height: 1.12; margin: 0 0 64px; letter-spacing: -0.008em; }
  .is-ref__h2 em { font-style: italic; color: #c9a96e; }
  .is-ref__h2--dark { color: #f5f0e8; }

  /* HERO */
  .is-ref__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 140px clamp(20px, 4vw, 48px) 130px; position: relative; text-align: center; }
  .is-ref__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-ref__hero-inner { max-width: 780px; margin: 0 auto; }
  .is-ref__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(44px, 6.4vw, 76px); font-weight: 300; line-height: 1.05; margin: 0 0 32px; color: #f5f0e8; letter-spacing: -0.015em; }
  .is-ref__h1 em { font-style: italic; color: #c9a96e; }
  .is-ref__sub { font-size: 17px; line-height: 1.8; color: #a89f92; margin: 0 auto 34px; max-width: 620px; }
  .is-ref__sub a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }
  .is-ref__updated { font-size: 11px; letter-spacing: 0.22em; color: #7a7268; text-transform: uppercase; margin: 0; }

  /* CARDS */
  .is-ref__cards { background: #fbf8f2; padding: 140px clamp(20px, 4vw, 48px); }
  .is-ref__cards-inner { max-width: 1120px; margin: 0 auto; }
  .is-ref__cards-inner > .is-ref__kicker { display: block; text-align: center; }
  .is-ref__cards-inner > .is-ref__h2 { text-align: center; }

  .is-ref__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .is-ref__card { background: #ffffff; border: 1.5px solid #eee6d8; border-radius: 18px; padding: 48px 44px; display: flex; flex-direction: column; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s; }
  .is-ref__card:hover { border-color: rgba(201,169,110,0.4); box-shadow: 0 14px 36px rgba(201,169,110,0.08); transform: translateY(-2px); }
  .is-ref__card--featured { background: linear-gradient(180deg, #ffffff 0%, #fdf6e8 100%); border-color: rgba(201,169,110,0.45); }

  .is-ref__card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
  .is-ref__card-num { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 300; color: #c9a96e; opacity: 0.5; line-height: 1; letter-spacing: -0.01em; }
  .is-ref__card-tag { font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; padding: 7px 14px; border-radius: 99px; font-weight: 600; }
  .is-ref__card-tag--yes { background: rgba(201,169,110,0.12); color: #8a7f6e; border: 1px solid rgba(201,169,110,0.3); }
  .is-ref__card-tag--warn { background: rgba(196, 149, 71, 0.12); color: #8a7f6e; border: 1px solid rgba(196, 149, 71, 0.3); }

  .is-ref__card h3 { font-family: 'Cormorant Garamond', serif; font-size: 30px; font-weight: 500; color: #1a1513; margin: 0 0 6px; line-height: 1.2; letter-spacing: -0.005em; }
  .is-ref__card-price { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: #c9a96e; margin: 0 0 24px; font-style: italic; }
  .is-ref__card-body { font-size: 15px; color: #555; line-height: 1.75; margin: 0 0 28px; }
  .is-ref__card-body strong { color: #1a1513; font-weight: 600; }
  .is-ref__card-list { list-style: none; padding: 0; margin: auto 0 0; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; border-top: 1px solid rgba(201,169,110,0.14); }
  .is-ref__card-list li { font-size: 13.5px; color: #2a2520; line-height: 1.65; padding-left: 22px; position: relative; }
  .is-ref__card-list li::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #c9a96e; }
  .is-ref__card-list li strong { color: #1a1513; font-weight: 600; }
  .is-ref__card-list a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* PROCESS */
  .is-ref__process { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 150px clamp(20px, 4vw, 48px); position: relative; }
  .is-ref__process::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 50%, transparent); }
  .is-ref__process-inner { max-width: 1120px; margin: 0 auto; }
  .is-ref__process-inner > .is-ref__kicker { display: block; text-align: center; }
  .is-ref__process-inner > .is-ref__h2 { text-align: center; }
  .is-ref__steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
  .is-ref__step { background: rgba(255,255,255,0.02); border: 1px solid rgba(201,169,110,0.14); border-radius: 14px; padding: 38px 32px; transition: border-color 0.25s, background 0.25s; }
  .is-ref__step:hover { border-color: rgba(201,169,110,0.4); background: rgba(201,169,110,0.04); }
  .is-ref__step-num { font-family: 'Cormorant Garamond', serif; font-size: 32px; font-weight: 300; color: #c9a96e; opacity: 0.55; line-height: 1; display: block; margin-bottom: 22px; }
  .is-ref__step h3 { font-family: 'Cormorant Garamond', serif; font-size: 21px; font-weight: 500; color: #f5f0e8; margin: 0 0 14px; line-height: 1.28; }
  .is-ref__step p { font-size: 14px; color: #a89f92; line-height: 1.75; margin: 0; }
  .is-ref__step a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* EDGE */
  .is-ref__edge { background: #fbf8f2; padding: 140px clamp(20px, 4vw, 48px); }
  .is-ref__edge-inner { max-width: 1060px; margin: 0 auto; }
  .is-ref__edge-inner > .is-ref__kicker { display: block; text-align: center; }
  .is-ref__edge-inner > .is-ref__h2 { text-align: center; }
  .is-ref__edge-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .is-ref__edge-col { background: #ffffff; border: 1.5px solid #eee6d8; border-radius: 18px; padding: 44px 40px; }
  .is-ref__edge-col h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 500; color: #1a1513; margin: 0 0 22px; line-height: 1.22; }
  .is-ref__edge-col p { font-size: 15px; color: #555; line-height: 1.8; margin: 0; }
  .is-ref__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
  .is-ref__list li { padding-left: 24px; position: relative; font-size: 14.5px; line-height: 1.7; color: #555; }
  .is-ref__list--no li::before { content: '×'; position: absolute; left: 0; top: -2px; color: #8a7f6e; font-size: 18px; font-weight: 300; }

  /* CTA */
  .is-ref__cta { background: linear-gradient(180deg, #14100e 0%, #0a0807 100%); color: #f3eee7; padding: 130px clamp(20px, 4vw, 48px); text-align: center; position: relative; }
  .is-ref__cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-ref__cta-inner { max-width: 600px; margin: 0 auto; }
  .is-ref__cta-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(30px, 4vw, 44px); font-weight: 300; color: #f5f0e8; line-height: 1.15; margin: 0 0 12px; }
  .is-ref__cta-sub { font-size: 15px; color: #a89f92; margin: 0 0 30px; }
  .is-ref__cta-btn { display: inline-block; background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; text-decoration: none; padding: 16px 28px; font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; border-radius: 4px; transition: opacity 0.2s, transform 0.2s; }
  .is-ref__cta-btn:hover { opacity: 0.92; transform: translateY(-1px); color: #0a0a0a; }
  .is-ref__cta-alt { font-size: 13px; color: #8a7f6e; margin: 22px 0 0; }
  .is-ref__cta-alt a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* MOBILE */
  @media screen and (max-width: 900px) {
    .is-ref__grid { grid-template-columns: 1fr; gap: 22px; }
    .is-ref__steps { grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .is-ref__edge-grid { grid-template-columns: 1fr; gap: 22px; }
    .is-ref__cards, .is-ref__process, .is-ref__edge { padding: 100px 20px; }
    .is-ref__h2 { margin-bottom: 48px; }
  }
  @media screen and (max-width: 600px) {
    .is-ref__hero { padding: 96px 20px 84px; }
    .is-ref__h1 { font-size: 44px; }
    .is-ref__sub { font-size: 15px; }
    .is-ref__cards, .is-ref__process, .is-ref__edge, .is-ref__cta { padding: 84px 18px; }
    .is-ref__h2 { font-size: 30px; margin-bottom: 36px; }
    .is-ref__card { padding: 34px 26px; }
    .is-ref__steps { grid-template-columns: 1fr; gap: 14px; }
    .is-ref__step { padding: 30px 24px; }
    .is-ref__edge-col { padding: 34px 26px; }
  }

/* ==== terms-of-service (.is-tos) ==== */
.is-tos { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow-x: hidden; }
  .is-tos__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.32em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 24px; }
  .is-tos__kicker--warn { color: #e8b87a; }
  .is-tos__h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4.2vw, 52px); font-weight: 300; color: #1a1513; line-height: 1.12; margin: 0 0 48px; letter-spacing: -0.008em; }
  .is-tos__h2 em { font-style: italic; color: #c9a96e; }
  .is-tos__h2--dark { color: #f5f0e8; }

  /* HERO */
  .is-tos__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 140px clamp(20px, 4vw, 48px) 130px; position: relative; text-align: center; }
  .is-tos__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-tos__hero-inner { max-width: 820px; margin: 0 auto; }
  .is-tos__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(42px, 6vw, 72px); font-weight: 300; line-height: 1.05; margin: 0 0 32px; color: #f5f0e8; letter-spacing: -0.015em; }
  .is-tos__h1 em { font-style: italic; color: #c9a96e; }
  .is-tos__sub { font-size: 17px; line-height: 1.8; color: #a89f92; margin: 0 auto 34px; max-width: 660px; }
  .is-tos__updated { font-size: 11px; letter-spacing: 0.22em; color: #7a7268; text-transform: uppercase; margin: 0; }

  /* TLDR */
  .is-tos__tldr { background: #fbf8f2; padding: 140px clamp(20px, 4vw, 48px); }
  .is-tos__tldr-inner { max-width: 1120px; margin: 0 auto; text-align: center; }
  .is-tos__tldr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; text-align: left; }
  .is-tos__tldr-card { background: #ffffff; border: 1.5px solid #eee6d8; border-radius: 18px; padding: 40px 36px; position: relative; transition: border-color 0.25s, transform 0.25s; }
  .is-tos__tldr-card:hover { border-color: rgba(201,169,110,0.4); transform: translateY(-2px); }
  .is-tos__tldr-icon { font-family: 'Cormorant Garamond', serif; font-size: 44px; font-weight: 300; color: #c9a96e; opacity: 0.45; line-height: 1; display: block; margin-bottom: 18px; }
  .is-tos__tldr-card p { font-size: 15.5px; color: #2a2520; line-height: 1.7; margin: 0; }
  .is-tos__tldr-card strong { color: #1a1513; font-weight: 600; }

  /* GET */
  .is-tos__get { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 150px clamp(20px, 4vw, 48px); position: relative; }
  .is-tos__get::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 50%, transparent); }
  .is-tos__get-inner { max-width: 1180px; margin: 0 auto; }
  .is-tos__get-inner > .is-tos__kicker, .is-tos__get-inner > .is-tos__h2 { display: block; text-align: center; }
  .is-tos__get-lede { font-size: 16px; color: #a89f92; max-width: 620px; margin: -24px auto 56px; text-align: center; line-height: 1.7; }
  .is-tos__tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .is-tos__tier { background: rgba(255,255,255,0.02); border: 1px solid rgba(201,169,110,0.14); border-radius: 16px; padding: 34px 28px; transition: border-color 0.25s, background 0.25s; }
  .is-tos__tier:hover { border-color: rgba(201,169,110,0.4); background: rgba(201,169,110,0.04); }
  .is-tos__tier--featured { background: rgba(201,169,110,0.06); border-color: rgba(201,169,110,0.4); }
  .is-tos__tier-num { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 300; color: #c9a96e; opacity: 0.55; line-height: 1; display: block; margin-bottom: 18px; }
  .is-tos__tier h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 500; color: #f5f0e8; margin: 0 0 6px; line-height: 1.25; }
  .is-tos__tier-price { font-family: 'Cormorant Garamond', serif; font-size: 16px; color: #c9a96e; font-style: italic; margin: 0 0 14px; }
  .is-tos__tier p { font-size: 13.5px; color: #a89f92; line-height: 1.7; margin: 0; }
  .is-tos__get-note { max-width: 720px; margin: 56px auto 0; text-align: center; font-size: 14px; color: #8a7f6e; line-height: 1.7; padding-top: 36px; border-top: 1px solid rgba(201,169,110,0.14); }
  .is-tos__get-note strong { color: #c9a96e; }

  /* USE */
  .is-tos__use { background: #fbf8f2; padding: 140px clamp(20px, 4vw, 48px); }
  .is-tos__use-inner { max-width: 1100px; margin: 0 auto; }
  .is-tos__use-inner > .is-tos__kicker, .is-tos__use-inner > .is-tos__h2 { display: block; text-align: center; }
  .is-tos__use-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .is-tos__use-col { background: #ffffff; border: 1.5px solid #eee6d8; border-radius: 18px; padding: 40px 36px; }
  .is-tos__use-col h3 { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 500; color: #1a1513; margin: 0 0 22px; line-height: 1.2; }
  .is-tos__use-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
  .is-tos__use-col li { padding-left: 28px; position: relative; font-size: 14.5px; line-height: 1.7; color: #2a2520; }
  .is-tos__use-col--yes li::before { content: '✓'; position: absolute; left: 0; top: 0; color: #c9a96e; font-size: 15px; font-weight: 600; }
  .is-tos__use-col--no li::before { content: '×'; position: absolute; left: 4px; top: -3px; color: #8a7f6e; font-size: 20px; font-weight: 300; }

  /* CARE */
  .is-tos__care { background: linear-gradient(180deg, #14100e 0%, #0a0807 100%); color: #f3eee7; padding: 130px clamp(20px, 4vw, 48px); position: relative; text-align: center; }
  .is-tos__care::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-tos__care-inner { max-width: 720px; margin: 0 auto; }
  .is-tos__care-body { font-size: 16px; line-height: 1.8; color: #c4bdaf; margin: 0 0 18px; }
  .is-tos__care-body strong { color: #e8b87a; font-weight: 600; }
  .is-tos__care-body em { font-style: italic; color: #e8d5a3; }

  /* OPS */
  .is-tos__ops { background: #fbf8f2; padding: 140px clamp(20px, 4vw, 48px); }
  .is-tos__ops-inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
  .is-tos__ops-col .is-tos__h2 { margin-bottom: 28px; }
  .is-tos__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
  .is-tos__list li { padding: 18px 22px 18px 46px; background: #ffffff; border: 1px solid #eee6d8; border-radius: 12px; font-size: 15px; color: #2a2520; line-height: 1.65; position: relative; }
  .is-tos__list li::before { content: ''; position: absolute; left: 22px; top: 26px; width: 8px; height: 8px; border-radius: 50%; background: #c9a96e; }
  .is-tos__list a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }

  /* FINE */
  .is-tos__fine { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 150px clamp(20px, 4vw, 48px); position: relative; }
  .is-tos__fine::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25) 50%, transparent); }
  .is-tos__fine-inner { max-width: 1120px; margin: 0 auto; }
  .is-tos__fine-inner > .is-tos__kicker, .is-tos__fine-inner > .is-tos__h2 { display: block; text-align: center; }
  .is-tos__fine-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
  .is-tos__fine-col { background: rgba(255,255,255,0.02); border: 1px solid rgba(201,169,110,0.14); border-radius: 14px; padding: 34px 30px; }
  .is-tos__fine-col h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 500; color: #f5f0e8; margin: 0 0 14px; line-height: 1.22; }
  .is-tos__fine-col p { font-size: 14px; color: #a89f92; line-height: 1.75; margin: 0; }
  .is-tos__fine-col p strong { color: #e8d5a3; font-weight: 500; }

  /* CTA */
  .is-tos__cta { background: linear-gradient(180deg, #14100e 0%, #0a0807 100%); color: #f3eee7; padding: 130px clamp(20px, 4vw, 48px); text-align: center; position: relative; }
  .is-tos__cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-tos__cta-inner { max-width: 620px; margin: 0 auto; }
  .is-tos__cta-h { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 46px); font-weight: 300; color: #f5f0e8; line-height: 1.15; margin: 0 0 14px; }
  .is-tos__cta-sub { font-size: 15px; color: #a89f92; margin: 0 0 34px; }
  .is-tos__cta-btn { display: inline-block; background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; text-decoration: none; padding: 16px 28px; font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; border-radius: 4px; transition: opacity 0.2s, transform 0.2s; }
  .is-tos__cta-btn:hover { opacity: 0.92; transform: translateY(-1px); color: #0a0a0a; }

  /* MOBILE */
  @media screen and (max-width: 1024px) {
    .is-tos__tiers { grid-template-columns: repeat(2, 1fr); }
  }
  @media screen and (max-width: 900px) {
    .is-tos__tldr-grid { grid-template-columns: 1fr; gap: 20px; }
    .is-tos__tiers { grid-template-columns: 1fr; }
    .is-tos__use-grid { grid-template-columns: 1fr; gap: 22px; }
    .is-tos__ops-inner { grid-template-columns: 1fr; gap: 60px; }
    .is-tos__fine-grid { grid-template-columns: 1fr; gap: 18px; }
    .is-tos__tldr, .is-tos__get, .is-tos__use, .is-tos__care, .is-tos__ops, .is-tos__fine { padding: 100px 20px; }
    .is-tos__h2 { margin-bottom: 40px; }
  }
  @media screen and (max-width: 600px) {
    .is-tos__hero { padding: 96px 20px 84px; }
    .is-tos__h1 { font-size: 40px; }
    .is-tos__sub { font-size: 15px; }
    .is-tos__tldr, .is-tos__get, .is-tos__use, .is-tos__care, .is-tos__ops, .is-tos__fine, .is-tos__cta { padding: 84px 18px; }
    .is-tos__h2 { font-size: 30px; margin-bottom: 32px; }
    .is-tos__tldr-card, .is-tos__use-col { padding: 32px 24px; }
    .is-tos__tier, .is-tos__fine-col { padding: 28px 22px; }
  }

/* ==== contact (.is-con) ==== */
.is-con { background: #ffffff; font-family: 'Inter', system-ui, sans-serif; color: #1a1513; }
  .is-con__kicker { display: inline-block; font-size: 10px; letter-spacing: 0.3em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 18px; }
  .is-con__kicker-muted { display: inline-block; font-size: 10px; letter-spacing: 0.3em; color: #8a7f6e; text-transform: uppercase; font-weight: 500; margin-bottom: 18px; }
  .is-con__h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(30px, 3.8vw, 44px); font-weight: 300; color: #1a1513; line-height: 1.15; margin: 0 0 18px; letter-spacing: -0.008em; }
  .is-con__h2 em { font-style: italic; color: #c9a96e; }

  /* HERO */
  .is-con__hero { background: linear-gradient(180deg, #0a0807 0%, #14100e 100%); color: #f3eee7; padding: 90px clamp(20px, 4vw, 48px) 110px; position: relative; }
  .is-con__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.3) 50%, transparent); }
  .is-con__hero-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }

  .is-con__h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(48px, 6.4vw, 80px); font-weight: 300; line-height: 1.03; margin: 0 0 24px; color: #f5f0e8; letter-spacing: -0.015em; }
  .is-con__h1 em { font-style: italic; color: #c9a96e; }
  .is-con__sub { font-size: 16px; line-height: 1.7; color: #a89f92; margin: 0 0 40px; max-width: 520px; }

  .is-con__details { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 22px; }
  .is-con__details li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: center; }
  .is-con__ico { width: 40px; height: 40px; border-radius: 50%; background: rgba(201,169,110,0.08); border: 1px solid rgba(201,169,110,0.22); color: #c9a96e; display: flex; align-items: center; justify-content: center; }
  .is-con__ico svg { width: 18px; height: 18px; }
  .is-con__detail-label { display: block; font-size: 10px; letter-spacing: 0.24em; color: #8a7f6e; text-transform: uppercase; margin-bottom: 2px; }
  .is-con__detail-value { display: block; font-size: 15px; color: #f5f0e8; text-decoration: none; }
  a.is-con__detail-value:hover { color: #c9a96e; }

  /* FORM */
  .is-con__form-card { background: #14100e; border: 1px solid rgba(201,169,110,0.25); border-radius: 18px; padding: 36px 32px; box-shadow: 0 40px 80px rgba(0,0,0,0.55); position: sticky; top: 100px; }
  .is-con__form-label { display: block; font-size: 10px; letter-spacing: 0.28em; color: #c9a96e; text-transform: uppercase; font-weight: 500; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid rgba(201,169,110,0.16); }
  .is-con__field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
  .is-con__field label { font-size: 11px; letter-spacing: 0.14em; color: #c9a96e; text-transform: uppercase; font-weight: 500; }
  .is-con__field label span { color: #7a7268; text-transform: none; letter-spacing: 0.02em; font-size: 12px; }
  .is-con__field input, .is-con__field textarea { background: rgba(255,255,255,0.03); border: 1px solid rgba(201,169,110,0.2); border-radius: 8px; color: #f3eee7; padding: 13px 16px; font-size: 14.5px; font-family: inherit; outline: none; transition: border-color 0.2s, background 0.2s; }
  .is-con__field input::placeholder, .is-con__field textarea::placeholder { color: #6b6058; }
  .is-con__field input:focus, .is-con__field textarea:focus { border-color: rgba(201,169,110,0.5); background: rgba(255,255,255,0.05); }
  .is-con__field textarea { resize: vertical; min-height: 110px; line-height: 1.55; }
  .is-con__submit { background: linear-gradient(135deg, #c9a96e, #e8d5a3); color: #0a0a0a; border: 0; padding: 15px 26px; font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; cursor: pointer; border-radius: 6px; font-family: inherit; width: 100%; margin-top: 6px; transition: opacity 0.2s, transform 0.2s; }
  .is-con__submit:hover { opacity: 0.92; transform: translateY(-1px); }
  .is-con__fine { font-size: 11.5px; color: #7a7268; line-height: 1.6; margin: 14px 0 0; text-align: center; }
  .is-con__fine a { color: #c9a96e; text-decoration: underline; text-underline-offset: 3px; }
  .is-con__ok { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; padding: 8px 0; }
  .is-con__ok svg { width: 36px; height: 36px; color: #c9a96e; }
  .is-con__ok h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 500; color: #f5f0e8; margin: 0 0 6px; line-height: 1.2; }
  .is-con__ok p { font-size: 14px; color: #a89f92; line-height: 1.65; margin: 0; }
  .is-con__err { background: rgba(255,100,90,0.08); border: 1px solid rgba(255,100,90,0.3); color: #ffb5ac; padding: 12px 16px; border-radius: 8px; font-size: 13px; margin-bottom: 16px; }

  /* BEFORE */
  .is-con__before { background: #fbf8f2; padding: 100px clamp(20px, 4vw, 48px); }
  .is-con__before-inner { max-width: 1200px; margin: 0 auto; text-align: center; }
  .is-con__before-sub { font-size: 15px; color: #555; line-height: 1.7; margin: 0 auto 44px; max-width: 600px; }
  .is-con__quicks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; text-align: left; }
  .is-con__quick { background: #ffffff; border: 1.5px solid #eee6d8; border-radius: 14px; padding: 26px 24px; text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 6px; transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s; }
  .is-con__quick:hover { border-color: rgba(201,169,110,0.4); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(201,169,110,0.08); }
  .is-con__quick-eyebrow { font-size: 10px; letter-spacing: 0.24em; color: #c9a96e; text-transform: uppercase; font-weight: 600; }
  .is-con__quick-title { font-family: 'Cormorant Garamond', serif; font-size: 19px; font-weight: 500; color: #1a1513; line-height: 1.25; margin: 4px 0 12px; }
  .is-con__quick-cta { margin-top: auto; font-size: 11px; letter-spacing: 0.2em; color: #c9a96e; text-transform: uppercase; font-weight: 500; }

  /* SCOPE */
  .is-con__scope { background: #ffffff; padding: 100px clamp(20px, 4vw, 48px) 120px; }
  .is-con__scope-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
  .is-con__scope-col { }
  .is-con__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
  .is-con__list li { padding-left: 22px; position: relative; font-size: 14.5px; line-height: 1.65; color: #2a2520; }
  .is-con__list--yes li::before { content: '✓'; position: absolute; left: 0; top: 0; color: #c9a96e; font-weight: 600; }
  .is-con__list--no li::before { content: '×'; position: absolute; left: 0; top: -2px; color: #8a7f6e; font-size: 18px; font-weight: 300; }

  /* MOBILE */
  @media screen and (max-width: 1024px) {
    .is-con__hero-inner { grid-template-columns: 1fr; gap: 48px; }
    .is-con__form-card { position: static; }
    .is-con__quicks { grid-template-columns: repeat(2, 1fr); }
    .is-con__scope-inner { grid-template-columns: 1fr; gap: 32px; }
  }
  @media screen and (max-width: 600px) {
    .is-con__hero { padding: 68px 20px 80px; }
    .is-con__h1 { font-size: 44px; }
    .is-con__sub { font-size: 15px; }
    .is-con__form-card { padding: 28px 22px; }
    .is-con__before, .is-con__scope { padding: 64px 18px; }
    .is-con__quicks { grid-template-columns: 1fr; }
  }
