@charset "UTF-8";/*! * Stylesheet separation from AI creation * 07/02/2026 - Claude AI */   :root{    --paper:#F2F4EF;    --card:#FFFFFF;    --ink:#15213A;    --stamp:#C1432D;    --green:#2C7A4D;    --yellow:#F4C84D;    --muted:#6E6E64;    --line:#D8D9CD;    --max:1120px;  }  *{box-sizing:border-box;}  html{scroll-behavior:smooth;}  body{    margin:0;    background:var(--paper);    color:var(--ink);    font-family:'IBM Plex Sans',sans-serif;    line-height:1.6;    -webkit-font-smoothing:antialiased;  }  img,svg{display:block;}  a{color:inherit;text-decoration:none;}  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px;}  .mono{font-family:'IBM Plex Mono',monospace;}  .display{font-family:'Archivo Black',sans-serif;}  :focus-visible{outline:3px solid var(--stamp);outline-offset:2px;}  /* ---------- NAV ---------- */  .nav{    position:sticky;top:0;z-index:40;    background:rgba(242,244,239,0.92);    backdrop-filter:blur(6px);    border-bottom:1px solid var(--line);  }  .nav-row{    display:flex;align-items:center;justify-content:space-between;    padding:18px 28px;  }  .brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;}  .brand-mark{width:36px;height:36px;flex-shrink:0;object-fit:contain;}  .nav-links{display:flex;gap:32px;font-size:15px;}  .nav-links a{color:var(--ink);opacity:0.75;transition:opacity .15s;}  .nav-links a:hover{opacity:1;}  .nav-cta{    font-family:'IBM Plex Mono',monospace;    font-size:14px;font-weight:500;    background:var(--stamp);color:#fff;    padding:10px 18px;border-radius:4px;    border:1px solid var(--stamp);    transition:transform .15s, box-shadow .15s;  }  .nav-cta:hover{transform:translateY(-1px);}  .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;}  .nav-toggle svg{width:26px;height:26px;}  @media (max-width:760px){    .nav-links{      display:none;      position:absolute;top:100%;left:0;right:0;      background:var(--paper);      flex-direction:column;gap:0;      border-bottom:1px solid var(--line);    }    .nav-links.open{display:flex;}    .nav-links a{padding:14px 28px;width:100%;opacity:1;border-top:1px solid var(--line);}    .nav-toggle{display:block;}  }  /* ---------- HERO ---------- */  .hero{padding:72px 0 90px;}  .hero-grid{    display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;  }  .eyebrow{    font-family:'IBM Plex Mono',monospace;    font-size:13px;letter-spacing:0.08em;text-transform:uppercase;    color:var(--stamp);font-weight:500;margin:0 0 18px;  }  .hero h1{    font-family:'Archivo Black',sans-serif;    font-size:clamp(34px,4.4vw,54px);    line-height:1.08;margin:0 0 22px;  }  .hero p.sub{    font-size:17px;color:var(--muted);max-width:480px;margin:0 0 32px;  }  .hero-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}  .btn-primary{    font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:15px;    background:var(--stamp);color:#fff;padding:15px 28px;border-radius:4px;    border:1px solid var(--stamp);display:inline-flex;align-items:center;gap:8px;    transition:transform .15s;  }  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(244,200,77,0.55);}  .link-secondary{font-size:15px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;}  @media (max-width:880px){    .hero-grid{grid-template-columns:1fr;}    .hero{padding:48px 0 64px;}  }  /* ---------- RECEIPT ---------- */  .receipt-wrap{    animation:rise .7s ease-out both;  }  @keyframes rise{    from{opacity:0;transform:translateY(18px);}    to{opacity:1;transform:translateY(0);}  }  .receipt{    background:var(--card);    padding:32px 30px 22px;    border:1px solid var(--line);    box-shadow:0 14px 30px -18px rgba(21,33,58,0.35);    position:relative;  }  .receipt-head{text-align:center;margin-bottom:18px;}  .receipt-head .biz{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:15px;letter-spacing:0.04em;}  .receipt-head .meta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);margin-top:4px;}  .receipt hr.dash{    border:none;border-top:1px dashed var(--line);margin:14px 0;  }  .receipt-item{    display:flex;justify-content:space-between;align-items:flex-start;    font-family:'IBM Plex Mono',monospace;font-size:13.5px;    padding:10px 0;position:relative;gap:14px;  }  .receipt-item + .receipt-item{border-top:1px dotted var(--line);}  .receipt-item .label{color:var(--ink);}  .receipt-item .label small{display:block;color:var(--muted);font-size:11px;margin-top:2px;}  .receipt-item .price{text-align:right;white-space:nowrap;}  .price del{color:var(--muted);font-weight:400;}  .stamp{    display:inline-block;    border:2px solid var(--stamp);color:var(--stamp);    font-weight:700;font-size:11.5px;letter-spacing:0.05em;    padding:1px 9px;border-radius:3px;    transform:rotate(-9deg);    margin-left:8px;    animation:stamp .35s ease-out both;    animation-delay:.6s;  }  .stamp.included{color:var(--ink);border-color:var(--ink);}  @keyframes stamp{    from{opacity:0;transform:rotate(-9deg) scale(1.6);}    to{opacity:1;transform:rotate(-9deg) scale(1);}  }  .receipt-total{    display:flex;justify-content:space-between;align-items:baseline;    font-family:'IBM Plex Mono',monospace;    padding-top:14px;margin-top:6px;border-top:2px solid var(--ink);  }  .receipt-total .t-label{font-size:13px;font-weight:600;letter-spacing:0.04em;}  .receipt-total .t-price{font-size:22px;font-weight:700;}  .receipt-foot{    text-align:center;font-size:11.5px;color:var(--muted);margin-top:14px;  }  .tear{    height:11px;margin:0 -1px;    background-image:      linear-gradient(-45deg, var(--card) 7.5px, transparent 0) ,      linear-gradient(45deg, var(--card) 7.5px, transparent 0);    background-size:15px 15px;background-position:0 -7.5px,0 -7.5px;    background-repeat:repeat-x;  }  @media (prefers-reduced-motion:reduce){    .receipt-wrap,.stamp{animation:none;}  }  /* ---------- SECTION SHELL ---------- */  section{padding:80px 0;}  .section-head{max-width:560px;margin:0 0 48px;}  .section-head .eyebrow{margin-bottom:14px;}  .section-head h2{    font-family:'Archivo Black',sans-serif;    font-size:clamp(26px,3vw,36px);margin:0 0 12px;line-height:1.15;  }  .section-head p{color:var(--muted);font-size:16px;margin:0;}  .alt-bg{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}  /* ---------- INCLUDED GRID ---------- */  .included-grid{    display:grid;grid-template-columns:repeat(4,1fr);gap:22px;  }  .inc-card{    background:var(--paper);    border:1px solid var(--line);    padding:26px 22px;  }  .inc-card .icon{width:30px;height:30px;color:var(--stamp);margin-bottom:18px;}  .inc-card .was{    font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);    margin-bottom:6px;  }  .inc-card .was del{color:var(--muted);}  .inc-card .now{    font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--ink);    font-size:13px;letter-spacing:0.04em;margin-bottom:12px;  }  .inc-card .now.is-free{color:var(--green);}  .inc-card h3{font-size:16px;margin:0 0 8px;}  .inc-card p{font-size:14px;color:var(--muted);margin:0;}  @media (max-width:900px){.included-grid{grid-template-columns:repeat(2,1fr);}}  @media (max-width:540px){.included-grid{grid-template-columns:1fr;}}  /* ---------- HOW IT WORKS ---------- */  .steps{    display:grid;grid-template-columns:repeat(4,1fr);gap:0;    border-top:1px solid var(--line);  }  .step{    padding:28px 22px 0;border-right:1px solid var(--line);  }  .step:last-child{border-right:none;}  .step .num{    font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--stamp);    font-weight:700;margin-bottom:14px;  }  .step h3{font-size:16px;margin:0 0 8px;}  .step p{font-size:14px;color:var(--muted);margin:0;}  @media (max-width:880px){    .steps{grid-template-columns:repeat(2,1fr);}    .step{border-bottom:1px solid var(--line);padding-bottom:24px;}    .step:nth-child(odd){border-right:1px solid var(--line);}    .step:nth-child(even){border-right:none;}  }  @media (max-width:540px){    .steps{grid-template-columns:1fr;}    .step{border-right:none !important;}  }  /* ---------- PRICE BAND ---------- */  .price-band{    background:var(--ink);color:#fff;text-align:center;  }  .price-band .eyebrow{color:#E8A48F;}  .price-band h2{    font-family:'Archivo Black',sans-serif;    font-size:clamp(28px,4vw,42px);margin:0 0 14px;  }  .price-band p{color:#B9C0CE;max-width:480px;margin:0 auto 34px;font-size:16px;}  .price-band .btn-primary{font-size:16px;padding:17px 32px;}  .price-tag{    position:relative;display:inline-block;    background:var(--yellow);color:var(--ink);    font-family:'Archivo Black',sans-serif;    font-size:clamp(32px,5vw,52px);line-height:1;    padding:12px 24px 12px 36px;border-radius:8px;    transform:rotate(-3deg);margin-bottom:24px;    box-shadow:0 14px 28px -14px rgba(0,0,0,0.5);  }  .price-tag::before{    content:'';position:absolute;top:10px;left:10px;    width:10px;height:10px;border-radius:50%;    background:var(--paper);border:2px solid var(--ink);  }  .price-tag-sub{    font-family:'IBM Plex Mono',monospace;font-weight:700;    font-size:0.4em;margin-left:6px;vertical-align:middle;  }  /* ---------- CONTACT ---------- */  .contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:start;}  .contact-info h2{font-family:'Archivo Black',sans-serif;font-size:clamp(26px,3vw,34px);margin:0 0 12px;line-height:1.15;}  .contact-info p{color:var(--muted);font-size:16px;margin:0 0 28px;max-width:400px;}  .contact-detail{display:flex;align-items:center;gap:10px;font-size:14.5px;margin-bottom:13px;}  .contact-detail svg{width:18px;height:18px;color:var(--stamp);flex-shrink:0;}  .contact-form{background:var(--card);border:1px solid var(--line);padding:32px 30px;}  .field{margin-bottom:20px;}  .field label{    display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;    letter-spacing:0.05em;color:var(--muted);margin-bottom:7px;  }  .field input,.field textarea{    width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;    font-family:'IBM Plex Sans',sans-serif;font-size:15px;padding:8px 2px;color:var(--ink);    transition:border-color .15s;  }  .field input:focus,.field textarea:focus{border-color:var(--stamp);outline:none;}  .field textarea{resize:vertical;}  .contact-form button.btn-primary{border:none;cursor:pointer;font-size:15px;margin-top:6px;}  .form-note{font-size:12.5px;color:var(--muted);margin:14px 0 0;}  .form-note.success{color:var(--green);font-weight:600;}  @media (max-width:880px){.contact-grid{grid-template-columns:1fr;gap:36px;}}  /* ---------- FOOTER / CONTACT ---------- */  footer{padding:60px 0 36px;}  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-bottom:44px;}  .foot-brand .brand{margin-bottom:12px;}  .foot-brand p{color:var(--muted);font-size:14px;max-width:280px;}  .foot-col h4{    font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;    letter-spacing:0.06em;color:var(--muted);margin:0 0 14px;  }  .foot-col a, .foot-col p{display:block;font-size:14px;margin:0 0 10px;color:var(--ink);opacity:0.85;}  .foot-bottom{    border-top:1px solid var(--line);padding-top:22px;    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;    font-size:12.5px;color:var(--muted);  }  @media (max-width:760px){.foot-grid{grid-template-columns:1fr;gap:28px;}}