:root {
  --cream:#fffaf0;
  --black:#080808;
  --pink:#ff43bd;
  --purple:#9a40e8;
  --lavender:#e7ceff;
  --lime:#dfff45;
  --line:rgba(8,8,8,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#111}
body{margin:0;min-width:320px;background:var(--cream);color:var(--black);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.site-header,main,.site-footer{width:min(100%,1440px);margin-inline:auto}
.site-header{height:102px;padding:18px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:950;letter-spacing:-.05em}
.brand img{width:54px;height:54px;border-radius:12px;object-fit:cover}
.desktop-nav{display:flex;align-items:center;gap:56px;font-size:16px;font-weight:850}
.desktop-nav a{padding:12px 0;position:relative}
.desktop-nav a:after,.footer-links a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--pink);transition:right .2s ease}
.desktop-nav a:hover:after,.footer-links a:hover:after{right:0}
.button{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;font-weight:900}
.button-dark{background:#050505;color:#fff;box-shadow:inset 0 -4px 8px rgba(255,255,255,.08)}
.header-cta{min-width:118px}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(8,8,8,.16);border-radius:999px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.06)}
.language-switch a{min-width:42px;padding:8px 11px;border-radius:999px;text-align:center;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;transition:background .2s ease,color .2s ease}
.language-switch a.is-active{background:#080808;color:#fff}
.language-switch a:not(.is-active):hover{background:var(--lavender)}
.menu-button{display:none;border:0;background:transparent;font-size:28px}
.hero{min-height:670px;padding:38px 6% 34px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:32px;overflow:hidden;background:radial-gradient(circle at 74% 50%,rgba(255,68,190,.16),transparent 28%),var(--cream)}
.hero h1{margin:0 0 30px;font-size:clamp(76px,8vw,126px);line-height:.86;letter-spacing:-.075em;font-weight:950}
.hero-description{margin:0 0 38px;font-size:clamp(20px,2vw,27px);line-height:1.38;font-weight:650}
.frequency-card{width:min(100%,520px);min-height:162px;padding:26px;border-radius:30px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 20px 42px rgba(0,0,0,.18)}
.frequency-main{min-width:0}
.live-label{display:inline-flex;align-items:center;gap:7px;color:var(--pink);font-size:15px;font-weight:900}
.live-dot{width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(255,67,189,.12)}
.wave-bars{display:inline-flex;align-items:center;gap:3px;margin-left:20px;height:20px}
.wave-bars i{display:block;width:3px;height:8px;border-radius:3px;background:var(--pink)}
.wave-bars i:nth-child(3n){height:20px}.wave-bars i:nth-child(2n){height:14px}
.frequency-avatar{display:block;width:88px;height:88px;margin-top:12px;border:3px solid var(--pink);border-radius:50%;background-image:url('assets/oiss-avatars-hd.png');background-repeat:no-repeat;background-size:352px 235px;background-position:0 -25px;box-shadow:0 0 0 6px rgba(255,67,189,.15);overflow:hidden}
.channel-tag{flex:0 0 150px;padding:18px;border:1px solid rgba(255,255,255,.66);border-radius:17px;display:grid;gap:12px;font-size:18px}
.hero-visual{min-height:570px;position:relative;display:grid;place-items:center}
.radio-device{width:clamp(330px,31vw,448px);aspect-ratio:.81;background:linear-gradient(145deg,#060606,#171717);border-radius:68px;position:relative;z-index:3;box-shadow:0 45px 70px rgba(176,26,154,.34),inset -13px -13px 25px rgba(255,255,255,.04);animation:float 4s ease-in-out infinite}
.radio-antenna{position:absolute;top:-47px;left:26%;width:54px;height:64px;background:#080808;border-radius:16px 16px 7px 7px;box-shadow:inset 5px 0 6px rgba(255,255,255,.09)}
.radio-button{position:absolute;right:-15px;top:116px;width:21px;height:94px;border-radius:10px;background:#0c0c0c;box-shadow:0 0 0 3px rgba(255,67,189,.35)}
.radio-screen{position:absolute;left:14%;top:13%;width:72%;height:27%;display:grid;place-items:center;border-radius:25px;background:#fffefa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(52px,6vw,84px);font-weight:900;letter-spacing:.03em}
.speaker-grid{position:absolute;left:20%;top:50%;width:60%;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;justify-items:center}
.speaker-grid i{width:19px;height:19px;border-radius:50%;background:#fff}
.avatar,.mini-avatar,.cluster-avatar,.topic-avatar{background-image:url('assets/oiss-avatars-hd.png');background-repeat:no-repeat}
.avatar{position:absolute;z-index:6;width:90px;height:90px;border-radius:50%;border:5px solid var(--cream);background-size:360px 240px;box-shadow:0 14px 28px rgba(0,0,0,.16)}
.avatar-one{left:4%;top:1%;background-position:0 -25px}
.avatar-two{left:10%;bottom:0;background-position:-90px -25px}
.avatar-three{right:-2%;bottom:8%;background-position:-180px -25px}
.signal{position:absolute;z-index:1;display:flex;align-items:center;gap:7px}
.signal-left{left:-8px;transform:rotate(180deg)}.signal-right{right:-12px}
.signal i{display:block;width:16px;height:80px;border-right:5px solid var(--pink);border-radius:0 100% 100% 0}
.signal i:nth-child(2){height:125px}.signal i:nth-child(3){height:170px}
.spark{position:absolute;z-index:5;color:var(--pink);font-size:68px;font-weight:400}.spark-one{right:5%;top:0;transform:rotate(12deg)}.spark-two{left:2%;bottom:6%;font-size:45px}
.feature-section{padding:30px 5% 45px;background:#030303;color:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{height:470px;padding:24px;border:1px solid #4b4b4b;border-radius:20px;position:relative;overflow:hidden;background:#050505}
.feature-title{display:flex;align-items:flex-start;gap:18px}
.feature-title h2{margin:0;font-size:31px;line-height:1.06;letter-spacing:-.04em}
.square-icon{flex:0 0 56px;height:56px;border-radius:12px;background:var(--pink);color:#090909;display:grid;place-items:center;font-size:30px;font-weight:900}
.planet-graphic{position:absolute;left:9%;right:9%;bottom:-45px;height:300px}
.planet{position:absolute;width:310px;height:155px;left:50%;bottom:0;transform:translateX(-50%);border-radius:310px 310px 0 0;background:radial-gradient(circle at 64% 34%,#777 0 12%,transparent 13%),radial-gradient(circle at 35% 65%,#444 0 18%,transparent 19%),linear-gradient(145deg,#878787,#050505 64%);border:1px solid #999}
.orbit{position:absolute;left:12%;right:12%;bottom:78px;height:100px;border:1px dashed var(--pink);border-radius:50%;transform:rotate(-8deg)}
.pin{position:absolute;left:46%;bottom:150px;width:58px;height:75px;border-radius:50% 50% 52% 5%;transform:rotate(45deg);display:grid;place-items:center;background:var(--pink);color:white;font-size:32px;box-shadow:0 0 0 6px rgba(255,67,189,.13)}
.mini-avatar{position:absolute;width:42px;height:42px;border:2px solid #111;border-radius:50%;background-size:168px 112px;z-index:3}
.mini-avatar-one{left:6%;bottom:112px;background-position:0 -12px}.mini-avatar-two{right:2%;bottom:95px;background-position:-42px -12px}.mini-avatar-three{left:54%;bottom:18px;background-position:-84px -12px}
.push-graphic{position:absolute;inset:145px 30px 30px;display:grid;place-items:center}
.tick-ring{position:absolute;width:220px;height:220px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--pink) 0 1deg,transparent 1deg 9deg);mask:radial-gradient(circle,transparent 0 70%,#000 71%)}
.push-button{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#ff8bd8,var(--pink) 55%,#c51789);color:#fff;font-size:0;box-shadow:0 0 0 14px rgba(255,67,189,.16),inset 0 0 0 2px #ffb5e7}
.push-button:before{content:"";width:34px;height:60px;border:7px solid white;border-radius:22px}
.push-button:after{content:"";position:absolute;width:62px;height:46px;border:7px solid #fff;border-top:0;border-radius:0 0 35px 35px;transform:translateY(11px)}
.people-cluster{position:absolute;left:7%;right:7%;top:138px;bottom:18px}
.cluster-avatar{position:absolute;width:108px;height:108px;border:4px solid #fff;border-radius:50%;background-size:432px 288px;box-shadow:0 9px 22px rgba(0,0,0,.35)}
.cluster-one{left:0;top:0;background-position:-324px -30px}.cluster-two{right:0;top:12px;background-position:-216px -30px}.cluster-three{left:22%;bottom:0;background-position:-108px -30px}.cluster-four{right:7%;bottom:0;background-position:-324px -168px}
.screens-section{min-height:900px;padding:90px 6% 80px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:50px;background:#080808;color:#fff;position:relative;overflow:hidden}
.screens-section:before{content:"";position:absolute;width:520px;height:520px;right:-110px;top:80px;border-radius:50%;background:radial-gradient(circle,#ff46bf 0,#a542ec 52%,transparent 72%);opacity:.46;filter:blur(12px)}
.screens-section:after{content:"✦";position:absolute;left:5%;bottom:8%;font-size:90px;color:var(--pink);transform:rotate(12deg)}
.screens-heading{position:relative;z-index:2;align-self:center}
.screens-heading>p{margin:0 0 20px;color:var(--pink);font-size:13px;font-weight:950;letter-spacing:.18em}
.screens-heading h2{margin:0 0 28px;font-size:clamp(62px,6.6vw,102px);line-height:.9;letter-spacing:-.065em}
.screens-heading>span{display:block;max-width:470px;color:#cfcfcf;font-size:19px;line-height:1.55}
.phone-gallery{position:relative;z-index:2;min-height:760px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,48px)}
.phone-showcase{margin:0;text-align:center;position:relative}
.phone-left{transform:translateY(25px) rotate(-3deg)}.phone-right{transform:translateY(-30px) rotate(3deg)}
.phone-frame{width:clamp(250px,24vw,340px);aspect-ratio:1125/2436;padding:11px;border-radius:clamp(38px,4vw,56px);background:linear-gradient(145deg,#454545,#050505 24%,#000 70%,#414141);position:relative;box-shadow:0 35px 65px rgba(0,0,0,.5),0 0 0 2px #595959,inset 0 0 0 2px #000}
.phone-screen{width:100%;height:100%;overflow:hidden;border-radius:calc(clamp(38px,4vw,56px) - 11px);background:#111}
.phone-screen img{display:block;width:100%;height:100%;object-fit:cover}
.phone-island{position:absolute;z-index:4;top:19px;left:50%;width:28%;height:25px;transform:translateX(-50%);border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.phone-side{position:absolute;z-index:-1;width:5px;border-radius:5px 0 0 5px;background:#222;left:-7px}.side-one{top:18%;height:10%}.side-two{top:31%;height:16%}
.phone-showcase figcaption{margin-top:25px;font-size:17px;font-weight:900;letter-spacing:.01em}
.community-section{min-height:520px;padding:52px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;background:linear-gradient(115deg,#ff42b8 0%,#d626c7 48%,#8a3ce6 100%);position:relative;overflow:hidden}
.community-section:before{content:"✳";position:absolute;right:6%;top:8%;font-size:70px;color:#fff}
.community-section h2{margin:0;color:#fff;font-size:clamp(62px,7vw,104px);line-height:.92;letter-spacing:-.065em}
.topic-cloud{position:relative;min-height:390px}
.topic{position:absolute;min-height:76px;padding:10px 22px 10px 10px;border-radius:999px;display:flex;align-items:center;gap:13px;font-size:22px;font-weight:900;line-height:1.04;box-shadow:0 18px 40px rgba(80,0,88,.18)}
.topic-avatar{flex:0 0 58px;height:58px;border-radius:50%;background-size:232px 154.7px;border:2px solid rgba(0,0,0,.16)}
.topic b{margin-left:8px;font-size:31px}
.topic-lavender{left:2%;top:0;background:var(--lavender)}.topic-lime{right:0;top:112px;background:var(--lime)}.topic-pale{left:-8%;bottom:50px;background:#ffd1e9}.topic-white{right:7%;bottom:0;background:#fff}
.topic-avatar-night{background-position:-58px -16px}.topic-avatar-music{background-position:0 -86px}.topic-avatar-advice{background-position:-116px -86px}.topic-avatar-vibe{background-position:-174px -86px}
.safety-strip{min-height:112px;padding:18px 8%;display:grid;grid-template-columns:repeat(3,1fr);background:#030303;color:#fff}
.safety-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #4a4a4a;font-size:25px}.safety-strip>div:last-child{border-right:0}
.round-icon{width:58px;height:58px;border-radius:50%;background:var(--pink);color:#080808;display:grid;place-items:center;font-size:28px;font-weight:900}
.download-section{min-height:295px;padding:42px 6%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;background:var(--cream)}
.download-title{position:relative}.download-title h2{margin:0;font-size:clamp(64px,7vw,104px);line-height:.9;letter-spacing:-.065em}
.pink-underline{display:block;width:86%;height:5px;margin-top:20px;background:var(--pink);transform:rotate(-1deg)}
.download-actions{display:grid;gap:14px;border-left:1px solid #999;padding-left:30px}
.store-button{width:215px;height:66px;padding:8px 15px;border-radius:9px;display:flex;align-items:center;gap:12px;background:#050505;color:white;font-size:23px;font-weight:700;box-shadow:0 5px 12px rgba(0,0,0,.12)}
.store-button small{display:block;font-size:11px;font-weight:500;line-height:1.1}.apple-mark{font-size:35px;line-height:1}.play-mark{font-size:30px;color:#64d35f;text-shadow:-5px 0 #48aef4,5px 0 #ffcf41}
.qr-card{padding:12px;border:1px solid #777;border-radius:16px;text-align:center;background:white}.fake-qr{width:125px;height:125px;border:8px solid white;background:conic-gradient(from 90deg at 2px 2px,#000 25%,#fff 0) 0 0/10px 10px}.qr-card>span{display:block;margin-top:7px;font-size:10px;font-weight:900;text-transform:uppercase}
.site-footer{min-height:100px;padding:22px 6%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;background:var(--cream);border-top:1px solid var(--line)}
.footer-brand{font-size:25px}.footer-brand img{width:44px;height:44px}
.footer-links{display:flex;justify-content:center;gap:25px;font-size:13px;font-weight:800}.footer-links a{position:relative}.site-footer p{margin:0;color:#555;font-size:12px}
.legal-main{max-width:980px;margin:0 auto;padding:90px 24px 130px}
.legal-hero{margin-bottom:70px}.legal-hero h1{margin:0 0 28px;max-width:900px;font-size:clamp(60px,8vw,112px);line-height:.88;letter-spacing:-.07em}.legal-hero p{max-width:700px;font-size:19px;line-height:1.6}.legal-meta{display:inline-block;margin-bottom:20px;padding:8px 13px;border-radius:999px;background:var(--lavender);font-size:12px;font-weight:900;letter-spacing:.08em}
.legal-content{display:grid;gap:40px}.legal-content section{padding-top:30px;border-top:1px solid var(--line)}.legal-content h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em}.legal-content p,.legal-content li{color:#393939;font-size:17px;line-height:1.75}.legal-content ul{padding-left:24px}.legal-content a{color:#9b2183;font-weight:800;text-decoration:underline}
.contact-main{min-height:75vh;display:grid;grid-template-columns:.9fr 1.1fr}.contact-intro{padding:clamp(70px,9vw,140px) clamp(24px,5vw,78px);background:linear-gradient(135deg,var(--pink),var(--purple))}.contact-intro h1{margin:0 0 35px;font-size:clamp(62px,8vw,116px);line-height:.88;letter-spacing:-.07em}.contact-intro p{max-width:580px;font-size:20px;line-height:1.6}.contact-direct{margin-top:50px;display:inline-flex;flex-direction:column;gap:8px}.contact-direct small{font-weight:850;letter-spacing:.1em}.contact-direct a{font-size:clamp(22px,3vw,36px);font-weight:900;border-bottom:3px solid}
.contact-form-wrap{padding:clamp(70px,9vw,140px) clamp(24px,6vw,100px)}.contact-form{display:grid;gap:22px}.contact-form label{display:grid;gap:9px;font-weight:850}.contact-form input,.contact-form textarea{width:100%;border:1px solid #aaa;border-radius:15px;background:#fff;padding:17px 18px;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,66,188,.13)}.contact-form textarea{min-height:180px;resize:vertical}.form-note{color:#666;font-size:13px;line-height:1.5}.form-status{min-height:22px;font-weight:750;color:#8d2078}
html[lang="ko"] .hero h1{font-size:clamp(64px,7vw,106px);line-height:.96;letter-spacing:-.055em;word-break:keep-all}
html[lang="ko"] .screens-heading h2,html[lang="ko"] .community-section h2,html[lang="ko"] .download-title h2{line-height:1;letter-spacing:-.05em;word-break:keep-all}
html[lang="ko"] .legal-content p,html[lang="ko"] .legal-content li{word-break:keep-all}
@keyframes float{50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,67,189,0)}}
@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 1.8s ease-out infinite}}
@media(max-width:1180px) and (min-width:981px){.site-header{padding-inline:4%}.desktop-nav{gap:28px}}
@media(max-width:980px){
  .site-header{height:82px;padding:12px 24px;position:sticky;top:0}.desktop-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:24px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column}.desktop-nav.is-open{display:flex}.language-switch{margin-left:auto}.header-cta{margin-left:0}.menu-button{display:block}
  .hero{grid-template-columns:1fr;padding:72px 6%}.hero-visual{min-height:600px}.feature-grid{grid-template-columns:1fr}.feature-card{height:430px}.screens-section{grid-template-columns:1fr;padding-top:85px}.screens-heading{text-align:center}.screens-heading>span{margin-inline:auto}.phone-gallery{min-height:720px}.community-section{grid-template-columns:1fr;min-height:820px}.topic-cloud{min-height:400px}.download-section{grid-template-columns:1fr 1fr}.download-title{grid-column:1/-1}.site-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-links{flex-wrap:wrap}.contact-main{grid-template-columns:1fr}
}
@media(max-width:620px){
  .brand{font-size:24px}.brand img{width:44px;height:44px}.language-switch a{min-width:36px;padding:7px 8px;font-size:11px}.header-cta{display:none}.hero{padding:54px 20px}.hero h1{font-size:64px}.hero-description{font-size:19px}.desktop-break{display:none}.frequency-card{align-items:stretch;flex-direction:column}.channel-tag{flex-basis:auto}.hero-visual{min-height:470px}.radio-device{width:286px;border-radius:48px}.radio-screen{border-radius:18px}.speaker-grid{gap:12px}.speaker-grid i{width:14px;height:14px}.avatar{width:66px;height:66px;background-size:264px 176px}.avatar-one{background-position:0 -18px}.avatar-two{background-position:-66px -18px}.avatar-three{background-position:-132px -18px}.signal{display:none}.spark-one{right:0}
  .feature-section{padding:24px 16px}.feature-card{height:410px}.feature-title h2{font-size:27px}.screens-section{min-height:auto;padding:75px 18px}.screens-heading h2{font-size:58px}.screens-heading>span{font-size:16px}.phone-gallery{min-height:auto;margin-top:42px;align-items:flex-start;gap:13px}.phone-frame{width:min(43vw,240px);padding:6px;border-radius:30px}.phone-screen{border-radius:24px}.phone-island{top:12px;height:15px}.phone-left,.phone-right{transform:none}.phone-showcase figcaption{margin-top:15px;font-size:13px}.community-section{min-height:760px;padding:58px 20px}.community-section h2{font-size:57px}.topic{font-size:17px}.topic-lime{top:115px}.topic-pale{left:0}.safety-strip{grid-template-columns:1fr;gap:0;padding:0 20px}.safety-strip>div{min-height:82px;border-right:0;border-bottom:1px solid #444;justify-content:flex-start}.safety-strip>div:last-child{border-bottom:0}.download-section{grid-template-columns:1fr;padding:60px 20px}.download-title{grid-column:auto}.download-title h2{font-size:64px}.download-actions{border-left:0;padding-left:0}.site-footer{padding:30px 20px}.footer-links{flex-direction:column;gap:17px}.legal-main{padding-top:60px}.legal-hero h1,.contact-intro h1{font-size:58px}.contact-intro,.contact-form-wrap{padding:70px 20px}
}