:root{--bg-color: #ffffff;--text-color: #000000;--accent-color: #FFEB3B;--gray-color: #f5f5f5;--trans-duration: 1.2s;--overlay: rgba(255, 255, 255, .85)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}.big-text{font-size:clamp(2.5rem,8.5vw,6.5rem);font-weight:900;line-height:1.1;letter-spacing:-.05em;margin-bottom:2rem;word-break:keep-all;overflow-wrap:normal}.medium-text{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;line-height:1.3}.highlight{background:linear-gradient(transparent 70%,var(--accent-color) 70%)}.nowrap{display:inline-block;white-space:nowrap}header{padding:2rem;position:fixed;top:0;width:100%;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:900;font-size:1.5rem}section{min-height:100vh;padding:10rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);z-index:1}section>*{position:relative;z-index:2;max-width:1200px;margin-left:auto;margin-right:auto;width:100%}#hero{background-image:none;background-color:var(--bg-color)}#hero:before{background:none}#problem{background-image:url(/assets/people_bg.png)}#concept{background-image:url(/assets/network_bg.png)}#concept:before{background:#fff6}#concept .medium-text{text-shadow:0 0 20px rgba(255,255,255,.8)}#feature-1{background-image:none;background-color:var(--bg-color)}#feature-1:before{background:none}#feature-2{background-image:url(/assets/privacy_bg.png)}#cta{background-image:none;background-color:var(--bg-color)}#cta:before{background:none}.subtitle{font-size:1.2rem;font-weight:700;text-align:right;width:100%;margin-top:-1rem}#problem .problem-text{margin-top:2rem;font-weight:700;font-size:1.5rem}#feature-1{background-image:none;background-color:var(--bg-color);flex-direction:row;align-items:center;gap:8rem;padding:15rem 2rem}#feature-1>*{max-width:none}.feature-content{flex:1}.feature-description{font-weight:700;font-size:1.4rem;margin-top:3rem;color:#333}.phone-container{flex:1;display:flex;justify-content:center;perspective:1000px}.phone-mockup{width:380px;height:780px;background:#000;border-radius:54px;padding:14px;box-shadow:0 30px 60px #0000001f,0 0 0 4px #1a1a1a,inset 0 0 0 2px #333;position:relative;transform:rotateY(-5deg) rotateX(5deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.phone-mockup:hover{transform:rotateY(0) rotateX(0)}.phone-mockup .notch{position:absolute;top:25px;left:50%;transform:translate(-50%);width:120px;height:35px;background:#000;border-radius:20px;z-index:10}.screen{background:#fff;border-radius:42px;height:100%;overflow:hidden;position:relative;padding:4rem 1.5rem 2rem;display:flex;flex-direction:column}.app-header{text-align:center;font-weight:900;font-size:1.4rem;margin-bottom:3rem;letter-spacing:-.02em}.comparison-area{background:#fafafa;border-radius:24px;padding:2rem 1.2rem;box-shadow:0 10px 30px #00000008}.match-badge{font-size:.75rem;font-weight:800;text-align:center;margin-bottom:1.5rem;color:#666;letter-spacing:.05em}.match-title{font-size:1.8rem;font-weight:900;background:var(--accent-color);padding:.4rem 1.5rem;display:inline-block;width:100%;text-align:center;margin-bottom:2rem;border-radius:4px;box-shadow:8px 8px #000}.match-list{list-style:none}.match-list li{font-weight:700;font-size:1.1rem;padding:1rem 0;border-bottom:1px solid #eee;color:#222;display:flex;align-items:center}.match-list li:before{content:"•";margin-right:12px;color:var(--accent-color);font-size:1.5rem}.match-list li:last-child{border-bottom:none}.reveal{opacity:0;transform:translateY(50px);transition:all var(--trans-duration) ease-out}.reveal.active{opacity:1;transform:translateY(0)}#cta{align-items:center;text-align:center}.btn{display:inline-block;background:var(--text-color);color:var(--bg-color);padding:1.5rem 4rem;text-decoration:none;font-weight:900;font-size:1.5rem;border-radius:100px;margin-top:3rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.btn:hover{transform:scale(1.05)}@media(max-width:768px){#feature-1{flex-direction:column;gap:2.5rem;padding:4rem 1.5rem}.big-text{font-size:clamp(2rem,10vw,3rem)}.medium-text{font-size:1.7rem}.phone-mockup{width:280px;height:580px;border-radius:38px}.phone-mockup .notch{width:90px;height:24px;top:15px}.screen{border-radius:28px;padding:2.5rem 1rem 1.5rem}section{padding:4rem 1rem}#problem{background-position:70% center;background-size:cover}#concept{background-size:cover;background-position:center}#feature-2{background-size:contain;background-position:center 90%}}