:root{--chassis:#d8d5cb;--paper:#f2f0e9;--ink:#1d1d1b;--red:#c3272b;--lcd:#c5d1a8;--lcdink:#1b2315;--line:#9b988e;--dark:#252628}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--chassis);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}.nav{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:relative;z-index:2}.brand{font-weight:900;letter-spacing:-.03em;font-size:20px;color:inherit;text-decoration:none}.brand span{color:var(--red);font-size:10px;vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:30px}.nav nav a,.menu{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:inherit;text-decoration:none}.menu{display:none;background:none;border:0}.hero{min-height:calc(100vh - 74px);padding:54px 32px 24px;display:grid;grid-template-columns:1.02fr .98fr;grid-template-rows:1fr auto;gap:40px;border-bottom:1px solid var(--line)}.eyebrow,.section-head,.status,.scroll{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(54px,7.2vw,118px);line-height:.83;letter-spacing:-.075em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:var(--red)}.machine{align-self:center;background:#b9b6ad;border-radius:7px;box-shadow:0 20px 50px rgba(0,0,0,.13),inset 0 1px #eee;padding-bottom:28px;transform:rotate(1deg);max-width:720px}.machine-top{height:64px;background:linear-gradient(#35363a,#232427);border-bottom:4px solid var(--red);color:#eeeae0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;border-radius:7px 7px 0 0}.machine-top b{font-size:24px}.machine-body{padding:32px}.lcd{height:280px;background:var(--lcd);border:13px solid #1c1d1f;border-radius:8px;box-shadow:inset 0 0 15px rgba(0,0,0,.18);position:relative;overflow:hidden;color:var(--lcdink)}.lcd-top{height:32px;border-bottom:1px solid #647050;padding:8px 10px;font:11px ui-monospace,Menlo,monospace}.grid{position:absolute;inset:32px 0 0;display:grid;grid-template-columns:repeat(12,1fr)}.grid i{border-right:1px solid rgba(27,35,21,.22)}.notes span{position:absolute;left:var(--x);width:var(--w);height:12px;background:#263121;top:calc(60px + var(--x));box-shadow:0 42px #263121,0 84px #263121}.controls{display:flex;gap:14px;margin-top:25px;justify-content:flex-end}.controls button{border:1px solid #858177;border-radius:3px;background:linear-gradient(#efede6,#cbc8be);box-shadow:0 3px 0 #7b786f;padding:9px 16px;font:800 10px ui-monospace,Menlo,monospace;letter-spacing:.08em}.controls .red{background:linear-gradient(#dc3a3d,#ad1f23);color:#fff;border-color:#7c1417;box-shadow:0 3px 0 #6d1114}.scroll{grid-column:1/-1;display:flex;justify-content:flex-end;color:#5c5a54}.systems{background:var(--paper);padding:0 32px}.section-head{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.product{min-height:600px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr;gap:38px;padding:70px 0;align-items:center}.num{align-self:start;font:12px ui-monospace,Menlo,monospace}.status{color:#69665e;margin-bottom:25px}.product h2{font-size:clamp(72px,10vw,155px);line-height:.75;letter-spacing:-.08em;margin:0 0 40px}.product h2 span{color:var(--red)}.product p{max-width:470px;font-size:20px;line-height:1.35}.product a{display:inline-block;margin-top:35px;color:inherit;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:5px;font:800 11px ui-monospace,Menlo,monospace;letter-spacing:.08em}.product-screen{aspect-ratio:1.2;background:var(--lcd);border:18px solid #202123;box-shadow:0 15px 35px rgba(0,0,0,.13);padding:25px;display:flex;flex-direction:column;color:var(--lcdink);font-family:ui-monospace,Menlo,monospace}.product-screen div{font-size:11px}.product-screen strong{font-size:clamp(80px,10vw,160px);letter-spacing:-.1em;margin:auto 0 0}.product-screen small{letter-spacing:.15em}.product-screen.dark{background:#252628;color:#d9d6cd;border-color:#aaa69b}.statement{padding:0 32px 120px;background:var(--dark);color:#e9e6dd}.statement .section-head{border-color:#555}.statement p{font-size:clamp(50px,8vw,120px);font-weight:900;line-height:.9;letter-spacing:-.06em;margin:110px 0 0}.statement p span{color:#8f9d76}footer{min-height:180px;background:var(--red);color:#fff;padding:32px;display:grid;grid-template-columns:1fr 2fr auto;align-items:end;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.08em}@media(max-width:800px){.nav{padding:0 18px}.nav nav{display:none}.menu{display:block}.hero{padding:36px 18px 20px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:16vw}.machine{margin:20px 0 40px;transform:none}.machine-body{padding:18px}.lcd{height:210px;border-width:9px}.systems,.statement{padding-left:18px;padding-right:18px}.product{grid-template-columns:35px 1fr;padding:55px 0}.product-screen{grid-column:1/-1;margin-top:25px}.product h2{font-size:25vw}.product p{font-size:17px}.statement{padding-bottom:80px}.statement p{margin-top:70px}footer{padding:25px 18px;grid-template-columns:1fr;gap:20px;align-content:end}.scroll{justify-content:flex-start}}

.product-shot{margin:0;align-self:center;width:100%;background:#fff;border:1px solid #9b988e;box-shadow:0 15px 35px rgba(0,0,0,.13);line-height:0}.product-shot img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.product-shot{grid-column:1/-1;margin-top:25px}}
/* v3 — original Tick96 product image, restrained Hanamel palette */
.hero-shot{margin:0;align-self:center;width:100%;max-width:760px;justify-self:end;line-height:0}
.hero-shot img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 22px 55px rgba(0,0,0,.14)}
@media(max-width:800px){.hero-shot{margin:20px 0 40px;justify-self:stretch;max-width:none}}

/* v4 — neutral technical blue brand accent + tightly integrated real app capture */
:root{--accent:#526b7a;--accent-dark:#405763;--accent-soft:#aebbc1}
.brand span{color:var(--accent)}
.hero h1 em{color:var(--accent)}
.product h2 span{color:var(--accent)}
.product a{border-bottom-color:var(--accent)}
.statement p span{color:var(--accent-soft)}
footer{background:var(--dark);color:#e9e6dd;border-top:4px solid var(--accent)}
.hero-shot,.product-shot{overflow:hidden;background:transparent;border:0;box-shadow:none}
.hero-shot img{box-shadow:0 18px 44px rgba(0,0,0,.13);border:1px solid #aaa79e;border-radius:2px}
.product-shot img{border:1px solid #aaa79e;border-radius:2px;box-shadow:0 14px 30px rgba(0,0,0,.11)}
/* v5 — third system + launch-ready baseline */
.soon{display:inline-block;margin-top:35px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#66635c;border-bottom:1px solid #9b988e;padding-bottom:5px}
.overdub-title{font-size:clamp(48px,6.6vw,105px)!important;line-height:.82!important}
.overdub-card{aspect-ratio:1.2;background:var(--dark);color:#e9e6dd;border:1px solid #4e5153;padding:28px;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(0,0,0,.1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;overflow:hidden}

.overdub-code,.overdub-state{font-size:11px;letter-spacing:.12em;z-index:1}.overdub-card strong{font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(42px,5.2vw,82px);line-height:.82;letter-spacing:-.065em;margin:auto 0;z-index:1}.overdub-card strong::first-line{color:#e9e6dd}.overdub-state{color:var(--accent-soft)}
@media(max-width:800px){.overdub-card{grid-column:1/-1;margin-top:25px}.overdub-title{font-size:16vw!important}}

/* v6 — final launch copy */
.statement .statement-line { margin-bottom: 48px; }
.about-copy { max-width: 900px; font-size: clamp(18px, 2vw, 28px); line-height: 1.45; letter-spacing: -0.02em; text-transform: none; }
.footer-main { display: grid; grid-template-columns: 1fr 2fr auto; gap: 24px; width: 100%; }
.legal { grid-column: 1 / -1; max-width: 900px; margin-top: 30px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); font-size: 10px; line-height: 1.5; letter-spacing: .04em; opacity: .58; }
@media (max-width: 720px) { .footer-main { grid-template-columns: 1fr; } .about-copy { font-size: 18px; } }

/* v7 — production polish */
footer{display:block;min-height:0;padding:32px}
.footer-main{align-items:end}
.legal{width:100%}
@media(max-width:800px){footer{padding:25px 18px}}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.founder-credit { margin-top: 34px; font: 700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .08em; text-transform: uppercase; color: #b8b5ac; }


/* Approach */
.approach-section{
  padding:110px 6vw;
  border-top:1px solid var(--line);
}
.approach-section h2{
  margin:12px 0 46px;
}
.approach-grid{
  border-top:1px solid var(--line);
}
.approach-row{
  display:grid;
  grid-template-columns:70px minmax(210px, .9fr) minmax(280px, 1.4fr);
  gap:28px;
  align-items:start;
  padding:24px 0;
  border-bottom:1px solid var(--line);
}
.approach-no,
.approach-title{
  font-family:var(--mono, monospace);
  letter-spacing:.08em;
  font-size:12px;
}
.approach-no{opacity:.48}
.approach-title{font-weight:700}
.approach-copy{
  max-width:720px;
  line-height:1.55;
  opacity:.78;
}
@media(max-width:760px){
  .approach-section{padding:78px 24px}
  .approach-row{
    grid-template-columns:42px 1fr;
    gap:10px 16px;
  }
  .approach-copy{
    grid-column:2;
  }
}


/* Granular OS: use the established product card geometry; no grid/layout overrides */
.granular-card strong{
  overflow-wrap:normal;
  word-break:normal;
}