:root{--blue:#066ee3;--blue-2:#004fae;--navy:#062447;--ink:#13233a;--muted:#607184;--pale:#f1f6fa;--line:#d9e4ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.skip-link{position:fixed;top:-100px;left:14px;z-index:30;padding:12px;background:#fff;color:#000}.skip-link:focus{top:14px}.header{height:76px;display:flex;align-items:center;position:relative;z-index:4;padding:0 max(26px,calc((100vw - 1280px)/2));background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo img{display:block;width:auto;height:28px}nav{display:flex;gap:34px;margin:auto}nav a,footer a{font-size:13px;color:#3f5367;text-decoration:none}nav a:hover{color:var(--blue)}.contact-link{padding:11px 17px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.external{margin-left:6px}.hero{position:relative;display:grid;grid-template-columns:1.06fr .94fr;min-height:690px;overflow:hidden;background:#fff}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0 64%,#f0f6fb 64%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;left:58%;width:1px;height:100%;background:var(--line)}.hero-copy{position:relative;z-index:1;align-self:center;max-width:800px;padding:100px 70px 100px max(26px,calc((100vw - 1280px)/2))}.label{margin:0 0 24px;color:#3975a5;font-size:10px;font-weight:800;letter-spacing:.19em}.hero .label{display:inline-flex;align-items:center;gap:10px;color:var(--blue)}.hero .label:before{content:"";width:28px;height:1px;background:currentColor}.hero h1,.intro h2,.section-head h2,.reason h2,.recruit h2,.cta h2{margin:0;font-weight:700;letter-spacing:-.075em}.hero h1{max-width:660px;font-size:clamp(53px,5.7vw,86px);line-height:1.08}.hero h1 strong{color:var(--blue);font-weight:700}.hero-copy>p:not(.label){margin:30px 0 37px;color:var(--muted);font-size:16px;line-height:2}.hero-actions{display:flex;gap:25px;align-items:center}.primary-button{display:inline-block;padding:16px 21px;background:var(--blue);box-shadow:0 10px 22px #066ee338;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s ease,transform .2s ease}.primary-button:hover{background:var(--blue-2);transform:translateY(-2px)}.plain-link{color:var(--ink);font-size:14px;font-weight:700;text-underline-offset:7px}.hero-ui{position:relative;z-index:2;align-self:center;width:min(560px,87%);margin:60px max(26px,calc((100vw - 1280px)/2)) 60px auto;border-radius:16px;background:var(--navy);color:#fff;box-shadow:25px 25px #a9d8ff,0 25px 50px #0624473d;overflow:hidden}.ui-top{display:flex;align-items:center;gap:7px;height:52px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.13);color:#bedcff;font-size:12px;font-weight:700}.ui-top i{width:8px;height:8px;border-radius:50%;background:#bcdcff73}.ui-top i:first-of-type{margin-left:auto}.ui-content{display:grid;grid-template-columns:135px 1fr;min-height:345px}.ui-nav{padding:28px 19px;border-right:1px solid rgba(255,255,255,.1);background:#00000021}.ui-nav b{display:block;margin-bottom:21px;color:#86a9c9;font-size:11px;font-weight:500}.ui-nav b:first-child{color:#fff;font-weight:800}.ui-main{padding:31px}.ui-main small{color:#8ecbff;font-size:10px;letter-spacing:.1em}.ui-main h2{margin:7px 0 25px;font-size:21px;letter-spacing:-.05em}.ui-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ui-summary div{padding:13px 9px;border:1px solid rgba(176,219,255,.18);background:#81bff71f}.ui-summary small{display:block;color:#9ab9d3;font-size:9px}.ui-summary strong{display:block;margin-top:3px;font-size:27px}.ui-list{display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:#c6dbed;font-size:11px}.ui-list em{color:#9ed6ff;font-style:normal}.intro,.capabilities,.company{max-width:1280px;margin:auto;padding:137px 26px}.intro{display:grid;grid-template-columns:250px 1fr;gap:75px;background:#fff}.intro h2,.section-head h2,.reason h2,.recruit h2,.cta h2{font-size:clamp(36px,3.8vw,58px);line-height:1.22}.intro p:not(.label){max-width:700px;margin:30px 0 0;color:var(--muted);font-size:16px;line-height:2.05}.capabilities{padding-top:110px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:52px}.section-head .label{margin-bottom:18px}.section-head>a{color:var(--blue);font-size:14px;font-weight:800;text-underline-offset:7px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.capability{position:relative;min-height:365px;padding:31px;background:#fff}.capability:after{content:"";position:absolute;right:0;bottom:0;width:50px;height:50px;background:linear-gradient(135deg,transparent 50%,#ecf6ff 50%)}.capability>span{display:block;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.15em}.capability h3{margin:65px 0 18px;font-size:26px;letter-spacing:-.05em}.capability p{margin:0;color:var(--muted);font-size:14px;line-height:1.95}.capability ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:24px 0 0;list-style:none}.capability li{padding:5px 8px;background:#edf7ff;color:#2371a7;font-size:10px;font-weight:750}.reason{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;padding:122px max(26px,calc((100vw - 1280px)/2));background:var(--blue);color:#fff}.reason-mark{display:grid;place-items:center;align-self:center;width:250px;height:250px;border:1px solid rgba(255,255,255,.55);box-shadow:18px 18px #00296547;font-size:76px;font-weight:850;letter-spacing:-.16em}.reason .label{color:#bde2ff}.reason h2{font-size:47px}.reason p:not(.label){max-width:550px;margin:29px 0 0;color:#e2f3ff;font-size:15px;line-height:2}.company{display:grid;grid-template-columns:.86fr 1.14fr;gap:90px;background:#fff}.company .section-head{align-items:start}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:150px 1fr;padding:22px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.8}.company dl div:last-child{border-bottom:1px solid var(--line)}dt{color:#63809a;font-weight:800}dd{margin:0}.recruit{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:92px max(26px,calc((100vw - 1280px)/2));background:#dff0ff}.recruit p:not(.label){margin:21px 0 0;color:var(--muted);font-size:15px}.coming-soon{display:flex;flex-direction:column;align-items:end}.coming-soon span{color:#367aa9;font-size:10px;font-weight:800;letter-spacing:.14em}.coming-soon strong{margin-top:10px;color:var(--blue);font-size:31px;letter-spacing:-.06em}.cta{padding:135px 26px;text-align:center;background:#fff}.cta p:not(.label){max-width:540px;margin:21px auto 33px;color:var(--muted);font-size:15px;line-height:1.9}footer{display:flex;align-items:center;justify-content:space-between;padding:35px max(26px,calc((100vw - 1280px)/2));background:var(--navy);color:#fff}footer .logo{filter:brightness(0) invert(1)}footer .logo img{height:23px}footer>div{display:flex;align-items:center;gap:22px}footer a{color:#bed4e5}footer span{color:#87a8c3;font-size:11px}@media(max-width:800px){.header{height:64px;padding:0 22px}.logo img{height:23px}nav{display:none}.contact-link{margin-left:auto;padding:9px 11px;font-size:11px}.hero{grid-template-columns:1fr}.hero:before{background:linear-gradient(180deg,#fff 0,#fff 55%,#f0f6fb 55%)}.hero:after{display:none}.hero-copy{padding:92px 24px 50px}.hero h1{font-size:49px}.hero-copy>p:not(.label){font-size:14px}.hero-ui{width:calc(100% - 48px);margin:0 24px 65px;border-radius:12px;box-shadow:13px 13px #a9d8ff,0 22px 40px #0624472e}.ui-content{grid-template-columns:95px 1fr}.ui-nav{padding:21px 12px}.ui-main{padding:23px}.intro,.company{display:block;padding:82px 24px}.intro>div{margin-top:38px}.capabilities{padding:82px 24px}.section-head{display:block;margin-bottom:38px}.section-head>a{display:inline-block;margin-top:22px}.capability-grid{grid-template-columns:1fr}.capability{min-height:auto}.capability h3{margin-top:37px}.reason{display:block;padding:82px 24px}.reason-mark{width:150px;height:150px;margin-bottom:49px;font-size:50px}.reason h2{font-size:39px}.company .section-head{margin-bottom:39px}.company dl div{grid-template-columns:100px 1fr}.recruit{display:block;padding:80px 24px}.coming-soon{align-items:start;margin-top:44px}.cta{padding:92px 24px}footer{display:block;padding:30px 24px}footer>div{margin-top:24px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}.hero-identity{position:relative;z-index:2;align-self:center;width:min(500px,82%);min-height:475px;margin:58px max(26px,calc((100vw - 1280px)/2)) 58px auto;padding:23px 25px 27px;border:1px solid #9ccfff;background:linear-gradient(145deg,#e9f6ff,#d2ecff);box-shadow:24px 24px #a6d9ff;color:var(--navy);overflow:hidden}.identity-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #a3cef0;color:#3a79aa;font-size:10px;font-weight:800;letter-spacing:.13em}.identity-monogram{margin:47px 0 14px;font-size:clamp(135px,15vw,205px);font-weight:850;letter-spacing:-.2em;line-height:.75;color:#0878df}.identity-rule{width:100%;height:9px;margin:25px 0;background:repeating-linear-gradient(90deg,#0878df 0 14px,transparent 14px 22px)}.identity-details{display:grid;gap:14px}.identity-details div{display:grid;grid-template-columns:113px 1fr;gap:12px;align-items:baseline}.identity-details small{color:#477aa2;font-size:9px;font-weight:800;letter-spacing:.1em}.identity-details strong{font-size:12px;line-height:1.5}.hero-identity:after{content:"SYNC STAR INC.";position:absolute;right:-21px;bottom:17px;color:#066ee31c;font-size:59px;font-weight:900;letter-spacing:-.08em;white-space:nowrap;transform:rotate(-90deg);transform-origin:center}@media(max-width:800px){.hero-identity{width:calc(100% - 48px);min-height:0;margin:0 24px 65px;padding:19px 20px 23px;box-shadow:13px 13px #a6d9ff}.identity-monogram{margin:37px 0 13px;font-size:136px}.identity-details div{grid-template-columns:93px 1fr}.identity-details strong{font-size:11px}.hero-identity:after{font-size:44px}}.hero-illustration{position:relative;z-index:2;align-self:center;width:min(510px,83%);height:540px;margin:48px max(26px,calc((100vw - 1280px)/2)) 48px auto;isolation:isolate}.hero-illustration:before{content:"";position:absolute;top:8%;right:3%;bottom:8%;left:3%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#bce9ff 0 4%,transparent 4.3%),radial-gradient(circle at 70% 67%,#bce9ff 0 3%,transparent 3.3%),linear-gradient(145deg,#eef9ff,#c5e8ff);z-index:-2}.hero-illustration:after{content:"";position:absolute;top:18%;right:13%;bottom:18%;left:13%;border:1px solid rgba(6,110,227,.22);border-radius:50%;z-index:-1}.hero-illustration img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(20px 24px 18px rgba(4,75,141,.18));animation:hero-float 6s ease-in-out infinite}.illustration-orbit{position:absolute;border:1px solid rgba(6,110,227,.24);border-radius:50%;z-index:-1}.orbit-one{top:7%;right:5%;width:64px;height:64px;animation:orbit 11s linear infinite}.orbit-two{bottom:7%;left:3%;width:38px;height:38px;animation:orbit 8s linear infinite reverse}@keyframes hero-float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg) translate(19px) rotate(-360deg)}}@media(max-width:800px){.hero-illustration{width:calc(100% - 48px);height:400px;margin:0 24px 60px}.hero-illustration img{filter:drop-shadow(12px 16px 14px rgba(4,75,141,.17))}}@media(prefers-reduced-motion:reduce){.hero-illustration img,.illustration-orbit{animation:none}}.hero:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(52% 76% at 84% 48%,#e3f4ff,#e3f4ffa8 39%,#fff0 77%)}.hero:after{top:auto;left:auto;right:6%;bottom:-180px;width:430px;height:430px;border:1px solid rgba(6,110,227,.1);border-radius:50%;background:none}@media(max-width:800px){.hero:before{background:radial-gradient(76% 42% at 50% 91%,#e7f5ff,#e7f5ff8c 47%,#fff0)}.hero:after{display:none}}body{line-break:strict;word-break:auto-phrase;overflow-wrap:normal}.hero h1,.intro h2,.section-head h2,.reason h2,.recruit h2,.cta h2{text-wrap:balance}.product-name{white-space:nowrap}.product-name-break{display:none}@media(max-width:800px){.hero-illustration{height:250px;margin-bottom:38px}.hero-illustration img{filter:drop-shadow(10px 12px 12px rgba(4,75,141,.15));object-position:center 54%}}@media(min-width:801px){.hero{display:block;min-height:565px}.hero-copy{position:relative;z-index:2;max-width:790px;padding-top:89px;padding-bottom:72px}.hero-illustration{position:absolute;z-index:1;top:50%;right:max(26px,calc((100vw - 1280px)/2));width:min(590px,43vw);height:505px;margin:0;transform:translateY(-50%);opacity:.92}.hero-illustration:before{top:7%;right:0;bottom:7%;left:0}.hero h1{position:relative;z-index:2}.hero-copy>p:not(.label),.hero-actions{position:relative;z-index:2}}.intro{max-width:none;padding:118px max(26px,calc((100vw - 1280px)/2));background:#f4f9fd;border-top:1px solid #d6e7f3;border-bottom:1px solid #dceaf4}@media(max-width:800px){.intro{padding:76px 24px;background:#f4f9fd}.hero-illustration{position:relative;right:auto;top:auto;transform:none;opacity:1}}@media(max-width:800px){.hero{isolation:isolate}.hero-illustration{display:block;position:absolute;z-index:1;top:162px;right:-48px;bottom:auto;width:350px;height:350px;margin:0;opacity:.12;pointer-events:none;transform:none}.hero-illustration img{object-position:center;filter:none}.hero-copy{z-index:2;padding-bottom:74px}}@media(max-width:800px){.section-head h2{overflow-wrap:anywhere}.product-name{white-space:normal}}@media(max-width:360px){.capabilities{padding-right:16px;padding-left:16px}.section-head h2{font-size:clamp(26px,9vw,30px);line-height:1.3;letter-spacing:-.06em;word-break:break-word}.product-name-break{display:block}.company dl div{grid-template-columns:1fr;gap:4px}.company dd{min-width:0;overflow-wrap:anywhere}.company-kana{display:block}}.legal-main{padding:92px max(26px,calc((100vw - 960px)/2));background:var(--pale)}.legal-inner{max-width:780px;margin:0 auto;padding:64px 72px 72px;background:var(--white);border:1px solid var(--line)}.legal-main .label{margin-bottom:18px;color:var(--blue)}.legal-main h1{margin:0;color:var(--navy);font-size:clamp(31px,4vw,48px);line-height:1.32;letter-spacing:-.055em}.legal-lead{margin:30px 0 0;color:var(--muted);font-size:15px;line-height:2}.legal-body{margin-top:46px}.legal-body section+section{margin-top:42px;padding-top:42px;border-top:1px solid var(--line)}.legal-body h2{margin:0 0 18px;color:var(--navy);font-size:20px;line-height:1.6;letter-spacing:-.025em}.legal-body p,.legal-body li,.legal-dl dd{font-size:14px;line-height:2}.legal-body p{margin:0}.legal-body p+ul,.legal-body p+ol{margin-top:16px}.legal-body ul,.legal-body ol{margin:0;padding-left:1.5em}.legal-body li+li{margin-top:8px}.legal-body li>ul,.legal-body li>ol{margin-top:8px}.legal-body a,.legal-dl a{color:var(--blue);font-weight:700;text-underline-offset:4px}.legal-date{margin:54px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:right}.legal-dl{margin:0;border-top:1px solid var(--line)}.legal-dl>div{display:grid;grid-template-columns:210px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.legal-dl dt{color:var(--navy);font-size:14px;line-height:2}.legal-dl dd{margin:0}.legal-dl ul{margin:0;padding-left:1.5em}.legal-dl li+li{margin-top:8px}footer{gap:32px;padding-top:31px;padding-bottom:31px}.footer-links{justify-content:flex-end;flex-wrap:wrap;row-gap:12px}footer .copyright{margin-left:8px;white-space:nowrap}@media(max-width:800px){.legal-main{padding:48px 16px}.legal-inner{padding:42px 24px}.legal-main h1{font-size:30px}.legal-body{margin-top:36px}.legal-body section+section{margin-top:34px;padding-top:34px}.legal-body h2{font-size:18px}.legal-dl>div{grid-template-columns:1fr;gap:5px}.footer-links{justify-content:flex-start}.copyright{margin-left:0}}