:root{--bg:#0a1214;--alt:#0f1d1d;--line:#2a403e;--ink:#f2f8f6;--muted:#adc2be;--accent:#9bf1d0;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}.shell{max-width:var(--max);width:calc(100% - 64px);margin:auto}.accent{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;background:var(--accent);color:#051512;padding:10px 18px;z-index:100}.skip:focus{top:10px}
.site-header{background:#091214e8;border-bottom:1px solid #ffffff12;position:relative;z-index:3}.header-row{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:800;font-size:25px;letter-spacing:-.06em;display:inline-flex;align-items:center;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#0b241c;font-size:23px;margin-right:11px}.head-nav{display:flex;gap:28px;font-size:14px;font-weight:650;color:#c3d7d1}
.hero{background:radial-gradient(ellipse at 72% 45%,#173c325d,transparent 60%);padding:70px 0 90px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.overline,.mini-label{font-weight:750;letter-spacing:.14em;color:var(--accent);font-size:11px}.overline{border:1px solid #4b867476;border-radius:80px;padding:9px 13px;display:inline-flex;align-items:center;gap:9px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent)}.hero h1{font-size:clamp(54px,6.4vw,84px);line-height:1.075;letter-spacing:-.075em;margin:28px 0}.hero-copy>p:not(.hero-small){font-size:19px;line-height:1.7;color:#bad0cc;max-width:510px}.actions{margin-top:32px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{border-radius:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 21px;font-size:14px;font-weight:800;line-height:1.25}.btn-main{color:#0a2d21;background:var(--accent);box-shadow:0 5px 26px #64f8c517}.btn-main:hover{color:#0c3026;background:#b6fce1}.text-link{font-weight:750;font-size:14px;white-space:nowrap}.hero-small{margin-top:23px;font-size:12px;line-height:1.6;color:#88a29e;max-width:430px}.hero-figure{margin:0;max-width:460px;padding:8px;border-radius:28px;background:#1e3433;border:1px solid #43675c;box-shadow:0 45px 95px #0007}.hero-figure img{width:100%;height:590px;object-fit:cover;object-position:center top;border-radius:21px}
.look{background:var(--alt);padding:88px 0 98px;border-block:1px solid #213b38}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:39px}.section-title h2{font-size:clamp(38px,4.6vw,59px);letter-spacing:-.064em;line-height:1.12;margin:17px 0 0}.section-title>p{color:#abc1ba;font-size:16px;line-height:1.7;max-width:320px;margin:0 0 6px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo{margin:0;border-radius:22px;border:1px solid #36544c;background:#162626;overflow:hidden}.photo img{width:100%;height:560px;object-fit:cover;object-position:top center}.photo figcaption{font-weight:750;font-size:15px;padding:22px 26px}.image-note{font-size:12px;color:#8ea7a0;margin:20px 0 0}
.contact{padding:85px 0 95px}.contact-inner{padding:46px 50px;border:1px solid #497d6a;border-radius:24px;background:linear-gradient(105deg,#162f2a,#12332b);display:flex;justify-content:space-between;align-items:center;gap:32px}.contact h2{margin:10px 0 9px;font-size:clamp(30px,4vw,46px);letter-spacing:-.055em}.contact p{color:#bad2c7;margin:0;line-height:1.7}.contact .btn{white-space:nowrap}
.site-footer{border-top:1px solid #294039;padding:32px 0;font-size:13px;color:#a5b9b3}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-row nav{display:flex;gap:25px;flex-wrap:wrap}
.legal{min-height:65vh;padding-top:67px;padding-bottom:100px}.back{font-size:13px;color:var(--accent);font-weight:700}.legal-content{max-width:785px}.legal .mini-label{display:block;margin-top:37px}.legal h1{font-size:clamp(42px,5.5vw,65px);letter-spacing:-.065em;margin:14px 0 10px}.legal h2{font-size:23px;letter-spacing:-.04em;margin:41px 0 12px}.legal p,.legal address{font-size:15px;line-height:1.85;color:#bbd0cc;font-style:normal}.legal .intro{font-size:17px;max-width:650px}.legal a:not(.back){color:var(--accent);text-decoration:underline;text-underline-offset:4px}.legal .address{border:1px solid #34544a;border-radius:18px;background:#132525;padding:24px}.legal strong{color:white}.detail{margin-top:48px;border-top:1px solid #2d4540;padding-top:18px;font-size:13px!important;color:#91aba4!important}.privacy-caution{border-left:2px solid #7ab79a;padding:11px 18px;background:#142a25}
@media(max-width:880px){.hero-grid{gap:32px}.hero h1{font-size:58px}.hero-figure img{height:520px}.contact-inner{padding:34px}.section-title{align-items:flex-start}}
@media(max-width:680px){.shell{width:calc(100% - 36px)}.header-row{height:70px}.brand{font-size:23px}.head-nav{gap:17px;font-size:13px}.hero{padding:53px 0 69px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(46px,11vw,65px)}.hero-copy>p:not(.hero-small){font-size:16px}.hero-figure{width:min(100%,430px);margin:auto}.hero-figure img{height:470px}.look{padding:70px 0}.section-title{display:block}.section-title>p{margin:17px 0 0;max-width:420px}.photos{grid-template-columns:1fr;gap:18px}.photo img{height:460px}.contact{padding:60px 0 75px}.contact-inner{display:block;padding:29px 25px}.contact .btn{margin-top:24px;white-space:normal;width:100%}.footer-row{align-items:start;flex-direction:column;gap:18px}.legal{padding-top:48px;padding-bottom:70px}.legal h1{font-size:48px}}
@media(max-width:360px){.brand{font-size:19px}.brand-symbol{width:29px;height:29px;font-size:19px}.head-nav{gap:10px;font-size:12px}.hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* WorkBadge Original-App-Icon */
.brand-app-icon{display:block;width:38px;height:38px;object-fit:contain;border-radius:10px;margin-right:11px;flex-shrink:0}
.hero-app-icon{display:inline-flex;align-items:center;gap:16px;color:#b9d4cc;font-size:14px;font-weight:700;margin:0 0 12px}
.hero-app-icon img{display:block;width:78px;height:78px;object-fit:contain;border-radius:19px;box-shadow:0 12px 35px #0006}
@media(max-width:360px){.brand-app-icon{width:29px;height:29px;border-radius:8px;margin-right:8px}}