*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050817;color:#f7f9ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{height:74px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#050817df;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff14}.brand{font-size:18px}nav{display:flex;gap:26px;align-items:center;font-size:13px}#menu{display:none;background:none;border:0;color:white;font-size:24px}.outline,.ghost{border:1px solid #ffffff25;padding:11px 17px;border-radius:9px}.hero{min-height:700px;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 25%,#243d7b 0,#101b3b 25%,#050817 58%)}small{color:#67a7ff;font-weight:800;letter-spacing:.18em}.copy{z-index:2}.copy h1,.why h2,.heading h2,.easy h2,.split h2,.support h2,.download h2{font-size:clamp(42px,5.3vw,76px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 22px}.copy h1 span{color:#7da6ff}.copy>p{max-width:610px;color:#c0cae0;font-size:19px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-block;background:linear-gradient(135deg,#2677ff,#5158ff);padding:12px 19px;border-radius:9px;font-weight:800;box-shadow:0 10px 35px #1e5cff35}.checks{font-size:12px;color:#9ba8c3}.visual{height:500px;position:relative}.laptop{position:absolute;top:90px;right:4%;width:min(570px,46vw);background:#080d1c;border:8px solid #151a28;border-radius:13px;box-shadow:0 35px 80px #000;transform:perspective(1000px) rotateY(-8deg)}.bar{height:34px;padding:7px 11px;background:#0c142a;font-size:9px}.bar span{float:right}.app{height:285px;display:grid;grid-template-columns:27% 73%}.app aside{padding:22px 12px;background:#091227;color:#8292b5;font-size:9px;line-height:3}.app article{padding:28px}.app article h3{font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cards i{height:55px;background:#102348;border:1px solid #21417b;border-radius:6px}.chart{height:90px;margin-top:12px;background:linear-gradient(#10203f,#091124);border:1px solid #21417b;border-radius:6px}.visual figure{position:absolute;right:1%;bottom:-10px;width:145px;margin:0;background:#080d1c;border:1px solid #31518b;border-radius:15px;overflow:hidden;box-shadow:0 15px 45px #000}.visual img{width:100%;height:190px;object-fit:cover}.visual figcaption{text-align:center;font-size:10px;padding:7px;color:#aebbd5}.why,.dark,.easy,.split,.download{padding:95px 8vw}.why{max-width:1150px;margin:auto}.why h2,.heading h2,.easy h2,.split h2,.support h2{font-size:clamp(38px,4.5vw,62px)}.why p,.heading p,.split p,.support p{color:#a9b4cb;max-width:720px}.why blockquote{margin:45px 0 0;padding:18px 25px;border-left:3px solid #367dff;font-size:26px;font-style:italic}.dark{background:#070b19}.heading{text-align:center;max-width:760px;margin:0 auto 45px}.grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid article{min-height:200px;padding:26px;background:linear-gradient(145deg,#101a38,#090d1e);border:1px solid #ffffff13;border-radius:15px;color:#69a8ff;font-size:26px}.grid h3{color:white;font-size:17px}.grid p{color:#9da9c1;font-size:13px}.easy{text-align:center}.steps{max-width:950px;margin:45px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps b{display:grid;place-items:center;width:56px;height:56px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#286eff,#704eff)}.shots{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.shots article{background:#0b1022;border:1px solid #ffffff14;border-radius:13px;overflow:hidden}.shots article div{height:220px;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#3555a0,#101a38 35%,#080d1d);color:#7fb4ff;font-weight:800}.shots h3{padding:0 18px}.split{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.orbit{width:270px;height:270px;margin:auto;border:1px solid #2d5599;border-radius:50%;display:grid;place-items:center;font-size:70px;color:#5b94ff;box-shadow:inset 0 0 80px #2358ff20}.orbit span{position:absolute;color:white;text-align:center;font-size:15px;font-weight:800}.support{max-width:1000px;margin:auto;padding:45px;border:1px solid #ffffff14;border-radius:20px;background:#0b1023}.download{text-align:center;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 115%,#2368ff9e,transparent 43%),#050817}.download p{color:#b2bed6}.download em{margin-top:14px;color:#7887a5;font-size:12px}footer{padding:40px 7vw;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;color:#8390aa;font-size:12px}@media(max-width:850px){nav{display:none}#menu{display:block}header.open nav{display:flex;position:absolute;top:74px;left:0;right:0;padding:24px;flex-direction:column;background:#070b19}.hero{grid-template-columns:1fr;min-height:1050px}.visual{margin-top:20px;height:420px}.laptop{width:90vw;right:0}.grid,.shots{grid-template-columns:1fr 1fr}.steps,.split{grid-template-columns:1fr}.orbit{margin-top:45px}}@media(max-width:580px){.hero,.why,.dark,.easy,.split,.download{padding-left:22px;padding-right:22px}.copy h1{font-size:47px}.buttons a{width:100%;text-align:center}.visual{height:380px}.app{height:220px}.visual figure{width:115px}.visual img{height:145px}.grid,.shots{grid-template-columns:1fr}.support{padding:28px 22px}footer{flex-direction:column;gap:10px;text-align:center}}
/* SeeCapture by KAYSTRO v0.2 */
section[id]{scroll-margin-top:90px}.brand{white-space:nowrap}.tagline{font-weight:600;color:#e0e9ff!important}.copy .compatibility{font-size:13px;color:#9ba8c3;letter-spacing:.02em}.availability{font-size:14px;max-width:640px}.btn:disabled{font:inherit;font-weight:700;color:#c3cee5;border:1px solid #ffffff25;background:#182443;box-shadow:none;cursor:not-allowed}.orbit{position:relative}.orbit span{background:#081126d9;padding:8px 14px;border-radius:8px}.footer-brand{flex:1}.footer-brand p{color:#b2bed6}.footer-legal{flex:1;max-width:570px}.footer-legal p{margin:0 0 10px}footer{gap:40px}a:focus-visible,button:focus-visible{outline:2px solid #8cb8ff;outline-offset:5px}@media(min-width:851px) and (max-width:1100px){header{padding:0 3vw}nav{gap:14px}.brand{font-size:16px}}@media(max-width:580px){.brand{font-size:16px}.copy h1{font-size:clamp(38px,10vw,47px)}footer{gap:20px}.footer-legal{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* KAYSTRO / SeeCapture identity — website v0.3 */
header{height:96px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand>img{display:block;width:78px;height:auto;flex:none}
.brand b{display:block;letter-spacing:.16em;font-size:20px;color:#f7f9ff}
.brand-tagline{display:block;font-size:12px;font-weight:400;color:#a9b4cb;white-space:normal}
nav{font-size:14px}
.hero{gap:36px;min-height:700px;padding-top:55px;padding-bottom:65px}
.hero>*{min-width:0}
.visual.product-identity{position:static;height:auto;display:flex;align-items:center;justify-content:center;margin:0}
.visual .product-logo{display:block;width:100%;max-width:510px;height:auto;object-fit:contain;border-radius:24px;box-shadow:0 25px 85px #0005}
.brand-family{display:flex;gap:16px;align-items:center;justify-content:center;padding-left:30px;min-width:0}
.brand-family img{width:calc(50% - 17px);height:auto;display:block;border-radius:12px}
.family-divider{height:100px;width:1px;background:#31518b;flex:none}
.grid p{font-size:16px}
.checks,.copy .compatibility{font-size:14px}
section[id]{scroll-margin-top:112px}
@media(max-width:1100px) and (min-width:851px){.brand-tagline{max-width:160px}.brand>img{width:64px}.hero{gap:24px}}
@media(max-width:850px){
 header.open nav{top:96px}
 .hero{min-height:0;grid-template-columns:1fr;padding-top:45px;gap:36px}
 .visual.product-identity{margin:0 auto;width:100%;max-width:450px}
 .brand-family{padding-left:0;margin-top:40px;max-width:480px;width:100%;justify-self:center}
}
@media(max-width:580px){
 header{padding:0 18px;height:88px}
 header.open nav{top:88px}
 .brand{gap:10px}.brand>img{width:62px}
 .brand b{font-size:18px}.brand-tagline{font-size:12px;max-width:165px;line-height:1.4}
 #menu{padding:10px}
 .hero{padding-top:38px;padding-bottom:48px}
 .visual .product-logo{max-width:350px;border-radius:16px}
 .copy>p{font-size:17px}
 .brand-family{gap:12px}.brand-family img{width:calc(50% - 13px)}
 section[id]{scroll-margin-top:104px}
}