/* KUN MEDIA — original, responsive, dependency-free showcase */
:root{--ink:#171b23;--deep:#11151f;--deep2:#1a2030;--cream:#f6f3ed;--paper:#fffefa;--muted:#666a70;--accent:#f87449;--accent2:#ffb35e;--line:rgba(25,29,37,.13);--max:1320px;--radius:24px;--font:Inter,"Inter Display","Noto Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--cream);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{background:#ffb878;color:#171b23}.container{max-width:var(--max);padding:0 clamp(22px,4.8vw,74px);margin-inline:auto}.skip-link{position:fixed;top:-120px;left:16px;z-index:99;background:var(--accent);padding:12px 18px;color:#111}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(25,29,37,.07)}.header-inner{min-height:88px;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand-sun{width:49px;height:41px;object-fit:contain}.brand-text{display:flex;align-items:baseline;gap:5px;white-space:nowrap;letter-spacing:-.06em;font-size:21px;line-height:1}.brand-text strong{font-weight:900}.brand-text span{font-weight:400;letter-spacing:-.045em}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2.1vw,32px);margin-left:auto}.desktop-nav a,.header-cta{font-size:12px;font-weight:740;white-space:nowrap;letter-spacing:-.015em}.desktop-nav a:hover,.footer-nav a:hover{color:#e75e39}.header-actions{display:flex;align-items:center;gap:16px;margin-left:12px}.lang-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#fff}.lang-switch a{min-width:35px;height:32px;display:grid;place-items:center;font-size:11px;font-weight:800;border-radius:8px;color:#74777c}.lang-switch a:hover{color:var(--ink)}.lang-switch a[aria-current=page]{background:#1b2029;color:#fff}.header-cta{background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;transition:background .2s}.header-cta:hover{background:#e96942;color:#fff}.menu-toggle{display:none;border:0;background:none;padding:8px;margin-right:-8px;color:var(--ink)}.menu-toggle svg{width:27px;height:27px}.mobile-nav{display:none}
.hero{background:var(--deep);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:770px;height:770px;left:-450px;top:-400px;background:radial-gradient(circle,rgba(247,115,66,.16),transparent 68%);pointer-events:none}.hero-grid{min-height:675px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);align-items:center;gap:clamp(12px,2.5vw,46px);padding-top:62px;padding-bottom:61px;position:relative}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--accent);flex-shrink:0}.hero .eyebrow{color:#ffb999}.hero h1{font-size:clamp(54px,5.1vw,83px);line-height:1.035;letter-spacing:-.075em;font-weight:850;margin:27px 0 27px;max-width:740px}.hero h1>span{display:block}.hero h1 em{font-style:normal;color:#ff9a69}.hero-lead{max-width:510px;color:#bfc1c9;font-size:clamp(15px,1.36vw,18px);line-height:1.7;margin:0}.hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:36px 0 45px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:12px;min-height:52px;padding:13px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-main{background:var(--accent);color:#1a1614}.btn-main:hover{background:#ff9363}.btn-arrow{font-size:20px;font-weight:400;line-height:1}.btn-link{color:#f5f3ee;padding-left:0;padding-right:0}.btn-link:after{content:"↗";font-size:19px;font-weight:400}.hero-pills{display:flex;flex-wrap:wrap;gap:13px 17px}.hero-pills span{color:#a3a9b4;font-size:11px;font-weight:650;display:flex;gap:7px;align-items:center}.hero-pills span:before{content:"";display:block;width:5px;height:5px;background:var(--accent);border-radius:50%}.hero-art{position:relative;padding:22px 9px 45px}.stage-frame{border-radius:26px;overflow:hidden;background:#24293c;box-shadow:0 35px 95px rgba(0,0,0,.28);transform:rotate(1.5deg);border:1px solid #3c4156}.stage-frame img{display:block;width:100%;aspect-ratio:940/780;object-fit:cover}.broadcast-overlay{position:absolute;right:-10px;top:-12px;padding:11px 13px;background:#fff;color:#171b23;border-radius:11px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.08em;box-shadow:0 15px 35px #0005}.rec-dot{width:8px;height:8px;border-radius:50%;background:#f66e49;box-shadow:0 0 0 4px #f66e4925;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #f66e4908}}.monitor-ui{position:absolute;bottom:9px;left:-25px;width:min(72%,370px);padding:12px;background:#0d121b;box-shadow:0 24px 65px #0009;border:1px solid #414657;border-radius:14px;transform:rotate(-3deg)}.monitor-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#bec4d2;margin:0 0 9px}.monitor-head b{color:#ff9a69}.monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.monitor-screen{aspect-ratio:1.18;background:linear-gradient(140deg,#323a50,#181d2b);border:1px solid #3c465c;border-radius:5px;overflow:hidden;position:relative}.monitor-screen:after{content:"";position:absolute;left:15%;right:15%;bottom:18%;height:23%;background:linear-gradient(130deg,#f99465,#9d4568);clip-path:polygon(0 100%,20% 0,70% 20%,100% 100%);opacity:.9}.monitor-screen:nth-child(2):after{transform:scaleX(-1)}.monitor-screen:nth-child(3){border:2px solid var(--accent)}.monitor-screen:nth-child(4):after{background:#cb8ca8}.monitor-screen b{position:absolute;left:4px;top:3px;font-size:7px;color:#fff;z-index:1}.hero-caption{position:absolute;right:10px;bottom:12px;letter-spacing:.22em;font-size:9px;color:#b3a3a0}.hero-bottom-rule{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff20}
.marquee{overflow:hidden;background:var(--accent);color:#191b20;min-height:64px;display:flex;align-items:center}.marquee-track{display:flex;width:max-content;gap:40px;align-items:center;animation:marquee 42s linear infinite}.marquee-item{font-size:12px;font-weight:900;letter-spacing:.16em;white-space:nowrap;display:flex;gap:40px;align-items:center}.marquee-item:after{content:"✳";font-size:18px;font-weight:400}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(80px,9vw,130px) 0}.section-heading{font-size:clamp(40px,4.25vw,66px);line-height:1.095;letter-spacing:-.07em;font-weight:850;margin:22px 0 18px}.section-heading em{font-style:normal;color:#ea724f}.section-intro{font-size:16px;line-height:1.75;color:#68696c;max-width:550px;margin:0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-top .section-heading{margin-bottom:0}.section-top .section-intro{max-width:390px}.services{background:var(--cream)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{background:#fffefa;padding:30px;min-height:290px;display:flex;flex-direction:column;border:1px solid #e7e3da;border-radius:17px;transition:transform .23s,box-shadow .23s,border-color .23s}.service-card:hover{transform:translateY(-5px);border-color:#f4b399;box-shadow:0 18px 38px #1d1d2510}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.service-number{font-size:11px;font-weight:900;letter-spacing:.12em;color:#8b8987}.service-icon{width:55px;height:55px;display:grid;place-items:center;color:#ed7851;background:#fff0e8;border-radius:14px}.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:23px;line-height:1.18;letter-spacing:-.05em;margin:0 0 13px;font-weight:810}.service-card p{color:#72716d;margin:0 0 25px;font-size:13px;line-height:1.65;max-width:305px}.service-tag{font-size:9px;letter-spacing:.13em;font-weight:900;color:#ca6746;margin-top:auto}
.expertise{background:#efe9e0;position:relative;overflow:hidden}.expertise:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #d8cfc2;border-radius:50%;right:-150px;bottom:-270px;box-shadow:0 0 0 80px #d9cebd55,0 0 0 160px #d9cebd44;pointer-events:none}.expertise-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;position:relative;z-index:1}.expertise .section-heading{max-width:500px}.event-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.event-item{min-height:128px;border-radius:15px;padding:22px;background:#f9f6f0;border:1px solid #e4dbd0;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s,transform .2s}.event-item:hover{transform:translateY(-3px);background:#fff}.event-item span{font-size:11px;color:#bc7457;font-weight:800}.event-item strong{font-size:16px;font-weight:780;letter-spacing:-.03em;line-height:1.3}.event-item svg{align-self:flex-end;width:17px;stroke:#bc7457}.expertise-foot{font-weight:800;letter-spacing:.19em;font-size:10px;margin-top:32px;display:flex;align-items:center;gap:14px}.expertise-foot:before{content:"";display:block;width:22px;height:2px;background:var(--accent)}
.approach{background:var(--paper)}.approach-heading{max-width:750px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:53px}.step{border-top:2px solid #e9e3dc;padding:26px 20px 10px 0;min-height:220px;position:relative}.step:first-child{border-color:var(--accent)}.step:before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;background:#d9d0c7;border-radius:50%}.step:first-child:before{background:var(--accent)}.step-number{color:#df7958;font-weight:800;font-size:11px;letter-spacing:.13em}.step h3{margin:29px 0 10px;font-size:19px;letter-spacing:-.04em;line-height:1.18}.step p{font-size:13px;line-height:1.67;color:#74716e;margin:0}
.capabilities{background:#202635;color:#fff;position:relative;overflow:hidden}.capabilities:before{content:"";width:700px;height:500px;position:absolute;right:-250px;top:-210px;border-radius:50%;border:1px solid #ffffff18;box-shadow:0 0 0 60px #ffffff07,0 0 0 130px #ffffff05,0 0 0 210px #ffffff04}.cap-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;position:relative}.capabilities .eyebrow{color:#ffa879}.capabilities .section-heading{max-width:540px}.capabilities .section-intro{color:#b5bac9}.cap-mini{display:flex;gap:10px;align-items:flex-start;color:#b4bac7;font-size:12px;max-width:300px;margin-top:37px}.cap-mini:before{content:"✳";font-size:19px;color:#ff9c70}.signal-diagram{position:relative;padding:27px;background:#171c29;border:1px solid #495061;border-radius:20px;box-shadow:0 30px 80px #0d111b44}.signal-top{font-size:10px;letter-spacing:.17em;font-weight:800;color:#959db2;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ffffff19}.signal-top b{color:#ffa478}.signal-core{padding:35px 10px 26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.signal-stack{display:flex;flex-direction:column;gap:11px}.signal-node{min-height:51px;display:flex;align-items:center;gap:11px;background:#2c3445;border:1px solid #424d63;border-radius:9px;padding:9px 12px;color:#dde1ec;font-size:11px;font-weight:720}.signal-node i{display:block;width:8px;height:8px;border-radius:50%;background:#ff9d72;box-shadow:0 0 0 4px #ff9d721c;flex-shrink:0}.signal-arrows{display:flex;flex-direction:column;align-items:center;color:#ff986a;gap:8px}.signal-arrows span{height:1px;background:#f58963;width:20px}.signal-arrows strong{border:1px solid #f58963;background:#563b36;color:#ffc6a5;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:19px;font-weight:400}.signal-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ffffff19;padding-top:16px;font-size:9px;letter-spacing:.14em;color:#a3aab8}.signal-footer b{color:#ff9d72}
.region{background:#f8f5ef}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.region-graphic{border-radius:20px;min-height:345px;background:#e6e7e4;position:relative;overflow:hidden;border:1px solid #d8d9d5;display:flex;align-items:center;justify-content:center}.region-graphic:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff80 1px,transparent 1px),linear-gradient(90deg,#ffffff80 1px,transparent 1px);background-size:35px 35px;opacity:.7}.globe-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #bbc0bb;box-shadow:0 0 0 36px #cbd0ca55,0 0 0 74px #cbd0ca3a}.region-lines{position:absolute;width:83%;height:90%;overflow:visible}.region-lines path{fill:none;stroke:#d97950;stroke-width:1.4;stroke-dasharray:4 5;opacity:.8}.region-lines circle{fill:#f8774c;stroke:#fdf9f3;stroke-width:4}.region-badge{position:absolute;left:23px;bottom:21px;background:#fff;padding:13px 15px;border-radius:10px;font-size:9px;font-weight:900;letter-spacing:.13em;box-shadow:0 5px 25px #11111110}.region-countries{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.country{border:1px solid #d9d5cd;background:#fffaf3;padding:9px 13px;border-radius:9px;font-size:11px;font-weight:760}.region-bottom{font-size:13px;font-weight:700;margin-top:30px;color:#6e6d69}
.contact{background:var(--deep);color:#fff}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%;align-items:start}.contact .eyebrow{color:#ffaf88}.contact .section-heading{font-size:clamp(46px,4.3vw,68px)}.contact .section-intro{color:#afb3be}.contact-quote{margin-top:55px;padding-top:29px;border-top:1px solid #ffffff24;font-size:19px;line-height:1.5;letter-spacing:-.04em;font-weight:700}.contact-quote span{color:#ff946b}.contact-details{margin-top:24px;display:flex;flex-direction:column;gap:10px}.contact-detail{color:#e6e9f1;display:flex;gap:10px;align-items:center;font-size:13px;overflow-wrap:anywhere}.contact-detail svg{width:18px;height:18px;color:#ff966e;flex-shrink:0}.contact-detail a{text-decoration:underline;text-decoration-color:#c95e46;text-underline-offset:4px}.contact-pending{font-size:11px;color:#8e97a8;margin:18px 0 0}.form-card{background:#f9f7f2;color:var(--ink);border-radius:20px;padding:clamp(24px,3.4vw,43px);box-shadow:0 30px 70px #0003}.form-card h3{font-size:25px;letter-spacing:-.05em;margin:0 0 24px;line-height:1.2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;letter-spacing:-.01em}.field input,.field textarea,.field select{width:100%;border:1px solid #dedbd4;outline:none;border-radius:9px;background:#fff;color:#171b23;padding:13px 13px;font-size:12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f8744928}.field input::placeholder,.field textarea::placeholder{color:#989898}.field textarea{resize:vertical;min-height:99px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237b7773' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-submit{width:100%;margin-top:19px;justify-content:space-between}.form-help{color:#817f7b;font-size:10px;line-height:1.5;margin:12px 0 0}.form-status{font-size:12px;color:#146f4b;font-weight:650;line-height:1.5;margin:14px 0 0}.form-output{margin-top:12px;display:none}.form-output.visible{display:block}.form-output label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.form-output textarea{display:block;width:100%;min-height:175px;resize:vertical;border:1px solid #d9d6cf;border-radius:9px;padding:12px;background:#fff;font-size:12px}.site-footer{background:#10141d;color:#aeb3c0;border-top:1px solid #ffffff1c;padding:44px 0 28px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:50px;padding-bottom:45px}.footer-brand .brand{color:#fff}.footer-brand p{font-size:12px;line-height:1.7;max-width:255px;margin:16px 0 0}.footer-nav{display:flex;gap:clamp(20px,4vw,60px);flex-wrap:wrap;align-items:center}.footer-nav a{font-size:12px;color:#d9dce3;font-weight:650}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em}.footer-bottom a:hover{color:#fff}
@media(max-width:1160px){.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.header-inner{gap:12px}.header-actions{gap:9px;margin-left:0}.header-cta{padding:11px 12px;font-size:11px}.brand-text{font-size:19px}.hero-grid{min-height:615px}.hero h1{font-size:clamp(51px,5vw,69px)}.service-card{padding:23px}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.header-inner{min-height:76px}.mobile-nav{display:block;max-height:0;overflow:hidden;transition:max-height .25s ease;border-top:0 solid transparent}.mobile-nav.open{max-height:520px;border-top:1px solid var(--line)}.mobile-nav-inner{padding:16px 22px 25px;display:flex;flex-direction:column;gap:0}.mobile-nav a{display:block;padding:12px 0;font-size:16px;font-weight:740;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{border-bottom:0;color:#c05b3d}.hero-grid{grid-template-columns:1fr;padding-top:66px;padding-bottom:75px;gap:15px}.hero-copy{max-width:710px}.hero-art{max-width:650px;width:100%;margin:0 auto;padding:25px 0 38px}.broadcast-overlay{right:-5px;top:10px}.monitor-ui{left:-8px}.hero h1{font-size:clamp(52px,8vw,78px)}.section-top{display:block}.section-top .section-intro{margin-top:22px;max-width:600px}.service-grid{grid-template-columns:repeat(2,1fr)}.expertise-grid,.cap-layout,.region-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.expertise .section-heading{max-width:720px}.event-list{max-width:700px}.step-grid{grid-template-columns:repeat(2,1fr)}.signal-diagram{max-width:680px}.region-graphic{min-height:370px}.contact-grid{gap:40px}.contact-quote{margin-top:28px}.footer-top{flex-direction:column;gap:30px}}
@media(max-width:560px){.container{padding-inline:21px}.brand-sun{width:41px;height:36px}.brand-text{font-size:18px}.header-inner{min-height:70px}.lang-switch a{min-width:32px;height:30px;font-size:10px}.hero-grid{padding-top:58px;padding-bottom:44px}.hero h1{font-size:clamp(48px,11vw,61px);margin:21px 0 21px}.hero-lead{font-size:14px}.hero-buttons{margin:28px 0 33px;gap:11px}.btn{min-height:48px;font-size:12px;padding:10px 14px;gap:10px}.hero-pills{gap:9px}.hero-pills span{font-size:9px}.hero-art{padding:18px 3px 44px}.stage-frame{border-radius:18px}.monitor-ui{left:-7px;width:75%;padding:8px;border-radius:10px}.broadcast-overlay{right:-4px;padding:8px 9px;font-size:8px}.hero-caption{right:4px;font-size:7px;bottom:17px}.marquee{min-height:53px}.marquee-item{font-size:10px;gap:25px}.marquee-track{gap:25px}.section{padding:74px 0}.section-heading{font-size:clamp(37px,9vw,50px)}.section-intro{font-size:14px}.section-top{margin-bottom:28px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:252px;padding:23px}.service-top{margin-bottom:24px}.service-card h3{font-size:22px}.event-list{gap:8px}.event-item{min-height:110px;padding:16px}.event-item strong{font-size:13px}.step-grid{grid-template-columns:1fr;gap:0;margin-top:37px}.step{min-height:auto;padding:20px 0 22px}.step h3{margin:13px 0 8px}.signal-diagram{padding:17px}.signal-node{font-size:9px;padding:8px;min-height:45px}.signal-core{padding:21px 0}.signal-arrows strong{width:29px;height:29px;font-size:15px}.signal-arrows span{width:13px}.region-graphic{min-height:300px}.globe-ring{width:240px;height:240px}.country{font-size:10px}.contact .section-heading{font-size:clamp(42px,9vw,56px)}.form-card{padding:22px 17px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.footer-top{padding-bottom:30px}.footer-nav{gap:17px}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v4: contact form sending state and spam honeypot */
.form-submit:disabled{opacity:.62;cursor:wait;pointer-events:none}.form-status.is-error{color:#a12828}.spam-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}