@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--bg:#fff;--paper:#fff;--ink:#18151f;--muted:#5f6676;--line:#e4e8f0;--purple:#7c3aed;--purple-dark:#4c1d95;--purple-soft:#f2ecff;--shadow:0 22px 52px #38255c29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 11%, #7c3aed1c, transparent 25%), radial-gradient(circle at 16% 36%, #7c3aed0b, transparent 30%), var(--bg);color:var(--ink);margin:0;font-family:Pretendard,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:50;background:#ffffffeb;border-bottom:1px solid #e4e8f0f2;align-items:center;gap:18px;max-width:1200px;margin:0 auto;padding:12px clamp(18px,4vw,32px);display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;margin-right:auto;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:url(/logo.png) 50%/cover no-repeat,linear-gradient(135deg,#2e1065,#7c3aed);border-radius:11px;justify-content:center;align-items:baseline;gap:1px;width:36px;height:36px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 8px 20px #7c3aed3d}.brand-mark span,.brand-mark small{display:none}nav{color:var(--muted);gap:28px;font-size:13px;font-weight:700;display:flex}nav a:hover{color:var(--purple-dark)}.language-select{border:1px solid var(--line);min-height:36px;color:var(--ink);-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 0 20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E") right 14px center/18px 18px no-repeat,#fff;border-radius:999px;padding:0 38px 0 14px;font-weight:800}.theme-toggle{border:1px solid var(--line);min-height:36px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font-size:12px;font-weight:900}.header-cta,.primary-button,.secondary-button,.card-link,.detail-link{border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 17px;font-weight:800;line-height:1.2;display:inline-flex}.header-cta,.primary-button,.card-link{background:var(--purple);color:#fff;box-shadow:0 14px 28px #7c3aed3d}.secondary-button,.detail-link{border:1px solid var(--line);color:var(--ink);background:#fff}.hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:clamp(30px,6vw,110px);max-width:1200px;min-height:585px;margin:0 auto;padding:clamp(70px,9vw,122px) clamp(18px,4vw,32px) 70px;display:grid}.pill{background:var(--purple-soft);color:var(--purple-dark);border:1px solid #ded3ff;border-radius:999px;align-items:center;gap:8px;margin:0 0 28px;padding:9px 15px;font-size:12px;font-weight:800;display:inline-flex}.pill:before{content:"";background:#8b5cf6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #7c3aedb3}h1,h2,h3,p{letter-spacing:0;margin-top:0}h1{max-width:660px;margin-bottom:24px;font-size:clamp(42px,5.7vw,76px);font-weight:800;line-height:.98}.hero-title{gap:8px;display:grid}.hero-title span{display:block}.hero-title strong{color:var(--purple)}h2{margin-bottom:14px;font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.08}h3{margin-bottom:10px;font-size:22px;font-weight:800;line-height:1.18}.hero-lead,.section-heading p,.cta-band p,footer p{color:var(--muted);font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin:34px 0 38px;display:flex}.hero-stats{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));max-width:560px;margin:0;display:grid;overflow:hidden}.hero-stats div{border-right:0;padding:0 22px 0 0}.hero-stats div:last-child{border-right:0}.hero-stats dt{font-size:30px;font-weight:800}.hero-stats dd{color:var(--muted);margin:4px 0 0;font-size:11px;font-weight:800}.hero-card-board{justify-items:center;gap:18px;display:grid}.premium-card{aspect-ratio:1.586;color:#fff;background:radial-gradient(circle at 88% 8%,#ffffff52,#0000 28%),linear-gradient(145deg,#ffffff2e,#0000 34%),linear-gradient(135deg,#35105f 0%,#6d28d9 48%,#a78bfa 100%);border-radius:24px;width:min(100%,390px);min-height:0;padding:22px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;transform:perspective(920px)rotateX(7deg)rotateY(-11deg)rotate(1deg);box-shadow:0 34px 58px #3d25633d,0 10px 18px #1f153024}.premium-card:hover{transform:perspective(920px)translateY(-8px)rotateX(5deg)rotateY(-6deg)rotate(0);box-shadow:0 40px 70px #3d256347,0 14px 22px #1f153024}.premium-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(116deg,#ffffff14 0 1px,#0000 1px 13px),linear-gradient(#00000014,#0000 32%);position:absolute;inset:0}.premium-card .shine{background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:44%;height:220%;animation:3.8s ease-in-out infinite card-shine;position:absolute;inset:-60% auto auto -35%;transform:rotate(22deg)}@keyframes card-shine{0%{opacity:0;left:-45%}18%{opacity:1}52%{opacity:.55;left:116%}to{opacity:0;left:116%}}.card-topline,.card-bottomline{z-index:1;justify-content:space-between;gap:18px;font-weight:800;display:flex;position:relative}.chip{z-index:1;background:linear-gradient(135deg,#f1d17a,#fff3c2);border-radius:9px;width:48px;height:36px;margin:11% 0 9%;position:relative}.card-shadow-bar{z-index:1;background:#1c0d3557;border-radius:999px;width:68%;height:22px;margin:-2% 0 8%;display:block;position:relative}.premium-card p{z-index:1;margin-bottom:9%;font-size:clamp(22px,2.6vw,32px);font-weight:800;position:relative}.live-strip{max-width:1200px;margin:0 auto 40px;padding:0 clamp(18px,4vw,32px)}.live-strip-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.live-strip-head h2{align-items:center;gap:10px;margin:0;font-size:20px;display:inline-flex}.live-strip-head p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.live-dot{background:#19e6aa;border-radius:50%;width:11px;height:11px;animation:1.55s ease-out infinite live-pulse;box-shadow:0 0 #19e6aaa6}@keyframes live-pulse{0%{box-shadow:0 0 #19e6aa9e}to{box-shadow:0 0 0 12px #19e6aa00}}.live-strip-list{gap:8px;max-height:272px;display:grid;position:relative;overflow:hidden}.live-strip-list:after{content:"";pointer-events:none;background:linear-gradient(180deg, #fff0, var(--bg));height:72px;position:absolute;bottom:0;left:0;right:0}.live-strip-list a{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:88px minmax(130px,1fr) 72px minmax(150px,1.1fr) 110px 54px;align-items:center;gap:14px;min-height:46px;padding:0 18px;font-size:14px;display:grid;box-shadow:0 10px 26px #3223500d}.live-time,.live-user,.live-number,.live-strip-list em{color:var(--muted);font-size:13px}.live-card-name{font-weight:800}.live-strip-list strong{color:#059669;font-size:13px;font-weight:800}.live-strip-list em{color:var(--purple-dark);text-align:right;font-style:normal;font-weight:800}.section{max-width:1200px;margin:0 auto;padding:76px clamp(18px,4vw,32px)}.section-heading{max-width:760px;margin-bottom:32px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.eyebrow{color:var(--purple-dark);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}.cards-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.card-tile{background:#fff;border:1px solid #e2e7ef;border-radius:18px;flex-direction:column;gap:20px;padding:28px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 18px 44px #252c3e14}.best-ribbon{z-index:3;color:#18151f;transform-origin:50%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#fbbf24,#fde68a);place-items:center;width:82px;height:82px;font-size:13px;font-weight:900;display:grid;position:absolute;top:0;right:24px;transform:translateY(-1px)rotate(45deg)}.card-tile:hover{transform:translateY(-7px);box-shadow:0 28px 58px #252c3e24}.mini-visual-card{aspect-ratio:1.586;color:#fff;background:linear-gradient(135deg,#2b2138,#7c3aed);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:0;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 38px #18151f33}.mini-visual-card:before{content:"";opacity:.55;background:linear-gradient(100deg,#0000 20%,#ffffff38 38%,#0000 55%),repeating-linear-gradient(115deg,#ffffff17 0 1px,#0000 1px 13px);transition:transform .42s;position:absolute;inset:0;transform:translate(-70%)}.mini-visual-card:after{content:"";opacity:.7;background:radial-gradient(circle at 86% 8%,#ffffff57,#0000 26%);position:absolute;inset:0}.card-tile:hover .mini-visual-card:before{transform:translate(42%)}.mini-visual-card span,.mini-visual-card strong,.mini-visual-card small,.mini-visual-card em,.mini-visual-card b,.mini-chip{z-index:1;position:relative}.mini-card-topline,.mini-card-bottom{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.mini-card-topline span{font-size:16px;font-weight:800}.mini-card-topline b{color:#ffffffe6;text-align:right;font-size:15px;line-height:1}.mini-chip{background:linear-gradient(135deg,#ffffff57,#0000 35%),linear-gradient(135deg,#c49a36,#f8dc83);border-radius:7px;width:36px;height:28px;display:block;box-shadow:inset 0 0 0 2px #6f4c1626}.mini-visual-card strong{letter-spacing:.06em;font-size:clamp(16px,1.55vw,21px);font-weight:800}.mini-visual-card small{background:#ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.mini-visual-card em{color:#ffffffc7;font-size:12px;font-style:normal;font-weight:800}.card-theme-violet{background:linear-gradient(135deg,#2e1065 0%,#7c3aed 62%,#c4b5fd 100%)}.card-theme-black{background:linear-gradient(135deg,#0f0f12 0%,#34234d 60%,#726085 100%)}.card-theme-blue{background:linear-gradient(135deg,#0f2d67 0%,#2563eb 62%,#60a5fa 100%)}.card-theme-rose{background:linear-gradient(135deg,#661326 0%,#e11d48 62%,#fb7185 100%)}.card-theme-emerald{background:linear-gradient(135deg,#064e3b 0%,#10b981 62%,#6ee7b7 100%)}.card-theme-amber{background:linear-gradient(135deg,#6b3f00 0%,#f59e0b 62%,#fde68a 100%)}.card-theme-indigo{background:linear-gradient(135deg,#1e1b4b 0%,#6366f1 62%,#a5b4fc 100%)}.card-theme-cyan{background:linear-gradient(135deg,#155e75 0%,#06b6d4 62%,#67e8f9 100%)}.card-theme-silver{color:#111827;background:linear-gradient(135deg,#58606f 0%,#cbd5e1 70%,#f8fafc 100%)}.card-theme-plum{background:linear-gradient(135deg,#3b123d 0%,#a21caf 62%,#f0abfc 100%)}.card-theme-navy{background:linear-gradient(135deg,#0b1533 0%,#1d4ed8 62%,#93c5fd 100%)}.card-theme-gold{background:linear-gradient(135deg,#604315 0%,#d8a528 62%,#fde68a 100%)}.card-theme-graphite{background:linear-gradient(135deg,#171717 0%,#525252 62%,#a3a3a3 100%)}main.theme-dark{--bg:#100d18;--paper:#171321;--ink:#fbf9ff;--muted:#c7bdd8;--line:#352b4a;--purple-soft:#26183f;background:radial-gradient(circle at 82% 10%, #7c3aed47, transparent 28%), radial-gradient(circle at 18% 32%, #7c3aed24, transparent 30%), var(--bg);min-height:100vh;color:var(--ink)}.theme-dark .site-header{background:#100d18eb;border-color:#463a60e6}.theme-dark .language-select,.theme-dark .theme-toggle,.theme-dark .secondary-button,.theme-dark .detail-link,.theme-dark .card-tile,.theme-dark .live-strip-list a,.theme-dark .steps li,.theme-dark .blog-grid article,.theme-dark .blog-index article,.theme-dark .table-wrap,.theme-dark .article-body,.theme-dark .writer-form,.theme-dark .article-meta span{border-color:var(--line);background:var(--paper);color:var(--ink)}.theme-dark .card-copy li,.theme-dark .article-body p{color:var(--ink)}.theme-dark .compare-section{background:#13101d}.theme-dark thead th{color:var(--muted);background:#211a2f}.theme-dark .live-strip-list:after{background:linear-gradient(180deg, #100d1800, var(--bg))}.card-copy{flex-direction:column;display:flex}.rank-top{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.rank-top span{color:var(--muted);font-size:28px;font-weight:800}.rank-top em{background:var(--purple-soft);color:var(--purple-dark);border-radius:999px;padding:8px 12px;font-size:12px;font-style:normal;font-weight:800}.card-copy p,.card-copy li{color:var(--muted);line-height:1.62}.card-copy p{min-height:52px;font-size:14px}.card-copy ul{gap:13px;margin:14px 0 24px;padding:0;list-style:none;display:grid}.card-copy li{color:#18151f;background:0 0;padding:0 0 0 42px;font-size:15px;font-weight:600;position:relative}.card-copy li:before{content:"✓";color:#059669;background:#e3fbf2;border-radius:8px;place-items:center;width:26px;height:26px;font-size:15px;font-weight:900;display:grid;position:absolute;top:-4px;left:0}.card-actions{grid-template-columns:1fr auto;gap:10px;margin-top:auto;display:grid}.card-link{width:100%;min-height:54px}.compare-section{background:#f6f7fb;max-width:none}.compare-section .section-heading,.table-wrap{max-width:1200px;margin-left:auto;margin-right:auto}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:24px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:16px;line-height:1.5}thead th{color:var(--muted);background:#f7faf7;font-size:13px;font-weight:900}tbody th{font-weight:800}.steps.horizontal{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px}.steps span{color:var(--purple);margin-bottom:28px;font-size:42px;font-weight:800;display:block}.steps p{color:var(--muted);margin:0;line-height:1.65}.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.blog-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 28px #1224180d}.blog-grid span,.blog-grid a{color:var(--purple-dark);font-size:13px;font-weight:900}.blog-grid p{color:var(--muted);line-height:1.6}.blog-write-row{justify-content:center;margin-top:22px;display:flex}.blog-write-row .primary-button{color:#6f687a47;min-height:auto;box-shadow:none;background:0 0;border-radius:0;padding:2px 4px;font-size:11px;font-weight:500}.blog-hero,.writer-page{max-width:1200px;margin:0 auto;padding:clamp(48px,7vw,86px) clamp(18px,4vw,32px) 34px}.blog-hero h1,.writer-page h1,.article-page h1{max-width:920px;font-size:clamp(42px,5vw,64px)}.blog-hero p,.writer-page p,.article-excerpt{color:var(--muted);font-size:19px;line-height:1.72}.blog-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1200px;padding-top:30px;display:grid}.blog-index article{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;padding:22px;display:flex;box-shadow:0 12px 32px #1224180f}.blog-thumb{aspect-ratio:1.78;color:#fff;background:linear-gradient(135deg,#ffffff2e,#0000 36%),linear-gradient(135deg,#1f2937,#7c3aed);border-radius:16px;align-content:space-between;margin-bottom:22px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #1f153029}.blog-thumb:before,.blog-thumb:after,.blog-thumb span{content:"";border-radius:18px;position:absolute}.blog-thumb:before{background:linear-gradient(135deg,#2563eb,#93c5fd);width:42%;height:46%;top:18%;right:10%;transform:rotate(-10deg);box-shadow:0 18px 32px #0000002e}.blog-thumb:after{background:#ffffffe0;width:28%;height:58%;bottom:12%;left:13%;box-shadow:0 18px 32px #00000029}.blog-thumb span{background:linear-gradient(135deg,#f59e0b,#fde68a);width:22%;height:16%;top:44%;left:39%;transform:rotate(6deg)}.blog-thumb strong,.blog-thumb em,.blog-thumb b{z-index:2;text-shadow:0 2px 12px #0003;position:relative}.blog-thumb strong{max-width:70%;font-size:22px;line-height:1.05}.blog-thumb em{color:#ffffffe0;justify-self:end;font-size:13px;font-style:normal;font-weight:900}.blog-thumb b{letter-spacing:.06em;align-self:end;font-size:17px}.blog-thumb-1{background:linear-gradient(135deg,#2e1065,#7c3aed 62%,#a78bfa)}.blog-thumb-2{background:linear-gradient(135deg,#0f2d67,#2563eb 62%,#60a5fa)}.blog-thumb-3{background:linear-gradient(135deg,#064e3b,#10b981 62%,#6ee7b7)}.blog-thumb-4{background:linear-gradient(135deg,#661326,#e11d48 62%,#fb7185)}.blog-thumb-5{background:linear-gradient(135deg,#6b3f00,#f59e0b 62%,#fde68a)}.blog-thumb-6{background:linear-gradient(135deg,#171717,#525252 62%,#a3a3a3)}.blog-index h2{margin-bottom:14px;font-size:25px;line-height:1.25}.blog-index span,.read-more{color:var(--purple-dark);font-size:13px;font-weight:900}.blog-index p{color:var(--muted);line-height:1.65}.related-chips{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.related-chips em{background:var(--purple-soft);color:var(--purple-dark);border-radius:999px;padding:8px 10px;font-size:12px;font-style:normal;font-weight:900}.write-cta{text-align:center;background:0 0;border:0;border-radius:18px;grid-template-columns:1fr;place-items:center;gap:18px;max-width:760px;margin:12px auto 48px;padding:18px;display:grid}.write-cta h2{font-size:26px}.write-cta p{color:var(--muted);font-size:14px}.article-page{max-width:920px;margin:0 auto;padding:clamp(42px,7vw,86px) clamp(18px,4vw,32px) 32px}.article-meta{gap:10px;margin:18px 0 34px;display:flex}.article-meta span{color:var(--muted);background:#fff;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900}.article-body{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px}.article-body p{color:#27352c;margin-bottom:22px;font-size:18px;line-height:1.9}.article-body p:last-child{margin-bottom:0}.writer-form{border:1px solid var(--line);background:#fff;border-radius:24px;gap:16px;max-width:820px;padding:24px;display:grid;box-shadow:0 12px 32px #1224180f}.writer-form label{color:var(--ink);gap:8px;font-weight:900;display:grid}.writer-form input,.writer-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:14px;padding:13px 14px}.writer-form textarea{resize:vertical}.writer-status,.created-link{color:var(--purple-dark);margin:0;font-weight:900}.cta-band{color:#fff;text-align:center;background:#18151f;border-radius:22px;grid-template-columns:1fr;place-items:center;gap:16px;max-width:760px;margin:34px auto;padding:28px;display:grid}.cta-band h2{font-size:clamp(26px,3vw,38px)}.cta-band p,.cta-band .eyebrow{color:#ffffffb8}footer{max-width:1200px;margin:0 auto;padding:28px clamp(18px,4vw,32px) 52px}.footer-brand{margin-bottom:14px}footer p{max-width:980px;font-size:14px}.detail-page{max-width:980px;margin:0 auto;padding:clamp(40px,7vw,86px) clamp(18px,4vw,32px)}.back-link{color:var(--purple-dark);margin-bottom:24px;font-weight:900;display:inline-flex}.detail-hero-card,.detail-metrics div,.detail-copy{border:1px solid var(--line);background:#fff;border-radius:24px}.detail-hero-card{margin:34px 0 18px;padding:26px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 34px;display:grid}.detail-metrics div,.detail-copy{padding:20px}.detail-metrics span{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.detail-copy ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.8}@media (max-width:980px){.site-header{background:#ffffffeb;flex-wrap:wrap}nav{order:3;width:100%;padding-bottom:4px;overflow-x:auto}.hero,.cta-band,.write-cta{grid-template-columns:1fr}.hero{min-height:auto}.cards-showcase,.blog-grid,.blog-index{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index .featured-post{grid-column:span 1}.live-strip-list a{grid-template-columns:78px minmax(120px,1fr) 62px minmax(120px,1fr) 94px}.live-strip-list em{display:none}}@media (max-width:680px){body{background:radial-gradient(circle at 92% 6%, #7c3aed1a, transparent 30%), var(--bg)}.site-header{border-bottom-color:#e6e9f0;grid-template-columns:minmax(0,1fr) minmax(150px,216px) 58px;gap:12px;padding:16px 22px;display:grid}.brand{gap:9px;min-width:0;font-size:20px}.brand-mark{border-radius:10px;flex:none;width:34px;height:34px}.language-select,.theme-toggle,.header-cta{flex:initial}.language-select{border-radius:18px;width:100%;min-height:50px;font-size:15px}.theme-toggle{border:2px solid #16e6a3;border-radius:18px;width:58px;min-height:58px;padding:0;font-size:0;box-shadow:0 0 0 3px #16e6a326}.theme-toggle:before{content:"";border:3px solid;border-color:#0000 currentColor currentColor #0000;border-radius:50%;width:22px;height:22px;transform:rotate(-18deg)}.header-cta,nav{display:none}.hero{align-items:start;padding:46px 22px 34px}.pill{color:var(--purple-dark);background:#fff;margin-bottom:28px;padding:11px 16px;font-size:14px}h1{font-size:45px;font-weight:700;line-height:1.12}.hero-title{gap:0}.hero-lead{font-size:18px;line-height:1.85}.hero-actions{margin:28px 0}.primary-button,.secondary-button{min-height:50px;padding:0 18px;font-size:17px}.hero-stats,.card-copy ul,.steps.horizontal,.blog-index,.detail-metrics{grid-template-columns:1fr}.hero-card-board{margin-top:12px}.premium-card{border-radius:24px;width:min(100%,430px);margin:0 auto}.premium-card p{font-size:22px}.hero-stats div{border-right:0;border-bottom:1px solid var(--line)}.hero-stats div:last-child{border-bottom:0}.live-strip{padding:12px 22px 0}.live-strip-head h2{font-size:19px}.live-strip-head p{font-size:12px}.live-strip-list{gap:8px;max-height:288px}.live-strip-list a{grid-template-columns:52px minmax(0,1fr) 70px;gap:10px;min-height:50px;padding:0 14px;font-size:13px}.live-user,.live-number,.live-strip-list em{display:none}.live-strip-list strong{text-align:right;white-space:nowrap}.section{padding:56px 22px}.section-heading.center{text-align:center}.section-heading p{font-size:16px}h2{font-size:38px;font-weight:700}.cards-showcase{grid-template-columns:1fr;gap:26px}.card-tile{border-radius:24px;gap:14px;padding:18px;box-shadow:0 18px 38px #1e14301f}.mini-visual-card{border-radius:20px;padding:18px}.mini-visual-card strong{font-size:20px}.rank-top span{font-size:27px}.rank-top em{padding:8px 12px;font-size:12px}.card-copy h3{margin-bottom:8px;font-size:24px;font-weight:700}.card-copy p{min-height:0;margin-bottom:4px;font-size:15px;line-height:1.5}.card-copy ul{gap:8px;margin:10px 0 16px}.card-copy li{min-height:28px;padding-left:36px;font-size:15px;line-height:1.42}.card-copy li:before{border-radius:8px;width:25px;height:25px;top:-2px}.card-actions{grid-template-columns:1fr auto}.card-link,.detail-link{border-radius:18px;min-height:50px;font-size:16px}.blog-write-row{display:none}.blog-grid{grid-template-columns:1fr}.cta-band{border-radius:24px;margin:24px 22px;padding:26px}}