/*
Theme Name: StatEdu Sync
Description: 블랙과 블루, 큰 비주얼 중심의 StatEdu Sync 제품 홈페이지.
Version: 2.3.6
Author: StatEdu
Text Domain: statedu-sync
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{color-scheme:dark;--bg:#050912;--text:#f4f7fd;--muted:#9ca9bd;--blue:#5d9eff;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;word-break:keep-all;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #8dc4ff;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.7px}.brand img{border-radius:9px}.brand strong{font-weight:750}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;color:#b4bed0}.header nav a:hover{color:#fff}.nav-download{border:1px solid #ffffff38;padding:10px 20px;border-radius:7px;color:#fff}.nav-download span{margin-left:18px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 31%,#11255266,transparent 49%)}.hero-copy{position:relative;z-index:2;padding-top:54px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:#83b1f8;margin:0 0 23px}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#6ab2ff;box-shadow:0 0 10px #4e96ff}h1{font-size:clamp(48px,5.3vw,76px);letter-spacing:-4px;line-height:1.19;margin:0;font-weight:750}h1 em{font-style:normal;background:linear-gradient(100deg,#b6d7ff,#619eff 70%,#5176ef);color:transparent;background-clip:text}.lead{font-size:16px;color:#a5b2c7;margin:25px 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#4388fa;border:1px solid #6aa2ff;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:700;box-shadow:0 5px 28px #2259da24;transition:background .2s,transform .2s}.button:hover{background:#619cff;transform:translateY(-2px)}.platforms{font-size:10px;color:#8392aa;margin:13px 0 0;letter-spacing:.5px}.platforms span{margin:0 10px;color:#47607f}.hero-art{position:relative;margin:-20px auto -16px;width:min(1020px,100%);isolation:isolate}.hero-art img{width:100%;height:auto;display:block;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 82%,transparent 100%)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 15%,transparent 85%,var(--bg));pointer-events:none}.device-strip{display:flex;align-items:center;justify-content:center;gap:32px;padding:6px 0 43px;color:#9caac0;font-size:12px;letter-spacing:.5px}.device-strip i{height:3px;width:3px;border-radius:50%;background:#3e5371}.section{padding-block:108px}h2{font-size:clamp(34px,3.5vw,48px);line-height:1.3;letter-spacing:-2px;font-weight:700;margin:0}h2 span{color:#73a8ff}h3{font-size:20px;font-weight:650;letter-spacing:-.7px;margin:0 0 7px}p{margin-top:0}.features{text-align:center;border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:62px}.feature-grid p{font-size:13px;color:var(--muted);margin:0}.mini-visual{height:135px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;position:relative}.transfer{gap:20px}.transfer>span{font-size:35px;color:#659fff}.mini-folder{width:77px;height:53px;border:1px solid #568ad1;background:linear-gradient(140deg,#2c6cc2,#0c2342);border-radius:5px 9px 9px 9px;position:relative;box-shadow:0 12px 28px #2162ca20;transform:rotate(-8deg)}.mini-folder:before{content:"";width:30px;height:9px;position:absolute;left:-1px;top:-9px;border:1px solid #568ad1;border-bottom:0;background:#285c9c;border-radius:5px 5px 0 0}.mini-folder:last-child{transform:rotate(8deg)}.compare{flex-direction:column;gap:8px}.compare>div{border:1px solid #34435b;border-radius:5px;width:170px;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(110deg,#15233b,#0b1423);transform:skewY(-5deg)}.compare i{width:85px;height:3px;border-radius:3px;background:#526988}.compare b{font-size:14px;font-weight:400;color:#7caaff}.compare>div:last-child b{color:#6bdeba}.restore>span{font-size:109px;color:#416fb5;font-family:Arial,sans-serif;position:absolute;line-height:1;transform:translate(-20px,-7px)}.file-shape{width:51px;height:65px;border:1px solid #78a9f0;border-radius:6px;background:linear-gradient(135deg,#3468ae,#152b50);transform:translate(20px,5px) rotate(10deg);display:flex;flex-direction:column;justify-content:center;gap:9px;padding:11px;box-shadow:0 0 30px #3983ff19}.file-shape i{height:3px;width:100%;background:#9ebff0;border-radius:2px}.how{border-block:1px solid var(--line);background:linear-gradient(130deg,#091321,#080d17 65%);text-align:center}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:62px 0 0}.steps li{position:relative}.steps li+li:before{content:"→";position:absolute;left:-28px;top:26px;color:#415575;font-size:24px}.steps li>span{color:#719fdf;font-size:11px;font-family:monospace;letter-spacing:2px;display:block;margin-bottom:17px}.steps p{font-size:13px;color:var(--muted);margin:0}.download{text-align:center;padding-block:112px 120px;background:radial-gradient(ellipse at 50% 65%,#14397535,transparent 65%)}.download>img{border-radius:17px;margin-bottom:26px;box-shadow:0 0 80px #3477e523}.download .eyebrow{margin-bottom:16px}.download-note{font-size:14px;color:var(--muted);margin:25px 0 28px}.download-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.download-option{display:flex;gap:24px;align-items:center;border:1px solid #2c4260;background:#0e1c30;border-radius:8px;padding:14px 23px;text-align:left;min-width:230px}.download-option strong{font-size:14px;font-weight:600}.download-option span{font-size:11px;color:#8e9fb8;margin-left:auto}.download-option.available{background:#2462bf;border-color:#478be9}.download-option.available:hover{background:#347bdf}.download-option.available span{color:#fff}.footer{border-top:1px solid var(--line);padding-block:31px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:15px}.footer>span,.footer small{font-size:10px;color:#8290a6}.skip{position:fixed;top:-100px;left:16px;z-index:1000;background:#fff;color:#050912;padding:10px 20px}.skip:focus{top:12px}.content-page{max-width:800px;min-height:70vh;padding-block:100px}.content-page h1{font-size:40px;margin-bottom:30px}.content-page a{color:#80b2ff}.content-page img{max-width:100%;height:auto}
@media(min-width:1400px){.hero-copy{padding-top:72px}.hero-art{width:1050px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px}.brand{font-size:18px}.header nav{gap:20px;font-size:12px}.hero-copy{padding-top:49px}h1{font-size:54px;letter-spacing:-3px}.lead{font-size:14px;max-width:300px;margin:23px auto 26px}.hero-art{width:110%;max-width:none;margin:10px -5% 0}.device-strip{gap:20px;padding:15px 0 40px;font-size:10px}.section{padding-block:72px}.feature-grid{gap:20px;margin-top:40px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:11px}.mini-visual{transform:scale(.8);margin-inline:-20px;margin-bottom:8px}.transfer{gap:12px}.mini-folder{width:57px}.steps{gap:24px;margin-top:43px}.steps h3{font-size:18px}.steps p{font-size:11px}.steps li+li:before{left:-18px}.footer>span{display:none}.download{padding-block:78px 85px}}
@media(max-width:540px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #ffffff30;background:transparent;border-radius:7px;padding:11px}.menu-toggle span{height:1px;width:100%;background:#cdd8ec}.header nav{display:none;position:absolute;top:69px;right:0;left:0;flex-direction:column;align-items:stretch;background:#0d1829;border:1px solid #2a3a53;border-radius:9px;padding:20px}.header nav.is-open{display:flex}.hero-copy{padding-top:38px}h1{font-size:46px;letter-spacing:-2.7px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-art{margin-top:20px}.device-strip{gap:15px}.feature-grid{grid-template-columns:1fr;gap:42px;margin-top:30px}.feature-grid article{max-width:340px;width:100%;margin:auto}.mini-visual{transform:none;height:110px;margin-bottom:12px}.mini-folder{width:77px}.transfer{gap:24px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:13px}.steps{grid-template-columns:1fr;gap:30px;text-align:left;max-width:260px;margin:38px auto 0}.steps li{padding-left:56px}.steps li>span{position:absolute;left:0;top:4px}.steps li+li:before{display:none}.steps p{font-size:13px}.download-option{min-width:260px}.footer{padding-block:25px}.footer small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-actions{display:flex;gap:23px;align-items:center;justify-content:center}.learn-link{font-size:12px;color:#b2c9ec;white-space:nowrap}.learn-link span{margin-left:8px}.learn-link:hover{color:#fff}.header nav a[aria-current="page"]{color:#9bc3ff}.header nav a[aria-current="page"]:not(.nav-download){text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}.nav-download[aria-current="page"]{border-color:#6498e8;background:#142640}.inner-page{min-height:calc(100svh - 185px)}.inner-page .section{padding-top:90px;padding-bottom:100px}.inner-page .features{border-top:0}.inner-page .how{border-top:0;border-bottom:0;min-height:inherit}.page-title{font-size:clamp(34px,3.5vw,48px);line-height:1.3;letter-spacing:-2px}.page-title span{color:#73a8ff}.page-action{margin-top:62px}.page-action .button{font-size:13px;padding:12px 22px}.home-page .hero{min-height:calc(100svh - 190px)}@media(min-width:761px){.hero-actions{justify-content:flex-start;flex-wrap:wrap;gap:18px}}@media(max-width:760px){.inner-page .section{padding-top:60px;padding-bottom:65px}.page-action{margin-top:45px}}@media(max-width:540px){.hero-actions{flex-direction:column;gap:18px}.home-page .hero{min-height:0}.page-title{font-size:34px;letter-spacing:-1.8px}}
@media(min-width:761px){.hero{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:640px;text-align:left;padding-top:30px}.hero-copy{width:auto;margin:0;padding:0 0 0 max(40px,calc((100vw - 1160px)/2));min-width:0}.hero .eyebrow{justify-content:flex-start;letter-spacing:2px}.hero h1{font-size:clamp(49px,5vw,72px)}.hero .lead{font-size:14px;max-width:320px}.hero-art{width:112%;margin:0 0 0 -6%;z-index:0}.hero-art img{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}.hero .platforms{margin-left:14px}.device-strip{grid-column:1/-1;margin-top:15px;padding-bottom:38px}.hero .button{padding-inline:25px}}
.footer{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;font-size:11px;color:#9baac2}.footer-links a:hover{color:#fff}.legal-page{max-width:860px;padding-block:35px 90px;min-height:calc(100svh - 185px)}.language-links{display:flex;justify-content:flex-end;gap:20px;font-size:12px;margin-bottom:42px;color:#8191ab}.language-links a[aria-current=page]{color:#afcfff;text-decoration:underline;text-underline-offset:6px}.legal-page h1{font-size:clamp(34px,4vw,51px);letter-spacing:-1.8px;line-height:1.25;margin:0 0 23px}.legal-lead{font-size:20px;color:#a7b9d4;line-height:1.6;margin-bottom:22px}.legal-date{font-size:11px;color:#94a3ba;margin:0 0 32px}.legal-page section{margin-top:40px;scroll-margin-top:30px}.legal-page h2{font-size:21px;letter-spacing:-.5px;line-height:1.5;margin:0 0 14px}.legal-page section p,.legal-page li,.contact-card p,.policy-summary p{font-size:14px;line-height:1.95;color:#b3c0d3;margin:0 0 14px;word-break:normal;overflow-wrap:anywhere}.legal-page ul,.legal-page ol{padding-left:24px}.legal-page li{padding-left:4px;margin-bottom:12px}.legal-page section a,.related-links a{color:#8dbbff;text-decoration:underline;text-underline-offset:4px}.legal-page code{font-size:12px;background:#152139;padding:2px 5px;border-radius:4px}.policy-summary,.contact-card{background:linear-gradient(130deg,#12213b,#0b1322);border:1px solid #2c4365;border-radius:12px;padding:26px 28px;margin:30px 0}.policy-summary strong{display:block;font-size:17px;margin-bottom:10px;color:#dce9ff}.policy-summary p,.contact-card p{margin-bottom:0}.legal-toc{display:flex;flex-wrap:wrap;gap:10px 21px;padding-block:12px;font-size:12px;color:#8dbbff}.legal-page .contact-email{font-size:clamp(21px,4vw,32px);color:#a6caff;display:inline-block;margin:8px 0 18px;overflow-wrap:anywhere;letter-spacing:-.5px}.contact-email span{font-size:22px;margin-left:12px}.support-faq details{border-bottom:1px solid #ffffff18;padding:19px 0}.support-faq summary{cursor:pointer;font-size:15px;color:#dbe6f7;line-height:1.6}.support-faq details p{margin-top:14px;margin-bottom:0}.related-links{border-top:1px solid #ffffff1b;display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:40px;padding-top:25px;font-size:13px}summary:focus-visible{outline:2px solid #8dc4ff;outline-offset:5px}.legal-page [lang=en]{word-break:normal}@media(max-width:760px){.legal-page{padding-top:20px;padding-bottom:65px}.language-links{margin-bottom:32px}.legal-page h1{font-size:35px;letter-spacing:-1px}.legal-lead{font-size:17px}.legal-page h2{font-size:19px}.legal-page section{margin-top:32px}.policy-summary,.contact-card{padding:22px}.footer-links{justify-content:flex-start;gap:12px 18px}.footer{align-items:flex-start}.footer-links{order:3;flex-basis:100%}.legal-page section p,.legal-page li,.contact-card p,.policy-summary p{font-size:13px}.legal-toc{gap:12px 16px}}

.form-intro,.support-email-fallback{color:#a7b9d4;font-size:14px}.support-form{margin:32px 0 22px;padding:30px;border:1px solid #2c4365;border-radius:14px;background:#0b1424}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.support-form label{display:block;margin-bottom:22px;font-size:14px;color:#e1ebfa}.support-form label small{font-size:12px;color:#96a8c4}.support-form input:not([type=checkbox]):not([type=hidden]),.support-form select,.support-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #354660;border-radius:7px;background:#060d19;color:#f4f7fd;font:inherit;padding:12px 14px;min-height:48px}.support-form textarea{resize:vertical;min-height:180px;line-height:1.7}.support-form input::placeholder,.support-form textarea::placeholder{color:#8493ac;opacity:1}.support-form input:focus-visible,.support-form select:focus-visible,.support-form textarea:focus-visible{outline:2px solid #88b9ff;outline-offset:2px}.support-form input[type=file]{font-size:12px;line-height:1.8}.support-form input::file-selector-button{background:#213b60;color:#ecf3ff;border:0;border-radius:4px;padding:8px 12px;margin-right:10px;cursor:pointer}.support-form .field-help{font-size:12px;color:#9badc9;line-height:1.8;margin:8px 0 14px;overflow-wrap:anywhere}.support-form .form-privacy{border-top:1px solid #293a53;margin-top:26px;padding-top:22px}.form-privacy strong{font-size:14px}.form-privacy p{font-size:12px;color:#aabbd4;line-height:1.85}.form-privacy a,.support-email-fallback a{color:#9dc6ff;text-decoration:underline;text-underline-offset:3px}.support-form .consent-label{display:flex;align-items:flex-start;gap:10px;margin:18px 0 6px;line-height:1.7}.consent-label input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:#4c8fed}.support-form .button{cursor:pointer;border:0;margin-top:8px}.support-form .button:disabled{opacity:.55;cursor:wait}.form-status{white-space:pre-line;overflow-wrap:anywhere;font-size:14px;color:#b9d3fa}.form-status[data-state=error]{color:#ffb8b8}.form-status[data-state=success]{color:#9be5c2}.form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.support-form{padding:20px 16px}.support-form .button{width:100%}}

.support-form .attachment-field{min-width:0;border:0;margin:0;padding:0}.attachment-field legend{padding:0;margin-bottom:14px;font-size:14px;color:#e1ebfa}.attachment-slot{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.support-form .attachment-slot label{flex:1;min-width:0;margin:0;font-size:12px}.support-form .attachment-slot input{padding:8px;font-size:12px;min-width:0}.attachment-slot button{border:1px solid #45648d;background:#183052;color:#e6f0ff;border-radius:6px;padding:12px 10px;cursor:pointer;flex-shrink:0;font-size:12px}.attachment-slot button:disabled{opacity:.4;cursor:default}#attachment-count{font-size:13px;color:#a7b9d4;margin:8px 0}.attachment-error{color:#ffb8b8;font-size:13px;line-height:1.7}.attachment-error:empty{display:none}