:root{--bg:#08080b;--bg-raised:#0d0d12;--bg-deep:#06060a;--glass:#14141980;--glass-strong:#18181eb8;--glass-border:#ffffff13;--glass-border-strong:#ffffff21;--glass-blur:18px;--text:#f3f3f6;--text-soft:#c3c3cf;--text-dim:#9195a3;--text-faint:#6d7180;--accent:#8b7cf6;--accent-bright:#a396ff;--accent-deep:#6d5de0;--accent-tint:#8b7cf61f;--accent-tint-strong:#8b7cf638;--accent-glow:#8b7cf652;--font-jp:"Hiragino Kaku Gothic ProN", "Hiragino Sans", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "Yu Gothic Medium", "Meiryo", sans-serif;--font-latin:"Helvetica Neue", "Inter", Arial, var(--font-jp);--container:1200px;--gutter:clamp(20px, 5vw, 56px);--radius-sm:10px;--radius:16px;--radius-lg:24px;--header-h:68px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur:.45s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:767px){:root{--header-h:60px;--glass-blur:14px}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-jp);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.9;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 620px at 18% -8%, #8b7cf61f, transparent 62%), radial-gradient(760px 560px at 88% 22%, #6d5de017, transparent 66%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 42%, var(--bg-raised) 100%);position:fixed;inset:0}body.is-modal-open,body.is-nav-open{overflow:hidden}img,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}strong{font-weight:700}::selection{background:var(--accent-tint-strong);color:var(--text)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:4px}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--accent);color:#0b0912;transition:transform .2s var(--ease-out);padding:10px 18px;font-weight:700;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.br-sm{display:none}@media (max-width:640px){.br-sm{display:inline}}.btn{--btn-bg:transparent;--btn-fg:var(--text);--btn-border:var(--glass-border-strong);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);letter-spacing:.02em;cursor:pointer;transition:transform .28s var(--ease-out), box-shadow .28s var(--ease-out), background-color .28s var(--ease-out), border-color .28s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 30px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.btn--primary{--btn-bg:var(--accent);--btn-fg:#0c0916;--btn-border:transparent;box-shadow:0 6px 22px -8px var(--accent-glow), 0 0 0 1px #ffffff0f inset}.btn--primary:hover{--btn-bg:var(--accent-bright);box-shadow:0 12px 34px -10px var(--accent-glow), 0 0 0 1px #ffffff1a inset;transform:translateY(-2px)}.btn--ghost{--btn-bg:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur))}.btn--ghost:hover{--btn-border:#8b7cf673;background:#8b7cf61a;transform:translateY(-2px)}.btn--sm{padding:11px 20px;font-size:13.5px}.btn--block{width:100%;display:flex}.btn:active{transform:translateY(0)}.link-arrow{color:var(--accent-bright);transition:gap .25s var(--ease-out), color .25s var(--ease-out);align-items:center;gap:7px;font-size:14px;font-weight:700;display:inline-flex}.link-arrow:hover{color:#b8adff;gap:12px}.reveal{opacity:0;transition:opacity .7s var(--ease-out) var(--reveal-delay,0s), transform .7s var(--ease-out) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(26px)}.reveal.is-visible{opacity:1;will-change:auto;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.btn,.link-arrow{transition:none}}.site-header{z-index:90;transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);background:#09090db8}.site-header__inner{height:var(--header-h);max-width:var(--container);padding-inline:var(--gutter);align-items:center;gap:24px;margin-inline:auto;display:flex}.brand{align-items:center;gap:9px;margin-right:auto;display:inline-flex}.brand__mark{background:var(--accent-tint);width:32px;height:32px;color:var(--accent-bright);border:1px solid #8b7cf63d;border-radius:9px;place-items:center;display:grid}.brand__word{font-family:var(--font-latin);letter-spacing:.06em;font-size:21px;font-weight:700}.site-nav{color:var(--text-soft);gap:30px;font-size:14px;display:flex}.site-nav a{transition:color .25s var(--ease-out);padding-block:6px;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-nav a:hover{color:var(--text)}.site-nav a:hover:after{transform:scaleX(1)}.nav-toggle{border:1px solid var(--glass-border-strong);background:var(--glass);width:42px;height:42px;-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;border-radius:11px;padding:0;display:none}.nav-toggle span{background:var(--text);width:17px;height:1.5px;transition:transform .3s var(--ease-out), opacity .2s linear;border-radius:2px;margin:4px auto;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(2.75px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-2.75px)rotate(-45deg)}.nav-drawer{padding:8px var(--gutter) 28px;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));background:#08080cf2;display:none}.nav-drawer nav{gap:2px;margin-bottom:18px;display:grid}.nav-drawer a:not(.btn){color:var(--text-soft);border-bottom:1px solid #ffffff0d;padding:14px 4px;font-size:15px}@media (max-width:900px){.site-nav,.site-header__cta{display:none}.nav-toggle{display:block}.nav-drawer{max-height:0;transition:max-height .4s var(--ease-out), padding .4s var(--ease-out);padding-block:0;display:block;overflow:hidden}.nav-drawer.is-open{max-height:460px;padding-block:8px 28px}}.hero{isolation:isolate;min-height:100vh;position:relative}.hero--3d{min-height:max(148vh,1040px)}.hero--fallback{min-height:0;padding-bottom:clamp(48px,9vw,96px)}.hero__canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.hero__content{z-index:2;max-width:960px;padding:calc(var(--header-h) + clamp(72px, 13vh, 150px)) var(--gutter) 0;text-align:center;pointer-events:none;margin-inline:auto;position:relative}.hero__eyebrow{font-family:var(--font-latin);letter-spacing:.36em;color:var(--accent-bright);opacity:0;animation:hero-in .9s var(--ease-out) .1s forwards;margin-bottom:26px;font-size:11px;font-weight:700}.hero__title{letter-spacing:-.015em;text-wrap:balance;opacity:0;animation:hero-in 1s var(--ease-out) .22s forwards;text-shadow:0 2px 40px #06060ccc;margin-bottom:26px;font-size:clamp(38px,7.4vw,84px);font-weight:700;line-height:1.18}.hero__lead{color:var(--text-soft);opacity:0;animation:hero-in 1s var(--ease-out) .4s forwards;text-shadow:0 2px 24px #06060ce6;margin-bottom:40px;font-size:clamp(14.5px,1.35vw,17px);line-height:2.05}.hero__price{letter-spacing:.02em;color:var(--text-dim);opacity:0;animation:hero-in 1s var(--ease-out) .48s forwards;text-shadow:0 2px 24px #06060ce6;margin-bottom:34px;font-size:clamp(13px,1.15vw,15px)}.hero__price b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.hero__actions{opacity:0;animation:hero-in 1s var(--ease-out) .62s forwards;flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero__actions .btn{pointer-events:auto}.hero__hint{font-family:var(--font-latin);letter-spacing:.22em;color:var(--text-faint);opacity:0;animation:hero-in 1s var(--ease-out) .8s forwards;align-items:center;gap:12px;margin-top:clamp(44px,7vh,84px);font-size:11px;display:inline-flex}.hero__hint-line{background:linear-gradient(90deg, transparent, var(--accent));transform-origin:0;width:52px;height:1px;animation:hint-sweep 2.6s var(--ease-in-out) 1.6s infinite;display:block}.hero--fallback .hero__hint{display:none}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hint-sweep{0%,to{opacity:.4;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}.hero--3d:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, var(--bg-raised));height:130px;position:absolute;bottom:0;left:0;right:0}.hero__fallback{z-index:2;padding:clamp(34px, 7vw, 56px) var(--gutter) 0;overflow-clip-margin:44px;position:relative;overflow:clip}.hero2d-grid{perspective:1100px;perspective-origin:50% 34%;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,4vw,26px);max-width:560px;margin-inline:auto;display:grid}.hero2d-item{min-width:0;display:flex}.hero2d-card{text-align:left;cursor:pointer;opacity:0;width:100%;min-width:0;transform-style:preserve-3d;background:0 0;border:0;gap:12px;padding:0;display:grid}@keyframes hero2d-fly-in{0%{opacity:0;transform:translate3d(var(--fly-x,0), var(--fly-y,0), var(--fly-z,-900px)) rotate3d(var(--axis-x,.3), var(--axis-y,1), var(--axis-z,.25), var(--spin,720deg)) rotateX(var(--rest-x,0deg)) rotateY(var(--rest-y,0deg))}14%{opacity:1}to{opacity:1;transform:translate3d(0, 0, 0) rotate3d(var(--axis-x,.3), var(--axis-y,1), var(--axis-z,.25), 0deg) rotateX(var(--rest-x,0deg)) rotateY(var(--rest-y,0deg))}}.hero2d-card.is-in{will-change:transform, opacity;animation:hero2d-fly-in var(--fly-duration,1.9s) cubic-bezier(.17, .67, .16, 1) var(--hero2d-delay,0s) both}.hero2d-card:active .phone-frame{transform:scale(.98)}.hero2d-meta{gap:2px;padding-inline:2px;display:grid}.hero2d-client{font-family:var(--font-latin);letter-spacing:.06em;color:var(--text);font-size:12.5px;font-weight:700}.hero2d-industry{color:var(--text-dim);font-size:11px;line-height:1.6}@media (prefers-reduced-motion:reduce){.hero__eyebrow,.hero__title,.hero__lead,.hero__price,.hero__actions,.hero__hint{opacity:1;animation:none}.hero__hint-line{animation:none}.hero2d-card,.hero2d-card.is-in{opacity:1;animation:none;transform:none}}.glass-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);transition:transform .4s var(--ease-out), border-color .4s var(--ease-out), box-shadow .4s var(--ease-out);position:relative;box-shadow:0 20px 48px -32px #000000e6}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0e 0%,#fff0 34%);position:absolute;inset:0}.phone-frame{aspect-ratio:375/812;width:100%;min-width:0;box-shadow:0 0 0 1px #ffffff12, 0 26px 50px -30px #000000f2,  0 10px 46px -26px var(--project-accent,var(--accent));transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);background:linear-gradient(160deg,#26262e 0%,#101015 46%,#1d1d24 100%);border-radius:30px;padding:7px;display:block;position:relative}.phone-frame--sm{border-radius:24px;padding:5px}.phone-frame__screen{background:#05050a;border-radius:24px;height:100%;display:block;position:relative;overflow:hidden}.phone-frame--sm .phone-frame__screen{border-radius:19px}.phone-frame__canvas{object-fit:cover;width:100%;min-width:0;height:100%}.phone-frame__island{background:#05050a;border-radius:999px;width:26%;height:11px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.phone-frame--sm .phone-frame__island{height:9px;top:11px}.field{gap:8px;margin-bottom:18px;display:grid}.field label{color:var(--text-soft);align-items:center;gap:9px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.req{background:var(--accent-tint-strong);color:var(--accent-bright);letter-spacing:.06em;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--glass-border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);background:#0a0a0e9e;padding:13px 15px;font-size:15px;line-height:1.6}.field textarea{resize:vertical;min-height:120px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 20px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}.field select option{color:var(--text);background:#101015}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px var(--accent-tint);border-color:#8b7cf699;outline:none}:is(.field input:user-invalid,.field textarea:user-invalid){border-color:#ff7a7a8c}.field--trap{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field__error{color:#ff9b9b;font-size:12px;line-height:1.7}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ff7a7a9e}.form-status{border-radius:var(--radius-sm);background:var(--accent-tint);max-height:0;color:var(--accent-bright);opacity:0;transition:opacity .35s var(--ease-out), max-height .35s var(--ease-out), padding .35s var(--ease-out);margin-top:14px;padding:0 14px;font-size:13px;line-height:1.8;overflow:hidden}.form-status.is-visible{opacity:1;max-height:200px;padding:13px 14px}.form-status.is-error{color:#ffb3b3;background:#ff7a7a1f}.is-sending .btn[type=submit]{cursor:progress;opacity:.75}.form-note{color:var(--text-faint);margin-top:16px;font-size:11.5px;line-height:1.8}.form-note a{color:var(--text-dim);text-underline-offset:2px;text-decoration:underline}.modal{z-index:120;-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity .34s var(--ease-out);background:#040408c7;place-items:center;padding:clamp(16px,4vw,44px);display:grid;position:fixed;inset:0;overflow-y:auto}.modal.is-open{opacity:1}.modal[hidden]{display:none}.modal__panel{border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg);background:var(--glass-strong);-webkit-backdrop-filter:blur(26px)saturate(140%);opacity:0;width:min(940px,100%);max-height:min(90vh,820px);transition:transform .42s var(--ease-out), opacity .42s var(--ease-out);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(22px,3.5vw,46px);padding:clamp(24px,3.4vw,44px);display:grid;position:relative;overflow-y:auto;transform:translateY(20px)scale(.98);box-shadow:0 40px 90px -40px #000}.modal.is-open .modal__panel{opacity:1;transform:none}.modal__close{z-index:2;border:1px solid var(--glass-border-strong);width:38px;height:38px;color:var(--text-soft);cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out);background:#0c0c11cc;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.modal__close:hover{color:var(--text);border-color:#8b7cf680;transform:rotate(90deg)}.modal__media{place-items:center;padding:6px;display:grid}.modal__canvas{width:100%;max-width:290px;box-shadow:0 0 0 7px #16161c, 0 0 0 8px #ffffff14, 0 30px 60px -34px #000000f2, 0 12px 54px -28px var(--project-accent,var(--accent));border-radius:22px}.modal__industry{letter-spacing:.2em;color:var(--accent-bright);margin-bottom:10px;font-size:11.5px;font-weight:700}.modal__client{font-family:var(--font-latin);letter-spacing:.01em;margin-bottom:8px;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.25}.modal__tagline{color:var(--text-soft);margin-bottom:16px;font-size:16px}.modal__demo{border:1px solid var(--glass-border-strong);letter-spacing:.06em;color:var(--text-faint);border-radius:999px;margin-bottom:22px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block}.modal__block{border-top:1px solid var(--glass-border);margin-bottom:16px;padding-top:16px}.modal__block-title{letter-spacing:.18em;color:var(--accent-bright);margin-bottom:8px;font-size:11px;font-weight:700}.modal__block-body{color:var(--text-dim);font-size:13.5px;line-height:2}.modal__scope{flex-wrap:wrap;gap:8px;display:flex}.modal__scope li{border:1px solid var(--glass-border-strong);color:var(--text-soft);background:#0a0a0e80;border-radius:999px;padding:5px 12px;font-size:12px}@media (max-width:820px){.modal__panel{grid-template-columns:minmax(0,1fr);gap:24px}.modal__canvas{max-width:200px}}@media (prefers-reduced-motion:reduce){.modal,.modal__panel,.glass-card,.phone-frame,.modal__close{transition:none}.modal__close:hover{transform:none}}.section{padding-block:clamp(80px,12vw,150px);position:relative}.section__head{max-width:760px;margin-bottom:clamp(40px,6vw,68px)}.section__eyebrow{font-family:var(--font-latin);letter-spacing:.34em;color:var(--accent-bright);margin-bottom:16px;font-size:11px;font-weight:700}.section__title{letter-spacing:-.01em;text-wrap:balance;margin-bottom:22px;font-size:clamp(27px,4.2vw,46px);font-weight:700;line-height:1.36}.section__lead{color:var(--text-dim);font-size:clamp(14px,1.2vw,15.5px);line-height:2.1}.section__body{color:var(--text-dim);gap:20px;font-size:clamp(14px,1.2vw,15.5px);line-height:2.1;display:grid}.section__body-close{color:var(--text-soft);font-weight:600}.section__notice{border-left:2px solid var(--glass-border-strong);color:var(--text-faint);margin-top:16px;padding:10px 14px;font-size:12px;line-height:1.85}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2vw,24px);margin-bottom:clamp(48px,7vw,84px);display:grid}.feature-card{padding:clamp(26px,3vw,36px)}.feature-card:hover{border-color:#8b7cf647;transform:translateY(-5px)}.feature-card__index{font-family:var(--font-latin);letter-spacing:.18em;color:var(--accent);margin-bottom:18px;font-size:12px;font-weight:700;display:block}.feature-card__title{margin-bottom:14px;font-size:clamp(17px,1.6vw,20px);font-weight:700;line-height:1.6}.feature-card__body{color:var(--text-dim);font-size:13.5px;line-height:2.05}.stats{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);padding:clamp(28px,3.4vw,42px) clamp(20px,3vw,40px);display:grid}.stat{text-align:center}.stat__label{color:var(--text-faint);letter-spacing:.04em;margin-bottom:10px;font-size:12px}.stat__value{font-family:var(--font-latin);color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 30px var(--accent-glow);margin:0;font-size:clamp(24px,3.2vw,38px);font-weight:700;line-height:1.15}.stats__note{color:var(--text-faint);text-align:center;margin-top:16px;font-size:12px;line-height:1.9}@media (max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}.works-grid{grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(22px,3vw,38px);display:grid}.work-card{gap:20px;min-width:0;display:grid;position:relative}.work-card__media{padding:4px;position:relative}.work-card__demo{z-index:2;border:1px solid var(--glass-border-strong);-webkit-backdrop-filter:blur(8px);letter-spacing:.06em;color:var(--text-soft);background:#0a0a0eb8;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.work-card:hover .phone-frame,.work-card:focus-within .phone-frame{transform:translateY(-8px)scale(1.015)}.work-card__industry{letter-spacing:.16em;color:var(--accent-bright);margin-bottom:8px;font-size:11px;font-weight:700}.work-card__client{font-family:var(--font-latin);letter-spacing:.02em;margin-bottom:6px;font-size:19px;font-weight:700}.work-card__tagline{color:var(--text-soft);margin-bottom:14px;font-size:13.5px;line-height:1.85}.work-card__challenge{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);color:var(--text-dim);gap:6px;margin-bottom:16px;padding-block:12px;font-size:12.5px;line-height:1.9;display:grid}.work-card__challenge-label{letter-spacing:.16em;color:var(--accent-bright);font-size:10px;font-weight:700}.work-card__button{color:var(--text-soft);cursor:pointer;transition:color .25s var(--ease-out), gap .25s var(--ease-out);background:0 0;border:0;justify-self:start;align-items:center;gap:7px;padding:0;font-size:13.5px;font-weight:700;display:inline-flex}.work-card__button:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.work-card:hover .work-card__button{color:var(--accent-bright);gap:12px}.work-card__button:focus-visible{outline:none}.work-card__button:focus-visible:after{outline:2px solid var(--accent-bright);outline-offset:6px}@media (max-width:767px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.work-card{align-content:start;gap:10px}.work-card__media{padding:0}.work-card__industry,.work-card__tagline,.work-card__challenge{display:none}.work-card__demo{letter-spacing:.04em;padding:3px 6px;font-size:8.5px;top:6px;left:6px}.work-card__client{letter-spacing:0;overflow-wrap:break-word;margin-bottom:0;font-size:11.5px;line-height:1.35}.work-card__button{gap:4px;margin-top:2px;font-size:10.5px}.work-card:hover .phone-frame,.work-card:focus-within .phone-frame{transform:none}}.pillars{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2.4vw,28px);margin-bottom:clamp(50px,7vw,88px);display:grid}.pillar{align-content:start;gap:16px;padding:clamp(28px,3.2vw,42px);display:grid}.pillar:hover{border-color:#8b7cf647;transform:translateY(-5px)}.pillar__icon{background:var(--accent-tint);width:52px;height:52px;color:var(--accent-bright);box-shadow:0 8px 26px -14px var(--accent-glow);border:1px solid #8b7cf638;border-radius:15px;place-items:center;display:grid}.pillar__title{font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.5}.pillar__body{color:var(--text-dim);font-size:13.5px;line-height:2.05}.pillar__list{gap:9px;padding-top:4px;display:grid}.pillar__list li{color:var(--text-soft);padding-left:22px;font-size:13px;line-height:1.75;position:relative}.pillar__list li:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;position:absolute;top:.62em;left:3px}.addons__title{color:var(--text-soft);letter-spacing:.03em;margin-bottom:20px;font-size:15px;font-weight:700}.addons__list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(14px,1.8vw,20px);display:grid}.addon{padding:24px 26px}.addon:hover{border-color:#8b7cf63d;transform:translateY(-4px)}.addon h4{margin-bottom:9px;font-size:15px;font-weight:700}.addon p{color:var(--text-dim);font-size:12.5px;line-height:1.95}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:clamp(18px,2.4vw,26px);display:grid}.plan{align-content:start;gap:14px;padding:clamp(28px,3vw,40px);display:grid}.plan:hover{border-color:#8b7cf64d;transform:translateY(-7px);box-shadow:0 30px 60px -38px #000000f2}.plan--featured{background:linear-gradient(180deg, #8b7cf617, var(--glass) 55%);box-shadow:0 0 0 1px #8b7cf629, 0 24px 60px -34px var(--accent-glow);border-color:#8b7cf66b}.plan--featured:hover{box-shadow:0 0 0 1px #8b7cf642, 0 34px 74px -36px var(--accent-glow)}.plan__badge{background:var(--accent);color:#0c0916;letter-spacing:.06em;box-shadow:0 8px 22px -10px var(--accent-glow);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:clamp(28px,3vw,40px)}.plan__name{color:var(--text-soft);letter-spacing:.04em;font-size:16px;font-weight:700}.plan__price{font-family:var(--font-latin);letter-spacing:-.02em;align-items:baseline;font-size:clamp(36px,4.6vw,50px);font-weight:700;line-height:1.05;display:flex}.plan--featured .plan__price{color:var(--accent-bright);text-shadow:0 0 34px var(--accent-glow)}.plan__currency{margin-right:2px;font-size:.52em}.plan__unit{font-family:var(--font-jp);color:var(--text-faint);letter-spacing:0;margin-left:8px;font-size:13px;font-weight:500}.plan__note{color:var(--text-dim);font-size:12.5px;line-height:1.8}.plan__features{border-top:1px solid var(--glass-border);gap:11px;margin-block:6px;padding-block:8px 6px;display:grid}.plan__features li{color:var(--text-soft);padding-left:24px;font-size:13px;line-height:1.8;position:relative}.plan__features li:before{content:"";border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);width:10px;height:6px;position:absolute;top:.5em;left:4px;transform:rotate(-45deg)}.plan__price--sub{color:var(--text-soft);margin-top:-4px;font-size:clamp(24px,3vw,32px)}.plan--featured .plan__price--sub{color:var(--accent-bright)}.plan__note strong{color:var(--text-soft)}.plans__terms{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);max-width:760px;-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-dim);text-align:center;gap:12px;margin:32px auto 0;padding:22px 26px;font-size:12.5px;line-height:2;display:grid}.options{max-width:760px;margin:40px auto 0}.options__title{color:var(--text-soft);letter-spacing:.04em;margin-bottom:14px;font-size:14px;font-weight:700}.options__scroll{border:1px solid var(--glass-border);border-radius:var(--radius);overflow-x:auto}.options__table{border-collapse:collapse;width:100%;font-size:13px}.options__table th,.options__table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:12px 18px}.options__table th{letter-spacing:.08em;color:var(--text-faint);background:#ffffff05;font-size:11px;font-weight:700}.options__table tbody tr:last-child td{border-bottom:0}.options__table td:last-child,.options__table th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-soft)}.options__table td:first-child{color:var(--text-dim)}.flow-list{counter-reset:flow;gap:0;max-width:820px;display:grid}.flow-step{grid-template-columns:56px minmax(0,1fr);gap:20px;padding-bottom:28px;display:grid;position:relative}.flow-step:not(:last-child):before{content:"";background:var(--glass-border-strong);width:1px;position:absolute;top:40px;bottom:0;left:19px}.flow-step__no{border:1px solid var(--glass-border-strong);background:var(--bg-raised);width:39px;height:39px;font-family:var(--font-latin);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.flow-step--accent .flow-step__no{background:var(--accent-tint);color:var(--accent-bright);box-shadow:0 0 22px -6px var(--accent-glow);border-color:#8b7cf680}.flow-step__title{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;padding-top:8px;font-size:15px;font-weight:700;display:flex}.flow-step__meta{color:var(--text-faint);font-size:11px;font-weight:400}.flow-step__body p{color:var(--text-dim);font-size:13px;line-height:1.95}.flow-step__body strong{color:var(--text-soft)}.faq-list{gap:10px;max-width:820px;display:grid}.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));transition:border-color .3s var(--ease-out)}.faq-item[open]{border-color:#8b7cf642}.faq-item summary{color:var(--text);cursor:pointer;align-items:center;gap:14px;padding:18px 22px;font-size:14px;font-weight:600;line-height:1.7;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";background:linear-gradient(var(--accent-bright), var(--accent-bright)) center / 11px 1.5px no-repeat, linear-gradient(var(--accent-bright), var(--accent-bright)) center / 1.5px 11px no-repeat;width:11px;height:11px;transition:transform .28s var(--ease-out), opacity .28s var(--ease-out);flex:none;margin-left:auto}.faq-item[open] summary:after{background:linear-gradient(var(--accent-bright), var(--accent-bright)) center / 11px 1.5px no-repeat;transform:rotate(90deg)}.faq-item summary:hover{color:var(--accent-bright)}.faq-item>p{color:var(--text-dim);padding:0 22px 20px;font-size:13px;line-height:2}@media (prefers-reduced-motion:reduce){.faq-item summary:after{transition:none}}.contact-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.contact-points{gap:10px;margin-top:28px;display:grid}.contact-points li{color:var(--text-soft);padding-left:24px;font-size:13.5px;line-height:1.85;position:relative}.contact-points li:before{content:"";border:2px solid var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;position:absolute;top:.6em;left:2px}.socials{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.social{border:1px solid var(--glass-border-strong);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-soft);transition:transform .28s var(--ease-out), border-color .28s var(--ease-out), color .28s var(--ease-out);border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:13px;display:inline-flex}.social:hover{color:var(--text);border-color:#8b7cf673;transform:translateY(-2px)}.social--primary{background:var(--accent-tint);color:var(--text);box-shadow:0 10px 30px -18px var(--accent-glow);border-color:#8b7cf666}.contact-form{padding:clamp(26px,3.2vw,42px)}@media (max-width:880px){.contact-layout{grid-template-columns:minmax(0,1fr)}}.site-footer{border-top:1px solid var(--glass-border);background:#06060a99;padding-block:clamp(44px,6vw,72px) 34px}.site-footer__inner{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;gap:28px;padding-bottom:32px;display:flex}.site-footer__brand p{color:var(--text-dim);margin-top:8px;font-size:13px}.site-footer__brand .site-footer__desc{color:var(--text-faint);margin-top:4px;font-size:12px}.site-footer__company{border-bottom:1px solid var(--glass-border);padding-block:26px}.company-info{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 28px;margin:0;display:grid}.company-info>div{grid-template-columns:72px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.8;display:grid}.company-info__wide{grid-column:1/-1}.company-info dt{color:var(--text-faint)}.company-info dd{color:var(--text-soft);margin:0}.company-info a:hover{color:var(--accent-bright)}.site-footer__target{color:var(--text-faint);margin-top:18px;font-size:11.5px}.site-footer__nav{color:var(--text-dim);flex-wrap:wrap;gap:12px 26px;font-size:13px;display:flex}.site-footer__nav a:hover{color:var(--text)}.site-footer__legal{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;display:flex}.disclaimer{color:var(--text-faint);flex:420px;font-size:11.5px;line-height:1.85}.copyright{font-family:var(--font-latin);color:var(--text-faint);letter-spacing:.05em;font-size:11.5px}@media (prefers-reduced-motion:reduce){.feature-card:hover,.pillar:hover,.addon:hover,.plan:hover,.social:hover,.work-card:hover .phone-frame{transform:none}}
