.tw-home{--blue:#0077b6;--blue-2:#56a6e9;--blue-soft:#e6f2fa;--orange:orange;--orange-d:#904a00;--ink:#333;--ink-2:#5c5c5c;--ink-3:#8a929d;--line:#e4e8ee;--line-2:#edf0f4;--bg:#fff;--bg-gray:#f2f2f2;--bg-hero-1:#edf2f8;--bg-hero-2:#f8fafc;--band:#e7f6fb;--radius:10px;--maxw:1120px;color:var(--ink);background:var(--bg);font-feature-settings:"palt";line-height:1.7}.tw-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.tw-home .blue{color:var(--blue)}.tw-home img{max-width:100%;display:block}.tw-home .btn-cta{background:var(--orange);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 6px 14px #f5820a38}.tw-home .btn-cta:hover{background:var(--orange-d);transform:translateY(-1px)}.tw-home .btn-ghost{color:var(--blue);border:1.5px solid var(--blue-2);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 30px;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.tw-home .btn-ghost:hover{background:var(--blue-2);color:#fff}.tw-home .btn-ghost svg{width:14px;height:14px}.tw-home .hero{background:linear-gradient(160deg,var(--bg-hero-1)0%,var(--bg-hero-2)62%,#fff 100%);border-bottom:1px solid var(--line-2);position:relative;overflow:hidden}.tw-home .hero-grid{grid-template-columns:1fr .92fr;align-items:center;gap:40px;padding:74px 32px 86px;display:grid}.tw-home .hero h1{letter-spacing:-.01em;margin:0 0 22px;font-size:46px;font-weight:900;line-height:1.34}.tw-home .hero p.lead{color:var(--ink-2);max-width:430px;margin:0 0 30px;font-size:16px}.tw-home .hero-form{border:1px solid var(--line);background:#fff;border-radius:10px;gap:10px;max-width:440px;padding:8px;display:flex;box-shadow:0 8px 26px #14285012}.tw-home .hero-form input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14.5px}.tw-home .hero-form input::placeholder{color:var(--ink-3)}.tw-home .hero-note{color:var(--ink-3);margin:14px 0 0;font-size:12.5px}.tw-home .hero-art{justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.tw-home .hero-art .glow{opacity:.55;pointer-events:none;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.tw-home .hero-art .diagram{filter:drop-shadow(0 22px 40px #2570e638);width:380px;height:auto;position:relative}.tw-home section{padding:84px 0}.tw-home .sec-head{text-align:center;margin-bottom:50px}.tw-home .sec-head h2{letter-spacing:.01em;margin:0;font-size:30px;font-weight:900;display:inline-block}.tw-home .sec-head h2:after{content:"";background:var(--blue-2);border-radius:2px;width:44px;height:3px;margin:14px auto 0;display:block}.tw-home .sec-head p{color:var(--ink-2);margin:18px 0 0;font-size:15px}.tw-home .map-wrap{justify-content:center;display:flex}.tw-home .map{width:960px;height:440px;position:relative}.tw-home .map svg.lines{pointer-events:none;width:960px;height:440px;position:absolute;inset:0}.tw-home .mcard{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:14px;width:268px;padding:13px 16px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:absolute;box-shadow:0 3px 10px #1428500a}.tw-home .mcard:hover{border-color:#cfdcef;transform:translateY(-2px);box-shadow:0 10px 24px #1428501a}.tw-home .mcard .ic{width:38px;height:38px;color:var(--blue-2);flex:none}.tw-home .mcard .ic svg{width:38px;height:38px}.tw-home .mcard .num{color:var(--blue);letter-spacing:.03em;margin-right:7px;font-size:12px;font-weight:700}.tw-home .mcard .nm{font-size:16px;font-weight:700}.tw-home .mcard .sub{color:var(--ink-2);margin-top:1px;font-size:11.5px;line-height:1.5}.tw-home .hub{z-index:3;background:#fff;border:1.5px solid #cfe0f5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:absolute;top:181px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #0077b60d,0 0 0 22px #0077b606}.tw-home .hub b{color:var(--blue);text-align:center;font-size:21px;font-weight:900;line-height:1.1}.tw-home .domains{background:var(--bg-gray)}.tw-home .dgrid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.tw-home .dcard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;padding:30px 22px 26px;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative}.tw-home .dcard:hover{border-color:#cfdcef;transform:translateY(-3px);box-shadow:0 12px 28px #1428501a}.tw-home .dcard .ic{color:var(--blue-2);width:50px;height:50px;margin:0 auto 16px}.tw-home .dcard .ic svg{width:50px;height:50px}.tw-home .dcard h3{margin:0 0 10px;font-size:18px;font-weight:700}.tw-home .dcard p{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.6}.tw-home .dcard .corner{color:#c4ccd6;position:absolute;bottom:11px;right:13px}.tw-home .dcard .corner svg{width:13px;height:13px}.tw-home .dcard:hover .corner{color:var(--blue-2)}.tw-home .blk-head{margin:0 0 26px;font-size:22px;font-weight:900}.tw-home .thumb-img{object-fit:cover;width:100%;height:100%;display:block}.tw-home .tags{gap:7px;margin-bottom:7px;display:flex}.tw-home .tag{color:var(--blue-2);background:var(--blue-soft);letter-spacing:.02em;border-radius:4px;padding:2px 9px;font-size:10.5px;font-weight:700}.tw-home .lcards{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.tw-home .lcard{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;overflow:hidden}.tw-home .lcard:hover{border-color:#cfdcef;transform:translateY(-4px);box-shadow:0 14px 30px #1428501c}.tw-home .lcard .ph{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.tw-home .lcard .c{padding:18px 20px 22px}.tw-home .lcard .ttl{margin:10px 0 0;font-size:16.5px;font-weight:700;line-height:1.5;transition:color .15s}.tw-home .lcard:hover .ttl{color:var(--blue-2)}.tw-home .lcard .date{color:var(--ink-3);margin-top:11px;font-size:12px}.tw-home .ranklist{max-width:780px;margin:0 auto}.tw-home .rank a.row{border-bottom:1px solid var(--line-2);align-items:center;gap:16px;padding:15px 0;display:flex}.tw-home .center-cta{text-align:center;margin-top:34px}.tw-home .rank a.row:first-of-type{padding-top:0}.tw-home .rank a.row:hover{background:#fafcff}.tw-home .rank .rk{text-align:center;color:#c2cad4;flex:none;width:30px;font-size:28px;font-style:italic;font-weight:700}.tw-home .rank a.row:first-of-type .rk,.tw-home .rank a.row:nth-of-type(2) .rk,.tw-home .rank a.row:nth-of-type(3) .rk{color:var(--blue-2)}.tw-home .rank .thumb{border-radius:8px;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.tw-home .rank .body{flex:1;min-width:0}.tw-home .rank .ttl{font-size:15.5px;font-weight:700;line-height:1.5;transition:color .15s}.tw-home .rank a.row:hover .ttl{color:var(--blue-2)}.tw-home .rank .meta{align-items:center;gap:10px;display:flex}.tw-home .rank .date{color:var(--ink-3);flex:none;font-size:11.5px}.tw-home .band-sec{background:var(--bg-gray);padding:14px 0 94px}.tw-home .band{background:linear-gradient(115deg,#005a8c 0%,#0077b6 60%,#56a6e9 100%);border-radius:20px;align-items:center;gap:44px;padding:54px 58px;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 52px #003c6e42}.tw-home .band:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff38,#fff0 70%);border-radius:50%;width:440px;height:440px;position:absolute;top:-220px;right:-120px}.tw-home .band:after{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff21 1.4px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#0000 55%,#000 100%);mask-image:linear-gradient(115deg,#0000 55%,#000 100%)}.tw-home .band>*{z-index:1;position:relative}.tw-home .band .env{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff24;border:1px solid #ffffff57;border-radius:50%;flex:none;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.tw-home .band .env svg{width:40px;height:40px}.tw-home .band .txt{flex:1}.tw-home .band h3{color:#fff;letter-spacing:.01em;margin:0 0 9px;font-size:25px;font-weight:900;line-height:1.42}.tw-home .band p{color:#ffffffd9;margin:0;font-size:13px}.tw-home .band-form{flex-direction:column;flex:none;gap:11px;width:438px;display:flex}.tw-home .band-form .inrow{background:#fff;border-radius:11px;gap:8px;padding:7px;display:flex;box-shadow:0 12px 26px #081e4638}.tw-home .band-form input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.tw-home .band-form input::placeholder{color:var(--ink-3)}.tw-home .band-form .note{color:#ffffffbf;text-align:right;font-size:11.5px}.tw-home .form-msg{margin:8px 0 0;font-size:12.5px}.tw-home .hero-form-wrap .form-msg{color:var(--blue)}.tw-home .band .form-msg{color:#fff}@media (max-width:1120px){.tw-home .hero-grid{grid-template-columns:1fr}.tw-home .hero-art{order:-1;min-height:280px}.tw-home .lcards{grid-template-columns:1fr}.tw-home .dgrid{grid-template-columns:repeat(3,1fr)}.tw-home .band{flex-direction:column;align-items:flex-start}.tw-home .band-form{width:100%}.tw-home .map{transform-origin:top;height:330px;transform:scale(.72)}}@media (max-width:560px){.tw-home .wrap{padding:0 20px}.tw-home .hero-grid{padding-left:20px;padding-right:20px}.tw-home .hero h1{font-size:34px}.tw-home section{padding:60px 0}.tw-home .dgrid{grid-template-columns:repeat(2,1fr)}.tw-home .map{transform:scale(.5)}.tw-home .hero-form{flex-direction:column}}