*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#0a0a0a;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.logo{display:flex;gap:4px;text-decoration:none;white-space:nowrap}.logo span{font-weight:800;font-size:20px;border:1px solid #e4e4e4;box-shadow:0 2px 2px #0002;border-radius:5px;padding:3px 7px}.nav{display:flex;gap:24px;font-size:14px;font-weight:bold}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.wrap{max-width:1500px;margin:auto;padding:0 18px}.hero{background:#ddf8fa;border-radius:24px;overflow:hidden}.hero-main{min-height:490px;padding:38px 4%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.hero-copy{grid-column:2}.hero h1,.title{font-size:clamp(46px,5.2vw,75px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em,.title em{font-weight:800}.hero-sub{font-size:clamp(28px,3.7vw,53px);font-weight:800;line-height:1;letter-spacing:-.05em;margin:75px 0 18px}.notice{align-self:start;background:#fff;border-radius:13px;padding:17px;font-size:15px;line-height:1.4;max-width:290px;justify-self:end}.notice small{color:#999}.notice strong{display:block;font-size:20px;line-height:1.1;margin:5px 0}.button{display:inline-block;background:#000;color:#fff;border:0;border-radius:10px;text-align:center;text-decoration:none;padding:17px 22px;font:700 14px Arial;cursor:pointer}.button:hover{background:#333}.hero .button{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bde7e9}.stat{display:flex;align-items:center;gap:12px;padding:19px 24px;font-size:14px}.symbol{width:42px;height:42px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:24px;flex:none}.section{max-width:1220px;margin:0 auto;padding:90px 20px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.05em;line-height:1;margin:0}.section-head p{font-size:18px;line-height:1.4;max-width:420px}.eyebrow{text-transform:uppercase;color:#888;font-size:12px;letter-spacing:.08em;font-weight:bold;margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#f3f4f4;border-radius:20px;padding:26px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.card:nth-child(3n+1){background:#e1f7f8}.card:nth-child(3n+2){background:#f1edfa}.card h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:0 0 14px}.card p{line-height:1.48;margin:0}.art{font-size:48px;text-align:right;animation:turn 20s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.dark{background:#111;color:#fff;border-radius:24px}.dark .eyebrow{color:#aaa}.dark p{color:#ccc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.steps article{border-top:1px solid #555;padding-top:18px}.steps b{font-size:34px}.steps h3{font-size:21px}.panel{background:#def7f8;border-radius:22px;padding:28px;margin-top:24px}.addresses{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.address{background:white;border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-wrap:anywhere}.copy{border:0;background:#eee;border-radius:7px;padding:8px;cursor:pointer}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 18px}.tabs button{border:1px solid #ccc;border-radius:8px;background:white;padding:11px 14px;cursor:pointer;font-weight:bold}.tabs button[aria-selected=true]{background:#111;color:white;border-color:#111}.guide{background:#fff;border-radius:14px;padding:22px;line-height:1.6}.guide h3{margin-top:0}.guide li{margin-bottom:8px}.warning{background:#fff1d0;padding:14px;border-radius:10px}.faq details{border-bottom:1px solid #ddd;padding:20px 0}.faq summary{font-weight:bold;font-size:19px;cursor:pointer}.faq p{line-height:1.6;max-width:800px}.cta{background:#e1f7f8;border-radius:22px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:clamp(34px,4vw,55px)}footer{background:#111;color:#fff;padding:55px 5% 30px;margin-top:70px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footgrid a{display:block;margin:12px 0;color:#ddd;font-size:14px}.footgrid p,.disclaimer{color:#aaa;font-size:13px;line-height:1.6}.disclaimer{border-top:1px solid #444;padding-top:20px;margin-top:35px}.document{max-width:900px;margin:40px auto;padding:0 25px}.document .title{margin:40px 0}.document section{padding:20px 0;border-bottom:1px solid #ddd;line-height:1.65}.document h2{font-size:26px;letter-spacing:-.03em}.document p,.document li{font-size:16px}.status{background:#fff0ee;border-radius:16px;padding:24px;margin:30px 0}.badge{font-size:13px;font-weight:bold;color:#ab3030}.network{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.network div{background:#f4f4f4;padding:15px;border-radius:8px}.toast{position:fixed;bottom:20px;right:20px;background:#111;color:white;padding:14px 18px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1}@media(max-width:800px){header{height:auto;min-height:75px;flex-wrap:wrap;padding:18px}.nav{gap:14px;overflow:auto;width:100%;padding-bottom:3px}.hero-main{display:block;min-height:0}.hero-copy{max-width:430px}.hero-sub{margin-top:50px}.notice{margin-top:25px;max-width:none}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px 10px;font-size:12px}.section{padding:65px 20px}.section-head{display:block}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.grid,.addresses,.network,.footgrid{grid-template-columns:1fr}.wrap{padding:0 10px}.hero h1{font-size:48px}.card{min-height:180px}.section h2{font-size:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Xbox DNS visual system */
body{background:#0c0c14;color:#f1f1f5;font-family:Arial,Helvetica,sans-serif}header{height:56px;padding:0 2.5%;position:sticky;top:0;z-index:10;background:rgba(10,11,17,.94);border-bottom:1px solid #252630;backdrop-filter:blur(15px)}.brand{font-size:18px;font-weight:800;text-decoration:none;letter-spacing:-.05em}.brand span,.hero-logo span{color:#12dc6c}.brand small{font-size:9px;letter-spacing:0;color:#9699a9;font-weight:400;margin-left:7px}.nav{font-size:14px;color:#9b9ead;gap:28px}.nav a:last-child{color:#11d96c}.wrap{max-width:none;padding:0}.hero{border-radius:0;background:radial-gradient(ellipse at 88% 0%,#12352b 0%,transparent 35%),radial-gradient(ellipse at 13% 100%,#271329 0%,transparent 35%),#0c0c14}.hero-main{min-height:610px;padding:105px 24px 65px;display:block}.hero-copy{max-width:760px;margin:auto;text-align:center}.hero-logo{font-size:24px;font-weight:800;letter-spacing:-.06em;margin-bottom:33px}.hero h1{font-size:clamp(43px,5vw,65px);line-height:.98;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#0fdd6c}.hero-description{font-size:20px;line-height:1.42;color:#999caa;max-width:750px;margin:25px auto 40px}.hero-description code{font-size:.85em;background:#25323b;color:#38df8b;padding:5px;border-radius:5px}.notice{max-width:none;width:100%;display:flex;align-items:center;gap:18px;text-align:left;justify-self:auto;background:linear-gradient(110deg,#2e1826,#151325 65%);color:#ddd;border:1px solid #703347;border-radius:18px;padding:23px 18px;box-shadow:0 12px 40px #e4254a1a}.notice-icon{width:57px;height:57px;border:1px solid #a73f55;background:#5a2536;border-radius:50%;display:grid;place-items:center;color:#fa6d7d;font-size:25px;flex:none}.notice strong{font-size:18px;color:#fff;margin:5px 0}.notice span{font-size:13px;color:#a5a3b0}.notice small{font-size:11px;color:#8c8191}.notice-link{background:#fff;color:#101015;text-decoration:none;border-radius:11px;padding:16px;white-space:nowrap;font-weight:bold;font-size:13px;margin-left:auto}.section{max-width:1120px;padding:90px 20px}.section-head{display:block;text-align:center;margin-bottom:60px}.section h2{font-size:clamp(34px,4vw,49px);line-height:1.08;letter-spacing:-.045em}.section h2 em{color:#11d96c;font-style:normal}.section-head p{max-width:760px;margin:18px auto 0;color:#9b9ead;line-height:1.5}.eyebrow{color:#13d66c;font-size:12px;letter-spacing:.1em}.grid{grid-template-columns:repeat(2,1fr);gap:24px}.card,.card:nth-child(n){background:#13121e;border:1px solid #2c2a39;border-radius:14px;min-height:190px;padding:30px;justify-content:flex-start}.card h3{font-size:23px;letter-spacing:-.025em}.card p{color:#a3a5b1;line-height:1.5}.card a{color:#30dd85;margin-top:20px}.art{font-size:25px;color:#1ce27c;align-self:flex-start;text-align:left;animation:none;order:-1;margin-bottom:15px}.dark{background:transparent;border-radius:0;text-align:center}.dark p{color:#9b9ead}.steps{text-align:left}.steps article{border:1px solid #2c2a39;border-radius:14px;padding:25px;background:#13121e}.steps b{display:grid;place-items:center;font-size:20px;border-radius:50%;width:43px;height:43px;background:#0f3829;color:#1ee27a}.steps h3{font-size:19px}.panel{background:#15151f;border:1px solid #30303a;border-radius:18px;padding:28px}.panel h3{color:#fff}.address{background:#0d0d15;border:1px solid #30303a;border-radius:9px;color:#9d9fab}.address b{color:#f1f1f5}.copy{background:#282936;color:#d8d9e1}.tabs button{background:#1d1d29;color:#adafbb;border:1px solid #333440}.tabs button[aria-selected=true]{background:#16cf70;border-color:#16cf70;color:#07170e}.guide{background:#10101a;border:1px solid #30303a;color:#c3c4ce}.warning{background:#30251a;color:#f0cf90;border:1px solid #655034}.button{background:#14d573;color:#07150e;border-radius:10px}.button:hover{background:#45e594}.faq details{border:1px solid #2c2a39;background:#15141f;border-radius:12px;padding:21px;margin-top:12px}.faq p{color:#a4a6b3}.faq h2,.faq>.eyebrow{text-align:center}.cta{background:linear-gradient(120deg,#163d2c,#121820);border:1px solid #315a42;border-radius:20px;max-width:1080px;margin:auto}.cta h2{font-size:clamp(34px,4vw,48px)}footer{background:#0b0b10;border-top:1px solid #292933}.document{max-width:900px}.document .title{color:#f3f3f5}.document .title em{color:#16d675;font-style:normal}.document p,.document li{color:#b2b3bf}.document a{color:#2ee585}.document section{border-color:#2d2e39}.status{background:#271923;border:1px solid #653245}.badge{color:#ff7787}.network div{background:#171720;border:1px solid #2d2e39}.toast{background:#1a3929;border:1px solid #3c815c}.disclaimer{color:#aaa}.disclaimer a{color:#fff}@media(max-width:800px){header{min-height:56px;height:auto;padding:12px 18px}.nav{width:auto;flex-wrap:wrap;gap:12px;font-size:12px}.hero-main{padding:75px 18px 50px}.notice{margin:0;flex-wrap:wrap}.notice-link{margin-left:75px}.grid{grid-template-columns:1fr 1fr}.section{padding:65px 20px}}@media(max-width:500px){header{align-items:center}.nav{width:100%;padding-top:8px}.hero h1{font-size:40px}.hero-description{font-size:17px}.notice{gap:12px}.notice-icon{width:42px;height:42px}.notice-link{margin-left:54px}.grid,.addresses,.network,.footgrid{grid-template-columns:1fr}.section h2{font-size:35px}}
footer{padding:60px max(5%,calc((100% - 1200px)/2)) 30px}.footgrid{grid-template-columns:2fr repeat(3,1fr);gap:40px}.footgrid strong{font-size:20px;letter-spacing:-.04em}.footer-green{color:#10d96c}.footgrid b{font-size:14px;font-weight:400;color:#8d8e9b}.footgrid p{color:#d3d3db;line-height:1.55}.footgrid a{font-size:15px;text-decoration:none;color:#e3e3e8;margin:11px 0}.footgrid a:hover{text-decoration:underline}.footer-meta{display:flex;flex-wrap:wrap;gap:26px;color:#92939f;font-size:13px;margin-top:100px}.footer-meta a{color:inherit;text-decoration:none}.disclaimer{border:0;max-width:1050px;margin:14px auto 0;padding:0;text-align:center;color:#82838e;font-size:11px;line-height:1.4}@media(max-width:800px){.footgrid{grid-template-columns:1fr 1fr}.footer-meta{margin-top:55px}}@media(max-width:500px){.footgrid{grid-template-columns:1fr 1fr;gap:28px 15px}.footer-meta{gap:12px 20px}}
.advantages{max-width:1200px}.adv-heading{text-align:left;margin-bottom:42px}.adv-heading h2{margin:0 0 18px}.adv-heading p{color:#b2b3bf;font-size:16px;line-height:1.5}.advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.adv-card{min-height:360px;display:flex;flex-direction:column;background:#15141f;border:1px solid #30303d;border-radius:17px;padding:24px;overflow:hidden}.adv-card h3{font-size:25px;line-height:1.06;letter-spacing:-.035em;margin:0 0 18px}.adv-card p{margin:0;color:#a0a2af;font-size:15px;line-height:1.5}.adv-mark,.adv-note,.adv-big,.adv-bar{margin-top:auto;padding-top:35px}.adv-mark{font-size:42px;font-weight:900;color:#1bdd78;letter-spacing:.1em}.adv-mark span{color:#f15b76;display:inline-block;transform:rotate(15deg)}.adv-note{color:#1ddd79;font-size:14px}.adv-big{font-size:54px;font-weight:900;letter-spacing:-.08em;color:#ef5c76;transform:rotate(-7deg)}.adv-bar{display:flex;align-items:end;gap:7px}.adv-bar span{height:25px;flex:1;background:#252932;border-radius:4px}.adv-bar span:nth-child(2){height:42px}.adv-bar span:nth-child(3){height:18px}.adv-bar span:nth-child(4){height:8px;background:#e65c72}.adv-bar b{color:#e65c72;font-size:25px}@media(max-width:900px){.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.advantages-grid{grid-template-columns:1fr}.adv-card{min-height:250px}}
