:root { --navy:#030d19; --navy-2:#071727; --blue:#16c7ed; --blue-2:#0aa5df; --red:#ff4457; --ink:#0b1b31; --muted:#647387; --paper:#f6f8fb; --line:#dce3ea; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1240px, calc(100% - 96px)); margin-inline:auto; }
.section { padding:130px 0; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:96px; display:flex; align-items:center; padding:0 4.5vw; color:#fff; border-bottom:1px solid rgba(255,255,255,.14); transition:background .25s,box-shadow .25s; }
.site-header.is-scrolled { position:fixed; height:76px; background:rgba(3,13,25,.92); box-shadow:0 10px 35px rgba(0,0,0,.2); backdrop-filter:blur(16px); }
.brand { font-size:38px; letter-spacing:-2px; font-weight:300; white-space:nowrap; }
.brand strong { color:var(--blue); font-weight:500; }
.site-header nav { display:flex; gap:42px; margin:auto; }
.site-header nav a { position:relative; color:#dce7f0; font-size:15px; }
.site-header nav a::after { content:""; position:absolute; left:0; bottom:-9px; width:0; height:2px; background:var(--blue); transition:.25s; }
.site-header nav a:hover::after { width:100%; }
.header-cta { border:1px solid rgba(255,255,255,.45); border-radius:999px; padding:11px 18px; font-size:14px; }
.header-cta span { color:var(--blue); margin-left:7px; }
.hero { position:relative; min-height:900px; height:100vh; overflow:hidden; background:var(--navy); color:#fff; }
.hero-image { position:absolute; inset:0; background:url('assets/sentime-hero.png') center/cover no-repeat; transform:scale(1.01); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,8,16,.99) 0%,rgba(2,12,23,.86) 34%,rgba(2,12,23,.28) 64%,rgba(2,12,23,.12) 100%),linear-gradient(0deg,rgba(1,8,16,.55),transparent 48%); }
.hero-content { position:relative; z-index:3; padding-top:190px; }
.eyebrow,.section-kicker { font-size:12px; letter-spacing:.22em; font-weight:700; color:#1baed9; margin:0 0 30px; }
.eyebrow { color:#bed9e8; display:flex; align-items:center; gap:12px; }
.eyebrow span { width:32px; height:2px; background:var(--blue); box-shadow:0 0 14px var(--blue); }
.hero h1 { margin:0; max-width:720px; font-size:clamp(65px,6.25vw,100px); line-height:.94; letter-spacing:-.065em; font-weight:700; }
h1 em,h2 em { color:var(--blue); font-style:normal; }
.hero-copy { max-width:620px; font-size:21px; line-height:1.65; color:#d1dce6; margin:34px 0; }
.hero-actions { display:flex; gap:16px; }
.button { min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:0 26px; border-radius:8px; font-weight:700; font-size:15px; transition:.25s; }
.button span { font-size:21px; font-weight:400; }
.button.primary { color:#00111b; background:linear-gradient(135deg,var(--blue),#34dcf1); box-shadow:0 12px 36px rgba(22,199,237,.18); }
.button.primary:hover { transform:translateY(-2px); box-shadow:0 16px 40px rgba(22,199,237,.32); }
.button.secondary { border:1px solid rgba(27,205,238,.78); color:#e4fbff; background:rgba(3,15,27,.34); backdrop-filter:blur(10px); }
.button.secondary:hover { background:rgba(22,199,237,.12); }
.hero-proof { display:flex; gap:28px; margin-top:42px; color:#a5b7c6; font-size:12px; }
.hero-proof span { border-left:1px solid #2a526b; padding-left:14px; max-width:180px; line-height:1.5; }
.hero-proof b { display:block; color:#fff; font-size:14px; }
.alert-card { position:absolute; z-index:4; right:6vw; top:41%; width:355px; display:grid; grid-template-columns:58px 1fr 24px; gap:17px; align-items:center; padding:24px; border:1px solid rgba(255,255,255,.28); border-radius:18px; background:rgba(5,16,27,.67); color:#fff; backdrop-filter:blur(18px); box-shadow:0 24px 80px rgba(0,0,0,.38); }
.alert-icon { position:relative; width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(255,68,87,.7); border-radius:50%; background:radial-gradient(circle,rgba(255,68,87,.18),transparent 65%); animation:siren-glow 1.65s ease-in-out infinite; }
.siren { position:relative; width:27px; height:25px; border:2px solid #ff7380; border-radius:14px 14px 4px 4px; border-bottom:4px solid var(--red); background:linear-gradient(90deg,#a70f26 0 35%,#ff6a76 48%,#b3122a 62% 100%); box-shadow:inset 0 0 8px rgba(255,255,255,.35),0 0 13px rgba(255,68,87,.75); animation:siren-lens .85s steps(2,end) infinite; }
.siren::after { content:""; position:absolute; width:34px; height:3px; background:#ff7380; left:-6px; bottom:-7px; border-radius:3px; box-shadow:0 2px 0 #6d0b19; }
.siren i,.siren b { position:absolute; top:-9px; width:11px; height:2px; background:#ff6473; box-shadow:0 0 8px var(--red); }
.siren i { left:-8px; transform:rotate(48deg); }.siren b { right:-8px; transform:rotate(-48deg); }
@keyframes siren-glow { 0%,100%{box-shadow:0 0 0 0 rgba(255,68,87,.08)} 50%{box-shadow:0 0 0 8px rgba(255,68,87,.1),0 0 24px rgba(255,68,87,.25)} }
@keyframes siren-lens { 0%{filter:brightness(.72)} 100%{filter:brightness(1.65)} }
.alert-card small { color:var(--red); font-size:9px; letter-spacing:.16em; }
.alert-card strong { display:block; font-size:18px; line-height:1.3; margin-top:5px; }
.alert-card p { margin:7px 0 0; color:#aebecb; font-size:12px; }
.direction { color:var(--blue); font-size:25px; }
.scroll-cue { position:absolute; z-index:4; left:50%; bottom:28px; transform:translateX(-50%); font-size:9px; letter-spacing:.22em; color:#8ea1b2; display:flex; align-items:center; gap:10px; }
.scroll-cue span { color:var(--blue); font-size:19px; }
.signal-lines { position:absolute; z-index:2; right:25%; bottom:18%; width:400px; height:100px; opacity:.5; transform:rotate(-8deg); }
.signal-lines i { position:absolute; inset:20px 0; border-bottom:2px solid var(--blue); border-radius:50%; filter:drop-shadow(0 0 7px var(--blue)); animation:signal 3s ease-in-out infinite; }
.signal-lines i:nth-child(2) { inset:0 -20px; border-color:var(--red); animation-delay:.25s; }.signal-lines i:nth-child(3){inset:40px 20px;animation-delay:.5s}
@keyframes signal { 0%,100%{transform:scaleY(.55);opacity:.3}50%{transform:scaleY(1.25);opacity:1} }
h2 { margin:0; font-size:clamp(48px,4.3vw,70px); line-height:1.03; letter-spacing:-.055em; }
.problem { background:#fff; }
.problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:110px; }
.problem h2 em { color:var(--red); }
.problem-copy > p { font-size:20px; line-height:1.65; color:#4d6075; margin:0 0 24px; }
.quote-line { margin-top:42px; padding-top:30px; border-top:1px solid var(--line); display:flex; gap:20px; }
.quote-line span { color:var(--blue); font-size:45px; line-height:.7; }
.quote-line p { margin:0; font-weight:700; font-size:16px; line-height:1.55; }
.quote-line em { font-style:italic; }
.how { background:var(--paper); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:80px; margin-bottom:70px; }
.section-heading > p { width:380px; color:var(--muted); line-height:1.7; font-size:17px; }
.flow { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ced8e1; }
.flow article { position:relative; padding:38px 38px 20px 0; }
.flow article + article { border-left:1px solid #ced8e1; padding-left:38px; }
.step { font-size:12px; color:#8ca0b2; letter-spacing:.12em; }
.flow-visual { position:relative; height:155px; display:grid; place-items:center; margin:18px 0; }
.flow-visual b { display:grid; place-items:center; width:66px; height:66px; border-radius:15px; background:var(--ink); color:var(--blue); font-size:14px; box-shadow:0 14px 35px rgba(5,23,40,.14); }
.flow-visual i { position:absolute; width:100px; height:100px; border:1px solid rgba(22,199,237,.35); border-radius:50%; box-shadow:0 0 0 25px rgba(22,199,237,.06),0 0 0 50px rgba(22,199,237,.035); }
.phone b { width:62px; height:105px; border-radius:15px; border:4px solid #c3d0db; background:#fff; color:var(--red); }.phone i{width:135px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);border:0;box-shadow:none}
.car b { border-radius:50%; color:#fff; background:var(--red); font-size:32px; }.car i{width:125px;height:65px;border-color:#b6c5d0;border-radius:60% 60% 18px 18px;box-shadow:none}
.flow h3 { font-size:22px; margin:0 0 14px; }.flow article > p { color:var(--muted); line-height:1.7; margin:0; }
.channels { overflow:hidden; }
.channels-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.tech-copy > p:not(.section-kicker) { color:var(--muted); font-size:18px; line-height:1.7; max-width:520px; }
.tech-copy ul { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:15px; }.tech-copy li{font-size:15px}.tech-copy li span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border-radius:50%;background:#dff9fd;color:#008bae;font-size:12px}
.device-stack { position:relative; padding:55px 0; }
.device-stack::before { content:""; position:absolute; inset:0 -120px; background:radial-gradient(circle,rgba(18,198,237,.14),transparent 62%); }
.device-stack article { position:relative; display:grid; grid-template-columns:72px 1fr 30px; gap:20px; align-items:center; margin:15px 0; padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 18px 60px rgba(13,39,63,.1); }
.device-stack article:nth-child(2){transform:translateX(50px)}
.device-icon { position:relative; display:grid; place-items:center; width:65px; height:65px; border-radius:14px; background:var(--ink); color:var(--blue); }
.device-icon i,.device-icon b { position:absolute; display:block; }
.device-icon-phone i { width:23px;height:39px;border:2px solid var(--blue);border-radius:5px;box-shadow:0 0 9px rgba(22,199,237,.25) }
.device-icon-phone b { width:7px;height:2px;border-radius:2px;background:var(--blue);bottom:16px }
.device-icon-watch i { width:27px;height:31px;border:2px solid var(--blue);border-radius:8px }
.device-icon-watch i::before,.device-icon-watch i::after { content:"";position:absolute;left:6px;width:11px;height:9px;border-left:2px solid var(--blue);border-right:2px solid var(--blue) }.device-icon-watch i::before{top:-11px}.device-icon-watch i::after{bottom:-11px}
.device-icon-watch b { width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue) }
.device-icon-auto i { width:42px;height:29px;border:2px solid var(--blue);border-radius:7px 7px 12px 12px;top:16px;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%) }
.device-icon-auto i::before { content:"";position:absolute;left:4px;right:4px;top:4px;height:8px;border-bottom:2px solid var(--blue);border-radius:0 0 50% 50% }
.device-icon-auto i::after { content:"";position:absolute;left:50%;bottom:3px;width:13px;height:13px;border:2px solid var(--blue);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 7px rgba(22,199,237,.3) }
.device-icon-auto b { width:2px;height:8px;background:var(--blue);left:50%;bottom:18px;transform:translateX(-50%) }
.device-stack h3 { margin:0 0 6px; font-size:20px; }.device-stack p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.device-stack article>b{color:#bfd0dc;font-size:12px}
.impact { color:#fff; background:linear-gradient(145deg,#03101d,#082239); }
.section-kicker.light { color:#7dc7db; }.impact-intro{display:flex;justify-content:space-between;align-items:end;gap:100px}.impact-intro>p{width:440px;color:#b6c4d0;line-height:1.7}
.stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:75px; border-top:1px solid #2a455b; border-bottom:1px solid #2a455b; }.stats article{padding:48px 40px 48px 0}.stats article+article{border-left:1px solid #2a455b;padding-left:40px}.stats strong{font-size:58px;letter-spacing:-.05em;color:var(--blue)}.stats p{color:#c0ccd5;line-height:1.55;max-width:270px}
.source-note { display:grid; grid-template-columns:80px 1fr auto; align-items:center; gap:25px; margin-top:35px; font-size:12px; color:#8fa2b2; }.source-note span{color:#fff;text-transform:uppercase;letter-spacing:.15em}.source-note p{margin:0;line-height:1.5}.source-note a{color:var(--blue);font-weight:700}
.architecture { background:#fff; }.architecture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.architecture-grid>div>p:not(.section-kicker){color:var(--muted);font-size:17px;line-height:1.7}.arch-diagram{display:grid;grid-template-columns:1fr;gap:10px;align-items:center}.arch-diagram article{padding:22px 25px;border:1px solid var(--line);border-radius:14px;min-height:125px}.arch-diagram small{color:#8ca0b2;font-size:9px;letter-spacing:.13em}.arch-diagram strong{display:block;margin:11px 0 7px;font-size:16px}.arch-diagram p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.arch-diagram>i{font-style:normal;color:var(--blue);font-size:22px;line-height:1;text-align:center;transform:rotate(90deg)}.arch-diagram .future{background:#f1fbfd;border-color:#beeaf2}
.project { background:var(--paper); }.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.project-grid>div>p:not(.section-kicker,.honesty){font-size:17px;line-height:1.7;color:var(--muted)}.prototype-panel{position:relative;min-height:520px;padding:0;overflow:hidden;border:1px solid rgba(22,199,237,.24);border-radius:22px;background:#071524;color:#fff;box-shadow:0 35px 80px rgba(4,24,42,.2)}.prototype-panel::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(3,13,25,.94) 100%)}.prototype-panel>img{display:block;width:100%;height:520px;object-fit:cover;object-position:center}.scene-signal-pulse{position:absolute;z-index:1;inset:4% 12% 21%;pointer-events:none;clip-path:polygon(37% 100%,63% 100%,100% 0,0 0);background:radial-gradient(ellipse at 50% 58%,rgba(44,224,255,.2),rgba(8,188,235,.08) 48%,transparent 74%);filter:blur(8px);mix-blend-mode:screen;animation:scene-signal-breathe 5.2s ease-in-out infinite}.alert-received{position:absolute;z-index:2;width:17px;height:17px;border:2px solid rgba(209,255,235,.9);border-radius:50%;background:#31df91;box-shadow:0 0 0 5px rgba(49,223,145,.13),0 0 18px rgba(49,223,145,.9);transform:translate(-50%,-100%);animation:alert-dot-breathe 3.8s ease-in-out infinite}.alert-received i{position:absolute;left:4px;top:2px;width:5px;height:8px;border-right:2px solid #052218;border-bottom:2px solid #052218;transform:rotate(45deg)}.alert-received-one{left:45%;top:34%}.alert-received-two{left:55%;top:50%;animation-delay:.45s}.prototype-caption{position:absolute;z-index:4;left:28px;right:28px;bottom:25px;display:grid;gap:7px}.prototype-caption>span{font-size:9px;letter-spacing:.16em;color:#8fe9f7}.prototype-caption strong{font-size:19px;line-height:1.3}.prototype-caption small{color:#abc0ce;font-size:11px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ad4a0;margin-right:8px;box-shadow:0 0 12px #3ad4a0}.milestones{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.milestones span{font-size:13px;font-weight:700}.milestones span::first-letter{color:var(--blue)}.honesty{font-size:12px!important;padding:14px;border-left:2px solid var(--blue);background:#eaf7fa}
@keyframes scene-signal-breathe{0%,100%{opacity:.28;transform:scaleX(.96)}50%{opacity:.82;transform:scaleX(1.04)}}
@keyframes alert-dot-breathe{0%,100%{filter:brightness(.85);box-shadow:0 0 0 4px rgba(49,223,145,.1),0 0 12px rgba(49,223,145,.55)}50%{filter:brightness(1.12);box-shadow:0 0 0 7px rgba(49,223,145,.16),0 0 22px rgba(49,223,145,.95)}}
.privacy { background:#eaf7fa; }.privacy-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.shield{display:block;color:var(--blue);font-size:52px;margin-bottom:25px}.privacy-inner>div>p:not(.section-kicker){font-size:18px;line-height:1.7;color:#476276}.privacy-points{display:grid;gap:0;border-top:1px solid #bfd9df;margin-top:30px}.privacy-points span{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #bfd9df;font-size:14px;font-weight:700}.privacy-points b{color:#1aa8cb;font-size:10px}
.cta { position:relative; text-align:center; color:#fff; background:radial-gradient(circle at 50% 120%,#134867,#061626 55%); }.cta-inner{display:flex;flex-direction:column;align-items:center}.cta h2{font-size:clamp(62px,7vw,105px)}.cta p:not(.section-kicker){max-width:640px;color:#b6c7d3;font-size:18px;line-height:1.7}.cta .button{margin-top:25px}
footer { background:#020b14;color:#9fb0bd;padding:55px 0 35px;border-top:1px solid #193044}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer-inner .brand{color:#fff}.footer-inner>p{font-size:12px;letter-spacing:.12em}.footer-inner>div{display:flex;gap:24px;font-size:12px}.footer-inner small{grid-column:1/-1;border-top:1px solid #142a3b;padding-top:25px;font-size:10px}
@media (max-width:1000px){.wrap{width:min(100% - 48px,900px)}.site-header{padding:0 24px}.site-header nav{display:none}.hero{min-height:850px}.alert-card{right:24px;top:auto;bottom:100px}.problem-grid,.channels-grid,.project-grid,.privacy-inner,.architecture-grid{grid-template-columns:1fr;gap:55px}.section-heading,.impact-intro{align-items:start;flex-direction:column;gap:25px}.flow{grid-template-columns:1fr}.flow article+article{border-left:0;border-top:1px solid #ced8e1;padding-left:0}.stats strong{font-size:44px}.impact-intro>p,.section-heading>p{width:auto}.arch-diagram{max-width:700px}.device-stack article:nth-child(2){transform:none}}
@media (max-width:680px){.wrap{width:calc(100% - 36px)}.section{padding:90px 0}.site-header{height:76px}.brand{font-size:30px}.header-cta{font-size:0;padding:10px 12px}.header-cta span{font-size:18px;margin:0}.hero{height:auto;min-height:880px}.hero-image{background-position:62% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(1,8,16,.97),rgba(1,8,16,.58)),linear-gradient(0deg,#020b14 5%,transparent 60%)}.hero-content{padding-top:135px}.hero h1{font-size:55px}.hero-copy{font-size:17px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-proof{flex-direction:column;gap:12px;margin-top:25px}.alert-card{position:relative;right:auto;top:auto;bottom:auto;margin:35px 18px 65px;width:auto;grid-template-columns:48px 1fr 20px;padding:17px}.alert-icon{width:44px;height:44px}.alert-card strong{font-size:14px}.scroll-cue{display:none}.problem-grid{gap:45px}.problem h2,h2{font-size:45px}.section-heading{margin-bottom:40px}.flow article{padding-right:0}.channels-grid{gap:20px}.device-stack article{grid-template-columns:55px 1fr 20px;padding:17px}.device-icon{width:52px;height:52px}.stats{grid-template-columns:1fr}.stats article+article{border-left:0;border-top:1px solid #2a455b;padding-left:0}.stats article{padding:30px 0}.source-note{grid-template-columns:1fr}.arch-diagram{grid-template-columns:1fr}.arch-diagram>i{transform:rotate(90deg);justify-self:center}.arch-diagram .future{grid-column:auto}.project-grid{gap:45px}.prototype-panel{min-height:430px}.prototype-panel>img{height:430px}.prototype-caption{left:20px;right:20px;bottom:19px}.milestones{grid-template-columns:1fr}.privacy-inner{gap:40px}.footer-inner{grid-template-columns:1fr}.footer-inner>div{flex-wrap:wrap}.footer-inner small{grid-column:auto}.signal-lines{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-lines i,.button,.alert-icon,.siren,.scene-signal-pulse,.alert-received{animation:none!important;transition:none!important}}