body{background:#f5f4ee}.nav{max-width:none;background:#14171b;color:#f9f8f0;border-color:#ffffff16;padding:20px 5%;min-height:86px}.nav-cta{background:#d3fc78;color:#171c16}.brand-mark i{border-color:#14171b}.free-hero{--signal:#d3fc78;--scene:#f3a6bd;position:relative;isolation:isolate;overflow:hidden;background:#14171b;color:#f9f8f0;padding:72px 5% 0;display:grid;grid-template-columns:.9fr 1.25fr;gap:0 5%;min-height:790px}.free-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}.free-orbit{position:absolute;width:800px;height:800px;border:1px solid #ffffff09;border-radius:50%;right:-80px;top:-65px;z-index:-1;box-shadow:0 0 0 100px #ffffff02,0 0 0 200px #ffffff02}.free-heading{align-self:center;padding-bottom:48px;z-index:3}.free-eyebrow{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.16em;color:#c9cfbd;margin:0 0 38px}.free-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 18px #d3fc7880}.free-heading h1{font:900 clamp(32px,3.7vw,58px)/1.5 'Noto Sans JP',sans-serif;letter-spacing:-.075em;white-space:nowrap}.free-heading h1 em{font-style:normal;color:var(--signal)}.free-heading h1 em:after{display:none}.free-lede{font-size:13px;line-height:2.2;color:#b3b8b5;margin:27px 0 32px}.free-cta{display:inline-flex;gap:42px;align-items:center;background:var(--signal);color:#202819;padding:16px 23px;border-radius:4px;font-size:13px;font-weight:700;transition:transform .3s,box-shadow .3s}.free-cta:hover{transform:translateY(-4px);box-shadow:0 10px 35px #d3fc7820}.free-cta span{font-size:23px}.free-count{display:flex;gap:18px;align-items:center;margin-top:42px}.free-count b{font:500 52px/1 var(--body);letter-spacing:-.075em}.free-count>span{font-size:10px;color:#8f9891;line-height:1.9;border-left:1px solid #ffffff24;padding-left:18px}.free-studio{min-width:0;align-self:center;position:relative;padding-bottom:25px}.studio-topline{display:flex;justify-content:space-between;color:#b1b8ad;font-size:9px;letter-spacing:.15em;border-bottom:1px solid #ffffff20;padding:0 0 17px}.studio-topline>span:first-child{display:flex;align-items:center;gap:9px}.studio-topline i{height:5px;width:5px;background:var(--scene)}.scene-index{color:var(--signal)}.build-space{position:relative;padding:58px 22px 54px;perspective:1200px}.build-browser{display:block;position:relative;z-index:2;background:#f9f8f2;color:#333;border:1px solid #ffffff65;border-radius:9px;box-shadow:0 30px 80px #0009;transform:rotateY(-8deg) rotateX(6deg) rotateZ(2deg);transition:transform .7s cubic-bezier(.16,1,.3,1);outline-offset:8px}.build-browser:hover,.build-browser:focus-visible{transform:rotateY(0) rotateX(0) rotateZ(0) scale(1.025)}.build-chrome{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #ddd9cf;font-size:9px}.build-chrome>span:first-child{letter-spacing:3px;color:#b5b3a9;font-size:7px}.build-domain{color:#77786f;font-size:8px;letter-spacing:.04em}.build-image{position:relative;aspect-ratio:1.6;overflow:visible;background:#fff}.build-image>img{height:100%;width:100%;object-fit:cover}.image-slices{position:absolute;inset:0;display:none}.image-slices i{display:block;height:33.333333%;background-image:var(--shot);background-size:100% 300%;background-repeat:no-repeat;will-change:transform,opacity}.image-slices i:nth-child(1){background-position:center top;--dx:-95px;--dy:-65px;--rotate:-10deg}.image-slices i:nth-child(2){background-position:center center;--dx:105px;--dy:10px;--rotate:8deg}.image-slices i:nth-child(3){background-position:center bottom;--dx:-55px;--dy:100px;--rotate:-6deg}.is-building .image-slices{display:block}.is-building .build-image>img{visibility:hidden}.is-building .image-slices i{animation:build-panel 1.5s cubic-bezier(.16,1,.3,1) both}.is-building .image-slices i:nth-child(2){animation-delay:.14s}.is-building .image-slices i:nth-child(3){animation-delay:.28s}@keyframes build-panel{0%{opacity:0;transform:translate3d(var(--dx),var(--dy),110px) rotate(var(--rotate)) scale(.87);filter:blur(4px)}28%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}.build-footer{display:flex;justify-content:space-between;padding:13px 15px;font-size:9px;border-radius:0 0 8px 8px}.build-name{font-weight:700}.build-footer>span:last-child{color:#646a5d}.floating-label{position:absolute;z-index:3;background:#252a2d;border:1px solid #ffffff24;border-radius:6px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 28px #0005;pointer-events:none}.floating-label span{font-size:7px;letter-spacing:.13em;color:#a2ada6}.label-a{left:-10px;top:29px;padding:10px 15px;font:500 30px/1 Georgia,serif;transform:rotate(-8deg)}.label-b{right:-10px;top:30px;padding:13px;transform:rotate(8deg)}.label-b i{width:17px;height:17px;border-radius:50%;background:#f3a6bd}.label-b i:nth-child(2){background:#edebdf;margin-left:-17px}.label-b i:nth-child(3){background:#384133;margin-left:-17px}.label-b span{margin-left:2px}.label-c{right:-4px;bottom:32px;padding:11px 17px;font-size:28px;line-height:1;color:var(--signal);transform:rotate(-7deg)}.build-cross{position:absolute;font:300 22px/1 monospace;color:#a9b7a1}.cross-a{top:45px;right:0}.cross-b{bottom:38px;left:2px}.build-caption{position:absolute;bottom:18px;left:24px;font-size:8px;letter-spacing:.2em;color:#68766b}.studio-controller{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:5px}.look-buttons{display:flex;gap:5px;flex-wrap:wrap}.look-buttons button,.free-pause{border:1px solid #ffffff24;color:#a3aea3;background:transparent;border-radius:4px;min-height:44px;padding:9px 15px;font-size:10px;letter-spacing:.04em}.look-buttons button span{color:#6e7c6a;margin-right:9px;font-size:8px}.look-buttons button[aria-pressed=true]{border-color:var(--signal);color:var(--signal);background:#d3fc7809}.free-pause{width:44px;padding:0;font-size:17px}.scene-progress{height:2px;background:#ffffff10;margin-top:15px;overflow:hidden}.scene-progress span{display:block;height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}.studio-hint{font-size:9px;color:#8d978e;margin-top:15px;letter-spacing:.02em}.free-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;padding:20px 0;font-size:8px;letter-spacing:.2em;color:#9ca796;margin-top:30px}.free-bottom a span{display:inline-block;margin-left:18px;color:var(--signal)}.free-hero[data-look="1"]{--scene:#61d1ed}.free-hero[data-look="2"]{--scene:#d2b184}.free-hero[data-look="1"] .label-b i:first-child{background:#61d1ed}.free-hero[data-look="2"] .label-b i:first-child{background:#d2b184}.free-hero[data-look="1"] .label-a{font-family:monospace}.free-hero[data-look="2"] .label-a{font-family:Georgia,serif}.free-hero:has(.free-pause[aria-pressed=true]) .scene-progress span{background:#9faaa0}.tool-strip{max-width:none}.free-hero :focus-visible,.nav :focus-visible{outline:3px solid #d3fc78;outline-offset:5px}
@media(min-width:1600px){.free-hero{padding-inline:max(5%,calc((100vw - 1440px)/2));min-height:820px}.free-heading h1{font-size:58px}}
@media(max-width:1100px){.free-hero{gap:0 3%;padding-top:55px;min-height:700px}.free-heading h1{font-size:34px}.build-space{padding:58px 10px 45px}.floating-label span{font-size:6px}.look-buttons button{padding:8px 10px}.free-eyebrow{font-size:7px}.free-lede{font-size:12px}}
@media(max-width:760px){.nav{min-height:74px;padding:15px 6%}.free-hero{display:block;padding:37px 6% 0;min-height:0}.free-heading{padding-bottom:29px}.free-eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:21px}.free-heading h1{font-size:clamp(29px,7vw,46px);line-height:1.6;letter-spacing:-.07em}.free-lede{font-size:12px;line-height:2;margin:19px 0 22px}.free-cta{font-size:11px;padding:12px 18px;gap:30px}.free-count{position:absolute;right:6%;top:225px;margin:0}.free-count b{font-size:41px}.free-count>span{display:none}.free-studio{padding-bottom:12px}.studio-topline{font-size:7px;padding-bottom:12px}.build-space{padding:46px 15px 44px}.label-a{top:20px;left:0;font-size:24px;padding:8px 11px}.label-b{top:16px;right:0;padding:10px}.label-b i{width:14px;height:14px}.label-b i:nth-child(2),.label-b i:nth-child(3){margin-left:-15px}.label-c{font-size:23px;bottom:25px;right:0;padding:8px 11px}.floating-label span{font-size:6px}.build-chrome{padding:7px 10px}.build-domain{font-size:6px}.build-footer{font-size:7px;padding:9px 10px}.build-caption{font-size:6px;bottom:14px}.look-buttons button{font-size:9px;padding:8px 12px}.look-buttons button span{font-size:7px;margin-right:6px}.studio-hint{font-size:8px}.free-bottom{margin-top:10px;font-size:6px;padding:15px 0;letter-spacing:.1em}.scene-progress{margin-top:12px}.image-slices i{--dx:35px!important;--dy:25px!important}.build-browser{transform:rotateY(-5deg) rotateX(4deg) rotateZ(2deg)}}
@media(prefers-reduced-motion:reduce){.build-browser{transform:none}.image-slices{display:none!important}.build-image>img{visibility:visible!important}.free-cta{transition:none}}