/* Graphite theme — all pages, controls and responsive layouts. */
@media screen {
 :root{color-scheme:dark;--ink:#f1f3f5;--muted:#b0b8c3;--green:#21d392;--green-dark:#68e4b3;--soft:#1f2228;--line:#363b44;--shadow:0 18px 55px #00000045}
 body{background:#17191e;color:var(--ink)}
 .header{background:#17191ef2;border-bottom-color:#343841}
 .brand b,.hero h1 span{color:#f6f7f8}
 .country{border-left-color:#3d424b}
 .flag{box-shadow:0 0 0 1px #ffffff18}
 .btn.primary{background:#21d392;color:#06281b}
 .btn.primary:hover{background:#4ae2ab;color:#06281b;box-shadow:0 8px 26px #21d39222}
 .btn.secondary{background:#24272e;border-color:#626c78;color:#f1f3f5}
 .btn.secondary:hover{background:#30353e;border-color:#8a96a6}
 .btn.telegram{background:#087bb6;color:#fff}
 .btn.telegram:hover{background:#096b9a}
 .icon-button:hover,.mobile-nav a:hover{background:#30353e}
 .skip{background:#20242b;color:#fff;border-color:#68e4b3}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#8bbcff}
 .hero-image>img{background:#2b3038}
 .hero-image{border-radius:20px;box-shadow:0 18px 50px #00000022}
 .chart-card{background:#1d2329;border-color:#303640;box-shadow:0 18px 50px #00000055}
 .chart-card-head span{color:#86e8c0}
 .chart-caption{color:#c4cdd6}
 .promo-strip{background:#232c2b;border:1px solid #35443e}
 .promo-icon{color:#56dfa8}
 .copy-code{background:#1c2422;border-color:#7a998a;color:#f1f5f3}
 .feature-card{background:#22252c;border-color:#373e48}
 .feature-card:hover{background:#282c34;border-color:#5b7168;box-shadow:0 15px 35px #00000026}
 .icon-box{background:#273b33;color:#73e9b8}
 .prose{color:#b9c1cc}
 .availability-note{border-color:#393e47}
 .note-mark{border-color:#7e9188;color:#c7d8cf}
 .steps{background:#262a31;border-color:#3b424c}
 .steps li>span{background:#294034;color:#8aebbf}
 .steps li:not(:last-child):before{background:#4a5850}
 .security-card{background:#262c30;border-color:#3d4848}
 .dark{background:#121619;color:#f1f3f5;border-top:1px solid #2d3439;border-bottom:1px solid #2d3439}
 .dark .eyebrow{color:#93bea9}.dark .prose{color:#bbc9c5}
 .demo-panel{background:#20272b;border-color:#414c50;box-shadow:0 20px 55px #00000030}
 .demo-tag{background:#34403e;color:#d1ded6}
 .demo-foot{border-color:#45534c}
 .chart-tabs button{border-color:#60756a;color:#dce9e1}
 .chart-tabs button[aria-pressed=true]{background:#b8f0d3;color:#103a29}
 .bonus-card{background:#25332e;border-color:#455d51}
 .bonus-card .eyebrow{color:#b6d5c5}
 .bonus-number{color:#85efbd}
 .bonus-card>p{color:#cfdfd7}
 .code-row{background:#1c2521;border-color:#82ac95}
 .calculator{background:#262a31;border-color:#414951;box-shadow:0 12px 35px #00000018}
 .calculator input[type=number]{background:#1b1f25;border-color:#738079;color:#f3f5f7}
 .calculator input[type=range]{accent-color:#68e4b3}
 .calculation>div{color:#bdcdc4}
 .error{color:#ffaba7}
 .mobile-visual{background:#252a31;border:1px solid #3b434d}
 .device-surface{background:#171c22;box-shadow:0 22px 44px #00000030;border:1px solid #404b53}
 .device-surface>strong{color:#a1edcc}
 .table-scroll{background:#22262d;border-color:#404750}
 thead{background:#2c3532;color:#cfdfd7}
 tbody th{color:#e4eae7}
 td{color:#bac3ce}
 .final-cta{background:#26342e;border:1px solid #425c4f}
 .final-cta p:not(.eyebrow):not(.micro){color:#c2d6c9}
 .cta-heading{color:#f1f3f5!important}
 .footer-bottom{border-color:#343a42;color:#afb9b2}
 dialog{background:#23272e;color:#f1f3f5;border-color:#4b5660;box-shadow:0 30px 120px #00000070}
 dialog::backdrop{background:#07090dc9}
 .search-field{background:#181d23;border-color:#738079}
 .search-field input{color:#f4f6f8}
 .search-field input::placeholder{color:#a9b5c1}
 #search-results a:hover{background:#304139}
 .toast{background:#b5f2d4;color:#123323;box-shadow:0 15px 50px #00000055}
 ::selection{background:#68e4b3;color:#08291c}
}
