/* back2it.app home, v2 (28 Oct 2026): one dark page */
body.home{background:#0B0D10;color:#F3F5F7}
body.home a{color:#40C8E0}
.hero{background:radial-gradient(120% 80% at 70% 10%,#123A44 0%,#0B0D10 60%)}
.hero .wrap,.page,.foot{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}
.hero .wrap{padding-top:28px;padding-bottom:48px}
body.home .brand{display:inline-flex;align-items:center;gap:10px;color:#F3F5F7;text-decoration:none}.brand span{color:#40C8E0}
.logo{width:34px;height:34px;border-radius:8px}
.split{display:flex;gap:48px;align-items:center;justify-content:space-between;margin-top:40px}
.copy{flex:1;min-width:0}
.eyebrow{font-size:17px;font-weight:600;letter-spacing:.02em;color:#A7AFBA;margin:0 0 8px}
.hero h1{font-size:clamp(36px,6vw,60px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;overflow-wrap:anywhere}
.hero h1 em{font-style:normal;color:#40C8E0}
.sub{font-size:19px;color:#C9D0D8;max-width:540px;margin:0 0 24px}
.button{display:inline-block;background:#40C8E0;color:#0B0D10 !important;font-weight:700;font-size:18px;text-decoration:none;border-radius:16px;padding:14px 22px;min-height:48px}
.button:hover{background:#6BD6E8}
.launch{font-size:17px;color:#C9D0D8;margin:14px 0 0}
.shot{margin:0;flex:none;width:min(320px,100%)}
.phone{position:relative;background:#1A1D22;padding:11px 11px 0;border-radius:54px 54px 0 0;box-shadow:0 0 0 2px #2F343B,0 30px 80px rgba(0,0,0,.55),0 0 80px rgba(64,200,224,.10);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.phone img{display:block;width:100%;height:auto;border-radius:43px 43px 0 0}
.screen{position:relative}
.island{position:absolute;left:50%;top:0;transform:translateX(-50%);width:31.3%;aspect-ratio:126/37;margin-top:2.7%;background:#000;border-radius:999px}
.shot figcaption{font-size:15px;color:#A7AFBA;margin-top:10px;text-align:center}
.page h2{font-size:28px;margin:48px 0 16px;color:#F3F5F7}
.page h3{font-size:20px;margin:0 0 6px;color:#F3F5F7}
.page p{font-size:17px}
.page .card{background:#15191E;border:1px solid #23282F;border-radius:20px;padding:22px;margin:0}
.page .card p,.page .card li{color:#C9D0D8;font-size:17px;margin:0}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{display:inline-block;width:28px;height:28px;border-radius:50%;background:#40C8E0;color:#0B0D10;font-weight:700;font-size:15px;line-height:28px;text-align:center;margin-bottom:10px}
.lead{color:#C9D0D8;margin:0 0 16px}
.tablewrap{overflow-x:auto;border:1px solid #23282F;border-radius:20px;background:#15191E}
table{width:100%;border-collapse:collapse;font-size:17px}
th,td{padding:14px 16px;border-top:1px solid #23282F;text-align:left;vertical-align:top}
thead th{border-top:0;color:#A7AFBA;font-size:15px;font-weight:600}
tbody th{font-weight:600;color:#F3F5F7}
tbody th span{display:block;font-weight:400;font-size:15px;color:#A7AFBA;margin-top:2px}
td{color:#C9D0D8;white-space:nowrap}
.price{color:#C9D0D8;margin:14px 0 0}
.faq{display:grid;gap:12px}
.faq h2{margin-bottom:4px}
.end{text-align:center;padding:24px 0 8px}
.end .muted{color:#A7AFBA;font-size:17px}
.foot{padding-top:32px;padding-bottom:48px}
body.home footer{color:#A7AFBA;font-size:15px}
nav a{display:inline-block;padding:6px 0}
a:focus-visible,.button:focus-visible{outline:3px solid #F3F5F7;outline-offset:3px;border-radius:6px}
@media (max-width:860px){.split{flex-direction:column;align-items:flex-start;gap:32px}.shot{margin:0 auto;width:min(300px,100%)}.steps{grid-template-columns:1fr}}
@media (max-width:400px){.hero h1{font-size:34px}.sub{font-size:18px}.button{width:100%;text-align:center}th,td{padding:12px 10px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.phone.sm{margin-top:16px;width:100%;max-width:260px;margin-left:auto;margin-right:auto}
.phone.sm img{border-radius:36px 36px 0 0}