/* DatomiLab product landing pages — product-specific presentation */
.product-page{background:#f7f9fc}
.product-page .phero{isolation:isolate}
.product-page .phero__inner{max-width:1200px}
.product-page .phero__title{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.045em}
.product-page .phero__kicker{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600;color:var(--accent);margin-top:.35rem}
.product-page .phero__sub{max-width:700px;font-size:clamp(1.08rem,1.7vw,1.3rem)}
.product-page .product-hero-art{position:absolute;right:4vw;bottom:8vh;width:min(42vw,520px);height:min(42vw,520px);pointer-events:none;z-index:1}
.product-page .orb{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 80px rgba(1,156,238,.2),inset 0 0 80px rgba(255,255,255,.03);animation:spinSlow 22s linear infinite}
.product-page .orb:before,.product-page .orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.product-page .orb:before{inset:14%;transform:rotate(58deg) scaleX(.42)}
.product-page .orb:after{inset:14%;transform:rotate(-58deg) scaleX(.42)}
.product-page .orb__core{position:absolute;inset:37%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff, var(--accent) 20%, rgba(1,156,238,.15) 65%, transparent 70%);filter:blur(.2px);box-shadow:0 0 60px var(--accent)}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.product-page .product-intro{max-width:860px;margin:0 auto;padding:clamp(5rem,10vw,9rem) 1.5rem;text-align:center}
.product-page .product-intro__statement{font-family:var(--f-display);font-size:clamp(2rem,4.5vw,4.1rem);line-height:1.05;letter-spacing:-.035em}
.product-page .product-intro__statement em{font-style:normal;color:var(--accent)}
.product-page .bento{max-width:1200px;margin:0 auto;padding:0 1.5rem clamp(5rem,10vw,9rem);display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.product-page .bento-card{position:relative;overflow:hidden;min-height:230px;padding:2rem;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 20px 60px -40px rgba(5,42,99,.35);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.product-page .bento-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px -38px rgba(5,42,99,.45)}
.product-page .bento-card--wide{grid-column:span 7}.product-page .bento-card--small{grid-column:span 5}.product-page .bento-card--half{grid-column:span 6}
.product-page .bento-card--dark{background:#071b3a;color:#fff;border-color:rgba(255,255,255,.08)}
.product-page .bento-card__num{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}
.product-page .bento-card h3{font-family:var(--f-display);font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.1;margin:1rem 0 .7rem;letter-spacing:-.025em}
.product-page .bento-card p{color:var(--muted);max-width:50ch}.product-page .bento-card--dark p{color:rgba(255,255,255,.68)}
.product-page .bento-card__visual{position:absolute;right:1.5rem;bottom:1.5rem;font-family:var(--f-mono);font-size:.72rem;color:var(--accent);opacity:.8}
.product-page .flow-section{padding:clamp(5rem,10vw,9rem) 1.5rem;background:#071b3a;color:#fff;overflow:hidden}
.product-page .flow{max-width:1100px;margin:3.5rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.product-page .flow:before{content:"";position:absolute;top:28px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.product-page .flow-step{position:relative;text-align:center;padding:0 1rem}.product-page .flow-step__dot{width:58px;height:58px;margin:0 auto 1.2rem;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;background:#071b3a;color:var(--accent);font-family:var(--f-mono);position:relative;z-index:2}.product-page .flow-step h3{font-family:var(--f-display);margin-bottom:.4rem}.product-page .flow-step p{color:rgba(255,255,255,.62);font-size:.92rem}
.product-page .seo-section{max-width:1100px;margin:0 auto;padding:clamp(5rem,9vw,8rem) 1.5rem}.product-page .seo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}.product-page .seo-copy p{color:var(--muted);margin:1rem 0}.product-page .keyword-panel{border:1px solid var(--line);border-radius:24px;padding:1.5rem;background:#fff}.product-page .keyword-panel span{display:inline-block;margin:.25rem;padding:.5rem .75rem;border-radius:999px;background:#f1f5fb;color:var(--ink-2);font-family:var(--f-mono);font-size:.72rem}
.product-page .product-footer-cta{margin-top:0}
/* TickWise */
.tickwise-page{--accent:#16b8a6}.tickwise-page .phero{background:radial-gradient(100% 120% at 80% 10%,#0e756e 0%,#062f39 45%,#031b2a 100%)}
.tickwise-page .tickboard{position:absolute;inset:9%;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px);padding:18px;transform:rotate(2deg);box-shadow:0 30px 90px rgba(0,0,0,.28)}
.tickwise-page .tickrow{display:grid;grid-template-columns:55px 1fr 70px;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:rgba(255,255,255,.8)}
.tickwise-page .tickrow b{color:#fff}.tickwise-page .status{color:#8ff3d6}.tickwise-page .priority{color:#ffc36a}
/* Matrix */
.matrix-page{--accent:#ff6a00}.matrix-page .matrix-map{position:absolute;inset:10%;background:radial-gradient(circle at 50% 50%,rgba(255,106,0,.18),transparent 35%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.1) 50%,transparent 50.2%);border:1px solid rgba(255,255,255,.13);border-radius:32px;transform:perspective(800px) rotateX(54deg) rotateZ(-12deg);box-shadow:0 40px 80px rgba(0,0,0,.3)}
.matrix-page .matrix-node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}
/* Orbit */
.orbit-page{--accent:#ffb000}.orbit-page .orbit-rings{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 100px rgba(255,176,0,.12)}.orbit-page .orbit-rings:before,.orbit-page .orbit-rings:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(62deg) scaleX(.38)}.orbit-page .orbit-rings:after{transform:rotate(-62deg) scaleX(.38)}.orbit-page .orbit-core{position:absolute;inset:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--accent) 22%,transparent 68%);box-shadow:0 0 70px rgba(255,176,0,.65)}
@media(max-width:900px){.product-page .product-hero-art{opacity:.3;width:75vw;height:75vw;right:-15vw;bottom:5vh}.product-page .bento-card--wide,.product-page .bento-card--small,.product-page .bento-card--half{grid-column:span 12}.product-page .flow{grid-template-columns:1fr 1fr;gap:2.5rem}.product-page .flow:before{display:none}.product-page .seo-grid{grid-template-columns:1fr}}
@media(max-width:600px){.product-page .flow{grid-template-columns:1fr}.product-page .bento-card{min-height:210px}.product-page .product-intro{padding-top:4.5rem}}